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

package/scheduler/index.d.ts

@@ -33,7 +33,6 @@ type AXSchedulerDayAppointmentLayout = {
     effectiveTotalColumns: number;
 };
 type AXSchedulerBlockOccupancyMap = Map<string, any>;
-type AXSchedulerAppointmentsByStartBlock = Record<number, Record<number, AXSchedulerAppointmentSegment[]>>;
 type AXSchedulerActiveAppointmentsInBlock = Record<number, Record<number, AXSchedulerAppointmentSegment[]>>;
 type AXSchedulerOverflowBadge = {
     key: any;
@@ -116,11 +115,12 @@ declare class AXSchedulerComponent extends NXComponent implements OnInit {
     draggable: _angular_core.InputSignal<boolean>;
     hasActions: _angular_core.InputSignal<boolean>;
     dragStartDelay: _angular_core.InputSignal<number>;
+    weekend: _angular_core.InputSignal<number[]>;
     allowFullScreen: _angular_core.InputSignal<boolean>;
     multiDayViewDaysCount: _angular_core.InputSignal<number>;
     tooltipTemplate: _angular_core.InputSignal<string | TemplateRef<unknown>>;
     dataSource: _angular_core.InputSignal<AXSchedulerAppointmentDataSource>;
-    holidays: _angular_core.InputSignal<(range: AXSchedulerDateRange) => AXHolidayDate[]>;
+    holidays: _angular_core.InputSignal<(range: AXSchedulerDateRange) => Promise<AXHolidayDate[]>>;
     firstDayOfWeek: _angular_core.InputSignal<AXDayOfWeekName>;
     views: _angular_core.InputSignal<AXSchedulerView[]>;
     selectedView: _angular_core.ModelSignal<AXSchedulerView>;
@@ -150,15 +150,39 @@ declare class AXSchedulerComponent extends NXComponent implements OnInit {
     private mappedAppointments;
     range: _angular_core.Signal<AXSchedulerDateRange>;
     viewAppointments: _angular_core.Signal<AXSchedulerAppointment[]>;
+    /**
+     * Handles view change events.
+     *
+     * @param e - The value changed event containing old and new view values.
+     */
     viewChanged(e: AXValueChangedEvent<AXSchedulerView>): void;
     private handleViewChanged;
+    /**
+     * Navigates to the next time period based on current view.
+     */
     nextClick(): void;
+    /**
+     * Navigates to the previous time period based on current view.
+     */
     prevClick(): void;
+    /**
+     * Handles calendar date change events.
+     *
+     * @param e - The value changed event containing the new date.
+     */
     calendarDateChanged(e: AXValueChangedEvent<Date>): void;
+    /**
+     * Toggles fullscreen mode for the scheduler.
+     */
     handleFullScreen(): void;
+    /**
+     * Refreshes the scheduler data.
+     *
+     * @param appointments - Optional array of appointments to refresh with.
+     */
     refresh(appointments?: AXSchedulerAppointment[]): Promise<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSchedulerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSchedulerComponent, "ax-scheduler", never, { "calendar": { "alias": "calendar"; "required": false; "isSignal": true; }; "startingDate": { "alias": "startingDate"; "required": false; "isSignal": true; }; "endDayHour": { "alias": "endDayHour"; "required": false; "isSignal": true; }; "startDayHour": { "alias": "startDayHour"; "required": false; "isSignal": true; }; "hasHeader": { "alias": "hasHeader"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "hasActions": { "alias": "hasActions"; "required": false; "isSignal": true; }; "dragStartDelay": { "alias": "dragStartDelay"; "required": false; "isSignal": true; }; "allowFullScreen": { "alias": "allowFullScreen"; "required": false; "isSignal": true; }; "multiDayViewDaysCount": { "alias": "multiDayViewDaysCount"; "required": false; "isSignal": true; }; "tooltipTemplate": { "alias": "tooltipTemplate"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "holidays": { "alias": "holidays"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "views": { "alias": "views"; "required": false; "isSignal": true; }; "selectedView": { "alias": "selectedView"; "required": false; "isSignal": true; }; }, { "selectedView": "selectedViewChange"; "onDataLoaded": "onDataLoaded"; "onRangeChanged": "onRangeChanged"; "onSlotClicked": "onSlotClicked"; "onSlotDblClicked": "onSlotDblClicked"; "onSlotRightClick": "onSlotRightClick"; "onAppointmentDrop": "onAppointmentDrop"; "onActionClick": "onActionClick"; "onAppointmentClicked": "onAppointmentClicked"; "onAppointmentDblClicked": "onAppointmentDblClicked"; "onAppointmentRightClick": "onAppointmentRightClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSchedulerComponent, "ax-scheduler", never, { "calendar": { "alias": "calendar"; "required": false; "isSignal": true; }; "startingDate": { "alias": "startingDate"; "required": false; "isSignal": true; }; "endDayHour": { "alias": "endDayHour"; "required": false; "isSignal": true; }; "startDayHour": { "alias": "startDayHour"; "required": false; "isSignal": true; }; "hasHeader": { "alias": "hasHeader"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "hasActions": { "alias": "hasActions"; "required": false; "isSignal": true; }; "dragStartDelay": { "alias": "dragStartDelay"; "required": false; "isSignal": true; }; "weekend": { "alias": "weekend"; "required": false; "isSignal": true; }; "allowFullScreen": { "alias": "allowFullScreen"; "required": false; "isSignal": true; }; "multiDayViewDaysCount": { "alias": "multiDayViewDaysCount"; "required": false; "isSignal": true; }; "tooltipTemplate": { "alias": "tooltipTemplate"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "holidays": { "alias": "holidays"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "views": { "alias": "views"; "required": false; "isSignal": true; }; "selectedView": { "alias": "selectedView"; "required": false; "isSignal": true; }; }, { "selectedView": "selectedViewChange"; "onDataLoaded": "onDataLoaded"; "onRangeChanged": "onRangeChanged"; "onSlotClicked": "onSlotClicked"; "onSlotDblClicked": "onSlotDblClicked"; "onSlotRightClick": "onSlotRightClick"; "onAppointmentDrop": "onAppointmentDrop"; "onActionClick": "onActionClick"; "onAppointmentClicked": "onAppointmentClicked"; "onAppointmentDblClicked": "onAppointmentDblClicked"; "onAppointmentRightClick": "onAppointmentRightClick"; }, never, never, true, never>;
 }
 
 declare class AXSchedulerDayViewComponent extends NXComponent {
@@ -178,9 +202,9 @@ declare class AXSchedulerDayViewComponent extends NXComponent {
     appointments: _angular_core.InputSignal<AXSchedulerAppointment[]>;
     tooltipTemplate: _angular_core.InputSignal<string | TemplateRef<unknown>>;
     private dragStartSlotId;
-    processedAppointmentsForLayout: _angular_core.Signal<AXSchedulerAppointmentSegment[]>;
-    allDayAppointments: _angular_core.Signal<AXSchedulerAppointment[]>;
-    singleDayAppointments: _angular_core.Signal<AXSchedulerAppointmentSegment[]>;
+    private processedAppointmentsForLayout;
+    protected allDayAppointments: _angular_core.Signal<AXSchedulerAppointment[]>;
+    protected singleDayAppointments: _angular_core.Signal<AXSchedulerAppointmentSegment[]>;
     slotClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
     slotDblClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
     slotRightClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
@@ -190,21 +214,21 @@ declare class AXSchedulerDayViewComponent extends NXComponent {
     onActionClickInternal: _angular_core.OutputEmitterRef<AXSchedulerAppointmentMouseEvent>;
     onAppointmentDropInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotDropEvent>;
     private readonly eventOutputMap;
-    handleAppointmentEvent(mouseEvent: MouseEvent, appointment: AXSchedulerAppointment): void;
-    handleSingleSlotEvent(mouseEvent: MouseEvent, startDate: AXDateTime): void;
-    handleAllDaySlotEvent(mouseEvent: MouseEvent): void;
-    handleAllDayDrop(e: AXDropZoneDropEvent): void;
-    handleSingleDayDrop(e: AXDropZoneDropEvent, startDate: AXDateTime): void;
-    handleActionClick(event: MouseEvent, appointmentItem: AXSchedulerAppointment): void;
-    hoursArray: _angular_core.Signal<AXDateTime[]>;
-    appointmentLayouts: _angular_core.Signal<Map<any, AXSchedulerDayAppointmentLayout>>;
-    getAppointmentLayout(key: any): AXSchedulerDayAppointmentLayout | undefined;
-    getAppointmentLeft(key: any): string;
-    getAppointmentWidth(key: any): string;
-    getAppointmentTop(key: any): string;
-    getAppointmentHeight(key: any): string;
-    getSlotId(e: PointerEvent): void;
-    get isReadonly(): boolean;
+    protected handleAppointmentEvent(mouseEvent: MouseEvent, appointment: AXSchedulerAppointment): void;
+    protected handleSingleSlotEvent(mouseEvent: MouseEvent, startDate: AXDateTime): void;
+    protected handleAllDaySlotEvent(mouseEvent: MouseEvent): void;
+    protected handleAllDayDrop(e: AXDropZoneDropEvent): void;
+    protected handleSingleDayDrop(e: AXDropZoneDropEvent, startDate: AXDateTime): void;
+    protected handleActionClick(event: MouseEvent, appointmentItem: AXSchedulerAppointment): void;
+    protected hoursArray: _angular_core.Signal<AXDateTime[]>;
+    private appointmentLayouts;
+    private getAppointmentLayout;
+    protected getAppointmentLeft(key: any): string;
+    protected getAppointmentWidth(key: any): string;
+    protected getAppointmentTop(key: any): string;
+    protected getAppointmentHeight(key: any): string;
+    protected getSlotId(e: PointerEvent): void;
+    protected get isReadonly(): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSchedulerDayViewComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSchedulerDayViewComponent, "ax-scheduler-day-view", never, { "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "hasActions": { "alias": "hasActions"; "required": false; "isSignal": true; }; "dragStartDelay": { "alias": "dragStartDelay"; "required": false; "isSignal": true; }; "calendar": { "alias": "calendar"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": true; "isSignal": true; }; "endDayHour": { "alias": "endDayHour"; "required": true; "isSignal": true; }; "startDayHour": { "alias": "startDayHour"; "required": true; "isSignal": true; }; "appointments": { "alias": "appointments"; "required": false; "isSignal": true; }; "tooltipTemplate": { "alias": "tooltipTemplate"; "required": false; "isSignal": true; }; }, { "slotClickedInternal": "slotClickedInternal"; "slotDblClickedInternal": "slotDblClickedInternal"; "slotRightClickedInternal": "slotRightClickedInternal"; "appointmentClickedInternal": "appointmentClickedInternal"; "appointmentDblClickedInternal": "appointmentDblClickedInternal"; "appointmentRightClickedInternal": "appointmentRightClickedInternal"; "onActionClickInternal": "onActionClickInternal"; "onAppointmentDropInternal": "onAppointmentDropInternal"; }, never, never, true, never>;
 }
@@ -287,48 +311,48 @@ declare class AXSchedulerWeekViewComponent extends NXComponent {
      * Handles click, dblclick, and contextmenu events on an appointment and emits them to the parent.
      * @param mouseEvent The native DOM event.
      * @param appointmentSegment The appointment data segment that was interacted with.
-     * @public
+     * @protected
      */
-    handleAppointmentEvent(mouseEvent: MouseEvent, appointmentSegment: AXSchedulerAppointment): void;
+    protected handleAppointmentEvent(mouseEvent: MouseEvent, appointmentSegment: AXSchedulerAppointment): void;
     /**
      * Handles click, dblclick, and contextmenu events on an empty time slot and emits them to the parent.
      * @param mouseEvent The native DOM event.
      * @param hour The starting hour of the slot.
      * @param day The day of the slot.
      * @param minuteIndex The half-hour index (0 or 1).
-     * @public
+     * @protected
      */
-    handleSingleSlotEvent(mouseEvent: MouseEvent, hour: AXDateTime, day: AXDateTime, minuteIndex: number): void;
+    protected handleSingleSlotEvent(mouseEvent: MouseEvent, hour: AXDateTime, day: AXDateTime, minuteIndex: number): void;
     /**
      * Handles interaction events on the all-day slot.
      * @param mouseEvent The native DOM event.
      * @param day The corresponding day for the all-day slot.
-     * @public
+     * @protected
      */
-    handleAllDaySlotEvent(mouseEvent: MouseEvent, day: AXDateTime): void;
+    protected handleAllDaySlotEvent(mouseEvent: MouseEvent, day: AXDateTime): void;
     /**
      * Handles dropping an appointment onto the all-day slot.
      * @param e The drop event from the CDK.
      * @param day The corresponding day for the all-day slot.
-     * @public
+     * @protected
      */
-    handleAllDayDrop(e: AXDropZoneDropEvent, day: AXDateTime): void;
+    protected handleAllDayDrop(e: AXDropZoneDropEvent, day: AXDateTime): void;
     /**
      * Handles dropping an appointment onto a timed grid slot.
      * @param e The drop event from the CDK.
      * @param hour The starting hour of the drop target.
      * @param day The day of the drop target.
      * @param minuteIndex The half-hour index (0 or 1) of the drop target.
-     * @public
+     * @protected
      */
-    handleSingleDayDrop(e: AXDropZoneDropEvent, hour: AXDateTime, day: AXDateTime, minuteIndex: number): void;
+    protected handleSingleDayDrop(e: AXDropZoneDropEvent, hour: AXDateTime, day: AXDateTime, minuteIndex: number): void;
     /**
      * Handles clicks on the "more" action icon on an appointment.
      * @param event The native mouse event.
      * @param appointmentItem The appointment associated with the action.
-     * @public
+     * @protected
      */
-    handleActionClick(event: MouseEvent, appointmentItem: AXSchedulerAppointment): void;
+    protected handleActionClick(event: MouseEvent, appointmentItem: AXSchedulerAppointment): void;
     /**
      * @protected
      * Checks if a given date is the current day.
@@ -397,28 +421,18 @@ declare class AXSchedulerMonthViewComponent extends NXComponent {
     onActionClickInternal: _angular_core.OutputEmitterRef<AXSchedulerAppointmentMouseEvent>;
     onAppointmentDropInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotDropEvent>;
     private readonly eventOutputMap;
-    handleAppointmentEvent(mouseEvent: MouseEvent, appointmentSegmentOrOriginal: AXSchedulerAppointment): void;
-    handleSlotEvent(mouseEvent: MouseEvent, date: AXDateTime): void;
-    handleDrop(e: AXDropZoneDropEvent, date: AXDateTime): void;
-    handleActionClick(event: MouseEvent, appointmentItem: AXSchedulerAppointment): void;
-    monthStartDate: _angular_core.Signal<AXDateTime>;
-    daysArray: _angular_core.Signal<AXDateTime[]>;
-    calendarDaysInfo: _angular_core.Signal<{
-        days: {
-            date: AXDateTime;
-            isCurrentMonth: boolean;
-            isToday: boolean;
-            isHoliday: boolean;
-            holidayTitle?: string;
-            holidayCssClass?: string;
-        }[];
-        weeksNeeded: number;
-    }>;
-    appointmentsGroupedByDay: _angular_core.Signal<Map<string, AXSchedulerAppointment[]>>;
-    dayCellLayouts: _angular_core.Signal<AXSchedulerMonthDayCell[]>;
-    gridTemplateRowsStyle: _angular_core.Signal<string>;
-    getSlotId(e: PointerEvent): void;
-    get isReadonly(): boolean;
+    protected handleAppointmentEvent(mouseEvent: MouseEvent, appointmentSegmentOrOriginal: AXSchedulerAppointment): void;
+    protected handleSlotEvent(mouseEvent: MouseEvent, date: AXDateTime): void;
+    protected handleDrop(e: AXDropZoneDropEvent, date: AXDateTime): void;
+    protected handleActionClick(event: MouseEvent, appointmentItem: AXSchedulerAppointment): void;
+    private monthStartDate;
+    protected daysArray: _angular_core.Signal<AXDateTime[]>;
+    private calendarDaysInfo;
+    private appointmentsGroupedByDay;
+    protected dayCellLayouts: _angular_core.Signal<AXSchedulerMonthDayCell[]>;
+    protected gridTemplateRowsStyle: _angular_core.Signal<string>;
+    protected getSlotId(e: PointerEvent): void;
+    protected get isReadonly(): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSchedulerMonthViewComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSchedulerMonthViewComponent, "ax-scheduler-month-view", never, { "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "hasActions": { "alias": "hasActions"; "required": false; "isSignal": true; }; "dragStartDelay": { "alias": "dragStartDelay"; "required": false; "isSignal": true; }; "calendar": { "alias": "calendar"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": true; "isSignal": true; }; "appointments": { "alias": "appointments"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "tooltipTemplate": { "alias": "tooltipTemplate"; "required": false; "isSignal": true; }; }, { "slotClickedInternal": "slotClickedInternal"; "slotDblClickedInternal": "slotDblClickedInternal"; "slotRightClickedInternal": "slotRightClickedInternal"; "appointmentClickedInternal": "appointmentClickedInternal"; "appointmentDblClickedInternal": "appointmentDblClickedInternal"; "appointmentRightClickedInternal": "appointmentRightClickedInternal"; "onActionClickInternal": "onActionClickInternal"; "onAppointmentDropInternal": "onAppointmentDropInternal"; }, never, never, true, never>;
 }
@@ -444,7 +458,7 @@ declare class AXSchedulerTimelineDayViewComponent extends NXComponent {
      * Processes original appointments to get segments relevant to this specific day and its viewable hours.
      * Filters out original all-day events.
      */
-    processedSegmentsForLayout: _angular_core.Signal<AXSchedulerAppointmentSegment[]>;
+    private processedSegmentsForLayout;
     slotClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
     slotDblClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
     slotRightClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
@@ -454,14 +468,14 @@ declare class AXSchedulerTimelineDayViewComponent extends NXComponent {
     onActionClickInternal: _angular_core.OutputEmitterRef<AXSchedulerAppointmentMouseEvent>;
     onAppointmentDropInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotDropEvent>;
     private readonly eventOutputMap;
-    handleAppointmentEvent(mouseEvent: MouseEvent, appointmentItem: AXSchedulerAppointment): void;
-    handleSlotEvent(mouseEvent: MouseEvent, startDate: AXDateTime): void;
-    handleDrop(e: AXDropZoneDropEvent, startDate: AXDateTime): void;
-    handleActionClick(event: MouseEvent, appointmentItem: AXSchedulerAppointment): void;
-    hoursArray: _angular_core.Signal<AXDateTime[]>;
-    appointmentLayouts: _angular_core.Signal<AXSchedulerAppointmentLayout[]>;
-    getSlotId(e: PointerEvent): void;
-    get isReadonly(): boolean;
+    protected handleAppointmentEvent(mouseEvent: MouseEvent, appointmentItem: AXSchedulerAppointment): void;
+    protected handleSlotEvent(mouseEvent: MouseEvent, startDate: AXDateTime): void;
+    protected handleDrop(e: AXDropZoneDropEvent, startDate: AXDateTime): void;
+    protected handleActionClick(event: MouseEvent, appointmentItem: AXSchedulerAppointment): void;
+    protected hoursArray: _angular_core.Signal<AXDateTime[]>;
+    protected appointmentLayouts: _angular_core.Signal<AXSchedulerAppointmentLayout[]>;
+    protected getSlotId(e: PointerEvent): void;
+    protected get isReadonly(): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSchedulerTimelineDayViewComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSchedulerTimelineDayViewComponent, "ax-scheduler-timeline-day-view", never, { "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "hasActions": { "alias": "hasActions"; "required": false; "isSignal": true; }; "dragStartDelay": { "alias": "dragStartDelay"; "required": false; "isSignal": true; }; "calendar": { "alias": "calendar"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": true; "isSignal": true; }; "endDayHour": { "alias": "endDayHour"; "required": true; "isSignal": true; }; "startDayHour": { "alias": "startDayHour"; "required": true; "isSignal": true; }; "appointments": { "alias": "appointments"; "required": false; "isSignal": true; }; "tooltipTemplate": { "alias": "tooltipTemplate"; "required": false; "isSignal": true; }; }, { "slotClickedInternal": "slotClickedInternal"; "slotDblClickedInternal": "slotDblClickedInternal"; "slotRightClickedInternal": "slotRightClickedInternal"; "appointmentClickedInternal": "appointmentClickedInternal"; "appointmentDblClickedInternal": "appointmentDblClickedInternal"; "appointmentRightClickedInternal": "appointmentRightClickedInternal"; "onActionClickInternal": "onActionClickInternal"; "onAppointmentDropInternal": "onAppointmentDropInternal"; }, never, never, true, never>;
 }
@@ -480,32 +494,54 @@ declare class AXSchedulerService {
     readonly BLOCK_DURATION_MINUTES = 30;
     readonly MILLISECONDS_PER_MINUTE: number;
     readonly MILLISECONDS_PER_DAY: number;
+    internalWeekend: _angular_core.WritableSignal<number[]>;
     internalHoliday: _angular_core.WritableSignal<AXHolidayDate[]>;
     /**
      * Checks if two appointments overlap in time.
+     *
+     * @param appointmentA - First appointment to check.
+     * @param appointmentB - Second appointment to check.
+     * @returns boolean - True if appointments overlap, false otherwise.
      */
     doAppointmentsOverlap(appointmentA: AXSchedulerAppointment, appointmentB: AXSchedulerAppointment): boolean;
     /**
      * Calculates appointment duration in minutes.
+     *
+     * @param Appointment - The appointment to calculate duration for.
+     * @returns number - Duration in minutes.
      */
     calculateDurationInMinutes(Appointment: AXSchedulerAppointment): number;
     /**
-     * Calculates appointment duration in blocks (default 30 min).
-     */
-    calculateDurationInBlocks(appointment: AXSchedulerAppointment): number;
-    /**
-     * Gets the day index (relative to view start) and block index (relative to start hour)
-     * for a given date time within the view context. Returns null if outside view.
+     * Gets the day index and block index for a given date time within the view context.
+     *
+     * @param dateTime - The date time to get block identifier for.
+     * @param viewStartDate - Start date of the view.
+     * @param startHour - Start hour of the view.
+     * @param endHour - End hour of the view (exclusive).
+     * @param viewTotalDays - Total days in the view (default: 1).
+     * @returns AXSchedulerBlockIdentifier | null - Block identifier or null if outside view.
      */
     getBlockIdentifier(dateTime: AXDateTime, viewStartDate: AXDateTime, startHour: number, endHour: number, // Exclusive end hour
     viewTotalDays?: number): AXSchedulerBlockIdentifier | null;
     /**
      * Groups appointments by the blocks they are ACTIVE in for a given view.
-     * @param viewTotalDays - Number of days in the current view (1 for Day, 7 for Week, etc.)
+     *
+     * @param singleDayAppointments - Array of appointment segments.
+     * @param viewStartDate - Start date of the view.
+     * @param startHour - Start hour of the view.
+     * @param endHour - End hour of the view.
+     * @param viewTotalDays - Total days in the view.
+     * @returns AXSchedulerActiveAppointmentsInBlock - Active appointments grouped by blocks.
      */
-    calculateActiveAppointmentsInBlock(singleDayAppointments: AXSchedulerAppointmentSegment[], viewStartDate: AXDateTime, startHour: number, endHour: number, viewTotalDays: number): AXSchedulerActiveAppointmentsInBlock;
+    private calculateActiveAppointmentsInBlock;
     /**
-     * Calculates max concurrency and effective total columns for Day View appointments.
+     * Calculates day view concurrency information for appointments.
+     *
+     * @param singleDayAppointments - Array of appointment segments.
+     * @param viewStartDate - Start date of the view.
+     * @param startHour - Start hour of the view.
+     * @param endHour - End hour of the view.
+     * @returns Map<any, { maxConcurrency: number; effectiveTotalColumns: number }> - Concurrency information map.
      */
     calculateDayViewConcurrencyInfo(singleDayAppointments: AXSchedulerAppointmentSegment[], // These are segments for the current day
     viewStartDate: AXDateTime, startHour: number, endHour: number): Map<any, {
@@ -513,36 +549,88 @@ declare class AXSchedulerService {
         effectiveTotalColumns: number;
     }>;
     /**
-     * Groups appointments by the block they START in for Week View.
-     */
-    calculateWeekViewAppointmentsByStartBlock(singleDayAppointments: AXSchedulerAppointmentSegment[], viewStartDate: AXDateTime, startHour: number, endHour: number): AXSchedulerAppointmentsByStartBlock;
-    /**
-     * Groups appointments by the day(s) they occur on within a given date range.
-     * Returns a Map where the key is the date string ('YYYY-MM-DD') and the value is an array of appointments.
+     * Groups appointments by day within a date range.
+     *
+     * @param appointments - Array of appointments.
+     * @param viewStartDate - Start date of the view.
+     * @param viewEndDate - End date of the view.
+     * @returns Map<string, AXSchedulerAppointment[]> - Appointments grouped by day.
      */
     groupAppointmentsByDay(appointments: AXSchedulerAppointment[], viewStartDate: AXDateTime, // First day visible in the grid
     viewEndDate: AXDateTime): Map<string, AXSchedulerAppointment[]>;
+    /**
+     * Gets the day of week number for a given day name.
+     *
+     * @param dayName - The day name to get number for.
+     * @returns number - Day number (1-7, where 1 is Sunday).
+     */
     getDayOfWeekNumber(dayName: AXDayOfWeekName): number;
+    /**
+     * Gets slot data for a given start date and view.
+     *
+     * @param startDate - Start date for the slot.
+     * @param view - View type.
+     * @returns { startDate: AXDateTime; endDate: AXDateTime; view: AXSchedulerView } - Slot data.
+     */
     getSlotData(startDate: AXDateTime, view: AXSchedulerView): {
         startDate: AXDateTime;
         endDate: AXDateTime;
         view: AXSchedulerView;
     };
+    /**
+     * Handles events for appointments and slots.
+     *
+     * @param event - The event to handle.
+     * @param eventOutputMap - Map of event outputs.
+     * @param eventType - Type of event ('appointment' or 'slot').
+     */
     handleEvent(event: AXSchedulerSlotMouseEvent | AXSchedulerAppointmentMouseEvent, eventOutputMap: any, eventType: 'appointment' | 'slot'): void;
+    /**
+     * Calculates timeline layout for appointments.
+     *
+     * @param appt - The appointment to calculate layout for.
+     * @param viewStartHour - Start hour of the view.
+     * @param viewEndHour - End hour of the view.
+     * @returns { left: string; width: string } | null - Layout information or null.
+     */
     calculateTimelineLayout(appt: AXSchedulerAppointment, viewStartHour: number, // e.g., 8 for 8 AM
     viewEndHour: number): {
         left: string;
         width: string;
     } | null;
     /**
-     * Calculates the visible segment of a timed appointment on a specific day,
-     * constrained by the view's start and end hours.
-     * Returns a new appointment-like object representing the segment.
+     * Gets cloned appointment segment for a specific day.
+     *
+     * @param appointment - The appointment to clone.
+     * @param day - The day to get segment for.
+     * @param viewStartHour - Start hour of the view.
+     * @param viewEndHour - End hour of the view.
+     * @param isFullDayCellContext - Whether this is for full day cell context.
+     * @returns AXSchedulerAppointmentSegment | null - Cloned segment or null.
      */
     getClonedAppointmentSegmentOnDay(appointment: AXSchedulerAppointment, // This is the ORIGINAL appointment
     day: AXDateTime, viewStartHour: number, viewEndHour: number, isFullDayCellContext?: boolean): AXSchedulerAppointmentSegment | null;
+    /**
+     * Gets the original appointment from a segment.
+     *
+     * @param item - Appointment or appointment segment.
+     * @returns AXSchedulerAppointment - The original appointment.
+     */
     getOriginalAppointment(item: AXSchedulerAppointment | AXSchedulerAppointmentSegment): AXSchedulerAppointment;
+    /**
+     * Checks if a date is a holiday.
+     *
+     * @param date - The date to check.
+     * @returns boolean - True if the date is a holiday.
+     */
     isHoliday(date: AXDateTime): boolean;
+    /**
+     * Checks if a date is a weekend.
+     *
+     * @param date - The date to check.
+     * @param calendar - The calendar type to use.
+     * @returns boolean - True if the date is a weekend.
+     */
     isWeekend(date: AXDateTime, calendar: string): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSchedulerService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXSchedulerService>;
@@ -571,7 +659,7 @@ declare class AXSchedulerAgendaViewComponent extends NXComponent {
     appointments: _angular_core.InputSignal<AXSchedulerAppointment[]>;
     tooltipTemplate: _angular_core.InputSignal<string | TemplateRef<unknown>>;
     private dragStartSlotId;
-    agendaDaysLayout: _angular_core.Signal<AgendaDayData[]>;
+    protected agendaDaysLayout: _angular_core.Signal<AgendaDayData[]>;
     slotClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
     slotDblClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
     slotRightClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
@@ -581,17 +669,17 @@ declare class AXSchedulerAgendaViewComponent extends NXComponent {
     onActionClickInternal: _angular_core.OutputEmitterRef<AXSchedulerAppointmentMouseEvent>;
     onAppointmentDropInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotDropEvent>;
     private readonly eventOutputMap;
-    handleAppointmentEvent(mouseEvent: MouseEvent, appointmentItem: AXSchedulerAppointment): void;
-    handleSlotEvent(mouseEvent: MouseEvent, date: AXDateTime): void;
-    handleDrop(e: AXDropZoneDropEvent, date: AXDateTime): void;
-    handleActionClick(event: MouseEvent, appointmentItem: AXSchedulerAppointment): void;
+    protected handleAppointmentEvent(mouseEvent: MouseEvent, appointmentItem: AXSchedulerAppointment): void;
+    protected handleSlotEvent(mouseEvent: MouseEvent, date: AXDateTime): void;
+    protected handleDrop(e: AXDropZoneDropEvent, date: AXDateTime): void;
+    protected handleActionClick(event: MouseEvent, appointmentItem: AXSchedulerAppointment): void;
     protected isToday(date: AXDateTime): boolean;
     protected isHoliday(date: AXDateTime): {
         state: 'holiday' | 'weekend' | 'none';
         holiday?: AXHolidayDate;
     };
-    getSlotId(e: PointerEvent): void;
-    get isReadonly(): boolean;
+    protected getSlotId(e: PointerEvent): void;
+    protected get isReadonly(): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSchedulerAgendaViewComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSchedulerAgendaViewComponent, "ax-scheduler-agenda-view", never, { "daysCount": { "alias": "daysCount"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "hasActions": { "alias": "hasActions"; "required": false; "isSignal": true; }; "dragStartDelay": { "alias": "dragStartDelay"; "required": false; "isSignal": true; }; "calendar": { "alias": "calendar"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": true; "isSignal": true; }; "appointments": { "alias": "appointments"; "required": false; "isSignal": true; }; "tooltipTemplate": { "alias": "tooltipTemplate"; "required": false; "isSignal": true; }; }, { "slotClickedInternal": "slotClickedInternal"; "slotDblClickedInternal": "slotDblClickedInternal"; "slotRightClickedInternal": "slotRightClickedInternal"; "appointmentClickedInternal": "appointmentClickedInternal"; "appointmentDblClickedInternal": "appointmentDblClickedInternal"; "appointmentRightClickedInternal": "appointmentRightClickedInternal"; "onActionClickInternal": "onActionClickInternal"; "onAppointmentDropInternal": "onAppointmentDropInternal"; }, never, never, true, never>;
 }
@@ -621,7 +709,7 @@ declare class AXSchedulerTimelineMonthViewComponent extends NXComponent {
     appointments: _angular_core.InputSignal<AXSchedulerAppointment[]>;
     tooltipTemplate: _angular_core.InputSignal<string | TemplateRef<unknown>>;
     private dragStartSlotId;
-    processedDayData: _angular_core.Signal<TimelineMonthViewDayData[]>;
+    protected processedDayData: _angular_core.Signal<TimelineMonthViewDayData[]>;
     slotClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
     slotDblClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
     slotRightClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
@@ -631,17 +719,17 @@ declare class AXSchedulerTimelineMonthViewComponent extends NXComponent {
     onActionClickInternal: _angular_core.OutputEmitterRef<AXSchedulerAppointmentMouseEvent>;
     onAppointmentDropInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotDropEvent>;
     private readonly eventOutputMap;
-    handleAppointmentEvent(mouseEvent: MouseEvent, appointmentItem: AXSchedulerAppointment): void;
-    handleSlotEvent(mouseEvent: MouseEvent, date: AXDateTime): void;
-    handleDrop(e: AXDropZoneDropEvent, date: AXDateTime): void;
-    handleActionClick(event: MouseEvent, appointmentItem: AXSchedulerAppointment): void;
+    protected handleAppointmentEvent(mouseEvent: MouseEvent, appointmentItem: AXSchedulerAppointment): void;
+    protected handleSlotEvent(mouseEvent: MouseEvent, date: AXDateTime): void;
+    protected handleDrop(e: AXDropZoneDropEvent, date: AXDateTime): void;
+    protected handleActionClick(event: MouseEvent, appointmentItem: AXSchedulerAppointment): void;
     protected isToday(date: AXDateTime): boolean;
     protected isHoliday(date: AXDateTime): {
         state: 'holiday' | 'weekend' | 'none';
         holiday?: AXHolidayDate;
     };
-    getSlotId(e: PointerEvent): void;
-    get isReadonly(): boolean;
+    protected getSlotId(e: PointerEvent): void;
+    protected get isReadonly(): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSchedulerTimelineMonthViewComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSchedulerTimelineMonthViewComponent, "ax-scheduler-timeline-month-view", never, { "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "hasActions": { "alias": "hasActions"; "required": false; "isSignal": true; }; "dragStartDelay": { "alias": "dragStartDelay"; "required": false; "isSignal": true; }; "calendar": { "alias": "calendar"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": true; "isSignal": true; }; "appointments": { "alias": "appointments"; "required": false; "isSignal": true; }; "tooltipTemplate": { "alias": "tooltipTemplate"; "required": false; "isSignal": true; }; }, { "slotClickedInternal": "slotClickedInternal"; "slotDblClickedInternal": "slotDblClickedInternal"; "slotRightClickedInternal": "slotRightClickedInternal"; "appointmentClickedInternal": "appointmentClickedInternal"; "appointmentDblClickedInternal": "appointmentDblClickedInternal"; "appointmentRightClickedInternal": "appointmentRightClickedInternal"; "onActionClickInternal": "onActionClickInternal"; "onAppointmentDropInternal": "onAppointmentDropInternal"; }, never, never, true, never>;
 }
@@ -668,7 +756,7 @@ declare class AXSchedulerTimelineMultiDayViewComponent extends NXComponent {
     startDayHour: _angular_core.InputSignal<number>;
     appointments: _angular_core.InputSignal<AXSchedulerAppointment[]>;
     tooltipTemplate: _angular_core.InputSignal<string | TemplateRef<unknown>>;
-    daysDataForTimelineViews: _angular_core.Signal<TimelineMultiDayDaySlot[]>;
+    protected daysDataForTimelineViews: _angular_core.Signal<TimelineMultiDayDaySlot[]>;
     slotClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
     slotDblClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
     slotRightClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
@@ -687,4 +775,4 @@ declare class AXSchedulerTimelineMultiDayViewComponent extends NXComponent {
 }
 
 export { AXSchedulerAgendaViewComponent, AXSchedulerComponent, AXSchedulerDayViewComponent, AXSchedulerModule, AXSchedulerMonthViewComponent, AXSchedulerService, AXSchedulerTimelineDayViewComponent, AXSchedulerTimelineMonthViewComponent, AXSchedulerTimelineMultiDayViewComponent, AXSchedulerWeekViewComponent };
-export type { AXDayOfWeekName, AXSchedulerActiveAppointmentsInBlock, AXSchedulerAllDaySlotData, AXSchedulerAppointment, AXSchedulerAppointmentDataSource, AXSchedulerAppointmentDataSourceFilter, AXSchedulerAppointmentLayout, AXSchedulerAppointmentLoader, AXSchedulerAppointmentLoaderAsync, AXSchedulerAppointmentMouseEvent, AXSchedulerAppointmentSegment, AXSchedulerAppointmentsByStartBlock, AXSchedulerBlockIdentifier, AXSchedulerBlockOccupancyMap, AXSchedulerDateRange, AXSchedulerDayAppointmentLayout, AXSchedulerMonthDayCell, AXSchedulerMultiDayViewAppointment, AXSchedulerOverflowBadge, AXSchedulerSlotDropEvent, AXSchedulerSlotMouseEvent, AXSchedulerView, AgendaDayData, TimelineMonthViewDayData, TimelineMultiDayDaySlot };
+export type { AXDayOfWeekName, AXSchedulerActiveAppointmentsInBlock, AXSchedulerAllDaySlotData, AXSchedulerAppointment, AXSchedulerAppointmentDataSource, AXSchedulerAppointmentDataSourceFilter, AXSchedulerAppointmentLayout, AXSchedulerAppointmentLoader, AXSchedulerAppointmentLoaderAsync, AXSchedulerAppointmentMouseEvent, AXSchedulerAppointmentSegment, AXSchedulerBlockIdentifier, AXSchedulerBlockOccupancyMap, AXSchedulerDateRange, AXSchedulerDayAppointmentLayout, AXSchedulerMonthDayCell, AXSchedulerMultiDayViewAppointment, AXSchedulerOverflowBadge, AXSchedulerSlotDropEvent, AXSchedulerSlotMouseEvent, AXSchedulerView, AgendaDayData, TimelineMonthViewDayData, TimelineMultiDayDaySlot };

package/search-box/index.d.ts

@@ -38,6 +38,7 @@ declare class AXSearchBoxComponent extends AXSearchBoxComponent_base {
     _handleModelChange(value: string): void;
     /** @ignore */
     get __hostClass(): string[];
+    private get __hostName();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSearchBoxComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXSearchBoxComponent, "ax-search-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "look": { "alias": "look"; "required": false; }; "classNames": { "alias": "class"; "required": false; }; "delayTime": { "alias": "delayTime"; "required": false; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix"], true, never>;
 }

package/select-box/index.d.ts

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
-import { AfterViewInit, OnDestroy, WritableSignal, TemplateRef, ElementRef } from '@angular/core';
+import { OnDestroy, WritableSignal, TemplateRef, ElementRef } from '@angular/core';
 import * as polytype from 'polytype';
 import * as i2 from '@acorex/cdk/common';
-import { MXSelectionValueComponent, MXLookComponent, AXDataSource, MXSelectionBridgeService, AXEvent, AXValueChangedEvent } from '@acorex/cdk/common';
+import { MXSelectionValueComponent, MXLookComponent, AXDataSource, MXSelectionBridgeService, AXEvent, AXValueChangedEvent, AXItemClickEvent, AXItemSelectedEvent } from '@acorex/cdk/common';
 import * as i12 from '@acorex/components/dropdown';
 import { MXDropdownBoxBaseComponent, AXDropdownBoxComponent } from '@acorex/components/dropdown';
 import * as i13 from '@acorex/components/list';
@@ -25,7 +25,19 @@ declare const AXSelectBoxComponent_base: polytype.Polytype.ClusteredConstructor<
  * The Button is a component which detects user interaction and triggers a corresponding event
  * @category
  */
-declare class AXSelectBoxComponent extends AXSelectBoxComponent_base implements AfterViewInit, OnDestroy {
+declare class AXSelectBoxComponent extends AXSelectBoxComponent_base implements OnDestroy {
+    /**
+     * Determines if an item is truncated.
+     *
+     * @defaultValue true
+     */
+    isItemTruncated: i0.InputSignal<boolean>;
+    /**
+     * Determines if a tooltip is shown for an item.
+     *
+     * @defaultValue false
+     */
+    showItemTooltip: i0.InputSignal<boolean>;
     /** @ignore */
     private hotKeyService;
     /** @ignore */
@@ -33,7 +45,7 @@ declare class AXSelectBoxComponent extends AXSelectBoxComponent_base implements
     /** @ignore */
     protected searchValue: WritableSignal<string>;
     /** @ignore */
-    protected renderList: boolean;
+    protected renderList: WritableSignal<boolean>;
     /** @ignore */
     protected _dropdownWidth: WritableSignal<string>;
     /** @ignore */
@@ -41,9 +53,11 @@ declare class AXSelectBoxComponent extends AXSelectBoxComponent_base implements
     /** @ignore */
     protected _listDataSource: AXDataSource<any>;
     /** @ignore */
-    private _dataSource;
+    private _originalDataSource;
     /** @ignore */
     private onChangedSubscription;
+    /** @ignore */
+    private onLoadingChangedSubscription;
     /**
      * Gets the data source for the component, which can be either an `AXDataSource` or an array of items.
      * @returns {AXDataSource<any> | any[]}
@@ -112,8 +126,11 @@ declare class AXSelectBoxComponent extends AXSelectBoxComponent_base implements
     private _unsubscriber;
     /** @ignore */
     protected ngOnInit(): void;
-    /** @ignore */
-    ngAfterViewInit(): void;
+    /**
+     * Proactively fetches item data if the component has a value but no corresponding item data.
+     * This prevents showing "loading..." when the component has a value.
+     */
+    private fetchItemDataIfNeeded;
     /** @ignore */
     ngOnDestroy(): void;
     /**
@@ -132,7 +149,14 @@ declare class AXSelectBoxComponent extends AXSelectBoxComponent_base implements
     /** @ignore */
     protected _handleValueChanged(e: AXValueChangedEvent): void;
     /** @ignore */
+    protected _handleItemClick(e: AXItemClickEvent): void;
+    /** @ignore */
+    protected _handleItemSelected(e: AXItemSelectedEvent): void;
+    /** @ignore */
     private setDropdownSize;
+    private updateDropdownPosition;
+    private updateDropdownSize;
+    internalValueChanged(value: any): void;
     /** @ignore */
     _handleKeydown(e: KeyboardEvent): void;
     /** @ignore */
@@ -148,7 +172,7 @@ declare class AXSelectBoxComponent extends AXSelectBoxComponent_base implements
     refresh(): void;
     private hostClickListener;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectBoxComponent, "ax-select-box", 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; }; "dataSource": { "alias": "dataSource"; "required": false; }; "minRecordsForSearch": { "alias": "minRecordsForSearch"; "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; "isSignal": true; }; "searchBoxAutoFocus": { "alias": "searchBoxAutoFocus"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onOpened": "onOpened"; "onClosed": "onClosed"; }, ["searchBox"], ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-search-box", "ax-footer", "ax-validation-rule"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectBoxComponent, "ax-select-box", 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; }; "isItemTruncated": { "alias": "isItemTruncated"; "required": false; "isSignal": true; }; "showItemTooltip": { "alias": "showItemTooltip"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; }; "minRecordsForSearch": { "alias": "minRecordsForSearch"; "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; "isSignal": true; }; "searchBoxAutoFocus": { "alias": "searchBoxAutoFocus"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onOpened": "onOpened"; "onClosed": "onClosed"; "onItemSelected": "onItemSelected"; "onItemClick": "onItemClick"; }, ["searchBox"], ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-search-box", "ax-footer", "ax-validation-rule"], true, never>;
 }
 
 declare class AXSelectBoxModule {