@acorex/components 21.0.0-next.4 → 21.0.0-next.40

package/number-box-legacy/index.d.ts

@@ -0,0 +1,191 @@
+import * as polytype from 'polytype';
+import * as i0 from '@angular/core';
+import { AfterViewInit, ElementRef } from '@angular/core';
+import { MaskedNumber } from 'imask';
+import { MXInputBaseValueComponent, MXLookComponent } from '@acorex/cdk/common';
+import * as i1 from '@angular/common';
+import * as i2 from '@angular/forms';
+import * as i3 from '@acorex/components/button';
+import * as i4 from '@acorex/components/decorators';
+import * as i5 from 'angular-imask';
+
+declare const AXNumberBoxLegacyComponent_base: polytype.Polytype.ClusteredConstructor<[{
+    new (): MXInputBaseValueComponent<number>;
+    ɵfac: i0.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
+    ɵprov: i0.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+}, typeof MXLookComponent]>;
+/**
+ * The NumberBox is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+declare class AXNumberBoxLegacyComponent extends AXNumberBoxLegacyComponent_base implements AfterViewInit {
+    /** @ignore */
+    input: ElementRef<HTMLInputElement>;
+    /** @ignore */
+    private _thousandsSeparator;
+    /**
+     * This property determines the type of the input element (e.g., 'text', 'password', 'email', etc.). It can be dynamically bound from a parent component template to change the input field type based on different conditions or requirements.
+     */
+    type: i0.InputSignal<string>;
+    /**
+     *  boolean value that specifies the number box change step by scrolling.
+     */
+    changeOnScroll: boolean;
+    /** @ignore */
+    private _allDigits;
+    /**
+     *  A number value that specifies the all digits of number.
+     */
+    get allDigits(): number;
+    /**
+     * Sets the all digits of number.
+     * @param {number} v
+     */
+    set allDigits(v: number);
+    /**
+     *  A character value that specifies the separator character.
+     */
+    get thousandsSeparator(): string;
+    /**
+     * Sets the thousands separator for formatting.
+     * @param {string} v
+     */
+    set thousandsSeparator(v: string);
+    /** @ignore */
+    private _padDecimalZeros;
+    /**
+     *  A character value that specifies the separator character.
+     */
+    get padDecimalZeros(): boolean;
+    /**
+     * Sets whether decimal zeros should be padded.
+     * @param {boolean} v
+     */
+    set padDecimalZeros(v: boolean);
+    /**
+     *  Specifies the value that is used to increment or decrement the **Integer** part of number
+     */
+    /**
+     * Defines the increment step value.
+     */
+    step: number;
+    /** @ignore */
+    private _decimals;
+    /**
+     *  Specifies the number of decimals that the user can enter
+     */
+    get decimals(): number;
+    /**
+     * Sets the decimal places; defaults to 0 if not provided.
+     */
+    set decimals(v: number);
+    /**
+     *  Specifies the value that is used to increment or decrement the **Deciaml** part of number
+     */
+    /**
+     * Defines the step size for decimal values.
+     * @defaultvalue 'auto'
+     */
+    decimalStep: number | 'auto';
+    /**
+     *  Specifies whether the Up and Down spin buttons will be rendered or not
+     */
+    /**
+     * Indicates whether spin buttons are displayed.
+     * @defaultvalue true
+     */
+    showSpinButtons: boolean;
+    /** @ignore */
+    private _minValue;
+    /**
+     *  Specifies the smallest value that is valid
+     */
+    get minValue(): number;
+    /**
+     * Sets the number of decimal places to be used.
+     * @param {number} v
+     * @defaultvalue 0
+     */
+    set minValue(v: number);
+    /** @ignore */
+    private _maxValue;
+    /**
+     *  Specifies the greatest value that is valid
+     */
+    get maxValue(): number;
+    /**
+     * Sets the maximum allowable value, defaulting to `Number.MAX_SAFE_INTEGER` if null.
+     * @param v
+     */
+    set maxValue(v: number);
+    /**
+     * CSS classes to apply to the component.
+     * @param classNames
+     */
+    /**
+     * CSS classes to apply to the component.
+     */
+    classNames: string;
+    /**
+     *  @ignore
+     */
+    _maskObj: MaskedNumber;
+    /** @ignore */
+    /** @ignore */
+    private _maskDirective;
+    /** @ignore */
+    private _onWheelFlag;
+    constructor();
+    /** @ignore */
+    ngAfterViewInit(): void;
+    /**
+     * Handles internal option changes and updates the mask accordingly.
+     */
+    internalOptionChanged(): void;
+    /**
+     * Resets the input element to its default state and calls the parent class reset method.
+     */
+    reset(): void;
+    /**
+     * Ensures the value is within the min-max range, returning the default if null.
+     * @param value
+     */
+    internalSetValue(value: any): number;
+    /** @ignore */
+    private _updateMask;
+    /** @ignore */
+    _handleModelChange(value: number): void;
+    /** @ignore */
+    _handleOnKeydownEvent(e: KeyboardEvent): void;
+    /** @ignore */
+    protected _handleUpDownClick(v: -1 | 1, e: Event): void;
+    /**
+     * Increases the value by the step amount, ensuring it's at least the minimum value.
+     */
+    stepUp(u?: boolean): void;
+    /**
+     * Decreases the value by the step amount, ensuring it's at least the minimum value.
+     */
+    stepDown(u?: boolean): void;
+    /**
+     * Increases the value by the decimal step amount, using 'auto' or a custom step value.
+     */
+    decimalStepUp(u?: boolean): void;
+    /**
+     * Decreases the value by the decimal step amount, using 'auto' or a custom step value.
+     */
+    decimalStepDown(u?: boolean): void;
+    onWheel(event: WheelEvent): void;
+    private get __hostName();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXNumberBoxLegacyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXNumberBoxLegacyComponent, "ax-number-box-legacy", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "look": { "alias": "look"; "required": false; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "changeOnScroll": { "alias": "changeOnScroll"; "required": false; }; "allDigits": { "alias": "allDigits"; "required": false; }; "thousandsSeparator": { "alias": "thousandsSeparator"; "required": false; }; "padDecimalZeros": { "alias": "padDecimalZeros"; "required": false; }; "step": { "alias": "step"; "required": false; }; "decimals": { "alias": "decimals"; "required": false; }; "decimalStep": { "alias": "decimalStep"; "required": false; }; "showSpinButtons": { "alias": "showSpinButtons"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "classNames": { "alias": "class"; "required": false; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], true, never>;
+}
+
+declare class AXNumberBoxLegacyModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXNumberBoxLegacyModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXNumberBoxLegacyModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i3.AXButtonModule, typeof i4.AXDecoratorModule, typeof i5.IMaskModule, typeof AXNumberBoxLegacyComponent], [typeof AXNumberBoxLegacyComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXNumberBoxLegacyModule>;
+}
+
+export { AXNumberBoxLegacyComponent, AXNumberBoxLegacyModule };

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@acorex/components",
-  "version": "21.0.0-next.4",
+  "version": "21.0.0-next.40",
   "peerDependencies": {
-    "@acorex/core": "21.0.0-next.4",
-    "@acorex/cdk": "21.0.0-next.4",
+    "@acorex/core": "21.0.0-next.40",
+    "@acorex/cdk": "21.0.0-next.40",
     "@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": {
@@ -145,6 +156,10 @@
       "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"
@@ -185,9 +200,9 @@
       "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"
+    "./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"
@@ -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"
@@ -373,14 +396,14 @@
       "types": "./search-box/index.d.ts",
       "default": "./fesm2022/acorex-components-search-box.mjs"
     },
-    "./select-box": {
-      "types": "./select-box/index.d.ts",
-      "default": "./fesm2022/acorex-components-select-box.mjs"
-    },
     "./selection-list": {
       "types": "./selection-list/index.d.ts",
       "default": "./fesm2022/acorex-components-selection-list.mjs"
     },
+    "./select-box": {
+      "types": "./select-box/index.d.ts",
+      "default": "./fesm2022/acorex-components-select-box.mjs"
+    },
     "./selection-list-2": {
       "types": "./selection-list-2/index.d.ts",
       "default": "./fesm2022/acorex-components-selection-list-2.mjs"
@@ -453,6 +476,10 @@
       "types": "./tree-view/index.d.ts",
       "default": "./fesm2022/acorex-components-tree-view.mjs"
     },
+    "./tree-view-legacy": {
+      "types": "./tree-view-legacy/index.d.ts",
+      "default": "./fesm2022/acorex-components-tree-view-legacy.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[]>;
@@ -78,6 +78,7 @@ declare class AXPhoneBoxComponent extends AXPhoneBoxComponent_base {
      */
     setDefaultValue(): void;
     protected handleKeyDown(e: KeyboardEvent): void;
+    private parsePhoneNumber;
     /** @ignore */
     _handleCountryValueChanged(event: AXValueChangedEvent): void;
     private get __hostName();

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