@acorex/components 20.2.0-next.21 → 20.2.0-next.22

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

@@ -25,7 +25,7 @@ declare class AXNumberBox2Component extends AXNumberBox2Component_base {
     protected mode: _angular_core.WritableSignal<"digits" | "thousandsSeparator" | "decimal">;
     private input;
     protected stringValue: string;
-    protected internalValueChanged(value: any): void;
+    protected internalValueChanged(value: number): void;
     private plusValue;
     private minusValue;
     protected handleOnKeydownEvent(e: KeyboardEvent): void;

package/otp/index.d.ts

@@ -1,8 +1,6 @@
 import { AXEvent, MXValueComponent, MXLookComponent } from '@acorex/cdk/common';
 import * as polytype from 'polytype';
 import * as _angular_core from '@angular/core';
-import * as i1 from '@angular/common';
-import * as i2 from '@angular/forms';
 
 declare class AXOtpCompletedEvent extends AXEvent {
     value: string;
@@ -67,7 +65,7 @@ declare class AXOtpComponent extends AXOtpComponent_base {
 
 declare class AXOtpModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXOtpModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXOtpModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof AXOtpComponent], [typeof AXOtpComponent]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXOtpModule, never, [typeof AXOtpComponent], [typeof AXOtpComponent]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXOtpModule>;
 }
 

package/package.json

@@ -1,21 +1,43 @@
 {
   "name": "@acorex/components",
-  "version": "20.2.0-next.21",
+  "version": "20.2.0-next.22",
   "peerDependencies": {
+    "@acorex/core": "20.2.0-next.22",
+    "@acorex/cdk": "20.2.0-next.22",
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0",
     "@angular/cdk": "^20.0.0",
     "polytype": ">=0.17.0",
     "imask": ">=7.6.1",
     "angular-imask": ">=7.6.1",
-    "qrcode": "^1.5.4",
     "gridstack": "^11.1.2",
-    "maska": ">=3.1.1",
     "rrule": "^2.8.1",
     "leaflet": "^1.9.4",
     "leaflet-draw": "^1.0.4",
     "leaflet.locatecontrol": "^0.81.1",
-    "quill-delta-to-html": ">=0.12.1"
+    "quill-delta-to-html": ">=0.12.1",
+    "@codemirror/state": "^6.4.0",
+    "@codemirror/view": "^6.30.0",
+    "@codemirror/language": "^6.10.0",
+    "@codemirror/autocomplete": "^6.18.2",
+    "@codemirror/commands": "^6.6.0",
+    "@codemirror/search": "^6.5.8",
+    "@codemirror/lint": "^6.8.0",
+    "@codemirror/lang-javascript": "^6.2.2",
+    "@codemirror/lang-json": "^6.0.1",
+    "@codemirror/lang-html": "^6.4.8",
+    "@codemirror/lang-css": "^6.2.1",
+    "@codemirror/lang-sql": "^6.5.4",
+    "@codemirror/lang-xml": "^6.1.0",
+    "@codemirror/lang-markdown": "^6.2.4",
+    "@codemirror/lang-sass": "^6.0.2",
+    "@codemirror/theme-one-dark": "^6.1.0",
+    "prettier": ">=3.0.0"
+  },
+  "peerDependenciesMeta": {
+    "prettier": {
+      "optional": true
+    }
   },
   "dependencies": {
     "tslib": "^2.3.0"
@@ -91,6 +113,10 @@
       "types": "./circular-progress/index.d.ts",
       "default": "./fesm2022/acorex-components-circular-progress.mjs"
     },
+    "./code-editor": {
+      "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"
@@ -103,6 +129,10 @@
       "types": "./color-palette/index.d.ts",
       "default": "./fesm2022/acorex-components-color-palette.mjs"
     },
+    "./command": {
+      "types": "./command/index.d.ts",
+      "default": "./fesm2022/acorex-components-command.mjs"
+    },
     "./comment": {
       "types": "./comment/index.d.ts",
       "default": "./fesm2022/acorex-components-comment.mjs"
@@ -195,14 +225,14 @@
       "types": "./kanban/index.d.ts",
       "default": "./fesm2022/acorex-components-kanban.mjs"
     },
-    "./label": {
-      "types": "./label/index.d.ts",
-      "default": "./fesm2022/acorex-components-label.mjs"
-    },
     "./kbd": {
       "types": "./kbd/index.d.ts",
       "default": "./fesm2022/acorex-components-kbd.mjs"
     },
+    "./label": {
+      "types": "./label/index.d.ts",
+      "default": "./fesm2022/acorex-components-label.mjs"
+    },
     "./list": {
       "types": "./list/index.d.ts",
       "default": "./fesm2022/acorex-components-list.mjs"

package/paint/index.d.ts

@@ -35,14 +35,47 @@ declare const AXPaintContainerComponent_base: polytype.Polytype.ClusteredConstru
 declare class AXPaintContainerComponent extends AXPaintContainerComponent_base {
     #private;
     protected service: AXPaintService;
-    editMode: _angular_core.InputSignal<boolean>;
+    readonly editMode: _angular_core.InputSignal<boolean>;
     get __hostClass(): string;
+    /**
+     * Sets the active drawing tool.
+     *
+     * @param tool - The tool to activate: 'pen', 'highlight', or 'eraser'
+     */
     setActiveTool(tool: 'pen' | 'highlight' | 'eraser'): void;
+    /**
+     * Sets the pen color for drawing.
+     *
+     * @param color - The color to use for the pen tool
+     */
     setPenColor(color: string | CanvasGradient | CanvasPattern): void;
+    /**
+     * Sets the highlight color for highlighting.
+     *
+     * @param color - The color to use for the highlight tool
+     */
     setHighlightColor(color: string | CanvasGradient | CanvasPattern): void;
+    /**
+     * Sets the pen width for drawing.
+     *
+     * @param width - The width of the pen stroke in pixels
+     */
     setPenWidth(width: number): void;
+    /**
+     * Sets the highlight width for highlighting.
+     *
+     * @param width - The width of the highlight stroke in pixels
+     */
     setHighlightWidth(width: number): void;
+    /**
+     * Sets the eraser width for erasing.
+     *
+     * @param width - The width of the eraser in pixels
+     */
     setEraserWidth(width: number): void;
+    /**
+     * Clears the entire canvas.
+     */
     clear(): void;
     private get __hostName();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPaintContainerComponent, never>;
@@ -62,14 +95,15 @@ declare class AXPaintViewComponent implements OnDestroy {
     /** @ignore */
     protected renderer: Renderer2;
     private platformID;
+    protected hostElem: ElementRef<any>;
     /** @ignore */
-    resizeEvent: () => void;
+    private resizeEvent;
     /**
      * Specifies the class that pass to component.
      *
      */
-    customClass: _angular_core.InputSignal<string>;
-    paintBackgroundColor: _angular_core.InputSignal<"black" | "white">;
+    readonly customClass: _angular_core.InputSignal<string>;
+    readonly paintBackgroundColor: _angular_core.InputSignal<"black" | "white">;
     /** @ignore */
     protected canvasElem: _angular_core.Signal<ElementRef<HTMLCanvasElement>>;
     /** @ignore */
@@ -78,7 +112,6 @@ declare class AXPaintViewComponent implements OnDestroy {
     protected isPainting: _angular_core.WritableSignal<boolean>;
     /** @ignore */
     protected isUserInteract: _angular_core.WritableSignal<boolean>;
-    protected hostElem: ElementRef<any>;
     /** @ignore */
     ngOnDestroy(): void;
     /** @ignore */
@@ -94,7 +127,9 @@ declare class AXPaintViewComponent implements OnDestroy {
     /** @ignore */
     protected mouseUpHandler(): void;
     /**
-     * @param e - output file type
+     * Exports the canvas content as an image.
+     *
+     * @param format - The image format: 'image/webp', 'image/png', or 'image/jpeg'
      */
     getOutPut(e: 'image/webp' | 'image/png' | 'image/jpeg'): void;
     get __hostClass(): string[];

package/password-box/index.d.ts

@@ -1,6 +1,5 @@
 import * as polytype from 'polytype';
 import * as _angular_core from '@angular/core';
-import { ElementRef } from '@angular/core';
 import { MXInputBaseValueComponent, MXLookComponent } from '@acorex/cdk/common';
 import * as i1 from '@angular/common';
 import * as i2 from '@angular/forms';
@@ -21,8 +20,6 @@ declare const AXPasswordBoxComponent_base: polytype.Polytype.ClusteredConstructo
  * @category Components
  */
 declare class AXPasswordBoxComponent extends AXPasswordBoxComponent_base {
-    /** @ignore */
-    input: ElementRef<HTMLInputElement>;
     /** @ignore */
     protected _type: 'password' | 'text';
     /** @ignore */
@@ -40,7 +37,7 @@ declare class AXPasswordBoxComponent extends AXPasswordBoxComponent_base {
      */
     classNames: string;
     /** @ignore */
-    _handleModelChange(value: string): void;
+    protected _handleModelChange(value: string): void;
     /**
      * Toggles the input type between 'password' and 'text' to show or hide the password.
      */

package/phone-box/index.d.ts

@@ -1,8 +1,6 @@
 import * as polytype from 'polytype';
 import * as _angular_core from '@angular/core';
 import { MXInputBaseValueComponent, MXLookComponent, AXDataSource, AXValueChangedEvent } from '@acorex/cdk/common';
-import * as i8 from '@acorex/components/text-box';
-import { AXTextBoxComponent } from '@acorex/components/text-box';
 import { CountryItem } from '@acorex/core/constants';
 import * as i1 from '@angular/common';
 import * as i2 from '@angular/forms';
@@ -11,6 +9,7 @@ import * as i4 from '@acorex/components/select-box';
 import * as i5 from '@acorex/components/search-box';
 import * as i6 from '@acorex/components/decorators';
 import * as i7 from '@acorex/components/button';
+import * as i8 from '@acorex/components/text-box';
 
 declare const AXPhoneBoxComponent_base: polytype.Polytype.ClusteredConstructor<[{
     new (): MXInputBaseValueComponent<string>;
@@ -26,16 +25,16 @@ declare class AXPhoneBoxComponent extends AXPhoneBoxComponent_base {
     /** @ignore */
     protected _updateOn: 'change' | 'blur' | 'submit';
     /** @ignore */
-    textbox: AXTextBoxComponent;
-    flags: _angular_core.WritableSignal<string>;
+    private textbox;
+    protected flags: _angular_core.WritableSignal<string>;
     /**
      * CSS classes to apply to the component.
      */
-    classNames: string;
+    readonly classNames: string;
     /**
      * static precode.
      */
-    precode: _angular_core.InputSignal<unknown>;
+    readonly precode: _angular_core.InputSignal<unknown>;
     /**
      * The default country value for the component.
      */
@@ -43,11 +42,11 @@ declare class AXPhoneBoxComponent extends AXPhoneBoxComponent_base {
     /**
      * List of included values for the component.
      */
-    included: _angular_core.InputSignal<string[]>;
+    readonly included: _angular_core.InputSignal<string[]>;
     /**
      * List of excluded values for the component.
      */
-    excluded: _angular_core.InputSignal<string[]>;
+    readonly excluded: _angular_core.InputSignal<string[]>;
     private selectBox;
     /** @ignore */
     protected countries: _angular_core.WritableSignal<CountryItem[]>;

package/popover/index.d.ts

@@ -38,7 +38,7 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     private resize$;
     /** @ignore */
     private _disabled;
-    width: i0.InputSignal<string>;
+    readonly width: i0.InputSignal<string>;
     /**
      * Gets or sets whether the popover is disabled.
      * When disabled, the popover will not open and will close if already open.

package/popup/index.d.ts

@@ -70,11 +70,11 @@ declare class AXPopupComponent extends MXBaseComponent implements OnInit {
     /** @ignore */
     ngOnInit(): void;
     /** @ignore */
-    _handleAttched(ref: CdkPortalOutletAttachedRef): void;
+    protected _handleAttched(ref: CdkPortalOutletAttachedRef): void;
     /** @ignore */
     onKeydownHandler(event: KeyboardEvent): void;
     /** @ignore */
-    _handleCloseClick(): void;
+    protected _handleCloseClick(): void;
     /** @ignore */
     ngOnDestroy(): void;
     /**

package/qrcode/index.d.ts

@@ -10,32 +10,32 @@ declare class AXQrcodeComponent implements AfterViewInit {
     /**
      * @description Value of QR code
      */
-    content: _angular_core.InputSignal<string>;
+    readonly content: _angular_core.InputSignal<string>;
     /**
      * @description Size of the QR code
      * @default 256
      */
-    size: _angular_core.InputSignal<number>;
+    readonly size: _angular_core.InputSignal<number>;
     /**
      * @description Error correction level can be 'L' | 'M' | 'Q' | 'H'
      * @default 'M'
      */
-    level: _angular_core.InputSignal<AXQrcodeLevel>;
+    readonly level: _angular_core.InputSignal<AXQrcodeLevel>;
     /**
      * @description QR code color, can be a hex code or CSS color name
      * @default '#000000'
      */
-    color: _angular_core.InputSignal<string>;
+    readonly color: _angular_core.InputSignal<string>;
     /**
      * @description QR code Background color, can be a hex code or CSS color name
      * @default '#FFFFFF'
      */
-    backgroundColor: _angular_core.InputSignal<string>;
+    readonly backgroundColor: _angular_core.InputSignal<string>;
     /**
      * @description Type of output can be 'canvas' | 'svg' | 'url'
      * @default 'canvas'
      */
-    outputType: _angular_core.InputSignal<AXQrcodeOutputType>;
+    readonly outputType: _angular_core.InputSignal<AXQrcodeOutputType>;
     /**
      * @ignore
      */
@@ -53,7 +53,7 @@ declare class AXQrcodeComponent implements AfterViewInit {
     private svg;
     constructor();
     ngAfterViewInit(): void;
-    generate(): void;
+    private generate;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXQrcodeComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXQrcodeComponent, "ax-qrcode", never, { "content": { "alias": "content"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "level": { "alias": "level"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; "outputType": { "alias": "outputType"; "required": false; "isSignal": true; }; }, {}, never, ["img"], true, never>;
 }

package/query-builder/index.d.ts

@@ -13,7 +13,7 @@ import * as i8 from '@angular/common';
 
 declare class AXQueryBuilderComponent {
     #private;
-    columnData: _angular_core.InputSignal<any[]>;
+    readonly columnData: _angular_core.InputSignal<any[]>;
     queryData: _angular_core.ModelSignal<any[]>;
     onValueChanged: _angular_core.OutputEmitterRef<any[]>;
     protected selectBoxRef: _angular_core.Signal<AXSelectBoxComponent>;

package/rail-navigation/index.d.ts

@@ -1,9 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { AfterViewInit, OnDestroy, ElementRef } from '@angular/core';
 import { MXBaseComponent } from '@acorex/cdk/common';
-import * as i2 from '@angular/router';
 import { UrlTree, IsActiveMatchOptions } from '@angular/router';
-import * as i1 from '@angular/common';
 import * as rxjs from 'rxjs';
 
 type AXRailLook = 'default' | 'pills' | 'pills-color' | 'with-line' | 'with-line-color';
@@ -62,7 +60,7 @@ declare class AXRailNavigationComponent extends MXBaseComponent {
 
 declare class AXRailNavigationModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXRailNavigationModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXRailNavigationModule, never, [typeof i1.CommonModule, typeof i2.RouterLink, typeof i2.RouterLinkActive, typeof AXRailNavigationComponent, typeof AXRailNavigationItemComponent], [typeof AXRailNavigationComponent, typeof AXRailNavigationItemComponent]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXRailNavigationModule, never, [typeof AXRailNavigationComponent, typeof AXRailNavigationItemComponent], [typeof AXRailNavigationComponent, typeof AXRailNavigationItemComponent]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXRailNavigationModule>;
 }
 

package/range-slider/index.d.ts

@@ -33,13 +33,13 @@ declare class AXRangeSliderComponent extends AXRangeSliderComponent_base {
      * The orientation of the slider, either 'horizontal' or 'vertical'.
      * @default 'horizontal'
      */
-    orientation: _angular_core.InputSignal<AXOrientation>;
+    readonly orientation: _angular_core.InputSignal<AXOrientation>;
     /**
      * @description
      * Color theme for the slider, affecting highlight, tooltip, and handler.
      * @default 'primary'
      */
-    color: _angular_core.InputSignal<"success" | "primary" | "secondary" | "warning" | "danger">;
+    readonly color: _angular_core.InputSignal<"success" | "primary" | "secondary" | "warning" | "danger">;
     /**
      * @description
      * The value(s) of the slider. Can be a single number for single mode or an array of two numbers for dual mode.
@@ -50,67 +50,67 @@ declare class AXRangeSliderComponent extends AXRangeSliderComponent_base {
      * The mode of the slider, either 'single' or 'dual'.
      * @default 'single'
      */
-    mode: _angular_core.InputSignal<AXRangeSliderMode>;
+    readonly mode: _angular_core.InputSignal<AXRangeSliderMode>;
     /**
      * @description
      * The minimum value of the slider.
      * @default 0
      */
-    min: _angular_core.InputSignal<number>;
+    readonly min: _angular_core.InputSignal<number>;
     /**
      * @description
      * The maximum value of the slider.
      * @default 100
      */
-    max: _angular_core.InputSignal<number>;
+    readonly max: _angular_core.InputSignal<number>;
     /**
      * @description
      * The step increment for value changes.
      * @default 1
      */
-    step: _angular_core.InputSignal<number>;
+    readonly step: _angular_core.InputSignal<number>;
     /**
      * @description
      * The snapping increment for the slider.
      * @default 1
      */
-    snap: _angular_core.InputSignal<number>;
+    readonly snap: _angular_core.InputSignal<number>;
     /**
      * @description
      * Mode for displaying tooltips, can be at the start, end, or both.
      * @default 'end'
      */
-    tooltipMode: _angular_core.InputSignal<AXRangeSliderTooltipMode>;
+    readonly tooltipMode: _angular_core.InputSignal<AXRangeSliderTooltipMode>;
     /**
      * @description
      * Mode for snapping, can snap at the start, end, or both.
      * @default 'start'
      */
-    snapMode: _angular_core.InputSignal<AXRangeSliderSnapMode>;
+    readonly snapMode: _angular_core.InputSignal<AXRangeSliderSnapMode>;
     /**
      * @description
      * Whether the slider should have steps.
      * @default true
      */
-    hasStep: _angular_core.InputSignal<boolean>;
+    readonly hasStep: _angular_core.InputSignal<boolean>;
     /**
      * @description
      * Whether the slider should display snapping.
      * @default false
      */
-    hasSnap: _angular_core.InputSignal<boolean>;
+    readonly hasSnap: _angular_core.InputSignal<boolean>;
     /**
      * @description
      * Whether the slider should display labels for snapping points.
      * @default Value derived from `hasSnap()`
      */
-    hasLable: _angular_core.InputSignal<boolean>;
+    readonly hasLable: _angular_core.InputSignal<boolean>;
     /**
      * @description
      * Whether the slider should display tooltips.
      * @default false
      */
-    hasTooltip: _angular_core.InputSignal<boolean>;
+    readonly hasTooltip: _angular_core.InputSignal<boolean>;
     /**
      * @ignore
      */

package/rate-picker/index.d.ts

@@ -18,27 +18,27 @@ declare class AXRatePickerComponent extends MXValueComponent<number> {
      * The icon to be used for each rating point.
      * @default 'fa-star'
      */
-    iconName: _angular_core.InputSignal<string>;
+    readonly iconName: _angular_core.InputSignal<string>;
     /**
      * @description
      * Maximum value for the rating.
      * Defines how many rating points are available.
      * @default 5
      */
-    max: _angular_core.InputSignal<number>;
+    readonly max: _angular_core.InputSignal<number>;
     /**
      * @description
      * Defines the step increment between rating values.
      * The rating value will be rounded to the nearest multiple of this step.
      * @default 0.01
      */
-    step: _angular_core.InputSignal<number>;
+    readonly step: _angular_core.InputSignal<number>;
     /**
      * @description
      * Whether the rating should have a transition effect when changing values.
      * @default true
      */
-    hasTransition: _angular_core.InputSignal<boolean>;
+    readonly hasTransition: _angular_core.InputSignal<boolean>;
     /**
      * @description
      * The percentage of the current rating value relative to the maximum rating.

package/rest-api-generator/index.d.ts

@@ -110,7 +110,7 @@ declare class AXRestApiAuthComponent {
 
 declare class AXRestApiGeneratorComponent {
     #private;
-    value: i0.InputSignal<AXRestApiOutput>;
+    readonly value: i0.InputSignal<AXRestApiOutput>;
     onValueChange: i0.OutputEmitterRef<AXRestApiOutput>;
     protected service: AXRestApiGeneratorService;
     protected urlHandler(e: AXValueChangedEvent<any>): void;

package/rrule/index.d.ts

@@ -1,5 +1,6 @@
-import * as _angular_core from '@angular/core';
 import * as rrule from 'rrule';
+import * as _angular_core from '@angular/core';
+import { OnInit } from '@angular/core';
 
 type AXROptionsType = rrule.Options;
 interface AXParsedOptionsType extends AXROptionsType {
@@ -20,6 +21,38 @@ type AXRRuleType = rrule.RRule;
 declare const defaultOptions: AXROptionsType;
 declare const defaultRrule = "RRULE:FREQ=WEEKLY;INTERVAL=1;WKST=MO;COUNT=5";
 
+declare class AXRruleService {
+    rruleFromOptions(options: Partial<AXROptionsType>): Promise<AXRRuleType>;
+    rruleFromString(ruleString: string): Promise<AXRRuleType>;
+    rruleFromText(ruleText: string): Promise<AXRRuleType>;
+    rruleToOptions(rule: AXRRuleType): AXParsedOptionsType;
+    rruleToString(rule: AXRRuleType): string;
+    rruleToText(rule: AXRRuleType): string;
+    rruleGetAll(rule: AXRRuleType, limit?: number): Date[];
+    rruleGetBetween(rule: AXRRuleType, after: Date, before: Date, inclusive?: boolean): Date[];
+    rruleGetBefore(rule: AXRRuleType, date: Date, inclusive?: boolean): Date | null;
+    rruleGetAfter(rule: AXRRuleType, date: Date, inclusive?: boolean): Date | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXRruleService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXRruleService>;
+}
+
+declare class AXRrulePreviewComponent implements OnInit {
+    value: _angular_core.InputSignal<string>;
+    repeat: _angular_core.InputSignal<number>;
+    format: _angular_core.InputSignal<string>;
+    protected rruleService: AXRruleService;
+    protected rrule: _angular_core.WritableSignal<rrule.RRule>;
+    protected timeZone: _angular_core.WritableSignal<string>;
+    protected text: _angular_core.Signal<string>;
+    protected string: _angular_core.Signal<string>;
+    protected dates: _angular_core.Signal<Date[]>;
+    protected options: _angular_core.Signal<{}>;
+    eff: _angular_core.EffectRef;
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXRrulePreviewComponent, never>;
+    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>;
+}
+
 declare class AXRruleComponent {
     #private;
     value: _angular_core.ModelSignal<string | rrule.Options>;
@@ -54,6 +87,11 @@ declare class AXRruleComponent {
     protected text: _angular_core.Signal<string>;
     private rruleService;
     private _isUpdating;
+    private _applyToken;
+    private _scheduleApplyIncoming;
+    private _applyIncomingAsync;
+    private _emitAll;
+    private _areOptionValuesEqual;
     private _clearOptions;
     updateOption<K extends keyof AXROptionsType>(key: K, value: AXROptionsType[K]): Promise<void>;
     resetOptions(): Promise<void>;
@@ -61,20 +99,5 @@ declare class AXRruleComponent {
     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>;
 }
 
-declare class AXRruleService {
-    rruleFromOptions(options: Partial<AXROptionsType>): Promise<AXRRuleType>;
-    rruleFromString(ruleString: string): Promise<AXRRuleType>;
-    rruleFromText(ruleText: string): Promise<AXRRuleType>;
-    rruleToOptions(rule: AXRRuleType): AXParsedOptionsType;
-    rruleToString(rule: AXRRuleType): string;
-    rruleToText(rule: AXRRuleType): string;
-    rruleGetAll(rule: AXRRuleType, limit?: number): Date[];
-    rruleGetBetween(rule: AXRRuleType, after: Date, before: Date, inclusive?: boolean): Date[];
-    rruleGetBefore(rule: AXRRuleType, date: Date, inclusive?: boolean): Date | null;
-    rruleGetAfter(rule: AXRRuleType, date: Date, inclusive?: boolean): Date | null;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXRruleService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXRruleService>;
-}
-
-export { AXRruleComponent, AXRruleService, defaultOptions, defaultRrule };
+export { AXRruleComponent, AXRrulePreviewComponent, AXRruleService, defaultOptions, defaultRrule };
 export type { AXParsedOptionsType, AXROptionsType, AXRRuleType };