@tolle_/tolle-ui 18.2.24 → 18.2.26

package/lib/alert-dialog.component.d.ts

@@ -21,6 +21,8 @@ export declare class AlertDialogPortalComponent implements OnInit, OnDestroy {
     private overlay;
     private viewContainerRef;
     private overlayRef?;
+    /** Element focused before the dialog opened, restored on close. */
+    private previouslyFocused?;
     ngOnInit(): void;
     private show;
     private hide;
@@ -31,12 +33,15 @@ export declare class AlertDialogPortalComponent implements OnInit, OnDestroy {
 export declare class AlertDialogContentComponent {
     class: string;
     size: AlertDialogSize;
+    /** Projected title/description used to build the dialog's accessible name. */
+    titleCmp?: AlertDialogTitleComponent;
+    descriptionCmp?: AlertDialogDescriptionComponent;
     private alertDialogService;
     isOpen: boolean;
     constructor();
     get computedClass(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AlertDialogContentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AlertDialogContentComponent, "tolle-alert-dialog-content", never, { "class": { "alias": "class"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlertDialogContentComponent, "tolle-alert-dialog-content", never, { "class": { "alias": "class"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, ["titleCmp", "descriptionCmp"], ["*"], true, never>;
 }
 export declare class AlertDialogHeaderComponent {
     class: string;
@@ -52,12 +57,16 @@ export declare class AlertDialogFooterComponent {
 }
 export declare class AlertDialogTitleComponent {
     class: string;
+    /** Stable id referenced by the dialog's `aria-labelledby`. */
+    readonly id: string;
     get computedClass(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AlertDialogTitleComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AlertDialogTitleComponent, "tolle-alert-dialog-title", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export declare class AlertDialogDescriptionComponent {
     class: string;
+    /** Stable id referenced by the dialog's `aria-describedby`. */
+    readonly id: string;
     get computedClass(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AlertDialogDescriptionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AlertDialogDescriptionComponent, "tolle-alert-dialog-description", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;

package/lib/avatar.component.d.ts

@@ -1,11 +1,23 @@
 import { ChangeDetectorRef } from '@angular/core';
+import { type VariantProps } from 'class-variance-authority';
 import * as i0 from "@angular/core";
+declare const avatarVariants: (props?: ({
+    shape?: "circle" | "square" | null | undefined;
+    size?: "default" | "sm" | "lg" | "xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type AvatarProps = VariantProps<typeof avatarVariants>;
 export declare class AvatarComponent {
     private cdr;
+    /** Image URL. When absent or failed to load, projected fallback content is shown. */
     src?: string;
+    /** Alternative text for the avatar image. @default '' */
     alt: string;
-    size: 'sm' | 'default' | 'lg' | 'xl';
-    shape: 'circle' | 'square';
+    /** Size of the avatar. @default 'default' */
+    size: AvatarProps['size'];
+    /** Shape of the avatar. @default 'circle' */
+    shape: AvatarProps['shape'];
+    /** Extra Tailwind classes merged onto the avatar via `cn()` (last-wins). */
+    class: string;
     isLoading: boolean;
     hasError: boolean;
     constructor(cdr: ChangeDetectorRef);
@@ -13,5 +25,6 @@ export declare class AvatarComponent {
     onError(): void;
     get hostClasses(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "tolle-avatar", never, { "src": { "alias": "src"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "size": { "alias": "size"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "tolle-avatar", never, { "src": { "alias": "src"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "size": { "alias": "size"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
+export {};

package/lib/badge.component.d.ts

@@ -1,14 +1,26 @@
 import { EventEmitter } from '@angular/core';
-import { cn } from './utils/cn';
+import { type VariantProps } from 'class-variance-authority';
 import * as i0 from "@angular/core";
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+    size?: "default" | "xs" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type BadgeProps = VariantProps<typeof badgeVariants>;
 export declare class BadgeComponent {
-    variant: 'default' | 'secondary' | 'outline' | 'destructive';
-    size: 'xs' | 'sm' | 'default';
+    /** Visual style of the badge. @default 'default' */
+    variant: BadgeProps['variant'];
+    /** Size of the badge. @default 'default' */
+    size: BadgeProps['size'];
+    /** Shows a trailing dismiss (×) button that emits `onRemove`. @default false */
     removable: boolean;
+    /** Accessible label for the dismiss button. @default 'Remove' */
+    removeLabel: string;
+    /** Extra Tailwind classes merged onto the badge via `cn()` (last-wins). */
     class: string;
+    /** Emitted with the click event when the dismiss button is pressed. */
     onRemove: EventEmitter<MouseEvent>;
-    protected readonly cn: typeof cn;
     get computedClass(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "tolle-badge", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, { "onRemove": "onRemove"; }, never, ["[prefix]", "*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "tolle-badge", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "removeLabel": { "alias": "removeLabel"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, { "onRemove": "onRemove"; }, never, ["[prefix]", "*"], true, never>;
 }
+export {};

package/lib/button.component.d.ts

@@ -1,19 +1,26 @@
 import { type VariantProps } from 'class-variance-authority';
 import * as i0 from "@angular/core";
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "xs" | "sm" | "default" | "lg" | "icon-xs" | "icon-sm" | "icon" | "icon-lg" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "icon-xs" | "icon-sm" | "icon" | "icon-lg" | null | undefined;
     busy?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type ButtonProps = VariantProps<typeof buttonVariants>;
 export declare class ButtonComponent {
+    /** Extra Tailwind classes merged onto the button via `cn()` (last-wins). */
     class: string;
+    /** Visual style of the button. @default 'default' */
     variant: ButtonProps['variant'];
+    /** Size of the button, including icon-only sizes. @default 'default' */
     size: ButtonProps['size'];
+    /** Native button type. Defaults to 'button' so it never submits a form unexpectedly. @default 'button' */
+    type: 'button' | 'submit' | 'reset';
+    /** Disables the button and blocks pointer events. @default false */
     disabled: boolean;
+    /** Shows a spinner, sets `aria-busy`, and prevents interaction while a task runs. @default false */
     busy: boolean;
     get computedClass(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "tolle-button", never, { "class": { "alias": "class"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "busy": { "alias": "busy"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "tolle-button", never, { "class": { "alias": "class"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "busy": { "alias": "busy"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export {};

package/lib/calendar.component.d.ts

@@ -1,10 +1,14 @@
-import { OnInit, EventEmitter } from '@angular/core';
+import { OnInit, EventEmitter, ChangeDetectorRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { cn } from './utils/cn';
 import * as i0 from "@angular/core";
 export type CalendarMode = 'date' | 'month' | 'year';
 export declare class CalendarComponent implements OnInit, ControlValueAccessor {
+    private cdr;
     class: string;
+    /** Renders the calendar's own border, background and shadow. Set `false` when
+     * nesting inside a card/popover that already provides the chrome. @default true */
+    bordered: boolean;
     mode: CalendarMode;
     disablePastDates: boolean;
     showQuickActions: boolean;
@@ -27,7 +31,7 @@ export declare class CalendarComponent implements OnInit, ControlValueAccessor {
     onTouched: () => void;
     onChange: (value: any) => void;
     protected cn: typeof cn;
-    constructor();
+    constructor(cdr: ChangeDetectorRef);
     ngOnInit(): void;
     formatMonthYear(date: Date, type: 'month' | 'year'): string;
     formatDate(date: Date, type: 'day' | 'month' | 'year'): string;
@@ -39,8 +43,22 @@ export declare class CalendarComponent implements OnInit, ControlValueAccessor {
     prevYears(): void;
     nextYears(): void;
     selectDate(date: Date): void;
+    /**
+     * Grid keyboard navigation for the day view (react-day-picker semantics).
+     * Arrows move by day/week, Home/End to week edges, PageUp/PageDown by month.
+     * Enter/Space are left to the native day <button> (which selects on click and
+     * does not scroll the page).
+     */
+    onGridKeydown(event: KeyboardEvent): void;
+    /**
+     * Moves focus to the day button matching `date`. If the day is not present in
+     * the current grid, the view advances/retreats to its month, regenerates and
+     * then focuses it.
+     */
+    private focusDay;
     selectMonth(monthIndex: number): void;
     selectYear(year: number): void;
+    isSelected(date: Date): boolean;
     getDayClass(date: Date): string;
     getMonthClass(monthIndex: number): string;
     getYearClass(year: number): string;
@@ -52,5 +70,5 @@ export declare class CalendarComponent implements OnInit, ControlValueAccessor {
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CalendarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "tolle-calendar", never, { "class": { "alias": "class"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "disablePastDates": { "alias": "disablePastDates"; "required": false; }; "showQuickActions": { "alias": "showQuickActions"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "formatMonthFn": { "alias": "formatMonthFn"; "required": false; }; "formatYearFn": { "alias": "formatYearFn"; "required": false; }; "formatDateFn": { "alias": "formatDateFn"; "required": false; }; }, { "dateSelect": "dateSelect"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "tolle-calendar", never, { "class": { "alias": "class"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "disablePastDates": { "alias": "disablePastDates"; "required": false; }; "showQuickActions": { "alias": "showQuickActions"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "formatMonthFn": { "alias": "formatMonthFn"; "required": false; }; "formatYearFn": { "alias": "formatYearFn"; "required": false; }; "formatDateFn": { "alias": "formatDateFn"; "required": false; }; }, { "dateSelect": "dateSelect"; }, never, never, true, never>;
 }

package/lib/card.component.d.ts

@@ -18,6 +18,12 @@ export declare class CardTitleComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<CardTitleComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CardTitleComponent, "tolle-card-title", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
+export declare class CardDescriptionComponent {
+    class: string;
+    protected cn: typeof cn;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardDescriptionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardDescriptionComponent, "tolle-card-description", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
 export declare class CardContentComponent {
     class: string;
     protected cn: typeof cn;

package/lib/carousel/carousel.component.d.ts

@@ -29,6 +29,7 @@ export declare class CarouselComponent implements AfterViewInit, OnDestroy {
     ngOnInit(): void;
     ngOnChanges(): void;
     ngAfterViewInit(): void;
+    onKeydown(event: KeyboardEvent): void;
     initApi(viewport: HTMLElement): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CarouselComponent, never>;

package/lib/checkbox.component.d.ts

@@ -1,18 +1,25 @@
 import { ChangeDetectorRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { cn } from './utils/cn';
+import { type VariantProps } from 'class-variance-authority';
 import * as i0 from "@angular/core";
+declare const checkboxVariants: (props?: ({
+    size?: "default" | "xs" | "sm" | "lg" | null | undefined;
+    checked?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type CheckboxProps = VariantProps<typeof checkboxVariants>;
 export declare class CheckboxComponent implements ControlValueAccessor {
     private cdr;
+    /** Extra Tailwind classes merged onto the checkbox via `cn()` (last-wins). */
     class: string;
+    /** Disables the checkbox and blocks toggling. @default false */
     disabled: boolean;
-    size: 'xs' | 'sm' | 'default' | 'lg';
+    /** Size of the checkbox. @default 'default' */
+    size: CheckboxProps['size'];
     checked: boolean;
     onChange: any;
     onTouched: any;
     constructor(cdr: ChangeDetectorRef);
-    protected cn: typeof cn;
-    get sizeClasses(): string;
+    get computedClass(): string;
     toggle(): void;
     writeValue(value: boolean): void;
     registerOnChange(fn: any): void;
@@ -21,3 +28,4 @@ export declare class CheckboxComponent implements ControlValueAccessor {
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "tolle-checkbox", never, { "class": { "alias": "class"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
 }
+export {};

package/lib/country-selector.component.d.ts

@@ -24,7 +24,7 @@ export declare class CountrySelectorComponent implements OnInit, ControlValueAcc
     onFocusChange: EventEmitter<void>;
     onBlurChange: EventEmitter<void>;
     popover: PopoverComponent;
-    searchInput: ElementRef<HTMLInputElement>;
+    searchInput?: ElementRef<HTMLElement>;
     private countryCodesService;
     private sanitizer;
     private cdr;
@@ -33,6 +33,7 @@ export declare class CountrySelectorComponent implements OnInit, ControlValueAcc
     searchQuery: string;
     shadowCountries: any[];
     isFocused: boolean;
+    activeIndex: number;
     onChange: any;
     onTouched: any;
     protected cn: typeof cn;
@@ -40,7 +41,8 @@ export declare class CountrySelectorComponent implements OnInit, ControlValueAcc
     get computedTriggerClass(): string;
     get computedLabelClass(): string;
     get iconClass(): string;
-    getItemClass(country: any): string;
+    getItemClass(country: any, index: number): string;
+    get activeDescendantId(): string | null;
     getFlagUrl(flagBase64: string): SafeResourceUrl;
     filterCountries(query: string): void;
     selectCountry(country: any): void;
@@ -49,6 +51,13 @@ export declare class CountrySelectorComponent implements OnInit, ControlValueAcc
     onBlur(): void;
     onPopoverOpen(): void;
     onPopoverClose(): void;
+    private getSearchInputEl;
+    private syncActiveDescendant;
+    private scrollActiveIntoView;
+    private moveActive;
+    private selectActive;
+    onTriggerKeyDown(event: KeyboardEvent): void;
+    onSearchKeyDown(event: KeyboardEvent): void;
     writeValue(value: any): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;

package/lib/date-picker.component.d.ts

@@ -33,6 +33,7 @@ export declare class DatePickerComponent implements ControlValueAccessor, OnDest
     onInputChange(str: string): void;
     onCalendarChange(date: Date | null): void;
     togglePopover(event: MouseEvent): void;
+    onEscape(): void;
     open(): void;
     close(): void;
     clear(event: MouseEvent): void;

package/lib/date-range-picker.component.d.ts

@@ -10,6 +10,8 @@ export declare class DateRangePickerComponent implements ControlValueAccessor, O
     class: string;
     disablePastDates: boolean;
     size: 'xs' | 'sm' | 'default' | 'lg';
+    /** Consecutive months shown in the popover (e.g. `2` for a two-month picker). @default 1 */
+    numberOfMonths: number;
     trigger: ElementRef;
     popover: ElementRef;
     value: DateRange;
@@ -20,6 +22,7 @@ export declare class DateRangePickerComponent implements ControlValueAccessor, O
     get displayValue(): string;
     onCalendarSelect(range: DateRange): void;
     togglePopover(event: MouseEvent): void;
+    onEscape(): void;
     open(): void;
     close(): void;
     clear(event: MouseEvent): void;
@@ -35,5 +38,5 @@ export declare class DateRangePickerComponent implements ControlValueAccessor, O
     setDisabledState(isDisabled: boolean): void;
     protected cn: typeof cn;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateRangePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DateRangePickerComponent, "tolle-date-range-picker", never, { "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "class": { "alias": "class"; "required": false; }; "disablePastDates": { "alias": "disablePastDates"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateRangePickerComponent, "tolle-date-range-picker", never, { "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "class": { "alias": "class"; "required": false; }; "disablePastDates": { "alias": "disablePastDates"; "required": false; }; "size": { "alias": "size"; "required": false; }; "numberOfMonths": { "alias": "numberOfMonths"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/dropdown-item.component.d.ts

@@ -1,7 +1,9 @@
+import { cn } from './utils/cn';
 import * as i0 from "@angular/core";
 export declare class DropdownItemComponent {
     class: string;
-    protected readonly cn: (c1: string, c2: string) => string;
+    disabled: boolean;
+    protected readonly cn: typeof cn;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownItemComponent, "tolle-dropdown-item", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownItemComponent, "tolle-dropdown-item", never, { "class": { "alias": "class"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/lib/dropdown-trigger.directive.d.ts

@@ -6,7 +6,7 @@ export declare class DropdownTriggerDirective implements OnDestroy {
     private vcr;
     menu: DropdownMenuComponent;
     private cleanup?;
-    private isOpen;
+    protected isOpen: boolean;
     private menuElement?;
     constructor(el: ElementRef, vcr: ViewContainerRef);
     toggle(): void;

package/lib/modal.component.d.ts

@@ -7,8 +7,14 @@ export declare class ModalComponent implements OnInit {
     contentType: 'template' | 'string' | 'component';
     content: any;
     modalClasses: string;
+    /** Stable, per-instance ids used to wire dialog ARIA relationships. */
+    private readonly _uid;
+    readonly titleId: string;
+    readonly descId: string;
     constructor(ref: ModalRef);
     ngOnInit(): void;
+    /** Whether the auto-rendered header (title and/or close button) is shown. */
+    get hasHeader(): boolean;
     private getModalSizeCss;
     private determineContentType;
     get asTemplate(): TemplateRef<any>;

package/lib/multi-select.component.d.ts

@@ -16,6 +16,7 @@ export declare class MultiSelectComponent implements ControlValueAccessor, After
     error: boolean;
     trigger: ElementRef;
     popover: ElementRef;
+    searchInput?: ElementRef<HTMLElement>;
     items: QueryList<SelectItemComponent>;
     value: any[];
     selectedItems: {
@@ -26,6 +27,10 @@ export declare class MultiSelectComponent implements ControlValueAccessor, After
     searchQuery: string;
     noResults: boolean;
     private cleanup?;
+    activeIndex: number;
+    private typeaheadBuffer;
+    private typeaheadTime;
+    private pendingTypeaheadChar;
     constructor(selectService: SelectService);
     get computedTriggerClass(): string;
     ngAfterContentInit(): void;
@@ -47,6 +52,21 @@ export declare class MultiSelectComponent implements ControlValueAccessor, After
     removeValue(event: MouseEvent, val: any): void;
     private syncItems;
     onSearchChange(q: string): void;
+    private get navigableItems();
+    get activeDescendantId(): string | null;
+    private updateActiveStates;
+    private syncActiveDescendant;
+    private setActive;
+    private setActiveItem;
+    private moveActive;
+    private setActiveToSelectedOrFirst;
+    private initActiveAfterOpen;
+    private resetActive;
+    private isTypeaheadChar;
+    private typeahead;
+    private selectActive;
+    onTriggerKeyDown(event: KeyboardEvent): void;
+    onSearchKeyDown(event: KeyboardEvent): void;
     ngOnDestroy(): void;
     onChange: any;
     onTouched: any;

package/lib/otp.component.d.ts

@@ -19,6 +19,7 @@ export declare class OtpComponent implements ControlValueAccessor {
     writeValue(value: any): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OtpComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<OtpComponent, "tolle-otp", never, { "length": { "alias": "length"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "auto": { "alias": "auto"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/lib/progress.component.d.ts

@@ -2,6 +2,7 @@ import * as i0 from "@angular/core";
 export declare class ProgressComponent {
     value: number | null;
     class: string;
+    get clampedValue(): number;
     get computedClass(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProgressComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ProgressComponent, "tolle-progress", never, { "value": { "alias": "value"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;

package/lib/radio-group.component.d.ts

@@ -11,12 +11,20 @@ export declare class RadioGroupComponent implements ControlValueAccessor, OnChan
     value: any;
     onChange: any;
     onTouched: any;
+    /** Suppresses onChange while applying a programmatic writeValue(). */
+    private suppress;
     constructor(radioService: RadioService);
     setDisabledState?(isDisabled: boolean): void;
     ngOnChanges(): void;
     writeValue(value: any): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
+    /**
+     * WAI-ARIA radio group keyboard nav: Arrow Down/Right select+focus the next
+     * enabled item, Arrow Up/Left the previous. Wraps around and skips disabled
+     * items; moving selection also moves focus.
+     */
+    onKeydown(event: KeyboardEvent): void;
     protected readonly cn: typeof cn;
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioGroupComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<RadioGroupComponent, "tolle-radio-group", never, { "class": { "alias": "class"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, {}, never, ["*"], true, never>;

package/lib/radio-item.component.d.ts

@@ -1,18 +1,24 @@
-import { OnInit, OnDestroy, ChangeDetectorRef } from '@angular/core';
+import { OnInit, OnDestroy, ChangeDetectorRef, ElementRef } from '@angular/core';
 import { cn } from './utils/cn';
-import { RadioService } from './radio-service';
+import { RadioService, RovingRadioItem } from './radio-service';
 import * as i0 from "@angular/core";
-export declare class RadioItemComponent implements OnInit, OnDestroy {
+export declare class RadioItemComponent implements OnInit, OnDestroy, RovingRadioItem {
     private radioService;
     private cdr;
+    private el;
     value: any;
     disabled: boolean;
     class: string;
     isSelected: boolean;
     groupDisabled: boolean;
+    /** Whether this item is the single roving tab stop for the group. */
+    isTabbable: boolean;
     private sub;
     get isEffectiveDisabled(): boolean;
-    constructor(radioService: RadioService, cdr: ChangeDetectorRef);
+    constructor(radioService: RadioService, cdr: ChangeDetectorRef, el: ElementRef<HTMLElement>);
+    get hostElement(): HTMLElement;
+    isItemDisabled(): boolean;
+    focusItem(): void;
     ngOnInit(): void;
     select(): void;
     ngOnDestroy(): void;

package/lib/radio-service.d.ts

@@ -1,11 +1,40 @@
 import * as i0 from "@angular/core";
+/**
+ * Contract implemented by `tolle-radio-item` so the group/service can drive
+ * roving tabindex + arrow-key navigation without importing the component
+ * (which would create a circular dependency).
+ */
+export interface RovingRadioItem {
+    value: any;
+    isItemDisabled(): boolean;
+    hostElement: HTMLElement;
+    focusItem(): void;
+}
 export declare class RadioService {
     private selectedValueSource;
     selectedValue$: import("rxjs").Observable<any>;
     private disabledSource;
     disabled$: import("rxjs").Observable<boolean>;
+    /**
+     * The single value that is allowed in the tab order (roving tabindex).
+     * It is the selected value, or - when nothing is selected - the first
+     * enabled item's value. Recomputed asynchronously so the registry is
+     * complete before any item reads it (avoids partial-registry glitches).
+     */
+    private tabbableValueSource;
+    tabbableValue$: import("rxjs").Observable<any>;
+    /** Registered items in DOM (registration) order. */
+    private items;
+    private recomputeScheduled;
+    get value(): any;
     select(value: any): void;
     setDisabled(isDisabled: boolean): void;
+    register(item: RovingRadioItem): void;
+    unregister(item: RovingRadioItem): void;
+    /** Ordered, non-disabled items - used for arrow-key navigation. */
+    getEnabledItems(): RovingRadioItem[];
+    private scheduleRecompute;
+    private recomputeTabbable;
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<RadioService>;
 }

package/lib/range-calendar.component.d.ts

@@ -1,37 +1,66 @@
-import { OnInit, EventEmitter } from '@angular/core';
+import { OnInit, OnChanges, SimpleChanges, EventEmitter, ChangeDetectorRef, ElementRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { cn } from './utils/cn';
 import { DateRange } from './types/date-range';
 import * as i0 from "@angular/core";
-export declare class RangeCalendarComponent implements OnInit, ControlValueAccessor {
+export declare class RangeCalendarComponent implements OnInit, OnChanges, ControlValueAccessor {
+    private cdr;
+    private el;
     class: string;
     disablePastDates: boolean;
+    /** Renders the calendar's own border/background/shadow. Set `false` inside a
+     * card/popover that already provides chrome. @default true */
+    bordered: boolean;
+    /** Number of consecutive months rendered side by side. @default 1 */
+    numberOfMonths: number;
     rangeSelect: EventEmitter<DateRange>;
     currentView: 'date' | 'month' | 'year';
     viewDate: Date;
     value: DateRange;
     weekDays: string[];
     daysInMonth: Date[];
+    /** Grids for each visible month (multi-month view). */
+    visibleMonths: {
+        date: Date;
+        days: Date[];
+        label: string;
+    }[];
     months: string[];
     years: number[];
     navBtnClass: string;
     onTouched: () => void;
     onChange: (value: DateRange) => void;
     protected cn: typeof cn;
+    constructor(cdr: ChangeDetectorRef, el: ElementRef<HTMLElement>);
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     generateDays(): void;
     generateYears(): void;
     setView(view: 'date' | 'month' | 'year'): void;
     prev(): void;
     next(): void;
     selectDate(date: Date): void;
+    /**
+     * Arrow keys move by day/week, Home/End to week edges, PageUp/PageDown by
+     * month. Enter/Space are left to the native day <button>. The focused day is
+     * read from its `data-date` key, so navigation is independent of grid layout
+     * (adjacent-month days aren't rendered in the multi-month view).
+     */
+    onGridKeydown(event: KeyboardEvent): void;
+    private focusDay;
     selectMonth(monthIndex: number): void;
     selectYear(year: number): void;
-    getDayClass(date: Date): string;
+    isSelected(date: Date): boolean;
+    /** True when `date` belongs to `refMonth` (used to blank out adjacent-month cells). */
+    isCurrentMonth(date: Date, refMonth: Date): boolean;
+    /** Stable, timezone-safe `data-date` key used to locate day buttons for focus. */
+    fmtKey(date: Date): string;
+    private keyToDate;
+    getDayClass(date: Date, refMonth?: Date): string;
     isDateDisabled(date: Date): boolean;
     writeValue(val: DateRange | null): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RangeCalendarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RangeCalendarComponent, "tolle-range-calendar", never, { "class": { "alias": "class"; "required": false; }; "disablePastDates": { "alias": "disablePastDates"; "required": false; }; }, { "rangeSelect": "rangeSelect"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RangeCalendarComponent, "tolle-range-calendar", never, { "class": { "alias": "class"; "required": false; }; "disablePastDates": { "alias": "disablePastDates"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "numberOfMonths": { "alias": "numberOfMonths"; "required": false; }; }, { "rangeSelect": "rangeSelect"; }, never, never, true, never>;
 }

package/lib/segment.component.d.ts

@@ -30,6 +30,19 @@ export declare class SegmentedComponent implements ControlValueAccessor, AfterVi
     ngOnDestroy(): void;
     ngOnChanges(changes: SimpleChanges): void;
     select(val: any): void;
+    /** True when the current value matches one of the items. */
+    private hasSelectedValue;
+    private firstEnabledItem;
+    /**
+     * Roving tabindex: the selected item is tab-reachable, or - when nothing is
+     * selected - the first enabled item. All other items get -1.
+     */
+    getTabIndex(item: SegmentItem): number;
+    /**
+     * WAI-ARIA radio group keyboard nav: Arrow Left/Right (and Home/End) move
+     * selection + focus across the enabled items, wrapping and skipping disabled.
+     */
+    onKeydown(event: KeyboardEvent): void;
     updateGlider(): void;
     writeValue(val: any): void;
     registerOnChange(fn: any): void;