@acorex/components 19.14.1 → 19.14.3

package/notification/lib/notification.component.d.ts

@@ -1,4 +1,4 @@
-import { AXComponentCloseEvent, MXBaseComponent } from '@acorex/components/common';
+import { AXComponentCloseEvent, MXBaseComponent } from '@acorex/cdk/common';
 import { DialogRef } from '@angular/cdk/dialog';
 import { Portal } from '@angular/cdk/portal';
 import { OnInit } from '@angular/core';

package/notification/lib/notification.config.d.ts

@@ -1,4 +1,4 @@
-import { AXLocation } from '@acorex/components/common';
+import { AXLocation } from '@acorex/cdk/common';
 import { InjectionToken } from '@angular/core';
 export interface AXNotificationConfig {
     gap: number;

package/number-box/lib/number-box.component.d.ts

@@ -1,6 +1,6 @@
 import { AfterViewInit, ElementRef } from '@angular/core';
 import { MaskedNumber } from 'imask';
-import { MXInputBaseValueComponent, MXLookComponent } from '@acorex/components/common';
+import { MXInputBaseValueComponent, MXLookComponent } from '@acorex/cdk/common';
 import * as i0 from "@angular/core";
 declare const AXNumberBoxComponent_base: import("polytype").Polytype.ClusteredConstructor<[{
     new (): MXInputBaseValueComponent<number>;

package/otp/lib/otp.class.d.ts

@@ -1,4 +1,4 @@
-import { AXEvent } from '@acorex/components/common';
+import { AXEvent } from '@acorex/cdk/common';
 export declare class AXOtpCompletedEvent extends AXEvent {
     value: string;
     isCompleted: boolean;

package/otp/lib/otp.component.d.ts

@@ -1,4 +1,4 @@
-import { MXLookComponent, MXValueComponent } from '@acorex/components/common';
+import { MXLookComponent, MXValueComponent } from '@acorex/cdk/common';
 import { AXOtpCompletedEvent } from './otp.class';
 import * as i0 from "@angular/core";
 declare const AXOtpComponent_base: import("polytype").Polytype.ClusteredConstructor<[{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "19.14.1",
+  "version": "19.14.3",
   "peerDependencies": {
     "@angular/common": ">=19.0.0",
     "@angular/core": ">=19.0.0",
@@ -97,10 +97,6 @@
       "types": "./comment/index.d.ts",
       "default": "./fesm2022/acorex-components-comment.mjs"
     },
-    "./common": {
-      "types": "./common/index.d.ts",
-      "default": "./fesm2022/acorex-components-common.mjs"
-    },
     "./conversation": {
       "types": "./conversation/index.d.ts",
       "default": "./fesm2022/acorex-components-conversation.mjs"

package/page/lib/base-page.class.d.ts

@@ -1,4 +1,4 @@
-import { AXComponentCloseEvent, AXComponentClosing, MXBaseComponent } from '@acorex/components/common';
+import { AXComponentCloseEvent, AXComponentClosing, MXBaseComponent } from '@acorex/cdk/common';
 import { AXDecoratorGenericComponent } from '@acorex/components/decorators';
 import { EventEmitter, OnDestroy } from '@angular/core';
 import * as i0 from "@angular/core";

package/page/lib/page.component.d.ts

@@ -1,4 +1,4 @@
-import { MXBaseComponent } from '@acorex/components/common';
+import { MXBaseComponent } from '@acorex/cdk/common';
 import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare abstract class AXPageComponent extends MXBaseComponent {

package/paint/lib/paint/paint-container/paint-container.component.d.ts

@@ -1,4 +1,4 @@
-import { MXInputBaseValueComponent, MXLookComponent } from '@acorex/components/common';
+import { MXInputBaseValueComponent, MXLookComponent } from '@acorex/cdk/common';
 import { AXPaintService } from '../paint.service';
 import * as i0 from "@angular/core";
 declare const AXPaintContainerComponent_base: import("polytype").Polytype.ClusteredConstructor<[{

package/password-box/lib/password-box.component.d.ts

@@ -1,4 +1,4 @@
-import { MXInputBaseValueComponent, MXLookComponent } from '@acorex/components/common';
+import { MXInputBaseValueComponent, MXLookComponent } from '@acorex/cdk/common';
 import { ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
 declare const AXPasswordBoxComponent_base: import("polytype").Polytype.ClusteredConstructor<[{

package/password-box/lib/password-strength-validation/password-strength-validation.component.d.ts

@@ -2,20 +2,18 @@ import { AXPasswordBoxComponent } from '../password-box.component';
 import * as i0 from "@angular/core";
 export declare class AXPasswordStrengthValidationComponent {
     #private;
+    protected parent: AXPasswordBoxComponent;
     protected passwordStrength: import("@angular/core").WritableSignal<number>;
     protected updatedPassword: import("@angular/core").WritableSignal<string>;
     protected strengthLabel: import("@angular/core").WritableSignal<string>;
     protected strengthLabelColor: import("@angular/core").WritableSignal<string>;
-    protected parent: AXPasswordBoxComponent;
-    /**
-     * Hint status.
-     */
-    showHint: import("@angular/core").InputSignal<boolean>;
-    /**
-     * Progress status.
-     */
-    showProgress: import("@angular/core").InputSignal<boolean>;
-    protected isLenghtgraterThan8: import("@angular/core").WritableSignal<{
+    readonly showProgress: import("@angular/core").InputSignal<boolean>;
+    readonly showLengthGraterThan8: import("@angular/core").InputSignal<boolean>;
+    readonly showUseUpperCase: import("@angular/core").InputSignal<boolean>;
+    readonly showUseLowerCase: import("@angular/core").InputSignal<boolean>;
+    readonly showUseNumber: import("@angular/core").InputSignal<boolean>;
+    readonly showUseSpecialCharacter: import("@angular/core").InputSignal<boolean>;
+    protected isLengthGraterThan8: import("@angular/core").WritableSignal<{
         regex: RegExp;
         state: boolean;
     }>;
@@ -38,5 +36,5 @@ export declare class AXPasswordStrengthValidationComponent {
     private checkRegexHandler;
     protected checkPasswordStrength(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPasswordStrengthValidationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPasswordStrengthValidationComponent, "ax-password-strength-validation", never, { "showHint": { "alias": "showHint"; "required": false; "isSignal": true; }; "showProgress": { "alias": "showProgress"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPasswordStrengthValidationComponent, "ax-password-strength-validation", never, { "showProgress": { "alias": "showProgress"; "required": false; "isSignal": true; }; "showLengthGraterThan8": { "alias": "showLengthGraterThan8"; "required": false; "isSignal": true; }; "showUseUpperCase": { "alias": "showUseUpperCase"; "required": false; "isSignal": true; }; "showUseLowerCase": { "alias": "showUseLowerCase"; "required": false; "isSignal": true; }; "showUseNumber": { "alias": "showUseNumber"; "required": false; "isSignal": true; }; "showUseSpecialCharacter": { "alias": "showUseSpecialCharacter"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/phone-box/lib/phone-box.component.d.ts

@@ -1,4 +1,4 @@
-import { AXDataSource, AXValueChangedEvent, MXInputBaseValueComponent, MXLookComponent } from '@acorex/components/common';
+import { AXDataSource, AXValueChangedEvent, MXInputBaseValueComponent, MXLookComponent } from '@acorex/cdk/common';
 import { AXSelectBoxComponent } from '@acorex/components/select-box';
 import { AXTextBoxComponent } from '@acorex/components/text-box';
 import { CountryItem } from '@acorex/core/constants';

package/picker/lib/picker-items/picker-items.component.d.ts

@@ -1,5 +1,5 @@
 import { AXCarouselDirective } from '@acorex/cdk/carousel';
-import { MXValueComponent } from '@acorex/components/common';
+import { MXValueComponent } from '@acorex/cdk/common';
 import * as i0 from "@angular/core";
 export declare class AXPickerItemsComponent extends MXValueComponent {
     #private;

package/popover/lib/popover.component.d.ts

@@ -1,4 +1,4 @@
-import { AXEvent, AXPlacementType, MXBaseComponent } from '@acorex/components/common';
+import { AXEvent, AXPlacementType, MXBaseComponent } from '@acorex/cdk/common';
 import { ComponentType } from '@angular/cdk/portal';
 import { ComponentRef, ElementRef, EventEmitter, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";

package/popup/lib/popup.component.d.ts

@@ -1,7 +1,7 @@
 import { AXPlatform } from '@acorex/core/platform';
 import { CdkPortalOutletAttachedRef, Portal } from '@angular/cdk/portal';
 import { NgZone, OnInit, ViewContainerRef } from '@angular/core';
-import { AXComponentCloseEvent, MXBaseComponent } from '@acorex/components/common';
+import { AXComponentCloseEvent, MXBaseComponent } from '@acorex/cdk/common';
 import { AXLoadingService } from '@acorex/components/loading';
 import { DialogRef } from '@angular/cdk/dialog';
 import { AXPopupData } from './popup.interface';

package/popup/lib/popup.module.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
-import * as i2 from "@acorex/components/common";
+import * as i2 from "@acorex/cdk/common";
 import * as i3 from "@angular/cdk/drag-drop";
 import * as i4 from "@angular/cdk/a11y";
 import * as i5 from "@angular/cdk/portal";

package/popup/lib/popup.service.d.ts

@@ -1,4 +1,4 @@
-import { AXComponentClosedPromise } from '@acorex/components/common';
+import { AXComponentClosedPromise } from '@acorex/cdk/common';
 import { AXPopupConfig, AXPopupContentType } from './popup.interface';
 import * as i0 from "@angular/core";
 /**

package/progress-bar/lib/progress-bar.component.d.ts

@@ -1,4 +1,4 @@
-import { MXColorComponent } from '@acorex/components/common';
+import { MXColorComponent } from '@acorex/cdk/common';
 import { ElementRef, EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 /**

package/query-builder/lib/query-builder.component.d.ts

@@ -1,5 +1,5 @@
+import { AXDataSource, AXValueChangedEvent } from '@acorex/cdk/common';
 import { AXButtonGroupItemComponent } from '@acorex/components/button-group';
-import { AXDataSource, AXValueChangedEvent } from '@acorex/components/common';
 import { AXSelectBoxComponent } from '@acorex/components/select-box';
 import * as i0 from "@angular/core";
 export declare class AXQueryBuilderComponent {

package/radio/lib/radio.component.d.ts

@@ -1,4 +1,4 @@
-import { MXValueComponent } from '@acorex/components/common';
+import { MXValueComponent } from '@acorex/cdk/common';
 import { AfterViewChecked } from '@angular/core';
 import * as i0 from "@angular/core";
 /**

package/rail-navigation/lib/rail-navigation-item/rail-navigation-item.component.d.ts

@@ -1,4 +1,4 @@
-import { MXBaseComponent } from '@acorex/components/common';
+import { MXBaseComponent } from '@acorex/cdk/common';
 import { AfterViewInit, ElementRef, OnDestroy } from '@angular/core';
 import { IsActiveMatchOptions, UrlTree } from '@angular/router';
 import { AXRailClickEvent } from '../rail-navigation.class';

package/rail-navigation/lib/rail-navigation.component.d.ts

@@ -1,4 +1,4 @@
-import { MXBaseComponent } from '@acorex/components/common';
+import { MXBaseComponent } from '@acorex/cdk/common';
 import { AXRailNavigationItemComponent } from './rail-navigation-item/rail-navigation-item.component';
 import { AXRailLocation, AXRailLook } from './rail-navigation.class';
 import * as i0 from "@angular/core";

package/range-slider/lib/range-slider.class.d.ts

@@ -1,4 +1,4 @@
-import { AXEvent } from '@acorex/components/common';
+import { AXEvent } from '@acorex/cdk/common';
 export interface AXRangeStartEvent extends AXEvent {
     data: any;
 }

package/range-slider/lib/range-slider.component.d.ts

@@ -1,4 +1,4 @@
-import { AXOrientation, MXValueComponent } from '@acorex/components/common';
+import { AXOrientation, MXValueComponent } from '@acorex/cdk/common';
 import { AXRangeSliderMode, AXRangeSliderSnapMode, AXRangeSliderTooltipMode, AXRangeSliderValue } from './range-slider.class';
 import * as i0 from "@angular/core";
 declare const AXRangeSliderComponent_base: import("polytype").Polytype.ClusteredConstructor<[{

package/rate-picker/lib/rate-picker.component.d.ts

@@ -1,4 +1,4 @@
-import { MXValueComponent } from '@acorex/components/common';
+import { MXValueComponent } from '@acorex/cdk/common';
 import { ElementRef, Renderer2 } from '@angular/core';
 import * as i0 from "@angular/core";
 /**

package/rest-api-generator/lib/query-params/query-params.component.d.ts

@@ -1,4 +1,4 @@
-import { AXValueChangedEvent } from '@acorex/components/common';
+import { AXValueChangedEvent } from '@acorex/cdk/common';
 import { AXRestApiGeneratorService } from '../rest-api-generator.service';
 import { Queries } from '../types';
 import * as i0 from "@angular/core";

package/rest-api-generator/lib/request-body/request-body.component.d.ts

@@ -1,4 +1,4 @@
-import { AXValueChangedEvent } from '@acorex/components/common';
+import { AXValueChangedEvent } from '@acorex/cdk/common';
 import { AXRestApiGeneratorService } from '../rest-api-generator.service';
 import * as i0 from "@angular/core";
 export declare class AXRequestBodyComponent {

package/rest-api-generator/lib/request-headers/request-headers.component.d.ts

@@ -1,4 +1,4 @@
-import { AXValueChangedEvent } from '@acorex/components/common';
+import { AXValueChangedEvent } from '@acorex/cdk/common';
 import { AXRestApiGeneratorService } from '../rest-api-generator.service';
 import { HeadersDynamic } from '../types';
 import * as i0 from "@angular/core";

package/rest-api-generator/lib/rest-api-auth/rest-api-auth.component.d.ts

@@ -1,4 +1,4 @@
-import { AXValueChangedEvent } from '@acorex/components/common';
+import { AXValueChangedEvent } from '@acorex/cdk/common';
 import { AXRestApiGeneratorService } from '../rest-api-generator.service';
 import * as i0 from "@angular/core";
 export declare class AXRestApiAuthComponent {

package/rest-api-generator/lib/rest-api-generator.component.d.ts

@@ -1,4 +1,4 @@
-import { AXValueChangedEvent } from '@acorex/components/common';
+import { AXValueChangedEvent } from '@acorex/cdk/common';
 import { AXRestApiGeneratorService } from './rest-api-generator.service';
 import { AXRestApiOutput } from './types';
 import * as i0 from "@angular/core";

package/result/lib/result.component.d.ts

@@ -1,4 +1,4 @@
-import { MXBaseComponent } from '@acorex/components/common';
+import { MXBaseComponent } from '@acorex/cdk/common';
 import * as i0 from "@angular/core";
 /**
  * @category Components

package/routing-progress/lib/routing-progress.component.d.ts

@@ -1,4 +1,4 @@
-import { MXBaseComponent } from '@acorex/components/common';
+import { MXBaseComponent } from '@acorex/cdk/common';
 import { OnDestroy } from '@angular/core';
 import { Router } from '@angular/router';
 import * as i0 from "@angular/core";

package/scheduler/lib/scheduler.class.d.ts

@@ -1,70 +1,75 @@
-import { AXDropZoneDropEvent } from '@acorex/cdk/drag-drop';
+import { AXRange } from '@acorex/cdk/common';
 import { AXDateTime } from '@acorex/core/date-time';
-export type AXSchedulerView = 'day' | 'week' | 'month' | 'timelineDay' | 'timelineMultiDay' | 'timelineMonth' | 'agenda';
-export type AXDayOfWeekName = 'Sunday' | 'Monday' | 'Tuesday' | 'Wednesday' | 'Thursday' | 'Friday' | 'Saturday';
+export type AXSchedulerView = 'day' | 'week' | 'month' | 'timeline-day' | 'timeline-multi-day' | 'timeline-month' | 'agenda';
+export type AXDayOfWeekName = 'sunday' | 'monday' | 'tuesday' | 'wednesday' | 'thursday' | 'friday' | 'saturday';
 export type AXSchedulerBlockIdentifier = {
     dayIndex: number;
     blockIndex: number;
 };
-export type AXSchedulerAppointmentType = {
-    key: any;
+export type AXSchedulerAppointment = {
+    id: any;
+    endDate: Date;
     title?: string;
+    startDate: Date;
     allDay?: boolean;
-    singleDay: boolean;
     readonly?: boolean;
     textColor?: string;
-    endDate: AXDateTime;
     description?: string;
-    startDate: AXDateTime;
     backgroundColor?: string;
 };
-export type AXSchedulerAppointmentSegmentType = AXSchedulerAppointmentType & {
+/**
+ * Only used for internal scheduler
+ */
+export type AXSchedulerInternalAppointment = {
+    id: any;
+    title: string;
+    allDay: boolean;
+    readonly: boolean;
+    textColor: string;
+    description: string;
+    endDate: AXDateTime;
+    startDate: AXDateTime;
+    backgroundColor: string;
+};
+export type AXSchedulerAppointmentSegment = AXSchedulerInternalAppointment & {
     isContinuationFromPreviousDay: boolean;
     isContinuationToNextDay: boolean;
     originalStartDate: AXDateTime;
     originalEndDate: AXDateTime;
-    originalAppointmentRef?: AXSchedulerAppointmentType;
+    originalAppointmentRef?: AXSchedulerInternalAppointment;
 };
 export type AXSchedulerDayAppointmentLayout = {
     columnIndex: number;
     effectiveTotalColumns: number;
 };
 export type AXSchedulerBlockOccupancyMap = Map<string, any>;
-export type AXSchedulerAppointmentsByStartBlock = Record<number, Record<number, AXSchedulerAppointmentSegmentType[]>>;
-export type AXSchedulerActiveAppointmentsInBlock = Record<number, Record<number, AXSchedulerAppointmentSegmentType[]>>;
+export type AXSchedulerAppointmentsByStartBlock = Record<number, Record<number, AXSchedulerAppointmentSegment[]>>;
+export type AXSchedulerActiveAppointmentsInBlock = Record<number, Record<number, AXSchedulerAppointmentSegment[]>>;
 export type AXSchedulerOverflowBadge = {
     key: any;
     count: number;
     badgeTop: string;
     badgeLeft: string;
 };
-export type AXSchedulerSlotEvent<T = MouseEvent> = {
-    event: T;
-    slot: {
-        endDate: AXDateTime;
-        startDate: AXDateTime;
-        view: AXSchedulerView;
-    };
-};
-export type AXSchedulerAppointmentEvent<T = MouseEvent> = {
-    event: T;
-    appointment: AXSchedulerAppointmentType;
-};
 export type AXSchedulerAllDaySlotData = {
     day: AXDateTime;
-    appointments: AXSchedulerAppointmentType[];
-};
-export type AXSchedulerSlotDropEvent = AXSchedulerSlotEvent<AXDropZoneDropEvent> & {
-    appointment: AXSchedulerAppointmentType;
+    appointments: AXSchedulerInternalAppointment[];
 };
 export type AXSchedulerAppointmentLayout = {
-    appointment: AXSchedulerAppointmentSegmentType;
+    appointment: AXSchedulerAppointmentSegment;
     layoutLeft: string;
     layoutWidth: string;
     layoutTop: string;
     layoutHeight: string;
 };
-export type AXSchedulerMultiDayViewAppointmentType = {
-    appointments: AXSchedulerAppointmentType[];
+export type AXSchedulerMultiDayViewAppointment = {
+    appointments: AXSchedulerInternalAppointment[];
     date: AXDateTime;
 };
+export type AXSchedulerDateRange = AXRange<Date>;
+export type AXSchedulerAppointmentDataSourceFilter = {
+    range: AXSchedulerDateRange;
+};
+export type AXSchedulerAppointmentLoader = (filter?: AXSchedulerAppointmentDataSourceFilter) => AXSchedulerAppointment[];
+export type AXSchedulerAppointmentLoaderAsync = (filter?: AXSchedulerAppointmentDataSourceFilter) => Promise<AXSchedulerAppointment[]>;
+export type AXSchedulerAppointmentDataSource = AXSchedulerAppointment[] | AXSchedulerAppointmentLoader | AXSchedulerAppointmentLoaderAsync;

package/scheduler/lib/scheduler.component.d.ts

@@ -1,9 +1,29 @@
-import { AXDataSource, AXValueChangedEvent, MXBaseComponent } from '@acorex/components/common';
+import { AXValueChangedEvent, NXComponent, NXEvent, NXNativeEvent } from '@acorex/cdk/common';
+import { AXDropZoneDropEvent } from '@acorex/cdk/drag-drop';
 import { AXDateTime } from '@acorex/core/date-time';
 import { OnInit } from '@angular/core';
-import { AXDayOfWeekName, AXSchedulerAppointmentEvent, AXSchedulerAppointmentType, AXSchedulerSlotDropEvent, AXSchedulerSlotEvent, AXSchedulerView } from './scheduler.class';
+import { AXDayOfWeekName, AXSchedulerAppointment, AXSchedulerAppointmentDataSource, AXSchedulerDateRange, AXSchedulerInternalAppointment, AXSchedulerView } from './scheduler.class';
 import * as i0 from "@angular/core";
-export declare class AXSchedulerComponent extends MXBaseComponent implements OnInit {
+export interface AXSchedulerAppointmentMouseEvent extends NXNativeEvent<AXSchedulerComponent, MouseEvent> {
+    appointment: AXSchedulerAppointment;
+}
+export interface AXSchedulerSlotMouseEvent extends NXNativeEvent<AXSchedulerComponent, MouseEvent> {
+    slot: {
+        endDate: AXDateTime;
+        startDate: AXDateTime;
+        view: AXSchedulerView;
+    };
+}
+export interface AXSchedulerSlotDropEvent extends NXEvent<AXSchedulerComponent> {
+    dropEvent: AXDropZoneDropEvent;
+    appointment: AXSchedulerAppointment;
+    slot: {
+        endDate: AXDateTime;
+        startDate: AXDateTime;
+        view: AXSchedulerView;
+    };
+}
+export declare class AXSchedulerComponent extends NXComponent implements OnInit {
     #private;
     private platformId;
     private unsubscriber;
@@ -13,66 +33,59 @@ export declare class AXSchedulerComponent extends MXBaseComponent implements OnI
     private schedulerService;
     private translationService;
     private viewModeSelectbox;
-    displayViews: Record<AXSchedulerView, string>;
+    private displayViews;
     calendar: import("@angular/core").InputSignal<string>;
-    calendarType: import("@angular/core").WritableSignal<string>;
+    protected calendarType: import("@angular/core").WritableSignal<string>;
     startingDate: import("@angular/core").InputSignal<Date>;
-    currentDate: import("@angular/core").WritableSignal<AXDateTime>;
-    rtl: import("@angular/core").WritableSignal<boolean>;
-    isLoading: import("@angular/core").WritableSignal<boolean>;
-    isFullScreen: import("@angular/core").WritableSignal<boolean>;
-    viewsDataSource: import("@angular/core").WritableSignal<{
+    protected currentDate: import("@angular/core").WritableSignal<AXDateTime>;
+    private _appointments;
+    appointments: import("@angular/core").Signal<AXSchedulerAppointment[]>;
+    protected rtl: import("@angular/core").WritableSignal<boolean>;
+    protected isFullScreen: import("@angular/core").WritableSignal<boolean>;
+    protected viewsDataSource: import("@angular/core").WritableSignal<{
         id: string;
         text: string;
     }[]>;
-    oldDate: import("@angular/core").WritableSignal<AXDateTime>;
-    endHour: import("@angular/core").InputSignal<number>;
-    startHour: import("@angular/core").InputSignal<number>;
-    keyField: import("@angular/core").InputSignal<string>;
+    private prevDate;
+    endDayHour: import("@angular/core").InputSignal<number>;
+    startDayHour: import("@angular/core").InputSignal<number>;
+    hasHeader: import("@angular/core").InputSignal<boolean>;
     readonly: import("@angular/core").InputSignal<boolean>;
     draggable: import("@angular/core").InputSignal<boolean>;
-    titleField: import("@angular/core").InputSignal<string>;
-    allDayField: import("@angular/core").InputSignal<string>;
     allowFullScreen: import("@angular/core").InputSignal<boolean>;
-    endDateField: import("@angular/core").InputSignal<string>;
     multiDayViewDaysCount: import("@angular/core").InputSignal<number>;
-    readonlyField: import("@angular/core").InputSignal<string>;
-    startDateField: import("@angular/core").InputSignal<string>;
-    textColorField: import("@angular/core").InputSignal<string>;
-    descriptionField: import("@angular/core").InputSignal<string>;
-    backgroundColorField: import("@angular/core").InputSignal<string>;
-    dataSource: import("@angular/core").InputSignal<any[] | AXDataSource<any>>;
+    dataSource: import("@angular/core").InputSignal<AXSchedulerAppointmentDataSource>;
     firstDayOfWeek: import("@angular/core").InputSignal<AXDayOfWeekName>;
     views: import("@angular/core").InputSignal<AXSchedulerView[]>;
     selectedView: import("@angular/core").ModelSignal<AXSchedulerView>;
-    onSlotClicked: import("@angular/core").OutputEmitterRef<AXSchedulerSlotEvent>;
-    onSlotDblClicked: import("@angular/core").OutputEmitterRef<AXSchedulerSlotEvent>;
-    onSlotRightClick: import("@angular/core").OutputEmitterRef<AXSchedulerSlotEvent>;
+    onRangeChanged: import("@angular/core").OutputEmitterRef<AXSchedulerDateRange>;
+    onSlotClicked: import("@angular/core").OutputEmitterRef<AXSchedulerSlotMouseEvent>;
+    onSlotDblClicked: import("@angular/core").OutputEmitterRef<AXSchedulerSlotMouseEvent>;
+    onSlotRightClick: import("@angular/core").OutputEmitterRef<AXSchedulerSlotMouseEvent>;
     onAppointmentDrop: import("@angular/core").OutputEmitterRef<AXSchedulerSlotDropEvent>;
-    onAppointmentClicked: import("@angular/core").OutputEmitterRef<AXSchedulerAppointmentEvent>;
-    onAppointmentDblClicked: import("@angular/core").OutputEmitterRef<AXSchedulerAppointmentEvent>;
-    onAppointmentRightClick: import("@angular/core").OutputEmitterRef<AXSchedulerAppointmentEvent>;
-    protected handleSlotClickInternal(eventData: AXSchedulerSlotEvent): void;
-    protected handleSlotDblClickInternal(eventData: AXSchedulerSlotEvent): void;
-    protected handleSlotRightClickInternal(eventData: AXSchedulerSlotEvent): void;
-    protected handleAppointmentClickInternal(eventData: AXSchedulerAppointmentEvent): void;
-    protected handleAppointmentDblClickInternal(eventData: AXSchedulerAppointmentEvent): void;
-    protected handleAppointmentRightClickInternal(eventData: AXSchedulerAppointmentEvent): void;
+    onAppointmentClicked: import("@angular/core").OutputEmitterRef<AXSchedulerAppointmentMouseEvent>;
+    onAppointmentDblClicked: import("@angular/core").OutputEmitterRef<AXSchedulerAppointmentMouseEvent>;
+    onAppointmentRightClick: import("@angular/core").OutputEmitterRef<AXSchedulerAppointmentMouseEvent>;
+    protected handleSlotClickInternal(eventData: AXSchedulerSlotMouseEvent): void;
+    protected handleSlotDblClickInternal(eventData: AXSchedulerSlotMouseEvent): void;
+    protected handleSlotRightClickInternal(eventData: AXSchedulerSlotMouseEvent): void;
+    protected handleAppointmentClickInternal(eventData: AXSchedulerAppointmentMouseEvent): void;
+    protected handleAppointmentDblClickInternal(eventData: AXSchedulerAppointmentMouseEvent): void;
+    protected handleAppointmentRightClickInternal(eventData: AXSchedulerAppointmentMouseEvent): void;
     protected handleAppointmentDropInternal(eventData: AXSchedulerSlotDropEvent): void;
     ngOnInit(): void;
-    fillDataSource(): Promise<void>;
+    private fillDataSource;
     private getGridDateRange;
-    appointmentsList: import("@angular/core").Signal<AXDataSource<any>>;
-    private dataSourceItemsSignal;
     currentDateText: import("@angular/core").Signal<string>;
     calendarDepth: import("@angular/core").Signal<"day" | "month">;
-    mappedAppointments: import("@angular/core").Signal<AXSchedulerAppointmentType[]>;
-    viewAppointments: import("@angular/core").Signal<AXSchedulerAppointmentType[]>;
+    mappedAppointments: import("@angular/core").Signal<AXSchedulerInternalAppointment[]>;
+    range: import("@angular/core").Signal<AXSchedulerDateRange>;
+    viewAppointments: import("@angular/core").Signal<AXSchedulerInternalAppointment[]>;
     viewChanged(e: AXValueChangedEvent<AXSchedulerView>): void;
     nextClick(): void;
     prevClick(): void;
     calendarDateChanged(e: any): void;
     handleFullScreen(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSchedulerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSchedulerComponent, "ax-scheduler", never, { "calendar": { "alias": "calendar"; "required": false; "isSignal": true; }; "startingDate": { "alias": "startingDate"; "required": false; "isSignal": true; }; "endHour": { "alias": "endHour"; "required": false; "isSignal": true; }; "startHour": { "alias": "startHour"; "required": false; "isSignal": true; }; "keyField": { "alias": "keyField"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "titleField": { "alias": "titleField"; "required": false; "isSignal": true; }; "allDayField": { "alias": "allDayField"; "required": false; "isSignal": true; }; "allowFullScreen": { "alias": "allowFullScreen"; "required": false; "isSignal": true; }; "endDateField": { "alias": "endDateField"; "required": false; "isSignal": true; }; "multiDayViewDaysCount": { "alias": "multiDayViewDaysCount"; "required": false; "isSignal": true; }; "readonlyField": { "alias": "readonlyField"; "required": false; "isSignal": true; }; "startDateField": { "alias": "startDateField"; "required": false; "isSignal": true; }; "textColorField": { "alias": "textColorField"; "required": false; "isSignal": true; }; "descriptionField": { "alias": "descriptionField"; "required": false; "isSignal": true; }; "backgroundColorField": { "alias": "backgroundColorField"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "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"; "onSlotClicked": "onSlotClicked"; "onSlotDblClicked": "onSlotDblClicked"; "onSlotRightClick": "onSlotRightClick"; "onAppointmentDrop": "onAppointmentDrop"; "onAppointmentClicked": "onAppointmentClicked"; "onAppointmentDblClicked": "onAppointmentDblClicked"; "onAppointmentRightClick": "onAppointmentRightClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵ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; }; "allowFullScreen": { "alias": "allowFullScreen"; "required": false; "isSignal": true; }; "multiDayViewDaysCount": { "alias": "multiDayViewDaysCount"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "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"; "onRangeChanged": "onRangeChanged"; "onSlotClicked": "onSlotClicked"; "onSlotDblClicked": "onSlotDblClicked"; "onSlotRightClick": "onSlotRightClick"; "onAppointmentDrop": "onAppointmentDrop"; "onAppointmentClicked": "onAppointmentClicked"; "onAppointmentDblClicked": "onAppointmentDblClicked"; "onAppointmentRightClick": "onAppointmentRightClick"; }, never, never, true, never>;
 }