@acorex/components 19.12.0-next.1 → 19.12.0

package/scheduler/lib/scheduler.module.d.ts

@@ -1,14 +1,10 @@
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@acorex/components/button";
-import * as i3 from "@acorex/components/decorators";
-import * as i4 from "@acorex/components/dropdown";
-import * as i5 from "@acorex/core/date-time";
-import * as i6 from "./scheduler.component";
-import * as i7 from "./scheduler-month-view.component";
-import * as i8 from "./scheduler-week-view.component";
+import * as i1 from "./scheduler.component";
+import * as i2 from "./views/day/scheduler-day-view.component";
+import * as i3 from "./views/week/scheduler-week-view.component";
+import * as i4 from "./views/month/scheduler-month-view.component";
 export declare class AXSchedulerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSchedulerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXSchedulerModule, never, [typeof i1.CommonModule, typeof i2.AXButtonModule, typeof i3.AXDecoratorModule, typeof i4.AXDropdownModule, typeof i5.AXDateTimeModule, typeof i6.AXSchedulerComponent, typeof i7.AXSchedulerMonthViewComponent, typeof i8.AXSchedulerWeekViewComponent], [typeof i6.AXSchedulerComponent, typeof i7.AXSchedulerMonthViewComponent, typeof i8.AXSchedulerWeekViewComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXSchedulerModule, never, [typeof i1.AXSchedulerComponent, typeof i2.AXSchedulerDayViewComponent, typeof i3.AXSchedulerWeekViewComponent, typeof i4.AXSchedulerMonthViewComponent], [typeof i1.AXSchedulerComponent, typeof i2.AXSchedulerDayViewComponent, typeof i3.AXSchedulerWeekViewComponent, typeof i4.AXSchedulerMonthViewComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXSchedulerModule>;
 }

package/scheduler/lib/scheduler.service.d.ts

@@ -0,0 +1,60 @@
+import { AXDateTime } from '@acorex/core/date-time';
+import { AXDayOfWeekName, AXSchedulerActiveAppointmentsInBlock, AXSchedulerAppointmentEvent, AXSchedulerAppointmentsByStartBlock, AXSchedulerAppointmentType, AXSchedulerBlockIdentifier, AXSchedulerSlotEvent, AXSchedulerView } from './scheduler.class';
+import * as i0 from "@angular/core";
+export declare class AXSchedulerService {
+    readonly BLOCK_DURATION_MINUTES = 30;
+    readonly MILLISECONDS_PER_MINUTE: number;
+    readonly MINUTES_PER_HOUR = 60;
+    readonly HOURS_PER_DAY = 24;
+    readonly MILLISECONDS_PER_DAY: number;
+    /**
+     * Checks if two appointments overlap in time.
+     */
+    doAppointmentsOverlap(appointmentA: AXSchedulerAppointmentType, appointmentB: AXSchedulerAppointmentType): boolean;
+    /**
+     * Calculates appointment duration in minutes.
+     */
+    calculateDurationInMinutes(Appointment: AXSchedulerAppointmentType): number;
+    /**
+     * Calculates appointment duration in blocks (default 30 min).
+     */
+    calculateDurationInBlocks(appointment: AXSchedulerAppointmentType): number;
+    /**
+     * Gets the day index (relative to view start) and block index (relative to start hour)
+     * for a given date time within the view context. Returns null if outside view.
+     */
+    getBlockIdentifier(dateTime: AXDateTime, viewStartDate: AXDateTime, startHour: number, endHour: number, // Exclusive end hour
+    viewTotalDays?: number): AXSchedulerBlockIdentifier | null;
+    /**
+     * Groups appointments by the blocks they are ACTIVE in for a given view.
+     * @param viewTotalDays - Number of days in the current view (1 for Day, 7 for Week, etc.)
+     */
+    calculateActiveAppointmentsInBlock(singleDayAppointments: AXSchedulerAppointmentType[], viewStartDate: AXDateTime, startHour: number, endHour: number, viewTotalDays: number): AXSchedulerActiveAppointmentsInBlock;
+    /**
+     * Calculates max concurrency and effective total columns for Day View appointments.
+     */
+    calculateDayViewConcurrencyInfo(singleDayAppointments: AXSchedulerAppointmentType[], viewStartDate: AXDateTime, // Need start date for context
+    startHour: number, endHour: number): Map<any, {
+        maxConcurrency: number;
+        effectiveTotalColumns: number;
+    }>;
+    /**
+     * Groups appointments by the block they START in for Week View.
+     */
+    calculateWeekViewAppointmentsByStartBlock(singleDayAppointments: AXSchedulerAppointmentType[], viewStartDate: AXDateTime, startHour: number, endHour: number): AXSchedulerAppointmentsByStartBlock;
+    /**
+     * Groups appointments by the day(s) they occur on within a given date range.
+     * Returns a Map where the key is the date string ('YYYY-MM-DD') and the value is an array of appointments.
+     */
+    groupAppointmentsByDay(appointments: AXSchedulerAppointmentType[], viewStartDate: AXDateTime, // First day visible in the grid
+    viewEndDate: AXDateTime): Map<string, AXSchedulerAppointmentType[]>;
+    getDayOfWeekNumber(dayName: AXDayOfWeekName): number;
+    getSlotData(startDate: AXDateTime, view: AXSchedulerView): {
+        startDate: AXDateTime;
+        endDate: AXDateTime;
+        view: AXSchedulerView;
+    };
+    handleEvent(event: AXSchedulerSlotEvent | AXSchedulerAppointmentEvent, eventOutputMap: any, eventType: 'appointment' | 'slot'): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXSchedulerService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXSchedulerService>;
+}

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

@@ -0,0 +1,34 @@
+import { MXBaseComponent } from '@acorex/components/common';
+import { AXDateTime } from '@acorex/core/date-time';
+import { AXSchedulerAppointmentEvent, AXSchedulerAppointmentType, AXSchedulerDayAppointmentLayout, AXSchedulerSlotEvent } from '../../scheduler.class';
+import * as i0 from "@angular/core";
+export declare class AXSchedulerDayViewComponent extends MXBaseComponent {
+    private schedulerCalcService;
+    readonly GAP_WIDTH_PX = 1;
+    draggable: import("@angular/core").InputSignal<boolean>;
+    endHour: import("@angular/core").InputSignal<number>;
+    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[]>;
+    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>;
+    private readonly eventOutputMap;
+    handleAppointmentEvent(mouseEvent: MouseEvent, appointment: AXSchedulerAppointmentType): void;
+    handleSingleSlotEvent(mouseEvent: MouseEvent, startDate: AXDateTime, minuteIndex: number): void;
+    handleAllDaySlotEvent(mouseEvent: MouseEvent): void;
+    hoursArray: import("@angular/core").Signal<AXDateTime[]>;
+    appointmentLayouts: import("@angular/core").Signal<Map<any, AXSchedulerDayAppointmentLayout>>;
+    getAppointmentLayout(key: any): AXSchedulerDayAppointmentLayout | undefined;
+    getAppointmentLeft(key: any): string;
+    getAppointmentWidth(key: any): string;
+    getAppointmentTransform(key: any): string;
+    getAppointmentHeight(key: any): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXSchedulerDayViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSchedulerDayViewComponent, "ax-scheduler-day-view", never, { "draggable": { "alias": "draggable"; "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>;
+}

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

@@ -0,0 +1,43 @@
+import { MXBaseComponent } from '@acorex/components/common';
+import { AXDateTime } from '@acorex/core/date-time';
+import { AXDayOfWeekName, AXSchedulerAppointmentEvent, AXSchedulerAppointmentType, 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[];
+    overflowCount: number;
+};
+export declare class AXSchedulerMonthViewComponent extends MXBaseComponent {
+    private schedulerCalcService;
+    private calendarService;
+    draggable: import("@angular/core").InputSignal<boolean>;
+    date: import("@angular/core").InputSignal<AXDateTime>;
+    appointments: import("@angular/core").InputSignal<AXSchedulerAppointmentType[]>;
+    firstDayOfWeek: import("@angular/core").InputSignal<AXDayOfWeekName>;
+    readonly MAX_VISIBLE_APPOINTMENTS_PER_DAY = 2;
+    readonly DAYS_IN_WEEK = 7;
+    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>;
+    private readonly eventOutputMap;
+    handleAppointmentEvent(mouseEvent: MouseEvent, appointment: AXSchedulerAppointmentType): void;
+    handleSlotEvent(mouseEvent: MouseEvent, date: AXDateTime): void;
+    monthStartDate: import("@angular/core").Signal<AXDateTime>;
+    daysArray: import("@angular/core").Signal<AXDateTime[]>;
+    calendarDaysInfo: import("@angular/core").Signal<{
+        days: AXSchedulerMonthDayCell[];
+        weeksNeeded: number;
+    }>;
+    appointmentsGroupedByDay: import("@angular/core").Signal<Map<string, AXSchedulerAppointmentType[]>>;
+    dayCellLayouts: import("@angular/core").Signal<AXSchedulerMonthDayCell[]>;
+    gridTemplateRowsStyle: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXSchedulerMonthViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSchedulerMonthViewComponent, "ax-scheduler-month-view", never, { "draggable": { "alias": "draggable"; "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>;
+}

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

@@ -0,0 +1,41 @@
+import { MXBaseComponent } from '@acorex/components/common';
+import { AXDateTime } from '@acorex/core/date-time';
+import { AXSchedulerActiveAppointmentsInBlock, AXSchedulerAllDaySlotData, AXSchedulerAppointmentEvent, AXSchedulerAppointmentsByStartBlock, AXSchedulerAppointmentType, AXSchedulerOverflowBadge, AXSchedulerSlotEvent, AXSchedulerWeekAppointmentLayout } from '../../scheduler.class';
+import * as i0 from "@angular/core";
+type AXSchedulerGridBadgeInfo = AXSchedulerOverflowBadge & {
+    hiddenAppointments: AXSchedulerAppointmentType[];
+};
+export declare class AXSchedulerWeekViewComponent extends MXBaseComponent {
+    private schedulerCalcService;
+    readonly GAP_WIDTH_PX = 1;
+    draggable: import("@angular/core").InputSignal<boolean>;
+    endHour: import("@angular/core").InputSignal<number>;
+    date: import("@angular/core").InputSignal<AXDateTime>;
+    startHour: import("@angular/core").InputSignal<number>;
+    appointments: import("@angular/core").InputSignal<AXSchedulerAppointmentType[]>;
+    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>;
+    private readonly eventOutputMap;
+    handleAppointmentEvent(mouseEvent: MouseEvent, appointment: AXSchedulerAppointmentType): void;
+    handleSingleSlotEvent(mouseEvent: MouseEvent, hour: AXDateTime, day: AXDateTime, minuteIndex: number): void;
+    handleAllDaySlotEvent(mouseEvent: MouseEvent, day: AXDateTime): void;
+    allDayAppointments: import("@angular/core").Signal<AXSchedulerAppointmentType[]>;
+    singleDayAppointments: import("@angular/core").Signal<AXSchedulerAppointmentType[]>;
+    hoursArray: import("@angular/core").Signal<AXDateTime[]>;
+    daysArray: import("@angular/core").Signal<AXDateTime[]>;
+    totalBlocksPerViewDay: import("@angular/core").Signal<number>;
+    appointmentsByStartBlock: import("@angular/core").Signal<AXSchedulerAppointmentsByStartBlock>;
+    activeAppointmentsInBlock: import("@angular/core").Signal<AXSchedulerActiveAppointmentsInBlock>;
+    visibleAppointmentsLayout: import("@angular/core").Signal<AXSchedulerWeekAppointmentLayout[]>;
+    visualOccupancyMap: import("@angular/core").Signal<Map<string, any>>;
+    overflowBadges: import("@angular/core").Signal<AXSchedulerOverflowBadge[]>;
+    allDayAppointmentsPerDay: import("@angular/core").Signal<AXSchedulerAllDaySlotData[]>;
+    overflowBadgesWithData: import("@angular/core").Signal<AXSchedulerGridBadgeInfo[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXSchedulerWeekViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSchedulerWeekViewComponent, "ax-scheduler-week-view", never, { "draggable": { "alias": "draggable"; "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>;
+}
+export {};

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

@@ -1,41 +0,0 @@
-import { MXBaseComponent } from '@acorex/components/common';
-import { AXDateTime } from '@acorex/core/date-time';
-import * as i0 from "@angular/core";
-/**
- * @category
- * Represents a view in the scheduler component that displays the calendar month.
- */
-export declare class AXSchedulerMonthViewComponent extends MXBaseComponent {
-    /** @ignore */
-    private _platform;
-    /** @ignore */
-    protected _slots: {
-        date: AXDateTime;
-        cssClass: {
-            [key: string]: boolean;
-        };
-        isToday: boolean;
-    }[];
-    /** @ignore */
-    protected get dayNames(): string[];
-    /** @ignore */
-    private _date;
-    /**
-     * Gets or sets the date for the scheduler view.
-     */
-    get date(): AXDateTime;
-    /**
-     * Sets the date for the scheduler view and triggers the generation of time slots.
-     * @param {AXDateTime} v
-     */
-    set date(v: AXDateTime);
-    /** @ignore */
-    ngOnInit(): void;
-    /**
-     * Generates slots for the scheduler, including CSS classes for days outside the current month
-     * and a flag for the current day.
-     */
-    generateSlots(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXSchedulerMonthViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSchedulerMonthViewComponent, "ax-scheduler-month-view", never, { "date": { "alias": "date"; "required": false; }; }, {}, never, never, true, never>;
-}

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

@@ -1,10 +0,0 @@
-import { MXBaseComponent } from '@acorex/components/common';
-import * as i0 from "@angular/core";
-/**
- * @category
- * This component renders the weekly view for the scheduler.
- */
-export declare class AXSchedulerWeekViewComponent extends MXBaseComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXSchedulerWeekViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSchedulerWeekViewComponent, "ax-scheduler-week-view", never, {}, {}, never, never, true, never>;
-}