@acorex/components 19.13.4 → 19.13.5

package/scheduler/lib/views/month/scheduler-month-view.component.d.ts

@@ -1,14 +1,15 @@
+import { AXDropZoneDropEvent } from '@acorex/cdk/drag-drop';
 import { MXBaseComponent } from '@acorex/components/common';
 import { AXDateTime } from '@acorex/core/date-time';
-import { AXDayOfWeekName, AXSchedulerAppointmentEvent, AXSchedulerAppointmentType, AXSchedulerSlotEvent } from '../../scheduler.class';
+import { AXDayOfWeekName, AXSchedulerAppointmentEvent, AXSchedulerAppointmentSegmentType, AXSchedulerAppointmentType, AXSchedulerSlotDropEvent, AXSchedulerSlotEvent } from '../../scheduler.class';
 import * as i0 from "@angular/core";
 export type AXSchedulerMonthDayCell = {
     date: AXDateTime;
     isCurrentMonth: boolean;
     isToday: boolean;
-    appointments: AXSchedulerAppointmentType[];
-    visibleAppointments: AXSchedulerAppointmentType[];
-    hiddenAppointments: AXSchedulerAppointmentType[];
+    appointments: AXSchedulerAppointmentSegmentType[];
+    visibleAppointments: AXSchedulerAppointmentSegmentType[];
+    hiddenAppointments: AXSchedulerAppointmentSegmentType[];
     overflowCount: number;
 };
 export declare class AXSchedulerMonthViewComponent extends MXBaseComponent {
@@ -19,8 +20,8 @@ export declare class AXSchedulerMonthViewComponent extends MXBaseComponent {
     draggable: import("@angular/core").InputSignal<boolean>;
     calendar: import("@angular/core").InputSignal<string>;
     date: import("@angular/core").InputSignal<AXDateTime>;
-    appointments: import("@angular/core").InputSignal<AXSchedulerAppointmentType[]>;
     firstDayOfWeek: import("@angular/core").InputSignal<AXDayOfWeekName>;
+    appointments: import("@angular/core").InputSignal<AXSchedulerAppointmentType[]>;
     readonly DAYS_IN_WEEK = 7;
     readonly MAX_VISIBLE_APPOINTMENTS_PER_DAY = 2;
     slotClickedInternal: import("@angular/core").OutputEmitterRef<AXSchedulerSlotEvent>;
@@ -29,19 +30,26 @@ export declare class AXSchedulerMonthViewComponent extends MXBaseComponent {
     appointmentClickedInternal: import("@angular/core").OutputEmitterRef<AXSchedulerAppointmentEvent>;
     appointmentDblClickedInternal: import("@angular/core").OutputEmitterRef<AXSchedulerAppointmentEvent>;
     appointmentRightClickedInternal: import("@angular/core").OutputEmitterRef<AXSchedulerAppointmentEvent>;
+    onAppointmentDropInternal: import("@angular/core").OutputEmitterRef<AXSchedulerSlotDropEvent>;
     private readonly eventOutputMap;
-    handleAppointmentEvent(mouseEvent: MouseEvent, appointment: AXSchedulerAppointmentType): void;
+    handleAppointmentEvent(mouseEvent: MouseEvent, appointmentSegmentOrOriginal: AXSchedulerAppointmentType): void;
     handleSlotEvent(mouseEvent: MouseEvent, date: AXDateTime): void;
+    handleDrop(e: AXDropZoneDropEvent, date: AXDateTime): void;
     monthStartDate: import("@angular/core").Signal<AXDateTime>;
     daysArray: import("@angular/core").Signal<AXDateTime[]>;
     calendarDaysInfo: import("@angular/core").Signal<{
-        days: AXSchedulerMonthDayCell[];
+        days: {
+            date: AXDateTime;
+            isCurrentMonth: boolean;
+            isToday: boolean;
+        }[];
         weeksNeeded: number;
     }>;
     appointmentsGroupedByDay: import("@angular/core").Signal<Map<string, AXSchedulerAppointmentType[]>>;
     dayCellLayouts: import("@angular/core").Signal<AXSchedulerMonthDayCell[]>;
     gridTemplateRowsStyle: import("@angular/core").Signal<string>;
+    private getOriginalAppointmentFromItem;
     get isReadonly(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSchedulerMonthViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSchedulerMonthViewComponent, "ax-scheduler-month-view", never, { "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "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; }; }, { "slotClickedInternal": "slotClickedInternal"; "slotDblClickedInternal": "slotDblClickedInternal"; "slotRightClickedInternal": "slotRightClickedInternal"; "appointmentClickedInternal": "appointmentClickedInternal"; "appointmentDblClickedInternal": "appointmentDblClickedInternal"; "appointmentRightClickedInternal": "appointmentRightClickedInternal"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSchedulerMonthViewComponent, "ax-scheduler-month-view", never, { "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "calendar": { "alias": "calendar"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": true; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "appointments": { "alias": "appointments"; "required": false; "isSignal": true; }; }, { "slotClickedInternal": "slotClickedInternal"; "slotDblClickedInternal": "slotDblClickedInternal"; "slotRightClickedInternal": "slotRightClickedInternal"; "appointmentClickedInternal": "appointmentClickedInternal"; "appointmentDblClickedInternal": "appointmentDblClickedInternal"; "appointmentRightClickedInternal": "appointmentRightClickedInternal"; "onAppointmentDropInternal": "onAppointmentDropInternal"; }, never, never, true, never>;
 }

package/scheduler/lib/views/timeline-day/scheduler-timeline-day-view.component.d.ts

@@ -1,6 +1,7 @@
+import { AXDropZoneDropEvent } from '@acorex/cdk/drag-drop';
 import { MXBaseComponent } from '@acorex/components/common';
 import { AXDateTime } from '@acorex/core/date-time';
-import { AXSchedulerAppointmentEvent, AXSchedulerAppointmentLayout, AXSchedulerAppointmentType, AXSchedulerSlotEvent } from '../../scheduler.class';
+import { AXSchedulerAppointmentEvent, AXSchedulerAppointmentLayout, AXSchedulerAppointmentSegmentType, AXSchedulerAppointmentType, AXSchedulerSlotDropEvent, AXSchedulerSlotEvent } from '../../scheduler.class';
 import * as i0 from "@angular/core";
 export declare class AXSchedulerTimelineDayViewComponent extends MXBaseComponent {
     private schedulerService;
@@ -12,19 +13,26 @@ export declare class AXSchedulerTimelineDayViewComponent extends MXBaseComponent
     date: import("@angular/core").InputSignal<AXDateTime>;
     startHour: import("@angular/core").InputSignal<number>;
     appointments: import("@angular/core").InputSignal<AXSchedulerAppointmentType[]>;
-    singleDayAppointments: import("@angular/core").Signal<AXSchedulerAppointmentType[]>;
+    /**
+     * Processes original appointments to get segments relevant to this specific day and its viewable hours.
+     * Filters out original all-day events.
+     */
+    processedSegmentsForLayout: import("@angular/core").Signal<AXSchedulerAppointmentSegmentType[]>;
     slotClickedInternal: import("@angular/core").OutputEmitterRef<AXSchedulerSlotEvent>;
     slotDblClickedInternal: import("@angular/core").OutputEmitterRef<AXSchedulerSlotEvent>;
     slotRightClickedInternal: import("@angular/core").OutputEmitterRef<AXSchedulerSlotEvent>;
     appointmentClickedInternal: import("@angular/core").OutputEmitterRef<AXSchedulerAppointmentEvent>;
     appointmentDblClickedInternal: import("@angular/core").OutputEmitterRef<AXSchedulerAppointmentEvent>;
     appointmentRightClickedInternal: import("@angular/core").OutputEmitterRef<AXSchedulerAppointmentEvent>;
+    onAppointmentDropInternal: import("@angular/core").OutputEmitterRef<AXSchedulerSlotDropEvent>;
     private readonly eventOutputMap;
-    handleAppointmentEvent(mouseEvent: MouseEvent, appointment: AXSchedulerAppointmentType): void;
+    handleAppointmentEvent(mouseEvent: MouseEvent, appointmentItem: AXSchedulerAppointmentType): void;
     handleSlotEvent(mouseEvent: MouseEvent, startDate: AXDateTime): void;
+    handleDrop(e: AXDropZoneDropEvent, startDate: AXDateTime): void;
+    private getOriginalAppointmentFromItem;
     hoursArray: import("@angular/core").Signal<AXDateTime[]>;
     appointmentLayouts: import("@angular/core").Signal<AXSchedulerAppointmentLayout[]>;
     get isReadonly(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSchedulerTimelineDayViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSchedulerTimelineDayViewComponent, "ax-scheduler-timeline-day-view", never, { "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "calendar": { "alias": "calendar"; "required": false; "isSignal": true; }; "endHour": { "alias": "endHour"; "required": true; "isSignal": true; }; "date": { "alias": "date"; "required": true; "isSignal": true; }; "startHour": { "alias": "startHour"; "required": true; "isSignal": true; }; "appointments": { "alias": "appointments"; "required": false; "isSignal": true; }; }, { "slotClickedInternal": "slotClickedInternal"; "slotDblClickedInternal": "slotDblClickedInternal"; "slotRightClickedInternal": "slotRightClickedInternal"; "appointmentClickedInternal": "appointmentClickedInternal"; "appointmentDblClickedInternal": "appointmentDblClickedInternal"; "appointmentRightClickedInternal": "appointmentRightClickedInternal"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSchedulerTimelineDayViewComponent, "ax-scheduler-timeline-day-view", never, { "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "calendar": { "alias": "calendar"; "required": false; "isSignal": true; }; "endHour": { "alias": "endHour"; "required": true; "isSignal": true; }; "date": { "alias": "date"; "required": true; "isSignal": true; }; "startHour": { "alias": "startHour"; "required": true; "isSignal": true; }; "appointments": { "alias": "appointments"; "required": false; "isSignal": true; }; }, { "slotClickedInternal": "slotClickedInternal"; "slotDblClickedInternal": "slotDblClickedInternal"; "slotRightClickedInternal": "slotRightClickedInternal"; "appointmentClickedInternal": "appointmentClickedInternal"; "appointmentDblClickedInternal": "appointmentDblClickedInternal"; "appointmentRightClickedInternal": "appointmentRightClickedInternal"; "onAppointmentDropInternal": "onAppointmentDropInternal"; }, never, never, true, never>;
 }

package/scheduler/lib/views/timeline-month/scheduler-timeline-month-view.component.d.ts

@@ -1,11 +1,12 @@
+import { AXDropZoneDropEvent } from '@acorex/cdk/drag-drop';
 import { MXBaseComponent } from '@acorex/components/common';
 import { AXDateTime } from '@acorex/core/date-time';
-import { AXSchedulerAppointmentEvent, AXSchedulerAppointmentType, AXSchedulerSlotEvent } from '../../scheduler.class';
+import { AXSchedulerAppointmentEvent, AXSchedulerAppointmentSegmentType, AXSchedulerAppointmentType, AXSchedulerSlotDropEvent, AXSchedulerSlotEvent } from '../../scheduler.class';
 import * as i0 from "@angular/core";
-export interface MultiDayViewDayData {
+export interface TimelineMonthViewDayData {
     date: AXDateTime;
-    visibleAppointments: AXSchedulerAppointmentType[];
-    hiddenAppointments: AXSchedulerAppointmentType[];
+    visibleAppointments: AXSchedulerAppointmentSegmentType[];
+    hiddenAppointments: AXSchedulerAppointmentSegmentType[];
     moreCount: number;
 }
 export declare class AXSchedulerTimelineMonthViewComponent extends MXBaseComponent {
@@ -15,23 +16,23 @@ export declare class AXSchedulerTimelineMonthViewComponent extends MXBaseCompone
     readonly: import("@angular/core").InputSignal<boolean>;
     draggable: import("@angular/core").InputSignal<boolean>;
     calendar: import("@angular/core").InputSignal<string>;
-    endHour: import("@angular/core").InputSignal<number>;
     date: import("@angular/core").InputSignal<AXDateTime>;
-    startHour: import("@angular/core").InputSignal<number>;
     appointments: import("@angular/core").InputSignal<AXSchedulerAppointmentType[]>;
-    singleDayAppointments: import("@angular/core").Signal<AXSchedulerAppointmentType[]>;
-    monthAppointments: import("@angular/core").Signal<MultiDayViewDayData[]>;
+    processedDayData: import("@angular/core").Signal<TimelineMonthViewDayData[]>;
+    private getOriginalAppointmentFromItem;
     slotClickedInternal: import("@angular/core").OutputEmitterRef<AXSchedulerSlotEvent>;
     slotDblClickedInternal: import("@angular/core").OutputEmitterRef<AXSchedulerSlotEvent>;
     slotRightClickedInternal: import("@angular/core").OutputEmitterRef<AXSchedulerSlotEvent>;
     appointmentClickedInternal: import("@angular/core").OutputEmitterRef<AXSchedulerAppointmentEvent>;
     appointmentDblClickedInternal: import("@angular/core").OutputEmitterRef<AXSchedulerAppointmentEvent>;
     appointmentRightClickedInternal: import("@angular/core").OutputEmitterRef<AXSchedulerAppointmentEvent>;
+    onAppointmentDropInternal: import("@angular/core").OutputEmitterRef<AXSchedulerSlotDropEvent>;
     private readonly eventOutputMap;
-    handleAppointmentEvent(mouseEvent: MouseEvent, appointment: AXSchedulerAppointmentType): void;
+    handleAppointmentEvent(mouseEvent: MouseEvent, appointmentItem: AXSchedulerAppointmentType): void;
     handleSlotEvent(mouseEvent: MouseEvent, date: AXDateTime): void;
+    handleDrop(e: AXDropZoneDropEvent, date: AXDateTime): void;
     protected isToday(date: AXDateTime): boolean;
     get isReadonly(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSchedulerTimelineMonthViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSchedulerTimelineMonthViewComponent, "ax-scheduler-timeline-month-view", never, { "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "calendar": { "alias": "calendar"; "required": false; "isSignal": true; }; "endHour": { "alias": "endHour"; "required": true; "isSignal": true; }; "date": { "alias": "date"; "required": true; "isSignal": true; }; "startHour": { "alias": "startHour"; "required": true; "isSignal": true; }; "appointments": { "alias": "appointments"; "required": false; "isSignal": true; }; }, { "slotClickedInternal": "slotClickedInternal"; "slotDblClickedInternal": "slotDblClickedInternal"; "slotRightClickedInternal": "slotRightClickedInternal"; "appointmentClickedInternal": "appointmentClickedInternal"; "appointmentDblClickedInternal": "appointmentDblClickedInternal"; "appointmentRightClickedInternal": "appointmentRightClickedInternal"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSchedulerTimelineMonthViewComponent, "ax-scheduler-timeline-month-view", never, { "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "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; }; }, { "slotClickedInternal": "slotClickedInternal"; "slotDblClickedInternal": "slotDblClickedInternal"; "slotRightClickedInternal": "slotRightClickedInternal"; "appointmentClickedInternal": "appointmentClickedInternal"; "appointmentDblClickedInternal": "appointmentDblClickedInternal"; "appointmentRightClickedInternal": "appointmentRightClickedInternal"; "onAppointmentDropInternal": "onAppointmentDropInternal"; }, never, never, true, never>;
 }

package/scheduler/lib/views/timeline-multi-day/scheduler-timeline-multi-day-view.component.d.ts

@@ -1,7 +1,11 @@
 import { MXBaseComponent } from '@acorex/components/common';
 import { AXDateTime } from '@acorex/core/date-time';
-import { AXSchedulerAppointmentEvent, AXSchedulerAppointmentType, AXSchedulerMultiDayViewAppointmentType, AXSchedulerSlotEvent } from '../../scheduler.class';
+import { AXSchedulerAppointmentEvent, AXSchedulerAppointmentType, AXSchedulerSlotDropEvent, AXSchedulerSlotEvent } from '../../scheduler.class';
 import * as i0 from "@angular/core";
+export interface TimelineMultiDayDaySlot {
+    date: AXDateTime;
+    originalAppointmentsForThisDay: AXSchedulerAppointmentType[];
+}
 export declare class AXSchedulerTimelineMultiDayViewComponent extends MXBaseComponent {
     private calendarService;
     daysCount: import("@angular/core").InputSignal<number>;
@@ -12,14 +16,15 @@ export declare class AXSchedulerTimelineMultiDayViewComponent extends MXBaseComp
     date: import("@angular/core").InputSignal<AXDateTime>;
     startHour: import("@angular/core").InputSignal<number>;
     appointments: import("@angular/core").InputSignal<AXSchedulerAppointmentType[]>;
-    multiDayAppointments: import("@angular/core").Signal<AXSchedulerMultiDayViewAppointmentType[]>;
+    daysDataForTimelineViews: import("@angular/core").Signal<TimelineMultiDayDaySlot[]>;
     slotClickedInternal: import("@angular/core").OutputEmitterRef<AXSchedulerSlotEvent>;
     slotDblClickedInternal: import("@angular/core").OutputEmitterRef<AXSchedulerSlotEvent>;
     slotRightClickedInternal: import("@angular/core").OutputEmitterRef<AXSchedulerSlotEvent>;
     appointmentClickedInternal: import("@angular/core").OutputEmitterRef<AXSchedulerAppointmentEvent>;
     appointmentDblClickedInternal: import("@angular/core").OutputEmitterRef<AXSchedulerAppointmentEvent>;
     appointmentRightClickedInternal: import("@angular/core").OutputEmitterRef<AXSchedulerAppointmentEvent>;
+    onAppointmentDropInternal: import("@angular/core").OutputEmitterRef<AXSchedulerSlotDropEvent>;
     protected isToday(date: AXDateTime): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSchedulerTimelineMultiDayViewComponent, never>;
-    static ɵcmp: i0.ɵɵ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; }; "calendar": { "alias": "calendar"; "required": false; "isSignal": true; }; "endHour": { "alias": "endHour"; "required": true; "isSignal": true; }; "date": { "alias": "date"; "required": true; "isSignal": true; }; "startHour": { "alias": "startHour"; "required": true; "isSignal": true; }; "appointments": { "alias": "appointments"; "required": false; "isSignal": true; }; }, { "slotClickedInternal": "slotClickedInternal"; "slotDblClickedInternal": "slotDblClickedInternal"; "slotRightClickedInternal": "slotRightClickedInternal"; "appointmentClickedInternal": "appointmentClickedInternal"; "appointmentDblClickedInternal": "appointmentDblClickedInternal"; "appointmentRightClickedInternal": "appointmentRightClickedInternal"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵ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; }; "calendar": { "alias": "calendar"; "required": false; "isSignal": true; }; "endHour": { "alias": "endHour"; "required": true; "isSignal": true; }; "date": { "alias": "date"; "required": true; "isSignal": true; }; "startHour": { "alias": "startHour"; "required": true; "isSignal": true; }; "appointments": { "alias": "appointments"; "required": false; "isSignal": true; }; }, { "slotClickedInternal": "slotClickedInternal"; "slotDblClickedInternal": "slotDblClickedInternal"; "slotRightClickedInternal": "slotRightClickedInternal"; "appointmentClickedInternal": "appointmentClickedInternal"; "appointmentDblClickedInternal": "appointmentDblClickedInternal"; "appointmentRightClickedInternal": "appointmentRightClickedInternal"; "onAppointmentDropInternal": "onAppointmentDropInternal"; }, never, never, true, never>;
 }

package/scheduler/lib/views/week/scheduler-week-view.component.d.ts

@@ -1,9 +1,10 @@
+import { AXDropZoneDropEvent } from '@acorex/cdk/drag-drop';
 import { MXBaseComponent } from '@acorex/components/common';
 import { AXDateTime } from '@acorex/core/date-time';
-import { AXSchedulerActiveAppointmentsInBlock, AXSchedulerAllDaySlotData, AXSchedulerAppointmentEvent, AXSchedulerAppointmentLayout, AXSchedulerAppointmentsByStartBlock, AXSchedulerAppointmentType, AXSchedulerOverflowBadge, AXSchedulerSlotEvent } from '../../scheduler.class';
+import { AXSchedulerActiveAppointmentsInBlock, AXSchedulerAllDaySlotData, AXSchedulerAppointmentEvent, AXSchedulerAppointmentLayout, AXSchedulerAppointmentSegmentType, AXSchedulerAppointmentType, AXSchedulerOverflowBadge, AXSchedulerSlotDropEvent, AXSchedulerSlotEvent } from '../../scheduler.class';
 import * as i0 from "@angular/core";
 type AXSchedulerGridBadgeInfo = AXSchedulerOverflowBadge & {
-    hiddenAppointments: AXSchedulerAppointmentType[];
+    hiddenAppointments: AXSchedulerAppointmentSegmentType[];
 };
 export declare class AXSchedulerWeekViewComponent extends MXBaseComponent {
     private calendarService;
@@ -16,31 +17,47 @@ export declare class AXSchedulerWeekViewComponent extends MXBaseComponent {
     date: import("@angular/core").InputSignal<AXDateTime>;
     startHour: import("@angular/core").InputSignal<number>;
     appointments: import("@angular/core").InputSignal<AXSchedulerAppointmentType[]>;
-    allDayAppointments: import("@angular/core").Signal<AXSchedulerAppointmentType[]>;
-    singleDayAppointments: import("@angular/core").Signal<AXSchedulerAppointmentType[]>;
+    /**
+     * Processes all original appointments and generates day-specific segments for the entire week.
+     * Each segment represents the visible part of an appointment on a particular day.
+     * The segment's 'allDay' flag indicates if it should be in the all-day slot or timed grid for that day.
+     */
+    processedAppointmentsForLayout: import("@angular/core").Signal<AXSchedulerAppointmentSegmentType[]>;
+    /**
+     * Segments that are to be displayed in the timed grid area of the week view.
+     * These are segments from processedAppointmentsForLayout where segment.allDay is false.
+     */
+    timedGridSegments: import("@angular/core").Signal<AXSchedulerAppointmentSegmentType[]>;
     slotClickedInternal: import("@angular/core").OutputEmitterRef<AXSchedulerSlotEvent>;
     slotDblClickedInternal: import("@angular/core").OutputEmitterRef<AXSchedulerSlotEvent>;
     slotRightClickedInternal: import("@angular/core").OutputEmitterRef<AXSchedulerSlotEvent>;
     appointmentClickedInternal: import("@angular/core").OutputEmitterRef<AXSchedulerAppointmentEvent>;
     appointmentDblClickedInternal: import("@angular/core").OutputEmitterRef<AXSchedulerAppointmentEvent>;
     appointmentRightClickedInternal: import("@angular/core").OutputEmitterRef<AXSchedulerAppointmentEvent>;
+    onAppointmentDropInternal: import("@angular/core").OutputEmitterRef<AXSchedulerSlotDropEvent>;
     private readonly eventOutputMap;
-    handleAppointmentEvent(mouseEvent: MouseEvent, appointment: AXSchedulerAppointmentType): void;
+    handleAppointmentEvent(mouseEvent: MouseEvent, appointmentSegment: AXSchedulerAppointmentType): void;
     handleSingleSlotEvent(mouseEvent: MouseEvent, hour: AXDateTime, day: AXDateTime, minuteIndex: number): void;
     handleAllDaySlotEvent(mouseEvent: MouseEvent, day: AXDateTime): void;
+    handleAllDayDrop(e: AXDropZoneDropEvent, day: AXDateTime): void;
+    handleSingleDayDrop(e: AXDropZoneDropEvent, hour: AXDateTime, day: AXDateTime, minuteIndex: number): void;
     hoursArray: import("@angular/core").Signal<AXDateTime[]>;
     daysArray: import("@angular/core").Signal<AXDateTime[]>;
     totalBlocksPerViewDay: import("@angular/core").Signal<number>;
-    appointmentsByStartBlock: import("@angular/core").Signal<AXSchedulerAppointmentsByStartBlock>;
+    appointmentsByStartBlock: import("@angular/core").Signal<import("../../scheduler.class").AXSchedulerAppointmentsByStartBlock>;
     activeAppointmentsInBlock: import("@angular/core").Signal<AXSchedulerActiveAppointmentsInBlock>;
     visibleAppointmentsLayout: import("@angular/core").Signal<AXSchedulerAppointmentLayout[]>;
     visualOccupancyMap: import("@angular/core").Signal<Map<string, any>>;
     overflowBadges: import("@angular/core").Signal<AXSchedulerOverflowBadge[]>;
+    /**
+     * Structures all-day (or "becomes all-day") segments for rendering in the all-day slots for each day of the week.
+     */
     allDayAppointmentsPerDay: import("@angular/core").Signal<AXSchedulerAllDaySlotData[]>;
     overflowBadgesWithData: import("@angular/core").Signal<AXSchedulerGridBadgeInfo[]>;
+    private getOriginalAppointmentFromItem;
     protected isToday(date: AXDateTime): boolean;
     get isReadonly(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSchedulerWeekViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSchedulerWeekViewComponent, "ax-scheduler-week-view", never, { "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "calendar": { "alias": "calendar"; "required": false; "isSignal": true; }; "endHour": { "alias": "endHour"; "required": true; "isSignal": true; }; "date": { "alias": "date"; "required": true; "isSignal": true; }; "startHour": { "alias": "startHour"; "required": true; "isSignal": true; }; "appointments": { "alias": "appointments"; "required": false; "isSignal": true; }; }, { "slotClickedInternal": "slotClickedInternal"; "slotDblClickedInternal": "slotDblClickedInternal"; "slotRightClickedInternal": "slotRightClickedInternal"; "appointmentClickedInternal": "appointmentClickedInternal"; "appointmentDblClickedInternal": "appointmentDblClickedInternal"; "appointmentRightClickedInternal": "appointmentRightClickedInternal"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSchedulerWeekViewComponent, "ax-scheduler-week-view", never, { "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "calendar": { "alias": "calendar"; "required": false; "isSignal": true; }; "endHour": { "alias": "endHour"; "required": true; "isSignal": true; }; "date": { "alias": "date"; "required": true; "isSignal": true; }; "startHour": { "alias": "startHour"; "required": true; "isSignal": true; }; "appointments": { "alias": "appointments"; "required": false; "isSignal": true; }; }, { "slotClickedInternal": "slotClickedInternal"; "slotDblClickedInternal": "slotDblClickedInternal"; "slotRightClickedInternal": "slotRightClickedInternal"; "appointmentClickedInternal": "appointmentClickedInternal"; "appointmentDblClickedInternal": "appointmentDblClickedInternal"; "appointmentRightClickedInternal": "appointmentRightClickedInternal"; "onAppointmentDropInternal": "onAppointmentDropInternal"; }, never, never, true, never>;
 }
 export {};

package/time-duration/README.md

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

package/time-duration/index.d.ts

@@ -0,0 +1,3 @@
+export * from './lib/time-duration.component';
+export * from './lib/time-duration.module';
+export * from './lib/time-duration.type';

package/time-duration/lib/time-duration.component.d.ts

@@ -0,0 +1,29 @@
+import { MXInputBaseValueComponent, MXLookComponent } from '@acorex/components/common';
+import { AXTimeDurationUnit } from './time-duration.type';
+import * as i0 from "@angular/core";
+declare const AXTimeDurationComponent_base: import("polytype").Polytype.ClusteredConstructor<[{
+    new (): MXInputBaseValueComponent<number>;
+    ɵfac: import("@angular/core").ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
+    ɵprov: import("@angular/core").ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+}, typeof MXLookComponent]>;
+export declare class AXTimeDurationComponent extends AXTimeDurationComponent_base {
+    #private;
+    protected inputValue: string;
+    readonly valueStart: import("@angular/core").InputSignal<AXTimeDurationUnit>;
+    readonly valueEnd: import("@angular/core").InputSignal<AXTimeDurationUnit>;
+    protected maskOptions: import("@angular/core").WritableSignal<any>;
+    private translationService;
+    private onInputFire;
+    private onInternalValueChangedFire;
+    protected onInput(event: any): void;
+    protected internalValueChanged(value: number): void;
+    private maskToMilliseconds;
+    private getNextLargerUnit;
+    private convertToLargerUnit;
+    private unitToMilliseconds;
+    private millisecondsToMask;
+    private updateMask;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXTimeDurationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTimeDurationComponent, "ax-time-duration", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "look": { "alias": "look"; "required": false; }; "valueStart": { "alias": "valueStart"; "required": false; "isSignal": true; }; "valueEnd": { "alias": "valueEnd"; "required": false; "isSignal": true; }; }, { "onValueChanged": "onValueChanged"; }, never, ["ax-validation-rule"], true, never>;
+}
+export {};

package/time-duration/lib/time-duration.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./time-duration.component";
+export declare class AXTimeDurationModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXTimeDurationModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXTimeDurationModule, never, [typeof i1.AXTimeDurationComponent], [typeof i1.AXTimeDurationComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXTimeDurationModule>;
+}

package/time-duration/lib/time-duration.type.d.ts

@@ -0,0 +1 @@
+export type AXTimeDurationUnit = 'year' | 'month' | 'week' | 'day' | 'hour' | 'minute' | 'second' | 'millisecond';