@acorex/components 20.2.0-next.9 → 20.2.1

package/accordion/index.d.ts

@@ -1,16 +1,18 @@
 import * as _angular_core from '@angular/core';
-import * as i1 from '@acorex/cdk/accordion';
+import { AXAccordionItemDirective } from '@acorex/cdk/accordion';
 import { AXClickEvent } from '@acorex/cdk/common';
 
 declare class AXAccordionGroupComponent {
     #private;
     private accordionGroup;
+    private content;
     accordion: _angular_core.InputSignal<boolean>;
     activeIndex: _angular_core.ModelSignal<number | number[]>;
     look: _angular_core.InputSignal<string>;
+    collapsedOnItemClick: _angular_core.InputSignal<boolean>;
     private get __hostClass();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXAccordionGroupComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXAccordionGroupComponent, "ax-accordion-group", never, { "accordion": { "alias": "accordion"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; }, { "activeIndex": "activeIndexChange"; }, never, ["ax-accordion-item"], true, [{ directive: typeof i1.AXAccordionGroupDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXAccordionGroupComponent, "ax-accordion-group", never, { "accordion": { "alias": "accordion"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "collapsedOnItemClick": { "alias": "collapsedOnItemClick"; "required": false; "isSignal": true; }; }, { "activeIndex": "activeIndexChange"; }, ["content"], ["ax-accordion-item"], true, never>;
 }
 
 declare class AXAccordionItemComponent {
@@ -22,8 +24,7 @@ declare class AXAccordionItemComponent {
     headerTemplate: _angular_core.InputSignal<any>;
     look: _angular_core.InputSignal<string>;
     disabled: _angular_core.InputSignal<boolean>;
-    collapsedOnItemClick: _angular_core.InputSignal<boolean>;
-    private accordionItem;
+    accordionItem: _angular_core.Signal<AXAccordionItemDirective>;
     private parent;
     onClick: _angular_core.OutputEmitterRef<AXClickEvent>;
     get __hostClass(): string[];
@@ -31,7 +32,7 @@ declare class AXAccordionItemComponent {
     close(): void;
     toggle(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXAccordionItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXAccordionItemComponent, "ax-accordion-item", never, { "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "collapsedOnItemClick": { "alias": "collapsedOnItemClick"; "required": false; "isSignal": true; }; }, { "isCollapsed": "isCollapsedChange"; "isLoading": "isLoadingChange"; "onClick": "onClick"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXAccordionItemComponent, "ax-accordion-item", never, { "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "isCollapsed": "isCollapsedChange"; "isLoading": "isLoadingChange"; "onClick": "onClick"; }, never, ["*"], true, never>;
 }
 
 declare class AXAccordionModule {

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';
 
@@ -124,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>;
 }
 

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.
@@ -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/aspect-ratio/README.md

@@ -0,0 +1,3 @@
+# @acorex/components/aspect-ratio
+
+Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/aspect-ratio`.

package/aspect-ratio/index.d.ts

@@ -0,0 +1,11 @@
+import * as _angular_core from '@angular/core';
+import { NXComponent } from '@acorex/cdk/common';
+
+declare class AXAspectRatioComponent extends NXComponent {
+    ratio: _angular_core.InputSignal<number>;
+    paddingTop: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXAspectRatioComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXAspectRatioComponent, "ax-aspect-ratio", never, { "ratio": { "alias": "ratio"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { AXAspectRatioComponent };

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.
@@ -112,7 +116,7 @@ declare class AXAutocompleteComponent extends AXAutocompleteComponent_base imple
     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>;
@@ -52,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,6 +18,7 @@ interface AXBreadcrumbsItems {
  * @category Components
  */
 declare class AXBreadCrumbsComponent extends MXBaseComponent implements AfterViewInit {
+    private readonly platformId;
     /**
      * Content child template for custom divider between breadcrumb items.
      */
@@ -62,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]>;
 /**
@@ -14,6 +11,7 @@ declare const AXButtonGroupComponent_base: polytype.Polytype.ClusteredConstructo
  */
 declare class AXButtonGroupComponent extends AXButtonGroupComponent_base {
     #private;
+    readonly fitParent: i0.InputSignal<boolean>;
     /**
      * Fires when any button in the group is clicked.
      *
@@ -30,6 +28,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 +57,10 @@ declare class AXButtonGroupComponent extends AXButtonGroupComponent_base {
      */
     private _bindProps;
     /**
+     *  @ignore
      * Updates component properties based on internal option changes.
      */
-    internalOptionChanged(): void;
+    protected internalOptionChanged(): void;
     /**
      *  @ignore
      */
@@ -78,7 +82,7 @@ declare class AXButtonGroupComponent extends AXButtonGroupComponent_base {
      */
     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"; "onClick": "onClick"; "selectionChange": "selectionChange"; "selectedButtonChange": "selectedButtonChange"; }, ["_contentButtons"], ["ax-button-group-item"], true, 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; }; "fitParent": { "alias": "fitParent"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "lookChange": "lookChange"; "colorChange": "colorChange"; "disabledChange": "disabledChange"; "onClick": "onClick"; "selectionChange": "selectionChange"; "selectedButtonChange": "selectedButtonChange"; }, ["_contentButtons"], ["ax-button-group-item"], true, never>;
 }
 
 interface AXButtonItemListItem {
@@ -158,7 +162,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;
@@ -176,7 +171,7 @@ declare class AXCalendarRangeComponent extends AXCalendarRangeComponent_base imp
      */
     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, ["*"], true, 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; }; "dayCellTemplate": { "alias": "dayCellTemplate"; "required": false; }; "monthCellTemplate": { "alias": "monthCellTemplate"; "required": false; }; "yearCellTemplate": { "alias": "yearCellTemplate"; "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, ["*"], true, never>;
 }
 
 declare const AXCalendarComponent_base: polytype.Polytype.ClusteredConstructor<[{
@@ -191,8 +186,10 @@ declare const AXCalendarComponent_base: polytype.Polytype.ClusteredConstructor<[
  */
 declare class AXCalendarComponent extends AXCalendarComponent_base implements AfterViewInit {
     private formatService;
+    weekend: i0.InputSignal<number[]>;
+    weekdays: i0.InputSignal<number[]>;
     protected calendar: i0.WritableSignal<string>;
-    get displayRange(): AXDateTimeRange;
+    get displayRange(): AXDateTimeRange | null;
     /**
      *  @ignore
      */
@@ -277,6 +274,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
@@ -368,12 +368,12 @@ declare class AXCalendarComponent extends AXCalendarComponent_base implements Af
      */
     protected getMonthName(date: AXDateTime, style: 'short' | 'long'): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCalendarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXCalendarComponent, "ax-calendar", 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; }; "count": { "alias": "count"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "onOptionChanged": "onOptionChanged"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "minValueChange": "minValueChange"; "maxValueChange": "maxValueChange"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; "typeChange": "typeChange"; "activeViewChange": "activeViewChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "onSlotClick": "onSlotClick"; "countChange": "countChange"; }, never, ["ax-header", "ax-footer"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCalendarComponent, "ax-calendar", 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; }; "dayCellTemplate": { "alias": "dayCellTemplate"; "required": false; }; "monthCellTemplate": { "alias": "monthCellTemplate"; "required": false; }; "yearCellTemplate": { "alias": "yearCellTemplate"; "required": false; }; "cellClass": { "alias": "cellClass"; "required": false; }; "showNavigation": { "alias": "showNavigation"; "required": false; }; "count": { "alias": "count"; "required": false; }; "id": { "alias": "id"; "required": false; }; "weekend": { "alias": "weekend"; "required": false; "isSignal": true; }; "weekdays": { "alias": "weekdays"; "required": false; "isSignal": true; }; }, { "onOptionChanged": "onOptionChanged"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "minValueChange": "minValueChange"; "maxValueChange": "maxValueChange"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; "typeChange": "typeChange"; "activeViewChange": "activeViewChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "onSlotClick": "onSlotClick"; "countChange": "countChange"; }, never, ["ax-header", "ax-footer"], true, never>;
 }
 
 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>;
@@ -68,7 +65,7 @@ declare class AXCheckBoxComponent extends AXCheckBoxComponent_base {
 
 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>;
 }
 

package/chips/index.d.ts

@@ -1,7 +1,6 @@
 import * as i0 from '@angular/core';
 import * as i1 from '@acorex/cdk/common';
 import { AXStyleLookType, AXStyleSizeType, MXColorComponent } from '@acorex/cdk/common';
-import * as i1$1 from '@angular/common';
 
 type AXChipsLookType = Extract<AXStyleLookType, 'solid' | 'outline' | 'twotone'>;
 type AXChipsSizeType = Exclude<AXStyleSizeType, 'ax-xs' | 'ax-xl'>;
@@ -29,7 +28,7 @@ declare class AXChipsComponent extends MXColorComponent {
 
 declare class AXChipsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXChipsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXChipsModule, never, [typeof i1$1.CommonModule, typeof AXChipsComponent], [typeof AXChipsComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXChipsModule, never, [typeof AXChipsComponent], [typeof AXChipsComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXChipsModule>;
 }
 

package/circular-progress/index.d.ts

@@ -4,7 +4,8 @@ import { MXColorComponent } from '@acorex/cdk/common';
 
 type AXCircularProgressMode = 'determinate' | 'indeterminate';
 /**
- * The Button is a component which detects user interaction and triggers a corresponding event
+ * Displays the progress of an operation in a circular form. Supports determinate and indeterminate modes,
+ * configurable size and stroke, and color theming.
  *
  * @category Components
  */
@@ -14,29 +15,20 @@ declare class AXCircularProgressComponent extends MXColorComponent {
      */
     circle: _angular_core.Signal<ElementRef<HTMLDivElement>>;
     /**
-     * Defines the current progress of the circular progress component.
-     *
-     * Change progress mode
-     *
+     * Defines the progress calculation mode.
+     * Use 'determinate' to show a specific percentage or 'indeterminate' for ongoing/spinner state.
      */
     mode: _angular_core.InputSignal<AXCircularProgressMode>;
     /**
-     * Defines the current progress of the circular progress component.
-     *
-     * The percentage value to set for the progress.
-     *
+     * The percentage value to set for the progress (0–100).
      */
     progress: _angular_core.ModelSignal<number>;
     /**
-     * Defines the stroke width of the circular progress component.
-     *
-     * The stroke width to be set for the circular progress component.
+     * Stroke width of the circular track, in pixels.
      */
     stroke: _angular_core.ModelSignal<number>;
     /**
-     * Defines the stroke width of the circular progress component.
-     *
-     * Circle size
+     * Overall diameter of the circular progress, in pixels.
      */
     size: _angular_core.ModelSignal<number>;
     /**
@@ -48,15 +40,28 @@ declare class AXCircularProgressComponent extends MXColorComponent {
      */
     private get __hostClass();
     /**
-     * @ignore
+     * Sets the CSS custom properties to reflect the current `size` and `stroke` values.
+     *
+     * Updates `--ax-comp-circular-progress-circle-size` and `--ax-comp-circular-progress-stroke-size` on the circle.
+     *
+     * @returns void - Styles are applied to the circle element when available.
      */
     setCircularSize(): void;
     /**
-     * @ignore
+     * Recalculates and applies the progress arc background based on the current `progress` value.
+     *
+     * Uses a conic-gradient with `--ax-comp-progress-circular-color` and `--ax-comp-progress-circular-line-color`.
+     * The expected range for `progress` is 0–100.
+     *
+     * @returns void - Styles are applied to the circle element when available.
      */
     updateProgress(): void;
     /**
-     * @ignore
+     * Applies a default visual state for the indeterminate mode when no explicit `progress` is set.
+     *
+     * If `mode` is 'indeterminate' and `progress` is not set, it sets `progress` to 65 to render a visible arc.
+     *
+     * @returns void
      */
     setIndeterminateMode(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXCircularProgressComponent, never>;