@ngbase/adk 0.1.0

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

@@ -0,0 +1,364 @@
+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, viewChild, viewChildren, booleanAttribute, afterRenderEffect, untracked } from '@angular/core';
+import { NgControl, FormGroup, FormArray } from '@angular/forms';
+import { uniqueId, provideValueAccessor } from '@ngbase/adk/utils';
+
+class NgbFormField {
+    constructor() {
+        this._control = contentChild(NgControl, { 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);
+        this.errors = contentChildren(forwardRef(() => NgbInputError));
+        this.hasErrors = computed(() => this._invalid() || this.errors().some(e => e.isInvalid()));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbFormField, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.0.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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbFormField, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ngb-form-field, [ngbFormField]',
+                }]
+        }] });
+function statusChange(sControl) {
+    const statusChanges = signal(null, { equal: () => false });
+    effect(cleanup => {
+        const control = sControl();
+        if (control) {
+            const sub = control.statusChanges?.subscribe(() => {
+                statusChanges.set(control.status);
+            });
+            cleanup(() => sub?.unsubscribe());
+        }
+    });
+    return statusChanges;
+}
+
+class NgbInputError {
+    constructor() {
+        this.formField = inject(NgbFormField);
+        /* the input can have comma separated error names like
+         * 'required' or '!required && minlength'
+         */
+        this.ngbError = input.required();
+        this.invalid = input();
+        this.animate = signal(false);
+        this.errorNames = computed(() => {
+            const names = (this.ngbError() ?? '').split('&&');
+            return names.reduce((acc, n) => {
+                const trimmed = n.trim();
+                if (trimmed) {
+                    const negated = trimmed.startsWith('!');
+                    acc.push({ name: trimmed.slice(negated ? 1 : 0), negated });
+                }
+                return acc;
+            }, []);
+        });
+        this.isFieldInvalid = computed(() => {
+            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));
+        });
+        this.isInvalid = computed(() => {
+            return this.invalid() ?? this.isFieldInvalid();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbInputError, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.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: "19.0.0", ngImport: i0, type: NgbInputError, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngbError]',
+                    host: {
+                        '[hidden]': '!animate() && !isInvalid()',
+                    },
+                }]
+        }] });
+function markControlsTouched(control, options = { touched: true, dirty: false }) {
+    if (control instanceof FormGroup || control instanceof FormArray) {
+        Object.values(control.controls).forEach(c => markControlsTouched(c, options));
+    }
+    if (options.dirty)
+        control.markAsTouched();
+    if (options.touched)
+        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('');
+        this.id = this.formField?._id ?? uniqueId();
+    }
+    setValue(value, fromInput = false) {
+        this.value.set(value);
+        if (fromInput) {
+            this.onChange?.(value);
+            this.onTouched?.();
+        }
+    }
+    writeValue(value) {
+        this.setValue(value);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: InputBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.0", type: InputBase, isStandalone: true, selector: "[ngbInputBase]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { attributes: { "role": "textbox" }, listeners: { "input": "setValue($event.target.value, true)" }, properties: { "attr.id": "id", "value": "value()" } }, providers: [provideValueAccessor(InputBase)], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: InputBase, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngbInputBase]',
+                    providers: [provideValueAccessor(InputBase)],
+                    host: {
+                        role: 'textbox',
+                        '[attr.id]': 'id',
+                        '[value]': 'value()',
+                        '(input)': 'setValue($event.target.value, true)',
+                    },
+                }]
+        }] });
+
+class AutoHeight {
+    constructor() {
+        this.el = inject(ElementRef);
+        this.model = inject(NgControl, { optional: true });
+        // Disable textarea resizing
+        this.el.nativeElement.style.resize = 'none';
+        const injector = inject(Injector);
+        effect(cleanup => {
+            // required for updating the height for the initial value
+            this.update();
+            const sub = this.model?.valueChanges?.subscribe(v => {
+                if (v === this.el.nativeElement.value) {
+                    this.update();
+                }
+                else {
+                    // Wait for Angular to update the DOM with the new value
+                    // Use a settimeout to wait for the next tick
+                    afterNextRender(() => this.update(), { injector });
+                }
+            });
+            cleanup(() => sub?.unsubscribe());
+            const ro = new ResizeObserver(entries => {
+                for (let entry of entries) {
+                    this.update();
+                }
+            });
+            // Observe one or multiple elements
+            ro.observe(this.el.nativeElement);
+            cleanup(() => ro.disconnect());
+        });
+    }
+    update() {
+        const el = this.el.nativeElement;
+        el.style.height = 'auto';
+        // also we need to consider the border so we need to calculate the border using height
+        const borderHeight = el.offsetHeight - el.clientHeight;
+        el.style.height = el.scrollHeight + borderHeight + 'px';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: AutoHeight, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0", type: AutoHeight, isStandalone: true, selector: "textarea[ngbAutoHeight]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: AutoHeight, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'textarea[ngbAutoHeight]',
+                }]
+        }], ctorParameters: () => [] });
+
+class NgbLabel {
+    constructor() {
+        this.formField = inject(NgbFormField);
+        this.id = this.formField._id;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0", type: NgbLabel, isStandalone: true, selector: "[ngbLabel]", host: { properties: { "attr.for": "id" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbLabel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngbLabel]',
+                    host: {
+                        '[attr.for]': 'id',
+                    },
+                }]
+        }] });
+
+class NgbOtpInput {
+    constructor() {
+        this.otp = inject(NgbInputOtp);
+        this.el = inject(ElementRef);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbOtpInput, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0", type: NgbOtpInput, isStandalone: true, selector: "input[ngbOtpInput]", host: { properties: { "disabled": "otp.disabled() || undefined" }, styleAttribute: "position: absolute; inset: 0; border: none; background: transparent; caret-color: transparent; outline: none; color: transparent; letter-spacing: -0.5rem;" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbOtpInput, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[ngbOtpInput]',
+                    host: {
+                        '[disabled]': 'otp.disabled() || undefined',
+                        style: 'position: absolute; inset: 0; border: none; background: transparent; caret-color: transparent; outline: none; color: transparent; letter-spacing: -0.5rem;',
+                    },
+                }]
+        }] });
+class NgbOtpValue {
+    constructor() {
+        this.otp = inject(NgbInputOtp);
+        this.el = inject(ElementRef);
+        this.index = computed(() => this.otp._otpValues().findIndex(v => this.el === v.el));
+        this.value = computed(() => this.otp.values()[this.index()] || '');
+        this.focused = computed(() => {
+            return (this.otp.focused() && this.index() === Math.min(this.otp.values().length, this.otp.no() - 1));
+        });
+        effect(() => {
+            const value = this.value();
+            this.el.nativeElement.textContent = value && this.otp.masked() ? '•' : value;
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbOtpValue, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0", type: NgbOtpValue, isStandalone: true, selector: "[ngbOtpValue]", host: { attributes: { "aria-hidden": "true", "tabindex": "-1" }, properties: { "attr.data-focus": "focused() || undefined", "attr.data-disabled": "otp.disabled() || undefined" }, styleAttribute: "pointer-events: none" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbOtpValue, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngbOtpValue]',
+                    host: {
+                        style: `pointer-events: none`,
+                        '[attr.data-focus]': 'focused() || undefined',
+                        '[attr.data-disabled]': 'otp.disabled() || undefined',
+                        'aria-hidden': 'true',
+                        tabindex: '-1',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+class NgbInputOtp {
+    constructor() {
+        this.inputs = viewChild.required(NgbOtpInput);
+        this._otpValues = viewChildren(NgbOtpValue);
+        // private readonly
+        this.size = input([4]);
+        this.masked = input(false, { transform: booleanAttribute });
+        this.disabled = input(false);
+        this.no = computed(() => this.size().reduce((a, b) => a + b, 0));
+        this.lastValue = '';
+        this.values = signal('');
+        this.focused = signal(false);
+        afterRenderEffect(cleanup => {
+            const inputEl = this.inputs().el.nativeElement;
+            const inputListener = () => {
+                const value = inputEl.value;
+                this.updateValue(value);
+            };
+            const keydownListener = (e) => {
+                const value = inputEl.value.length === this.no();
+                // const isPaste = (e.ctrlKey || e.metaKey) && e.key === 'v';
+                // if (isPaste || ['Tab', 'Enter'].includes(e.key)) {
+                //   // prevent default behavior for tab key
+                //   return;
+                // } else
+                if (value && !['Tab', 'Enter', 'Backspace'].includes(e.key)) {
+                    // prevent default behavior for non-numeric characters
+                    e.preventDefault();
+                }
+            };
+            const pasteListener = (e) => {
+                e.preventDefault();
+                const pastedText = e.clipboardData?.getData('text') || '';
+                const numbers = pastedText.replace(/\D/g, '');
+                // Only process if we have valid numbers
+                if (numbers.length === 0)
+                    return;
+                this.updateNewValue(numbers.slice(0, this.no()));
+                this.updateValue(inputEl.value);
+            };
+            const blurListener = () => {
+                // We have to use untracked because the blur is triggered by the input element when we make it disabled
+                // so we are getting cannot update signal inside computed error
+                untracked(() => this.focused.set(false));
+            };
+            const focusListener = () => {
+                this.focused.set(true);
+                // set the cursor to the end of the input
+                inputEl.selectionStart = inputEl.selectionEnd = inputEl.value.length;
+            };
+            inputEl.addEventListener('input', inputListener);
+            inputEl.addEventListener('focus', focusListener);
+            inputEl.addEventListener('blur', blurListener);
+            inputEl.addEventListener('keydown', keydownListener);
+            inputEl.addEventListener('paste', pasteListener);
+            cleanup(() => {
+                inputEl.removeEventListener('input', inputListener);
+                inputEl.removeEventListener('focus', focusListener);
+                inputEl.removeEventListener('blur', blurListener);
+                inputEl.removeEventListener('keydown', keydownListener);
+                inputEl.removeEventListener('paste', pasteListener);
+            });
+        });
+    }
+    updateNewValue(value) {
+        this.values.set(value);
+        this.inputs().el.nativeElement.value = value;
+    }
+    writeValue(value) {
+        const values = value || '';
+        this.lastValue = value;
+        this.updateNewValue(values);
+    }
+    updateValue(values) {
+        this.values.set(values);
+        // const value = values.length === this.no() ? values : '';
+        // if (this.lastValue === value) {
+        //   return;
+        // }
+        this.lastValue = values;
+        this.onChange?.(values);
+        this.onTouched?.();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbInputOtp, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.0.0", type: NgbInputOtp, isStandalone: true, selector: "[ngbInputOtp]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, masked: { classPropertyName: "masked", publicName: "masked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, providers: [_provide(NgbInputOtp)], viewQueries: [{ propertyName: "inputs", first: true, predicate: NgbOtpInput, descendants: true, isSignal: true }, { propertyName: "_otpValues", predicate: NgbOtpValue, descendants: true, isSignal: true }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbInputOtp, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngbInputOtp]',
+                    providers: [_provide(NgbInputOtp)],
+                }]
+        }], ctorParameters: () => [] });
+function _provide(otp) {
+    return [provideValueAccessor(otp)];
+}
+function provideInputOtp(otp) {
+    return [_provide(otp), { provide: NgbInputOtp, useExisting: otp }];
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AutoHeight, InputBase, NgbFormField, NgbInputError, NgbInputOtp, NgbLabel, NgbOtpInput, NgbOtpValue, markControlsTouched, provideInputOtp, toggleDiv };
+//# sourceMappingURL=ngbase-adk-form-field.mjs.map

package/fesm2022/ngbase-adk-form-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngbase-adk-form-field.mjs","sources":["../../../projects/adk/form-field/form-field.ts","../../../projects/adk/form-field/error.ts","../../../projects/adk/form-field/input.ts","../../../projects/adk/form-field/auto-height.ts","../../../projects/adk/form-field/label.ts","../../../projects/adk/form-field/otp.ts","../../../projects/adk/form-field/ngbase-adk-form-field.ts"],"sourcesContent":["import {\n  computed,\n  contentChild,\n  contentChildren,\n  Directive,\n  effect,\n  forwardRef,\n  signal,\n  Signal,\n} from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { uniqueId } from '@ngbase/adk/utils';\nimport { NgbInputError } from './error';\n\n@Directive({\n  selector: 'ngb-form-field, [ngbFormField]',\n})\nexport class NgbFormField {\n  readonly _control = contentChild(NgControl, { descendants: true });\n  readonly _id = uniqueId();\n\n  // we need to forwardRef the error component to avoid circular dependency\n  readonly status = statusChange(this._control);\n  private readonly _invalid = computed(\n    () => this.status() === 'INVALID' && this._control()?.touched,\n  );\n\n  readonly errors = contentChildren<NgbInputError>(forwardRef(() => NgbInputError));\n  readonly hasErrors = computed(() => this._invalid() || this.errors().some(e => e.isInvalid()));\n}\n\nfunction statusChange(sControl: Signal<NgControl | undefined>): Signal<string | null> {\n  const statusChanges = signal<string | null>(null, { equal: () => false });\n  effect(cleanup => {\n    const control = sControl();\n    if (control) {\n      const sub = control.statusChanges?.subscribe(() => {\n        statusChanges.set(control.status);\n      });\n      cleanup(() => sub?.unsubscribe());\n    }\n  });\n  return statusChanges;\n}\n","import { animate, state, style, transition, trigger } from '@angular/animations';\nimport { computed, Directive, inject, input, signal } from '@angular/core';\nimport { AbstractControl, FormArray, FormGroup } from '@angular/forms';\nimport { NgbFormField } from './form-field';\n\n@Directive({\n  selector: '[ngbError]',\n  host: {\n    '[hidden]': '!animate() && !isInvalid()',\n  },\n})\nexport class NgbInputError {\n  private readonly formField = inject(NgbFormField);\n  /* the input can have comma separated error names like\n   * 'required' or '!required && minlength'\n   */\n  readonly ngbError = input.required<string>();\n  readonly invalid = input<boolean>();\n  readonly animate = signal(false);\n\n  private readonly errorNames = computed(() => {\n    const names = (this.ngbError() ?? '').split('&&');\n    return names.reduce(\n      (acc, n) => {\n        const trimmed = n.trim();\n        if (trimmed) {\n          const negated = trimmed.startsWith('!');\n          acc.push({ name: trimmed.slice(negated ? 1 : 0), negated });\n        }\n        return acc;\n      },\n      [] as { name: string; negated: boolean }[],\n    );\n  });\n\n  readonly isFieldInvalid = computed(() => {\n    const control = this.formField._control();\n    const status = this.formField.status();\n    const names = this.errorNames();\n\n    return (\n      status === 'INVALID' &&\n      control?.touched &&\n      names.every(n => !!control.errors?.[n.name] !== n.negated)\n    );\n  });\n\n  readonly isInvalid = computed(() => {\n    return this.invalid() ?? this.isFieldInvalid();\n  });\n}\n\nexport function markControlsTouched(\n  control: AbstractControl,\n  options = { touched: true, dirty: false },\n) {\n  if (control instanceof FormGroup || control instanceof FormArray) {\n    Object.values(control.controls).forEach(c => markControlsTouched(c, options));\n  }\n  if (options.dirty) control.markAsTouched();\n  if (options.touched) control.markAsTouched();\n  control.updateValueAndValidity();\n}\n\nexport const toggleDiv = trigger('toggleDiv', [\n  state('hidden', style({ opacity: 0, height: '0px', visibility: 'hidden' })),\n  state('visible', style({ opacity: 1, height: '*', visibility: 'visible' })),\n  transition('hidden <=> visible', [animate('150ms ease-in-out')]),\n]);\n","import { Directive, inject, model } from '@angular/core';\nimport { ControlValueAccessor } from '@angular/forms';\nimport { provideValueAccessor, uniqueId } from '@ngbase/adk/utils';\nimport { NgbFormField } from './form-field';\n\n@Directive({\n  selector: '[ngbInputBase]',\n  providers: [provideValueAccessor(InputBase)],\n  host: {\n    role: 'textbox',\n    '[attr.id]': 'id',\n    '[value]': 'value()',\n    '(input)': 'setValue($event.target.value, true)',\n  },\n})\nexport class InputBase<T = unknown> implements ControlValueAccessor {\n  readonly formField = inject(NgbFormField, { optional: true });\n  readonly value = model<T>('' as any);\n\n  readonly id = this.formField?._id ?? uniqueId();\n\n  onChange?: (_: string) => void;\n  onTouched?: () => void;\n\n  setValue(value: any, fromInput = false): void {\n    this.value.set(value);\n    if (fromInput) {\n      this.onChange?.(value);\n      this.onTouched?.();\n    }\n  }\n\n  writeValue(value: string): void {\n    this.setValue(value);\n  }\n\n  registerOnChange(fn: (value: string) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: VoidFunction): void {\n    this.onTouched = fn;\n  }\n}\n","import { afterNextRender, Directive, effect, ElementRef, inject, Injector } from '@angular/core';\nimport { NgControl } from '@angular/forms';\n\n@Directive({\n  selector: 'textarea[ngbAutoHeight]',\n})\nexport class AutoHeight {\n  private el = inject<ElementRef<HTMLInputElement>>(ElementRef);\n  private model = inject(NgControl, { optional: true });\n\n  constructor() {\n    // Disable textarea resizing\n    this.el.nativeElement.style.resize = 'none';\n\n    const injector = inject(Injector);\n    effect(cleanup => {\n      // required for updating the height for the initial value\n      this.update();\n\n      const sub = this.model?.valueChanges?.subscribe(v => {\n        if (v === this.el.nativeElement.value) {\n          this.update();\n        } else {\n          // Wait for Angular to update the DOM with the new value\n          // Use a settimeout to wait for the next tick\n          afterNextRender(() => this.update(), { injector });\n        }\n      });\n      cleanup(() => sub?.unsubscribe());\n\n      const ro = new ResizeObserver(entries => {\n        for (let entry of entries) {\n          this.update();\n        }\n      });\n\n      // Observe one or multiple elements\n      ro.observe(this.el.nativeElement);\n      cleanup(() => ro.disconnect());\n    });\n  }\n\n  private update() {\n    const el = this.el.nativeElement;\n    el.style.height = 'auto';\n    // also we need to consider the border so we need to calculate the border using height\n    const borderHeight = el.offsetHeight - el.clientHeight;\n    el.style.height = el.scrollHeight + borderHeight + 'px';\n  }\n}\n","import { Directive, inject } from '@angular/core';\nimport { NgbFormField } from './form-field';\n\n@Directive({\n  selector: '[ngbLabel]',\n  host: {\n    '[attr.for]': 'id',\n  },\n})\nexport class NgbLabel {\n  private readonly formField = inject(NgbFormField);\n  readonly id = this.formField._id;\n}\n","import {\n  afterRenderEffect,\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  Directive,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  signal,\n  untracked,\n  viewChild,\n  viewChildren,\n} from '@angular/core';\nimport { ControlValueAccessor } from '@angular/forms';\nimport { provideValueAccessor } from '@ngbase/adk/utils';\n\n@Directive({\n  selector: 'input[ngbOtpInput]',\n  host: {\n    '[disabled]': 'otp.disabled() || undefined',\n    style:\n      'position: absolute; inset: 0; border: none; background: transparent; caret-color: transparent; outline: none; color: transparent; letter-spacing: -0.5rem;',\n  },\n})\nexport class NgbOtpInput {\n  readonly otp = inject(NgbInputOtp);\n  readonly el = inject<ElementRef<HTMLInputElement>>(ElementRef);\n}\n\n@Directive({\n  selector: '[ngbOtpValue]',\n  host: {\n    style: `pointer-events: none`,\n    '[attr.data-focus]': 'focused() || undefined',\n    '[attr.data-disabled]': 'otp.disabled() || undefined',\n    'aria-hidden': 'true',\n    tabindex: '-1',\n  },\n})\nexport class NgbOtpValue {\n  readonly otp = inject(NgbInputOtp);\n  readonly el = inject<ElementRef<HTMLElement>>(ElementRef);\n  readonly index = computed(() => this.otp._otpValues().findIndex(v => this.el === v.el));\n  readonly value = computed(() => this.otp.values()[this.index()] || '');\n\n  readonly focused = computed(() => {\n    return (\n      this.otp.focused() && this.index() === Math.min(this.otp.values().length, this.otp.no() - 1)\n    );\n  });\n\n  constructor() {\n    effect(() => {\n      const value = this.value();\n      this.el.nativeElement.textContent = value && this.otp.masked() ? '•' : value;\n    });\n  }\n}\n\n@Directive({\n  selector: '[ngbInputOtp]',\n  providers: [_provide(NgbInputOtp)],\n})\nexport class NgbInputOtp implements ControlValueAccessor {\n  private readonly inputs = viewChild.required<NgbOtpInput>(NgbOtpInput);\n  readonly _otpValues = viewChildren<NgbOtpValue>(NgbOtpValue);\n  // private readonly\n\n  readonly size = input<number[]>([4]);\n  readonly masked = input(false, { transform: booleanAttribute });\n  readonly disabled = input<boolean>(false);\n\n  readonly no = computed(() => this.size().reduce((a, b) => a + b, 0));\n  private onChange?: (value: string) => void;\n  private onTouched?: () => void;\n  private lastValue = '';\n  readonly values = signal<string>('');\n  readonly focused = signal<boolean>(false);\n\n  constructor() {\n    afterRenderEffect(cleanup => {\n      const inputEl = this.inputs().el.nativeElement;\n\n      const inputListener = () => {\n        const value = inputEl.value;\n        this.updateValue(value);\n      };\n\n      const keydownListener = (e: KeyboardEvent) => {\n        const value = inputEl.value.length === this.no();\n        // const isPaste = (e.ctrlKey || e.metaKey) && e.key === 'v';\n        // if (isPaste || ['Tab', 'Enter'].includes(e.key)) {\n        //   // prevent default behavior for tab key\n        //   return;\n        // } else\n        if (value && !['Tab', 'Enter', 'Backspace'].includes(e.key)) {\n          // prevent default behavior for non-numeric characters\n          e.preventDefault();\n        }\n      };\n\n      const pasteListener = (e: ClipboardEvent) => {\n        e.preventDefault();\n\n        const pastedText = e.clipboardData?.getData('text') || '';\n        const numbers = pastedText.replace(/\\D/g, '');\n\n        // Only process if we have valid numbers\n        if (numbers.length === 0) return;\n\n        this.updateNewValue(numbers.slice(0, this.no()));\n        this.updateValue(inputEl.value);\n      };\n\n      const blurListener = () => {\n        // We have to use untracked because the blur is triggered by the input element when we make it disabled\n        // so we are getting cannot update signal inside computed error\n        untracked(() => this.focused.set(false));\n      };\n\n      const focusListener = () => {\n        this.focused.set(true);\n        // set the cursor to the end of the input\n        inputEl.selectionStart = inputEl.selectionEnd = inputEl.value.length;\n      };\n\n      inputEl.addEventListener('input', inputListener);\n      inputEl.addEventListener('focus', focusListener);\n      inputEl.addEventListener('blur', blurListener);\n      inputEl.addEventListener('keydown', keydownListener);\n      inputEl.addEventListener('paste', pasteListener);\n\n      cleanup(() => {\n        inputEl.removeEventListener('input', inputListener);\n        inputEl.removeEventListener('focus', focusListener);\n        inputEl.removeEventListener('blur', blurListener);\n        inputEl.removeEventListener('keydown', keydownListener);\n        inputEl.removeEventListener('paste', pasteListener);\n      });\n    });\n  }\n\n  private updateNewValue(value: string) {\n    this.values.set(value);\n    this.inputs().el.nativeElement.value = value;\n  }\n\n  writeValue(value: string) {\n    const values = value || '';\n    this.lastValue = value;\n    this.updateNewValue(values);\n  }\n\n  updateValue(values: string) {\n    this.values.set(values);\n    // const value = values.length === this.no() ? values : '';\n    // if (this.lastValue === value) {\n    //   return;\n    // }\n    this.lastValue = values;\n    this.onChange?.(values);\n    this.onTouched?.();\n  }\n\n  registerOnChange(fn: any) {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: any) {\n    this.onTouched = fn;\n  }\n}\n\nfunction _provide(otp: typeof NgbInputOtp) {\n  return [provideValueAccessor(otp)];\n}\n\nexport function provideInputOtp(otp: typeof NgbInputOtp) {\n  return [_provide(otp), { provide: NgbInputOtp, useExisting: otp }];\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-hover-card.mjs

@@ -0,0 +1,79 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, input, numberAttribute, Directive } from '@angular/core';
+import { ngbPopoverPortal } from '@ngbase/adk/popover';
+
+class NgbHoverCard {
+    constructor() {
+        this.popoverPortal = ngbPopoverPortal();
+        this.el = inject(ElementRef);
+        this.ngbHoverCard = input.required();
+        this.options = input();
+        this.delay = input(400, { transform: numberAttribute });
+        this.close = null;
+    }
+    open() {
+        // if the user is hovering over the popover, we don't want to open a new one
+        if (this.outTimer) {
+            this.resetOut();
+            return;
+        }
+        // we need to delay the opening of the popover to ensure that the user is hovering over the popover
+        this.inTimer = setTimeout(() => {
+            const options = this.options() ?? {};
+            const { diaRef, events } = this.popoverPortal.open(this.ngbHoverCard(), {
+                target: this.el.nativeElement,
+                position: 'top',
+                backdrop: false,
+                ...options,
+            });
+            this.close = diaRef;
+            events.subscribe(e => {
+                if (e.type === 'mouseleave') {
+                    this.closePopup();
+                }
+                else {
+                    this.resetOut();
+                }
+            });
+        }, this.delay());
+    }
+    resetOut() {
+        clearTimeout(this.outTimer);
+        this.outTimer = null;
+    }
+    closePopup() {
+        clearTimeout(this.inTimer);
+        this.inTimer = null;
+        if (!this.close)
+            return;
+        this.outTimer = setTimeout(() => {
+            this.close?.close();
+            this.close = null;
+            this.outTimer = null;
+        }, this.delay());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbHoverCard, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.0", type: NgbHoverCard, isStandalone: true, selector: "[ngbHoverCard]", inputs: { ngbHoverCard: { classPropertyName: "ngbHoverCard", publicName: "ngbHoverCard", isSignal: true, isRequired: true, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, delay: { classPropertyName: "delay", publicName: "delay", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mouseenter": "open()", "mouseleave": "closePopup()" } }, exportAs: ["ngbHoverCard"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbHoverCard, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngbHoverCard]',
+                    exportAs: 'ngbHoverCard',
+                    host: {
+                        '(mouseenter)': 'open()',
+                        '(mouseleave)': 'closePopup()',
+                    },
+                }]
+        }] });
+
+/*
+ * Public API Surface of hover-card
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgbHoverCard };
+//# sourceMappingURL=ngbase-adk-hover-card.mjs.map

package/fesm2022/ngbase-adk-hover-card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngbase-adk-hover-card.mjs","sources":["../../../projects/adk/hover-card/hover-card.ts","../../../projects/adk/hover-card/public-api.ts","../../../projects/adk/hover-card/ngbase-adk-hover-card.ts"],"sourcesContent":["import { Directive, ElementRef, TemplateRef, inject, input, numberAttribute } from '@angular/core';\nimport { DialogRef } from '@ngbase/adk/portal';\nimport { PopoverOptions, ngbPopoverPortal } from '@ngbase/adk/popover';\n\n@Directive({\n  selector: '[ngbHoverCard]',\n  exportAs: 'ngbHoverCard',\n  host: {\n    '(mouseenter)': 'open()',\n    '(mouseleave)': 'closePopup()',\n  },\n})\nexport class NgbHoverCard<T = any> {\n  private popoverPortal = ngbPopoverPortal();\n  private el = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  readonly ngbHoverCard = input.required<TemplateRef<T>>();\n  readonly options = input<PopoverOptions>();\n  readonly delay = input(400, { transform: numberAttribute });\n\n  private close: DialogRef | null = null;\n  private inTimer: any;\n  private outTimer: any;\n\n  open() {\n    // if the user is hovering over the popover, we don't want to open a new one\n    if (this.outTimer) {\n      this.resetOut();\n      return;\n    }\n\n    // we need to delay the opening of the popover to ensure that the user is hovering over the popover\n    this.inTimer = setTimeout(() => {\n      const options = this.options() ?? {};\n      const { diaRef, events } = this.popoverPortal.open(this.ngbHoverCard(), {\n        target: this.el.nativeElement,\n        position: 'top',\n        backdrop: false,\n        ...options,\n      });\n      this.close = diaRef;\n      events.subscribe(e => {\n        if (e.type === 'mouseleave') {\n          this.closePopup();\n        } else {\n          this.resetOut();\n        }\n      });\n    }, this.delay());\n  }\n\n  private resetOut() {\n    clearTimeout(this.outTimer);\n    this.outTimer = null;\n  }\n\n  closePopup() {\n    clearTimeout(this.inTimer);\n    this.inTimer = null;\n    if (!this.close) return;\n    this.outTimer = setTimeout(() => {\n      this.close?.close();\n      this.close = null;\n      this.outTimer = null;\n    }, this.delay());\n  }\n}\n","/*\n * Public API Surface of hover-card\n */\n\nexport * from './hover-card';\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-icon.mjs

@@ -0,0 +1,90 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, Injectable, input, resource, computed, Directive } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import { HttpClient } from '@angular/common/http';
+import { firstValueFrom } from 'rxjs';
+
+const ICON_LOADER = new InjectionToken('ICON_LOADER', {
+    providedIn: 'root',
+    factory: iconLoader,
+});
+function iconLoader() {
+    const http = inject(HttpClient, { optional: true });
+    return async (name) => {
+        try {
+            if (http) {
+                const icon = await firstValueFrom(http?.get(`/icons/${name}.svg`, { responseType: 'text' }));
+                return icon;
+            }
+        }
+        catch { }
+        return '';
+    };
+}
+class IconService {
+    constructor() {
+        this.loader = inject(ICON_LOADER);
+        this.icons = new Map();
+        this.pendingRequests = new Map();
+    }
+    async getIcon(name) {
+        const cachedIcon = this.icons.get(name);
+        if (cachedIcon) {
+            return cachedIcon;
+        }
+        let pendingRequest = this.pendingRequests.get(name);
+        if (!pendingRequest) {
+            pendingRequest = this.loader(name);
+            this.pendingRequests.set(name, pendingRequest);
+            try {
+                const icon = await pendingRequest;
+                this.icons.set(name, icon);
+                return icon;
+            }
+            finally {
+                this.pendingRequests.delete(name);
+            }
+        }
+        return pendingRequest;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: IconService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: IconService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: IconService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class NgbIcon {
+    constructor() {
+        this.service = inject(IconService);
+        this.sanitizer = inject(DomSanitizer);
+        this.name = input.required();
+        this.icon = resource({
+            request: this.name,
+            loader: ({ request }) => this.service.getIcon(request),
+        });
+        this.svg = computed(() => {
+            const txt = this.icon.value() || '';
+            return this.sanitizer.bypassSecurityTrustHtml(txt);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.0", type: NgbIcon, isStandalone: true, selector: "[ngbIcon]", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "innerHTML": "svg()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbIcon, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngbIcon]',
+                    host: {
+                        '[innerHTML]': 'svg()',
+                    },
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ICON_LOADER, NgbIcon };
+//# sourceMappingURL=ngbase-adk-icon.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ngbase-adk-icon.mjs","sources":["../../../projects/adk/icon/icon.service.ts","../../../projects/adk/icon/icon.ts","../../../projects/adk/icon/ngbase-adk-icon.ts"],"sourcesContent":["import { HttpClient } from '@angular/common/http';\nimport { Injectable, InjectionToken, inject } from '@angular/core';\nimport { firstValueFrom } from 'rxjs';\n\nexport type IconLoaderFn = (name: string) => Promise<string>;\n\nexport const ICON_LOADER = new InjectionToken<IconLoaderFn>('ICON_LOADER', {\n  providedIn: 'root',\n  factory: iconLoader,\n});\n\nfunction iconLoader(): IconLoaderFn {\n  const http = inject(HttpClient, { optional: true });\n  return async (name: string) => {\n    try {\n      if (http) {\n        const icon = await firstValueFrom(\n          http?.get(`/icons/${name}.svg`, { responseType: 'text' }),\n        );\n        return icon;\n      }\n    } catch {}\n    return '';\n  };\n}\n\n@Injectable({ providedIn: 'root' })\nexport class IconService {\n  readonly loader = inject(ICON_LOADER);\n  readonly icons = new Map<string, string>();\n  private readonly pendingRequests = new Map<string, Promise<string>>();\n\n  async getIcon(name: string): Promise<string> {\n    const cachedIcon = this.icons.get(name);\n\n    if (cachedIcon) {\n      return cachedIcon;\n    }\n\n    let pendingRequest = this.pendingRequests.get(name);\n    if (!pendingRequest) {\n      pendingRequest = this.loader(name);\n      this.pendingRequests.set(name, pendingRequest);\n\n      try {\n        const icon = await pendingRequest;\n        this.icons.set(name, icon);\n        return icon;\n      } finally {\n        this.pendingRequests.delete(name);\n      }\n    }\n\n    return pendingRequest;\n  }\n}\n","import { computed, Directive, inject, input, resource } from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { IconService } from './icon.service';\n\n@Directive({\n  selector: '[ngbIcon]',\n  host: {\n    '[innerHTML]': 'svg()',\n  },\n})\nexport class NgbIcon {\n  readonly service = inject(IconService);\n  readonly sanitizer = inject(DomSanitizer);\n\n  readonly name = input.required<string>();\n\n  private readonly icon = resource({\n    request: this.name,\n    loader: ({ request }) => this.service.getIcon(request),\n  });\n\n  readonly svg = computed(() => {\n    const txt = this.icon.value() || '';\n    return this.sanitizer.bypassSecurityTrustHtml(txt);\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}