@acorex/components 22.1.0-next.31 → 22.1.0-next.33

package/types/acorex-components-audio-wave.d.ts

@@ -1,15 +1,9 @@
-import * as i0 from '@angular/core';
-import { OnDestroy, ElementRef, InputSignal } from '@angular/core';
-import WaveSurfer from 'wavesurfer.js';
+import * as _angular_core from '@angular/core';
 import { AXEvent } from '@acorex/cdk/common';
-import * as i1 from '@angular/common';
-import * as i2 from '@acorex/components/button';
-import * as i3 from '@acorex/components/decorators';
-import * as i4 from '@acorex/components/skeleton';
-import * as i5 from '@acorex/core/translation';
 
+type AXAudioWaveStatus = 'load' | 'loading' | 'decode' | 'ready' | 'redrawcomplete' | 'play' | 'pause' | 'finish' | 'timeupdate' | 'seeking' | 'interaction' | 'click' | 'drag' | 'scroll' | 'zoom' | 'destroy' | 'error';
+type AXAudioWaveState = 'playing' | 'paused' | 'loading' | 'ready' | 'error';
 interface AXWaveConfig {
-    container?: HTMLElement;
     waveColor?: string;
     progressColor?: string;
     url: string;
@@ -19,9 +13,22 @@ interface AXWaveConfig {
     height?: number;
     audioRate?: number;
 }
+interface AXAudioWaveEventPayload {
+    url?: string;
+    percent?: number;
+    duration?: number;
+    currentTime?: number;
+    newTime?: number;
+    relativeX?: number;
+    relativeY?: number;
+    visibleStartTime?: number;
+    visibleEndTime?: number;
+    minPxPerSec?: number;
+    message?: string;
+}
 interface AXAudioWaveChangeEvent extends AXEvent {
-    status: 'load' | 'loading' | 'decode' | 'ready' | 'redrawcomplete' | 'play' | 'pause' | 'finish' | 'timeupdate' | 'seeking' | 'interaction' | 'click' | 'drag' | 'scroll' | 'zoom' | 'destroy' | 'error';
-    data: null | any;
+    status: AXAudioWaveStatus;
+    data: AXAudioWaveEventPayload | null;
 }
 
 /**
@@ -29,61 +36,100 @@ interface AXAudioWaveChangeEvent extends AXEvent {
  *
  * @category Components
  */
-declare class AXAudioWaveComponent implements OnDestroy {
+declare class AXAudioWaveComponent {
     /**
-     *  @ignore
+     * @ignore
      */
-    protected div: ElementRef<HTMLDivElement>;
+    private readonly wave;
     /**
      * Configuration settings for the audio wave.
      */
-    config: InputSignal<AXWaveConfig>;
+    readonly config: _angular_core.InputSignal<AXWaveConfig>;
     /**
      * Emits an event when the status of the audio wave changes.
      *
      * @event
      */
-    onStatusChanged: i0.OutputEmitterRef<AXAudioWaveChangeEvent>;
-    audioState: i0.WritableSignal<"loading" | "ready" | "error" | "playing" | "paused">;
-    errorMessage: i0.WritableSignal<string>;
+    readonly onStatusChanged: _angular_core.OutputEmitterRef<AXAudioWaveChangeEvent>;
+    /**
+     * @ignore
+     */
+    protected readonly audioState: _angular_core.WritableSignal<AXAudioWaveState>;
+    /**
+     * @ignore
+     */
+    protected readonly errorMessage: _angular_core.WritableSignal<string>;
+    /**
+     * @ignore
+     */
+    protected readonly isWaveVisible: _angular_core.Signal<boolean>;
+    /**
+     * @ignore
+     */
+    private audio;
     /**
-     *  @ignore
+     * @ignore
      */
-    protected audio: WaveSurfer;
+    private loadedUrl;
     /**
-     *  @ignore
+     * @ignore
      */
-    private ngZone;
-    private platformID;
+    private lastVisualKey;
     /**
-     *  @ignore
+     * @ignore
+     */
+    private isDestroyed;
+    /**
+     * @ignore
+     */
+    private readonly ngZone;
+    /**
+     * @ignore
+     */
+    private readonly platformId;
+    /**
+     * @ignore
+     */
+    private readonly destroyRef;
+    /**
+     * @ignore
      */
     constructor();
     /**
      * Loads the audio from the specified URL.
      *
      * @param url - The URL of the audio to load. Defaults to the URL from the config.
+     * @returns A promise that resolves when loading starts, or immediately when unavailable.
      */
-    load(url?: string): void;
+    load(url?: string): Promise<void>;
     /**
      * Plays the audio.
      *
+     * @returns A promise that resolves when playback starts.
      */
-    play(): Promise<any>;
+    play(): Promise<void>;
     /**
      * Pauses the audio.
      */
     pause(): void;
     /**
-     * Retrieves the duration of the audio.
+     * Retrieves the duration of the audio in seconds.
      *
+     * @returns The audio duration, or `0` when unavailable.
      */
     getDuration(): number;
     /**
-     * Retrieves the media element of the audio.
+     * Retrieves the underlying HTML media element.
      *
+     * @returns The media element used by WaveSurfer, or `undefined` when unavailable.
      */
-    getMediaElement(): HTMLMediaElement;
+    getMediaElement(): HTMLMediaElement | undefined;
+    /**
+     * Retrieves the current playback position in seconds.
+     *
+     * @returns The current time, or `0` when unavailable.
+     */
+    getCurrentTime(): number;
     /**
      * Sets the playback rate of the audio.
      *
@@ -91,53 +137,66 @@ declare class AXAudioWaveComponent implements OnDestroy {
      */
     setRate(rate: number): void;
     /**
-     *  @ignore
-     */
-    protected bindEvents(): void;
-    /** When audio starts loading */
-    protected handleLoad(): void;
-    /** During audio loading */
-    protected handleLoading(): void;
-    /** When the audio has been decoded */
-    protected handleDecode(): void;
-    /** When the audio is both decoded and can play */
-    protected handleReady(): void;
-    /** When all audio channel chunks of the waveform have drawn */
-    protected handleRedRawComplete(): void;
-    /** When the audio starts playing */
-    protected handlePlay(): void;
-    /** When the audio pauses */
-    protected handlePause(): void;
-    /** When the audio finishes playing */
-    protected handleFinish(): void;
-    /** On audio position change, fires continuously during playback */
-    protected handleTimeUpdate(): void;
-    /** When the user seeks to a new position */
-    protected handleSeeking(): void;
-    /** When the user interacts with the waveform (i.g. clicks or drags on it) */
-    protected handleInteraction(): void;
-    /** When the user clicks on the waveform */
-    protected handleClick(): void;
-    /** When the user drags the cursor */
-    protected handleDrag(): void;
-    /** When the waveform is scrolled (panned) */
-    protected handleScroll(): void;
-    /** When the zoom level changes */
-    protected handleZoom(): void;
-    /** Just before the waveform is destroyed so you can clean up your events */
-    protected handleDestroy(): void;
-    /** Just before the waveform is destroyed so you can clean up your events */
-    protected handleError(): void;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXAudioWaveComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXAudioWaveComponent, "ax-audio-wave", never, { "config": { "alias": "config"; "required": false; "isSignal": true; }; }, { "onStatusChanged": "onStatusChanged"; }, never, never, true, never>;
+     * Mutes or unmutes the audio.
+     *
+     * @param muted - Whether the audio should be muted.
+     */
+    setMuted(muted: boolean): void;
+    /**
+     * Indicates whether the audio is currently muted.
+     *
+     * @returns True when muted; otherwise false.
+     */
+    isMuted(): boolean;
+    /**
+     * @ignore
+     */
+    private createWaveSurfer;
+    /**
+     * @ignore
+     */
+    private syncFromConfig;
+    /**
+     * @ignore
+     */
+    private applyUrlAndRate;
+    /**
+     * @ignore
+     */
+    private resolveVisualOptions;
+    /**
+     * @ignore
+     */
+    private readCssRgbVar;
+    /**
+     * @ignore
+     */
+    private bindEvents;
+    /**
+     * @ignore
+     */
+    private swallowAbort;
+    /**
+     * @ignore
+     */
+    private isAbortError;
+    /**
+     * @ignore
+     */
+    private emitStatus;
+    /**
+     * @ignore
+     */
+    private runInZone;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXAudioWaveComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXAudioWaveComponent, "ax-audio-wave", never, { "config": { "alias": "config"; "required": false; "isSignal": true; }; }, { "onStatusChanged": "onStatusChanged"; }, never, never, true, never>;
 }
 
 declare class AXAudioWaveModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXAudioWaveModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXAudioWaveModule, never, [typeof i1.CommonModule, typeof i2.AXButtonModule, typeof i3.AXDecoratorModule, typeof i4.AXSkeletonModule, typeof i5.AXTranslationModule, typeof AXAudioWaveComponent], [typeof AXAudioWaveComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<AXAudioWaveModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXAudioWaveModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXAudioWaveModule, never, [typeof AXAudioWaveComponent], [typeof AXAudioWaveComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXAudioWaveModule>;
 }
 
 export { AXAudioWaveComponent, AXAudioWaveModule };
-export type { AXAudioWaveChangeEvent, AXWaveConfig };
+export type { AXAudioWaveChangeEvent, AXAudioWaveEventPayload, AXAudioWaveState, AXAudioWaveStatus, AXWaveConfig };

package/types/acorex-components-bubble.d.ts

@@ -0,0 +1,31 @@
+import * as i0 from '@angular/core';
+import { MXColorLookComponent } from '@acorex/cdk/common';
+
+declare class AXBubbleComponent extends MXColorLookComponent {
+    isown: i0.InputSignal<boolean>;
+    templateData: i0.InputSignal<any>;
+    itemTemplate: i0.InputSignal<any>;
+    private readonly axheader;
+    private readonly axfooter;
+    private readonly axcontent;
+    private readonly axprefix;
+    private readonly axsuffix;
+    protected readonly hasTemplate: i0.Signal<boolean>;
+    private get __hostClass();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXBubbleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXBubbleComponent, "ax-bubble", never, { "isown": { "alias": "isown"; "required": false; "isSignal": true; }; "templateData": { "alias": "templateData"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; }, {}, ["axheader", "axfooter", "axcontent", "axprefix", "axsuffix"], ["ax-header", "ax-prefix", "ax-content", "*", "ax-suffix", "ax-footer"], true, never>;
+}
+
+declare class AXBubbleModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXBubbleModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXBubbleModule, never, [typeof AXBubbleComponent], [typeof AXBubbleComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXBubbleModule>;
+}
+
+type AXBubbleTail = 'none' | 'start' | 'end';
+interface AXBubbleTemplateContext<T> {
+    $implicit: T;
+}
+
+export { AXBubbleComponent, AXBubbleModule };
+export type { AXBubbleTail, AXBubbleTemplateContext };

package/types/acorex-components-button-group.d.ts

@@ -55,6 +55,10 @@ declare class AXButtonGroupComponent extends MXInteractiveComponent {
      * @param value - The selection mode to be set. Possible values include 'single', 'multiple', or 'none'.
      */
     set selection(value: AXSelectionMode);
+    /**
+     *  @ignore
+     */
+    private readonly _boundButtons;
     /**
      *  @ignore
      */

package/types/acorex-components-button.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { EventEmitter, QueryList, AfterViewInit } from '@angular/core';
+import { OnDestroy, EventEmitter, QueryList, AfterViewInit } from '@angular/core';
 import { MXInteractiveComponent, MXColorComponent, AXClickEvent, AXStyleColorType, AXItemClickEvent, AXStyleLookType, AXHotKeyAction, MXButtonBaseComponent } from '@acorex/cdk/common';
 import * as polytype from 'polytype';
 import { AXLoadingComponent } from '@acorex/components/loading';
@@ -14,6 +14,7 @@ interface AXButtonItemListItem {
     iconOnly?: boolean;
     color?: AXStyleColorType;
     loading?: boolean;
+    items?: AXButtonItemListItem[];
 }
 declare const AXButtonItemComponent_base: polytype.Polytype.ClusteredConstructor<[typeof MXInteractiveComponent, typeof MXColorComponent]>;
 /**
@@ -21,7 +22,12 @@ declare const AXButtonItemComponent_base: polytype.Polytype.ClusteredConstructor
  *
  * @category Components
  */
-declare class AXButtonItemComponent extends AXButtonItemComponent_base {
+declare class AXButtonItemComponent extends AXButtonItemComponent_base implements OnDestroy {
+    private readonly childMenuItems;
+    private readonly submenuCoordinator;
+    private readonly submenuPopover;
+    protected readonly submenuTarget: this;
+    protected readonly arrowIcon: _angular_core.Signal<"ax-icon-chevron-left" | "ax-icon-chevron-right">;
     /**
      * Text displayed on the button item.
      */
@@ -57,6 +63,12 @@ declare class AXButtonItemComponent extends AXButtonItemComponent_base {
      * The emitted value is an `AXClickEvent` object containing event details.
      */
     onClick: EventEmitter<AXClickEvent>;
+    /** Whether this item has nested `ax-button-item` children. */
+    hasSubItems(): boolean;
+    /** Closes the nested submenu flyout when open. */
+    closeNestedMenu(): void;
+    protected handleSubmenuOpened(): void;
+    protected handleSubmenuClosed(): void;
     /**
      * Handles click events on the button item host element.
      * Emits the onClick event if the component is not disabled.
@@ -64,7 +76,7 @@ declare class AXButtonItemComponent extends AXButtonItemComponent_base {
      * @param e - The mouse event that triggered the click.
      * @ignore
      */
-    __hostClick(e: MouseEvent): void;
+    handleHostClick(e: MouseEvent): void;
     /**
      * Handles focus events on the button item host element.
      * Emits the onFocus event.
@@ -72,7 +84,7 @@ declare class AXButtonItemComponent extends AXButtonItemComponent_base {
      * @param e - The focus event that was triggered.
      * @ignore
      */
-    __hostFocus(e: FocusEvent): void;
+    handleHostFocus(e: FocusEvent): void;
     /**
      * Handles blur events on the button item host element.
      * Emits the onBlur event.
@@ -80,7 +92,8 @@ declare class AXButtonItemComponent extends AXButtonItemComponent_base {
      * @param e - The blur event that was triggered.
      * @ignore
      */
-    __hostBlur(e: FocusEvent): void;
+    handleHostBlur(e: FocusEvent): void;
+    ngOnDestroy(): void;
     /**
      * Generates the CSS classes for the button item host element.
      * Includes classes for icon-only state, disabled state, selected state, divided state, and color.
@@ -96,7 +109,7 @@ declare class AXButtonItemComponent extends AXButtonItemComponent_base {
      */
     tabindex: string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXButtonItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXButtonItemComponent, "ax-button-item", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "text": { "alias": "text"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "divided": { "alias": "divided"; "required": false; }; "data": { "alias": "data"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, { "onClick": "onClick"; "onFocus": "onFocus"; "onBlur": "onBlur"; "disabledChange": "disabledChange"; }, never, ["ax-prefix", "ax-loading", "ax-icon", "ax-suffix", "ax-dropdown-panel"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXButtonItemComponent, "ax-button-item", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "text": { "alias": "text"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "divided": { "alias": "divided"; "required": false; }; "data": { "alias": "data"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, { "onClick": "onClick"; "onFocus": "onFocus"; "onBlur": "onBlur"; "disabledChange": "disabledChange"; }, ["childMenuItems"], ["ax-prefix", "ax-loading", "ax-icon", "ax-suffix", "ax-dropdown-panel", "ax-button-item,ax-divider,ax-title"], true, never>;
 }
 
 /**
@@ -106,6 +119,9 @@ declare class AXButtonItemComponent extends AXButtonItemComponent_base {
  */
 declare class AXButtonItemListComponent extends MXInteractiveComponent {
     private parent;
+    private destroyRef;
+    private submenuCoordinator;
+    private readonly boundClickItems;
     protected _contentButtons: QueryList<AXButtonItemComponent>;
     /**
      * The list of button items to display.
@@ -140,6 +156,7 @@ declare class AXButtonItemListComponent extends MXInteractiveComponent {
      * @ignore
      */
     constructor();
+    private bindParentClosed;
     protected isDisabled(item: AXButtonItemListItem): boolean;
     protected hasAnyLoadingItem(): boolean;
     /**
@@ -271,7 +288,7 @@ declare class AXButtonComponent extends MXButtonBaseComponent implements AfterVi
     focus(): void;
     blur(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXButtonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXButtonComponent, "ax-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "text": { "alias": "text"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "onClick": "onClick"; "selectedChange": "selectedChange"; "toggleableChange": "toggleableChange"; "lookChange": "lookChange"; "colorChange": "colorChange"; "disabledChange": "disabledChange"; "loadingText": "loadingTextChange"; }, ["loadingIcon"], ["ax-loading, ax-loading-spinner", "ax-prefix, ax-icon", "ax-content", "ax-suffix", "ax-dropdown-panel", ".tab-content", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXButtonComponent, "ax-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "text": { "alias": "text"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "onClick": "onClick"; "selectedChange": "selectedChange"; "toggleableChange": "toggleableChange"; "lookChange": "lookChange"; "colorChange": "colorChange"; "disabledChange": "disabledChange"; "loadingText": "loadingTextChange"; }, ["loadingIcon"], ["ax-loading, ax-loading-spinner", "ax-prefix, ax-icon", "ax-content", "ax-suffix", "ax-dropdown-panel", ".tab-content", "*"], true, never>;
 }
 
 declare class AXButtonModule {

package/types/acorex-components-calendar.d.ts

@@ -71,6 +71,7 @@ interface AXCalendarViewSlot {
 interface AXCalendarView {
     range: AXDateTimeRange;
     slots: AXCalendarViewSlot[];
+    weekCount?: number;
 }
 declare class MXCalendarBaseComponent extends MXBaseComponent {
     protected localeService: AXLocaleService;
@@ -123,7 +124,7 @@ declare class MXCalendarBaseComponent extends MXBaseComponent {
     set holidayDates(v: AXCalendarHolidayDates);
     render(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MXCalendarBaseComponent, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<MXCalendarBaseComponent>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }
 declare const CALENDAR_INPUTS: string[];
 declare const CALENDAR_OUTPUTS: string[];
@@ -131,10 +132,9 @@ declare const CALENDAR_OUTPUTS: string[];
 declare const AXCalendarRangeComponent_base: polytype.Polytype.ClusteredConstructor<[{
     new (): MXValueComponent<AXRange<Date>>;
     ɵfac: _angular_core.ɵɵFactoryDeclaration<MXValueComponent<any>, never>;
-    ɵprov: _angular_core.ɵɵInjectableDeclaration<MXValueComponent<any>>;
+    ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }, typeof MXInteractiveComponent, typeof MXCalendarBaseComponent]>;
 declare class AXCalendarRangeComponent extends AXCalendarRangeComponent_base implements AfterViewInit {
-    private formatService;
     private unsubscriber;
     protected calendar: _angular_core.WritableSignal<string>;
     /**
@@ -151,7 +151,8 @@ declare class AXCalendarRangeComponent extends AXCalendarRangeComponent_base imp
     private _calendarService;
     private _c1;
     private _c2;
-    _navText: string;
+    _navText1: string;
+    _navText2: string;
     /**
      *  @ignore
      */
@@ -164,6 +165,14 @@ declare class AXCalendarRangeComponent extends AXCalendarRangeComponent_base imp
      *  @ignore
      */
     private _refreshCalendars;
+    /**
+     *  @ignore
+     */
+    private _scheduleNavTextSync;
+    /**
+     *  @ignore
+     */
+    private _ensureCalendarsReady;
     /**
      *  @ignore
      */
@@ -173,10 +182,10 @@ declare class AXCalendarRangeComponent extends AXCalendarRangeComponent_base imp
      */
     ngAfterViewInit(): void;
     internalValueChanged(value: any): void;
-    /** w
+    /**
      *  @ignore
      */
-    getCellClass: (date: AXDateTime) => "ax-range-start" | "ax-range-end" | "ax-range-between";
+    getCellClass: (date: AXDateTime) => string;
     /**
      *  @ignore
      */
@@ -197,6 +206,18 @@ declare class AXCalendarRangeComponent extends AXCalendarRangeComponent_base imp
      *  @ignore
      */
     private _syncNavText;
+    /**
+     *  @ignore
+     */
+    private _formatNavDate;
+    /**
+     *  @ignore
+     */
+    private _monthLabel;
+    /**
+     *  @ignore
+     */
+    private _fallbackMonthName;
     /**
      *  @ignore
      */
@@ -213,18 +234,22 @@ declare class AXCalendarRangeComponent extends AXCalendarRangeComponent_base imp
      *  @ignore
      */
     private _syncNav1;
+    /**
+     *  @ignore
+     */
+    protected handleCalendar2Navigate(): void;
     /**
      *  @ignore
      */
     private _syncNav2;
     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; }; "holidays": { "alias": "holidays"; "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>;
+    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; }; "holidays": { "alias": "holidays"; "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, ["ax-footer"], true, never>;
 }
 
 declare const AXCalendarComponent_base: polytype.Polytype.ClusteredConstructor<[{
     new (): MXValueComponent<Date>;
     ɵfac: _angular_core.ɵɵFactoryDeclaration<MXValueComponent<any>, never>;
-    ɵprov: _angular_core.ɵɵInjectableDeclaration<MXValueComponent<any>>;
+    ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }, typeof MXInteractiveComponent, typeof MXCalendarBaseComponent]>;
 /**
  * A calendar component that provides a customizable calendar view with various options for selection, navigation, and styling.
@@ -255,8 +280,11 @@ declare class AXCalendarComponent extends AXCalendarComponent_base {
     holidays: _angular_core.InputSignal<AXCalendarHolidaysLoader>;
     protected readonly isRtl: _angular_core.Signal<boolean>;
     protected calendar: _angular_core.WritableSignal<string>;
+    /** Explicit `type` input wins over the locale profile calendar. */
+    protected calendarSystem: _angular_core.Signal<string>;
     /** Week column order from the active locale profile (0 = Sun … 6 = Sat). */
     protected weekLayout: _angular_core.Signal<number[]>;
+    protected weekdayLabel(index: number): string;
     get displayRange(): AXDateTimeRange | null;
     /**
      *  @ignore
@@ -317,10 +345,6 @@ declare class AXCalendarComponent extends AXCalendarComponent_base {
      *  @ignore
      */
     private _initValues;
-    /**
-     * Maps a date to a 1-based grid column using the active week layout.
-     */
-    private _getWeekColumn;
     /**
      * Defers refresh so explicit `type` input can sync after locale profile changes.
      */
@@ -345,6 +369,7 @@ declare class AXCalendarComponent extends AXCalendarComponent_base {
      *  @ignore
      */
     private _updateSelectOptions;
+    private _createMonthDate;
     /**
      *  @ignore
      */
@@ -357,6 +382,10 @@ declare class AXCalendarComponent extends AXCalendarComponent_base {
      *  @ignore
      */
     private _getSelectBoxValue;
+    /**
+     * Builds the day grid for a single month (no leading/trailing days from adjacent months).
+     */
+    private _getDayGridRange;
     /**
      *  @ignore
      */
@@ -486,6 +515,8 @@ declare class AXCalendarComponent extends AXCalendarComponent_base {
      *  @ignore
      */
     protected getMonthName(date: AXDateTime, style: 'short' | 'long'): string;
+    private monthLabel;
+    private fallbackMonthName;
     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; }; "yearRange": { "alias": "yearRange"; "required": false; "isSignal": true; }; "holidays": { "alias": "holidays"; "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>;
 }

package/types/acorex-components-check-box.d.ts

@@ -5,7 +5,7 @@ import { MXValueComponent, MXColorComponent } from '@acorex/cdk/common';
 declare const AXCheckBoxComponent_base: polytype.Polytype.ClusteredConstructor<[{
     new (): MXValueComponent<boolean>;
     ɵfac: i0.ɵɵFactoryDeclaration<MXValueComponent<any>, never>;
-    ɵprov: i0.ɵɵInjectableDeclaration<MXValueComponent<any>>;
+    ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }, typeof MXColorComponent]>;
 /**
  * A checkbox component that allows users to select or deselect an option.

package/types/acorex-components-code-editor.d.ts

@@ -134,7 +134,7 @@ declare class AXCodeEditorPluginRegistry {
      */
     registerExtensionPlugin(plugin: AXCodeEditorExtensionPlugin): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXCodeEditorPluginRegistry, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXCodeEditorPluginRegistry>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }
 
 declare class JavaScriptLanguagePlugin implements AXCodeEditorLanguagePlugin {
@@ -309,6 +309,7 @@ declare class AXCodeEditorComponent extends MXValueComponent<string> {
     private keymapExtrasCompartment;
     private tabSizeCompartment;
     private lineNumbersCompartment;
+    private themeConfigGeneration;
     private cm;
     private isBrowser;
     /** Computed minimum height based on minRow (excluding gutter/line numbers). */
@@ -324,7 +325,9 @@ declare class AXCodeEditorComponent extends MXValueComponent<string> {
     private loadCodeMirrorModules;
     private createCompartments;
     private buildKeymaps;
+    private applyThemeExtension;
     private resolveThemeExtension;
+    private isDarkPlatformTheme;
     private buildCustomCompletionSources;
     /** Programmatically focus the editor. */
     focus(): void;

package/types/acorex-components-color-box.d.ts

@@ -7,7 +7,7 @@ import { MXDropdownBoxBaseComponent, AXDropdownBoxComponent } from '@acorex/comp
 declare const AXColorBoxComponent_base: polytype.Polytype.ClusteredConstructor<[typeof MXDropdownBoxBaseComponent, {
     new (): MXInputBaseValueComponent<string>;
     ɵfac: _angular_core.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
-    ɵprov: _angular_core.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+    ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }, typeof MXColorLookComponent]>;
 /**
  * A color box component that handles color selection and triggers relevant events.