@acorex/components 20.2.0-next.2 → 20.2.0-next.21

package/action-sheet/index.d.ts

@@ -1,16 +1,7 @@
-import * as i1 from '@acorex/cdk/common';
 import { AXStyleColorType, MXBaseComponent } from '@acorex/cdk/common';
-import * as i5 from '@angular/cdk/portal';
 import { ComponentType, Portal, CdkPortalOutletAttachedRef } from '@angular/cdk/portal';
 import * as i0 from '@angular/core';
 import { TemplateRef, OnInit, OnDestroy } from '@angular/core';
-import * as i2 from '@angular/cdk/drag-drop';
-import * as i3 from '@angular/cdk/a11y';
-import * as i4 from '@acorex/components/button';
-import * as i6 from '@acorex/components/decorators';
-import * as i7 from '@acorex/core/translation';
-import * as i8 from '@angular/cdk/dialog';
-import * as i9 from '@angular/common';
 import * as rxjs from 'rxjs';
 import { Subject } from 'rxjs';
 
@@ -93,7 +84,26 @@ declare class AXActionSheetComponent extends MXBaseComponent implements OnInit,
     private snapToFinalPosition;
     private heightCalculator;
     protected handleAttched(ref: CdkPortalOutletAttachedRef): void;
+    /**
+     * Handles click events on action sheet items.
+     * This method is called when a user clicks on an action sheet item. It closes the action sheet
+     * with the clicked item as the result data and executes the item's onClick callback if provided.
+     *
+     * @param item - The action sheet item that was clicked. Contains the item's data and optional onClick callback.
+     * @returns void
+     */
     onItemClick(item: AXActionSheetItem): void;
+    /**
+     * Closes the action sheet with optional result data.
+     * This method initiates the closing animation of the action sheet and eventually closes the dialog.
+     * The closing process includes a height animation and cleanup of event listeners.
+     *
+     * @param e - The result data to pass when closing the action sheet. Can be any value including null.
+     *            If an AXActionSheetItem is passed, it represents the selected item.
+     * @param isUserInteraction - Whether the close action was triggered by user interaction (default: true).
+     *                           This affects how the action sheet handles accessibility and event tracking.
+     * @returns void
+     */
     close(e?: any, isUserInteraction?: boolean): void;
     /**
      *  @ignore
@@ -105,7 +115,7 @@ declare class AXActionSheetComponent extends MXBaseComponent implements OnInit,
 
 declare class AXActionSheetModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXActionSheetModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXActionSheetModule, never, [typeof i1.AXCommonModule, typeof i2.DragDropModule, typeof i3.A11yModule, typeof i4.AXButtonModule, typeof i5.PortalModule, typeof i6.AXDecoratorModule, typeof i7.AXTranslationModule, typeof i8.DialogModule, typeof i9.AsyncPipe, typeof AXActionSheetComponent], [typeof AXActionSheetComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXActionSheetModule, never, [typeof AXActionSheetComponent], [typeof AXActionSheetComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXActionSheetModule>;
 }
 
@@ -117,7 +127,44 @@ declare class AXActionSheetService {
     private dialog;
     private readonly actionSheetEvent;
     actionSheetEvent$: rxjs.Observable<AXActionSheetEvent>;
+    /**
+     * Opens an action sheet with the specified configuration.
+     * This method creates and displays an action sheet component with the provided options.
+     * The action sheet will slide up from the bottom of the screen and can be dismissed
+     * by tapping outside, pressing escape, or calling the close method.
+     *
+     * @param config - The configuration object that defines the action sheet's appearance and behavior.
+     *                 Must include at least a title or content property. Will be merged with default config.
+     * @param isUserInteraction - Whether the action sheet is opened by user interaction (default: true).
+     *                           This affects how the action sheet handles accessibility and focus management.
+     * @returns A promise that resolves to a dialog reference containing methods to control the action sheet.
+     *          The reference includes methods like close() and a closed observable for tracking dialog state.
+     * @example
+     * ```typescript
+     * const dialogRef = await actionSheetService.open({
+     *   title: 'Choose an option',
+     *   items: [
+     *     { text: 'Option 1', value: 'opt1' },
+     *     { text: 'Option 2', value: 'opt2' }
+     *   ]
+     * });
+     *
+     * dialogRef.closed.subscribe(result => {
+     *   console.log('Action sheet closed with:', result.data);
+     * });
+     * ```
+     */
     open(config: AXActionSheetConfig, isUserInteraction?: boolean): Promise<AXActionSheetDialogRef>;
+    /**
+     * Sets the current state of action sheet events.
+     * This method is used internally to track action sheet lifecycle events such as open, close,
+     * drag start, drag end, and full screen transitions. It emits events through the actionSheetEvent$
+     * observable for external subscribers to monitor action sheet state changes.
+     *
+     * @param event - The action sheet event to emit. Contains information about the event type,
+     *               associated data, user interaction status, and dialog reference.
+     * @returns void
+     */
     setActionSheetEventState(event: AXActionSheetEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXActionSheetService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXActionSheetService>;

package/alert/index.d.ts

@@ -1,8 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { MXColorComponent, AXEvent } from '@acorex/cdk/common';
-import * as i2 from '@acorex/components/decorators';
 import { AXDecoratorIconComponent, AXDecoratorGenericComponent } from '@acorex/components/decorators';
-import * as i1 from '@angular/common';
 
 /**
  * The Alert component is used to display notifications or alerts to users.
@@ -73,7 +71,7 @@ declare class AXAlertComponent extends MXColorComponent {
     /**
      * Removes the alert from the container after a transition effect.
      *
-     *  @ignore
+     * @returns void - No return value. The alert is removed from the DOM and the onClosed event is emitted.
      */
     close(): void;
     /**
@@ -86,7 +84,7 @@ declare class AXAlertComponent extends MXColorComponent {
 
 declare class AXAlertModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXAlertModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXAlertModule, never, [typeof i1.CommonModule, typeof i2.AXDecoratorModule, typeof AXAlertComponent], [typeof AXAlertComponent]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXAlertModule, never, [typeof AXAlertComponent], [typeof AXAlertComponent]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXAlertModule>;
 }
 

package/autocomplete/index.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { AfterViewInit, OnDestroy, TemplateRef } from '@angular/core';
 import * as polytype from 'polytype';
-import { MXSelectionValueComponent, MXLookComponent, AXDataSource, MXSelectionBridgeService, AXAutocompleteParentComponent, MXInputBaseValueComponent, AXEvent, AXValueChangedEvent } from '@acorex/cdk/common';
+import { MXSelectionValueComponent, MXLookComponent, AXDataSource, MXSelectionBridgeService, AXAutocompleteParentComponent, MXInputBaseValueComponent, AXEvent, AXValueChangedEvent, AXItemClickEvent, AXItemSelectedEvent } from '@acorex/cdk/common';
 import { MXDropdownBoxBaseComponent, AXDropdownBoxComponent } from '@acorex/components/dropdown';
 import { AXListComponent } from '@acorex/components/list';
 
@@ -100,6 +100,10 @@ declare class AXAutocompleteComponent extends AXAutocompleteComponent_base imple
     /** @ignore */
     protected _handleValueChanged(e: AXValueChangedEvent): void;
     /** @ignore */
+    protected _handleItemClick(e: AXItemClickEvent): void;
+    /** @ignore */
+    protected _handleItemSelected(e: AXItemSelectedEvent): void;
+    /** @ignore */
     private setDropdownSize;
     /**
      * Filters the data source based on the provided search term.
@@ -110,8 +114,9 @@ declare class AXAutocompleteComponent extends AXAutocompleteComponent_base imple
      * Refreshes the component by resetting state, clearing selection cache, refreshing the list, and closing the component.
      */
     refresh(): void;
+    private get __hostName();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXAutocompleteComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXAutocompleteComponent, "ax-autocomplete", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "type": { "alias": "type"; "required": false; }; "look": { "alias": "look"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "disabledField": { "alias": "disabledField"; "required": false; }; "textTemplate": { "alias": "textTemplate"; "required": false; }; "selectedItems": { "alias": "selectedItems"; "required": false; }; "delayTime": { "alias": "delayTime"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "selectedTemplate": { "alias": "selectedTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "loadingTemplate": { "alias": "loadingTemplate"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onOpened": "onOpened"; "onClosed": "onClosed"; }, never, ["ax-footer"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXAutocompleteComponent, "ax-autocomplete", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "type": { "alias": "type"; "required": false; }; "look": { "alias": "look"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "disabledField": { "alias": "disabledField"; "required": false; }; "textTemplate": { "alias": "textTemplate"; "required": false; }; "selectedItems": { "alias": "selectedItems"; "required": false; }; "delayTime": { "alias": "delayTime"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "selectedTemplate": { "alias": "selectedTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "loadingTemplate": { "alias": "loadingTemplate"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onOpened": "onOpened"; "onClosed": "onClosed"; "onItemClick": "onItemClick"; "onItemSelected": "onItemSelected"; }, never, ["ax-footer"], true, never>;
 }
 
 declare class AXAutocompleteModule {

package/avatar/index.d.ts

@@ -1,7 +1,6 @@
 import * as i0 from '@angular/core';
 import { QueryList } from '@angular/core';
 import { MXColorComponent } from '@acorex/cdk/common';
-import * as i1 from '@angular/common';
 
 declare class AXAvatarGroupComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXAvatarGroupComponent, never>;
@@ -10,12 +9,14 @@ declare class AXAvatarGroupComponent {
 
 /**
  * The Avatar component displays a user's profile image or initials, typically used for user identification.
+ * It supports multiple content types including text, icons, images, and badges.
  *
  * @category Components
  */
 declare class AXAvatarComponent extends MXColorComponent {
     /**
-     *  @ignore
+     * Content children for avatar content (ax-image, ax-icon, ax-text).
+     * Used internally to determine if fallback SVG should be shown.
      */
     protected children: i0.Signal<readonly QueryList<unknown>[]>;
     /**
@@ -25,18 +26,23 @@ declare class AXAvatarComponent extends MXColorComponent {
      */
     size: i0.ModelSignal<number>;
     /**
-     * Specifies the visual style of the avatar.
+     * Specifies the visual style of the avatar's corners.
      *
      * @defaultValue 'rounded'
      */
     shape: i0.InputSignal<"sharp" | "soft" | "rounded">;
+    /**
+     * Specifies the visual style of the avatar appearance.
+     *
+     * @defaultValue 'solid'
+     */
     look: i0.InputSignal<"solid" | "twotone">;
     /**
-     *  @ignore
+     * @ignore
      */
     private get __hostClass();
     /**
-     *  @ignore
+     * @ignore
      */
     private get __hostStyle();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXAvatarComponent, never>;
@@ -45,7 +51,7 @@ declare class AXAvatarComponent extends MXColorComponent {
 
 declare class AXAvatarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXAvatarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXAvatarModule, never, [typeof i1.CommonModule, typeof AXAvatarComponent, typeof AXAvatarGroupComponent], [typeof AXAvatarComponent, typeof AXAvatarGroupComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXAvatarModule, never, [typeof AXAvatarComponent, typeof AXAvatarGroupComponent], [typeof AXAvatarComponent, typeof AXAvatarGroupComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXAvatarModule>;
 }
 

package/badge/index.d.ts

@@ -1,6 +1,5 @@
 import * as i0 from '@angular/core';
 import { MXColorLookComponent } from '@acorex/cdk/common';
-import * as i1 from '@angular/common';
 
 declare class AXBadgeComponent extends MXColorLookComponent {
     /**
@@ -19,7 +18,7 @@ declare class AXBadgeComponent extends MXColorLookComponent {
 
 declare class AXBadgeModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXBadgeModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXBadgeModule, never, [typeof i1.CommonModule, typeof AXBadgeComponent], [typeof AXBadgeComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXBadgeModule, never, [typeof AXBadgeComponent], [typeof AXBadgeComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXBadgeModule>;
 }
 

package/bottom-navigation/index.d.ts

@@ -3,12 +3,20 @@ import * as i1 from '@acorex/cdk/common';
 import { MXInteractiveComponent, MXLookComponent, AXClickEvent } from '@acorex/cdk/common';
 import * as i0 from '@angular/core';
 import { EventEmitter, AfterContentInit } from '@angular/core';
-import * as i1$1 from '@angular/common';
 
 declare const AXBottomNavigationItemComponent_base: polytype.Polytype.ClusteredConstructor<[typeof MXInteractiveComponent, typeof MXLookComponent]>;
 declare class AXBottomNavigationItemComponent extends AXBottomNavigationItemComponent_base {
+    /**
+     * The name of the navigation item.
+     */
     name: string;
+    /**
+     * Indicates if the item is currently active.
+     */
     active: boolean;
+    /**
+     * Emitted when the item is clicked. Payload is the click event.
+     */
     onClick: EventEmitter<AXClickEvent>;
     get __hostClass(): string;
     protected handleClick(e: MouseEvent): void;
@@ -59,7 +67,7 @@ declare class AXBottomNavigationComponent implements AfterContentInit {
 
 declare class AXBottomNavigationModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXBottomNavigationModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXBottomNavigationModule, never, [typeof i1$1.CommonModule, typeof AXBottomNavigationComponent, typeof AXBottomNavigationItemComponent], [typeof AXBottomNavigationComponent, typeof AXBottomNavigationItemComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXBottomNavigationModule, never, [typeof AXBottomNavigationComponent, typeof AXBottomNavigationItemComponent], [typeof AXBottomNavigationComponent, typeof AXBottomNavigationItemComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXBottomNavigationModule>;
 }
 

package/breadcrumbs/index.d.ts

@@ -1,8 +1,6 @@
 import { MXBaseComponent, MXInteractiveComponent } from '@acorex/cdk/common';
 import * as i0 from '@angular/core';
 import { AfterViewInit, TemplateRef } from '@angular/core';
-import * as i1 from '@angular/common';
-import * as i2 from '@angular/router';
 
 interface AXBreadcrumbsItems {
     name?: string;
@@ -20,8 +18,19 @@ interface AXBreadcrumbsItems {
  * @category Components
  */
 declare class AXBreadCrumbsComponent extends MXBaseComponent implements AfterViewInit {
+    private readonly platformId;
+    /**
+     * Content child template for custom divider between breadcrumb items.
+     */
     protected _divider: i0.Signal<TemplateRef<any>>;
+    /**
+     * View child template for the divider template.
+     */
     dividerTemplate: i0.Signal<TemplateRef<any>>;
+    /**
+     * Scrolls the breadcrumbs container to the rightmost position after view initialization.
+     * This ensures that the most recent breadcrumb items are visible when there are many items.
+     */
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXBreadCrumbsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXBreadCrumbsComponent, "ax-breadcrumbs", never, {}, {}, ["_divider"], ["ax-breadcrumbs-item"], true, never>;
@@ -33,13 +42,17 @@ declare class AXBreadCrumbsComponent extends MXBaseComponent implements AfterVie
  * @category Components
  */
 declare class AXBreadCrumbsItemComponent extends MXInteractiveComponent {
+    /**
+     * Reference to the parent breadcrumbs component.
+     */
     _parent: AXBreadCrumbsComponent;
     /**
      * Indicates whether this breadcrumb item is the current active item.
      */
     active: boolean;
     /**
-     *  @ignore
+     * Host binding for CSS classes based on component state.
+     * Applies 'ax-state-active' when active is true and 'ax-state-disabled' when disabled is true.
      */
     private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXBreadCrumbsItemComponent, never>;
@@ -48,7 +61,7 @@ declare class AXBreadCrumbsItemComponent extends MXInteractiveComponent {
 
 declare class AXBreadcrumbsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXBreadcrumbsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXBreadcrumbsModule, never, [typeof i1.CommonModule, typeof i2.RouterModule, typeof AXBreadCrumbsComponent, typeof AXBreadCrumbsItemComponent], [typeof AXBreadCrumbsComponent, typeof AXBreadCrumbsItemComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXBreadcrumbsModule, never, [typeof AXBreadCrumbsComponent, typeof AXBreadCrumbsItemComponent], [typeof AXBreadCrumbsComponent, typeof AXBreadCrumbsItemComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXBreadcrumbsModule>;
 }
 

package/button/index.d.ts

@@ -1,12 +1,8 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, QueryList, AfterViewInit } from '@angular/core';
-import * as i2 from '@acorex/cdk/common';
 import { MXInteractiveComponent, MXColorComponent, AXClickEvent, AXStyleColorType, AXItemClickEvent, AXStyleLookType, AXHotKeyAction, MXButtonBaseComponent } from '@acorex/cdk/common';
 import * as polytype from 'polytype';
-import * as i4 from '@acorex/components/loading';
 import { AXLoadingComponent } from '@acorex/components/loading';
-import * as i1 from '@angular/common';
-import * as i3 from '@acorex/components/decorators';
 
 interface AXButtonItemListItem {
     name: string;
@@ -14,6 +10,7 @@ interface AXButtonItemListItem {
     icon: string;
     divided?: boolean;
     disabled?: boolean;
+    selected?: boolean;
     color?: AXStyleColorType;
 }
 declare const AXButtonItemComponent_base: polytype.Polytype.ClusteredConstructor<[typeof MXInteractiveComponent, typeof MXColorComponent]>;
@@ -59,23 +56,41 @@ declare class AXButtonItemComponent extends AXButtonItemComponent_base {
      */
     onClick: EventEmitter<AXClickEvent>;
     /**
-     *  @ignore
+     * Handles click events on the button item host element.
+     * Emits the onClick event if the component is not disabled.
+     *
+     * @param e - The mouse event that triggered the click.
+     * @ignore
      */
     private __hostClick;
     /**
-     *  @ignore
+     * Handles focus events on the button item host element.
+     * Emits the onFocus event.
+     *
+     * @param e - The focus event that was triggered.
+     * @ignore
      */
     private __hostFocus;
     /**
-     *  @ignore
+     * Handles blur events on the button item host element.
+     * Emits the onBlur event.
+     *
+     * @param e - The blur event that was triggered.
+     * @ignore
      */
     private __hostBlur;
     /**
-     *  @ignore
+     * Generates the CSS classes for the button item host element.
+     * Includes classes for icon-only state, disabled state, selected state, divided state, and color.
+     *
+     * @returns string - The space-separated CSS class names.
+     * @ignore
      */
     private get __hostClass();
     /**
-     *  @ignore
+     * Sets the tabindex attribute for keyboard navigation.
+     *
+     * @ignore
      */
     tabindex: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonItemComponent, never>;
@@ -104,31 +119,55 @@ declare class AXButtonItemListComponent extends MXInteractiveComponent {
      */
     onItemClick: EventEmitter<AXItemClickEvent<AXButtonItemComponent>>;
     /**
-     *  @ignore
+     * Initializes the button item list component.
+     * Sets up content change detection and initializes content after the next render.
+     *
+     * @ignore
      */
     constructor();
     /**
-     *  @ignore
+     * Initializes the content of the button item list.
+     * Binds events and properties to content button items and marks for change detection.
+     *
+     * @ignore
      */
     private _initContents;
     /**
-     *  @ignore
+     * Binds click events to content button items.
+     * Subscribes to onClick events of child button items if not already subscribed.
+     *
+     * @ignore
      */
     private _bindEvents;
     /**
-     *  @ignore
+     * Binds properties to content button items.
+     * Sets the disabled state of child button items based on the parent's disabled state.
+     *
+     * @ignore
      */
     private _bindProps;
     /**
-     *  @ignore
+     * Handles click events from button items.
+     * Closes the parent component if available and emits the item click event.
+     *
+     * @param e - The click event from the button item.
+     * @ignore
      */
     protected _handleOnItemClick(e: AXClickEvent): void;
     /**
-     *  @ignore
+     * Emits the onItemClick event with details about the clicked item.
+     *
+     * @param e - The click event from the button item.
+     * @param item - The button item component that was clicked.
+     * @ignore
      */
     _emitOnItemClickEvent(e: AXClickEvent, item: AXButtonItemComponent): void;
     /**
-     *  @ignore
+     * Generates the CSS classes for the button item list host element.
+     * Includes classes for action list and vertical layout.
+     *
+     * @returns string - The space-separated CSS class names.
+     * @ignore
      */
     private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonItemListComponent, never>;
@@ -222,7 +261,7 @@ declare class AXButtonComponent extends MXButtonBaseComponent implements AfterVi
 
 declare class AXButtonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXButtonModule, never, [typeof i1.CommonModule, typeof i2.AXCommonModule, typeof i3.AXDecoratorModule, typeof i4.AXLoadingModule, typeof i2.AXRippleDirective, typeof AXButtonComponent, typeof AXButtonItemComponent, typeof AXButtonItemListComponent], [typeof AXButtonComponent, typeof AXButtonItemComponent, typeof AXButtonItemListComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXButtonModule, never, [typeof AXButtonComponent, typeof AXButtonItemComponent, typeof AXButtonItemListComponent], [typeof AXButtonComponent, typeof AXButtonItemComponent, typeof AXButtonItemListComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXButtonModule>;
 }
 

package/button-group/index.d.ts

@@ -2,9 +2,6 @@ import * as polytype from 'polytype';
 import { MXInteractiveComponent, MXColorLookComponent, AXClickEvent, AXSelectionMode, AXStyleColorType, MXColorComponent } from '@acorex/cdk/common';
 import * as i0 from '@angular/core';
 import { EventEmitter } from '@angular/core';
-import * as i1 from '@angular/common';
-import * as i2 from '@acorex/components/decorators';
-import * as i3 from '@acorex/components/button';
 
 declare const AXButtonGroupComponent_base: polytype.Polytype.ClusteredConstructor<[typeof MXInteractiveComponent, typeof MXColorLookComponent]>;
 /**
@@ -30,6 +27,11 @@ declare class AXButtonGroupComponent extends AXButtonGroupComponent_base {
      * @event
      */
     selectionChange: EventEmitter<AXSelectionMode>;
+    /**
+     * Emits the button item component instance when the selected button changes.
+     *
+     * @event
+     */
     selectedButtonChange: i0.OutputEmitterRef<AXButtonGroupItemComponent>;
     /**
      *  @ignore
@@ -54,9 +56,10 @@ declare class AXButtonGroupComponent extends AXButtonGroupComponent_base {
      */
     private _bindProps;
     /**
+     *  @ignore
      * Updates component properties based on internal option changes.
      */
-    internalOptionChanged(): void;
+    protected internalOptionChanged(): void;
     /**
      *  @ignore
      */
@@ -158,7 +161,7 @@ declare class AXButtonGroupItemComponent extends AXButtonGroupItemComponent_base
 
 declare class AXButtonGroupModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonGroupModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXButtonGroupModule, never, [typeof i1.CommonModule, typeof i2.AXDecoratorModule, typeof i3.AXButtonModule, typeof AXButtonGroupComponent, typeof AXButtonGroupItemComponent], [typeof AXButtonGroupComponent, typeof AXButtonGroupItemComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXButtonGroupModule, never, [typeof AXButtonGroupComponent, typeof AXButtonGroupItemComponent], [typeof AXButtonGroupComponent, typeof AXButtonGroupItemComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXButtonGroupModule>;
 }
 

package/calendar/index.d.ts

@@ -1,15 +1,10 @@
 import * as polytype from 'polytype';
 import * as i0 from '@angular/core';
 import { TemplateRef, EventEmitter, AfterViewInit } from '@angular/core';
-import * as i5 from '@acorex/cdk/common';
 import { MXBaseComponent, AXItemClickEvent, AXRangeChangedEvent, MXValueComponent, AXRange, MXInteractiveComponent, AXClickEvent, MXComponentOptionChanged } from '@acorex/cdk/common';
-import * as i2 from '@acorex/core/date-time';
 import { AXCalendarService, AXDateTime, AXDateTimeRange } from '@acorex/core/date-time';
 import { AXLocaleService } from '@acorex/core/locale';
-import * as i3 from '@acorex/core/translation';
 import { AXTranslationService } from '@acorex/core/translation';
-import * as i1 from '@angular/common';
-import * as i4 from '@acorex/components/tooltip';
 
 type AXCalendarViewType = 'year' | 'month' | 'day';
 type AXCalendarViewDepth = AXCalendarViewType;
@@ -192,7 +187,7 @@ declare const AXCalendarComponent_base: polytype.Polytype.ClusteredConstructor<[
 declare class AXCalendarComponent extends AXCalendarComponent_base implements AfterViewInit {
     private formatService;
     protected calendar: i0.WritableSignal<string>;
-    get displayRange(): AXDateTimeRange;
+    get displayRange(): AXDateTimeRange | null;
     /**
      *  @ignore
      */
@@ -277,6 +272,9 @@ declare class AXCalendarComponent extends AXCalendarComponent_base implements Af
      *  @ignore
      */
     protected _handleNavClick(e: AXClickEvent | any, view: AXCalendarViewType): void;
+    /**
+     * Toggles between different calendar views (day → month → year).
+     */
     toggleView(): void;
     /**
      *  @ignore
@@ -295,18 +293,31 @@ declare class AXCalendarComponent extends AXCalendarComponent_base implements Af
      */
     protected _handleGoToday(): void;
     /**
-     * Navigates to the next item.
-     * @ignore
+     * Navigates forward in the calendar based on the current active view and the configured count.
+     *
+     * Behavior by view:
+     * - day view: advances by count months
+     * - month view: advances by count years
+     * - year view: advances by 10 × count years
+     *
+     * @returns void
      */
     next(): void;
     /**
-     * Navigates to the previous item.
-     * @ignore
+     * Navigates backward in the calendar based on the current active view and the configured count.
+     *
+     * Behavior by view:
+     * - day view: goes back by count months
+     * - month view: goes back by count years
+     * - year view: goes back by 10 × count years
+     *
+     * @returns void
      */
     prev(): void;
     /**
      * Sets focus to the currently selected calendar slot or the first available slot.
-     * @ignore
+     *
+     * @returns void
      */
     focus(): void;
     /**
@@ -314,15 +325,16 @@ declare class AXCalendarComponent extends AXCalendarComponent_base implements Af
      */
     private _navNextPrev;
     /**
-     * Navigates to the current date.
-     * @ignore
+     * Navigates to the current date and emits the navigation event.
+     *
+     * @returns void
      */
     goToday(): void;
     /**
      * Navigates to a specified date and updates the view.
      *
-     * @param date - The date to navigate to, which can be a `Date` object or an `AXDateTime` instance.
-     * @ignore
+     * @param date The date to navigate to, which can be a Date object or an AXDateTime instance.
+     * @returns void
      */
     navTo(date: Date | AXDateTime): void;
     /**
@@ -359,7 +371,7 @@ declare class AXCalendarComponent extends AXCalendarComponent_base implements Af
 
 declare class AXCalendarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCalendarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCalendarModule, never, [typeof i1.CommonModule, typeof i2.AXDateTimeModule, typeof i3.AXTranslationModule, typeof i4.AXTooltipModule, typeof i5.AXRippleDirective, typeof AXCalendarComponent, typeof AXCalendarRangeComponent], [typeof AXCalendarComponent, typeof AXCalendarRangeComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCalendarModule, never, [typeof AXCalendarComponent, typeof AXCalendarRangeComponent], [typeof AXCalendarComponent, typeof AXCalendarRangeComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXCalendarModule>;
 }
 

package/check-box/index.d.ts

@@ -1,9 +1,6 @@
 import * as polytype from 'polytype';
 import * as i0 from '@angular/core';
 import { MXValueComponent, MXColorComponent } from '@acorex/cdk/common';
-import * as i1 from '@angular/common';
-import * as i2 from '@angular/forms';
-import * as i3 from '@acorex/components/decorators';
 
 declare const AXCheckBoxComponent_base: polytype.Polytype.ClusteredConstructor<[{
     new (): MXValueComponent<boolean>;
@@ -63,12 +60,12 @@ declare class AXCheckBoxComponent extends AXCheckBoxComponent_base {
     private get __hostClass();
     protected changeValue(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCheckBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXCheckBoxComponent, "ax-check-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "color": { "alias": "color"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, ["_labels"], ["ax-label", "ax-form-hint", "ax-validation-rule"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCheckBoxComponent, "ax-check-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "color": { "alias": "color"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, ["_labels"], ["ax-label", "ax-form-hint", "ax-validation-rule"], true, never>;
 }
 
 declare class AXCheckBoxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCheckBoxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCheckBoxModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i3.AXDecoratorModule, typeof AXCheckBoxComponent], [typeof AXCheckBoxComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCheckBoxModule, never, [typeof AXCheckBoxComponent], [typeof AXCheckBoxComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXCheckBoxModule>;
 }