@ngbase/adk 0.1.1 → 0.1.3

package/a11y/accessibility-group.d.ts

@@ -26,11 +26,8 @@ export declare class AccessibleGroup {
     private isOn;
     readonly elements: import("@angular/core").WritableSignal<AccessibleItem<any>[]>;
     readonly items: import("@angular/core").Signal<AccessibleItem<any>[]>;
-    readonly focusChanged: import("@angular/core").OutputEmitterRef<{
-        current: AccessibleItem;
-        previous?: AccessibleItem;
-    }>;
     constructor();
+    private itemChanged;
     handleFocusIn: (_: FocusEvent) => void;
     handleFocusOut: (event: FocusEvent) => void;
     on: () => void;
@@ -45,5 +42,5 @@ export declare class AccessibleGroup {
     register(item: AccessibleItem): void;
     unregister(item: AccessibleItem): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AccessibleGroup, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AccessibleGroup, "[ngbAccessibleGroup]", never, { "ayId": { "alias": "ayId"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "isPopup": { "alias": "isPopup"; "required": false; "isSignal": true; }; "loop": { "alias": "loop"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "initialFocus": { "alias": "initialFocus"; "required": false; "isSignal": true; }; }, { "ayId": "ayIdChange"; "clickable": "clickableChange"; "focusChanged": "focusChanged"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AccessibleGroup, "[ngbAccessibleGroup]", never, { "ayId": { "alias": "ayId"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "isPopup": { "alias": "isPopup"; "required": false; "isSignal": true; }; "loop": { "alias": "loop"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "initialFocus": { "alias": "initialFocus"; "required": false; "isSignal": true; }; }, { "ayId": "ayIdChange"; "clickable": "clickableChange"; }, never, never, true, never>;
 }

package/accordion/accordion-item.d.ts

@@ -3,8 +3,14 @@ export declare class NgbAccordion {
     private accordionService;
     readonly expanded: import("@angular/core").ModelSignal<boolean>;
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly opened: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly closed: import("@angular/core").OutputEmitterRef<boolean>;
     readonly id: string;
     toggle(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbAccordion, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgbAccordion, "[ngbAccordion]", ["ngbAccordion"], { "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgbAccordion, "[ngbAccordion]", ["ngbAccordion"], { "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
 }
+export declare function aliasAccordion(accordion: typeof NgbAccordion): {
+    provide: typeof NgbAccordion;
+    useExisting: typeof NgbAccordion;
+};

package/accordion/public-api.d.ts

@@ -1,4 +1,4 @@
 export { NgbAccordionGroup } from './accordion-group';
-export { NgbAccordion } from './accordion-item';
+export { NgbAccordion, aliasAccordion } from './accordion-item';
 export { NgbAccordionHeader } from './accordion-header';
 export { NgbAccordionContent, slideAnimation } from './accordion-content';

package/autocomplete/autocomplete-input.d.ts

@@ -7,15 +7,13 @@ export declare class NgbAutocompleteInput<T> {
     readonly autoComplete: NgbAutocomplete<any>;
     readonly input: InputBase<any>;
     readonly el: ElementRef<HTMLInputElement>;
+    readonly isChip: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     readonly ngbAutocompleteInput: import("@angular/core").OutputEmitterRef<string>;
-    readonly options: import("@angular/core").InputSignal<T[]>;
-    readonly filterFn: import("@angular/core").InputSignal<((query: string, value: T, values: T[]) => boolean) | undefined>;
-    readonly filteredOptions: import("@angular/core").Signal<T[]>;
     constructor();
     onFocus(): void;
     close(): void;
     updateValue(value: string): void;
     updateSearch(value: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbAutocompleteInput<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgbAutocompleteInput<any>, "[ngbAutocompleteInput]", ["ngbAutocompleteInput"], { "options": { "alias": "options"; "required": false; "isSignal": true; }; "filterFn": { "alias": "filterFn"; "required": false; "isSignal": true; }; }, { "ngbAutocompleteInput": "ngbAutocompleteInput"; }, never, never, true, [{ directive: typeof i1.InputBase; inputs: { "value": "value"; }; outputs: { "valueChange": "valueChange"; }; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgbAutocompleteInput<any>, "[ngbAutocompleteInput]", ["ngbAutocompleteInput"], { "isChip": { "alias": "isChip"; "required": false; "isSignal": true; }; }, { "ngbAutocompleteInput": "ngbAutocompleteInput"; }, never, never, true, [{ directive: typeof i1.InputBase; inputs: { "value": "value"; }; outputs: { "valueChange": "valueChange"; }; }]>;
 }

package/autocomplete/autocomplete.d.ts

@@ -1,18 +1,27 @@
 import { Type } from '@angular/core';
 import { NgbChip } from '@ngbase/adk/chip';
 import { SelectBase } from '@ngbase/adk/select';
+import { FilterOptions } from '@ngbase/adk/utils';
 import { NgbAutocompleteInput } from './autocomplete-input';
 import * as i0 from "@angular/core";
 export declare class NgbAutocomplete<T> extends SelectBase<T> {
-    searchInput: import("@angular/core").Signal<NgbAutocompleteInput<any> | undefined>;
-    chips: import("@angular/core").Signal<readonly NgbChip<any>[]>;
+    readonly searchInput: import("@angular/core").Signal<NgbAutocompleteInput<any> | undefined>;
+    readonly chips: import("@angular/core").Signal<readonly NgbChip<any>[]>;
+    readonly filterFn: import("@angular/core").InputSignal<(option: string) => string>;
+    readonly queryFn: import("@angular/core").InputSignal<((query: string, option: any) => boolean) | undefined>;
+    readonly filterOptions: import("@angular/core").InputSignal<FilterOptions<T> | undefined>;
+    readonly optionsFilter: {
+        search: import("@angular/core").WritableSignal<string>;
+        list: import("@angular/core").WritableSignal<T[]>;
+        filteredList: import("@angular/core").Signal<T[]>;
+    };
     constructor();
     prevent(ev: MouseEvent): void;
     private updateInputValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbAutocomplete<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgbAutocomplete<any>, "[ngbAutocomplete]", never, {}, {}, ["searchInput", "chips"], ["ngb-chip, ngb-chip-group", "input", "*"], true, never>;
+    static ɵdir: i0.ɵɵ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>;
 }
-export declare function provideAutocomplete<T>(autocomplete: Type<NgbAutocomplete<T>>): (({
+export declare function aliasAutocomplete<T>(autocomplete: Type<NgbAutocomplete<T>>): (({
     provide: import("@angular/core").InjectionToken<readonly import("@angular/forms").ControlValueAccessor[]>;
     useExisting: Type<any>;
     multi: boolean;

package/avatar/avatar.d.ts

@@ -16,7 +16,7 @@ export declare class NgbAvatarGroup {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbAvatarGroup, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgbAvatarGroup, "[ngbAvatarGroup]", never, { "reverse": { "alias": "reverse"; "required": false; "isSignal": true; }; "left": { "alias": "left"; "required": false; "isSignal": true; }; }, {}, ["avatars"], never, true, never>;
 }
-export declare function provideAvatar(avatar: Type<NgbAvatar>): {
+export declare function aliasAvatar(avatar: Type<NgbAvatar>): {
     provide: typeof NgbAvatar;
     useExisting: Type<NgbAvatar>;
 };

package/breadcrumb/breadcrumb.d.ts

@@ -1,4 +1,3 @@
-import { Type } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class NgbBreadcrumb {
     private breadcrumbs;
@@ -6,7 +5,7 @@ export declare class NgbBreadcrumb {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbBreadcrumb, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgbBreadcrumb, "[ngbBreadcrumb]", never, {}, {}, never, never, true, never>;
 }
-export declare function provideBreadcrumb(breadcrumb: Type<NgbBreadcrumb>): {
+export declare function aliasBreadcrumb(breadcrumb: typeof NgbBreadcrumb): {
     provide: typeof NgbBreadcrumb;
-    useExisting: Type<NgbBreadcrumb>;
+    useExisting: typeof NgbBreadcrumb;
 };

package/breadcrumb/public-api.d.ts

@@ -1,4 +1,4 @@
 export { NgbBreadcrumbs } from './breadcrumbs';
-export { NgbBreadcrumb, provideBreadcrumb } from './breadcrumb';
+export { NgbBreadcrumb, aliasBreadcrumb } from './breadcrumb';
 export { NgbBreadcrumbLink } from './breadcrumb-link';
 export { NgbBreadcrumbSeparatorAria, NgbBreadcrumbSeparator } from './breadcrumb-separator';

package/carousel/carousel.d.ts

@@ -10,13 +10,13 @@ export declare class NgbCarouselContainer {
 export declare class NgbCarouselSubContainer {
     private el;
     private dir;
-    updateScrollPosition(x: number, skipDirection?: boolean): void;
+    updateScrollPosition(x: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbCarouselSubContainer, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgbCarouselSubContainer, "[ngbCarouselSubContainer]", never, {}, {}, never, never, true, never>;
 }
 export declare class NgbCarousel {
-    private drag;
     private dir;
+    private drag;
     private mainContainer;
     private subContainer;
     private items;
@@ -55,7 +55,7 @@ export declare class NgbCarousel {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbCarousel, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgbCarousel, "[ngbCarousel]", ["ngbCarousel"], {}, {}, ["items"], never, true, never>;
 }
-export declare function provideCarousel(carousel: typeof NgbCarousel): {
+export declare function aliasCarousel(carousel: typeof NgbCarousel): {
     provide: typeof NgbCarousel;
     useExisting: typeof NgbCarousel;
 };

package/checkbox/checkbox.d.ts

@@ -7,10 +7,10 @@ export declare class CheckboxButton {
 }
 export declare class NgbCheckbox implements ControlValueAccessor {
     readonly id: string;
-    readonly disabled: import("@angular/core").InputSignal<boolean>;
     readonly checked: import("@angular/core").ModelSignal<boolean>;
-    readonly change: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
     readonly indeterminate: import("@angular/core").InputSignal<boolean>;
+    readonly change: import("@angular/core").OutputEmitterRef<boolean>;
     onChange: (_: any) => void;
     onTouched: () => void;
     updateValue(): void;
@@ -18,5 +18,13 @@ export declare class NgbCheckbox implements ControlValueAccessor {
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbCheckbox, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgbCheckbox, "[ngbCheckbox]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "change": "change"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵ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>;
 }
+export declare function aliasCheckbox(checkbox: typeof NgbCheckbox): ({
+    provide: import("@angular/core").InjectionToken<readonly import("@angular/forms").ControlValueAccessor[]>;
+    useExisting: import("@angular/core").Type<any>;
+    multi: boolean;
+} | {
+    provide: typeof NgbCheckbox;
+    useExisting: typeof NgbCheckbox;
+})[];

package/checkbox/public-api.d.ts

@@ -1 +1 @@
-export { CheckboxButton, NgbCheckbox } from './checkbox';
+export { aliasCheckbox, CheckboxButton, NgbCheckbox } from './checkbox';

package/chip/chip.d.ts

@@ -13,7 +13,7 @@ export declare class NgbChip<T = any> {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbChip<any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgbChip<any>, "[ngbChip]", never, { "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, never, true, never>;
 }
-export declare const provideChip: (chip: typeof NgbChip) => {
+export declare function aliasChip(chip: typeof NgbChip): {
     provide: typeof NgbChip;
     useExisting: typeof NgbChip;
-}[];
+};

package/datepicker/calendar.d.ts

@@ -113,9 +113,9 @@ export declare class NgbCalendar<D> implements OnDestroy {
     toggleView(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbCalendar<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgbCalendar<any>, "ngb-calendar", never, { "first": { "alias": "first"; "required": false; "isSignal": true; }; "last": { "alias": "last"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgbCalendar<any>, "ngb-calendar", never, { "first": { "alias": "first"; "required": false; "isSignal": true; }; "last": { "alias": "last"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
-export declare function provideCalendar<D>(cal: typeof NgbCalendar): {
+export declare function aliasCalendar<D>(cal: typeof NgbCalendar<D>): {
     provide: typeof NgbCalendar;
-    useExisting: typeof NgbCalendar;
+    useExisting: typeof NgbCalendar<D>;
 };

package/datepicker/datepicker-trigger.d.ts

@@ -1,11 +1,22 @@
-import { ElementRef, InjectionToken, TemplateRef } from '@angular/core';
+import { ElementRef, InjectionToken, Signal, TemplateRef } from '@angular/core';
 import { InputBase } from '@ngbase/adk/form-field';
 import { NgbDatePicker } from './datepicker';
+import { NgbSelectTarget } from '@ngbase/adk/select';
 import * as i0 from "@angular/core";
 import * as i1 from "@ngbase/adk/form-field";
+export declare class NgbEndDate<D> {
+    readonly el: ElementRef<HTMLInputElement>;
+    readonly inputS: InputBase<any>;
+    readonly ngbEndDate: import("@angular/core").InputSignal<NgbDatepickerTrigger<D>>;
+    hidden: boolean;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgbEndDate<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgbEndDate<any>, "[ngbEndDate]", ["ngbEndDate"], { "ngbEndDate": { "alias": "ngbEndDate"; "required": true; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.InputBase; inputs: { "value": "value"; }; outputs: { "valueChange": "valueChange"; }; }]>;
+}
 export declare class NgbDatepickerTrigger<D> {
     readonly el: ElementRef<any>;
     readonly inputS: InputBase<any>;
+    readonly target: NgbSelectTarget | null;
     private readonly injector;
     readonly adapter: import("@ngbase/adk/datepicker").NgbAdpterInterface<D>;
     readonly popover: {
@@ -13,26 +24,32 @@ export declare class NgbDatepickerTrigger<D> {
         closeAll: () => void;
     };
     private datepicker;
-    readonly noOfCalendars: import("@angular/core").InputSignalWithTransform<number, number>;
+    readonly noOfCalendars: import("@angular/core").InputSignalWithTransform<number, string | number>;
     readonly range: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     readonly time: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     readonly format: import("@angular/core").InputSignal<string>;
     readonly fieldFormat: import("@angular/core").InputSignal<string>;
-    private displayFormat;
     readonly dateFilter: import("@angular/core").InputSignal<(date: D) => boolean>;
     readonly pickerType: import("@angular/core").InputSignal<"year" | "month" | "date">;
     readonly pickerTemplate: import("@angular/core").InputSignal<TemplateRef<any> | null>;
+    private displayFormat;
     close?: VoidFunction;
+    private readonly inputValue;
+    endDate?: NgbEndDate<D>;
     constructor();
     private getInputValue;
     open(): void;
     updateInput(dates: (D | null)[]): void;
     updateField(filtered: D[]): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbDatepickerTrigger<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgbDatepickerTrigger<any>, "[ngbDatepickerTrigger]", ["ngbDatepickerTrigger"], { "noOfCalendars": { "alias": "noOfCalendars"; "required": false; "isSignal": true; }; "range": { "alias": "range"; "required": false; "isSignal": true; }; "time": { "alias": "time"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "fieldFormat": { "alias": "fieldFormat"; "required": false; "isSignal": true; }; "dateFilter": { "alias": "dateFilter"; "required": false; "isSignal": true; }; "pickerType": { "alias": "pickerType"; "required": false; "isSignal": true; }; "pickerTemplate": { "alias": "pickerTemplate"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.InputBase; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgbDatepickerTrigger<any>, "[ngbDatepickerTrigger]", ["ngbDatepickerTrigger"], { "noOfCalendars": { "alias": "noOfCalendars"; "required": false; "isSignal": true; }; "range": { "alias": "range"; "required": false; "isSignal": true; }; "time": { "alias": "time"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "fieldFormat": { "alias": "fieldFormat"; "required": false; "isSignal": true; }; "dateFilter": { "alias": "dateFilter"; "required": false; "isSignal": true; }; "pickerType": { "alias": "pickerType"; "required": false; "isSignal": true; }; "pickerTemplate": { "alias": "pickerTemplate"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.InputBase; inputs: { "value": "value"; }; outputs: { "valueChange": "valueChange"; }; }]>;
 }
+export declare function aliasDatePickerTrigger<D>(trigger: typeof NgbDatepickerTrigger<D>): {
+    provide: typeof NgbDatepickerTrigger;
+    useExisting: typeof NgbDatepickerTrigger<D>;
+};
 export interface DatePickerOptions<D> {
-    value: D[];
+    value: Signal<D[]>;
     pickerType: 'date' | 'month' | 'year';
     noOfCalendars: number;
     range: boolean;

package/datepicker/datepicker.d.ts

@@ -1,4 +1,4 @@
-import { TemplateRef } from '@angular/core';
+import { Injector, TemplateRef } from '@angular/core';
 import { AccessibleGroup } from '@ngbase/adk/a11y';
 import { DatePickerOptions } from './datepicker-trigger';
 import * as i0 from "@angular/core";
@@ -11,6 +11,7 @@ export declare class DatepickerGroup<D> {
     static ɵdir: i0.ɵɵDirectiveDeclaration<DatepickerGroup<any>, "[ngbDatepickerGroup]", ["ngbDatepickerGroup"], {}, {}, never, never, true, [{ directive: typeof i1.AccessibleGroup; inputs: {}; outputs: {}; }]>;
 }
 export declare class NgbDatePicker<D> {
+    readonly injector: Injector;
     private datepickerTrigger;
     private dialogRef;
     readonly adapter: import("@ngbase/adk/datepicker").NgbAdpterInterface<D>;
@@ -46,9 +47,9 @@ export declare class NgbDatePicker<D> {
     selectMonth(month: number, year: number): void;
     toggleView(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbDatePicker<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgbDatePicker<any>, "[ngbDatepicker]", never, { "dateFilter": { "alias": "dateFilter"; "required": false; "isSignal": true; }; "pickerType": { "alias": "pickerType"; "required": false; "isSignal": true; }; "noOfCalendar": { "alias": "noOfCalendar"; "required": false; "isSignal": true; }; "range": { "alias": "range"; "required": false; "isSignal": true; }; }, { "noOfCalendar": "noOfCalendarChange"; "range": "rangeChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgbDatePicker<any>, "[ngbDatepicker]", never, { "dateFilter": { "alias": "dateFilter"; "required": false; "isSignal": true; }; "pickerType": { "alias": "pickerType"; "required": false; "isSignal": true; }; "noOfCalendar": { "alias": "noOfCalendar"; "required": false; "isSignal": true; }; "range": { "alias": "range"; "required": false; "isSignal": true; }; }, { "noOfCalendar": "noOfCalendarChange"; "range": "rangeChange"; }, never, never, true, never>;
 }
-export declare function provideDatePicker<D>(picker: typeof NgbDatePicker<D>): {
+export declare function aliasDatePicker<D>(picker: typeof NgbDatePicker<D>): {
     provide: typeof NgbDatePicker;
     useExisting: typeof NgbDatePicker<D>;
 };

package/datepicker/time.d.ts

@@ -30,9 +30,9 @@ export declare class NgbTimePicker implements ControlValueAccessor {
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbTimePicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<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: i0.ɵɵDirectiveDeclaration<NgbTimePicker, "[ngbTime]", never, { "is24": { "alias": "is24"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }
-export declare function provideTimePicker(picker: typeof NgbTimePicker): ({
+export declare function aliasTimePicker(picker: typeof NgbTimePicker): ({
     provide: import("@angular/core").InjectionToken<readonly import("@angular/forms").ControlValueAccessor[]>;
     useExisting: import("@angular/core").Type<any>;
     multi: boolean;

package/dialog/dialog.d.ts

@@ -43,7 +43,7 @@ export declare class NgbDialogClose {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbDialogClose, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgbDialogClose, "[ngbDialogClose]", never, {}, {}, never, never, true, [{ directive: typeof i2.NgbPortalClose; inputs: { "ngbPortalClose": "ngbDialogClose"; }; outputs: {}; }]>;
 }
-export declare function provideDialog(dialog: typeof NgbDialogContainer): {
+export declare function aliasDialog(dialog: typeof NgbDialogContainer): {
     provide: typeof NgbDialogContainer;
     useExisting: typeof NgbDialogContainer;
 };

package/drag/drag.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, NgZone } from '@angular/core';
+import { ElementRef } from '@angular/core';
 import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class DragData {
@@ -22,7 +22,6 @@ export declare class DragHandle {
 }
 export declare class Drag {
     readonly el: ElementRef<any>;
-    readonly zone: NgZone;
     readonly document: Document;
     readonly handle: import("@angular/core").Signal<ElementRef<any> | undefined>;
     readonly events: Subject<DragData>;

package/fesm2022/ngbase-adk-a11y.mjs

@@ -1,6 +1,6 @@
 import { DOCUMENT } from '@angular/common';
 import * as i0 from '@angular/core';
-import { signal, Injectable, inject, ElementRef, model, input, booleanAttribute, linkedSignal, computed, output, effect, untracked, Directive, ApplicationRef, afterRender } from '@angular/core';
+import { signal, Injectable, inject, ElementRef, model, input, booleanAttribute, linkedSignal, computed, effect, untracked, Directive, output, ApplicationRef, afterRender } from '@angular/core';
 import { Directionality } from '@ngbase/adk/bidi';
 import { documentListener, isClient } from '@ngbase/adk/utils';
 import { Subject } from 'rxjs';
@@ -57,6 +57,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
         }], ctorParameters: () => [] });
 
 class AccessibleGroup {
+    // readonly focusChanged = output<{ current: AccessibleItem; previous?: AccessibleItem }>();
     constructor() {
         this.allyService = inject(AccessibilityService);
         this.el = inject(ElementRef);
@@ -80,7 +81,7 @@ class AccessibleGroup {
         this._loop = linkedSignal(this.loop);
         this._columns = linkedSignal(this.columns);
         this._initialFocus = linkedSignal(this.initialFocus);
-        this.isOn = signal(false);
+        this.isOn = false;
         this.elements = signal([]);
         this.items = computed(() => {
             const _ = this._ayId() || '';
@@ -95,9 +96,8 @@ class AccessibleGroup {
             });
             return items;
         });
-        this.focusChanged = output();
         this.handleFocusIn = (_) => {
-            if (!this.isOn()) {
+            if (!this.isOn) {
                 // console.log(`focus in ${this._ayId()}`);
                 this.on();
             }
@@ -119,7 +119,8 @@ class AccessibleGroup {
                 });
             }
             this.document.addEventListener('keydown', this.onKeyDown);
-            this.isOn.set(true);
+            this.isOn = true;
+            this.itemChanged();
             this.el.nativeElement.tabIndex = -1;
         };
         this.off = () => {
@@ -130,7 +131,8 @@ class AccessibleGroup {
                 });
             }
             this.document.removeEventListener('keydown', this.onKeyDown);
-            this.isOn.set(false);
+            this.isOn = false;
+            this.itemChanged();
             this.el.nativeElement.tabIndex = 0;
         };
         this.onKeyDown = (event) => {
@@ -269,22 +271,7 @@ class AccessibleGroup {
                 });
             }
         });
-        effect(() => {
-            const items = this.items();
-            const isOn = this.isOn();
-            untracked(() => {
-                items.forEach(item => item.blur());
-                // console.log('group', this._ayId(), items.length, isOn);
-                this.log('focus', items.length, isOn, this._initialFocus());
-                let item = this.focusedItem?.deref();
-                if (items.length && isOn && this._initialFocus()) {
-                    if (!item || !items.includes(item)) {
-                        item = items[0];
-                    }
-                    this.focusItem(item);
-                }
-            });
-        });
+        effect(() => this.itemChanged());
         effect(() => {
             const isPopup = this._isPopup();
             untracked(() => {
@@ -298,6 +285,22 @@ class AccessibleGroup {
             });
         });
     }
+    itemChanged() {
+        const items = this.items();
+        const isOn = this.isOn;
+        untracked(() => {
+            items.forEach(item => item.blur());
+            // console.log('group', this._ayId(), items.length, isOn);
+            this.log('focus', items.length, isOn, this._initialFocus());
+            let item = this.focusedItem?.deref();
+            if (items.length && isOn && this._initialFocus()) {
+                if (!item || !items.includes(item)) {
+                    item = items[0];
+                }
+                this.focusItem(item);
+            }
+        });
+    }
     findNextOrPreviousLevelItem(currentIndex, direction, items) {
         const currentItem = items[currentIndex];
         const currentLevel = currentItem.level();
@@ -335,9 +338,9 @@ class AccessibleGroup {
             this.focusedItem = new WeakRef(nextItem);
             nextItem.focus(!this.allyService.usingMouse && !this._isPopup(), !this.allyService.usingMouse);
             // this.focusCount++;
-            if (this.clickable())
+            if (this.clickable() && !this.allyService.usingMouse)
                 nextItem.click();
-            this.focusChanged.emit({ current: nextItem, previous: previousItem });
+            // this.focusChanged.emit({ current: nextItem, previous: previousItem });
         }
     }
     // it should start from the current index and move to the next item based on the direction
@@ -384,7 +387,7 @@ class AccessibleGroup {
         this.elements.update(x => x.filter(y => y !== item));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: AccessibleGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.0", type: AccessibleGroup, isStandalone: true, selector: "[ngbAccessibleGroup]", inputs: { ayId: { classPropertyName: "ayId", publicName: "ayId", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "ariaLabelledby", isSignal: true, isRequired: false, transformFunction: null }, isPopup: { classPropertyName: "isPopup", publicName: "isPopup", isSignal: true, isRequired: false, transformFunction: null }, loop: { classPropertyName: "loop", publicName: "loop", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, clickable: { classPropertyName: "clickable", publicName: "clickable", isSignal: true, isRequired: false, transformFunction: null }, initialFocus: { classPropertyName: "initialFocus", publicName: "initialFocus", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ayId: "ayIdChange", clickable: "clickableChange", focusChanged: "focusChanged" }, host: { attributes: { "role": "group", "tabindex": "0" }, properties: { "attr.aria-label": "_ariaLabel()", "attr.aria-labelledby": "_ariaLabelledby()", "attr.aria-disabled": "_disabled()" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.0", type: AccessibleGroup, isStandalone: true, selector: "[ngbAccessibleGroup]", inputs: { ayId: { classPropertyName: "ayId", publicName: "ayId", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "ariaLabelledby", isSignal: true, isRequired: false, transformFunction: null }, isPopup: { classPropertyName: "isPopup", publicName: "isPopup", isSignal: true, isRequired: false, transformFunction: null }, loop: { classPropertyName: "loop", publicName: "loop", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, clickable: { classPropertyName: "clickable", publicName: "clickable", isSignal: true, isRequired: false, transformFunction: null }, initialFocus: { classPropertyName: "initialFocus", publicName: "initialFocus", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ayId: "ayIdChange", clickable: "clickableChange" }, host: { attributes: { "role": "group", "tabindex": "0" }, properties: { "attr.aria-label": "_ariaLabel()", "attr.aria-labelledby": "_ariaLabelledby()", "attr.aria-disabled": "_disabled()" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: AccessibleGroup, decorators: [{
             type: Directive,
@@ -466,7 +469,7 @@ class AccessibleItem {
         // console.log('scrollIntoView', isKeyboard);
         if (focus)
             this.el.focus();
-        // this.el.classList.add('bg-muted-background');
+        // this.el.classList.add('bg-muted');
         this.el.setAttribute('data-focus', 'true');
         if (isKeyboard)
             this.el.scrollIntoView({ block: 'nearest' });