@acorex/components 19.15.0-next.0 → 19.15.0-next.10

package/navbar/lib/navbar.component.d.ts

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

package/notification/lib/notification.class.d.ts

@@ -1,4 +1,4 @@
-import { AXLocation, AXStyleColorType, AXStyleLookType } from '@acorex/components/common';
+import { AXLocation, AXStyleColorType, AXStyleLookType } from '@acorex/cdk/common';
 import { ComponentType } from '@angular/cdk/portal';
 import { TemplateRef } from '@angular/core';
 export type AXNotificationContentType = string | TemplateRef<unknown> | ComponentType<unknown>;

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.15.0-next.0",
+  "version": "19.15.0-next.10",
   "peerDependencies": {
     "@angular/common": ">=19.0.0",
     "@angular/core": ">=19.0.0",
@@ -33,6 +33,10 @@
       "types": "./alert/index.d.ts",
       "default": "./fesm2022/acorex-components-alert.mjs"
     },
+    "./avatar": {
+      "types": "./avatar/index.d.ts",
+      "default": "./fesm2022/acorex-components-avatar.mjs"
+    },
     "./audio-wave": {
       "types": "./audio-wave/index.d.ts",
       "default": "./fesm2022/acorex-components-audio-wave.mjs"
@@ -41,10 +45,6 @@
       "types": "./autocomplete/index.d.ts",
       "default": "./fesm2022/acorex-components-autocomplete.mjs"
     },
-    "./avatar": {
-      "types": "./avatar/index.d.ts",
-      "default": "./fesm2022/acorex-components-avatar.mjs"
-    },
     "./badge": {
       "types": "./badge/index.d.ts",
       "default": "./fesm2022/acorex-components-badge.mjs"
@@ -89,17 +89,13 @@
       "types": "./color-box/index.d.ts",
       "default": "./fesm2022/acorex-components-color-box.mjs"
     },
-    "./color-palette": {
-      "types": "./color-palette/index.d.ts",
-      "default": "./fesm2022/acorex-components-color-palette.mjs"
-    },
     "./comment": {
       "types": "./comment/index.d.ts",
       "default": "./fesm2022/acorex-components-comment.mjs"
     },
-    "./common": {
-      "types": "./common/index.d.ts",
-      "default": "./fesm2022/acorex-components-common.mjs"
+    "./color-palette": {
+      "types": "./color-palette/index.d.ts",
+      "default": "./fesm2022/acorex-components-color-palette.mjs"
     },
     "./conversation": {
       "types": "./conversation/index.d.ts",
@@ -145,14 +141,14 @@
       "types": "./dropdown/index.d.ts",
       "default": "./fesm2022/acorex-components-dropdown.mjs"
     },
-    "./dropdown-button": {
-      "types": "./dropdown-button/index.d.ts",
-      "default": "./fesm2022/acorex-components-dropdown-button.mjs"
-    },
     "./file-explorer": {
       "types": "./file-explorer/index.d.ts",
       "default": "./fesm2022/acorex-components-file-explorer.mjs"
     },
+    "./dropdown-button": {
+      "types": "./dropdown-button/index.d.ts",
+      "default": "./fesm2022/acorex-components-dropdown-button.mjs"
+    },
     "./flow-chart": {
       "types": "./flow-chart/index.d.ts",
       "default": "./fesm2022/acorex-components-flow-chart.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,41 +2,39 @@ 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>;
+    isLengthGraterThan8: import("@angular/core").WritableSignal<{
         regex: RegExp;
         state: boolean;
     }>;
-    protected isUseUpperCase: import("@angular/core").WritableSignal<{
+    isUseUpperCase: import("@angular/core").WritableSignal<{
         regex: RegExp;
         state: boolean;
     }>;
-    protected isUseLowerCase: import("@angular/core").WritableSignal<{
+    isUseLowerCase: import("@angular/core").WritableSignal<{
         regex: RegExp;
         state: boolean;
     }>;
-    protected isUseNumber: import("@angular/core").WritableSignal<{
+    isUseNumber: import("@angular/core").WritableSignal<{
         regex: RegExp;
         state: boolean;
     }>;
-    protected isUseSpecialCharacter: import("@angular/core").WritableSignal<{
+    isUseSpecialCharacter: import("@angular/core").WritableSignal<{
         regex: RegExp;
         state: boolean;
     }>;
     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,77 @@
-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;
+    data?: 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;
+    data: 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;