@acorex/components 21.0.0-next.3 → 21.0.0-next.31

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@acorex/components",
-  "version": "21.0.0-next.3",
+  "version": "21.0.0-next.31",
   "peerDependencies": {
-    "@acorex/core": "21.0.0-next.3",
-    "@acorex/cdk": "21.0.0-next.3",
+    "@acorex/core": "21.0.0-next.31",
+    "@acorex/cdk": "21.0.0-next.31",
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0",
     "@angular/cdk": "^20.0.0",
@@ -15,6 +15,8 @@
     "leaflet": "^1.9.4",
     "leaflet-draw": "^1.0.4",
     "leaflet.locatecontrol": "^0.81.1",
+    "highlight.js": "^11.11.1",
+    "quill": "^2.0.3",
     "quill-delta-to-html": ">=0.12.1",
     "@codemirror/state": "^6.4.0",
     "@codemirror/view": "^6.30.0",
@@ -32,7 +34,16 @@
     "@codemirror/lang-markdown": "^6.2.4",
     "@codemirror/lang-sass": "^6.0.2",
     "@codemirror/theme-one-dark": "^6.1.0",
-    "prettier": ">=3.0.0"
+    "prettier": ">=3.0.0",
+    "@bomdi/codebox": "^2.0.0",
+    "@editorjs/editorjs": "2.28.2",
+    "@editorjs/header": "^2.8.8",
+    "@editorjs/list": "^2.0.8",
+    "@editorjs/quote": "^2.7.6",
+    "@editorjs/raw": "^2.5.1",
+    "@editorjs/image": "^2.10.3",
+    "@editorjs/underline": "^1.2.1",
+    "editorjs-text-color-plugin": "^2.0.3"
   },
   "peerDependenciesMeta": {
     "prettier": {
@@ -121,14 +132,14 @@
       "types": "./code-editor/index.d.ts",
       "default": "./fesm2022/acorex-components-code-editor.mjs"
     },
-    "./collapse": {
-      "types": "./collapse/index.d.ts",
-      "default": "./fesm2022/acorex-components-collapse.mjs"
-    },
     "./color-box": {
       "types": "./color-box/index.d.ts",
       "default": "./fesm2022/acorex-components-color-box.mjs"
     },
+    "./collapse": {
+      "types": "./collapse/index.d.ts",
+      "default": "./fesm2022/acorex-components-collapse.mjs"
+    },
     "./color-palette": {
       "types": "./color-palette/index.d.ts",
       "default": "./fesm2022/acorex-components-color-palette.mjs"
@@ -145,6 +156,14 @@
       "types": "./conversation/index.d.ts",
       "default": "./fesm2022/acorex-components-conversation.mjs"
     },
+    "./conversation2": {
+      "types": "./conversation2/index.d.ts",
+      "default": "./fesm2022/acorex-components-conversation2.mjs"
+    },
+    "./cron-job": {
+      "types": "./cron-job/index.d.ts",
+      "default": "./fesm2022/acorex-components-cron-job.mjs"
+    },
     "./data-list": {
       "types": "./data-list/index.d.ts",
       "default": "./fesm2022/acorex-components-data-list.mjs"
@@ -153,10 +172,6 @@
       "types": "./data-pager/index.d.ts",
       "default": "./fesm2022/acorex-components-data-pager.mjs"
     },
-    "./cron-job": {
-      "types": "./cron-job/index.d.ts",
-      "default": "./fesm2022/acorex-components-cron-job.mjs"
-    },
     "./data-table": {
       "types": "./data-table/index.d.ts",
       "default": "./fesm2022/acorex-components-data-table.mjs"
@@ -177,17 +192,17 @@
       "types": "./decorators/index.d.ts",
       "default": "./fesm2022/acorex-components-decorators.mjs"
     },
-    "./dialog": {
-      "types": "./dialog/index.d.ts",
-      "default": "./fesm2022/acorex-components-dialog.mjs"
-    },
     "./drawer": {
       "types": "./drawer/index.d.ts",
       "default": "./fesm2022/acorex-components-drawer.mjs"
     },
-    "./drawer-2": {
-      "types": "./drawer-2/index.d.ts",
-      "default": "./fesm2022/acorex-components-drawer-2.mjs"
+    "./dialog": {
+      "types": "./dialog/index.d.ts",
+      "default": "./fesm2022/acorex-components-dialog.mjs"
+    },
+    "./drawer-legacy": {
+      "types": "./drawer-legacy/index.d.ts",
+      "default": "./fesm2022/acorex-components-drawer-legacy.mjs"
     },
     "./dropdown": {
       "types": "./dropdown/index.d.ts",
@@ -197,6 +212,10 @@
       "types": "./dropdown-button/index.d.ts",
       "default": "./fesm2022/acorex-components-dropdown-button.mjs"
     },
+    "./editor": {
+      "types": "./editor/index.d.ts",
+      "default": "./fesm2022/acorex-components-editor.mjs"
+    },
     "./file-explorer": {
       "types": "./file-explorer/index.d.ts",
       "default": "./fesm2022/acorex-components-file-explorer.mjs"
@@ -221,14 +240,14 @@
       "types": "./image-editor/index.d.ts",
       "default": "./fesm2022/acorex-components-image-editor.mjs"
     },
-    "./json-viewer": {
-      "types": "./json-viewer/index.d.ts",
-      "default": "./fesm2022/acorex-components-json-viewer.mjs"
-    },
     "./kanban": {
       "types": "./kanban/index.d.ts",
       "default": "./fesm2022/acorex-components-kanban.mjs"
     },
+    "./json-viewer": {
+      "types": "./json-viewer/index.d.ts",
+      "default": "./fesm2022/acorex-components-json-viewer.mjs"
+    },
     "./kbd": {
       "types": "./kbd/index.d.ts",
       "default": "./fesm2022/acorex-components-kbd.mjs"
@@ -277,9 +296,9 @@
       "types": "./number-box/index.d.ts",
       "default": "./fesm2022/acorex-components-number-box.mjs"
     },
-    "./number-box-2": {
-      "types": "./number-box-2/index.d.ts",
-      "default": "./fesm2022/acorex-components-number-box-2.mjs"
+    "./number-box-legacy": {
+      "types": "./number-box-legacy/index.d.ts",
+      "default": "./fesm2022/acorex-components-number-box-legacy.mjs"
     },
     "./otp": {
       "types": "./otp/index.d.ts",
@@ -365,6 +384,10 @@
       "types": "./scheduler/index.d.ts",
       "default": "./fesm2022/acorex-components-scheduler.mjs"
     },
+    "./scheduler-picker": {
+      "types": "./scheduler-picker/index.d.ts",
+      "default": "./fesm2022/acorex-components-scheduler-picker.mjs"
+    },
     "./scss": {
       "types": "./scss/index.d.ts",
       "default": "./fesm2022/acorex-components-scss.mjs"
@@ -453,6 +476,10 @@
       "types": "./tree-view/index.d.ts",
       "default": "./fesm2022/acorex-components-tree-view.mjs"
     },
+    "./tree2": {
+      "types": "./tree2/index.d.ts",
+      "default": "./fesm2022/acorex-components-tree2.mjs"
+    },
     "./uploader": {
       "types": "./uploader/index.d.ts",
       "default": "./fesm2022/acorex-components-uploader.mjs"

package/paint/index.d.ts

@@ -98,11 +98,6 @@ declare class AXPaintViewComponent implements OnDestroy {
     protected hostElem: ElementRef<any>;
     /** @ignore */
     private resizeEvent;
-    /**
-     * Specifies the class that pass to component.
-     *
-     */
-    readonly customClass: _angular_core.InputSignal<string>;
     readonly paintBackgroundColor: _angular_core.InputSignal<"black" | "white">;
     /** @ignore */
     protected canvasElem: _angular_core.Signal<ElementRef<HTMLCanvasElement>>;
@@ -134,7 +129,7 @@ declare class AXPaintViewComponent implements OnDestroy {
     getOutPut(e: 'image/webp' | 'image/png' | 'image/jpeg'): void;
     get __hostClass(): string[];
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPaintViewComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPaintViewComponent, "ax-paint-view", never, { "customClass": { "alias": "class"; "required": false; "isSignal": true; }; "paintBackgroundColor": { "alias": "paintBackgroundColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPaintViewComponent, "ax-paint-view", never, { "paintBackgroundColor": { "alias": "paintBackgroundColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class AXPaintToolsSelectorComponent {

package/phone-box/index.d.ts

@@ -30,11 +30,11 @@ declare class AXPhoneBoxComponent extends AXPhoneBoxComponent_base {
     /**
      * CSS classes to apply to the component.
      */
-    readonly classNames: string;
+    classNames: string;
     /**
      * static precode.
      */
-    readonly precode: _angular_core.InputSignal<unknown>;
+    precode: _angular_core.InputSignal<unknown>;
     /**
      * The default country value for the component.
      */
@@ -42,11 +42,11 @@ declare class AXPhoneBoxComponent extends AXPhoneBoxComponent_base {
     /**
      * List of included values for the component.
      */
-    readonly included: _angular_core.InputSignal<string[]>;
+    included: _angular_core.InputSignal<string[]>;
     /**
      * List of excluded values for the component.
      */
-    readonly excluded: _angular_core.InputSignal<string[]>;
+    excluded: _angular_core.InputSignal<string[]>;
     private selectBox;
     /** @ignore */
     protected countries: _angular_core.WritableSignal<CountryItem[]>;

package/rate-picker/index.d.ts

@@ -1,6 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { ElementRef, Renderer2 } from '@angular/core';
-import { MXValueComponent } from '@acorex/cdk/common';
+import { MXValueComponent, AXStyleColorType } from '@acorex/cdk/common';
 import * as i1 from '@angular/common';
 
 /**
@@ -19,6 +19,7 @@ declare class AXRatePickerComponent extends MXValueComponent<number> {
      * @default 'fa-star'
      */
     readonly iconName: _angular_core.InputSignal<string>;
+    readonly color: _angular_core.InputSignal<AXStyleColorType>;
     /**
      * @description
      * Maximum value for the rating.
@@ -114,22 +115,11 @@ declare class AXRatePickerComponent extends MXValueComponent<number> {
     private onEnd;
     private countDecimals;
     /**
-     * @description
-     * Determines if the component is active (i.e., not readonly or disabled).
-     */
-    get isActive(): boolean;
-    /**
-     * @description
-     * Determines if the component is in readonly mode.
-     */
-    get isReadonly(): boolean;
-    /**
-     * @description
-     * Determines if the component is disabled.
+     * @ignore
      */
-    get isDisabled(): boolean;
+    private get __hostClass();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXRatePickerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXRatePickerComponent, "ax-rate-picker", never, { "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "hasTransition": { "alias": "hasTransition"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXRatePickerComponent, "ax-rate-picker", never, { "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "hasTransition": { "alias": "hasTransition"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class AXRatePickerModule {

package/rrule/index.d.ts

@@ -21,16 +21,79 @@ type AXRRuleType = rrule.RRule;
 declare const defaultOptions: AXROptionsType;
 declare const defaultRrule = "RRULE:FREQ=WEEKLY;INTERVAL=1;WKST=MO;COUNT=5";
 
+/**
+ * Service for working with RRule recurrence patterns.
+ * Provides methods to create RRule instances from options or strings,
+ * convert between formats, and query occurrences.
+ */
 declare class AXRruleService {
+    /**
+     * Creates an RRule instance from options object.
+     * @param options Partial RRule options to create the rule from
+     * @returns Promise resolving to the RRule instance
+     */
     rruleFromOptions(options: Partial<AXROptionsType>): Promise<AXRRuleType>;
+    /**
+     * Creates an RRule instance from a RRULE string.
+     * @param ruleString Valid RRULE string (e.g., "RRULE:FREQ=WEEKLY;COUNT=5")
+     * @returns Promise resolving to the RRule instance
+     */
     rruleFromString(ruleString: string): Promise<AXRRuleType>;
+    /**
+     * Creates an RRule instance from human-readable text.
+     * @param ruleText Human-readable text describing the recurrence (e.g., "every Monday for 5 weeks")
+     * @returns Promise resolving to the RRule instance
+     */
     rruleFromText(ruleText: string): Promise<AXRRuleType>;
+    /**
+     * Extracts options from an RRule instance.
+     * @param rule RRule instance to extract options from
+     * @returns Parsed options with all required fields
+     */
     rruleToOptions(rule: AXRRuleType): AXParsedOptionsType;
+    /**
+     * Converts an RRule instance to RRULE string format.
+     * @param rule RRule instance to convert
+     * @returns RRULE string representation
+     */
     rruleToString(rule: AXRRuleType): string;
+    /**
+     * Converts an RRule instance to human-readable text.
+     * @param rule RRule instance to convert
+     * @returns Human-readable text description
+     */
     rruleToText(rule: AXRRuleType): string;
+    /**
+     * Gets all occurrences of the rule up to a limit.
+     * @param rule RRule instance to query
+     * @param limit Maximum number of occurrences to return (default: 500)
+     * @returns Array of occurrence dates
+     */
     rruleGetAll(rule: AXRRuleType, limit?: number): Date[];
+    /**
+     * Gets occurrences between two dates.
+     * @param rule RRule instance to query
+     * @param after Start date (exclusive by default)
+     * @param before End date (exclusive by default)
+     * @param inclusive Whether to include the boundary dates
+     * @returns Array of occurrence dates between the specified dates
+     */
     rruleGetBetween(rule: AXRRuleType, after: Date, before: Date, inclusive?: boolean): Date[];
+    /**
+     * Gets the last occurrence before the specified date.
+     * @param rule RRule instance to query
+     * @param date Date to search before
+     * @param inclusive Whether to include the specified date
+     * @returns Last occurrence before the date, or null if none found
+     */
     rruleGetBefore(rule: AXRRuleType, date: Date, inclusive?: boolean): Date | null;
+    /**
+     * Gets the first occurrence after the specified date.
+     * @param rule RRule instance to query
+     * @param date Date to search after
+     * @param inclusive Whether to include the specified date
+     * @returns First occurrence after the date, or null if none found
+     */
     rruleGetAfter(rule: AXRRuleType, date: Date, inclusive?: boolean): Date | null;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXRruleService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXRruleService>;
@@ -53,12 +116,36 @@ declare class AXRrulePreviewComponent implements OnInit {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXRrulePreviewComponent, "ax-rrule-preview", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "repeat": { "alias": "repeat"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * RRule component provides a user-friendly interface for creating and managing recurrence rules.
+ * Supports various frequencies, intervals, and date constraints with real-time preview and validation.
+ */
 declare class AXRruleComponent {
     #private;
+    /**
+     * Current recurrence rule model value (options object or RRULE string).
+     * @default null
+     */
     value: _angular_core.ModelSignal<string | rrule.Options>;
+    /**
+     * Emitted when the model value changes.
+     */
+    valueChange: _angular_core.OutputEmitterRef<string | rrule.Options>;
+    /**
+     * Emitted with the computed RRule instance when updated.
+     */
     rruleChange: _angular_core.OutputEmitterRef<rrule.RRule>;
+    /**
+     * Emitted with the normalized options whenever they change.
+     */
     optionsChange: _angular_core.OutputEmitterRef<rrule.Options>;
+    /**
+     * Emitted with the RRULE string representation.
+     */
     stringChange: _angular_core.OutputEmitterRef<string>;
+    /**
+     * Emitted with the human-readable text of the rule.
+     */
     textChange: _angular_core.OutputEmitterRef<string>;
     protected freqs: {
         text: string;
@@ -93,10 +180,18 @@ declare class AXRruleComponent {
     private _emitAll;
     private _areOptionValuesEqual;
     private _clearOptions;
+    /**
+     * Updates a single option and recomputes the rule.
+     * @param key The option key to update
+     * @param value The new value for the option
+     */
     updateOption<K extends keyof AXROptionsType>(key: K, value: AXROptionsType[K]): Promise<void>;
+    /**
+     * Resets options to defaults and recomputes the rule.
+     */
     resetOptions(): Promise<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXRruleComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXRruleComponent, "ax-rrule", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "rruleChange": "rruleChange"; "optionsChange": "optionsChange"; "stringChange": "stringChange"; "textChange": "textChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXRruleComponent, "ax-rrule", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "valueChange": "valueChange"; "rruleChange": "rruleChange"; "optionsChange": "optionsChange"; "stringChange": "stringChange"; "textChange": "textChange"; }, never, never, true, never>;
 }
 
 export { AXRruleComponent, AXRrulePreviewComponent, AXRruleService, defaultOptions, defaultRrule };

package/scheduler-picker/README.md

@@ -0,0 +1,15 @@
+# @acorex/components/scheduler-picker
+
+A powerful, fully customizable scheduler picker component for Angular applications. Create complex recurrence patterns with an intuitive UI supporting hourly, daily, weekly, monthly, and yearly schedules.
+
+## ✨ Features
+
+- 🗓️ **Multiple Recurrence Modes**: Hourly, daily, weekly, monthly, and yearly patterns
+- ⏰ **Flexible Time Configuration**: Support for hours, minutes, and seconds precision
+- 🔄 **Complex Patterns**: Specific days, occurrence-based scheduling (e.g., "first Monday")
+- 📅 **Date Management**: Include/exclude specific dates from schedule
+- 🌍 **Internationalization**: Full i18n support with customizable locale
+- 🎨 **Highly Customizable**: Extensive configuration options
+- ✅ **Built-in Validation**: Real-time pattern validation with helpful error messages
+- 📊 **Export Formats**: Convert to cron, RRule (iCalendar), or get occurrence previews
+- 🎯 **Type-Safe**: Full TypeScript support with strict typing