@acorex/components 18.5.16 → 18.6.0

package/action-sheet/lib/action-sheet.component.d.ts

@@ -4,19 +4,45 @@ import { CdkPortalOutletAttachedRef, Portal } from '@angular/cdk/portal';
 import { OnInit } from '@angular/core';
 import { AXActionSheetConfig, AXActionSheetItem } from './action-sheet.class';
 import * as i0 from "@angular/core";
+/**
+ * A component for displaying an action sheet, which is a menu that slides up from the bottom of the screen.
+ *
+ * @category Components
+ */
 export declare class AXActionSheetComponent extends MXBaseComponent implements OnInit {
     protected data: AXActionSheetConfig;
     private dialogRef;
+    /**
+     *  @ignore
+     */
     protected _selectedPortal: Portal<any>;
+    /**
+     *  @ignore
+     */
     private _componentRef;
     /**
      *  @ignore
      */
     constructor(data: AXActionSheetConfig, dialogRef: DialogRef<AXComponentCloseEvent>);
+    /**
+     *  @ignore
+     */
     ngOnInit(): void;
+    /**
+     *  @ignore
+     */
     protected onKeydownHandler(): void;
+    /**
+     *  @ignore
+     */
     _handleAttched(ref: CdkPortalOutletAttachedRef): void;
+    /**
+     *  @ignore
+     */
     onItemClick(item: AXActionSheetItem): void;
+    /**
+     *  @ignore
+     */
     close(e: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXActionSheetComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXActionSheetComponent, "ax-action-sheet", never, {}, {}, never, never, false, never>;

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

@@ -2,27 +2,75 @@ import { AXEvent, MXColorComponent } from '@acorex/components/common';
 import { AXDecoratorGenericComponent, AXDecoratorIconComponent } from '@acorex/components/decorators';
 import * as i0 from "@angular/core";
 /**
- * Regular description
+ * The Alert component is used to display notifications or alerts to users.
  *
  * @category Components
  */
 export declare class AXAlertComponent extends MXColorComponent {
+    /**
+     *  @ignore
+     */
     axIcon: import("@angular/core").Signal<AXDecoratorIconComponent>;
+    /**
+     *  @ignore
+     */
     axTitle: import("@angular/core").Signal<AXDecoratorGenericComponent>;
+    /**
+     *  @ignore
+     */
     axContent: import("@angular/core").Signal<AXDecoratorGenericComponent>;
+    /**
+     *  @ignore
+     */
     axFooter: import("@angular/core").Signal<AXDecoratorGenericComponent>;
+    /**
+     *  @ignore
+     */
     protected showInline: import("@angular/core").WritableSignal<boolean>;
+    /**
+     * Emits an event when the alert component is closed.
+     *
+     * @event
+     */
     onClosed: import("@angular/core").OutputEmitterRef<AXEvent>;
+    /**
+     *  @ignore
+     */
     private customIcon;
+    /**
+     *  @ignore
+     */
     private _timeOutRef;
+    /**
+     * Sets the duration (in milliseconds) after which the alert will automatically close.
+     *
+     * @defaultValue 0
+     */
     timeOut: import("@angular/core").ModelSignal<number>;
+    /**
+     *  @ignore
+     */
     timeOutEffect: () => void;
+    /**
+     *  @ignore
+     */
     constructor();
+    /**
+     *  @ignore
+     */
     private _setLayout;
+    /**
+     *  @ignore
+     */
     protected _handleOnOptionChanged(): void;
+    /**
+     *  @ignore
+     */
     private _setIcon;
     /**
-     *  Remove the alert from the container
+     * Removes the alert from the container after a transition effect.
+     *
+     *  @ignore
      */
     close(): void;
     /**

package/audio-wave/lib/audio-wave.component.d.ts

@@ -2,21 +2,74 @@ import { ElementRef, InputSignal } from '@angular/core';
 import WaveSurfer from 'wavesurfer.js';
 import { AXAudioWaveChangeEvent, AXWaveConfig } from './interfaces/audio-wave.interface';
 import * as i0 from "@angular/core";
+/**
+ * Displays and interacts with audio waveform visualization.
+ *
+ * @category Components
+ */
 export declare class AXAudioWaveComponent {
+    /**
+     *  @ignore
+     */
     protected div: ElementRef<HTMLDivElement>;
+    /**
+     * Configuration settings for the audio wave.
+     */
     config: InputSignal<AXWaveConfig>;
+    /**
+     * Emits an event when the status of the audio wave changes.
+     *
+     * @event
+     */
     onStatusChanged: import("@angular/core").OutputEmitterRef<AXAudioWaveChangeEvent>;
     audioState: import("@angular/core").WritableSignal<"loading" | "ready" | "error" | "playing" | "paused">;
     errorMessage: import("@angular/core").WritableSignal<string>;
+    /**
+     *  @ignore
+     */
     protected audio: WaveSurfer;
+    /**
+     *  @ignore
+     */
     private ngZone;
+    /**
+     *  @ignore
+     */
     constructor();
+    /**
+     * Loads the audio from the specified URL.
+     *
+     * @param url - The URL of the audio to load. Defaults to the URL from the config.
+     */
     load(url?: string): void;
+    /**
+     * Plays the audio.
+     *
+     */
     play(): Promise<any>;
+    /**
+     * Pauses the audio.
+     */
     pause(): void;
+    /**
+     * Retrieves the duration of the audio.
+     *
+     */
     getDuration(): number;
+    /**
+     * Retrieves the media element of the audio.
+     *
+     */
     getMediaElement(): HTMLMediaElement;
+    /**
+     * Sets the playback rate of the audio.
+     *
+     * @param rate - The playback rate to set.
+     */
     setRate(rate: number): void;
+    /**
+     *  @ignore
+     */
     protected bindEvents(): void;
     /** When audio starts loading */
     protected handleLoad(): void;

package/avatar/lib/avatar.component.d.ts

@@ -2,15 +2,34 @@ import { MXColorComponent } from '@acorex/components/common';
 import { QueryList } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * The Button is a component which detects user interaction and triggers a corresponding event
+ * The Avatar component displays a user's profile image or initials, typically used for user identification.
  *
  * @category Components
  */
 export declare class AXAvatarComponent extends MXColorComponent {
+    /**
+     *  @ignore
+     */
     protected children: import("@angular/core").Signal<readonly QueryList<unknown>[]>;
+    /**
+     * Defines the size of the avatar in pixels.
+     *
+     * @defaultValue 48
+     */
     size: import("@angular/core").ModelSignal<number>;
+    /**
+     * Specifies the visual style of the avatar.
+     *
+     * @defaultValue 'rounded'
+     */
     look: import("@angular/core").InputSignal<"sharp" | "soft" | "rounded">;
+    /**
+     *  @ignore
+     */
     private get __hostClass();
+    /**
+     *  @ignore
+     */
     private get __hostStyle();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXAvatarComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXAvatarComponent, "ax-avatar", never, { "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; }, { "size": "sizeChange"; }, ["children"], ["ax-text, ax-image, ax-icon", "ax-badge"], false, never>;

package/badge/lib/badge.component.d.ts

@@ -1,7 +1,15 @@
 import { MXColorLookComponent } from '@acorex/components/common';
 import * as i0 from "@angular/core";
 export declare class AXBadgeComponent extends MXColorLookComponent {
+    /**
+     * Defines the text displayed inside the badge.
+     *
+     * @defaultValue ''
+     */
     text: import("@angular/core").InputSignal<string>;
+    /**
+     *  @ignore
+     */
     private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXBadgeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXBadgeComponent, "ax-badge", never, { "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, ["ax-prefix", "ax-suffix"], false, never>;

package/bottom-navigation/lib/bottom-navigation.component.d.ts

@@ -2,18 +2,34 @@ import { AXClickEvent, MXLookComponent } from '@acorex/components/common';
 import { AfterContentInit } from '@angular/core';
 import * as i0 from "@angular/core";
 declare const AXBottomNavigationComponent_base: import("polytype").Polytype.ClusteredConstructor<[typeof MXLookComponent]>;
+/**
+ * The BottomNavigation component provides a navigational bar at the bottom of the screen with customizable appearance and behavior.
+ *
+ * @category Components
+ */
 export declare class AXBottomNavigationComponent extends AXBottomNavigationComponent_base implements AfterContentInit {
+    /**
+     *  @ignore
+     */
     private _contentButtons;
     /**
      * This will be displayed as an interface
      */
     hasBorder: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Determines the position of the indicator relative to the button.
+     *
+     * @defaultValue 'top'
+     */
     indicatorPosition: import("@angular/core").InputSignal<"top" | "bottom">;
     /**
      * Emit item click.
      * @returns The AXClickEvent
      */
     onItemClick: import("@angular/core").OutputEmitterRef<AXClickEvent>;
+    /**
+     *  @ignore
+     */
     ngAfterContentInit(): void;
     /** @ignore */
     private _bindEvents;

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

@@ -1,13 +1,24 @@
 import { MXInteractiveComponent } from '@acorex/components/common';
 import { AXBreadCrumbsComponent } from './breadcrumbs.component';
 import * as i0 from "@angular/core";
+/**
+ * Component representing an item in a breadcrumbs navigation.
+ *
+ * @category Components
+ */
 export declare class AXBreadCrumbsItemComponent extends MXInteractiveComponent {
     _parent: AXBreadCrumbsComponent;
+    /**
+     * Indicates whether this breadcrumb item is the current active item.
+     */
     active: boolean;
     /**
      *  @ignore
      */
     constructor(_parent: AXBreadCrumbsComponent);
+    /**
+     *  @ignore
+     */
     private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXBreadCrumbsItemComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXBreadCrumbsItemComponent, "ax-breadcrumbs-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "active": { "alias": "active"; "required": false; }; }, {}, never, ["ax-prefix", "*", "ax-suffix"], false, never>;

package/breadcrumbs/lib/breadcrumbs.component.d.ts

@@ -1,8 +1,19 @@
 import { MXBaseComponent } from '@acorex/components/common';
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
+/**
+ * The Breadcrumbs component displays a navigation trail of links, helping users to track their location within an application's hierarchy.
+ *
+ * @category Components
+ */
 export declare class AXBreadCrumbsComponent extends MXBaseComponent {
+    /**
+     *  @ignore
+     */
     protected _divider: TemplateRef<any>;
+    /**
+     *  @ignore
+     */
     dividerTemplate: TemplateRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXBreadCrumbsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXBreadCrumbsComponent, "ax-breadcrumbs", never, {}, {}, ["_divider"], ["ax-breadcrumbs-item"], false, never>;

package/button/lib/button-item-list.component.d.ts

@@ -2,16 +2,50 @@ import { AXClickEvent, AXClosbaleComponent, AXItemClickEvent, MXInteractiveCompo
 import { EventEmitter, QueryList } from '@angular/core';
 import { AXButtonItemComponent, AXButtonItemListItem } from './button-item.component';
 import * as i0 from "@angular/core";
+/**
+ * A component for rendering a list of button items with optional dividers between them.
+ *
+ * @category Components
+ */
 export declare class AXButtonItemListComponent extends MXInteractiveComponent {
     private parent?;
     protected _contentButtons: QueryList<AXButtonItemComponent>;
+    /**
+   * The list of button items to display.
+   *
+   * @defaultValue []
+   */
     items: import("@angular/core").InputSignal<AXButtonItemListItem[]>;
+    /**
+   * Emits an event when an item is clicked.
+   * The event contains details about the clicked item.
+   *
+   * @event {AXItemClickEvent<AXButtonItemComponent>} - The event object containing clicked item details.
+   */
     onItemClick: EventEmitter<AXItemClickEvent<AXButtonItemComponent>>;
+    /**
+     *  @ignore
+     */
     constructor(parent?: AXClosbaleComponent);
+    /**
+     *  @ignore
+     */
     private _initContents;
+    /**
+     *  @ignore
+     */
     private _bindEvents;
+    /**
+     *  @ignore
+     */
     private _bindProps;
+    /**
+     *  @ignore
+     */
     protected _handleOnItemClick(e: AXClickEvent): void;
+    /**
+     *  @ignore
+     */
     _emitOnItemClickEvent(e: AXClickEvent, item: AXButtonItemComponent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonItemListComponent, [{ optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonItemListComponent, "ax-button-item-list", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; }, { "onItemClick": "onItemClick"; }, ["_contentButtons"], ["ax-button-item, ax-title, ax-divider, ng-container"], false, never>;

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

@@ -10,19 +10,66 @@ export interface AXButtonItemListItem {
     color?: AXStyleColorType;
 }
 declare const AXButtonItemComponent_base: import("polytype").Polytype.ClusteredConstructor<[typeof MXInteractiveComponent, typeof MXColorComponent]>;
+/**
+ * Represents a button item with optional content like icons, text, and dropdowns.
+ *
+ * @category Components
+ */
 export declare class AXButtonItemComponent extends AXButtonItemComponent_base {
+    /**
+     * Text displayed on the button item.
+     */
     text: string;
+    /**
+     *  @ignore
+     */
     private _selected;
+    /**
+   * Indicates whether the button item is selected.
+   *
+   * @param v - A boolean indicating the selected state.
+   * Updates the view when the value changes.
+   */
     get selected(): boolean;
     set selected(v: boolean);
+    /**
+   * Whether the item is visually separated from other items.
+   *  @defaultValue false
+   */
     divided: boolean;
+    /**
+   * Data associated with the button item.
+   */
     data: unknown;
+    /**
+   * The name of the button item.
+   */
     name: string;
+    /**
+     * Emitted when the button item is clicked.
+     * @event
+     * The emitted value is an `AXClickEvent` object containing event details.
+     */
     onClick: EventEmitter<AXClickEvent>;
+    /**
+     *  @ignore
+     */
     private __hostClick;
+    /**
+     *  @ignore
+     */
     private __hostFocus;
+    /**
+     *  @ignore
+     */
     private __hostBlur;
+    /**
+     *  @ignore
+     */
     private get __hostClass();
+    /**
+     *  @ignore
+     */
     tabindex: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonItemComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonItemComponent, "ax-button-item", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "text": { "alias": "text"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "divided": { "alias": "divided"; "required": false; }; "data": { "alias": "data"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, { "onClick": "onClick"; "onFocus": "onFocus"; "onBlur": "onBlur"; "disabledChange": "disabledChange"; }, never, ["ax-prefix", "ax-loading", "ax-icon", "ax-suffix", "ax-dropdown-panel"], false, never>;

package/button/lib/button.component.d.ts

@@ -14,15 +14,51 @@ export declare class AXButtonComponent extends MXButtonBaseComponent implements
      *  @event
      */
     onClick: EventEmitter<AXClickEvent>;
+    /**
+     * Specifies the type of button to be used in the action sheet.
+     *
+     * @defaultValue 'button'
+     */
     type: import("@angular/core").InputSignal<AXButtonType>;
+    /**
+     * convert button to just icon in specific break points.
+     */
     responsiveOn: import("@angular/core").ModelSignal<AXResponsiveOn>;
+    /**
+     * Defines the text displayed while the action sheet is loading.
+     *
+     * @defaultValue null
+     */
     loadingText: import("@angular/core").ModelSignal<string>;
+    /**
+     *  @ignore
+     */
     ngAfterViewInit(): void;
+    /**
+     *  @ignore
+     */
     private getButton;
+    /**
+     *  @ignore
+     */
     _handleClick(e: MouseEvent): void;
+    /**
+     * Triggers a click event on the button element.
+     */
     click(): void;
+    /**
+     *  @ignore
+     */
     private get __hostClass();
+    /**
+     * Sets focus on the button element and adds a focus style class.
+     *
+     */
     focus(): void;
+    /**
+     * Removes the focus style class from the button element
+     * when the button loses focus.
+     */
     blur(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonComponent, "ax-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "text": { "alias": "text"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "responsiveOn": { "alias": "responsiveOn"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "onClick": "onClick"; "selectedChange": "selectedChange"; "toggleableChange": "toggleableChange"; "lookChange": "lookChange"; "colorChange": "colorChange"; "disabledChange": "disabledChange"; "responsiveOn": "responsiveOnChange"; "loadingText": "loadingTextChange"; }, never, ["ax-prefix, ax-loading, ax-loading-spinner, ax-icon", "ax-content", "ax-suffix", "ax-dropdown-panel", ".tab-content"], false, never>;

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

@@ -2,21 +2,77 @@ import { AXClickEvent, AXSelectionMode, MXColorLookComponent, MXInteractiveCompo
 import { AfterContentInit, EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 declare const AXButtonGroupComponent_base: import("polytype").Polytype.ClusteredConstructor<[typeof MXInteractiveComponent, typeof MXColorLookComponent]>;
+/**
+ * A component that groups multiple buttons together, allowing for consistent styling and behavior.
+ *
+ * @category Components
+ */
 export declare class AXButtonGroupComponent extends AXButtonGroupComponent_base implements AfterContentInit {
+    /**
+     * Fires when any button in the group is clicked.
+     *
+     * @event
+     */
     onClick: EventEmitter<AXClickEvent>;
+    /**
+     *  @ignore
+     */
     private _contentButtons;
+    /**
+     * Emitted when the selection mode changes.
+     *
+     * @event
+     */
     selectionChange: EventEmitter<AXSelectionMode>;
+    /**
+     *  @ignore
+     */
     private _selection;
+    /**
+     * Defines the selection mode for the component.
+     */
     get selection(): AXSelectionMode;
+    /**
+    * Sets the selection mode for the component.
+    *
+    * @param value - The selection mode to be set. Possible values include 'single', 'multiple', or 'none'.
+    */
     set selection(value: AXSelectionMode);
+    /**
+     *  @ignore
+     */
     ngAfterContentInit(): void;
+    /**
+     *  @ignore
+     */
     private _bindEvents;
+    /**
+     *  @ignore
+     */
     private _bindProps;
+    /**
+     * Updates component properties based on internal option changes.
+     */
     internalOptionChanged(): void;
+    /**
+     *  @ignore
+     */
     private _handleClickEvent;
+    /**
+     *  @ignore
+     */
     private clearSelection;
+    /**
+     *  @ignore
+     */
     private get __hostClass();
+    /**
+     *  @ignore
+     */
     get role(): string;
+    /**
+     *  @ignore
+     */
     private __hostClick;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonGroupComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonGroupComponent, "ax-button-group", never, { "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "lookChange": "lookChange"; "colorChange": "colorChange"; "disabledChange": "disabledChange"; "selectionChange": "selectionChange"; }, ["_contentButtons"], ["ax-button-item"], false, never>;

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

@@ -9,24 +9,72 @@ declare const AXCalendarRangeComponent_base: import("polytype").Polytype.Cluster
     ɵprov: import("@angular/core").ɵɵInjectableDeclaration<MXValueComponent<any>>;
 }, typeof MXInteractiveComponent, typeof MXCalendarBaseComponent]>;
 export declare class AXCalendarRangeComponent extends AXCalendarRangeComponent_base implements AfterViewInit {
+    /**
+     *  @ignore
+     */
     private _calendarService;
     private _c1;
     private _c2;
     _navText: string;
+    /**
+     *  @ignore
+     */
     protected rtl: boolean;
+    /**
+     *  @ignore
+     */
     constructor();
+    /**
+     *  @ignore
+     */
     protected ngOnInit(): void;
+    /**
+     *  @ignore
+     */
     ngAfterViewInit(): void;
+    /**
+     *  @ignore
+     */
     getCellClass: (date: AXDateTime) => "ax-range-start" | "ax-range-end" | "ax-range-between";
+    /**
+     *  @ignore
+     */
     protected handleSlotClick(e: AXCalendarSlotClick): void;
+    /**
+     *  @ignore
+     */
     protected handlePrevClick(): void;
+    /**
+     *  @ignore
+     */
     protected handleNextClick(): void;
+    /**
+     *  @ignore
+     */
     protected handleNavClick(): void;
+    /**
+     *  @ignore
+     */
     private _syncNavText;
+    /**
+     *  @ignore
+     */
     protected handleNavigate(): void;
+    /**
+     *  @ignore
+     */
     protected handleActiveViewChange1(): void;
+    /**
+     *  @ignore
+     */
     protected handleActiveViewChange2(): void;
+    /**
+     *  @ignore
+     */
     private _syncNav1;
+    /**
+     *  @ignore
+     */
     private _syncNav2;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCalendarRangeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXCalendarRangeComponent, "ax-calendar-range", never, { "rtl": { "alias": "rtl"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "depth": { "alias": "depth"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "holidayDates": { "alias": "holidayDates"; "required": false; }; "type": { "alias": "type"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "cellClass": { "alias": "cellClass"; "required": false; }; "showNavigation": { "alias": "showNavigation"; "required": false; }; }, { "onOptionChanged": "onOptionChanged"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; "typeChange": "typeChange"; "activeViewChange": "activeViewChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "onSlotClick": "onSlotClick"; }, never, ["*"], false, never>;