@ngbase/adk 0.1.16 → 0.1.18

package/schematics/components/files/table/table.ts.template

@@ -24,9 +24,10 @@ import {
   NgbSort,
   NgbSortHeader,
   NgbTable,
+  NgbTableVirtualScroll,
 } from '@ngbase/adk/table';
 import { Select, Option, SelectTrigger } from '<%= basepath %>/select';
-import { FormField, InputSuffix } from '<%= basepath %>/form-field';
+import { MeeFormField, InputSuffix } from '<%= basepath %>/form-field';
 import { Icon } from '<%= basepath %>/icon';
 import { provideIcons } from '@ng-icons/core';
 import {
@@ -179,7 +180,16 @@ export class Sort extends NgbSort<any> {
     provideIcons({ lucideChevronsUpDown, lucideArrowDown, lucideArrowUp, lucideArrowUpDown }),
   ],
   providers: [aliasSortHeader(SortHeader)],
-  imports: [Select, Option, SelectTrigger, FormField, InputSuffix, Icon, Button, NgTemplateOutlet],
+  imports: [
+    Select,
+    Option,
+    SelectTrigger,
+    MeeFormField,
+    InputSuffix,
+    Icon,
+    Button,
+    NgTemplateOutlet,
+  ],
   template: `
     <ng-template #temp><ng-content /></ng-template>
     @if (sort.mode() === 'selection') {
@@ -189,7 +199,7 @@ export class Sort extends NgbSort<any> {
           <<%= name %>-option value="asc" (click)="setDirections('asc')">Asc</<%= name %>-option>
           <<%= name %>-option value="desc" (click)="setDirections('desc')">Desc</<%= name %>-option>
         </<%= name %>-select>
-        <<%= name %>-icon <%= name %>Suffix [name]="directionIcon()" class="!ml-0.5 text-muted-foreground" />
+        <<%= name %>-icon <%= name %>Suffix [name]="directionIcon()" class="text-muted-foreground !ml-0.5" />
       </<%= name %>-form-field>
     } @else {
       <button <%= name %>Button="ghost" class="h-8 gap-0.5 !px-2" (click)="toggle()">
@@ -213,3 +223,33 @@ export class SortHeader extends NgbSortHeader<Sort> {
           : 'lucideArrowUpDown';
   });
 }
+
+// Virtual Scroll
+
+/**
+ * Virtual scroll directive for tables that only renders visible rows.
+ * Dramatically improves performance for large datasets.
+ *
+ * @example
+ * ```html
+ * <div class="h-[600px] overflow-auto">
+ *   <table
+ *     <%= name %>Table
+ *     [data]="largeDataset"
+ *     <%= name %>VirtualScroll="50">
+ *     <!-- table definition -->
+ *   </table>
+ * </div>
+ * ```
+ */
+@Directive({
+  selector: 'table[<%= name %>Table][<%= name %>VirtualScroll]',
+  standalone: true,
+  hostDirectives: [
+    {
+      directive: NgbTableVirtualScroll,
+      inputs: ['ngbVirtualScroll: <%= name %>VirtualScroll', 'bufferSize', 'scrollContainer'],
+    },
+  ],
+})
+export class VirtualScroll {}

package/schematics/components/files/tabs/tab.ts.template

@@ -27,7 +27,7 @@ import {
       <div class="relative flex overflow-hidden">
         <button
           ngbTabScroll="left"
-          class="absolute left-0 z-10 h-full place-items-center bg-background px-2"
+          class="bg-background absolute left-0 z-10 h-full place-items-center px-2"
         >
           <<%= name %>-icon name="lucideChevronLeft" />
         </button>
@@ -36,14 +36,14 @@ import {
             @for (tab of tabs(); track tab.id) {
               <button
                 [ngbTabButton]="tab"
-                class="whitespace-nowrap border-b-2 border-transparent font-medium text-muted-foreground aria-[disabled=true]:cursor-not-allowed aria-[selected=true]:!border-primary aria-[disabled=true]:text-muted-foreground aria-[selected=true]:!text-primary aria-[disabled=true]:opacity-50 [&[data-ch='false']]:px-4 [&[data-ch='false']]:py-3 [&[data-ch='true']>*:first-child]:px-4 [&[data-ch='true']>*:first-child]:py-3"
+                class="text-muted-foreground aria-[selected=true]:!border-primary aria-[disabled=true]:text-muted-foreground aria-[selected=true]:!text-primary cursor-pointer border-b-2 border-transparent font-medium whitespace-nowrap aria-[disabled=true]:cursor-not-allowed aria-[disabled=true]:opacity-50 [&[data-ch='false']]:px-4 [&[data-ch='false']]:py-3 [&[data-ch='true']>*:first-child]:px-4 [&[data-ch='true']>*:first-child]:py-3"
               ></button>
             }
           </div>
         </nav>
         <button
           ngbTabScroll="right"
-          class="absolute right-0 z-10 h-full place-items-center bg-background px-2"
+          class="bg-background absolute right-0 z-10 h-full place-items-center px-2"
         >
           <<%= name %>-icon name="lucideChevronRight" />
         </button>

package/schematics/components/files/theme/theme.service.ts.template

@@ -8,15 +8,15 @@ export class ThemeService {
   constructor() {
     if (isClient()) {
       const theme = localStorage.getItem('theme');
-      this._update((theme as 'light' | 'dark') || 'light');
+      this.setMode((theme as 'light' | 'dark') || 'light');
     }
   }
 
   toggle() {
-    this._update(this.mode() === 'dark' ? 'light' : 'dark');
+    this.setMode(this.mode() === 'dark' ? 'light' : 'dark');
   }
 
-  private _update(mode: 'light' | 'dark' = 'light') {
+  setMode(mode: 'light' | 'dark' = 'light') {
     const body = document.body;
     if (mode === 'dark') {
       body.classList.add('dark');

package/schematics/components/files/toggle/toggle.ts.template

@@ -7,7 +7,7 @@ import { NgbToggle } from '@ngbase/adk/toggle';
   hostDirectives: [{ directive: NgbToggle, inputs: ['value'], outputs: ['valueChange'] }],
   template: `<ng-content />`,
   host: {
-    class: 'block w-9 h-9 rounded relative aria-[pressed=true]:bg-foreground',
+    class: 'block w-9 h-9 rounded relative aria-[pressed=true]:bg-muted',
   },
 })
 export class Toggle {}

package/schematics/components/files/toggle-group/toggle-group.ts.template

@@ -19,7 +19,7 @@ export class ToggleGroup<T> {}
   hostDirectives: [{ directive: NgbToggleItem, inputs: ['disabled', 'value'] }],
   host: {
     class:
-      'inline-block rounded h-9 px-3 hover:bg-opacity-80 active:bg-opacity-70 aria-[selected=true]:bg-foreground',
+      'inline-block rounded h-9 px-3 hover:bg-opacity-80 active:bg-opacity-70 aria-[selected=true]:bg-muted',
   },
 })
 export class ToggleItem<T> {}

package/schematics/components/files/tooltip/tooltip.ts.template

@@ -1,11 +1,10 @@
 import { ChangeDetectionStrategy, Component, Directive } from '@angular/core';
 import { injectTheme } from '<%= basepath %>/theme';
-import { NgbPopoverArrow, providePopoverArrowTracker } from '@ngbase/adk/popover';
+import { NgbPopoverArrow, NgbPopoverArrowHost, providePopoverArrowTracker } from '@ngbase/adk/popover';
 import {
   NgbTooltip,
   NgbTooltipTemplate,
   provideNgbTooltipOptions,
-  tooltipAnimation,
   TooltipOptions,
 } from '@ngbase/adk/tooltip';
 
@@ -24,6 +23,7 @@ export class Tooltip {}
   selector: '<%= name %>-tooltip',
   changeDetection: ChangeDetectionStrategy.OnPush,
   providers: [providePopoverArrowTracker()],
+  hostDirectives: [NgbPopoverArrowHost],
   imports: [NgbPopoverArrow],
   template: `<div ngbPopoverArrow>{{ content() }}</div>`,
   host: {
@@ -31,7 +31,6 @@ export class Tooltip {}
       'fixed inline-block rounded-lg bg-background px-3 py-1 border shadow-md z-p whitespace-pre-line max-w-[15rem] text-text',
     '[class]': `theme.mode() === 'dark' ? 'light' : 'dark'`,
   },
-  animations: [tooltipAnimation],
 })
 export class TooltipComponent extends NgbTooltipTemplate {
   readonly theme = injectTheme();

package/schematics/components/schema.json

@@ -43,6 +43,7 @@
           "chip",
           "color-picker",
           "command",
+          "confirmation",
           "datepicker",
           "dialog",
           "drawer",
@@ -100,6 +101,7 @@
           { "value": "chip", "label": "Chip" },
           { "value": "color-picker", "label": "Color Picker" },
           { "value": "command", "label": "Command" },
+          { "value": "confirmation", "label": "Confirmation" },
           { "value": "datepicker", "label": "Datepicker" },
           { "value": "dialog", "label": "Dialog" },
           { "value": "drawer", "label": "Drawer" },

package/{accordion/index.d.ts → types/ngbase-adk-accordion.d.ts}

@@ -1,6 +1,5 @@
 import * as _angular_core from '@angular/core';
 import * as i1 from '@ngbase/adk/utils';
-import * as _angular_animations from '@angular/animations';
 
 declare class NgbAccordion {
     private accordionService;
@@ -39,6 +38,5 @@ declare class NgbAccordionContent {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgbAccordionContent, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgbAccordionContent, "[ngbAccordionContent]", ["ngbAccordionContent"], {}, {}, never, never, true, never>;
 }
-declare const slideAnimation: _angular_animations.AnimationTriggerMetadata;
 
-export { NgbAccordion, NgbAccordionContent, NgbAccordionGroup, NgbAccordionHeader, aliasAccordion, slideAnimation };
+export { NgbAccordion, NgbAccordionContent, NgbAccordionGroup, NgbAccordionHeader, aliasAccordion };

package/{autocomplete/index.d.ts → types/ngbase-adk-autocomplete.d.ts}

@@ -1,4 +1,3 @@
-import * as _angular_forms from '@angular/forms';
 import * as _angular_core from '@angular/core';
 import { ElementRef, Type } from '@angular/core';
 import { NgbChip } from '@ngbase/adk/chip';
@@ -39,14 +38,10 @@ declare class NgbAutocomplete<T> extends SelectBase<T> {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgbAutocomplete<any>, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgbAutocomplete<any>, "[ngbAutocomplete]", never, { "filterFn": { "alias": "filterFn"; "required": false; "isSignal": true; }; "queryFn": { "alias": "queryFn"; "required": false; "isSignal": true; }; "filterOptions": { "alias": "filterOptions"; "required": false; "isSignal": true; }; }, {}, ["searchInput", "chips"], never, true, never>;
 }
-declare function aliasAutocomplete<T>(autocomplete: Type<NgbAutocomplete<T>>): (({
-    provide: _angular_core.InjectionToken<readonly _angular_forms.ControlValueAccessor[]>;
-    useExisting: Type<any>;
-    multi: boolean;
-} | {
+declare function aliasAutocomplete<T>(autocomplete: Type<NgbAutocomplete<T>>): ({
     provide: typeof SelectBase;
     useExisting: Type<NgbAutocomplete<T>>;
-})[] | {
+}[] | {
     provide: typeof NgbAutocomplete;
     useExisting: Type<NgbAutocomplete<T>>;
 })[];

package/{checkbox/index.d.ts → types/ngbase-adk-checkbox.d.ts}

@@ -1,33 +1,27 @@
 import * as _angular_core from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
+import { FormCheckboxControl } from '@angular/forms/signals';
 
 declare class CheckboxButton {
     readonly checkbox: NgbCheckbox;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxButton, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CheckboxButton, "button[ngbCheckboxButton]", never, {}, {}, never, never, true, never>;
 }
-declare class NgbCheckbox implements ControlValueAccessor {
+declare class NgbCheckbox implements FormCheckboxControl {
     readonly id: string;
     readonly checked: _angular_core.ModelSignal<boolean>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly indeterminate: _angular_core.InputSignal<boolean>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly touched: _angular_core.ModelSignal<boolean>;
     readonly change: _angular_core.OutputEmitterRef<boolean>;
-    onChange: (_: any) => void;
-    onTouched: () => void;
     updateValue(): void;
-    writeValue(value: any): void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
+    onTouched(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgbCheckbox, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgbCheckbox, "[ngbCheckbox]", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "change": "change"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgbCheckbox, "[ngbCheckbox]", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "touched": "touchedChange"; "change": "change"; }, never, never, true, never>;
 }
-declare function aliasCheckbox(checkbox: typeof NgbCheckbox): ({
-    provide: _angular_core.InjectionToken<readonly ControlValueAccessor[]>;
-    useExisting: _angular_core.Type<any>;
-    multi: boolean;
-} | {
+declare function aliasCheckbox(checkbox: typeof NgbCheckbox): {
     provide: typeof NgbCheckbox;
     useExisting: typeof NgbCheckbox;
-})[];
+}[];
 
 export { CheckboxButton, NgbCheckbox, aliasCheckbox };

package/types/ngbase-adk-clipboard.d.ts

@@ -0,0 +1,12 @@
+import * as _angular_core from '@angular/core';
+
+declare class CopyToClipboard {
+    readonly ngbCopyToClipboard: _angular_core.InputSignal<string | undefined>;
+    readonly afterCopy: _angular_core.OutputEmitterRef<void>;
+    onClick(event: MouseEvent): void;
+    _copyToClipboard(text: string): Promise<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CopyToClipboard, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CopyToClipboard, "[ngbCopyToClipboard]", never, { "ngbCopyToClipboard": { "alias": "ngbCopyToClipboard"; "required": false; "isSignal": true; }; }, { "afterCopy": "afterCopy"; }, never, never, true, never>;
+}
+
+export { CopyToClipboard };

package/{color-picker/index.d.ts → types/ngbase-adk-color-picker.d.ts}

@@ -1,8 +1,7 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, EffectRef } from '@angular/core';
 import * as i1 from '@ngbase/adk/drag';
-import * as _angular_forms from '@angular/forms';
-import { ControlValueAccessor } from '@angular/forms';
+import { FormValueControl } from '@angular/forms/signals';
 
 type ColorFormat = 'hex' | 'rgb' | 'hsl' | 'hsb';
 declare class ColorSpectrum {
@@ -75,32 +74,10 @@ declare class NgbColorPicker {
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgbColorPicker, "ngb-color-picker-container", never, { "format": { "alias": "format"; "required": false; "isSignal": true; }; "presetColors": { "alias": "presetColors"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }
 
-declare class NgbColorInput implements ControlValueAccessor {
-    readonly format: i0.InputSignal<ColorFormat>;
-    readonly presetColors: i0.InputSignal<string[] | undefined>;
-    readonly value: i0.ModelSignal<string>;
-    onChange: (_: string) => void;
-    onTouched: () => void;
-    updateValue(value?: string): void;
-    writeValue(value: string): void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgbColorInput, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgbColorInput, "[ngbColorInput]", never, { "format": { "alias": "format"; "required": false; "isSignal": true; }; "presetColors": { "alias": "presetColors"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
-}
-
-interface ColorPickerOptions {
-    picker: typeof NgbColorPicker;
-    accessor: typeof NgbColorInput;
-}
-declare const registerColorPicker: ({ picker, accessor }: ColorPickerOptions) => ({
-    provide: InjectionToken<readonly _angular_forms.ControlValueAccessor[]>;
-    useExisting: i0.Type<any>;
-    multi: boolean;
-} | {
+declare const registerColorPicker: (picker: typeof NgbColorPicker) => {
     provide: InjectionToken<typeof NgbColorPicker>;
     useValue: typeof NgbColorPicker;
-})[];
+}[];
 declare class ColorPickerTrigger {
     private el;
     private colorPicker;
@@ -115,5 +92,16 @@ declare class ColorPickerTrigger {
     static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerTrigger, "[ngbColorPickerTrigger]", never, { "format": { "alias": "format"; "required": false; "isSignal": true; }; "presetColors": { "alias": "presetColors"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
 
+declare class NgbColorInput implements FormValueControl<string> {
+    readonly format: i0.InputSignal<ColorFormat>;
+    readonly presetColors: i0.InputSignal<string[] | undefined>;
+    readonly value: i0.ModelSignal<string>;
+    readonly touched: i0.ModelSignal<boolean>;
+    readonly disabled: i0.InputSignal<boolean>;
+    updateValue(val?: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgbColorInput, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgbColorInput, "[ngbColorInput]", never, { "format": { "alias": "format"; "required": false; "isSignal": true; }; "presetColors": { "alias": "presetColors"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; }, never, never, true, never>;
+}
+
 export { ColorAlpha, ColorAlphaThumb, ColorHue, ColorHueThumb, ColorPickerTrigger, ColorSelected, ColorSpectrum, ColorSpectrumSelector, NgbColorInput, NgbColorPicker, registerColorPicker };
 export type { ColorFormat };

package/{datepicker/index.d.ts → types/ngbase-adk-datepicker.d.ts}

@@ -1,6 +1,6 @@
 import * as _ngbase_adk_datepicker from '@ngbase/adk/datepicker';
 import * as _angular_core from '@angular/core';
-import { ElementRef, TemplateRef, Signal, InjectionToken, Injector, OnDestroy } from '@angular/core';
+import { Signal, TemplateRef, ElementRef, InjectionToken, Injector, OnDestroy } from '@angular/core';
 import * as i1$1 from '@ngbase/adk/a11y';
 import { AccessibleGroup, AccessibleItem } from '@ngbase/adk/a11y';
 import { Directionality } from '@ngbase/adk/bidi';
@@ -9,7 +9,7 @@ import * as _ngbase_adk_portal from '@ngbase/adk/portal';
 import * as i1 from '@ngbase/adk/form-field';
 import { InputBase } from '@ngbase/adk/form-field';
 import { NgbSelectTarget } from '@ngbase/adk/select';
-import { ControlValueAccessor } from '@angular/forms';
+import { FormValueControl } from '@angular/forms/signals';
 import * as i1$2 from '@ngbase/adk/utils';
 import { NumberOnly } from '@ngbase/adk/utils';
 
@@ -249,36 +249,27 @@ declare class NgbTimeInput {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgbTimeInput, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgbTimeInput, "[ngbTimeInput]", never, { "ngbTimeInput": { "alias": "ngbTimeInput"; "required": true; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$2.NumberOnly; inputs: { "value": "value"; }; outputs: { "valueChange": "valueChange"; }; }]>;
 }
-declare class NgbTimePicker implements ControlValueAccessor {
+declare class NgbTimePicker implements FormValueControl<string | null | undefined> {
     readonly is24: _angular_core.InputSignal<boolean>;
-    readonly value: _angular_core.InputSignal<string | null | undefined>;
-    readonly valueChange: _angular_core.OutputEmitterRef<string | null | undefined>;
+    readonly value: _angular_core.ModelSignal<string | null | undefined>;
+    readonly touched: _angular_core.ModelSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
     private time;
     readonly hours: _angular_core.WritableSignal<string>;
     readonly minutes: _angular_core.WritableSignal<string>;
     readonly seconds: _angular_core.WritableSignal<string>;
     readonly am: _angular_core.WritableSignal<boolean>;
-    private onChange;
-    private onTouched;
     constructor();
     private parseValue;
     changeAm(active: boolean): void;
     updateValue(): void;
-    private notify;
-    writeValue(value: string): void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgbTimePicker, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgbTimePicker, "[ngbTime]", never, { "is24": { "alias": "is24"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgbTimePicker, "[ngbTime]", never, { "is24": { "alias": "is24"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; }, never, never, true, never>;
 }
-declare function aliasTimePicker(picker: typeof NgbTimePicker): ({
-    provide: _angular_core.InjectionToken<readonly ControlValueAccessor[]>;
-    useExisting: _angular_core.Type<any>;
-    multi: boolean;
-}[] | {
+declare function aliasTimePicker(picker: typeof NgbTimePicker): {
     provide: typeof NgbTimePicker;
     useExisting: typeof NgbTimePicker;
-})[];
+}[];
 
 type NgbDateUnits = 'year' | 'month' | 'date' | 'hour' | 'minute' | 'second' | 'millisecond';
 interface NgbAdpterInterface<D> {

package/{dialog/index.d.ts → types/ngbase-adk-dialog.d.ts}

@@ -1,10 +1,9 @@
 import * as i2 from '@ngbase/adk/portal';
-import { DialogOptions, BaseDialog, DialogInput } from '@ngbase/adk/portal';
+import { BaseDialog, DialogOptions, DialogInput } from '@ngbase/adk/portal';
 import * as i0 from '@angular/core';
 import { ViewContainerRef } from '@angular/core';
 import { Subject } from 'rxjs';
 import * as i1 from '@ngbase/adk/a11y';
-import { AnimationTriggerMetadata } from '@angular/animations';
 
 declare class NgbDialogMain {
     readonly dialog: NgbDialogContainer;
@@ -29,14 +28,13 @@ declare class NgbDialogBackdrop {
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgbDialogBackdrop, "[ngbDialogBackdrop]", never, {}, {}, never, never, true, never>;
 }
 declare class NgbDialogContainer extends BaseDialog {
-    readonly myDialog: i0.Signal<ViewContainerRef | undefined>;
+    readonly contentContainer: i0.Signal<ViewContainerRef | undefined>;
     backdropColor: boolean;
     isSidePopup: boolean;
     readonly onDone: Subject<any>;
     readonly options: i0.WritableSignal<DialogOptions<any>>;
     readonly showBackdrop: i0.Signal<boolean | undefined>;
     isHideHeader: boolean;
-    constructor();
     setOptions(options: DialogOptions): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbDialogContainer, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgbDialogContainer, "[ngbDialog]", never, {}, {}, never, never, true, [{ directive: typeof i1.FocusTrap; inputs: {}; outputs: {}; }]>;
@@ -56,8 +54,5 @@ declare function ngbDialogPortal(component: typeof NgbDialogContainer): {
 };
 type NgbDialog = ReturnType<typeof ngbDialogPortal>;
 
-declare const sideAnimation: AnimationTriggerMetadata;
-declare const viewAnimation: AnimationTriggerMetadata;
-
-export { NgbDialogBackdrop, NgbDialogClose, NgbDialogContainer, NgbDialogMain, aliasDialog, ngbDialogPortal, sideAnimation, viewAnimation };
+export { NgbDialogBackdrop, NgbDialogClose, NgbDialogContainer, NgbDialogMain, aliasDialog, ngbDialogPortal };
 export type { NgbDialog };

package/types/ngbase-adk-form-field.d.ts

@@ -0,0 +1,88 @@
+import * as _angular_core from '@angular/core';
+import { Signal } from '@angular/core';
+import { AbstractControl } from '@angular/forms';
+import * as _angular_forms_signals from '@angular/forms/signals';
+import { FormField, FormValueControl } from '@angular/forms/signals';
+
+declare class NgbInputError {
+    private readonly formField;
+    readonly ngbError: _angular_core.InputSignal<string>;
+    readonly invalid: _angular_core.InputSignal<boolean | undefined>;
+    readonly animate: _angular_core.WritableSignal<boolean>;
+    private readonly errorNames;
+    readonly isFieldInvalid: _angular_core.Signal<boolean>;
+    fieldInvalidFn(control: FormField<any>): boolean;
+    readonly isInvalid: _angular_core.Signal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgbInputError, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgbInputError, "[ngbError]", never, { "ngbError": { "alias": "ngbError"; "required": true; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare function markControlsTouched(control: AbstractControl, options?: {
+    touched: boolean;
+    dirty: boolean;
+}): void;
+
+declare class NgbFormField {
+    readonly _control: Signal<FormField<any> | undefined>;
+    readonly _id: string;
+    readonly status: Signal<_angular_forms_signals.CompatFieldState<any, string | number> | undefined>;
+    private readonly _invalid;
+    readonly errors: Signal<readonly NgbInputError[]>;
+    readonly hasErrors: Signal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgbFormField, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgbFormField, "ngb-form-field, [ngbFormField]", never, {}, {}, ["_control", "errors"], never, true, never>;
+}
+
+declare class InputBase<T = unknown> implements FormValueControl<T> {
+    readonly formField: NgbFormField | null;
+    readonly value: _angular_core.ModelSignal<T>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly touched: _angular_core.ModelSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly id: string;
+    readonly displayValue: _angular_core.Signal<any>;
+    protected setInputValue(ev: Event): void;
+    onTouched(): void;
+    setValue(value: any): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputBase<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<InputBase<any>, "input[ngbInputBase]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; }, never, never, true, never>;
+}
+
+declare class AutoHeight {
+    private el;
+    private model;
+    private ngbInput;
+    readonly maxHeight: _angular_core.InputSignal<number | undefined>;
+    constructor();
+    private update;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AutoHeight, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AutoHeight, "textarea[ngbAutoHeight]", never, { "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class NgbLabel {
+    private readonly formField;
+    readonly id: string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgbLabel, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgbLabel, "[ngbLabel]", never, {}, {}, never, never, true, never>;
+}
+
+declare class NumberFormat extends InputBase {
+    private readonly el;
+    readonly decimals: _angular_core.InputSignal<number>;
+    readonly decimalSeparator: _angular_core.InputSignal<string>;
+    readonly thousandSeparator: _angular_core.InputSignal<string>;
+    displayValue: _angular_core.Signal<any>;
+    private readonly specialKeys;
+    setValue(value: any): void;
+    onKeyDown(event: KeyboardEvent): void;
+    private cleanValue;
+    private isValidNumber;
+    private formatDisplayValue;
+    private updateCursorPosition;
+    private countSeparators;
+    private isDecimalPartFull;
+    private escapeRegExp;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NumberFormat, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NumberFormat, "[numberFormat]", never, { "decimals": { "alias": "decimals"; "required": false; "isSignal": true; }; "decimalSeparator": { "alias": "decimalSeparator"; "required": false; "isSignal": true; }; "thousandSeparator": { "alias": "thousandSeparator"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { AutoHeight, InputBase, NgbFormField, NgbInputError, NgbLabel, NumberFormat, markControlsTouched };

package/{inline-edit/index.d.ts → types/ngbase-adk-inline-edit.d.ts}

@@ -1,6 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { ElementRef } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
+import { FormValueControl } from '@angular/forms/signals';
 import * as i1 from '@ngbase/adk/form-field';
 import { InputBase } from '@ngbase/adk/form-field';
 
@@ -16,38 +16,30 @@ declare class NgbInlineValue {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgbInlineValue, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgbInlineValue, "[ngbInlineValue]", never, {}, {}, never, never, true, never>;
 }
-declare class NgbInlineEdit implements ControlValueAccessor {
+declare class NgbInlineEdit implements FormValueControl<string> {
     private readonly el;
     private readonly disposals;
     readonly inputElement: _angular_core.Signal<ElementRef<any> | undefined>;
-    readonly value: _angular_core.InputSignal<string>;
+    readonly value: _angular_core.ModelSignal<string>;
+    readonly touched: _angular_core.ModelSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
     readonly editOn: _angular_core.InputSignal<"click" | "dblclick">;
-    readonly valueChange: _angular_core.OutputEmitterRef<string>;
     readonly afterEdit: _angular_core.OutputEmitterRef<string>;
     readonly localValue: _angular_core.WritableSignal<string>;
     readonly isEditing: _angular_core.WritableSignal<boolean>;
     readonly inputWidth: _angular_core.WritableSignal<number>;
-    onChange?: (value: string) => void;
-    onTouched?: () => void;
     onClick(): void;
     onDoubleClick(): void;
     startEditing(): void;
     onBlur(): void;
     onEnter(ev: Event): void;
     updateValue(newValue: string): void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
-    writeValue(value: string): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgbInlineEdit, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgbInlineEdit, "[ngbInlineEdit]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "editOn": { "alias": "editOn"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "afterEdit": "afterEdit"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgbInlineEdit, "[ngbInlineEdit]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "editOn": { "alias": "editOn"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "afterEdit": "afterEdit"; }, never, never, true, never>;
 }
-declare function aliasInlineEdit(inlineEdit: typeof NgbInlineEdit): ({
-    provide: _angular_core.InjectionToken<readonly ControlValueAccessor[]>;
-    useExisting: _angular_core.Type<any>;
-    multi: boolean;
-} | {
+declare function aliasInlineEdit(inlineEdit: typeof NgbInlineEdit): {
     provide: typeof NgbInlineEdit;
     useExisting: typeof NgbInlineEdit;
-})[];
+}[];
 
 export { NgbInlineEdit, NgbInlineInput, NgbInlineValue, aliasInlineEdit };