@ngneers/controls 0.0.1-pre1 → 0.0.1-pre2

package/fesm2022/ngneers-controls-directives.mjs

@@ -0,0 +1,443 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, signal, input, booleanAttribute, effect, 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, ...(ngDevMode ? [{ debugName: "_focused" }] : []));
+    _isInitialized = signal(false, ...(ngDevMode ? [{ debugName: "_isInitialized" }] : []));
+    ngnAutofocus = input(true, { ...(ngDevMode ? { debugName: "ngnAutofocus" } : {}), transform: booleanAttribute });
+    constructor() {
+        effect(() => {
+            if (!this.ngnAutofocus()) {
+                this._focused.set(false);
+            }
+        });
+        effect(() => {
+            this.autoFocus();
+        });
+    }
+    ngAfterViewInit() {
+        /**
+         * The additional microtask ensures that the control is rendered and the
+         * ngn-control-initializing class is removed before trying to focus the element.
+         */
+        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: "21.1.0", ngImport: i0, type: NgnAutofocus, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", 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: "21.1.0", 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;
+    isDragging = signal(false, ...(ngDevMode ? [{ debugName: "isDragging" }] : []));
+    dragStart = output();
+    dragEnd = output();
+    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();
+            }
+        });
+        afterRenderEffect(() => {
+            this._pointerDownEvent.subscribe(event => {
+                this._pointerDown = true;
+                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.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: "21.1.0", ngImport: i0, type: NgnDragBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: NgnDragBase, isStandalone: true, outputs: { dragStart: "dragStart", dragEnd: "dragEnd", dragged: "dragged" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", 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: "21.1.0", ngImport: i0, type: NgnDragScroll, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: NgnDragScroll, isStandalone: true, selector: "[ngnDragScroll]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", 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: "21.1.0", ngImport: i0, type: NgnDrag, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: NgnDrag, isStandalone: true, selector: "[ngnDrag]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", 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" } : {}), 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, ...(ngDevMode ? [{ debugName: "ngnMovableDragHandle" }] : []));
+    /**
+     * When `true`, the cursor will change to indicate that the element / drag handle is movable.
+     * @default true
+     */
+    ngnMovableChangeCursor = input(true, { ...(ngDevMode ? { debugName: "ngnMovableChangeCursor" } : {}), transform: booleanAttribute });
+    /**
+     * When `true`, the movement will be limited to the viewport.
+     * @default true
+     */
+    ngnMovableLimitToViewport = input(true, { ...(ngDevMode ? { debugName: "ngnMovableLimitToViewport" } : {}), transform: booleanAttribute });
+    _ngnMovableDragHandleWithPrevious = signalWithPrevious(this.ngnMovableDragHandle, null);
+    _eventElement = computed(() => {
+        const handle = this.ngnMovableDragHandle();
+        return handle ?? this._el.nativeElement;
+    }, ...(ngDevMode ? [{ debugName: "_eventElement" }] : []));
+    dragged = signal(false, ...(ngDevMode ? [{ debugName: "dragged" }] : []));
+    _pointerDownSignal = domEventSignal(this._eventElement, 'pointerdown');
+    _pointerMoveSignal = domEventSignal(this._document, 'pointermove');
+    _pointerUpSignal = domEventSignal(this._document, 'pointerup');
+    _isDragging = signal(false, ...(ngDevMode ? [{ debugName: "_isDragging" }] : []));
+    _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: "21.1.0", ngImport: i0, type: NgnMovable, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", 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: "21.1.0", 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.
+     */
+    ngnResizable = input(true, ...(ngDevMode ? [{ debugName: "ngnResizable" }] : []));
+    /**
+     * The maximum size of the resizable element.
+     */
+    ngnResizableSizeLimits = input(...(ngDevMode ? [undefined, { debugName: "ngnResizableSizeLimits" }] : []));
+    resized = signal(false, ...(ngDevMode ? [{ debugName: "resized" }] : []));
+    _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: "21.1.0", ngImport: i0, type: NgnResizable, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", 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: "21.1.0", 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);
+    scrollTop = signal(this._el.nativeElement.scrollTop, ...(ngDevMode ? [{ debugName: "scrollTop" }] : []));
+    scrollLeft = signal(this._el.nativeElement.scrollLeft, ...(ngDevMode ? [{ debugName: "scrollLeft" }] : []));
+    _scrollEvent = domEventObservable(this._el.nativeElement, '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: "21.1.0", ngImport: i0, type: NgnScrollAmount, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: NgnScrollAmount, isStandalone: true, selector: "[ngnScrollAmount]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgnScrollAmount, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngnScrollAmount]',
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * 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 {\r\n  type AfterViewInit,\r\n  booleanAttribute,\r\n  Directive,\r\n  effect,\r\n  ElementRef,\r\n  inject,\r\n  input,\r\n  signal,\r\n} from '@angular/core';\r\n\r\n@Directive({ selector: '[ngnAutofocus]' })\r\nexport class NgnAutofocus implements AfterViewInit {\r\n  private readonly _el = inject<ElementRef<HTMLElement>>(ElementRef<HTMLElement>);\r\n  private readonly _focused = signal(false);\r\n  private readonly _isInitialized = signal(false);\r\n\r\n  public readonly ngnAutofocus = input(true, { transform: booleanAttribute });\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      if (!this.ngnAutofocus()) {\r\n        this._focused.set(false);\r\n      }\r\n    });\r\n    effect(() => {\r\n      this.autoFocus();\r\n    });\r\n  }\r\n\r\n  public ngAfterViewInit() {\r\n    /**\r\n     * The additional microtask ensures that the control is rendered and the\r\n     * ngn-control-initializing class is removed before trying to focus the element.\r\n     */\r\n    if (this._el.nativeElement.getClientRects().length === 0) {\r\n      queueMicrotask(() => {\r\n        this._isInitialized.set(true);\r\n      });\r\n    } else {\r\n      this._isInitialized.set(true);\r\n    }\r\n  }\r\n\r\n  private autoFocus() {\r\n    if (!this._isInitialized()) {\r\n      return;\r\n    }\r\n    if (!this.ngnAutofocus()) {\r\n      return;\r\n    }\r\n    if (this._focused()) {\r\n      return;\r\n    }\r\n    this._el.nativeElement.focus();\r\n    this._focused.set(true);\r\n  }\r\n}\r\n","import {\r\n  afterRenderEffect,\r\n  Directive,\r\n  DOCUMENT,\r\n  ElementRef,\r\n  inject,\r\n  output,\r\n  signal,\r\n} from '@angular/core';\r\nimport { domEventHandler, domEventObservable, Platform } from '@ngneers/controls/api/ng';\r\n\r\nimport type { NgnDragInfo } from './types';\r\n\r\n@Directive()\r\nexport abstract class NgnDragBase {\r\n  protected readonly el = inject<ElementRef<HTMLElement>>(ElementRef);\r\n  private readonly _document = inject(DOCUMENT);\r\n  private readonly _isBrowser = inject(Platform).isBrowser;\r\n\r\n  private _pointerDown = false;\r\n  private _startX?: number = undefined;\r\n  private _startY?: number = undefined;\r\n\r\n  protected readonly isDragging = signal(false);\r\n  public readonly dragStart = output<void>();\r\n  public readonly dragEnd = output<void>();\r\n  public readonly dragged = output<NgnDragInfo>();\r\n\r\n  private readonly _pointerDownEvent = domEventObservable(this.el.nativeElement, 'pointerdown');\r\n  private readonly _pointerMoveEvent = domEventObservable(this._document, 'pointermove');\r\n  private readonly _pointerUpEvent = domEventObservable(this._document, 'pointerup');\r\n\r\n  constructor() {\r\n    if (!this._isBrowser) {\r\n      return;\r\n    }\r\n    domEventHandler(this.el.nativeElement, 'touchmove', e => {\r\n      if (e.cancelable) {\r\n        e.preventDefault();\r\n      }\r\n    });\r\n    afterRenderEffect(() => {\r\n      this._pointerDownEvent.subscribe(event => {\r\n        this._pointerDown = true;\r\n        this._startX = (event as PointerEvent).clientX;\r\n        this._startY = (event as PointerEvent).clientY;\r\n      });\r\n      this._pointerUpEvent.subscribe(() => {\r\n        if (!this._pointerDown) {\r\n          return;\r\n        }\r\n        this._pointerDown = false;\r\n        this._startX = undefined;\r\n        this._startY = undefined;\r\n        this.isDragging.set(false);\r\n        this.dragEnd.emit();\r\n      });\r\n\r\n      this._pointerMoveEvent.subscribe(event => {\r\n        if (!this._pointerDown) {\r\n          return;\r\n        }\r\n        this.handleDrag(event);\r\n      });\r\n    });\r\n  }\r\n\r\n  protected abstract onDragged(delta: NgnDragInfo): void;\r\n\r\n  private onDraggedInt(delta: NgnDragInfo) {\r\n    this.dragged.emit(delta);\r\n    this.onDragged(delta);\r\n  }\r\n\r\n  private handleDrag(event: Event) {\r\n    const { clientX, clientY } = event as PointerEvent;\r\n    if (this._startX === undefined || this._startY === undefined) {\r\n      throw new Error('Start positions are undefined');\r\n    }\r\n    const deltaX = clientX - this._startX;\r\n    const deltaY = clientY - this._startY;\r\n    if (!this.isDragging()) {\r\n      const distance = Math.sqrt(deltaX ** 2 + deltaY ** 2);\r\n      if (distance < 5) {\r\n        return;\r\n      }\r\n      this.isDragging.set(true);\r\n      this.dragStart.emit();\r\n    }\r\n    if (!this.isDragging()) {\r\n      return;\r\n    }\r\n    this._startX = clientX;\r\n    this._startY = clientY;\r\n    this.onDraggedInt({ deltaX: deltaX, deltaY: deltaY, absoluteX: clientX, absoluteY: clientY });\r\n  }\r\n}\r\n","import { Directive } from '@angular/core';\r\n\r\nimport { NgnDragBase } from './drag-base';\r\n\r\nimport type { NgnDragInfo } from './types';\r\n\r\n@Directive({\r\n  selector: '[ngnDragScroll]',\r\n})\r\nexport class NgnDragScroll extends NgnDragBase {\r\n  protected onDragged(delta: NgnDragInfo): void {\r\n    this.el.nativeElement.scrollBy({\r\n      left: -delta.deltaX,\r\n      top: -delta.deltaY,\r\n      behavior: 'auto',\r\n    });\r\n  }\r\n}\r\n","import { Directive } from '@angular/core';\r\n\r\nimport { NgnDragBase } from './drag-base';\r\n\r\nimport type { NgnDragInfo } from './types';\r\n\r\n@Directive({\r\n  selector: '[ngnDrag]',\r\n})\r\nexport class NgnDrag extends NgnDragBase {\r\n  protected onDragged(delta: NgnDragInfo): void {\r\n    // do nothing\r\n  }\r\n}\r\n","import {\r\n  booleanAttribute,\r\n  computed,\r\n  Directive,\r\n  DOCUMENT,\r\n  effect,\r\n  ElementRef,\r\n  inject,\r\n  input,\r\n  signal,\r\n  untracked,\r\n} from '@angular/core';\r\nimport { domEventHandler, domEventSignal } from '@ngneers/controls/api/ng';\r\nimport { NgnBase } from '@ngneers/controls/base';\r\nimport { signalWithPrevious } from '@ngneers/controls/utils-ng';\r\nimport { movableDirectiveTemplate } from '@ngneers/controls-themes/templates/api';\r\n\r\n@Directive({\r\n  selector: '[ngnMovable]',\r\n})\r\nexport class NgnMovable extends NgnBase<'movable'> {\r\n  protected readonly theme = this.injectThemeTemplate(movableDirectiveTemplate, {\r\n    movable: () => this.ngnMovable(),\r\n    moved: () => this.dragged(),\r\n  });\r\n  private readonly _el = inject<ElementRef<HTMLElement>>(ElementRef<HTMLElement>);\r\n  private readonly _document = inject(DOCUMENT);\r\n\r\n  /**\r\n   * Whether the element is movable.\r\n   * @default true\r\n   */\r\n  public readonly ngnMovable = input(true, { transform: booleanAttribute });\r\n\r\n  /**\r\n   * The handle element used to drag the element. If omitted, the entire element will be used as the drag handle.\r\n   * @default null\r\n   */\r\n  public readonly ngnMovableDragHandle = input<HTMLElement | null>(null);\r\n\r\n  /**\r\n   * When `true`, the cursor will change to indicate that the element / drag handle is movable.\r\n   * @default true\r\n   */\r\n  public readonly ngnMovableChangeCursor = input(true, { transform: booleanAttribute });\r\n\r\n  /**\r\n   * When `true`, the movement will be limited to the viewport.\r\n   * @default true\r\n   */\r\n  public readonly ngnMovableLimitToViewport = input(true, { transform: booleanAttribute });\r\n\r\n  private readonly _ngnMovableDragHandleWithPrevious = signalWithPrevious(\r\n    this.ngnMovableDragHandle,\r\n    null\r\n  );\r\n\r\n  private readonly _eventElement = computed(() => {\r\n    const handle = this.ngnMovableDragHandle();\r\n    return handle ?? this._el.nativeElement;\r\n  });\r\n\r\n  protected readonly dragged = signal(false);\r\n\r\n  private readonly _pointerDownSignal = domEventSignal(this._eventElement, 'pointerdown');\r\n  private readonly _pointerMoveSignal = domEventSignal(this._document, 'pointermove');\r\n  private readonly _pointerUpSignal = domEventSignal(this._document, 'pointerup');\r\n\r\n  private readonly _isDragging = signal(false);\r\n  private _startX = 0;\r\n  private _startY = 0;\r\n\r\n  constructor() {\r\n    super();\r\n\r\n    domEventHandler(this._el.nativeElement, 'touchmove', e => {\r\n      if (!this.ngnMovable()) {\r\n        return;\r\n      }\r\n      if (e.cancelable) {\r\n        e.preventDefault();\r\n      }\r\n    });\r\n\r\n    effect(() => {\r\n      if (!this.ngnMovable()) {\r\n        return;\r\n      }\r\n      const pointerDown = this._pointerDownSignal();\r\n      // check if primary button or touch\r\n      if (pointerDown && (pointerDown.button === 0 || pointerDown.pointerType === 'touch')) {\r\n        this._isDragging.set(true);\r\n        this._startX = pointerDown.clientX - this._el.nativeElement.offsetLeft;\r\n        this._startY = pointerDown.clientY - this._el.nativeElement.offsetTop;\r\n      }\r\n    });\r\n\r\n    effect(() => {\r\n      if (!this.ngnMovable()) {\r\n        return;\r\n      }\r\n      const pointerMove = this._pointerMoveSignal();\r\n      if (pointerMove && untracked(this._isDragging)) {\r\n        this.dragged.set(true);\r\n        const newLeft = pointerMove.clientX - this._startX;\r\n        const newTop = pointerMove.clientY - this._startY;\r\n\r\n        if (this.ngnMovableLimitToViewport()) {\r\n          const documentRect = this._document.documentElement.getBoundingClientRect();\r\n          const elRect = this._el.nativeElement.getBoundingClientRect();\r\n\r\n          const clampedLeft = Math.min(Math.max(newLeft, 0), documentRect.width - elRect.width);\r\n          const clampedTop = Math.min(Math.max(newTop, 0), documentRect.height - elRect.height);\r\n\r\n          this._el.nativeElement.style.left = `${clampedLeft}px`;\r\n          this._el.nativeElement.style.top = `${clampedTop}px`;\r\n        } else {\r\n          this._el.nativeElement.style.left = `${pointerMove.clientX - this._startX}px`;\r\n          this._el.nativeElement.style.top = `${pointerMove.clientY - this._startY}px`;\r\n        }\r\n\r\n        this._el.nativeElement.style.width = `${this._el.nativeElement.offsetWidth}px`;\r\n        this._el.nativeElement.style.height = `${this._el.nativeElement.offsetHeight}px`;\r\n        if (\r\n          !['fixed', 'absolute', 'static'].includes(\r\n            getComputedStyle(this._el.nativeElement).position\r\n          )\r\n        ) {\r\n          this._el.nativeElement.style.position = 'fixed';\r\n        }\r\n      }\r\n    });\r\n\r\n    effect(() => {\r\n      if (!this.ngnMovable()) {\r\n        return;\r\n      }\r\n      const pointerUp = this._pointerUpSignal();\r\n      if (pointerUp && untracked(this._isDragging)) {\r\n        this._isDragging.set(false);\r\n      }\r\n    });\r\n\r\n    effect(() => {\r\n      if (!this.ngnMovable()) {\r\n        this._isDragging.set(false);\r\n      }\r\n    });\r\n\r\n    effect(() => {\r\n      this.refreshCursor();\r\n    });\r\n  }\r\n\r\n  public bakePosition() {\r\n    this._el.nativeElement.style.left = `${this._el.nativeElement.offsetLeft}px`;\r\n    this._el.nativeElement.style.top = `${this._el.nativeElement.offsetTop}px`;\r\n    if (\r\n      !['fixed', 'absolute', 'static'].includes(getComputedStyle(this._el.nativeElement).position)\r\n    ) {\r\n      this._el.nativeElement.style.position = 'fixed';\r\n    }\r\n    this.dragged.set(true);\r\n  }\r\n\r\n  private refreshCursor() {\r\n    const handle = this._ngnMovableDragHandleWithPrevious();\r\n    if (handle.previous && handle.previous !== handle.current) {\r\n      handle.previous.classList.remove(\r\n        this.theme.class('drag-handle-grab'),\r\n        this.theme.class('drag-handle-grabbing')\r\n      );\r\n    }\r\n    if (!this.ngnMovable() || !this.ngnMovableChangeCursor()) {\r\n      handle.current?.classList.remove(\r\n        this.theme.class('drag-handle-grab'),\r\n        this.theme.class('drag-handle-grabbing')\r\n      );\r\n      return;\r\n    }\r\n    if (this._isDragging()) {\r\n      handle.current?.classList.add(this.theme.class('drag-handle-grabbing'));\r\n      handle.current?.classList.remove(this.theme.class('drag-handle-grab'));\r\n    } else {\r\n      handle.current?.classList.add(this.theme.class('drag-handle-grab'));\r\n      handle.current?.classList.remove(this.theme.class('drag-handle-grabbing'));\r\n    }\r\n  }\r\n}\r\n","import { Directive, DOCUMENT, effect, ElementRef, inject, input, signal } from '@angular/core';\r\nimport {\r\n  domEventSignal,\r\n  elementSizeSignal,\r\n  injectThemeTemplate,\r\n  Platform,\r\n} from '@ngneers/controls/api/ng';\r\nimport { resizableDirectiveTemplate } from '@ngneers/controls-themes/templates/api';\r\n\r\nimport { NgnMovable } from './movable';\r\n\r\n@Directive({\r\n  selector: '[ngnResizable]',\r\n  host: {\r\n    '[class]': 'theme.classes({ resizable: !!ngnResizable(), resized: resized()})',\r\n  },\r\n})\r\nexport class NgnResizable {\r\n  protected readonly theme = injectThemeTemplate(resizableDirectiveTemplate);\r\n  private readonly _el = inject<ElementRef<HTMLElement>>(ElementRef<HTMLElement>);\r\n  private readonly _isBrowser = inject(Platform).isBrowser;\r\n  private readonly _document = inject(DOCUMENT);\r\n  private readonly _ngnMovable = inject(NgnMovable, { optional: true });\r\n  private _isPointerDown = false;\r\n\r\n  /**\r\n   * Whether the element is resizable.\r\n   */\r\n  public readonly ngnResizable = input<boolean | null | undefined | ''>(true);\r\n  /**\r\n   * The maximum size of the resizable element.\r\n   */\r\n  public readonly ngnResizableSizeLimits = input<{\r\n    minWidth: string | number | null | undefined;\r\n    minHeight: string | number | null | undefined;\r\n    maxWidth: string | number | null | undefined;\r\n    maxHeight: string | number | null | undefined;\r\n  }>();\r\n\r\n  protected readonly resized = signal(false);\r\n\r\n  private readonly _pointerDownSignal = domEventSignal(this._el, 'pointerdown');\r\n  private readonly _pointerUpSignal = domEventSignal(this._document, 'pointerup');\r\n\r\n  private readonly _resizeEvent = elementSizeSignal(this._el);\r\n\r\n  /**\r\n   * Formats a size value from string | number | null | undefined to a CSS string.\r\n   * @param value The size value to format\r\n   * @returns The formatted CSS string or null if the value is null/undefined\r\n   */\r\n  private formatSizeValue(value: string | number | null | undefined): string | null {\r\n    if (value === null || value === undefined) {\r\n      return null;\r\n    }\r\n    return typeof value === 'number' ? `${value}px` : value;\r\n  }\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      if (this._pointerDownSignal()) {\r\n        this._isPointerDown = true;\r\n      }\r\n    });\r\n\r\n    effect(() => {\r\n      if (this._pointerUpSignal()) {\r\n        this._isPointerDown = false;\r\n      }\r\n    });\r\n\r\n    effect(() => {\r\n      if (!this._isBrowser) {\r\n        return;\r\n      }\r\n      const _size = this._resizeEvent(); // just as the trigger\r\n      if (!this._isPointerDown) {\r\n        // only react to resize events when the pointer is down (user is resizing)\r\n        return;\r\n      }\r\n\r\n      // If the element is also movable, bake its position to avoid misplacement after resizing\r\n      this._ngnMovable?.bakePosition();\r\n\r\n      // calculate the max width & height of the element based on the size, position & body\r\n\r\n      const bodyWidth = this._document.body.clientWidth;\r\n      const bodyHeight = this._document.body.clientHeight;\r\n\r\n      const elRect = this._el.nativeElement.getBoundingClientRect();\r\n\r\n      const maxWidth = bodyWidth - elRect.left;\r\n      const maxHeight = bodyHeight - elRect.top;\r\n\r\n      const inputMaxWidth = this.ngnResizableSizeLimits()?.maxWidth;\r\n      const inputMaxHeight = this.ngnResizableSizeLimits()?.maxHeight;\r\n      const formattedMaxWidth = this.formatSizeValue(inputMaxWidth);\r\n      const formattedMaxHeight = this.formatSizeValue(inputMaxHeight);\r\n\r\n      this._el.nativeElement.style.maxWidth = formattedMaxWidth\r\n        ? `min(${formattedMaxWidth}, ${maxWidth}px)`\r\n        : `${maxWidth}px`;\r\n      this._el.nativeElement.style.maxHeight = formattedMaxHeight\r\n        ? `min(${formattedMaxHeight}, ${maxHeight}px)`\r\n        : `${maxHeight}px`;\r\n\r\n      const inputMinWidth = this.ngnResizableSizeLimits()?.minWidth;\r\n      const inputMinHeight = this.ngnResizableSizeLimits()?.minHeight;\r\n      const formattedMinWidth = this.formatSizeValue(inputMinWidth);\r\n      const formattedMinHeight = this.formatSizeValue(inputMinHeight);\r\n\r\n      if (formattedMinWidth) {\r\n        this._el.nativeElement.style.minWidth = formattedMinWidth;\r\n      }\r\n      if (formattedMinHeight) {\r\n        this._el.nativeElement.style.minHeight = formattedMinHeight;\r\n      }\r\n\r\n      this.resized.set(true);\r\n    });\r\n  }\r\n}\r\n","import { afterRenderEffect, Directive, ElementRef, inject, signal } from '@angular/core';\r\nimport { domEventObservable } from '@ngneers/controls/api/ng';\r\nimport { map } from 'rxjs';\r\n\r\n@Directive({\r\n  selector: '[ngnScrollAmount]',\r\n})\r\nexport class NgnScrollAmount {\r\n  private readonly _el = inject<ElementRef<HTMLElement>>(ElementRef);\r\n  public readonly scrollTop = signal(this._el.nativeElement.scrollTop);\r\n  public readonly scrollLeft = signal(this._el.nativeElement.scrollLeft);\r\n  private readonly _scrollEvent = domEventObservable(this._el.nativeElement, 'scroll');\r\n\r\n  constructor() {\r\n    afterRenderEffect(() => {\r\n      const obs = this._scrollEvent.pipe(\r\n        map(e => {\r\n          const target = e.target as HTMLElement;\r\n          return {\r\n            top: target.scrollTop,\r\n            left: target.scrollLeft,\r\n          };\r\n        })\r\n      );\r\n      obs.subscribe(scroll => {\r\n        this.scrollTop.set(scroll.top);\r\n        this.scrollLeft.set(scroll.left);\r\n      });\r\n    });\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}