@acorex/components 21.0.2-next.40 → 21.0.2-next.42

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@acorex/components",
-  "version": "21.0.2-next.40",
+  "version": "21.0.2-next.42",
   "peerDependencies": {
-    "@acorex/core": "21.0.2-next.40",
-    "@acorex/cdk": "21.0.2-next.40",
+    "@acorex/core": "21.0.2-next.42",
+    "@acorex/cdk": "21.0.2-next.42",
     "polytype": ">=0.17.0",
     "angular-imask": ">=7.6.1",
     "gridstack": ">=12.0.0",

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

@@ -1,8 +1,8 @@
 import * as polytype from 'polytype';
 import * as _angular_core from '@angular/core';
 import { TemplateRef, EventEmitter, AfterViewInit } from '@angular/core';
-import { MXBaseComponent, AXItemClickEvent, AXRangeChangedEvent, MXValueComponent, AXRange, MXInteractiveComponent, AXValueChangedEvent, AXClickEvent, MXComponentOptionChanged } from '@acorex/cdk/common';
-import { AXCalendarService, AXDateTimeRange, AXDateTime } from '@acorex/core/date-time';
+import { MXBaseComponent, AXItemClickEvent, AXRangeChangedEvent, AXRange, MXValueComponent, MXInteractiveComponent, AXValueChangedEvent, AXClickEvent, MXComponentOptionChanged } from '@acorex/cdk/common';
+import { AXCalendarService, AXHolidayDate, AXDateTimeRange, AXDateTime } from '@acorex/core/date-time';
 import { AXLocaleService } from '@acorex/core/locale';
 import { AXTranslationService } from '@acorex/core/translation';
 
@@ -36,6 +36,8 @@ declare function getCalendarYearBounds(options: {
 };
 type AXCalendarDisabledDates = Date[] | ((date: Date) => boolean);
 type AXCalendarHolidayDates = Date[] | ((date: Date) => boolean);
+type AXCalendarDateRange = AXRange<Date>;
+type AXCalendarHolidaysLoader = (range: AXCalendarDateRange) => Promise<AXHolidayDate[]>;
 type AXCalendarCellCssClass = string | {
     [key: string]: boolean;
 } | ((date: Date) => string);
@@ -55,7 +57,10 @@ declare class AXCalendarSlotClick extends AXItemClickEvent<Date> {
 interface AXCalendarViewSlot {
     date: AXDateTime;
     text: string;
-    tooltip: string;
+    tooltip?: string;
+    holiday?: boolean;
+    holidayTitle?: string;
+    holidayColor?: string;
     today: boolean;
     selected: boolean;
     disabled: boolean;
@@ -136,6 +141,10 @@ declare class AXCalendarRangeComponent extends AXCalendarRangeComponent_base imp
      * Day view navigation style passed through to embedded calendars.
      */
     look: _angular_core.InputSignal<AXCalendarNavigationLookType>;
+    /**
+     * Optional loader for holidays scoped to the visible calendar range.
+     */
+    holidays: _angular_core.InputSignal<AXCalendarHolidaysLoader>;
     /**
      *  @ignore
      */
@@ -205,7 +214,7 @@ declare class AXCalendarRangeComponent extends AXCalendarRangeComponent_base imp
      */
     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; }; }, { "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, ["*"], true, never>;
 }
 
 declare const AXCalendarComponent_base: polytype.Polytype.ClusteredConstructor<[{
@@ -219,6 +228,7 @@ declare const AXCalendarComponent_base: polytype.Polytype.ClusteredConstructor<[
  * @category Components
  */
 declare class AXCalendarComponent extends AXCalendarComponent_base implements AfterViewInit {
+    #private;
     private formatService;
     weekend: _angular_core.InputSignal<number[]>;
     weekdays: _angular_core.InputSignal<number[]>;
@@ -234,6 +244,11 @@ declare class AXCalendarComponent extends AXCalendarComponent_base implements Af
      * `minValue` and `maxValue` take priority when set.
      */
     yearRange: _angular_core.InputSignal<AXCalendarYearRange>;
+    /**
+     * Optional loader for holidays scoped to the visible calendar range.
+     * Merged with holidays from `AX_DATETIME_HOLIDAYS_LOADER` via `AXCalendarService`.
+     */
+    holidays: _angular_core.InputSignal<AXCalendarHolidaysLoader>;
     protected readonly isRtl: _angular_core.Signal<boolean>;
     protected calendar: _angular_core.WritableSignal<string>;
     /** Week column order from the active locale profile (0 = Sun … 6 = Sat). */
@@ -285,6 +300,8 @@ declare class AXCalendarComponent extends AXCalendarComponent_base implements Af
      *  @ignore
      */
     private oldValue;
+    private internalHoliday;
+    private _viewRangeKey;
     /**
      *  @ignore
      */
@@ -446,6 +463,10 @@ declare class AXCalendarComponent extends AXCalendarComponent_base implements Af
      *  @ignore
      */
     protected isHoliday(date: AXDateTime): boolean;
+    /**
+     *  @ignore
+     */
+    protected getHoliday(date: AXDateTime): AXHolidayDate | undefined;
     /**
      *  @ignore
      */
@@ -459,7 +480,7 @@ declare class AXCalendarComponent extends AXCalendarComponent_base implements Af
      */
     protected getMonthName(date: AXDateTime, style: 'short' | 'long'): string;
     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; }; }, { "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: _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>;
 }
 
 declare class AXCalendarModule {
@@ -469,4 +490,4 @@ declare class AXCalendarModule {
 }
 
 export { AXCalendarComponent, AXCalendarModule, AXCalendarNavigateEvent, AXCalendarRangeComponent, AXCalendarSlotClick, CALENDAR_INPUTS, CALENDAR_OUTPUTS, MXCalendarBaseComponent, getCalendarYearBounds };
-export type { AXCalendarCellCssClass, AXCalendarDisabledDates, AXCalendarHolidayDates, AXCalendarNavigationLookType, AXCalendarView, AXCalendarViewDepth, AXCalendarViewSlot, AXCalendarViewType, AXCalendarYearRange, AXDateTimePickerType };
+export type { AXCalendarCellCssClass, AXCalendarDateRange, AXCalendarDisabledDates, AXCalendarHolidayDates, AXCalendarHolidaysLoader, AXCalendarNavigationLookType, AXCalendarView, AXCalendarViewDepth, AXCalendarViewSlot, AXCalendarViewType, AXCalendarYearRange, AXDateTimePickerType };

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

@@ -2,6 +2,7 @@ import { AXEvent, MXValueComponent, MXLookComponent } from '@acorex/cdk/common';
 import * as polytype from 'polytype';
 import * as _angular_core from '@angular/core';
 
+type AXOtpMode = 'number' | 'dot' | 'star';
 declare class AXOtpCompletedEvent extends AXEvent {
     value: string;
     isCompleted: boolean;
@@ -18,6 +19,13 @@ declare const AXOtpComponent_base: polytype.Polytype.ClusteredConstructor<[{
  */
 declare class AXOtpComponent extends AXOtpComponent_base {
     type: _angular_core.InputSignal<"number" | "text">;
+    /**
+     * Controls how entered digits are displayed in each input.
+     * - `number`: shows the actual digit
+     * - `dot`: shows a dot character
+     * - `star`: shows an asterisk character
+     */
+    mode: _angular_core.InputSignal<AXOtpMode>;
     /**
      * Holds the length of the OTP input field.
      */
@@ -50,6 +58,14 @@ declare class AXOtpComponent extends AXOtpComponent_base {
     /** @ignore */
     internalSetValue(value: any): string;
     /** @ignore */
+    protected displayValue(i: number): string;
+    /** @ignore */
+    protected isMasked(): boolean;
+    /** @ignore */
+    protected hasValue(i: number): boolean;
+    /** @ignore */
+    protected _maskCharacter(): string;
+    /** @ignore */
     protected calcFontSize(): void;
     /** @ignore */
     protected _handleOnKeyDown(event: KeyboardEvent, i: number): void;
@@ -60,7 +76,7 @@ declare class AXOtpComponent extends AXOtpComponent_base {
     /** @ignore */
     protected _emitOnComplete(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXOtpComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXOtpComponent, "ax-otp", never, { "state": { "alias": "state"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "look": { "alias": "look"; "required": false; }; "name": { "alias": "name"; "required": false; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "length": { "alias": "length"; "required": false; "isSignal": true; }; }, { "stateChange": "stateChange"; "disabledChange": "disabledChange"; "length": "lengthChange"; "onCompleted": "onCompleted"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXOtpComponent, "ax-otp", never, { "state": { "alias": "state"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "look": { "alias": "look"; "required": false; }; "name": { "alias": "name"; "required": false; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "length": { "alias": "length"; "required": false; "isSignal": true; }; }, { "stateChange": "stateChange"; "disabledChange": "disabledChange"; "length": "lengthChange"; "onCompleted": "onCompleted"; }, never, ["ax-validation-rule"], true, never>;
 }
 
 declare class AXOtpModule {
@@ -70,3 +86,4 @@ declare class AXOtpModule {
 }
 
 export { AXOtpCompletedEvent, AXOtpComponent, AXOtpModule };
+export type { AXOtpMode };