npm - @ngbase/adk - Versions diffs - 0.1.16 → 0.1.18 - Mend

@ngbase/adk 0.1.16 → 0.1.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (203) hide show

package/fesm2022/ngbase-adk-drag.mjs CHANGED Viewed

@@ -20,10 +20,10 @@ class DragData {
     }
 }
 class DragHandle {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: DragHandle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0", type: DragHandle, isStandalone: true, selector: "[ngbDragHandle]", host: { classAttribute: "cursor-move" }, exportAs: ["ngbDragHandle"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DragHandle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: DragHandle, isStandalone: true, selector: "[ngbDragHandle]", host: { classAttribute: "cursor-move" }, exportAs: ["ngbDragHandle"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: DragHandle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DragHandle, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbDragHandle]',
@@ -37,16 +37,16 @@ class Drag {
     constructor() {
         this.el = inject(ElementRef);
         this.document = inject(DOCUMENT);
-        this.handle = contentChild(DragHandle, ...(ngDevMode ? [{ debugName: "handle", read: ElementRef, descendants: true }] : [{ read: ElementRef, descendants: true }]));
+        this.handle = contentChild(DragHandle, { ...(ngDevMode ? { debugName: "handle" } : {}), read: ElementRef, descendants: true });
         this.events = new Subject();
         this.ngbDrag = outputFromObservable(this.events);
-        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
         this.lockAxis = input(...(ngDevMode ? [undefined, { debugName: "lockAxis" }] : []));
         this.dragBoundary = input(...(ngDevMode ? [undefined, { debugName: "dragBoundary" }] : []));
         // hacky: we need this for host directives
-        this._lockAxis = linkedSignal(this.lockAxis);
-        this._dragBoundary = linkedSignal(this.dragBoundary);
-        this._disabled = linkedSignal(this.disabled);
+        this._lockAxis = linkedSignal(this.lockAxis, ...(ngDevMode ? [{ debugName: "_lockAxis" }] : []));
+        this._dragBoundary = linkedSignal(this.dragBoundary, ...(ngDevMode ? [{ debugName: "_dragBoundary" }] : []));
+        this._disabled = linkedSignal(this.disabled, ...(ngDevMode ? [{ debugName: "_disabled" }] : []));
         this.dragBoundaryElement = computed(() => {
             const id = this._dragBoundary();
             return id ? this.document.querySelector(id) : null;
@@ -163,16 +163,16 @@ class Drag {
         this.lastValue.time = now;
         return new DragData(x, y, dx, dy, type, ev, ev.clientX, ev.clientY, this.getDirection(ev), velocity, now);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: Drag, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.2.0", type: Drag, isStandalone: true, selector: "[ngbDrag]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, lockAxis: { classPropertyName: "lockAxis", publicName: "lockAxis", isSignal: true, isRequired: false, transformFunction: null }, dragBoundary: { classPropertyName: "dragBoundary", publicName: "dragBoundary", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ngbDrag: "ngbDrag" }, queries: [{ propertyName: "handle", first: true, predicate: DragHandle, descendants: true, read: ElementRef, isSignal: true }], exportAs: ["ngbDrag"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Drag, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.1.0", type: Drag, isStandalone: true, selector: "[ngbDrag]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, lockAxis: { classPropertyName: "lockAxis", publicName: "lockAxis", isSignal: true, isRequired: false, transformFunction: null }, dragBoundary: { classPropertyName: "dragBoundary", publicName: "dragBoundary", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ngbDrag: "ngbDrag" }, queries: [{ propertyName: "handle", first: true, predicate: DragHandle, descendants: true, read: ElementRef, isSignal: true }], exportAs: ["ngbDrag"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: Drag, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Drag, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbDrag]',
                     exportAs: 'ngbDrag',
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { handle: [{ type: i0.ContentChild, args: [i0.forwardRef(() => DragHandle), { ...{ read: ElementRef, descendants: true }, isSignal: true }] }], ngbDrag: [{ type: i0.Output, args: ["ngbDrag"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], lockAxis: [{ type: i0.Input, args: [{ isSignal: true, alias: "lockAxis", required: false }] }], dragBoundary: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragBoundary", required: false }] }] } });
 class DragMove {
     constructor() {
@@ -217,16 +217,16 @@ class DragMove {
     updateTransform() {
         this.element.style.transform = `translate(${this.x}px, ${this.y}px) scale(${this.scale})`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: DragMove, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0", type: DragMove, isStandalone: true, selector: "[ngbDragMove]", inputs: { target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: Drag, inputs: ["dragBoundary", "dragBoundary"] }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DragMove, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", type: DragMove, isStandalone: true, selector: "[ngbDragMove]", inputs: { target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: Drag, inputs: ["dragBoundary", "dragBoundary"] }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: DragMove, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DragMove, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbDragMove]',
                     hostDirectives: [{ directive: Drag, inputs: ['dragBoundary'] }],
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", required: false }] }] } });
 class DragDrop {
     constructor() {
@@ -345,15 +345,15 @@ class DragDrop {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: DragDrop, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.2.0", type: DragDrop, isStandalone: true, selector: "[ngbDrop]", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { orderChanged: "orderChanged" }, queries: [{ propertyName: "dragItems", predicate: Drag, isSignal: true }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DragDrop, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.1.0", type: DragDrop, isStandalone: true, selector: "[ngbDrop]", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { orderChanged: "orderChanged" }, queries: [{ propertyName: "dragItems", predicate: Drag, isSignal: true }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: DragDrop, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DragDrop, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbDrop]',
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { dragItems: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => Drag), { isSignal: true }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], orderChanged: [{ type: i0.Output, args: ["orderChanged"] }] } });
 // We need to check if the mouse is intersecting with the element
 function isIntersecting(rect1, rect2) {
     if (rect1 instanceof DOMRect) {

package/fesm2022/ngbase-adk-drag.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ngbase-adk-drag.mjs","sources":["../../../projects/adk/drag/drag.ts","../../../projects/adk/drag/drag-move.ts","../../../projects/adk/drag/drag-drop.ts","../../../projects/adk/drag/public-api.ts","../../../projects/adk/drag/ngbase-adk-drag.ts"],"sourcesContent":["import {\n Directive,\n ElementRef,\n booleanAttribute,\n computed,\n contentChild,\n effect,\n inject,\n input,\n linkedSignal,\n DOCUMENT,\n} from '@angular/core';\nimport { outputFromObservable } from '@angular/core/rxjs-interop';\nimport { Subject } from 'rxjs';\n\nexport class DragData {\n constructor(\n public x = 0,\n public y = 0,\n public dx = 0,\n public dy = 0,\n public type: 'start' \| 'move' \| 'end' = 'start',\n public event?: PointerEvent,\n public clientX?: number,\n public clientY?: number,\n public direction?: 'left' \| 'right',\n public velocity = 0, // pixels per millisecond\n public time = Date.now(),\n ) {}\n}\n\n@Directive({\n selector: '[ngbDragHandle]',\n exportAs: 'ngbDragHandle',\n host: {\n class: 'cursor-move',\n },\n})\nexport class DragHandle {}\n\n@Directive({\n selector: '[ngbDrag]',\n exportAs: 'ngbDrag',\n})\nexport class Drag {\n readonly el = inject(ElementRef);\n readonly document = inject(DOCUMENT);\n\n readonly handle = contentChild(DragHandle, { read: ElementRef, descendants: true });\n readonly events = new Subject<DragData>();\n readonly ngbDrag = outputFromObservable(this.events);\n\n readonly disabled = input(false, { transform: booleanAttribute });\n readonly lockAxis = input<'x' \| 'y'>();\n readonly dragBoundary = input<string>();\n\n // hacky: we need this for host directives\n _lockAxis = linkedSignal(this.lockAxis);\n _dragBoundary = linkedSignal(this.dragBoundary);\n _disabled = linkedSignal(this.disabled);\n\n private readonly dragBoundaryElement = computed(() => {\n const id = this._dragBoundary();\n return id ? this.document.querySelector(id) : null;\n });\n private boundaryRect: { left: number; top: number; right: number; bottom: number } \| undefined;\n startEvent!: PointerEvent;\n lastValue = new DragData();\n isDragging = false;\n\n constructor() {\n effect(cleanup => {\n if (!this._disabled()) {\n const handle = this.handle() \|\| this.el;\n handle.nativeElement.addEventListener('pointerdown', this.onPointerDown);\n cleanup(() => handle.nativeElement.removeEventListener('pointerdown', this.onPointerDown));\n }\n });\n this.el.nativeElement.style.touchAction = 'none';\n }\n\n private onPointerDown = (event: PointerEvent) => {\n if (event.button !== 0) return; // Only trigger on left click\n\n this.startDrag(event);\n this.document.addEventListener('pointermove', this.onPointerMove);\n this.document.addEventListener('pointerup', this.onPointerUp);\n };\n\n private onPointerMove = (event: PointerEvent) => {\n if (this.isDragging) {\n event.preventDefault();\n event.stopPropagation();\n this.moveDrag(event);\n }\n };\n\n private onPointerUp = (event: PointerEvent) => {\n this.endDrag(event);\n this.document.removeEventListener('pointermove', this.onPointerMove);\n this.document.removeEventListener('pointerup', this.onPointerUp);\n };\n\n private startDrag(event: PointerEvent) {\n this.startEvent = event;\n this.isDragging = true;\n const rect = this.el.nativeElement.getBoundingClientRect();\n const parentRect = this.dragBoundaryElement()?.getBoundingClientRect();\n if (parentRect) {\n const left = rect.left - parentRect.left;\n const top = rect.top - parentRect.top;\n this.boundaryRect = {\n left,\n top,\n right: parentRect.width - rect.width - left,\n bottom: parentRect.height - rect.height - top,\n };\n // console.log(this.boundaryRect);\n }\n this.lastValue = this.getDragEvent(event, 'start');\n this.events.next(this.lastValue);\n this.toggleUserSelect();\n }\n\n private moveDrag(event: PointerEvent) {\n this.lastValue = this.getDragEvent(event, 'move');\n // prevent unnecessary events when the drag is outside the boundary\n if (this.lastValue.dx !== 0 \|\| this.lastValue.dy !== 0) {\n this.events.next(this.lastValue);\n }\n }\n\n private endDrag(event: PointerEvent) {\n this.isDragging = false;\n const value = this.getDragEvent(event, 'end');\n this.events.next(value);\n this.lastValue = new DragData();\n this.toggleUserSelect(false);\n }\n\n private toggleUserSelect(active = true) {\n const value = active ? 'none' : '';\n this.document.body.style.userSelect = value;\n this.document.body.style.webkitUserSelect = value;\n this.document.body.style.pointerEvents = value;\n }\n\n private getDirection(ev: PointerEvent) {\n let dir = this.lastValue.direction \|\| 'left';\n if (ev.clientX > this.lastValue.clientX!) {\n dir = 'right';\n } else if (ev.clientX < this.lastValue.clientX!) {\n dir = 'left';\n }\n return dir;\n }\n\n private getDragEvent(ev: PointerEvent, type: 'start' \| 'move' \| 'end') {\n const now = Date.now();\n const dt = now - this.lastValue.time;\n const startClientX = this.startEvent.clientX;\n const startClientY = this.startEvent.clientY;\n\n let x = ev.clientX - startClientX;\n let y = ev.clientY - startClientY;\n\n // it is to make sure that the drag is always in the drag point\n if (this.boundaryRect) {\n const { left, top, right, bottom } = this.boundaryRect;\n x = Math.max(-left, Math.min(x, right));\n y = Math.max(-top, Math.min(y, bottom));\n }\n\n if (this._lockAxis() === 'x') {\n y = 0;\n } else if (this._lockAxis() === 'y') {\n x = 0;\n }\n\n const dx = x - (this.lastValue.x ?? 0);\n const dy = y - (this.lastValue.y ?? 0);\n\n let velocity = 0;\n if (type === 'move' && dt > 0) {\n const distance = Math.sqrt(dx * dx + dy * dy);\n velocity = (distance / dt) * 0.6;\n } else if (type === 'end') {\n velocity = this.lastValue.velocity;\n }\n this.lastValue.time = now;\n\n return new DragData(\n x,\n y,\n dx,\n dy,\n type,\n ev,\n ev.clientX,\n ev.clientY,\n this.getDirection(ev),\n velocity,\n now,\n );\n }\n}\n","import { Directive, ElementRef, inject, input } from '@angular/core';\nimport { Drag } from './drag';\n\n@Directive({\n selector: '[ngbDragMove]',\n hostDirectives: [{ directive: Drag, inputs: ['dragBoundary'] }],\n})\nexport class DragMove {\n private drag = inject(Drag);\n private el = inject<ElementRef<HTMLElement>>(ElementRef);\n readonly target = input<HTMLElement>();\n private scale = 1;\n private x = 0;\n private y = 0;\n private lastX = 0;\n private lastY = 0;\n\n constructor() {\n this.drag.events.subscribe(data => {\n data.event?.preventDefault();\n requestAnimationFrame(() => {\n if (data.type === 'move') {\n this.x = data.x + this.lastX;\n this.y = data.y + this.lastY;\n this.updateTransform();\n } else if (data.type === 'end') {\n this.lastX = this.x;\n this.lastY = this.y;\n }\n });\n });\n\n // this.el.nativeElement.addEventListener('wheel', e => {\n // e.preventDefault();\n // const rect = this.element.getBoundingClientRect();\n // const mouseX = e.clientX - rect.left;\n // const mouseY = e.clientY - rect.top;\n\n // const prevScale = this.scale;\n // this.scale = Math.max(0.1, Math.min(10, this.scale + e.deltaY * -0.001));\n\n // const scaleRatio = this.scale / prevScale;\n\n // this.x += ((mouseX - this.x) * (1 - scaleRatio)) / this.scale;\n // this.y += ((mouseY - this.y) * (1 - scaleRatio)) / this.scale;\n\n // this.updateTransform();\n // });\n }\n\n private get element() {\n return this.target() ?? this.el.nativeElement;\n }\n\n private updateTransform() {\n this.element.style.transform = `translate(${this.x}px, ${this.y}px) scale(${this.scale})`;\n }\n}\n","import {\n Directive,\n ElementRef,\n contentChildren,\n effect,\n inject,\n input,\n output,\n} from '@angular/core';\nimport { Drag, DragData } from './drag';\n\nexport interface DropEvent<T> {\n previousIndex: number;\n currentIndex: number;\n container: { data: T };\n previousContainer: { data: T };\n}\n\n@Directive({\n selector: '[ngbDrop]',\n})\nexport class DragDrop<T> {\n readonly el = inject(ElementRef);\n readonly dragItems = contentChildren(Drag);\n\n readonly data = input<T>();\n readonly orderChanged = output<DropEvent<T>>();\n\n private sortableElements: HTMLElement[] = [];\n private previousIndex!: number;\n private currentIndex!: number;\n private height!: number; // height is required for testing\n\n constructor() {\n effect(cleanup => {\n const items = this.dragItems();\n this.sortableElements = [];\n const subs = items.map(item => {\n this.sortableElements.push(item.el.nativeElement);\n return item.ngbDrag.subscribe(data => this.onDrag(data, item));\n });\n cleanup(() => subs.forEach(sub => sub.unsubscribe()));\n });\n }\n\n private onDrag(dragData: DragData, item: Drag) {\n const element = item.el.nativeElement;\n if (dragData.type === 'start') {\n this.onDragStart(element);\n } else if (dragData.type === 'move') {\n this.onDragMove(element, dragData, item);\n } else if (dragData.type === 'end') {\n this.onDragEnd(element);\n }\n }\n\n fromThis(dragData: DragData) {\n return isIntersecting(\n { x: dragData.clientX!, y: dragData.clientY!, w: 0.1, h: 0.1 },\n this.el.nativeElement.getBoundingClientRect(),\n );\n }\n\n private onDragStart(element: HTMLElement) {\n element.style.zIndex = '1000';\n element.style.transition = 'none';\n element.style.position = 'relative';\n\n // original index\n this.previousIndex = this.dragItems().findIndex(item => item.el.nativeElement === element);\n this.currentIndex = this.previousIndex;\n this.height = element.offsetHeight;\n }\n\n private onDragMove(element: HTMLElement, dragData: DragData, drag: Drag) {\n const deltaX = dragData.x;\n const deltaY = dragData.y;\n element.style.transform = `translate(${deltaX}px, ${deltaY}px)`;\n\n // we have to find the new index by checking clientXY of the mouse\n const mouseY = dragData.clientY!;\n const mouseX = dragData.clientX!;\n const ci = this.currentIndex ?? this.previousIndex;\n let newIndex = this.sortableElements.findIndex((el, index) => {\n const rect = el.getBoundingClientRect();\n return index !== ci && isIntersecting({ x: mouseX, y: mouseY, w: 0.1, h: 0.1 }, rect);\n });\n newIndex = newIndex === -1 ? ci : newIndex;\n\n if (newIndex !== this.currentIndex) {\n this.rearrangeItems(drag, newIndex);\n this.currentIndex = newIndex;\n }\n }\n\n private onDragEnd(element: HTMLElement) {\n // Emit the new order\n this.resetPositions();\n this.emitNewOrder();\n\n // element.style.transition = 'transform 0.3s ease-out';\n // element.addEventListener(\n // 'transitionend',\n // () => {\n element.style.zIndex = '';\n element.style.position = '';\n // },\n // { once: true },\n // );\n }\n\n private rearrangeItems(dragger: Drag, newIndex: number) {\n const draggedItem = dragger.el.nativeElement;\n const oldIndex = this.sortableElements.indexOf(draggedItem);\n if (oldIndex === newIndex) return;\n\n // Move the dragged item in the array\n this.sortableElements.splice(oldIndex, 1);\n this.sortableElements.splice(newIndex, 0, draggedItem);\n\n // Update positions of all items\n this.updateItemPositions(draggedItem, newIndex);\n }\n\n private updateItemPositions(draggedItem: HTMLElement, newIndex: number) {\n const originalIndex = this.previousIndex;\n this.sortableElements.forEach((el, index) => {\n if (el !== draggedItem) {\n const v =\n (originalIndex >= newIndex && (index > originalIndex \|\| index < newIndex)) \|\|\n (originalIndex <= newIndex && (index < originalIndex \|\| index > newIndex))\n ? 0\n : index > newIndex\n ? 1\n : -1;\n const shift = v * this.height;\n el.style.transform = `translateY(${shift}px)`;\n // el.style.transition = 'transform 0.3s ease-out';\n }\n });\n }\n\n private resetPositions() {\n this.sortableElements.forEach(el => {\n el.style.transform = '';\n el.style.transition = '';\n });\n }\n\n private emitNewOrder() {\n if (this.currentIndex !== this.previousIndex) {\n const containerData = { data: this.data()! };\n this.orderChanged.emit({\n previousIndex: this.previousIndex,\n currentIndex: this.currentIndex,\n container: containerData,\n previousContainer: containerData,\n });\n }\n }\n}\n\ninterface Boundary {\n x: number;\n y: number;\n w: number;\n h: number;\n}\n\n// We need to check if the mouse is intersecting with the element\nfunction isIntersecting(rect1: Boundary \| DOMRect, rect2: Boundary \| DOMRect) {\n if (rect1 instanceof DOMRect) {\n rect1 = { x: rect1.x, y: rect1.y, w: rect1.width, h: rect1.height };\n }\n if (rect2 instanceof DOMRect) {\n rect2 = { x: rect2.x, y: rect2.y, w: rect2.width, h: rect2.height };\n }\n return (\n rect1.x <= rect2.x + rect2.w &&\n rect1.x + rect1.w >= rect2.x &&\n rect1.y <= rect2.y + rect2.h &&\n rect1.y + rect1.h >= rect2.y\n );\n}\n\nexport function moveItemInArray<T>(array: T[], fromIndex: number, toIndex: number): void {\n if (fromIndex === toIndex) return;\n\n const item = array[fromIndex];\n const diff = fromIndex - toIndex;\n\n if (diff > 0) {\n // Moving towards the start of the array\n for (let i = fromIndex; i > toIndex; i--) {\n array[i] = array[i - 1];\n }\n } else {\n // Moving towards the end of the array\n for (let i = fromIndex; i < toIndex; i++) {\n array[i] = array[i + 1];\n }\n }\n\n array[toIndex] = item;\n}\n\nexport function transferArrayItem<T>(\n fromArray: T[],\n toArray: T[],\n fromIndex: number,\n toIndex: number,\n): void {\n const item = fromArray[fromIndex];\n fromArray.splice(fromIndex, 1);\n toArray.splice(toIndex, 0, item);\n}\n","/\n Public API Surface of drag\n /\n\nexport from './drag';\nexport * from './drag-move';\nexport * from './drag-drop';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":["i1.Drag"],"mappings":"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"}
1	+ {"version":3,"file":"ngbase-adk-drag.mjs","sources":["../../../projects/adk/drag/drag.ts","../../../projects/adk/drag/drag-move.ts","../../../projects/adk/drag/drag-drop.ts","../../../projects/adk/drag/public-api.ts","../../../projects/adk/drag/ngbase-adk-drag.ts"],"sourcesContent":["import {\n Directive,\n ElementRef,\n booleanAttribute,\n computed,\n contentChild,\n effect,\n inject,\n input,\n linkedSignal,\n DOCUMENT,\n} from '@angular/core';\nimport { outputFromObservable } from '@angular/core/rxjs-interop';\nimport { Subject } from 'rxjs';\n\nexport class DragData {\n constructor(\n public x = 0,\n public y = 0,\n public dx = 0,\n public dy = 0,\n public type: 'start' \| 'move' \| 'end' = 'start',\n public event?: PointerEvent,\n public clientX?: number,\n public clientY?: number,\n public direction?: 'left' \| 'right',\n public velocity = 0, // pixels per millisecond\n public time = Date.now(),\n ) {}\n}\n\n@Directive({\n selector: '[ngbDragHandle]',\n exportAs: 'ngbDragHandle',\n host: {\n class: 'cursor-move',\n },\n})\nexport class DragHandle {}\n\n@Directive({\n selector: '[ngbDrag]',\n exportAs: 'ngbDrag',\n})\nexport class Drag {\n readonly el = inject(ElementRef);\n readonly document = inject(DOCUMENT);\n\n readonly handle = contentChild(DragHandle, { read: ElementRef, descendants: true });\n readonly events = new Subject<DragData>();\n readonly ngbDrag = outputFromObservable(this.events);\n\n readonly disabled = input(false, { transform: booleanAttribute });\n readonly lockAxis = input<'x' \| 'y'>();\n readonly dragBoundary = input<string>();\n\n // hacky: we need this for host directives\n _lockAxis = linkedSignal(this.lockAxis);\n _dragBoundary = linkedSignal(this.dragBoundary);\n _disabled = linkedSignal(this.disabled);\n\n private readonly dragBoundaryElement = computed(() => {\n const id = this._dragBoundary();\n return id ? this.document.querySelector(id) : null;\n });\n private boundaryRect: { left: number; top: number; right: number; bottom: number } \| undefined;\n startEvent!: PointerEvent;\n lastValue = new DragData();\n isDragging = false;\n\n constructor() {\n effect(cleanup => {\n if (!this._disabled()) {\n const handle = this.handle() \|\| this.el;\n handle.nativeElement.addEventListener('pointerdown', this.onPointerDown);\n cleanup(() => handle.nativeElement.removeEventListener('pointerdown', this.onPointerDown));\n }\n });\n this.el.nativeElement.style.touchAction = 'none';\n }\n\n private onPointerDown = (event: PointerEvent) => {\n if (event.button !== 0) return; // Only trigger on left click\n\n this.startDrag(event);\n this.document.addEventListener('pointermove', this.onPointerMove);\n this.document.addEventListener('pointerup', this.onPointerUp);\n };\n\n private onPointerMove = (event: PointerEvent) => {\n if (this.isDragging) {\n event.preventDefault();\n event.stopPropagation();\n this.moveDrag(event);\n }\n };\n\n private onPointerUp = (event: PointerEvent) => {\n this.endDrag(event);\n this.document.removeEventListener('pointermove', this.onPointerMove);\n this.document.removeEventListener('pointerup', this.onPointerUp);\n };\n\n private startDrag(event: PointerEvent) {\n this.startEvent = event;\n this.isDragging = true;\n const rect = this.el.nativeElement.getBoundingClientRect();\n const parentRect = this.dragBoundaryElement()?.getBoundingClientRect();\n if (parentRect) {\n const left = rect.left - parentRect.left;\n const top = rect.top - parentRect.top;\n this.boundaryRect = {\n left,\n top,\n right: parentRect.width - rect.width - left,\n bottom: parentRect.height - rect.height - top,\n };\n // console.log(this.boundaryRect);\n }\n this.lastValue = this.getDragEvent(event, 'start');\n this.events.next(this.lastValue);\n this.toggleUserSelect();\n }\n\n private moveDrag(event: PointerEvent) {\n this.lastValue = this.getDragEvent(event, 'move');\n // prevent unnecessary events when the drag is outside the boundary\n if (this.lastValue.dx !== 0 \|\| this.lastValue.dy !== 0) {\n this.events.next(this.lastValue);\n }\n }\n\n private endDrag(event: PointerEvent) {\n this.isDragging = false;\n const value = this.getDragEvent(event, 'end');\n this.events.next(value);\n this.lastValue = new DragData();\n this.toggleUserSelect(false);\n }\n\n private toggleUserSelect(active = true) {\n const value = active ? 'none' : '';\n this.document.body.style.userSelect = value;\n this.document.body.style.webkitUserSelect = value;\n this.document.body.style.pointerEvents = value;\n }\n\n private getDirection(ev: PointerEvent) {\n let dir = this.lastValue.direction \|\| 'left';\n if (ev.clientX > this.lastValue.clientX!) {\n dir = 'right';\n } else if (ev.clientX < this.lastValue.clientX!) {\n dir = 'left';\n }\n return dir;\n }\n\n private getDragEvent(ev: PointerEvent, type: 'start' \| 'move' \| 'end') {\n const now = Date.now();\n const dt = now - this.lastValue.time;\n const startClientX = this.startEvent.clientX;\n const startClientY = this.startEvent.clientY;\n\n let x = ev.clientX - startClientX;\n let y = ev.clientY - startClientY;\n\n // it is to make sure that the drag is always in the drag point\n if (this.boundaryRect) {\n const { left, top, right, bottom } = this.boundaryRect;\n x = Math.max(-left, Math.min(x, right));\n y = Math.max(-top, Math.min(y, bottom));\n }\n\n if (this._lockAxis() === 'x') {\n y = 0;\n } else if (this._lockAxis() === 'y') {\n x = 0;\n }\n\n const dx = x - (this.lastValue.x ?? 0);\n const dy = y - (this.lastValue.y ?? 0);\n\n let velocity = 0;\n if (type === 'move' && dt > 0) {\n const distance = Math.sqrt(dx * dx + dy * dy);\n velocity = (distance / dt) * 0.6;\n } else if (type === 'end') {\n velocity = this.lastValue.velocity;\n }\n this.lastValue.time = now;\n\n return new DragData(\n x,\n y,\n dx,\n dy,\n type,\n ev,\n ev.clientX,\n ev.clientY,\n this.getDirection(ev),\n velocity,\n now,\n );\n }\n}\n","import { Directive, ElementRef, inject, input } from '@angular/core';\nimport { Drag } from './drag';\n\n@Directive({\n selector: '[ngbDragMove]',\n hostDirectives: [{ directive: Drag, inputs: ['dragBoundary'] }],\n})\nexport class DragMove {\n private drag = inject(Drag);\n private el = inject<ElementRef<HTMLElement>>(ElementRef);\n readonly target = input<HTMLElement>();\n private scale = 1;\n private x = 0;\n private y = 0;\n private lastX = 0;\n private lastY = 0;\n\n constructor() {\n this.drag.events.subscribe(data => {\n data.event?.preventDefault();\n requestAnimationFrame(() => {\n if (data.type === 'move') {\n this.x = data.x + this.lastX;\n this.y = data.y + this.lastY;\n this.updateTransform();\n } else if (data.type === 'end') {\n this.lastX = this.x;\n this.lastY = this.y;\n }\n });\n });\n\n // this.el.nativeElement.addEventListener('wheel', e => {\n // e.preventDefault();\n // const rect = this.element.getBoundingClientRect();\n // const mouseX = e.clientX - rect.left;\n // const mouseY = e.clientY - rect.top;\n\n // const prevScale = this.scale;\n // this.scale = Math.max(0.1, Math.min(10, this.scale + e.deltaY * -0.001));\n\n // const scaleRatio = this.scale / prevScale;\n\n // this.x += ((mouseX - this.x) * (1 - scaleRatio)) / this.scale;\n // this.y += ((mouseY - this.y) * (1 - scaleRatio)) / this.scale;\n\n // this.updateTransform();\n // });\n }\n\n private get element() {\n return this.target() ?? this.el.nativeElement;\n }\n\n private updateTransform() {\n this.element.style.transform = `translate(${this.x}px, ${this.y}px) scale(${this.scale})`;\n }\n}\n","import {\n Directive,\n ElementRef,\n contentChildren,\n effect,\n inject,\n input,\n output,\n} from '@angular/core';\nimport { Drag, DragData } from './drag';\n\nexport interface DropEvent<T> {\n previousIndex: number;\n currentIndex: number;\n container: { data: T };\n previousContainer: { data: T };\n}\n\n@Directive({\n selector: '[ngbDrop]',\n})\nexport class DragDrop<T> {\n readonly el = inject(ElementRef);\n readonly dragItems = contentChildren(Drag);\n\n readonly data = input<T>();\n readonly orderChanged = output<DropEvent<T>>();\n\n private sortableElements: HTMLElement[] = [];\n private previousIndex!: number;\n private currentIndex!: number;\n private height!: number; // height is required for testing\n\n constructor() {\n effect(cleanup => {\n const items = this.dragItems();\n this.sortableElements = [];\n const subs = items.map(item => {\n this.sortableElements.push(item.el.nativeElement);\n return item.ngbDrag.subscribe(data => this.onDrag(data, item));\n });\n cleanup(() => subs.forEach(sub => sub.unsubscribe()));\n });\n }\n\n private onDrag(dragData: DragData, item: Drag) {\n const element = item.el.nativeElement;\n if (dragData.type === 'start') {\n this.onDragStart(element);\n } else if (dragData.type === 'move') {\n this.onDragMove(element, dragData, item);\n } else if (dragData.type === 'end') {\n this.onDragEnd(element);\n }\n }\n\n fromThis(dragData: DragData) {\n return isIntersecting(\n { x: dragData.clientX!, y: dragData.clientY!, w: 0.1, h: 0.1 },\n this.el.nativeElement.getBoundingClientRect(),\n );\n }\n\n private onDragStart(element: HTMLElement) {\n element.style.zIndex = '1000';\n element.style.transition = 'none';\n element.style.position = 'relative';\n\n // original index\n this.previousIndex = this.dragItems().findIndex(item => item.el.nativeElement === element);\n this.currentIndex = this.previousIndex;\n this.height = element.offsetHeight;\n }\n\n private onDragMove(element: HTMLElement, dragData: DragData, drag: Drag) {\n const deltaX = dragData.x;\n const deltaY = dragData.y;\n element.style.transform = `translate(${deltaX}px, ${deltaY}px)`;\n\n // we have to find the new index by checking clientXY of the mouse\n const mouseY = dragData.clientY!;\n const mouseX = dragData.clientX!;\n const ci = this.currentIndex ?? this.previousIndex;\n let newIndex = this.sortableElements.findIndex((el, index) => {\n const rect = el.getBoundingClientRect();\n return index !== ci && isIntersecting({ x: mouseX, y: mouseY, w: 0.1, h: 0.1 }, rect);\n });\n newIndex = newIndex === -1 ? ci : newIndex;\n\n if (newIndex !== this.currentIndex) {\n this.rearrangeItems(drag, newIndex);\n this.currentIndex = newIndex;\n }\n }\n\n private onDragEnd(element: HTMLElement) {\n // Emit the new order\n this.resetPositions();\n this.emitNewOrder();\n\n // element.style.transition = 'transform 0.3s ease-out';\n // element.addEventListener(\n // 'transitionend',\n // () => {\n element.style.zIndex = '';\n element.style.position = '';\n // },\n // { once: true },\n // );\n }\n\n private rearrangeItems(dragger: Drag, newIndex: number) {\n const draggedItem = dragger.el.nativeElement;\n const oldIndex = this.sortableElements.indexOf(draggedItem);\n if (oldIndex === newIndex) return;\n\n // Move the dragged item in the array\n this.sortableElements.splice(oldIndex, 1);\n this.sortableElements.splice(newIndex, 0, draggedItem);\n\n // Update positions of all items\n this.updateItemPositions(draggedItem, newIndex);\n }\n\n private updateItemPositions(draggedItem: HTMLElement, newIndex: number) {\n const originalIndex = this.previousIndex;\n this.sortableElements.forEach((el, index) => {\n if (el !== draggedItem) {\n const v =\n (originalIndex >= newIndex && (index > originalIndex \|\| index < newIndex)) \|\|\n (originalIndex <= newIndex && (index < originalIndex \|\| index > newIndex))\n ? 0\n : index > newIndex\n ? 1\n : -1;\n const shift = v * this.height;\n el.style.transform = `translateY(${shift}px)`;\n // el.style.transition = 'transform 0.3s ease-out';\n }\n });\n }\n\n private resetPositions() {\n this.sortableElements.forEach(el => {\n el.style.transform = '';\n el.style.transition = '';\n });\n }\n\n private emitNewOrder() {\n if (this.currentIndex !== this.previousIndex) {\n const containerData = { data: this.data()! };\n this.orderChanged.emit({\n previousIndex: this.previousIndex,\n currentIndex: this.currentIndex,\n container: containerData,\n previousContainer: containerData,\n });\n }\n }\n}\n\ninterface Boundary {\n x: number;\n y: number;\n w: number;\n h: number;\n}\n\n// We need to check if the mouse is intersecting with the element\nfunction isIntersecting(rect1: Boundary \| DOMRect, rect2: Boundary \| DOMRect) {\n if (rect1 instanceof DOMRect) {\n rect1 = { x: rect1.x, y: rect1.y, w: rect1.width, h: rect1.height };\n }\n if (rect2 instanceof DOMRect) {\n rect2 = { x: rect2.x, y: rect2.y, w: rect2.width, h: rect2.height };\n }\n return (\n rect1.x <= rect2.x + rect2.w &&\n rect1.x + rect1.w >= rect2.x &&\n rect1.y <= rect2.y + rect2.h &&\n rect1.y + rect1.h >= rect2.y\n );\n}\n\nexport function moveItemInArray<T>(array: T[], fromIndex: number, toIndex: number): void {\n if (fromIndex === toIndex) return;\n\n const item = array[fromIndex];\n const diff = fromIndex - toIndex;\n\n if (diff > 0) {\n // Moving towards the start of the array\n for (let i = fromIndex; i > toIndex; i--) {\n array[i] = array[i - 1];\n }\n } else {\n // Moving towards the end of the array\n for (let i = fromIndex; i < toIndex; i++) {\n array[i] = array[i + 1];\n }\n }\n\n array[toIndex] = item;\n}\n\nexport function transferArrayItem<T>(\n fromArray: T[],\n toArray: T[],\n fromIndex: number,\n toIndex: number,\n): void {\n const item = fromArray[fromIndex];\n fromArray.splice(fromIndex, 1);\n toArray.splice(toIndex, 0, item);\n}\n","/\n Public API Surface of drag\n /\n\nexport from './drag';\nexport * from './drag-move';\nexport * from './drag-drop';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":["i1.Drag"],"mappings":"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"}

package/fesm2022/ngbase-adk-form-field.mjs CHANGED Viewed

@@ -1,30 +1,30 @@
-import { trigger, state, style, transition, animate } from '@angular/animations';
 import * as i0 from '@angular/core';
 import { contentChild, computed, contentChildren, forwardRef, Directive, signal, effect, inject, input, model, ElementRef, Injector, afterNextRender } from '@angular/core';
-import { NgControl, FormGroup, FormArray } from '@angular/forms';
-import { uniqueId, provideValueAccessor } from '@ngbase/adk/utils';
+import { FormGroup, FormArray, NgControl } from '@angular/forms';
+import { uniqueId } from '@ngbase/adk/utils';
+import { FormField } from '@angular/forms/signals';
 class NgbFormField {
     constructor() {
-        this._control = contentChild(NgControl, ...(ngDevMode ? [{ debugName: "_control", descendants: true }] : [{ descendants: true }]));
+        this._control = contentChild(FormField, { ...(ngDevMode ? { debugName: "_control" } : {}), descendants: true });
         this._id = uniqueId();
         // we need to forwardRef the error component to avoid circular dependency
-        this.status = statusChange(this._control);
-        this._invalid = computed(() => this.status() === 'INVALID' && this._control()?.touched, ...(ngDevMode ? [{ debugName: "_invalid" }] : []));
+        this.status = computed(() => this._control()?.state(), ...(ngDevMode ? [{ debugName: "status" }] : []));
+        this._invalid = computed(() => this.status()?.invalid() && this.status()?.touched(), ...(ngDevMode ? [{ debugName: "_invalid" }] : []));
         this.errors = contentChildren(forwardRef(() => NgbInputError), ...(ngDevMode ? [{ debugName: "errors" }] : []));
         this.hasErrors = computed(() => this._invalid() || this.errors().some(e => e.isInvalid()), ...(ngDevMode ? [{ debugName: "hasErrors" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbFormField, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.2.0", type: NgbFormField, isStandalone: true, selector: "ngb-form-field, [ngbFormField]", queries: [{ propertyName: "_control", first: true, predicate: NgControl, descendants: true, isSignal: true }, { propertyName: "errors", predicate: i0.forwardRef(() => NgbInputError), isSignal: true }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbFormField, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.1.0", type: NgbFormField, isStandalone: true, selector: "ngb-form-field, [ngbFormField]", queries: [{ propertyName: "_control", first: true, predicate: FormField, descendants: true, isSignal: true }, { propertyName: "errors", predicate: i0.forwardRef(() => NgbInputError), isSignal: true }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbFormField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbFormField, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ngb-form-field, [ngbFormField]',
                 }]
-        }] });
+        }], propDecorators: { _control: [{ type: i0.ContentChild, args: [i0.forwardRef(() => FormField), { ...{ descendants: true }, isSignal: true }] }], errors: [{ type: i0.ContentChildren, args: [forwardRef(() => NgbInputError), { isSignal: true }] }] } });
 function statusChange(sControl) {
-    const statusChanges = signal(null, ...(ngDevMode ? [{ debugName: "statusChanges", equal: () => false }] : [{ equal: () => false }]));
+    const statusChanges = signal(null, { ...(ngDevMode ? { debugName: "statusChanges" } : {}), equal: () => false });
     effect(cleanup => {
         const control = sControl();
         if (control?.statusChanges) {
@@ -60,32 +60,23 @@ class NgbInputError {
             }, []);
         }, ...(ngDevMode ? [{ debugName: "errorNames" }] : []));
         this.isFieldInvalid = computed(() => {
-            const control = this.formField.__control?.();
-            return control ? this.fieldInvalidFn(control) : this.oldIsFieldInvalid();
+            const control = this.formField._control();
+            return control ? this.fieldInvalidFn(control) : false;
         }, ...(ngDevMode ? [{ debugName: "isFieldInvalid" }] : []));
         this.isInvalid = computed(() => {
             return this.invalid() ?? this.isFieldInvalid();
         }, ...(ngDevMode ? [{ debugName: "isInvalid" }] : []));
     }
-    oldIsFieldInvalid() {
-        const control = this.formField._control();
-        const status = this.formField.status();
-        const names = this.errorNames();
-        return (status === 'INVALID' &&
-            control?.touched &&
-            names.every(n => !!control.errors?.[n.name] !== n.negated));
-    }
     fieldInvalidFn(control) {
-        // const control = this.formField.__control();
         const names = this.errorNames();
-        const field = control?.field()();
+        const field = control?.formField()();
         return (field?.touched() &&
             names.every(n => !!field?.errors().some((x) => x.kind == n.name) !== n.negated));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbInputError, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0", type: NgbInputError, isStandalone: true, selector: "[ngbError]", inputs: { ngbError: { classPropertyName: "ngbError", publicName: "ngbError", isSignal: true, isRequired: true, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "hidden": "!animate() && !isInvalid()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbInputError, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", type: NgbInputError, isStandalone: true, selector: "[ngbError]", inputs: { ngbError: { classPropertyName: "ngbError", publicName: "ngbError", isSignal: true, isRequired: true, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "hidden": "!animate() && !isInvalid()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbInputError, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbInputError, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbError]',
@@ -93,7 +84,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImpor
                         '[hidden]': '!animate() && !isInvalid()',
                     },
                 }]
-        }] });
+        }], propDecorators: { ngbError: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngbError", required: true }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }] } });
 function markControlsTouched(control, options = { touched: true, dirty: false }) {
     if (control instanceof FormGroup || control instanceof FormArray) {
         Object.values(control.controls).forEach(c => markControlsTouched(c, options));
@@ -104,54 +95,51 @@ function markControlsTouched(control, options = { touched: true, dirty: false })
         control.markAsTouched();
     control.updateValueAndValidity();
 }
-const toggleDiv = trigger('toggleDiv', [
-    state('hidden', style({ opacity: 0, height: '0px', visibility: 'hidden' })),
-    state('visible', style({ opacity: 1, height: '*', visibility: 'visible' })),
-    transition('hidden <=> visible', [animate('150ms ease-in-out')]),
-]);
 class InputBase {
     constructor() {
         this.formField = inject(NgbFormField, { optional: true });
         this.value = model('', ...(ngDevMode ? [{ debugName: "value" }] : []));
+        this.required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : []));
+        this.touched = model(false, ...(ngDevMode ? [{ debugName: "touched" }] : []));
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
         this.id = this.formField?._id ?? uniqueId();
+        this.displayValue = computed(() => this.value(), ...(ngDevMode ? [{ debugName: "displayValue" }] : []));
     }
     setInputValue(ev) {
-        const value = ev.target.value;
-        this.setValue(value, true);
-    }
-    setValue(value, fromInput = false) {
-        this.value.set(value);
-        if (fromInput) {
-            this.onChange?.(value);
-            this.onTouched?.();
+        const el = ev.target;
+        let value = el.value;
+        if (el.type === 'checkbox') {
+            this.setValue(el.checked);
+        }
+        else if (el.type === 'number') {
+            this.setValue(el.valueAsNumber);
         }
-    }
-    writeValue(value) {
         this.setValue(value);
     }
-    registerOnChange(fn) {
-        this.onChange = fn;
+    onTouched() {
+        this.touched.set(true);
     }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
+    setValue(value) {
+        this.value.set(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: InputBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0", type: InputBase, isStandalone: true, selector: "input[ngbInputBase]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { attributes: { "role": "textbox" }, listeners: { "input": "setInputValue($event)" }, properties: { "attr.id": "id", "value": "value()" } }, providers: [provideValueAccessor(InputBase)], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: InputBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", type: InputBase, isStandalone: true, selector: "input[ngbInputBase]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", touched: "touchedChange" }, host: { attributes: { "role": "textbox" }, listeners: { "input": "setInputValue($event)", "blur": "onTouched()" }, properties: { "attr.id": "id", "value": "displayValue()", "disabled": "disabled() || undefined" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: InputBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: InputBase, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[ngbInputBase]',
-                    providers: [provideValueAccessor(InputBase)],
                     host: {
                         role: 'textbox',
                         '[attr.id]': 'id',
-                        '[value]': 'value()',
+                        '[value]': 'displayValue()',
                         '(input)': 'setInputValue($event)',
+                        '(blur)': 'onTouched()',
+                        '[disabled]': 'disabled() || undefined',
                     },
                 }]
-        }] });
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
 class AutoHeight {
     constructor() {
@@ -204,25 +192,25 @@ class AutoHeight {
             el.style.height = height + 'px';
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: AutoHeight, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0", type: AutoHeight, isStandalone: true, selector: "textarea[ngbAutoHeight]", inputs: { maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AutoHeight, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", type: AutoHeight, isStandalone: true, selector: "textarea[ngbAutoHeight]", inputs: { maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: AutoHeight, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AutoHeight, decorators: [{
             type: Directive,
             args: [{
                     selector: 'textarea[ngbAutoHeight]',
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { maxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxHeight", required: false }] }] } });
 class NgbLabel {
     constructor() {
         this.formField = inject(NgbFormField);
         this.id = this.formField._id;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0", type: NgbLabel, isStandalone: true, selector: "[ngbLabel]", host: { properties: { "attr.for": "id" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: NgbLabel, isStandalone: true, selector: "[ngbLabel]", host: { properties: { "attr.for": "id" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbLabel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbLabel, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbLabel]',
@@ -232,17 +220,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImpor
                 }]
         }] });
-class NumberFormat {
+class NumberFormat extends InputBase {
     constructor() {
+        super(...arguments);
         // Input signals with default values
         this.el = inject(ElementRef);
+        // readonly value = model<any>();
         this.decimals = input(2, ...(ngDevMode ? [{ debugName: "decimals" }] : []));
         this.decimalSeparator = input('.', ...(ngDevMode ? [{ debugName: "decimalSeparator" }] : []));
         this.thousandSeparator = input(',', ...(ngDevMode ? [{ debugName: "thousandSeparator" }] : []));
         // Private members
-        this.onChange = (_) => { };
-        this.onTouched = () => { };
-        this.rawValue = '';
+        this.displayValue = computed(() => this.formatDisplayValue(this.value()), ...(ngDevMode ? [{ debugName: "displayValue" }] : []));
         this.specialKeys = [
             'Backspace',
             'Tab',
@@ -254,16 +242,13 @@ class NumberFormat {
         ];
     }
     // Handles input changes
-    onInput(ev) {
-        const value = ev.target.value.toString();
+    setValue(value) {
+        const stringValue = value.toString();
         const position = this.el.nativeElement.selectionStart;
-        const cleanedValue = this.cleanValue(value);
+        const cleanedValue = this.cleanValue(stringValue);
         if (this.isValidNumber(cleanedValue)) {
-            this.rawValue = cleanedValue;
-            this.formatDisplayValue(cleanedValue);
-            this.onChange(this.rawValue);
-            this.onTouched();
-            this.updateCursorPosition(value, position ?? 0);
+            this.value.set(cleanedValue);
+            this.updateCursorPosition(stringValue, position ?? 0);
         }
     }
     // Handles keydown events to validate input
@@ -289,37 +274,6 @@ class NumberFormat {
             event.preventDefault();
         }
     }
-    // Handle blur event
-    onBlur() {
-        if (this.rawValue) {
-            this.formatDisplayValue(this.rawValue);
-        }
-        this.onTouched();
-    }
-    // ControlValueAccessor implementation
-    writeValue(value) {
-        if (value) {
-            const cleanValue = this.cleanValue(value);
-            this.rawValue = cleanValue;
-            this.formatDisplayValue(cleanValue);
-        }
-        else {
-            this.reset();
-        }
-    }
-    reset() {
-        this.el.nativeElement.value = '';
-        this.rawValue = '';
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    setDisabledState(isDisabled) {
-        this.el.nativeElement.disabled = isDisabled;
-    }
     // Private helper methods
     cleanValue(value) {
         return value
@@ -331,19 +285,15 @@ class NumberFormat {
         return parts.length <= 2 && parts.every(part => /^\d*$/.test(part));
     }
     formatDisplayValue(value) {
-        if (!value) {
-            this.reset();
-            return;
-        }
         const parts = value.split(this.decimalSeparator());
         let integerPart = parts[0]
             .replace(/^0+(?=\d)/, '')
             .replace(/\B(?=(\d{3})+(?!\d))/g, this.thousandSeparator());
         const decimalPart = parts.length > 1 ? parts[1].substring(0, this.decimals()) : undefined;
-        this.el.nativeElement.value =
-            decimalPart !== undefined
-                ? `${integerPart}${this.decimalSeparator()}${decimalPart}`
-                : integerPart;
+        const displayValue = decimalPart !== undefined
+            ? `${integerPart}${this.decimalSeparator()}${decimalPart}`
+            : integerPart;
+        return displayValue || '';
     }
     updateCursorPosition(originalValue, originalPosition) {
         setTimeout(() => {
@@ -374,25 +324,22 @@ class NumberFormat {
     escapeRegExp(str) {
         return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NumberFormat, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0", type: NumberFormat, isStandalone: true, selector: "[numberFormat]", inputs: { decimals: { classPropertyName: "decimals", publicName: "decimals", isSignal: true, isRequired: false, transformFunction: null }, decimalSeparator: { classPropertyName: "decimalSeparator", publicName: "decimalSeparator", isSignal: true, isRequired: false, transformFunction: null }, thousandSeparator: { classPropertyName: "thousandSeparator", publicName: "thousandSeparator", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "input": "onInput($event)", "blur": "onBlur()", "keydown": "onKeyDown($event)" } }, providers: [provideValueAccessor(NumberFormat)], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NumberFormat, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", type: NumberFormat, isStandalone: true, selector: "[numberFormat]", inputs: { decimals: { classPropertyName: "decimals", publicName: "decimals", isSignal: true, isRequired: false, transformFunction: null }, decimalSeparator: { classPropertyName: "decimalSeparator", publicName: "decimalSeparator", isSignal: true, isRequired: false, transformFunction: null }, thousandSeparator: { classPropertyName: "thousandSeparator", publicName: "thousandSeparator", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown": "onKeyDown($event)" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NumberFormat, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NumberFormat, decorators: [{
             type: Directive,
             args: [{
                     selector: '[numberFormat]',
-                    providers: [provideValueAccessor(NumberFormat)],
                     host: {
-                        '(input)': 'onInput($event)',
-                        '(blur)': 'onBlur()',
                         '(keydown)': 'onKeyDown($event)',
                     },
                 }]
-        }] });
+        }], propDecorators: { decimals: [{ type: i0.Input, args: [{ isSignal: true, alias: "decimals", required: false }] }], decimalSeparator: [{ type: i0.Input, args: [{ isSignal: true, alias: "decimalSeparator", required: false }] }], thousandSeparator: [{ type: i0.Input, args: [{ isSignal: true, alias: "thousandSeparator", required: false }] }] } });
 /**
  * Generated bundle index. Do not edit.
  */
-export { AutoHeight, InputBase, NgbFormField, NgbInputError, NgbLabel, NumberFormat, markControlsTouched, toggleDiv };
+export { AutoHeight, InputBase, NgbFormField, NgbInputError, NgbLabel, NumberFormat, markControlsTouched };
 //# sourceMappingURL=ngbase-adk-form-field.mjs.map