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

package/scheduler/index.d.ts

@@ -1,10 +1,10 @@
 import { AXRange, NXNativeEvent, NXComponent, NXEvent, AXValueChangedEvent } from '@acorex/cdk/common';
 import { AXDateTime, AXHolidayDate } from '@acorex/core/date-time';
 import * as _angular_core from '@angular/core';
-import { OnInit, TemplateRef } from '@angular/core';
+import { OnInit, TemplateRef, AfterViewInit, ElementRef } from '@angular/core';
 import { AXDropZoneDropEvent } from '@acorex/cdk/drag-drop';
 
-type AXSchedulerView = 'day' | 'week' | 'month' | 'timeline-day' | 'timeline-multi-day' | 'timeline-month' | 'agenda';
+type AXSchedulerView = 'day' | 'week' | 'month' | 'timeline-day' | 'timeline-multi-day' | 'timeline-month' | 'timeline-year' | 'agenda';
 type AXDayOfWeekName = 'sunday' | 'monday' | 'tuesday' | 'wednesday' | 'thursday' | 'friday' | 'saturday';
 type AXSchedulerBlockIdentifier = {
     dayIndex: number;
@@ -15,6 +15,7 @@ type AXSchedulerAppointment = {
     endDate: Date;
     title?: string;
     startDate: Date;
+    resourceId?: any;
     allDay?: boolean;
     cssClass?: string;
     readonly?: boolean;
@@ -62,6 +63,11 @@ type AXSchedulerAppointmentDataSourceFilter = {
 type AXSchedulerAppointmentLoader = (filter?: AXSchedulerAppointmentDataSourceFilter) => AXSchedulerAppointment[];
 type AXSchedulerAppointmentLoaderAsync = (filter?: AXSchedulerAppointmentDataSourceFilter) => Promise<AXSchedulerAppointment[]>;
 type AXSchedulerAppointmentDataSource = AXSchedulerAppointment[] | AXSchedulerAppointmentLoader | AXSchedulerAppointmentLoaderAsync;
+type AXSchedulerResource = {
+    id: any;
+    title: string;
+    description?: string;
+};
 
 interface AXSchedulerAppointmentMouseEvent extends NXNativeEvent<AXSchedulerComponent, MouseEvent> {
     appointment: AXSchedulerAppointment;
@@ -80,6 +86,7 @@ interface AXSchedulerSlotDropEvent extends NXEvent<AXSchedulerComponent> {
         endDate: AXDateTime;
         startDate: AXDateTime;
         view: AXSchedulerView;
+        resourceId?: any;
     };
     isSameSlotDrop: boolean;
 }
@@ -118,10 +125,15 @@ declare class AXSchedulerComponent extends NXComponent implements OnInit {
     weekend: _angular_core.InputSignal<number[]>;
     allowFullScreen: _angular_core.InputSignal<boolean>;
     multiDayViewDaysCount: _angular_core.InputSignal<number>;
+    showResourceHeaders: _angular_core.InputSignal<boolean>;
+    showCurrentTimeIndicator: _angular_core.InputSignal<boolean>;
+    showUnassignedAppointments: _angular_core.InputSignal<boolean>;
+    resources: _angular_core.InputSignal<AXSchedulerResource[]>;
+    resourceTemplate: _angular_core.InputSignal<TemplateRef<unknown>>;
+    firstDayOfWeek: _angular_core.InputSignal<AXDayOfWeekName>;
     tooltipTemplate: _angular_core.InputSignal<string | TemplateRef<unknown>>;
     dataSource: _angular_core.InputSignal<AXSchedulerAppointmentDataSource>;
     holidays: _angular_core.InputSignal<(range: AXSchedulerDateRange) => Promise<AXHolidayDate[]>>;
-    firstDayOfWeek: _angular_core.InputSignal<AXDayOfWeekName>;
     views: _angular_core.InputSignal<AXSchedulerView[]>;
     selectedView: _angular_core.ModelSignal<AXSchedulerView>;
     private prevView;
@@ -146,7 +158,7 @@ declare class AXSchedulerComponent extends NXComponent implements OnInit {
     private fillDataSource;
     private getGridDateRange;
     currentDateText: _angular_core.Signal<string>;
-    calendarDepth: _angular_core.Signal<"day" | "month">;
+    calendarDepth: _angular_core.Signal<"day" | "month" | "year">;
     private mappedAppointments;
     range: _angular_core.Signal<AXSchedulerDateRange>;
     viewAppointments: _angular_core.Signal<AXSchedulerAppointment[]>;
@@ -182,10 +194,10 @@ declare class AXSchedulerComponent extends NXComponent implements OnInit {
      */
     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; }; "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>;
+    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; }; "showResourceHeaders": { "alias": "showResourceHeaders"; "required": false; "isSignal": true; }; "showCurrentTimeIndicator": { "alias": "showCurrentTimeIndicator"; "required": false; "isSignal": true; }; "showUnassignedAppointments": { "alias": "showUnassignedAppointments"; "required": false; "isSignal": true; }; "resources": { "alias": "resources"; "required": false; "isSignal": true; }; "resourceTemplate": { "alias": "resourceTemplate"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "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; }; "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 {
+declare class AXSchedulerDayViewComponent extends NXComponent implements AfterViewInit {
     private document;
     private scheduler;
     private calendarService;
@@ -199,8 +211,10 @@ declare class AXSchedulerDayViewComponent extends NXComponent {
     date: _angular_core.InputSignal<AXDateTime>;
     endDayHour: _angular_core.InputSignal<number>;
     startDayHour: _angular_core.InputSignal<number>;
+    showCurrentTimeIndicator: _angular_core.InputSignal<boolean>;
     appointments: _angular_core.InputSignal<AXSchedulerAppointment[]>;
     tooltipTemplate: _angular_core.InputSignal<string | TemplateRef<unknown>>;
+    currentTimeLineElement: _angular_core.Signal<ElementRef<HTMLElement>>;
     private dragStartSlotId;
     private processedAppointmentsForLayout;
     protected allDayAppointments: _angular_core.Signal<AXSchedulerAppointment[]>;
@@ -227,16 +241,20 @@ declare class AXSchedulerDayViewComponent extends NXComponent {
     protected getAppointmentWidth(key: any): string;
     protected getAppointmentTop(key: any): string;
     protected getAppointmentHeight(key: any): string;
+    protected getCurrentTimePosition(): number | null;
+    protected getCurrentTimePositionWithOffset(): string | null;
+    ngAfterViewInit(): void;
+    private setupCurrentTimeScroll;
     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>;
+    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; }; "showCurrentTimeIndicator": { "alias": "showCurrentTimeIndicator"; "required": false; "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>;
 }
 
 type AXSchedulerGridBadgeInfo = AXSchedulerOverflowBadge & {
     hiddenAppointments: AXSchedulerAppointmentSegment[];
 };
-declare class AXSchedulerWeekViewComponent extends NXComponent {
+declare class AXSchedulerWeekViewComponent extends NXComponent implements AfterViewInit {
     private readonly document;
     private readonly scheduler;
     private readonly calendarService;
@@ -252,8 +270,10 @@ declare class AXSchedulerWeekViewComponent extends NXComponent {
     date: _angular_core.InputSignal<AXDateTime>;
     endDayHour: _angular_core.InputSignal<number>;
     startDayHour: _angular_core.InputSignal<number>;
+    showCurrentTimeIndicator: _angular_core.InputSignal<boolean>;
     appointments: _angular_core.InputSignal<AXSchedulerAppointment[]>;
     tooltipTemplate: _angular_core.InputSignal<string | TemplateRef<unknown>>;
+    currentTimeLineElement: _angular_core.Signal<ElementRef<HTMLElement>>;
     protected readonly slotClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
     protected readonly slotDblClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
     protected readonly slotRightClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
@@ -376,11 +396,18 @@ declare class AXSchedulerWeekViewComponent extends NXComponent {
      * @param e The pointer event that initiates the drag.
      */
     protected getSlotId(e: PointerEvent): void;
+    protected getCurrentTimePosition(): number | null;
+    protected getCurrentTimePositionWithOffset(): string | null;
+    protected getCurrentDayColumnPosition(): string | null;
+    protected getCurrentDayColumnWidth(): string;
+    ngAfterViewInit(): void;
+    private setupCurrentTimeScroll;
+    protected shouldShowCurrentTimeForToday(): boolean;
     protected get isReadonly(): boolean;
     private processedAppointmentsForLayout;
     private timedGridSegments;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSchedulerWeekViewComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSchedulerWeekViewComponent, "ax-scheduler-week-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>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSchedulerWeekViewComponent, "ax-scheduler-week-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; }; "showCurrentTimeIndicator": { "alias": "showCurrentTimeIndicator"; "required": false; "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>;
 }
 
 type AXSchedulerMonthDayCell = {
@@ -437,7 +464,55 @@ declare class AXSchedulerMonthViewComponent extends NXComponent {
     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>;
 }
 
-declare class AXSchedulerTimelineDayViewComponent extends NXComponent {
+interface AgendaDayData {
+    date: AXDateTime;
+    appointments: AXSchedulerAppointmentSegment[];
+    holiday?: {
+        state: 'holiday' | 'weekend' | 'none';
+        holiday?: AXHolidayDate;
+    };
+}
+declare class AXSchedulerAgendaViewComponent extends NXComponent {
+    private document;
+    private scheduler;
+    private calendarService;
+    private schedulerService;
+    daysCount: _angular_core.InputSignal<number>;
+    readonly: _angular_core.InputSignal<boolean>;
+    draggable: _angular_core.InputSignal<boolean>;
+    hasActions: _angular_core.InputSignal<boolean>;
+    dragStartDelay: _angular_core.InputSignal<number>;
+    calendar: _angular_core.InputSignal<string>;
+    date: _angular_core.InputSignal<AXDateTime>;
+    appointments: _angular_core.InputSignal<AXSchedulerAppointment[]>;
+    tooltipTemplate: _angular_core.InputSignal<string | TemplateRef<unknown>>;
+    private dragStartSlotId;
+    protected agendaDaysLayout: _angular_core.Signal<AgendaDayData[]>;
+    slotClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
+    slotDblClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
+    slotRightClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
+    appointmentClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerAppointmentMouseEvent>;
+    appointmentDblClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerAppointmentMouseEvent>;
+    appointmentRightClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerAppointmentMouseEvent>;
+    onActionClickInternal: _angular_core.OutputEmitterRef<AXSchedulerAppointmentMouseEvent>;
+    onAppointmentDropInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotDropEvent>;
+    private readonly eventOutputMap;
+    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;
+    };
+    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>;
+}
+
+declare class AXSchedulerTimelineDayViewComponent extends NXComponent implements AfterViewInit {
     private document;
     private scheduler;
     private calendarService;
@@ -448,12 +523,27 @@ declare class AXSchedulerTimelineDayViewComponent extends NXComponent {
     hasActions: _angular_core.InputSignal<boolean>;
     dragStartDelay: _angular_core.InputSignal<number>;
     calendar: _angular_core.InputSignal<string>;
+    showResourceHeaders: _angular_core.InputSignal<boolean>;
     date: _angular_core.InputSignal<AXDateTime>;
     endDayHour: _angular_core.InputSignal<number>;
     startDayHour: _angular_core.InputSignal<number>;
+    showUnassignedAppointments: _angular_core.InputSignal<boolean>;
+    resources: _angular_core.InputSignal<AXSchedulerResource[]>;
+    showCurrentTimeIndicator: _angular_core.InputSignal<boolean>;
+    resourceTemplate: _angular_core.InputSignal<TemplateRef<unknown>>;
     appointments: _angular_core.InputSignal<AXSchedulerAppointment[]>;
     tooltipTemplate: _angular_core.InputSignal<string | TemplateRef<unknown>>;
     private dragStartSlotId;
+    private dragStartSlotResourceId;
+    currentTimeLineElement: _angular_core.Signal<ElementRef<HTMLElement>>;
+    /**
+     * Gets appointments grouped by resources for timeline view.
+     */
+    protected appointmentsByResource: _angular_core.Signal<Map<any, AXSchedulerAppointment[]>>;
+    /**
+     * Gets all resource IDs including unassigned if applicable.
+     */
+    protected resourceIds: _angular_core.Signal<any[]>;
     /**
      * Processes original appointments to get segments relevant to this specific day and its viewable hours.
      * Filters out original all-day events.
@@ -470,19 +560,304 @@ declare class AXSchedulerTimelineDayViewComponent extends NXComponent {
     private readonly eventOutputMap;
     protected handleAppointmentEvent(mouseEvent: MouseEvent, appointmentItem: AXSchedulerAppointment): void;
     protected handleSlotEvent(mouseEvent: MouseEvent, startDate: AXDateTime): void;
-    protected handleDrop(e: AXDropZoneDropEvent, startDate: AXDateTime): void;
+    protected handleDrop(e: AXDropZoneDropEvent, startDate: AXDateTime, resourceId?: any): void;
     protected handleActionClick(event: MouseEvent, appointmentItem: AXSchedulerAppointment): void;
     protected hoursArray: _angular_core.Signal<AXDateTime[]>;
     protected appointmentLayouts: _angular_core.Signal<AXSchedulerAppointmentLayout[]>;
+    /**
+     * Gets appointments for a specific resource.
+     */
+    protected getAppointmentsForResource(resourceId: any): AXSchedulerAppointment[];
+    /**
+     * Gets resource title by ID.
+     */
+    protected getResourceTitle(resourceId: any): string;
+    protected getResourceContext(resourceId: any): AXSchedulerResource;
+    protected getCurrentTimePosition(): number | null;
+    protected getCurrentTimePositionWithOffset(): string | null;
+    ngAfterViewInit(): void;
+    private setupCurrentTimeScroll;
+    /**
+     * Gets appointment layouts for a specific resource with proper positioning.
+     */
+    protected getAppointmentLayoutsForResource(resourceId: any): AXSchedulerAppointmentLayout[];
+    /**
+     * Calculates the height for a resource row based on its appointments.
+     */
+    protected getResourceRowHeight(resourceId: any): string;
+    /**
+     * Calculates the maximum number of overlapping appointment rows needed.
+     */
+    private calculateMaxOverlappingRows;
     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>;
+    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; }; "showResourceHeaders": { "alias": "showResourceHeaders"; "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; }; "showUnassignedAppointments": { "alias": "showUnassignedAppointments"; "required": false; "isSignal": true; }; "resources": { "alias": "resources"; "required": false; "isSignal": true; }; "showCurrentTimeIndicator": { "alias": "showCurrentTimeIndicator"; "required": false; "isSignal": true; }; "resourceTemplate": { "alias": "resourceTemplate"; "required": false; "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>;
+}
+
+interface TimelineMonthViewDayData {
+    date: AXDateTime;
+    visibleAppointments: AXSchedulerAppointmentSegment[];
+    hiddenAppointments: AXSchedulerAppointmentSegment[];
+    moreCount: number;
+    holiday?: {
+        state: 'holiday' | 'weekend' | 'none';
+        holiday?: AXHolidayDate;
+    };
+    appointmentsByResource?: Map<string, {
+        visible: AXSchedulerAppointmentSegment[];
+        hidden: AXSchedulerAppointmentSegment[];
+        moreCount: number;
+    }>;
+}
+declare class AXSchedulerTimelineMonthViewComponent extends NXComponent implements AfterViewInit {
+    private document;
+    private scheduler;
+    private calendarService;
+    private schedulerService;
+    private readonly MAX_VISIBLE_APPOINTMENTS_PER_DAY;
+    readonly: _angular_core.InputSignal<boolean>;
+    draggable: _angular_core.InputSignal<boolean>;
+    hasActions: _angular_core.InputSignal<boolean>;
+    dragStartDelay: _angular_core.InputSignal<number>;
+    calendar: _angular_core.InputSignal<string>;
+    showResourceHeaders: _angular_core.InputSignal<boolean>;
+    date: _angular_core.InputSignal<AXDateTime>;
+    showUnassignedAppointments: _angular_core.InputSignal<boolean>;
+    resources: _angular_core.InputSignal<AXSchedulerResource[]>;
+    showCurrentTimeIndicator: _angular_core.InputSignal<boolean>;
+    resourceTemplate: _angular_core.InputSignal<TemplateRef<unknown>>;
+    appointments: _angular_core.InputSignal<AXSchedulerAppointment[]>;
+    tooltipTemplate: _angular_core.InputSignal<string | TemplateRef<unknown>>;
+    private dragStartSlotId;
+    private dragStartSlotResourceId;
+    currentTimeLineElement: _angular_core.Signal<ElementRef<HTMLElement>>;
+    protected processedDayData: _angular_core.Signal<TimelineMonthViewDayData[]>;
+    slotClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
+    slotDblClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
+    slotRightClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
+    appointmentClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerAppointmentMouseEvent>;
+    appointmentDblClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerAppointmentMouseEvent>;
+    appointmentRightClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerAppointmentMouseEvent>;
+    onActionClickInternal: _angular_core.OutputEmitterRef<AXSchedulerAppointmentMouseEvent>;
+    onAppointmentDropInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotDropEvent>;
+    private readonly eventOutputMap;
+    protected handleAppointmentEvent(mouseEvent: MouseEvent, appointmentItem: AXSchedulerAppointment): void;
+    protected handleSlotEvent(mouseEvent: MouseEvent, date: AXDateTime): void;
+    protected handleDrop(e: AXDropZoneDropEvent, date: AXDateTime, resourceId?: any): void;
+    protected handleActionClick(event: MouseEvent, appointmentItem: AXSchedulerAppointment): void;
+    protected isToday(date: AXDateTime): boolean;
+    protected isHoliday(date: AXDateTime): {
+        state: 'holiday' | 'weekend' | 'none';
+        holiday?: AXHolidayDate;
+    };
+    /**
+     * Gets appointments grouped by resources for timeline view.
+     */
+    protected appointmentsByResource: _angular_core.Signal<Map<any, AXSchedulerAppointment[]>>;
+    /**
+     * Gets all resource IDs including unassigned if applicable.
+     */
+    protected resourceIds: _angular_core.Signal<any[]>;
+    /**
+     * Gets appointments for a specific resource.
+     */
+    protected getAppointmentsForResource(resourceId: any): AXSchedulerAppointment[];
+    /**
+     * Gets resource title by ID.
+     */
+    protected getResourceTitle(resourceId: any): string;
+    protected getResourceContext(resourceId: any): AXSchedulerResource;
+    protected getCurrentTimePosition(): number | null;
+    ngAfterViewInit(): void;
+    private setupCurrentTimeScroll;
+    /**
+     * Gets appointments for a specific resource and day.
+     */
+    protected getAppointmentsForResourceAndDay(resourceId: any, dayData: TimelineMonthViewDayData): {
+        visible: AXSchedulerAppointmentSegment[];
+        hidden: AXSchedulerAppointmentSegment[];
+        moreCount: number;
+    };
+    protected getSlotId(e: PointerEvent): void;
+    /**
+     * Gets the height for a specific resource row based on appointments.
+     */
+    protected getResourceRowHeight(resourceId: any): string;
+    /**
+     * Calculates the maximum number of overlapping appointment rows needed.
+     * This is a simplified version for timeline month view.
+     */
+    protected calculateMaxOverlappingRows(appointments: AXSchedulerAppointmentSegment[]): number;
+    protected shouldShowCurrentTimeForDay(dayDate: AXDateTime): boolean;
+    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; }; "showResourceHeaders": { "alias": "showResourceHeaders"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": true; "isSignal": true; }; "showUnassignedAppointments": { "alias": "showUnassignedAppointments"; "required": false; "isSignal": true; }; "resources": { "alias": "resources"; "required": false; "isSignal": true; }; "showCurrentTimeIndicator": { "alias": "showCurrentTimeIndicator"; "required": false; "isSignal": true; }; "resourceTemplate": { "alias": "resourceTemplate"; "required": false; "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>;
+}
+
+interface TimelineMultiDayDaySlot {
+    date: AXDateTime;
+    originalAppointmentsForThisDay: AXSchedulerAppointment[];
+    holiday?: {
+        state: 'holiday' | 'weekend' | 'none';
+        holiday?: AXHolidayDate;
+    };
+}
+declare class AXSchedulerTimelineMultiDayViewComponent extends NXComponent implements AfterViewInit {
+    private calendarService;
+    private schedulerService;
+    daysCount: _angular_core.InputSignal<number>;
+    readonly: _angular_core.InputSignal<boolean>;
+    draggable: _angular_core.InputSignal<boolean>;
+    hasActions: _angular_core.InputSignal<boolean>;
+    dragStartDelay: _angular_core.InputSignal<number>;
+    calendar: _angular_core.InputSignal<string>;
+    showResourceHeaders: _angular_core.InputSignal<boolean>;
+    date: _angular_core.InputSignal<AXDateTime>;
+    endDayHour: _angular_core.InputSignal<number>;
+    showCurrentTimeIndicator: _angular_core.InputSignal<boolean>;
+    startDayHour: _angular_core.InputSignal<number>;
+    showUnassignedAppointments: _angular_core.InputSignal<boolean>;
+    resources: _angular_core.InputSignal<AXSchedulerResource[]>;
+    resourceTemplate: _angular_core.InputSignal<TemplateRef<unknown>>;
+    appointments: _angular_core.InputSignal<AXSchedulerAppointment[]>;
+    tooltipTemplate: _angular_core.InputSignal<string | TemplateRef<unknown>>;
+    currentTimeLineElement: _angular_core.Signal<ElementRef<HTMLElement>>;
+    protected daysDataForTimelineViews: _angular_core.Signal<TimelineMultiDayDaySlot[]>;
+    slotClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
+    slotDblClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
+    slotRightClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
+    appointmentClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerAppointmentMouseEvent>;
+    appointmentDblClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerAppointmentMouseEvent>;
+    appointmentRightClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerAppointmentMouseEvent>;
+    onActionClickInternal: _angular_core.OutputEmitterRef<AXSchedulerAppointmentMouseEvent>;
+    onAppointmentDropInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotDropEvent>;
+    protected handleDrop(event: AXSchedulerSlotDropEvent, resourceId: any): void;
+    protected isToday(date: AXDateTime): boolean;
+    /**
+     * Gets appointments grouped by resources for timeline view.
+     */
+    protected appointmentsByResource: _angular_core.Signal<Map<any, AXSchedulerAppointment[]>>;
+    /**
+     * Gets all resource IDs including unassigned if applicable.
+     */
+    protected resourceIds: _angular_core.Signal<any[]>;
+    /**
+     * Gets appointments for a specific resource.
+     */
+    protected getAppointmentsForResource(resourceId: any): AXSchedulerAppointment[];
+    /**
+     * Gets resource title by ID.
+     */
+    protected getResourceTitle(resourceId: any): string;
+    protected getResourceContext(resourceId: any): AXSchedulerResource;
+    protected getCurrentTimePosition(): number | null;
+    protected shouldShowCurrentTimeForDay(dayDate: AXDateTime): boolean;
+    ngAfterViewInit(): void;
+    private setupCurrentTimeScroll;
+    /**
+     * Gets appointments for a specific resource and day.
+     */
+    protected getAppointmentsForResourceAndDay(resourceId: any, dayAppointments: AXSchedulerAppointment[]): AXSchedulerAppointment[];
+    /**
+     * Gets the height for a specific resource across all days.
+     */
+    protected getResourceRowHeight(resourceId: any): string;
+    /**
+     * Calculates the maximum number of overlapping rows for a set of appointments.
+     * Uses the actual segmented times that will be displayed in the timeline view.
+     */
+    private calculateMaxOverlappingRowsForAppointments;
+    /**
+     * Gets the hours array for time slots display.
+     */
+    protected getHoursArray(): AXDateTime[];
+    /**
+     * Gets the number of hours for CSS calculations.
+     */
+    protected getHoursCount(): number;
+    protected isHoliday(date: AXDateTime): {
+        state: 'holiday' | 'weekend' | 'none';
+        holiday?: AXHolidayDate;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSchedulerTimelineMultiDayViewComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSchedulerTimelineMultiDayViewComponent, "ax-scheduler-timeline-multi-day-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; }; "showResourceHeaders": { "alias": "showResourceHeaders"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": true; "isSignal": true; }; "endDayHour": { "alias": "endDayHour"; "required": true; "isSignal": true; }; "showCurrentTimeIndicator": { "alias": "showCurrentTimeIndicator"; "required": false; "isSignal": true; }; "startDayHour": { "alias": "startDayHour"; "required": true; "isSignal": true; }; "showUnassignedAppointments": { "alias": "showUnassignedAppointments"; "required": false; "isSignal": true; }; "resources": { "alias": "resources"; "required": false; "isSignal": true; }; "resourceTemplate": { "alias": "resourceTemplate"; "required": false; "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>;
+}
+
+interface TimelineYearViewDayData {
+    date: AXDateTime;
+    visibleAppointments: AXSchedulerAppointmentSegment[];
+    hiddenAppointments: AXSchedulerAppointmentSegment[];
+    moreCount: number;
+    holiday?: {
+        state: 'holiday' | 'weekend' | 'none';
+        holiday?: AXHolidayDate;
+    };
+    appointmentsByResource?: Map<string, {
+        visible: AXSchedulerAppointmentSegment[];
+        hidden: AXSchedulerAppointmentSegment[];
+        moreCount: number;
+    }>;
+}
+declare class AXSchedulerTimelineYearViewComponent extends NXComponent implements AfterViewInit {
+    private document;
+    private scheduler;
+    private calendarService;
+    private schedulerService;
+    private readonly MAX_VISIBLE_APPOINTMENTS_PER_DAY;
+    readonly: _angular_core.InputSignal<boolean>;
+    draggable: _angular_core.InputSignal<boolean>;
+    hasActions: _angular_core.InputSignal<boolean>;
+    dragStartDelay: _angular_core.InputSignal<number>;
+    calendar: _angular_core.InputSignal<string>;
+    showResourceHeaders: _angular_core.InputSignal<boolean>;
+    date: _angular_core.InputSignal<AXDateTime>;
+    showUnassignedAppointments: _angular_core.InputSignal<boolean>;
+    resources: _angular_core.InputSignal<AXSchedulerResource[]>;
+    showCurrentTimeIndicator: _angular_core.InputSignal<boolean>;
+    resourceTemplate: _angular_core.InputSignal<TemplateRef<unknown>>;
+    appointments: _angular_core.InputSignal<AXSchedulerAppointment[]>;
+    tooltipTemplate: _angular_core.InputSignal<string | TemplateRef<unknown>>;
+    private dragStartSlotId;
+    private dragStartSlotResourceId;
+    currentTimeLineElement: _angular_core.Signal<ElementRef<HTMLElement>>;
+    protected optimizedDragStartDelay: _angular_core.Signal<number>;
+    protected processedDayData: _angular_core.Signal<TimelineYearViewDayData[]>;
+    protected resourceIds: _angular_core.Signal<any[]>;
+    private getHolidayInfo;
+    protected isToday(date: AXDateTime): boolean;
+    protected getResourceTitle(resourceId: any): string;
+    protected getAppointmentsForResourceAndDay(resourceId: any, dayData: TimelineYearViewDayData): {
+        visible: AXSchedulerAppointmentSegment[];
+        hidden: AXSchedulerAppointmentSegment[];
+        moreCount: number;
+    };
+    protected getResourceContext(resourceId: any): AXSchedulerResource;
+    protected getCurrentTimePosition(): number | null;
+    ngAfterViewInit(): void;
+    private setupCurrentTimeScroll;
+    slotClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
+    slotDblClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
+    slotRightClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
+    appointmentClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerAppointmentMouseEvent>;
+    appointmentDblClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerAppointmentMouseEvent>;
+    appointmentRightClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerAppointmentMouseEvent>;
+    onActionClickInternal: _angular_core.OutputEmitterRef<AXSchedulerAppointmentMouseEvent>;
+    onAppointmentDropInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotDropEvent>;
+    private readonly eventOutputMap;
+    protected handleAppointmentEvent(mouseEvent: MouseEvent, appointmentItem: AXSchedulerAppointment): void;
+    protected handleSlotEvent(mouseEvent: MouseEvent, date: AXDateTime): void;
+    protected handleDrop(e: AXDropZoneDropEvent, date: AXDateTime, resourceId?: any): void;
+    protected handleActionClick(event: MouseEvent, appointmentItem: AXSchedulerAppointment): void;
+    protected shouldShowCurrentTimeForDay(dayDate: AXDateTime): boolean;
+    protected getSlotId(e: PointerEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSchedulerTimelineYearViewComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSchedulerTimelineYearViewComponent, "ax-scheduler-timeline-year-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; }; "showResourceHeaders": { "alias": "showResourceHeaders"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": true; "isSignal": true; }; "showUnassignedAppointments": { "alias": "showUnassignedAppointments"; "required": false; "isSignal": true; }; "resources": { "alias": "resources"; "required": false; "isSignal": true; }; "showCurrentTimeIndicator": { "alias": "showCurrentTimeIndicator"; "required": false; "isSignal": true; }; "resourceTemplate": { "alias": "resourceTemplate"; "required": false; "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>;
 }
 
 declare class AXSchedulerModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSchedulerModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXSchedulerModule, never, [typeof AXSchedulerComponent, typeof AXSchedulerDayViewComponent, typeof AXSchedulerWeekViewComponent, typeof AXSchedulerMonthViewComponent, typeof AXSchedulerTimelineDayViewComponent], [typeof AXSchedulerComponent, typeof AXSchedulerDayViewComponent, typeof AXSchedulerWeekViewComponent, typeof AXSchedulerMonthViewComponent, typeof AXSchedulerTimelineDayViewComponent]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXSchedulerModule, never, [typeof AXSchedulerComponent, typeof AXSchedulerDayViewComponent, typeof AXSchedulerWeekViewComponent, typeof AXSchedulerMonthViewComponent, typeof AXSchedulerAgendaViewComponent, typeof AXSchedulerTimelineDayViewComponent, typeof AXSchedulerTimelineMonthViewComponent, typeof AXSchedulerTimelineMultiDayViewComponent, typeof AXSchedulerTimelineYearViewComponent], [typeof AXSchedulerComponent, typeof AXSchedulerDayViewComponent, typeof AXSchedulerWeekViewComponent, typeof AXSchedulerMonthViewComponent, typeof AXSchedulerAgendaViewComponent, typeof AXSchedulerTimelineDayViewComponent, typeof AXSchedulerTimelineMonthViewComponent, typeof AXSchedulerTimelineMultiDayViewComponent, typeof AXSchedulerTimelineYearViewComponent]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXSchedulerModule>;
 }
 
@@ -632,147 +1007,34 @@ declare class AXSchedulerService {
      * @returns boolean - True if the date is a weekend.
      */
     isWeekend(date: AXDateTime, calendar: string): boolean;
+    /**
+     * Filters appointments by resources and unassigned appointments.
+     *
+     * @param appointments - Array of appointments to filter.
+     * @param resources - Array of resources.
+     * @param showUnassignedAppointments - Whether to show appointments without resources.
+     * @returns Map<any, AXSchedulerAppointment[]> - Appointments grouped by resource ID.
+     */
+    filterAppointmentsByResources(appointments: AXSchedulerAppointment[], resources: AXSchedulerResource[], showUnassignedAppointments?: boolean): Map<any, AXSchedulerAppointment[]>;
+    /**
+     * Gets appointments for a specific resource.
+     *
+     * @param appointments - Array of appointments.
+     * @param resourceId - The resource ID to filter by.
+     * @returns AXSchedulerAppointment[] - Filtered appointments.
+     */
+    getAppointmentsForResource(appointments: AXSchedulerAppointment[], resourceId: any): AXSchedulerAppointment[];
+    /**
+     * Gets all resource IDs including unassigned if applicable.
+     *
+     * @param resources - Array of resources.
+     * @param showUnassignedAppointments - Whether to include unassigned appointments.
+     * @returns string[] - Array of resource IDs.
+     */
+    getAllResourceIds(resources: AXSchedulerResource[], showUnassignedAppointments?: boolean): any[];
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSchedulerService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXSchedulerService>;
 }
 
-interface AgendaDayData {
-    date: AXDateTime;
-    appointments: AXSchedulerAppointmentSegment[];
-    holiday?: {
-        state: 'holiday' | 'weekend' | 'none';
-        holiday?: AXHolidayDate;
-    };
-}
-declare class AXSchedulerAgendaViewComponent extends NXComponent {
-    private document;
-    private scheduler;
-    private calendarService;
-    private schedulerService;
-    daysCount: _angular_core.InputSignal<number>;
-    readonly: _angular_core.InputSignal<boolean>;
-    draggable: _angular_core.InputSignal<boolean>;
-    hasActions: _angular_core.InputSignal<boolean>;
-    dragStartDelay: _angular_core.InputSignal<number>;
-    calendar: _angular_core.InputSignal<string>;
-    date: _angular_core.InputSignal<AXDateTime>;
-    appointments: _angular_core.InputSignal<AXSchedulerAppointment[]>;
-    tooltipTemplate: _angular_core.InputSignal<string | TemplateRef<unknown>>;
-    private dragStartSlotId;
-    protected agendaDaysLayout: _angular_core.Signal<AgendaDayData[]>;
-    slotClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
-    slotDblClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
-    slotRightClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
-    appointmentClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerAppointmentMouseEvent>;
-    appointmentDblClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerAppointmentMouseEvent>;
-    appointmentRightClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerAppointmentMouseEvent>;
-    onActionClickInternal: _angular_core.OutputEmitterRef<AXSchedulerAppointmentMouseEvent>;
-    onAppointmentDropInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotDropEvent>;
-    private readonly eventOutputMap;
-    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;
-    };
-    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>;
-}
-
-interface TimelineMonthViewDayData {
-    date: AXDateTime;
-    visibleAppointments: AXSchedulerAppointmentSegment[];
-    hiddenAppointments: AXSchedulerAppointmentSegment[];
-    moreCount: number;
-    holiday?: {
-        state: 'holiday' | 'weekend' | 'none';
-        holiday?: AXHolidayDate;
-    };
-}
-declare class AXSchedulerTimelineMonthViewComponent extends NXComponent {
-    private document;
-    private scheduler;
-    private calendarService;
-    private schedulerService;
-    private readonly MAX_VISIBLE_APPOINTMENTS_PER_DAY;
-    readonly: _angular_core.InputSignal<boolean>;
-    draggable: _angular_core.InputSignal<boolean>;
-    hasActions: _angular_core.InputSignal<boolean>;
-    dragStartDelay: _angular_core.InputSignal<number>;
-    calendar: _angular_core.InputSignal<string>;
-    date: _angular_core.InputSignal<AXDateTime>;
-    appointments: _angular_core.InputSignal<AXSchedulerAppointment[]>;
-    tooltipTemplate: _angular_core.InputSignal<string | TemplateRef<unknown>>;
-    private dragStartSlotId;
-    protected processedDayData: _angular_core.Signal<TimelineMonthViewDayData[]>;
-    slotClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
-    slotDblClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
-    slotRightClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
-    appointmentClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerAppointmentMouseEvent>;
-    appointmentDblClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerAppointmentMouseEvent>;
-    appointmentRightClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerAppointmentMouseEvent>;
-    onActionClickInternal: _angular_core.OutputEmitterRef<AXSchedulerAppointmentMouseEvent>;
-    onAppointmentDropInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotDropEvent>;
-    private readonly eventOutputMap;
-    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;
-    };
-    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>;
-}
-
-interface TimelineMultiDayDaySlot {
-    date: AXDateTime;
-    originalAppointmentsForThisDay: AXSchedulerAppointment[];
-    holiday?: {
-        state: 'holiday' | 'weekend' | 'none';
-        holiday?: AXHolidayDate;
-    };
-}
-declare class AXSchedulerTimelineMultiDayViewComponent extends NXComponent {
-    private calendarService;
-    private schedulerService;
-    daysCount: _angular_core.InputSignal<number>;
-    readonly: _angular_core.InputSignal<boolean>;
-    draggable: _angular_core.InputSignal<boolean>;
-    hasActions: _angular_core.InputSignal<boolean>;
-    dragStartDelay: _angular_core.InputSignal<number>;
-    calendar: _angular_core.InputSignal<string>;
-    date: _angular_core.InputSignal<AXDateTime>;
-    endDayHour: _angular_core.InputSignal<number>;
-    startDayHour: _angular_core.InputSignal<number>;
-    appointments: _angular_core.InputSignal<AXSchedulerAppointment[]>;
-    tooltipTemplate: _angular_core.InputSignal<string | TemplateRef<unknown>>;
-    protected daysDataForTimelineViews: _angular_core.Signal<TimelineMultiDayDaySlot[]>;
-    slotClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
-    slotDblClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
-    slotRightClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotMouseEvent>;
-    appointmentClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerAppointmentMouseEvent>;
-    appointmentDblClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerAppointmentMouseEvent>;
-    appointmentRightClickedInternal: _angular_core.OutputEmitterRef<AXSchedulerAppointmentMouseEvent>;
-    onActionClickInternal: _angular_core.OutputEmitterRef<AXSchedulerAppointmentMouseEvent>;
-    onAppointmentDropInternal: _angular_core.OutputEmitterRef<AXSchedulerSlotDropEvent>;
-    protected isToday(date: AXDateTime): boolean;
-    protected isHoliday(date: AXDateTime): {
-        state: 'holiday' | 'weekend' | 'none';
-        holiday?: AXHolidayDate;
-    };
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSchedulerTimelineMultiDayViewComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSchedulerTimelineMultiDayViewComponent, "ax-scheduler-timeline-multi-day-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; }; "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>;
-}
-
-export { AXSchedulerAgendaViewComponent, AXSchedulerComponent, AXSchedulerDayViewComponent, AXSchedulerModule, AXSchedulerMonthViewComponent, AXSchedulerService, AXSchedulerTimelineDayViewComponent, AXSchedulerTimelineMonthViewComponent, AXSchedulerTimelineMultiDayViewComponent, AXSchedulerWeekViewComponent };
-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 };
+export { AXSchedulerAgendaViewComponent, AXSchedulerComponent, AXSchedulerDayViewComponent, AXSchedulerModule, AXSchedulerMonthViewComponent, AXSchedulerService, AXSchedulerTimelineDayViewComponent, AXSchedulerTimelineMonthViewComponent, AXSchedulerTimelineMultiDayViewComponent, AXSchedulerTimelineYearViewComponent, AXSchedulerWeekViewComponent };
+export type { AXDayOfWeekName, AXSchedulerActiveAppointmentsInBlock, AXSchedulerAllDaySlotData, AXSchedulerAppointment, AXSchedulerAppointmentDataSource, AXSchedulerAppointmentDataSourceFilter, AXSchedulerAppointmentLayout, AXSchedulerAppointmentLoader, AXSchedulerAppointmentLoaderAsync, AXSchedulerAppointmentMouseEvent, AXSchedulerAppointmentSegment, AXSchedulerBlockIdentifier, AXSchedulerBlockOccupancyMap, AXSchedulerDateRange, AXSchedulerDayAppointmentLayout, AXSchedulerMonthDayCell, AXSchedulerMultiDayViewAppointment, AXSchedulerOverflowBadge, AXSchedulerResource, AXSchedulerSlotDropEvent, AXSchedulerSlotMouseEvent, AXSchedulerView, AgendaDayData, TimelineMonthViewDayData, TimelineMultiDayDaySlot, TimelineYearViewDayData };