@ngbase/adk 0.1.0

package/fesm2022/ngbase-adk-utils.mjs

@@ -0,0 +1,228 @@
+import * as i0 from '@angular/core';
+import { Pipe, inject, Injector, DestroyRef, afterNextRender, forwardRef, runInInjectionContext, signal, linkedSignal, isSignal, computed, PLATFORM_ID, ElementRef, input, model, effect, Directive } from '@angular/core';
+import { DOCUMENT, isPlatformServer, isPlatformBrowser } from '@angular/common';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { trigger, transition, query, animateChild, group, state, style, animate } from '@angular/animations';
+
+class RangePipe {
+    transform(value) {
+        return Array.from({ length: value }, (v, k) => k + 1);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: RangePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.0", ngImport: i0, type: RangePipe, isStandalone: true, name: "range" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: RangePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'range',
+                }]
+        }] });
+
+function disposals() {
+    const injector = inject(Injector);
+    const destroyRef = inject(DestroyRef);
+    return {
+        afterNextRender: (fn) => {
+            const cleanup = [];
+            const register = (fn) => cleanup.push(fn);
+            const runCleanup = () => cleanup.forEach(c => c());
+            afterNextRender(() => {
+                runCleanup();
+                fn(register);
+            }, { injector });
+            return destroyRef.onDestroy(() => runCleanup());
+        },
+    };
+}
+function cleanup(fn) {
+    inject(DestroyRef).onDestroy(fn);
+}
+
+function uniqueId(length = 7) {
+    return Array.from({ length }, () => String.fromCharCode(97 + Math.floor(Math.random() * 26))).join('');
+}
+function provideValueAccessor(valueAccessor) {
+    return {
+        provide: NG_VALUE_ACCESSOR,
+        useExisting: forwardRef(() => valueAccessor),
+        multi: true,
+    };
+}
+function documentListener(ev, fn, data = {}) {
+    const { injector = inject(Injector), lazy = false, element, skip = 0, ...listenerOptions } = data;
+    let active = false;
+    const controller = { on: () => { }, off: () => { } };
+    controller.on = () => {
+        if (active)
+            return;
+        active = true;
+        runInInjectionContext(injector, () => {
+            const el = element || inject(DOCUMENT);
+            let eventCount = 0;
+            el.addEventListener(ev, e => {
+                eventCount++;
+                if (eventCount <= skip)
+                    return;
+                fn(e);
+            }, listenerOptions);
+            controller.off = () => {
+                active = false;
+                eventCount = 0;
+                el.removeEventListener(ev, fn);
+            };
+            cleanup(controller.off);
+        });
+    };
+    if (!lazy)
+        controller.on();
+    return controller;
+}
+function filterFunction(data, options) {
+    const search = signal('');
+    const list = linkedSignal(isSignal(data) ? data : signal(data || []));
+    const filteredList = computed(() => {
+        const text = search().toLowerCase();
+        const lists = list();
+        const query = options.query ?? ((v, t) => options.filter(v).toLowerCase().includes(t));
+        const vvv = lists.reduce((acc, item) => {
+            if (options.childrenFilter) {
+                const children = options.childrenFilter(item);
+                const filteredChildren = children.filter(child => query(child, text));
+                if (filteredChildren.length) {
+                    acc.push({
+                        ...item,
+                        [options.key || 'children']: filteredChildren,
+                    });
+                }
+            }
+            else if (query(item, text)) {
+                acc.push(item);
+            }
+            return acc;
+        }, []);
+        return vvv;
+    });
+    return { search, list, filteredList };
+}
+
+function isServer() {
+    return isPlatformServer(inject(PLATFORM_ID));
+}
+function isClient() {
+    return isPlatformBrowser(inject(PLATFORM_ID));
+}
+
+const createHostAnimation = function dialogHostAnimation(animationNames) {
+    return trigger('parentAnimation', [
+        transition(':enter', [query(animationNames.join(', '), [animateChild()], { optional: true })]),
+        transition(':leave', [
+            group(animationNames.map(x => query(x, [animateChild()], { optional: true }))),
+        ]),
+    ]);
+};
+// fade in and out animation
+function fadeAnimation(time) {
+    return trigger('fadeAnimation', [
+        state('1', style({ opacity: 1 })),
+        state('void', style({ opacity: 0 })),
+        state('0', style({ opacity: 0 })),
+        transition('* => *', animate(`${time} ease`)),
+    ]);
+}
+
+class NumberOnly {
+    constructor() {
+        this.el = inject(ElementRef);
+        this.min = input();
+        this.max = input();
+        this.len = input();
+        this.value = model('');
+        // Hacky way to set the min value
+        this._min = linkedSignal(this.min);
+        this._max = linkedSignal(this.max);
+        this._len = linkedSignal(this.len);
+        this.allowedKeys = new Set([
+            'Backspace',
+            'Delete',
+            'Tab',
+            'Escape',
+            'Enter',
+            'Home',
+            'End',
+            'ArrowLeft',
+            'ArrowRight',
+        ]);
+        this.onKeyDown = (e) => {
+            if (this.allowedKeys.has(e.key) || this.isCtrlKey(e))
+                return;
+            if (e.key === 'v' && (e.ctrlKey || e.metaKey))
+                return e.preventDefault();
+            if (['ArrowUp', 'ArrowDown'].includes(e.key)) {
+                return this.handleArrowUpDown(e);
+            }
+            if (!/^\d$/.test(e.key) || !this.validateValue(this.getNewValue(e))) {
+                e.preventDefault();
+            }
+        };
+        effect(cleanup => {
+            const el = this.el.nativeElement;
+            el.addEventListener('keydown', this.onKeyDown);
+            cleanup(() => el.removeEventListener('keydown', this.onKeyDown));
+        });
+    }
+    isCtrlKey(e) {
+        return ['a', 'c', 'x'].includes(e.key) && (e.ctrlKey || e.metaKey);
+    }
+    handleArrowUpDown(e) {
+        e.preventDefault();
+        const currentValue = this.el.nativeElement.value;
+        const newValue = +currentValue + (e.key === 'ArrowUp' ? 1 : -1);
+        if (this.validateValue(newValue.toString())) {
+            this.value.set(newValue.toString().padStart(2, '0'));
+        }
+    }
+    getNewValue(e) {
+        const { value, selectionStart, selectionEnd } = this.el.nativeElement;
+        const start = selectionStart ?? value.length;
+        const end = selectionEnd ?? value.length;
+        return value.slice(0, start) + e.key + value.slice(end);
+    }
+    validateValue(rawValue) {
+        const len = this._len();
+        const value = +rawValue;
+        const min = this._min();
+        const max = this._max();
+        if (len !== undefined && rawValue.length > len)
+            return false;
+        if (max !== undefined && value > max)
+            return false;
+        if (min !== undefined && value < min) {
+            const potentialMax = Number(rawValue + '9'.repeat(len ? len - rawValue.length : 1));
+            if (potentialMax < min)
+                return false;
+        }
+        return true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NumberOnly, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.0", type: NumberOnly, isStandalone: true, selector: "[ngbNumberOnly]", inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, len: { classPropertyName: "len", publicName: "len", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { listeners: { "input": "value.set($event.target.value)" }, properties: { "value": "value()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NumberOnly, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngbNumberOnly]',
+                    host: {
+                        '(input)': 'value.set($event.target.value)',
+                        '[value]': 'value()',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+function padString(num) {
+    return num.toString().padStart(2, '0');
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NumberOnly, RangePipe, cleanup, createHostAnimation, disposals, documentListener, fadeAnimation, filterFunction, isClient, isServer, padString, provideValueAccessor, uniqueId };
+//# sourceMappingURL=ngbase-adk-utils.mjs.map

package/fesm2022/ngbase-adk-utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngbase-adk-utils.mjs","sources":["../../../projects/adk/utils/range.pipe.ts","../../../projects/adk/utils/disposals.ts","../../../projects/adk/utils/utils.ts","../../../projects/adk/utils/ssr.ts","../../../projects/adk/utils/animation.ts","../../../projects/adk/utils/number-only.ts","../../../projects/adk/utils/ngbase-adk-utils.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n  name: 'range',\n})\nexport class RangePipe implements PipeTransform {\n  transform(value: number) {\n    return Array.from({ length: value }, (v, k) => k + 1);\n  }\n}\n","import { afterNextRender, DestroyRef, inject, Injector } from '@angular/core';\n\ntype Cleanup = () => void;\ntype CleanupRegisterFn = (fn: Cleanup) => void;\n\nexport function disposals() {\n  const injector = inject(Injector);\n  const destroyRef = inject(DestroyRef);\n  return {\n    afterNextRender: (fn: (cleanup: CleanupRegisterFn) => void) => {\n      const cleanup: Cleanup[] = [];\n      const register = (fn: Cleanup) => cleanup.push(fn);\n      const runCleanup = () => cleanup.forEach(c => c());\n      afterNextRender(\n        () => {\n          runCleanup();\n          fn(register);\n        },\n        { injector },\n      );\n      return destroyRef.onDestroy(() => runCleanup());\n    },\n  };\n}\n\nexport function cleanup(fn: () => void) {\n  inject(DestroyRef).onDestroy(fn);\n}\n","import { DOCUMENT } from '@angular/common';\nimport {\n  computed,\n  forwardRef,\n  inject,\n  Injector,\n  isSignal,\n  linkedSignal,\n  runInInjectionContext,\n  Signal,\n  signal,\n  Type,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { cleanup } from './disposals';\n\nexport function uniqueId(length: number = 7) {\n  return Array.from({ length }, () =>\n    String.fromCharCode(97 + Math.floor(Math.random() * 26)),\n  ).join('');\n}\n\nexport function provideValueAccessor<T>(valueAccessor: Type<T>) {\n  return {\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => valueAccessor),\n    multi: true,\n  };\n}\n\nexport interface ListenerOut {\n  on: () => void;\n  off: () => void;\n}\n\nexport function documentListener<T extends Event>(\n  ev: string,\n  fn: (e: T) => void,\n  data: Partial<\n    AddEventListenerOptions & {\n      injector?: Injector;\n      lazy?: boolean;\n      skip?: number;\n      element?: HTMLElement | Document | Window;\n    }\n  > = {},\n): ListenerOut {\n  const { injector = inject(Injector), lazy = false, element, skip = 0, ...listenerOptions } = data;\n  let active = false;\n  const controller: ListenerOut = { on: () => {}, off: () => {} };\n\n  controller.on = () => {\n    if (active) return;\n    active = true;\n    runInInjectionContext(injector, () => {\n      const el = element || inject(DOCUMENT);\n      let eventCount = 0;\n      el.addEventListener(\n        ev,\n        e => {\n          eventCount++;\n          if (eventCount <= skip) return;\n          fn(e as T);\n        },\n        listenerOptions,\n      );\n\n      controller.off = () => {\n        active = false;\n        eventCount = 0;\n        el.removeEventListener(ev, fn as any);\n      };\n      cleanup(controller.off);\n    });\n  };\n\n  if (!lazy) controller.on();\n  return controller;\n}\n\nexport function filterFunction<T, V = T>(\n  data: Signal<T[]> | T[],\n  options: {\n    filter?: (v: V) => string;\n    key?: keyof T;\n    childrenFilter?: (v: T) => V[];\n    query?: (v: V, search: string) => boolean;\n  },\n) {\n  const search = signal('');\n  const list = linkedSignal(isSignal(data) ? data : signal(data || []));\n\n  const filteredList = computed(() => {\n    const text = search().toLowerCase();\n    const lists = list();\n\n    const query =\n      options.query ?? ((v: V, t: string) => options.filter!(v).toLowerCase().includes(t));\n    const vvv = lists.reduce((acc, item) => {\n      if (options.childrenFilter) {\n        const children = options.childrenFilter(item);\n        const filteredChildren = children.filter(child => query(child as unknown as V, text));\n        if (filteredChildren.length) {\n          acc.push({\n            ...item,\n            [(options.key as unknown as string) || 'children']: filteredChildren,\n          });\n        }\n      } else if (query(item as unknown as V, text)) {\n        acc.push(item);\n      }\n      return acc;\n    }, [] as T[]);\n    return vvv;\n  });\n  return { search, list, filteredList };\n}\n","import { isPlatformBrowser, isPlatformServer } from '@angular/common';\nimport { inject, PLATFORM_ID } from '@angular/core';\n\nexport function isServer() {\n  return isPlatformServer(inject(PLATFORM_ID));\n}\n\nexport function isClient() {\n  return isPlatformBrowser(inject(PLATFORM_ID));\n}\n","import {\n  animate,\n  animateChild,\n  AnimationTriggerMetadata,\n  group,\n  query,\n  state,\n  style,\n  transition,\n  trigger,\n} from '@angular/animations';\n\nexport const createHostAnimation = function dialogHostAnimation(animationNames: string[]) {\n  return trigger('parentAnimation', [\n    transition(':enter', [query(animationNames.join(', '), [animateChild()], { optional: true })]),\n    transition(':leave', [\n      group(animationNames.map(x => query(x, [animateChild()], { optional: true }))),\n    ]),\n  ]);\n};\n\n// fade in and out animation\nexport function fadeAnimation(time: string): AnimationTriggerMetadata {\n  return trigger('fadeAnimation', [\n    state('1', style({ opacity: 1 })),\n    state('void', style({ opacity: 0 })),\n    state('0', style({ opacity: 0 })),\n    transition('* => *', animate(`${time} ease`)),\n  ]);\n}\n","import { Directive, effect, ElementRef, inject, input, linkedSignal, model } from '@angular/core';\n\n@Directive({\n  selector: '[ngbNumberOnly]',\n  host: {\n    '(input)': 'value.set($event.target.value)',\n    '[value]': 'value()',\n  },\n})\nexport class NumberOnly {\n  readonly el = inject<ElementRef<HTMLInputElement>>(ElementRef);\n\n  readonly min = input<number | undefined>();\n  readonly max = input<number | undefined>();\n  readonly len = input<number | undefined>();\n\n  readonly value = model<string>('');\n\n  // Hacky way to set the min value\n  readonly _min = linkedSignal(this.min);\n  readonly _max = linkedSignal(this.max);\n  readonly _len = linkedSignal(this.len);\n\n  constructor() {\n    effect(cleanup => {\n      const el = this.el.nativeElement;\n      el.addEventListener('keydown', this.onKeyDown);\n      cleanup(() => el.removeEventListener('keydown', this.onKeyDown));\n    });\n  }\n\n  private readonly allowedKeys = new Set([\n    'Backspace',\n    'Delete',\n    'Tab',\n    'Escape',\n    'Enter',\n    'Home',\n    'End',\n    'ArrowLeft',\n    'ArrowRight',\n  ]);\n\n  onKeyDown = (e: KeyboardEvent) => {\n    if (this.allowedKeys.has(e.key) || this.isCtrlKey(e)) return;\n    if (e.key === 'v' && (e.ctrlKey || e.metaKey)) return e.preventDefault();\n\n    if (['ArrowUp', 'ArrowDown'].includes(e.key)) {\n      return this.handleArrowUpDown(e);\n    }\n\n    if (!/^\\d$/.test(e.key) || !this.validateValue(this.getNewValue(e))) {\n      e.preventDefault();\n    }\n  };\n\n  private isCtrlKey(e: KeyboardEvent): boolean {\n    return ['a', 'c', 'x'].includes(e.key) && (e.ctrlKey || e.metaKey);\n  }\n\n  private handleArrowUpDown(e: KeyboardEvent) {\n    e.preventDefault();\n    const currentValue = this.el.nativeElement.value;\n    const newValue = +currentValue + (e.key === 'ArrowUp' ? 1 : -1);\n    if (this.validateValue(newValue.toString())) {\n      this.value.set(newValue.toString().padStart(2, '0'));\n    }\n  }\n\n  private getNewValue(e: KeyboardEvent): string {\n    const { value, selectionStart, selectionEnd } = this.el.nativeElement;\n    const start = selectionStart ?? value.length;\n    const end = selectionEnd ?? value.length;\n    return value.slice(0, start) + e.key + value.slice(end);\n  }\n\n  private validateValue(rawValue: string): boolean {\n    const len = this._len();\n    const value = +rawValue;\n    const min = this._min();\n    const max = this._max();\n\n    if (len !== undefined && rawValue.length > len) return false;\n    if (max !== undefined && value > max) return false;\n\n    if (min !== undefined && value < min) {\n      const potentialMax = Number(rawValue + '9'.repeat(len ? len - rawValue.length : 1));\n      if (potentialMax < min) return false;\n    }\n\n    return true;\n  }\n}\n\nexport function padString(num: number | string): string {\n  return num.toString().padStart(2, '0');\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngbase-adk-virtualizer.mjs

@@ -0,0 +1,198 @@
+import { NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, TemplateRef, input, Directive, ElementRef, contentChild, numberAttribute, signal, computed, Component } from '@angular/core';
+import { isClient, cleanup } from '@ngbase/adk/utils';
+
+class VirtualFor {
+    constructor() {
+        this.template = inject(TemplateRef);
+        this.virtualForOf = input.required();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: VirtualFor, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.0", type: VirtualFor, isStandalone: true, selector: "[virtualFor][virtualForOf]", inputs: { virtualForOf: { classPropertyName: "virtualForOf", publicName: "virtualForOf", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "block" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: VirtualFor, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[virtualFor][virtualForOf]',
+                    host: {
+                        class: 'block',
+                    },
+                }]
+        }] });
+class Virtualizer {
+    constructor() {
+        this.containerRef = inject(ElementRef);
+        this.virtualFor = contentChild.required(VirtualFor);
+        // Input signals
+        this.itemSize = input.required({ transform: numberAttribute });
+        this.buffer = input(2);
+        this.orientation = input('vertical');
+        // Internal signals
+        this.scrollPosition = signal(0);
+        this.containerSize = signal(0);
+        // Computed values
+        this.items = computed(() => this.virtualFor().virtualForOf());
+        this.totalItems = computed(() => this.items().length);
+        this.totalContentSize = computed(() => this.totalItems() * this.itemSize());
+        this.isVertical = computed(() => this.orientation() === 'vertical');
+        this.visibleIndexes = computed(() => {
+            const start = Math.floor(this.scrollPosition() / this.itemSize());
+            const visibleCount = Math.ceil(this.containerSize() / this.itemSize());
+            const bufferSize = this.buffer();
+            const startIndex = Math.max(0, start - bufferSize);
+            const endIndex = Math.min(this.totalItems(), start + visibleCount + bufferSize);
+            return { startIndex, endIndex };
+        });
+        this.visibleItems = computed(() => {
+            const { startIndex, endIndex } = this.visibleIndexes();
+            const items = [];
+            for (let i = startIndex; i < endIndex; i++) {
+                items.push({
+                    index: i,
+                    position: i * this.itemSize(),
+                });
+            }
+            return items;
+        });
+        this.client = isClient();
+        this.updateContainerSize();
+        if (this.client) {
+            const resizeObserver = new ResizeObserver(() => {
+                this.updateContainerSize();
+            });
+            resizeObserver.observe(this.containerRef.nativeElement);
+            cleanup(() => resizeObserver.disconnect());
+        }
+    }
+    getTransform(item) {
+        return this.isVertical() ? `translateY(${item.position}px)` : `translateX(${item.position}px)`;
+    }
+    onScroll(event) {
+        const target = event.target;
+        this.scrollPosition.set(this.isVertical() ? target.scrollTop : target.scrollLeft);
+    }
+    onKeyDown(event) {
+        if (!['ArrowDown', 'ArrowUp', 'ArrowLeft', 'ArrowRight'].includes(event.key)) {
+            return;
+        }
+        event.preventDefault();
+        const currentIndex = Math.floor(this.scrollPosition() / this.itemSize());
+        let nextIndex = currentIndex;
+        if (this.isVertical()) {
+            nextIndex =
+                event.key === 'ArrowDown'
+                    ? Math.min(currentIndex + 1, this.totalItems() - 1)
+                    : event.key === 'ArrowUp'
+                        ? Math.max(0, currentIndex - 1)
+                        : currentIndex;
+        }
+        else {
+            nextIndex =
+                event.key === 'ArrowRight'
+                    ? Math.min(currentIndex + 1, this.totalItems() - 1)
+                    : event.key === 'ArrowLeft'
+                        ? Math.max(0, currentIndex - 1)
+                        : currentIndex;
+        }
+        this.scrollToIndex(nextIndex);
+    }
+    scrollToIndex(index, behavior = 'auto') {
+        const position = index * this.itemSize();
+        if (this.isVertical()) {
+            this.containerRef.nativeElement.scrollTo({
+                top: position,
+                behavior,
+            });
+        }
+        else {
+            this.containerRef.nativeElement.scrollTo({
+                left: position,
+                behavior,
+            });
+        }
+    }
+    updateContainerSize() {
+        this.containerSize.set(this.isVertical()
+            ? this.containerRef.nativeElement.clientHeight
+            : this.containerRef.nativeElement.clientWidth);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: Virtualizer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: Virtualizer, isStandalone: true, selector: "ngb-virtualizer, [ngbVirtualizer]", inputs: { itemSize: { classPropertyName: "itemSize", publicName: "itemSize", isSignal: true, isRequired: true, transformFunction: null }, buffer: { classPropertyName: "buffer", publicName: "buffer", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "scroll": "onScroll($event)", "keydown": "onKeyDown($event)" }, classAttribute: "block relative overflow-auto contain-strict" }, queries: [{ propertyName: "virtualFor", first: true, predicate: VirtualFor, descendants: true, isSignal: true }], ngImport: i0, template: `
+    <div
+      class="virtualizer-content absolute left-0 top-0"
+      [class.w-full]="isVertical()"
+      [class.h-full]="!isVertical()"
+      [style.height.px]="isVertical() ? totalContentSize() : '100%'"
+      [style.width.px]="!isVertical() ? totalContentSize() : '100%'"
+    >
+      @for (item of visibleItems(); track item.index) {
+        <div
+          class="virtualizer-item absolute"
+          [class.w-full]="isVertical()"
+          [class.h-full]="!isVertical()"
+          [style.transform]="getTransform(item)"
+          [style.height.px]="isVertical() ? itemSize() : '100%'"
+          [style.width.px]="!isVertical() ? itemSize() : '100%'"
+        >
+          <ng-container
+            [ngTemplateOutlet]="virtualFor().template"
+            [ngTemplateOutletContext]="{
+              $implicit: this.items()[item.index],
+              index: item.index,
+            }"
+          >
+          </ng-container>
+        </div>
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: Virtualizer, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngb-virtualizer, [ngbVirtualizer]',
+                    imports: [NgTemplateOutlet],
+                    template: `
+    <div
+      class="virtualizer-content absolute left-0 top-0"
+      [class.w-full]="isVertical()"
+      [class.h-full]="!isVertical()"
+      [style.height.px]="isVertical() ? totalContentSize() : '100%'"
+      [style.width.px]="!isVertical() ? totalContentSize() : '100%'"
+    >
+      @for (item of visibleItems(); track item.index) {
+        <div
+          class="virtualizer-item absolute"
+          [class.w-full]="isVertical()"
+          [class.h-full]="!isVertical()"
+          [style.transform]="getTransform(item)"
+          [style.height.px]="isVertical() ? itemSize() : '100%'"
+          [style.width.px]="!isVertical() ? itemSize() : '100%'"
+        >
+          <ng-container
+            [ngTemplateOutlet]="virtualFor().template"
+            [ngTemplateOutletContext]="{
+              $implicit: this.items()[item.index],
+              index: item.index,
+            }"
+          >
+          </ng-container>
+        </div>
+      }
+    </div>
+  `,
+                    host: {
+                        class: 'block relative overflow-auto contain-strict',
+                        '(scroll)': 'onScroll($event)',
+                        '(keydown)': 'onKeyDown($event)',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { VirtualFor, Virtualizer };
+//# sourceMappingURL=ngbase-adk-virtualizer.mjs.map

package/fesm2022/ngbase-adk-virtualizer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngbase-adk-virtualizer.mjs","sources":["../../../projects/adk/virtualizer/virtualizer.ts","../../../projects/adk/virtualizer/ngbase-adk-virtualizer.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport {\n  Component,\n  computed,\n  contentChild,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  numberAttribute,\n  signal,\n  TemplateRef,\n} from '@angular/core';\nimport { cleanup, isClient } from '@ngbase/adk/utils';\n\nexport type Orientation = 'vertical' | 'horizontal';\n\nexport interface VirtualForContext<T> {\n  $implicit: T;\n  index: number;\n}\n\n@Directive({\n  selector: '[virtualFor][virtualForOf]',\n\n  host: {\n    class: 'block',\n  },\n})\nexport class VirtualFor<T> {\n  public template = inject<TemplateRef<VirtualForContext<T>>>(TemplateRef);\n  readonly virtualForOf = input.required<T[]>();\n}\n\ninterface VirtualItem {\n  index: number;\n  position: number;\n}\n\n@Component({\n  selector: 'ngb-virtualizer, [ngbVirtualizer]',\n  imports: [NgTemplateOutlet],\n  template: `\n    <div\n      class=\"virtualizer-content absolute left-0 top-0\"\n      [class.w-full]=\"isVertical()\"\n      [class.h-full]=\"!isVertical()\"\n      [style.height.px]=\"isVertical() ? totalContentSize() : '100%'\"\n      [style.width.px]=\"!isVertical() ? totalContentSize() : '100%'\"\n    >\n      @for (item of visibleItems(); track item.index) {\n        <div\n          class=\"virtualizer-item absolute\"\n          [class.w-full]=\"isVertical()\"\n          [class.h-full]=\"!isVertical()\"\n          [style.transform]=\"getTransform(item)\"\n          [style.height.px]=\"isVertical() ? itemSize() : '100%'\"\n          [style.width.px]=\"!isVertical() ? itemSize() : '100%'\"\n        >\n          <ng-container\n            [ngTemplateOutlet]=\"virtualFor().template\"\n            [ngTemplateOutletContext]=\"{\n              $implicit: this.items()[item.index],\n              index: item.index,\n            }\"\n          >\n          </ng-container>\n        </div>\n      }\n    </div>\n  `,\n  host: {\n    class: 'block relative overflow-auto contain-strict',\n    '(scroll)': 'onScroll($event)',\n    '(keydown)': 'onKeyDown($event)',\n  },\n})\nexport class Virtualizer<T> {\n  private readonly containerRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  readonly virtualFor = contentChild.required<VirtualFor<T>>(VirtualFor);\n\n  // Input signals\n  readonly itemSize = input.required({ transform: numberAttribute });\n  readonly buffer = input(2);\n  readonly orientation = input<Orientation>('vertical');\n\n  // Internal signals\n  private readonly scrollPosition = signal(0);\n  private readonly containerSize = signal(0);\n\n  // Computed values\n  readonly items = computed(() => this.virtualFor().virtualForOf());\n  private readonly totalItems = computed(() => this.items().length);\n  readonly totalContentSize = computed(() => this.totalItems() * this.itemSize());\n\n  readonly isVertical = computed(() => this.orientation() === 'vertical');\n\n  private readonly visibleIndexes = computed(() => {\n    const start = Math.floor(this.scrollPosition() / this.itemSize());\n    const visibleCount = Math.ceil(this.containerSize() / this.itemSize());\n\n    const bufferSize = this.buffer();\n    const startIndex = Math.max(0, start - bufferSize);\n    const endIndex = Math.min(this.totalItems(), start + visibleCount + bufferSize);\n\n    return { startIndex, endIndex };\n  });\n\n  readonly visibleItems = computed(() => {\n    const { startIndex, endIndex } = this.visibleIndexes();\n    const items: VirtualItem[] = [];\n\n    for (let i = startIndex; i < endIndex; i++) {\n      items.push({\n        index: i,\n        position: i * this.itemSize(),\n      });\n    }\n\n    return items;\n  });\n\n  private readonly client = isClient();\n\n  constructor() {\n    this.updateContainerSize();\n\n    if (this.client) {\n      const resizeObserver = new ResizeObserver(() => {\n        this.updateContainerSize();\n      });\n      resizeObserver.observe(this.containerRef.nativeElement);\n      cleanup(() => resizeObserver.disconnect());\n    }\n  }\n\n  getTransform(item: VirtualItem): string {\n    return this.isVertical() ? `translateY(${item.position}px)` : `translateX(${item.position}px)`;\n  }\n\n  onScroll(event: UIEvent) {\n    const target = event.target as HTMLElement;\n    this.scrollPosition.set(this.isVertical() ? target.scrollTop : target.scrollLeft);\n  }\n\n  onKeyDown(event: KeyboardEvent) {\n    if (!['ArrowDown', 'ArrowUp', 'ArrowLeft', 'ArrowRight'].includes(event.key)) {\n      return;\n    }\n\n    event.preventDefault();\n    const currentIndex = Math.floor(this.scrollPosition() / this.itemSize());\n\n    let nextIndex = currentIndex;\n    if (this.isVertical()) {\n      nextIndex =\n        event.key === 'ArrowDown'\n          ? Math.min(currentIndex + 1, this.totalItems() - 1)\n          : event.key === 'ArrowUp'\n            ? Math.max(0, currentIndex - 1)\n            : currentIndex;\n    } else {\n      nextIndex =\n        event.key === 'ArrowRight'\n          ? Math.min(currentIndex + 1, this.totalItems() - 1)\n          : event.key === 'ArrowLeft'\n            ? Math.max(0, currentIndex - 1)\n            : currentIndex;\n    }\n\n    this.scrollToIndex(nextIndex);\n  }\n\n  scrollToIndex(index: number, behavior: ScrollBehavior = 'auto') {\n    const position = index * this.itemSize();\n    if (this.isVertical()) {\n      this.containerRef.nativeElement.scrollTo({\n        top: position,\n        behavior,\n      });\n    } else {\n      this.containerRef.nativeElement.scrollTo({\n        left: position,\n        behavior,\n      });\n    }\n  }\n\n  private updateContainerSize() {\n    this.containerSize.set(\n      this.isVertical()\n        ? this.containerRef.nativeElement.clientHeight\n        : this.containerRef.nativeElement.clientWidth,\n    );\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngbase-adk.mjs

@@ -0,0 +1,6 @@
+var publicApi = {};
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=ngbase-adk.mjs.map

package/fesm2022/ngbase-adk.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngbase-adk.mjs","sources":["../../../projects/adk/src/public-api.ts","../../../projects/adk/src/ngbase-adk.ts"],"sourcesContent":["export default {};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAA,gBAAe,EAAE;;ACAjB;;AAEG"}

package/form-field/auto-height.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class AutoHeight {
+    private el;
+    private model;
+    constructor();
+    private update;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutoHeight, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AutoHeight, "textarea[ngbAutoHeight]", never, {}, {}, never, never, true, never>;
+}

package/form-field/error.d.ts

@@ -0,0 +1,18 @@
+import { AbstractControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class NgbInputError {
+    private readonly formField;
+    readonly ngbError: import("@angular/core").InputSignal<string>;
+    readonly invalid: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly animate: import("@angular/core").WritableSignal<boolean>;
+    private readonly errorNames;
+    readonly isFieldInvalid: import("@angular/core").Signal<boolean | null | undefined>;
+    readonly isInvalid: import("@angular/core").Signal<boolean | null | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgbInputError, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgbInputError, "[ngbError]", never, { "ngbError": { "alias": "ngbError"; "required": true; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare function markControlsTouched(control: AbstractControl, options?: {
+    touched: boolean;
+    dirty: boolean;
+}): void;
+export declare const toggleDiv: import("@angular/animations").AnimationTriggerMetadata;

package/form-field/form-field.d.ts

@@ -0,0 +1,14 @@
+import { Signal } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import { NgbInputError } from './error';
+import * as i0 from "@angular/core";
+export declare class NgbFormField {
+    readonly _control: Signal<NgControl | undefined>;
+    readonly _id: string;
+    readonly status: Signal<string | null>;
+    private readonly _invalid;
+    readonly errors: Signal<readonly NgbInputError[]>;
+    readonly hasErrors: Signal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgbFormField, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgbFormField, "ngb-form-field, [ngbFormField]", never, {}, {}, ["_control", "errors"], never, true, never>;
+}

package/form-field/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@ngbase/adk/form-field" />
+export * from './public-api';

package/form-field/input.d.ts

@@ -0,0 +1,16 @@
+import { ControlValueAccessor } from '@angular/forms';
+import { NgbFormField } from './form-field';
+import * as i0 from "@angular/core";
+export declare class InputBase<T = unknown> implements ControlValueAccessor {
+    readonly formField: NgbFormField | null;
+    readonly value: import("@angular/core").ModelSignal<T>;
+    readonly id: string;
+    onChange?: (_: string) => void;
+    onTouched?: () => void;
+    setValue(value: any, fromInput?: boolean): void;
+    writeValue(value: string): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: VoidFunction): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputBase<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<InputBase<any>, "[ngbInputBase]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}

package/form-field/label.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class NgbLabel {
+    private readonly formField;
+    readonly id: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgbLabel, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgbLabel, "[ngbLabel]", never, {}, {}, never, never, true, never>;
+}

package/form-field/otp.d.ts

@@ -0,0 +1,48 @@
+import { ElementRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class NgbOtpInput {
+    readonly otp: NgbInputOtp;
+    readonly el: ElementRef<HTMLInputElement>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgbOtpInput, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgbOtpInput, "input[ngbOtpInput]", never, {}, {}, never, never, true, never>;
+}
+export declare class NgbOtpValue {
+    readonly otp: NgbInputOtp;
+    readonly el: ElementRef<HTMLElement>;
+    readonly index: import("@angular/core").Signal<number>;
+    readonly value: import("@angular/core").Signal<string>;
+    readonly focused: import("@angular/core").Signal<boolean>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgbOtpValue, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgbOtpValue, "[ngbOtpValue]", never, {}, {}, never, never, true, never>;
+}
+export declare class NgbInputOtp implements ControlValueAccessor {
+    private readonly inputs;
+    readonly _otpValues: import("@angular/core").Signal<readonly NgbOtpValue[]>;
+    readonly size: import("@angular/core").InputSignal<number[]>;
+    readonly masked: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly no: import("@angular/core").Signal<number>;
+    private onChange?;
+    private onTouched?;
+    private lastValue;
+    readonly values: import("@angular/core").WritableSignal<string>;
+    readonly focused: import("@angular/core").WritableSignal<boolean>;
+    constructor();
+    private updateNewValue;
+    writeValue(value: string): void;
+    updateValue(values: string): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgbInputOtp, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgbInputOtp, "[ngbInputOtp]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "masked": { "alias": "masked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare function provideInputOtp(otp: typeof NgbInputOtp): ({
+    provide: import("@angular/core").InjectionToken<readonly import("@angular/forms").ControlValueAccessor[]>;
+    useExisting: import("@angular/core").Type<any>;
+    multi: boolean;
+}[] | {
+    provide: typeof NgbInputOtp;
+    useExisting: typeof NgbInputOtp;
+})[];

package/form-field/public-api.d.ts

@@ -0,0 +1,6 @@
+export { NgbInputError, markControlsTouched, toggleDiv } from './error';
+export * from './form-field';
+export { InputBase } from './input';
+export * from './auto-height';
+export * from './label';
+export * from './otp';