@acorex/components 21.0.2-next.3 → 21.0.2-next.31

package/{types/acorex-components-accordion.d.ts → accordion/index.d.ts}

@@ -12,6 +12,7 @@ declare class AXAccordionGroupComponent {
     activeIndex: _angular_core.ModelSignal<number | number[]>;
     look: _angular_core.InputSignal<AXAccordionLook>;
     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; }; "collapsedOnItemClick": { "alias": "collapsedOnItemClick"; "required": false; "isSignal": true; }; }, { "activeIndex": "activeIndexChange"; }, ["content"], ["ax-accordion-item"], true, never>;
 }

package/{types/acorex-components-button.d.ts → button/index.d.ts}

@@ -64,7 +64,7 @@ declare class AXButtonItemComponent extends AXButtonItemComponent_base {
      * @param e - The mouse event that triggered the click.
      * @ignore
      */
-    __hostClick(e: MouseEvent): void;
+    private __hostClick;
     /**
      * Handles focus events on the button item host element.
      * Emits the onFocus event.
@@ -72,7 +72,7 @@ declare class AXButtonItemComponent extends AXButtonItemComponent_base {
      * @param e - The focus event that was triggered.
      * @ignore
      */
-    __hostFocus(e: FocusEvent): void;
+    private __hostFocus;
     /**
      * Handles blur events on the button item host element.
      * Emits the onBlur event.
@@ -80,7 +80,7 @@ declare class AXButtonItemComponent extends AXButtonItemComponent_base {
      * @param e - The blur event that was triggered.
      * @ignore
      */
-    __hostBlur(e: FocusEvent): void;
+    private __hostBlur;
     /**
      * Generates the CSS classes for the button item host element.
      * Includes classes for icon-only state, disabled state, selected state, divided state, and color.

package/{types/acorex-components-button-group.d.ts → button-group/index.d.ts}

@@ -1,18 +1,17 @@
+import * as polytype from 'polytype';
+import { MXInteractiveComponent, MXColorLookComponent, AXClickEvent, AXSelectionMode, MXColorComponent, AXStyleColorType } from '@acorex/cdk/common';
 import * as i0 from '@angular/core';
 import { EventEmitter } from '@angular/core';
-import { MXInteractiveComponent, AXStyleColorType, AXStyleLookType, AXClickEvent, AXSelectionMode } from '@acorex/cdk/common';
 
+declare const AXButtonGroupComponent_base: polytype.Polytype.ClusteredConstructor<[typeof MXInteractiveComponent, typeof MXColorLookComponent]>;
 /**
  * A component that groups multiple buttons together, allowing for consistent styling and behavior.
  *
  * @category Components
  */
-declare class AXButtonGroupComponent extends MXInteractiveComponent {
+declare class AXButtonGroupComponent extends AXButtonGroupComponent_base {
     #private;
     readonly fitParent: i0.InputSignal<boolean>;
-    color: AXStyleColorType;
-    look: AXStyleLookType;
-    readonly customClass: i0.InputSignal<string>;
     /**
      * Fires when any button in the group is clicked.
      *
@@ -81,9 +80,9 @@ declare class AXButtonGroupComponent extends MXInteractiveComponent {
     /**
      *  @ignore
      */
-    __hostClick(e: MouseEvent): void;
+    private __hostClick;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonGroupComponent, "ax-button-group", never, { "disabled": { "alias": "disabled"; "required": false; }; "fitParent": { "alias": "fitParent"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "customClass": { "alias": "class"; "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>;
+    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 {
@@ -94,14 +93,14 @@ interface AXButtonItemListItem {
     disabled?: boolean;
     color?: AXStyleColorType;
 }
+declare const AXButtonGroupItemComponent_base: polytype.Polytype.ClusteredConstructor<[typeof MXInteractiveComponent, typeof MXColorComponent]>;
 /**
  * Represents a button item with optional content like icons, text, and dropdowns.
  *
  * @category Components
  */
-declare class AXButtonGroupItemComponent extends MXInteractiveComponent {
+declare class AXButtonGroupItemComponent extends AXButtonGroupItemComponent_base {
     btnGroup: AXButtonGroupComponent;
-    color: AXStyleColorType;
     /**
      * Text displayed on the button item.
      */
@@ -110,7 +109,6 @@ declare class AXButtonGroupItemComponent extends MXInteractiveComponent {
      *  @ignore
      */
     private _selected;
-    readonly customClass: i0.ModelSignal<string>;
     /**
      * Indicates whether the button item is selected.
      *
@@ -141,15 +139,15 @@ declare class AXButtonGroupItemComponent extends MXInteractiveComponent {
     /**
      *  @ignore
      */
-    __hostClick(e: MouseEvent): void;
+    private __hostClick;
     /**
      *  @ignore
      */
-    __hostFocus(e: FocusEvent): void;
+    private __hostFocus;
     /**
      *  @ignore
      */
-    __hostBlur(e: FocusEvent): void;
+    private __hostBlur;
     /**
      *  @ignore
      */
@@ -159,7 +157,7 @@ declare class AXButtonGroupItemComponent extends MXInteractiveComponent {
      */
     tabindex: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonGroupItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonGroupItemComponent, "ax-button-group-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "text": { "alias": "text"; "required": false; }; "customClass": { "alias": "class"; "required": false; "isSignal": true; }; "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"; "customClass": "classChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonGroupItemComponent, "ax-button-group-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, ["*"], true, never>;
 }
 
 declare class AXButtonGroupModule {

package/{types/acorex-components-calendar.d.ts → calendar/index.d.ts}

@@ -1,13 +1,19 @@
 import * as polytype from 'polytype';
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import { TemplateRef, EventEmitter, AfterViewInit } from '@angular/core';
-import { MXBaseComponent, AXItemClickEvent, AXRangeChangedEvent, MXValueComponent, AXRange, MXInteractiveComponent, AXClickEvent, MXComponentOptionChanged } from '@acorex/cdk/common';
+import { MXBaseComponent, AXItemClickEvent, AXRangeChangedEvent, MXValueComponent, AXRange, MXInteractiveComponent, AXValueChangedEvent, AXClickEvent, MXComponentOptionChanged } from '@acorex/cdk/common';
 import { AXCalendarService, AXDateTimeRange, AXDateTime } from '@acorex/core/date-time';
 import { AXLocaleService } from '@acorex/core/locale';
 import { AXTranslationService } from '@acorex/core/translation';
 
 type AXCalendarViewType = 'year' | 'month' | 'day';
 type AXCalendarViewDepth = AXCalendarViewType;
+/**
+ * Controls how month and year are chosen in the day view header.
+ * - `classic`: tap year/month labels to open month/year picker panels.
+ * - `select`: month/year dropdowns with prev/next arrows on the edges.
+ */
+type AXCalendarNavigationLookType = 'classic' | 'select';
 type AXCalendarDisabledDates = Date[] | ((date: Date) => boolean);
 type AXCalendarHolidayDates = Date[] | ((date: Date) => boolean);
 type AXCalendarCellCssClass = string | {
@@ -91,21 +97,25 @@ declare class MXCalendarBaseComponent extends MXBaseComponent {
     get holidayDates(): AXCalendarHolidayDates;
     set holidayDates(v: AXCalendarHolidayDates);
     render(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MXCalendarBaseComponent, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<MXCalendarBaseComponent>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MXCalendarBaseComponent, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<MXCalendarBaseComponent>;
 }
 declare const CALENDAR_INPUTS: string[];
 declare const CALENDAR_OUTPUTS: string[];
 
 declare const AXCalendarRangeComponent_base: polytype.Polytype.ClusteredConstructor<[{
     new (): MXValueComponent<AXRange<Date>>;
-    ɵfac: i0.ɵɵFactoryDeclaration<MXValueComponent<any>, never>;
-    ɵprov: i0.ɵɵInjectableDeclaration<MXValueComponent<any>>;
+    ɵfac: _angular_core.ɵɵFactoryDeclaration<MXValueComponent<any>, never>;
+    ɵprov: _angular_core.ɵɵInjectableDeclaration<MXValueComponent<any>>;
 }, typeof MXInteractiveComponent, typeof MXCalendarBaseComponent]>;
 declare class AXCalendarRangeComponent extends AXCalendarRangeComponent_base implements AfterViewInit {
     private formatService;
     private unsubscriber;
-    protected calendar: i0.WritableSignal<string>;
+    protected calendar: _angular_core.WritableSignal<string>;
+    /**
+     * Day view navigation style passed through to embedded calendars.
+     */
+    look: _angular_core.InputSignal<AXCalendarNavigationLookType>;
     /**
      *  @ignore
      */
@@ -174,14 +184,14 @@ declare class AXCalendarRangeComponent extends AXCalendarRangeComponent_base imp
      *  @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; }; "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>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXCalendarRangeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵ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; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; }, { "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<[{
     new (): MXValueComponent<Date>;
-    ɵfac: i0.ɵɵFactoryDeclaration<MXValueComponent<any>, never>;
-    ɵprov: i0.ɵɵInjectableDeclaration<MXValueComponent<any>>;
+    ɵfac: _angular_core.ɵɵFactoryDeclaration<MXValueComponent<any>, never>;
+    ɵprov: _angular_core.ɵɵInjectableDeclaration<MXValueComponent<any>>;
 }, typeof MXInteractiveComponent, typeof MXCalendarBaseComponent]>;
 /**
  * A calendar component that provides a customizable calendar view with various options for selection, navigation, and styling.
@@ -190,9 +200,15 @@ 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>;
+    weekend: _angular_core.InputSignal<number[]>;
+    weekdays: _angular_core.InputSignal<number[]>;
+    /**
+     * Day view navigation style.
+     * - `classic`: tap year/month labels to open month/year picker panels.
+     * - `select`: month/year dropdowns with prev/next arrows on the edges.
+     */
+    look: _angular_core.InputSignal<AXCalendarNavigationLookType>;
+    protected calendar: _angular_core.WritableSignal<string>;
     get displayRange(): AXDateTimeRange | null;
     /**
      *  @ignore
@@ -214,6 +230,28 @@ declare class AXCalendarComponent extends AXCalendarComponent_base implements Af
      *  @ignore
      */
     protected views: AXCalendarView[];
+    /**
+     *  @ignore
+     */
+    protected _monthOptions: {
+        id: number;
+        text: string;
+    }[];
+    /**
+     *  @ignore
+     */
+    protected _yearOptions: {
+        id: number;
+        text: string;
+    }[];
+    /**
+     *  @ignore
+     */
+    protected get _currentMonth(): number;
+    /**
+     *  @ignore
+     */
+    protected get _currentYear(): number;
     /**
      *  @ignore
      */
@@ -246,6 +284,22 @@ declare class AXCalendarComponent extends AXCalendarComponent_base implements Af
      *  @ignore
      */
     render(): void;
+    /**
+     *  @ignore
+     */
+    private _updateSelectOptions;
+    /**
+     *  @ignore
+     */
+    protected _handleMonthSelectChanged(e: AXValueChangedEvent): void;
+    /**
+     *  @ignore
+     */
+    protected _handleYearSelectChanged(e: AXValueChangedEvent): void;
+    /**
+     *  @ignore
+     */
+    private _getSelectBoxValue;
     /**
      *  @ignore
      */
@@ -371,15 +425,15 @@ declare class AXCalendarComponent extends AXCalendarComponent_base implements Af
      *  @ignore
      */
     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; }; "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>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXCalendarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵ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; }; "look": { "alias": "look"; "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 AXCalendarComponent, typeof AXCalendarRangeComponent], [typeof AXCalendarComponent, typeof AXCalendarRangeComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<AXCalendarModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXCalendarModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXCalendarModule, never, [typeof AXCalendarComponent, typeof AXCalendarRangeComponent], [typeof AXCalendarComponent, typeof AXCalendarRangeComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXCalendarModule>;
 }
 
 export { AXCalendarComponent, AXCalendarModule, AXCalendarNavigateEvent, AXCalendarRangeComponent, AXCalendarSlotClick, CALENDAR_INPUTS, CALENDAR_OUTPUTS, MXCalendarBaseComponent };
-export type { AXCalendarCellCssClass, AXCalendarDisabledDates, AXCalendarHolidayDates, AXCalendarView, AXCalendarViewDepth, AXCalendarViewSlot, AXCalendarViewType, AXDateTimePickerType };
+export type { AXCalendarCellCssClass, AXCalendarDisabledDates, AXCalendarHolidayDates, AXCalendarNavigationLookType, AXCalendarView, AXCalendarViewDepth, AXCalendarViewSlot, AXCalendarViewType, AXDateTimePickerType };

package/{types/acorex-components-check-box.d.ts → check-box/index.d.ts}

@@ -49,7 +49,7 @@ declare class AXCheckBoxComponent extends AXCheckBoxComponent_base {
     /**
      * @ignore
      */
-    _handleClick(e: UIEvent): boolean;
+    private _handleClick;
     /**
      *  @ignore
      */

package/{types/acorex-components-chips.d.ts → chips/index.d.ts}

@@ -1,25 +1,29 @@
 import * as i0 from '@angular/core';
 import * as i1 from '@acorex/cdk/common';
-import { MXColorLookComponent } from '@acorex/cdk/common';
+import { MXColorComponent, AXStyleLookType, AXStyleSizeType } from '@acorex/cdk/common';
 
+type AXChipsLookType = Extract<AXStyleLookType, 'solid' | 'outline' | 'twotone'>;
+type AXChipsSizeType = Exclude<AXStyleSizeType, 'ax-xs' | 'ax-xl'>;
 /**
  * A component for displaying and managing a set of chips.
  *
  * @category Components
  */
-declare class AXChipsComponent extends MXColorLookComponent {
+declare class AXChipsComponent extends MXColorComponent {
     /**
      * The text displayed on the chips.
      *
      * @defaultValue ''
      */
     text: i0.ModelSignal<string>;
+    look: i0.ModelSignal<AXChipsLookType>;
+    size: i0.ModelSignal<AXChipsSizeType>;
     /**
      *  @ignore
      */
     private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXChipsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXChipsComponent, "ax-chips", never, { "tabIndex": { "alias": "tabIndex"; "required": false; }; "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, { "text": "textChange"; }, never, ["ax-prefix", "ax-suffix"], true, [{ directive: typeof i1.AXRippleDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXChipsComponent, "ax-chips", never, { "tabIndex": { "alias": "tabIndex"; "required": false; }; "color": { "alias": "color"; "required": false; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "text": "textChange"; "look": "lookChange"; "size": "sizeChange"; }, never, ["ax-prefix", "ax-suffix"], true, [{ directive: typeof i1.AXRippleDirective; inputs: {}; outputs: {}; }]>;
 }
 
 declare class AXChipsModule {
@@ -29,3 +33,4 @@ declare class AXChipsModule {
 }
 
 export { AXChipsComponent, AXChipsModule };
+export type { AXChipsLookType, AXChipsSizeType };

package/collapse/README.md

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

package/collapse/index.d.ts

@@ -0,0 +1,174 @@
+import * as polytype from 'polytype';
+import { MXBaseComponent, MXLookComponent, AXClickEvent, MXInteractiveComponent } from '@acorex/cdk/common';
+import * as i0 from '@angular/core';
+import { AfterViewInit, OnDestroy, EventEmitter, TemplateRef } from '@angular/core';
+
+declare const AXCollapseGroupComponent_base: polytype.Polytype.ClusteredConstructor<[typeof MXBaseComponent, typeof MXLookComponent]>;
+/**
+ * Container for collapsible items with configurable styling.
+ *
+ * @category Components
+ */
+declare class AXCollapseGroupComponent extends AXCollapseGroupComponent_base implements AfterViewInit, OnDestroy {
+    /**
+     * Emitted when the accordion state changes.
+     *
+     * @event
+     */
+    accordionChange: EventEmitter<boolean>;
+    /**
+     *  @ignore
+     */
+    private _accordion?;
+    /**
+     *  Enables accordion behavior, allowing only one collapsible item to be expanded at a time
+     */
+    get accordion(): boolean | undefined;
+    set accordion(value: boolean);
+    /**
+     * Emits when the active index changes.
+     * @event
+     */
+    activeIndexChange: EventEmitter<number>;
+    /**
+     *  @ignore
+     */
+    private _activeIndex;
+    /**
+     *  Index of the currently active item within the group
+     */
+    get activeIndex(): number;
+    set activeIndex(value: number);
+    private _items;
+    /**
+     *  @ignore
+     */
+    private _subs;
+    /**
+     *  @ignore
+     */
+    ngAfterViewInit(): void;
+    /**
+     *  @ignore
+     */
+    private applyAccordion;
+    /**
+     *  @ignore
+     */
+    private removeAccordion;
+    /**
+     *  @ignore
+     */
+    ngOnDestroy(): void;
+    /**
+     *  @ignore
+     */
+    private get __hostClass();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXCollapseGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCollapseGroupComponent, "ax-collapse-group", never, { "look": { "alias": "look"; "required": false; }; "accordion": { "alias": "accordion"; "required": false; }; "activeIndex": { "alias": "activeIndex"; "required": false; }; }, { "accordionChange": "accordionChange"; "activeIndexChange": "activeIndexChange"; }, ["_items"], ["ax-collapse"], true, never>;
+}
+
+declare class AXCollapseClickEvent extends AXClickEvent {
+    handled: boolean;
+}
+declare const AXCollapseComponent_base: polytype.Polytype.ClusteredConstructor<[typeof MXInteractiveComponent, typeof MXLookComponent]>;
+/**
+ * A component that provides a collapsible section with animated transitions.
+ *
+ * @category Components
+ */
+declare class AXCollapseComponent extends AXCollapseComponent_base {
+    private parent;
+    /**
+     *  Fires each time the user clicks the panel header.
+     *  @event
+     */
+    onClick: EventEmitter<AXCollapseClickEvent>;
+    /**
+     * Fires an event when the collapse state changes.
+     *
+     * @event
+     */
+    isCollapsedChange: EventEmitter<any>;
+    /**
+     *  @ignore
+     */
+    private _isCollapsed;
+    /**
+     *  Providing a boolean value for its collapse state
+     */
+    get isCollapsed(): boolean;
+    set isCollapsed(v: boolean);
+    /**
+     *  @ignore
+     */
+    private _showHeader;
+    /**
+     *  Providing a boolean value for show or hide header
+     */
+    get showHeader(): boolean;
+    set showHeader(v: boolean);
+    /**
+     * Sets the caption for the collapse component.
+     *
+     * @defaultValue ''
+     */
+    caption: string;
+    /**
+     * Specifies the icon to display in the collapse component.
+     *
+     * @defaultValue ''
+     */
+    icon: string;
+    /**
+     *  @ignore
+     */
+    private _isLoading;
+    /**
+     *  Providing a boolean value for its collapse state
+     */
+    get isLoading(): boolean;
+    set isLoading(v: boolean);
+    /**
+     * Template used for the collapse component's header.
+     */
+    headerTemplate: TemplateRef<any>;
+    /**
+     * Handles header clicks, emitting a click event and toggling collapse state if not handled.
+     *
+     * @param e - The native mouse event.
+     */
+    handleHeaderClick(e: MouseEvent): void;
+    /**
+     * Expands the collapse component.
+     *
+     * @returns void - No return value. Sets `isCollapsed` to false and expands the body.
+     */
+    open(): void;
+    /**
+     * Collapses the collapse component.
+     *
+     * @returns void - No return value. Sets `isCollapsed` to true and hides the body.
+     */
+    close(): void;
+    /**
+     * Toggles the collapse state between expanded and collapsed.
+     *
+     * @returns void - No return value. Flips the `isCollapsed` state.
+     */
+    toggle(): void;
+    /**
+     *  @ignore
+     */
+    get __hostClass(): string[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXCollapseComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCollapseComponent, "ax-collapse", never, { "disabled": { "alias": "disabled"; "required": false; }; "look": { "alias": "look"; "required": false; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; }, { "onClick": "onClick"; "isCollapsedChange": "isCollapsedChange"; }, never, ["*"], true, never>;
+}
+
+declare class AXCollapseModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXCollapseModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCollapseModule, never, [typeof AXCollapseComponent, typeof AXCollapseGroupComponent], [typeof AXCollapseComponent, typeof AXCollapseGroupComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXCollapseModule>;
+}
+
+export { AXCollapseClickEvent, AXCollapseComponent, AXCollapseGroupComponent, AXCollapseModule };

package/conversation2/README.md

@@ -83,6 +83,7 @@ import {
   AXIndexedDBUserApi,
   AXIndexedDBConversationApi,
   AXIndexedDBMessageApi,
+  AXConversationIndexedDbUploaderApi,
   AXIndexedDBRealtimeApi,
 } from '@acorex/components/conversation2';
 
@@ -92,12 +93,11 @@ export const appConfig: ApplicationConfig = {
       userApi: AXIndexedDBUserApi,
       conversationApi: AXIndexedDBConversationApi,
       messageApi: AXIndexedDBMessageApi,
+      uploaderApi: AXConversationIndexedDbUploaderApi,
       realtimeApi: AXIndexedDBRealtimeApi, // optional
       config: {
         messagePageSize: 50,
         conversationPageSize: 30,
-        maxFileSize: 10 * 1024 * 1024,
-        allowedFileTypes: ['image/*', 'video/*', 'audio/*', 'application/pdf'],
       },
       registry: {
         // Optional: Register custom message renderers, actions, etc.
@@ -188,6 +188,7 @@ provideConversation({
   userApi: AXIndexedDBUserApi,
   conversationApi: AXIndexedDBConversationApi,
   messageApi: AXIndexedDBMessageApi,
+  uploaderApi: AXIndexedDBMediaUploaderApi,
   realtimeApi: AXIndexedDBRealtimeApi,
 });
 ```
@@ -208,6 +209,7 @@ provideConversation({
   userApi: AXIndexedDBUserApi,
   conversationApi: AXIndexedDBConversationApi,
   messageApi: AXIndexedDBMessageAIApi,
+  uploaderApi: AXIndexedDBMediaUploaderApi,
   realtimeApi: AXIndexedDBRealtimeApi,
 });
 ```
@@ -224,9 +226,9 @@ interface AXConversationConfig {
   infiniteScrollThreshold?: number;     // Default: 200px
   scrollThreshold?: number;             // Default: 100px
 
-  // File Upload
+  // File upload (fallback when action omits uploadConstraints fields)
   maxFileSize?: number;                 // Default: 10MB
-  allowedFileTypes?: string[];          // Default: see defaults
+  allowedFileTypes?: string[];          // Default: image/*, video/*, audio/*, pdf, doc
 
   // UI Behavior
   messageHighlightDuration?: number;    // Default: 2000ms
@@ -431,8 +433,8 @@ Supported message types out of the box:
 
 **Issue**: File upload fails
 
-- Check `maxFileSize` and `allowedFileTypes` configuration
-- Verify API `uploadFile()` implementation
+- Check `config.maxFileSize` / `config.allowedFileTypes` and per-action `uploadConstraints` (`allowedMimeTypes`, `minSize`, `maxSize`)
+- Verify `uploaderApi` is provided and implements `AXUploaderApi.upload()` with progress and `AbortSignal` support
 
 **Issue**: Styling issues