@koobiq/components 20.4.2 → 21.0.1

package/{datepicker/index.d.ts → types/koobiq-components-datepicker.d.ts}

@@ -1,16 +1,15 @@
 import * as _angular_core from '@angular/core';
-import { OnChanges, SimpleChanges, AfterContentInit, OnDestroy, InjectionToken, AfterViewInit, DoCheck, ElementRef, EventEmitter } from '@angular/core';
+import { OnChanges, SimpleChanges, AfterContentInit, OnDestroy, InjectionToken, DoCheck, ElementRef, EventEmitter, Provider } from '@angular/core';
+import * as i1 from '@koobiq/components/core';
+import { DateAdapter, KbqDatepickerLocaleConfiguration, ErrorStateMatcher, KbqDeepPartial, KbqSiblingPopup } from '@koobiq/components/core';
 import { Subject, Observable } from 'rxjs';
-import * as _koobiq_components_core from '@koobiq/components/core';
-import { DateAdapter, ErrorStateMatcher, KbqSiblingPopup } from '@koobiq/components/core';
-import { AnimationTriggerMetadata } from '@angular/animations';
 import * as _koobiq_components_form_field from '@koobiq/components/form-field';
 import { KbqFormFieldControl } from '@koobiq/components/form-field';
 import { ControlValueAccessor, Validator, AbstractControl, ValidationErrors } from '@angular/forms';
 import { KbqTooltipTrigger } from '@koobiq/components/tooltip';
 import * as i2 from '@angular/cdk/overlay';
 import { ScrollStrategy, Overlay, OverlayRef } from '@angular/cdk/overlay';
-import * as i1 from '@koobiq/components/button';
+import * as i1$1 from '@koobiq/components/button';
 import * as i3 from '@angular/cdk/a11y';
 import * as i4 from '@angular/cdk/portal';
 import * as i5 from '@koobiq/components/select';
@@ -25,6 +24,7 @@ type KbqCalendarCellCssClasses = string | string[] | Set<string> | {
 };
 /**
  * An internal class that represents the data corresponding to a single calendar cell.
+ *
  * @docs-private
  */
 declare class KbqCalendarCell {
@@ -36,6 +36,7 @@ declare class KbqCalendarCell {
 }
 /**
  * An internal component used to display calendar data in a table.
+ *
  * @docs-private
  */
 declare class KbqCalendarBody implements OnChanges {
@@ -78,8 +79,10 @@ type MonthName = {
     disabled: boolean;
 };
 /** Default header for KbqCalendar */
-declare class KbqCalendarHeader<D> implements AfterContentInit {
+declare class KbqCalendarHeader<D> implements AfterContentInit, OnChanges {
     private readonly adapter;
+    /** Accessible names for the icon-only month navigation buttons. */
+    protected readonly a11yLocaleConfiguration: _angular_core.Signal<i1.KbqA11yLocaleConfiguration>;
     monthNames: MonthName[];
     selectedMonth: number;
     years: number[];
@@ -93,6 +96,12 @@ declare class KbqCalendarHeader<D> implements AfterContentInit {
     get minDate(): D | null;
     set minDate(value: D | null);
     private _minDate;
+    /** @docs-private */
+    readonly activeDateInput: _angular_core.InputSignal<D | undefined>;
+    /** @docs-private */
+    readonly maxDateInput: _angular_core.InputSignal<D | null | undefined>;
+    /** @docs-private */
+    readonly minDateInput: _angular_core.InputSignal<D | null | undefined>;
     get previousDisabled(): boolean;
     get currentDisabled(): boolean;
     get nextDisabled(): boolean;
@@ -101,6 +110,7 @@ declare class KbqCalendarHeader<D> implements AfterContentInit {
     readonly monthSelected: _angular_core.OutputEmitterRef<D>;
     readonly yearSelected: _angular_core.OutputEmitterRef<D>;
     constructor();
+    ngOnChanges(changes: SimpleChanges): void;
     ngAfterContentInit(): void;
     /** Handles when a new month is selected. */
     onMonthSelected(month: number): void;
@@ -117,14 +127,15 @@ declare class KbqCalendarHeader<D> implements AfterContentInit {
     private updateYearsOptions;
     private updateMonthOptions;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqCalendarHeader<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqCalendarHeader<any>, "kbq-calendar-header", ["kbqCalendarHeader"], { "activeDate": { "alias": "activeDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; }, { "activeDateChange": "activeDateChange"; "monthSelected": "monthSelected"; "yearSelected": "yearSelected"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqCalendarHeader<any>, "kbq-calendar-header", ["kbqCalendarHeader"], { "activeDateInput": { "alias": "activeDate"; "required": false; "isSignal": true; }; "maxDateInput": { "alias": "maxDate"; "required": false; "isSignal": true; }; "minDateInput": { "alias": "minDate"; "required": false; "isSignal": true; }; }, { "activeDateChange": "activeDateChange"; "monthSelected": "monthSelected"; "yearSelected": "yearSelected"; }, never, never, true, never>;
 }
 
 /**
  * An internal component used to display a single month in the datepicker.
+ *
  * @docs-private
  */
-declare class KbqMonthView<D> implements AfterContentInit {
+declare class KbqMonthView<D> implements AfterContentInit, OnChanges {
     private changeDetectorRef;
     private readonly timezoneService;
     adapter: DateAdapter<D>;
@@ -138,6 +149,10 @@ declare class KbqMonthView<D> implements AfterContentInit {
     get selected(): D | null;
     set selected(value: D | null);
     private _selected;
+    /** @docs-private */
+    readonly activeDateInput: _angular_core.InputSignal<D | undefined>;
+    /** @docs-private */
+    readonly selectedInput: _angular_core.InputSignal<D | null | undefined>;
     /** The minimum selectable date. */
     readonly minDate: _angular_core.InputSignal<D | null>;
     /** The maximum selectable date. */
@@ -171,6 +186,7 @@ declare class KbqMonthView<D> implements AfterContentInit {
         narrow: string;
     }[];
     constructor();
+    ngOnChanges(changes: SimpleChanges): void;
     ngAfterContentInit(): void;
     /** Handles when a new date is selected. */
     dateSelected(date: number): void;
@@ -188,11 +204,12 @@ declare class KbqMonthView<D> implements AfterContentInit {
     /** Checks whether the 2 dates are non-null and fall within the same month of the same year. */
     private hasSameMonthAndYear;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqMonthView<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqMonthView<any>, "kbq-month-view", ["kbqMonthView"], { "activeDate": { "alias": "activeDate"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "dateFilter": { "alias": "dateFilter"; "required": false; "isSignal": true; }; "dateClass": { "alias": "dateClass"; "required": false; "isSignal": true; }; }, { "selectedChange": "selectedChange"; "userSelection": "userSelection"; "activeDateChange": "activeDateChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqMonthView<any>, "kbq-month-view", ["kbqMonthView"], { "activeDateInput": { "alias": "activeDate"; "required": false; "isSignal": true; }; "selectedInput": { "alias": "selected"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "dateFilter": { "alias": "dateFilter"; "required": false; "isSignal": true; }; "dateClass": { "alias": "dateClass"; "required": false; "isSignal": true; }; }, { "selectedChange": "selectedChange"; "userSelection": "userSelection"; "activeDateChange": "activeDateChange"; }, never, never, true, never>;
 }
 
 /**
  * A calendar that is used as part of the datepicker.
+ *
  * @docs-private
  */
 declare class KbqCalendar<D> implements AfterContentInit, OnDestroy, OnChanges {
@@ -214,6 +231,14 @@ declare class KbqCalendar<D> implements AfterContentInit, OnDestroy, OnChanges {
     get maxDate(): D | null;
     set maxDate(value: D | null);
     private _maxDate;
+    /** @docs-private */
+    readonly startAtInput: _angular_core.InputSignal<D | null | undefined>;
+    /** @docs-private */
+    readonly selectedInput: _angular_core.InputSignal<D | null | undefined>;
+    /** @docs-private */
+    readonly minDateInput: _angular_core.InputSignal<D | null | undefined>;
+    /** @docs-private */
+    readonly maxDateInput: _angular_core.InputSignal<D | null | undefined>;
     /**
      * The current active date. This determines which time period is shown and which date is
      * highlighted and used as the anchor on  when using keyboard navigation.
@@ -247,15 +272,14 @@ declare class KbqCalendar<D> implements AfterContentInit, OnDestroy, OnChanges {
     stateChanges: Subject<void>;
     /** The input element this datepicker is associated with. */
     datepickerInput: any;
-    private readonly intlChanges;
     /** Subscription to value changes in the associated input element. */
     private inputSubscription;
-    constructor();
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
     /**
      * Register an input with this calendar.
+     *
      * @param input The calendar input to register with this calendar.
      */
     registerInput(input: any): void;
@@ -271,18 +295,9 @@ declare class KbqCalendar<D> implements AfterContentInit, OnDestroy, OnChanges {
     private getValidDateOrNull;
     private getActiveDateDefault;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqCalendar<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqCalendar<any>, "kbq-calendar", ["kbqCalendar"], { "startAt": { "alias": "startAt"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; "isSignal": true; }; "dateClass": { "alias": "dateClass"; "required": false; "isSignal": true; }; }, { "selectedChange": "selectedChange"; "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; "userSelection": "userSelection"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqCalendar<any>, "kbq-calendar", ["kbqCalendar"], { "startAtInput": { "alias": "startAt"; "required": false; "isSignal": true; }; "selectedInput": { "alias": "selected"; "required": false; "isSignal": true; }; "minDateInput": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDateInput": { "alias": "maxDate"; "required": false; "isSignal": true; }; "dateFilter": { "alias": "dateFilter"; "required": false; "isSignal": true; }; "dateClass": { "alias": "dateClass"; "required": false; "isSignal": true; }; }, { "selectedChange": "selectedChange"; "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; "userSelection": "userSelection"; }, never, never, true, never>;
 }
 
-/**
- * Animations used by the Koobiq datepicker.
- * @docs-private
- */
-declare const kbqDatepickerAnimations: {
-    readonly transformPanel: AnimationTriggerMetadata;
-    readonly fadeInCalendar: AnimationTriggerMetadata;
-};
-
 /**
  * Injection token that determines the scroll handling while the calendar is open. The root default keeps the
  * datepicker usable outside `KbqDatepickerModule`'s injector; providing the token anywhere still wins over it.
@@ -290,7 +305,11 @@ declare const kbqDatepickerAnimations: {
 declare const KBQ_DATEPICKER_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;
 /** @docs-private */
 declare function KBQ_DATEPICKER_SCROLL_STRATEGY_FACTORY(overlay: Overlay): () => ScrollStrategy;
-/** @docs-private */
+/**
+ * Redundant to the root factory of the token; kept so an app can restore the default under its own override (#DS-2196).
+ *
+ * @docs-private
+ */
 declare const KBQ_DATEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER: {
     provide: InjectionToken<() => ScrollStrategy>;
     deps: (typeof Overlay)[];
@@ -301,29 +320,34 @@ declare const KBQ_DATEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER: {
  * KbqCalendar directly as the content so we can control the initial focus. This also gives us a
  * place to put additional features of the popup that are not part of the calendar itself in the
  * future. (e.g. confirmation buttons).
+ *
  * @docs-private
  */
-declare class KbqDatepickerContent<D> implements OnDestroy, AfterViewInit {
-    private changeDetectorRef;
-    /** Emits when an animation has finished. */
+declare class KbqDatepickerContent<D> implements OnDestroy {
+    private readonly elementRef;
+    private readonly injector;
+    /** Whether the panel opens and closes without motion. */
+    protected readonly animationsDisabled: boolean;
+    /** Emits when the exit animation has finished. */
     readonly animationDone: Subject<void>;
     /** Reference to the datepicker that created the overlay. */
     datepicker: KbqDatepicker<D>;
     /** Current state of the animation. */
-    animationState: 'enter' | 'void';
+    get animationState(): 'enter' | 'void';
+    set animationState(value: 'enter' | 'void');
+    private readonly currentAnimationState;
     /** Reference to the internal calendar component. */
     readonly calendar: _angular_core.Signal<KbqCalendar<any>>;
-    private subscriptions;
-    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     startExitAnimation(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqDatepickerContent<any>, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqDatepickerContent<any>, "kbq-datepicker__content", ["kbqDatepickerContent"], {}, {}, never, never, true, never>;
 }
 /** Component responsible for managing the datepicker popup/dialog. */
-declare class KbqDatepicker<D> implements OnDestroy {
+declare class KbqDatepicker<D> implements OnChanges, OnDestroy {
     private overlay;
-    private ngZone;
+    private readonly overlayLayers;
+    private readonly injector;
     private viewContainerRef;
     private readonly dateAdapter;
     private dir;
@@ -338,11 +362,19 @@ declare class KbqDatepicker<D> implements OnDestroy {
     /** Whether the datepicker pop-up should be disabled. */
     get disabled(): boolean;
     set disabled(value: boolean);
-    private _disabled;
+    private readonly disabledState;
     /** Whether the calendar is open. */
     get opened(): boolean;
     set opened(value: boolean);
-    private _opened;
+    private readonly openedState;
+    /** @docs-private */
+    readonly hasBackdropInput: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | null | undefined>;
+    /** @docs-private */
+    readonly startAtInput: _angular_core.InputSignal<D | null | undefined>;
+    /** @docs-private */
+    readonly disabledInput: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | null | undefined>;
+    /** @docs-private */
+    readonly openedInput: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | null | undefined>;
     /** The currently selected date. */
     get selected(): D | null;
     set selected(value: D | null);
@@ -371,7 +403,6 @@ declare class KbqDatepicker<D> implements OnDestroy {
     readonly openedStream: _angular_core.OutputEmitterRef<void>;
     /** Emits when the datepicker has been closed. */
     readonly closedStream: _angular_core.OutputEmitterRef<void>;
-    readonly stateChanges: Subject<void>;
     /** Emits when the datepicker is disabled. */
     readonly disabledChange: Subject<boolean>;
     /** Emits new selected date when selected date changes. */
@@ -394,6 +425,7 @@ declare class KbqDatepicker<D> implements OnDestroy {
     private inputSubscription;
     private closeSubscription;
     constructor();
+    ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     /** Selects the given date */
     select(date: D): void;
@@ -403,6 +435,7 @@ declare class KbqDatepicker<D> implements OnDestroy {
     selectMonth(normalizedMonth: D): void;
     /**
      * Register an input with this datepicker.
+     *
      * @param input The datepicker input to register with this datepicker.
      */
     registerInput(input: KbqDatepickerInput<D>): void;
@@ -411,18 +444,23 @@ declare class KbqDatepicker<D> implements OnDestroy {
     /** Close the calendar. */
     close(restoreFocus?: boolean): void;
     toggle(): void;
+    /** Body of `open()`. */
+    private openCalendar;
+    /** Body of `close()`. */
+    private closeCalendar;
     /** Destroys the current overlay. */
     private destroyOverlay;
     /** Open the calendar as a popup. */
     private openAsPopup;
     /** Create the popup. */
     private createPopup;
+    /** Whether a close from outside the calendar has to return the focus: unless the press moved it somewhere else. */
     private restoreFocus;
     private closingActions;
     /** Create the popup PositionStrategy. */
     private createPopupPositionStrategy;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqDatepicker<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqDatepicker<any>, "kbq-datepicker", ["kbqDatepicker"], { "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "startAt": { "alias": "startAt"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "opened": { "alias": "opened"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "dateClass": { "alias": "dateClass"; "required": false; "isSignal": true; }; "backdropClass": { "alias": "backdropClass"; "required": false; "isSignal": true; }; }, { "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; "openedStream": "opened"; "closedStream": "closed"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqDatepicker<any>, "kbq-datepicker", ["kbqDatepicker"], { "hasBackdropInput": { "alias": "hasBackdrop"; "required": false; "isSignal": true; }; "startAtInput": { "alias": "startAt"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "openedInput": { "alias": "opened"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "dateClass": { "alias": "dateClass"; "required": false; "isSignal": true; }; "backdropClass": { "alias": "backdropClass"; "required": false; "isSignal": true; }; }, { "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; "openedStream": "opened"; "closedStream": "closed"; }, never, never, true, [{ directive: typeof i1.KbqLocaleOverridesDirective; inputs: { "kbqLocaleOverrides": "localeOverrides"; }; outputs: {}; }]>;
 }
 
 declare const MAX_YEAR = 9999;
@@ -432,13 +470,25 @@ declare const KBQ_DATEPICKER_VALUE_ACCESSOR: any;
 declare const KBQ_DATEPICKER_VALIDATORS: any;
 /** default configuration of datepicker */
 /** @docs-private */
-declare const KBQ_DATEPICKER_DEFAULT_CONFIGURATION: {
+declare const KBQ_DATEPICKER_DEFAULT_LOCALE_CONFIGURATION: {
     placeholder: string;
     dateInput: string;
 };
 /** Injection Token for providing configuration of datepicker */
 /** @docs-private */
-declare const KBQ_DATEPICKER_CONFIGURATION: InjectionToken<unknown>;
+declare const KBQ_DATEPICKER_LOCALE_CONFIGURATION: InjectionToken<KbqDatepickerLocaleConfiguration>;
+/**
+ * Utility provider for `KBQ_DATEPICKER_LOCALE_CONFIGURATION`. Only the strings you pass are overridden; the rest
+ * keep following the active locale.
+ */
+declare const kbqDatepickerLocaleConfigurationProvider: (configuration: KbqDeepPartial<KbqDatepickerLocaleConfiguration>) => Provider;
+/** @deprecated Use {@link KBQ_DATEPICKER_DEFAULT_LOCALE_CONFIGURATION}. Will be removed in 22.0.0. */
+declare const KBQ_DATEPICKER_DEFAULT_CONFIGURATION: {
+    placeholder: string;
+    dateInput: string;
+};
+/** @deprecated Use {@link KBQ_DATEPICKER_LOCALE_CONFIGURATION}. Will be removed in 22.0.0. */
+declare const KBQ_DATEPICKER_CONFIGURATION: InjectionToken<KbqDatepickerLocaleConfiguration>;
 /**
  * An event used for datepicker input and change events. We don't always have access to a native
  * input or change event because the event may have been triggered by the user clicking on the
@@ -458,7 +508,7 @@ declare class KbqDatepickerInputEvent<D> {
     targetElement: HTMLElement);
 }
 /** Directive used to connect an input to a KbqDatepicker. */
-declare class KbqDatepickerInput<D> implements KbqFormFieldControl<D>, ControlValueAccessor, Validator, OnDestroy, DoCheck, AfterContentInit {
+declare class KbqDatepickerInput<D> implements KbqFormFieldControl<D>, ControlValueAccessor, Validator, OnChanges, OnDestroy, DoCheck, AfterContentInit {
     elementRef: ElementRef<HTMLInputElement>;
     private readonly renderer;
     readonly adapter: DateAdapter<D>;
@@ -466,14 +516,14 @@ declare class KbqDatepickerInput<D> implements KbqFormFieldControl<D>, ControlVa
     private readonly dateFormats;
     /** @docs-private */
     protected readonly formField: _koobiq_components_form_field.KbqFormField | null;
-    /** @docs-private */
-    protected readonly localeService: _koobiq_components_core.KbqLocaleService | null;
-    /** @docs-private */
-    protected readonly externalConfiguration: unknown;
-    protected configuration: any;
-    readonly stateChanges: Subject<void>;
+    protected readonly localeConfiguration: _angular_core.Signal<KbqDatepickerLocaleConfiguration>;
+    private readonly errorStateTracker;
+    /** Whether the input is in an error state. */
+    readonly errorState: _angular_core.Signal<boolean>;
     controlType: string;
-    focused: boolean;
+    private readonly focusedValue;
+    /** Whether the input has focus. */
+    readonly focused: _angular_core.Signal<boolean>;
     datepicker: KbqDatepicker<D>;
     calendar: KbqCalendar<D>;
     dateFilter: (date: D | null) => boolean;
@@ -482,24 +532,30 @@ declare class KbqDatepickerInput<D> implements KbqFormFieldControl<D>, ControlVa
     /** Emits when the disabled state has changed */
     disabledChange: EventEmitter<boolean>;
     /** Object used to control when error messages are shown. */
-    get errorStateMatcher(): ErrorStateMatcher;
-    set errorStateMatcher(value: ErrorStateMatcher);
-    get placeholder(): string;
-    set placeholder(value: string);
-    private _placeholder;
-    get required(): boolean;
-    set required(value: boolean);
-    private _required;
+    readonly errorStateMatcher: _angular_core.InputSignal<ErrorStateMatcher | undefined>;
+    /** @docs-private */
+    readonly placeholderInput: _angular_core.InputSignal<string | undefined>;
+    /** Placeholder of the input. Defaults to the localized date pattern. */
+    readonly placeholder: _angular_core.Signal<string>;
+    /** Whether the input is required. */
+    readonly required: _angular_core.InputSignalWithTransform<boolean, string | boolean | null | undefined>;
     /** The datepicker that this input is associated with. */
     set kbqDatepicker(value: KbqDatepicker<D>);
     /** The calendar that this input is associated with. */
     set kbqCalendar(value: KbqCalendar<D>);
-    /** Function that can be used to filter out dates within the datepicker. */
-    set kbqDatepickerFilter(value: (date: D | null) => boolean);
-    /** The value of the input. */
-    get value(): D | null;
-    set value(value: D | null);
-    private _value;
+    /** @docs-private */
+    readonly kbqDatepickerInput: _angular_core.InputSignal<KbqDatepicker<D> | undefined>;
+    /** @docs-private */
+    readonly kbqCalendarInput: _angular_core.InputSignal<KbqCalendar<D> | undefined>;
+    /** Function that can be used to filter out dates within the datepicker. `undefined` removes the filter. */
+    set kbqDatepickerFilter(value: ((date: D | null) => boolean) | undefined);
+    /** @docs-private */
+    readonly kbqDatepickerFilterInput: _angular_core.InputSignal<((date: D | null) => boolean) | undefined>;
+    /** @docs-private */
+    readonly valueInput: _angular_core.InputSignal<D | null | undefined>;
+    private readonly valueState;
+    /** The date the input holds: set with `[value]`, by the form control, by typing and by the calendar. */
+    readonly value: _angular_core.Signal<D | null>;
     /**
      * The minimum valid date. Drives validation only — including dates typed or pasted into the
      * input — and reports `kbqDatepickerMin`. The calendar is restricted separately, by `minDate`
@@ -524,26 +580,33 @@ declare class KbqDatepickerInput<D> implements KbqFormFieldControl<D>, ControlVa
     get max(): D | null;
     set max(value: D | null);
     private _max;
-    /** Whether the datepicker-input is disabled. */
-    get disabled(): boolean;
-    set disabled(value: boolean);
-    private _disabled;
-    get id(): string;
-    set id(value: string);
-    private _id;
+    /** @docs-private */
+    readonly minInput: _angular_core.InputSignal<D | null | undefined>;
+    /** @docs-private */
+    readonly maxInput: _angular_core.InputSignal<D | null | undefined>;
+    /** @docs-private */
+    readonly disabledInput: _angular_core.InputSignalWithTransform<boolean, string | boolean | null | undefined>;
+    /** Whether the datepicker-input is disabled. Also set by the bound form control. */
+    readonly disabled: _angular_core.WritableSignal<boolean>;
+    /** @docs-private */
+    readonly idInput: _angular_core.InputSignal<string | undefined>;
+    /** Unique id of the element, generated when not provided. */
+    readonly id: _angular_core.Signal<string>;
     set kbqValidationTooltip(tooltip: KbqTooltipTrigger);
+    /** @docs-private */
+    readonly kbqValidationTooltipInput: _angular_core.InputSignal<KbqTooltipTrigger | undefined>;
     readonly incorrectInput: _angular_core.OutputEmitterRef<void>;
     /** Emits when a `change` event is fired on this `<input>`. */
     readonly dateChange: _angular_core.OutputEmitterRef<KbqDatepickerInputEvent<D>>;
     /** Emits when an `input` event is fired on this `<input>`. */
     readonly dateInput: _angular_core.OutputEmitterRef<KbqDatepickerInputEvent<D>>;
-    get empty(): boolean;
+    private readonly emptyValue;
+    /** Whether the input renders no text. */
+    readonly empty: _angular_core.Signal<boolean>;
     get viewValue(): string;
     get ngControl(): any;
     get isReadOnly(): boolean;
     get dateInputFormat(): string;
-    get errorState(): boolean;
-    set errorState(value: boolean);
     private get readyForParse();
     private get selectionStart();
     private get selectionEnd();
@@ -559,12 +622,19 @@ declare class KbqDatepickerInput<D> implements KbqFormFieldControl<D>, ControlVa
     private secondDigit;
     private thirdDigit;
     private separatorPositions;
-    private errorStateTracker;
+    /** Work the keys left to timers, in the order the timers run. */
+    private readonly deferred;
     constructor();
+    ngOnChanges(changes: SimpleChanges): void;
     ngDoCheck(): void;
     onContainerClick(): void;
     focus(): void;
     focusChanged(isFocused: boolean): void;
+    /**
+     * Called when the control is blurred. Needed to properly implement `ControlValueAccessor`.
+     *
+     * @docs-private
+     */
     onTouched: () => void;
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
@@ -589,9 +659,9 @@ declare class KbqDatepickerInput<D> implements KbqFormFieldControl<D>, ControlVa
     /** Returns the ElementRef of the formField if it exists; otherwise, returns the ElementRef of the input. */
     getOrigin(): ElementRef;
     private saveTimePart;
-    private updateLocaleParams;
-    private initDefaultParams;
     private setFormat;
+    /** Takes a value from any source, re-rendering the element with it. */
+    private setValue;
     private updateValue;
     private isKeyForClose;
     private isKeyForOpen;
@@ -625,8 +695,14 @@ declare class KbqDatepickerInput<D> implements KbqFormFieldControl<D>, ControlVa
     private selectDigitByCursor;
     private selectNextDigitByCursor;
     private selectNextDigit;
+    /** Runs `work` on a timer, or earlier if the next key comes first. */
+    private defer;
+    /** Runs the work still waiting for its timer, including what that work defers in turn. */
+    private runDeferred;
     /** Checks whether the input is invalid based on the native validation. */
     private isBadInput;
+    /** Whether the input renders no text, read from the element rather than from the last change detection. */
+    private isEmpty;
     private cvaOnChange;
     private validatorOnChange;
     /** The form control validator for whether the input parses. */
@@ -650,38 +726,7 @@ declare class KbqDatepickerInput<D> implements KbqFormFieldControl<D>, ControlVa
     private createDateTime;
     private correctedCursorPosition;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqDatepickerInput<any>, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<KbqDatepickerInput<any>, "input[kbqDatepicker], input[kbqCalendar]", ["kbqDatepickerInput"], { "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "kbqDatepicker": { "alias": "kbqDatepicker"; "required": false; }; "kbqCalendar": { "alias": "kbqCalendar"; "required": false; }; "kbqDatepickerFilter": { "alias": "kbqDatepickerFilter"; "required": false; }; "value": { "alias": "value"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "kbqValidationTooltip": { "alias": "kbqValidationTooltip"; "required": false; }; }, { "incorrectInput": "incorrectInput"; "dateChange": "dateChange"; "dateInput": "dateInput"; }, never, never, true, never>;
-}
-
-/** Datepicker data that requires internationalization. */
-declare class KbqDatepickerIntl {
-    /**
-     * Stream that emits whenever the labels here are changed. Use this to notify
-     * components if the labels have changed after initialization.
-     */
-    readonly changes: Subject<void>;
-    /** A label for the calendar popup (used by screen readers). */
-    calendarLabel: string;
-    /** A label for the button used to open the calendar popup (used by screen readers). */
-    openCalendarLabel: string;
-    /** A label for the previous month button (used by screen readers). */
-    prevMonthLabel: string;
-    /** A label for the next month button (used by screen readers). */
-    nextMonthLabel: string;
-    /** A label for the previous year button (used by screen readers). */
-    prevYearLabel: string;
-    /** A label for the next year button (used by screen readers). */
-    nextYearLabel: string;
-    /** A label for the previous multi-year button (used by screen readers). */
-    prevMultiYearLabel: string;
-    /** A label for the next multi-year button (used by screen readers). */
-    nextMultiYearLabel: string;
-    /** A label for the 'switch to month view' button (used by screen readers). */
-    switchToMonthViewLabel: string;
-    /** A label for the 'switch to year view' button (used by screen readers). */
-    switchToMultiYearViewLabel: string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqDatepickerIntl, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<KbqDatepickerIntl>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<KbqDatepickerInput<any>, "input[kbqDatepicker], input[kbqCalendar]", ["kbqDatepickerInput"], { "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; "isSignal": true; }; "placeholderInput": { "alias": "placeholder"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "kbqDatepickerInput": { "alias": "kbqDatepicker"; "required": false; "isSignal": true; }; "kbqCalendarInput": { "alias": "kbqCalendar"; "required": false; "isSignal": true; }; "kbqDatepickerFilterInput": { "alias": "kbqDatepickerFilter"; "required": false; "isSignal": true; }; "valueInput": { "alias": "value"; "required": false; "isSignal": true; }; "minInput": { "alias": "min"; "required": false; "isSignal": true; }; "maxInput": { "alias": "max"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "idInput": { "alias": "id"; "required": false; "isSignal": true; }; "kbqValidationTooltipInput": { "alias": "kbqValidationTooltip"; "required": false; "isSignal": true; }; }, { "incorrectInput": "incorrectInput"; "dateChange": "dateChange"; "dateInput": "dateInput"; }, never, never, true, [{ directive: typeof i1.KbqLocaleOverridesDirective; inputs: { "kbqLocaleOverrides": "localeOverrides"; }; outputs: {}; }]>;
 }
 
 /** Can be used to override the icon of a `kbqDatepickerToggle`. */
@@ -689,11 +734,13 @@ declare class KbqDatepickerToggleIcon {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqDatepickerToggleIcon, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<KbqDatepickerToggleIcon, "[kbqDatepickerToggleIcon]", never, {}, {}, never, never, true, never>;
 }
-declare class KbqDatepickerToggleIconComponent<D> implements AfterContentInit, OnChanges, OnDestroy, KbqSiblingPopup {
+declare class KbqDatepickerToggleIconComponent<D> implements OnChanges, KbqSiblingPopup {
     /** Whether the toggle button is disabled. */
     get disabled(): boolean;
     set disabled(value: boolean);
-    private _disabled;
+    private readonly disabledState;
+    /** @docs-private */
+    readonly disabledInput: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | null | undefined>;
     /** Datepicker instance that the button will toggle. */
     readonly datepicker: _angular_core.InputSignal<KbqDatepicker<D>>;
     /** Whether the calendar is currently on screen. Part of the `KbqSiblingPopup` contract. */
@@ -704,27 +751,25 @@ declare class KbqDatepickerToggleIconComponent<D> implements AfterContentInit, O
      *
      * Built on top of the `datepicker` signal rather than read once, because the instance is bound after the
      * consumers of this stream (a tooltip on the same element subscribes in its constructor) and may be
-     * swapped later — the same reason `watchStateChanges` is re-run from `ngOnChanges`.
+     * swapped later.
      */
     readonly openedChange: Observable<boolean>;
-    private readonly destroyRef;
-    private readonly cdr;
-    private stateChangesSubscription;
+    /** Whether the calendar was open when the toggle was pressed. */
+    private openedOnPress;
     ngOnChanges(changes: SimpleChanges): void;
-    ngAfterContentInit(): void;
-    ngOnDestroy(): void;
-    /** Open datepicker */
+    /** Opens the calendar, moving the focus to its input; closes it instead when it was open at the press. */
     open($event: MouseEvent): void;
-    private watchStateChanges;
+    /** Body of `open()`. */
+    private toggleCalendar;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqDatepickerToggleIconComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqDatepickerToggleIconComponent<any>, "kbq-datepicker-toggle-icon", never, { "disabled": { "alias": "disabled"; "required": false; }; "datepicker": { "alias": "for"; "required": false; "isSignal": true; }; }, {}, never, ["[kbqDatepickerToggleIcon]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqDatepickerToggleIconComponent<any>, "kbq-datepicker-toggle-icon", never, { "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "datepicker": { "alias": "for"; "required": false; "isSignal": true; }; }, {}, never, ["[kbqDatepickerToggleIcon]"], true, never>;
 }
 
 declare class KbqDatepickerModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqDatepickerModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<KbqDatepickerModule, never, [typeof i1.KbqButtonModule, typeof i2.OverlayModule, typeof i3.A11yModule, typeof i4.PortalModule, typeof i5.KbqSelectModule, typeof i6.KbqIconModule, typeof KbqDatepickerToggleIconComponent, typeof i8.TitleCasePipe, typeof KbqCalendar, typeof KbqCalendarBody, typeof KbqDatepicker, typeof KbqDatepickerContent, typeof KbqDatepickerInput, typeof KbqDatepickerToggleIcon, typeof KbqMonthView, typeof KbqCalendarHeader], [typeof KbqCalendar, typeof KbqCalendarBody, typeof KbqDatepicker, typeof KbqDatepickerContent, typeof KbqDatepickerInput, typeof KbqDatepickerToggleIcon, typeof KbqDatepickerToggleIconComponent, typeof KbqMonthView, typeof KbqCalendarHeader, typeof _koobiq_components_form_field.KbqFormFieldModule]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<KbqDatepickerModule, never, [typeof i1$1.KbqButtonModule, typeof i2.OverlayModule, typeof i3.A11yModule, typeof i4.PortalModule, typeof i5.KbqSelectModule, typeof i6.KbqIconModule, typeof KbqDatepickerToggleIconComponent, typeof i8.TitleCasePipe, typeof KbqCalendar, typeof KbqCalendarBody, typeof KbqDatepicker, typeof KbqDatepickerContent, typeof KbqDatepickerInput, typeof KbqDatepickerToggleIcon, typeof KbqMonthView, typeof KbqCalendarHeader], [typeof KbqCalendar, typeof KbqCalendarBody, typeof KbqDatepicker, typeof KbqDatepickerContent, typeof KbqDatepickerInput, typeof KbqDatepickerToggleIcon, typeof KbqDatepickerToggleIconComponent, typeof KbqMonthView, typeof KbqCalendarHeader, typeof _koobiq_components_form_field.KbqFormFieldModule]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<KbqDatepickerModule>;
 }
 
-export { KBQ_DATEPICKER_CONFIGURATION, KBQ_DATEPICKER_DEFAULT_CONFIGURATION, KBQ_DATEPICKER_SCROLL_STRATEGY, KBQ_DATEPICKER_SCROLL_STRATEGY_FACTORY, KBQ_DATEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER, KBQ_DATEPICKER_VALIDATORS, KBQ_DATEPICKER_VALUE_ACCESSOR, KbqCalendar, KbqCalendarBody, KbqCalendarCell, KbqCalendarHeader, KbqDatepicker, KbqDatepickerContent, KbqDatepickerInput, KbqDatepickerInputEvent, KbqDatepickerIntl, KbqDatepickerModule, KbqDatepickerToggleIcon, KbqDatepickerToggleIconComponent, KbqMonthView, MAX_YEAR, kbqDatepickerAnimations };
+export { KBQ_DATEPICKER_CONFIGURATION, KBQ_DATEPICKER_DEFAULT_CONFIGURATION, KBQ_DATEPICKER_DEFAULT_LOCALE_CONFIGURATION, KBQ_DATEPICKER_LOCALE_CONFIGURATION, KBQ_DATEPICKER_SCROLL_STRATEGY, KBQ_DATEPICKER_SCROLL_STRATEGY_FACTORY, KBQ_DATEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER, KBQ_DATEPICKER_VALIDATORS, KBQ_DATEPICKER_VALUE_ACCESSOR, KbqCalendar, KbqCalendarBody, KbqCalendarCell, KbqCalendarHeader, KbqDatepicker, KbqDatepickerContent, KbqDatepickerInput, KbqDatepickerInputEvent, KbqDatepickerModule, KbqDatepickerToggleIcon, KbqDatepickerToggleIconComponent, KbqMonthView, MAX_YEAR, kbqDatepickerLocaleConfigurationProvider };
 export type { KbqCalendarCellCssClasses, MonthName };

package/types/koobiq-components-divider.d.ts

@@ -0,0 +1,43 @@
+import * as i0 from '@angular/core';
+
+/**
+ * A themed line separator.
+ *
+ * Horizontal by default and vertical with `vertical`; `length` gives the line a size of its own where
+ * the surrounding layout does not supply one.
+ *
+ * The divider carries `role="separator"` so the boundary it draws is also exposed programmatically.
+ * A divider that only repeats a boundary already conveyed by the layout should set `decorative`.
+ */
+declare class KbqDivider {
+    /** Whether the divider is vertically oriented. Defaults to `false`, a horizontal divider. */
+    readonly vertical: i0.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether the divider spaces itself from the content around it. Defaults to `true`, which emits margins
+     * (not padding) along the divider's cross axis.
+     */
+    readonly paddings: i0.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether the divider is purely decorative. A decorative divider is hidden from assistive
+     * technology, for boundaries that a heading, a group or the layout itself already conveys.
+     * Defaults to `false`.
+     */
+    readonly decorative: i0.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Length of the line in pixels — its height when `vertical`, its width otherwise. `null`, the
+     * default, leaves the length to the layout the divider sits in, which is what a divider spanning a
+     * container wants. Set it for a divider that has to be shorter than its surroundings, such as one
+     * between the buttons of a toolbar, instead of reaching for a `height` of your own in CSS.
+     */
+    readonly length: i0.InputSignalWithTransform<number | null, unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqDivider, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDivider, "kbq-divider", never, { "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "paddings": { "alias": "paddings"; "required": false; "isSignal": true; }; "decorative": { "alias": "decorative"; "required": false; "isSignal": true; }; "length": { "alias": "length"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class KbqDividerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqDividerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqDividerModule, never, [typeof KbqDivider], [typeof KbqDivider]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<KbqDividerModule>;
+}
+
+export { KbqDivider, KbqDividerModule };