@acorex/components 21.0.0-next.1 → 21.0.0-next.10

package/selection-list/index.d.ts

@@ -1,6 +1,7 @@
 import * as i0 from '@angular/core';
 import { TemplateRef } from '@angular/core';
 import { MXSelectionValueComponent, AXDirection } from '@acorex/cdk/common';
+import { AXSelectionGroupSelectedKeys } from '@acorex/cdk/selection';
 import * as i1 from '@angular/common';
 import * as i2 from '@angular/forms';
 import * as i3 from '@acorex/components/check-box';
@@ -9,78 +10,36 @@ import * as i5 from '@acorex/components/label';
 import * as i6 from '@acorex/components/form';
 
 type AXSelectionListLook = 'solid' | 'divided' | 'card';
+type AXSelectionListItem = {
+    id: string | number;
+    text: string;
+    hint?: string;
+    disabled?: boolean;
+};
+
 /**
  * The Button is a component which detects user interaction and triggers a corresponding event
  *
  * @category Components
  */
 declare class AXSelectionListComponent extends MXSelectionValueComponent {
-    /**
-     * sets the direction of the component.
-     * @param {AXDirection} value
-     */
-    direction: i0.InputSignal<AXDirection>;
-    /**
-     * The custom template used for rendering content.
-     *
-     * @param {TemplateRef<unknown>} customTemplate
-     */
-    customTemplate: i0.InputSignal<TemplateRef<unknown>>;
-    /** @ignore */
+    readonly direction: i0.InputSignal<AXDirection>;
+    readonly customTemplate: i0.InputSignal<TemplateRef<unknown>>;
+    readonly look: i0.InputSignal<AXSelectionListLook>;
+    protected changeState(e: AXSelectionGroupSelectedKeys): void;
     private _showControl;
-    /**
-     * @param {void}
-     * Gets the current state of the control visibility.
-     */
     get showControl(): boolean;
-    /**
-     * @param {boolean} v
-     * Sets the visibility state of the control.
-     */
     set showControl(v: boolean);
-    /** @ignore */
     private _items;
-    /**
-     * Gets the list of items.
-     * @param {void}
-     */
-    get items(): any[];
-    /**
-     * Sets the list of items.
-     *
-     * @param {any[]} v
-     */
-    set items(v: any[]);
-    /** @ignore */
+    get items(): AXSelectionListItem[];
+    set items(v: AXSelectionListItem[]);
     private _hintField;
-    /**
-     * Gets the field used for displaying hints.
-     */
     get hintField(): string;
-    /**
-     * Sets the field used for displaying hints.
-     *
-     * @param {string} v
-     */
     set hintField(v: string);
-    /**
-     * Retrieves an item from the list by its key.
-     *
-     * @param {unknown} key - The key to search for.
-     */
     getItemByKey(key: unknown): unknown;
-    /**
-     * Defines the visual appearance of the selection list.
-     *
-     * @defaultValue 'solid'
-     */
-    look: AXSelectionListLook;
-    /** @ignore */
-    protected _handleOnItemValueChange(item: any, e: Event): void;
-    /** @ignore */
     private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectionListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectionListComponent, "ax-selection-list", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "disabledField": { "alias": "disabledField"; "required": false; }; "readonlyField": { "alias": "readonlyField"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "customTemplate": { "alias": "customTemplate"; "required": false; "isSignal": true; }; "showControl": { "alias": "showControl"; "required": false; }; "items": { "alias": "items"; "required": false; }; "look": { "alias": "look"; "required": false; }; }, { "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["ax-validation-rule"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectionListComponent, "ax-selection-list", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "disabledField": { "alias": "disabledField"; "required": false; }; "readonlyField": { "alias": "readonlyField"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "customTemplate": { "alias": "customTemplate"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "showControl": { "alias": "showControl"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["ax-validation-rule"], true, never>;
 }
 
 declare class AXSelectionListModule {
@@ -90,4 +49,4 @@ declare class AXSelectionListModule {
 }
 
 export { AXSelectionListComponent, AXSelectionListModule };
-export type { AXSelectionListLook };
+export type { AXSelectionListItem, AXSelectionListLook };

package/selection-list-legacy/README.md

@@ -0,0 +1,3 @@
+# @acorex/components/selection-list
+
+Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/selection-list`.

package/selection-list-legacy/index.d.ts

@@ -0,0 +1,93 @@
+import * as i0 from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { MXSelectionValueComponent, AXDirection } from '@acorex/cdk/common';
+import * as i1 from '@angular/common';
+import * as i2 from '@angular/forms';
+import * as i3 from '@acorex/components/check-box';
+import * as i4 from '@acorex/components/radio';
+import * as i5 from '@acorex/components/label';
+import * as i6 from '@acorex/components/form';
+
+type AXSelectionListLook = 'solid' | 'divided' | 'card';
+/**
+ * The Button is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+declare class AXSelectionListLegacyComponent extends MXSelectionValueComponent {
+    /**
+     * sets the direction of the component.
+     * @param {AXDirection} value
+     */
+    direction: i0.InputSignal<AXDirection>;
+    /**
+     * The custom template used for rendering content.
+     *
+     * @param {TemplateRef<unknown>} customTemplate
+     */
+    customTemplate: i0.InputSignal<TemplateRef<unknown>>;
+    /** @ignore */
+    private _showControl;
+    /**
+     * @param {void}
+     * Gets the current state of the control visibility.
+     */
+    get showControl(): boolean;
+    /**
+     * @param {boolean} v
+     * Sets the visibility state of the control.
+     */
+    set showControl(v: boolean);
+    /** @ignore */
+    private _items;
+    /**
+     * Gets the list of items.
+     * @param {void}
+     */
+    get items(): any[];
+    /**
+     * Sets the list of items.
+     *
+     * @param {any[]} v
+     */
+    set items(v: any[]);
+    /** @ignore */
+    private _hintField;
+    /**
+     * Gets the field used for displaying hints.
+     */
+    get hintField(): string;
+    /**
+     * Sets the field used for displaying hints.
+     *
+     * @param {string} v
+     */
+    set hintField(v: string);
+    /**
+     * Retrieves an item from the list by its key.
+     *
+     * @param {unknown} key - The key to search for.
+     */
+    getItemByKey(key: unknown): unknown;
+    /**
+     * Defines the visual appearance of the selection list.
+     *
+     * @defaultValue 'solid'
+     */
+    look: AXSelectionListLook;
+    /** @ignore */
+    protected _handleOnItemValueChange(item: any, e: Event): void;
+    /** @ignore */
+    private get __hostClass();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectionListLegacyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectionListLegacyComponent, "ax-selection-list-legacy", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "disabledField": { "alias": "disabledField"; "required": false; }; "readonlyField": { "alias": "readonlyField"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "customTemplate": { "alias": "customTemplate"; "required": false; "isSignal": true; }; "showControl": { "alias": "showControl"; "required": false; }; "items": { "alias": "items"; "required": false; }; "look": { "alias": "look"; "required": false; }; }, { "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["ax-validation-rule"], true, never>;
+}
+
+declare class AXSelectionListLegacyModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectionListLegacyModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXSelectionListLegacyModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i3.AXCheckBoxModule, typeof i4.AXRadioModule, typeof i5.AXLabelModule, typeof i6.AXFormModule, typeof AXSelectionListLegacyComponent], [typeof AXSelectionListLegacyComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXSelectionListLegacyModule>;
+}
+
+export { AXSelectionListLegacyComponent, AXSelectionListLegacyModule };
+export type { AXSelectionListLook };

package/side-menu/index.d.ts

@@ -12,12 +12,13 @@ declare class AXSideMenuItemClickEvent extends AXClickEvent {
     handled: boolean;
 }
 declare class AXSideMenuItemComponent extends MXInteractiveComponent {
-    private elem;
+    #private;
     text: _angular_core.ModelSignal<string>;
     active: _angular_core.ModelSignal<boolean>;
     isLoading: _angular_core.ModelSignal<boolean>;
     isCollapsed: _angular_core.ModelSignal<boolean>;
     onClick: _angular_core.OutputEmitterRef<AXSideMenuItemClickEvent>;
+    private elem;
     readonly toggleOnClick: _angular_core.InputSignal<boolean>;
     readonly href: _angular_core.InputSignal<string>;
     readonly routerLink: _angular_core.InputSignal<string | any[] | UrlTree>;
@@ -27,7 +28,7 @@ declare class AXSideMenuItemComponent extends MXInteractiveComponent {
     } | IsActiveMatchOptions>;
     readonly target: _angular_core.InputSignal<"_blank" | "_self" | "_parent" | "_top">;
     protected hasChild: _angular_core.WritableSignal<boolean>;
-    constructor();
+    private checkForChildren;
     protected _handleClickEvent(e: MouseEvent): void;
     toggle(): void;
     open(): void;

package/time-duration/index.d.ts

@@ -1,6 +1,6 @@
 import * as polytype from 'polytype';
 import * as _angular_core from '@angular/core';
-import { MXInputBaseValueComponent, MXLookComponent } from '@acorex/cdk/common';
+import { MXInputBaseValueComponent, MXLookComponent, AXFocusEvent } from '@acorex/cdk/common';
 
 type AXTimeDurationUnit = 'YEAR' | 'MONTH' | 'WEEK' | 'DAY' | 'HOUR' | 'MINUTE' | 'SECOND' | 'MILLISECOND';
 
@@ -16,9 +16,12 @@ declare class AXTimeDurationComponent extends AXTimeDurationComponent_base {
     readonly valueEnd: _angular_core.InputSignal<AXTimeDurationUnit>;
     readonly label: _angular_core.InputSignal<boolean>;
     readonly maskDigits: _angular_core.InputSignal<string>;
+    readonly minValue: _angular_core.InputSignal<number>;
+    readonly maxValue: _angular_core.InputSignal<number>;
     protected maskOptions: _angular_core.WritableSignal<any>;
     private translationService;
     private timeDurationFormatter;
+    private translation;
     private onInputFire;
     private onInternalValueChangedFire;
     private YEAR;
@@ -31,14 +34,27 @@ declare class AXTimeDurationComponent extends AXTimeDurationComponent_base {
     private MILLISECOND;
     private isTranslationInit;
     initTranslation(): Promise<void>;
-    protected onInput(event: any): void;
+    protected onInput(event: any): Promise<void>;
     protected internalValueChanged(value: number): Promise<void>;
     private replacePersianLabels;
     private maskToMilliseconds;
     private updateMask;
+    protected focusHandler(e: AXFocusEvent): void;
+    protected blurHandler(e: AXFocusEvent): void;
+    protected validateFn: (val: number) => Promise<{
+        rule: string;
+        result: boolean;
+        message: string;
+        value: number;
+    } | {
+        rule: string;
+        result: boolean;
+        value: number;
+        message?: undefined;
+    }>;
     private get __hostName();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXTimeDurationComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXTimeDurationComponent, "ax-time-duration", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "look": { "alias": "look"; "required": false; }; "valueStart": { "alias": "valueStart"; "required": false; "isSignal": true; }; "valueEnd": { "alias": "valueEnd"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "maskDigits": { "alias": "maskDigits"; "required": false; "isSignal": true; }; }, { "onValueChanged": "onValueChanged"; }, never, ["ax-validation-rule"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXTimeDurationComponent, "ax-time-duration", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "look": { "alias": "look"; "required": false; }; "valueStart": { "alias": "valueStart"; "required": false; "isSignal": true; }; "valueEnd": { "alias": "valueEnd"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "maskDigits": { "alias": "maskDigits"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; }, { "onValueChanged": "onValueChanged"; }, never, never, true, never>;
 }
 
 declare class AXTimeDurationModule {

package/wysiwyg/index.d.ts

@@ -1,31 +1,19 @@
-import * as _angular_core from '@angular/core';
-import { OnDestroy } from '@angular/core';
+import * as polytype from 'polytype';
+import * as i0 from '@angular/core';
+import { OnDestroy, ElementRef } from '@angular/core';
+import { MXInputBaseValueComponent, MXLookComponent } from '@acorex/cdk/common';
 import * as i1 from '@acorex/components/button';
 import * as i2 from '@acorex/components/decorators';
 import * as i3 from '@acorex/components/select-box';
 import * as i4 from '@angular/forms';
 import * as i5 from '@acorex/components/color-palette';
 import * as i6 from '@acorex/components/popover';
-import { AXPopoverOpenTrigger, AXPopoverCloseTrigger } from '@acorex/components/popover';
 import * as i7 from '@acorex/components/text-box';
-import * as polytype from 'polytype';
-import { MXInputBaseValueComponent, MXLookComponent, AXPlacement } from '@acorex/cdk/common';
-import { AXWysiwyg } from '@acorex/cdk/wysiwyg';
-
-declare class AXWysiwygService {
-    wysiwyg: _angular_core.WritableSignal<AXWysiwyg>;
-    isEditorClean: _angular_core.WritableSignal<boolean>;
-    currentSelectedElemArray: _angular_core.WritableSignal<string[]>;
-    currentSelectedElemList: _angular_core.WritableSignal<string>;
-    currentSelectedElemAlign: _angular_core.WritableSignal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXWysiwygService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXWysiwygService>;
-}
 
 declare const AXWysiwygContainerComponent_base: polytype.Polytype.ClusteredConstructor<[{
     new (): MXInputBaseValueComponent<string>;
-    ɵfac: _angular_core.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
-    ɵprov: _angular_core.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+    ɵfac: i0.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
+    ɵprov: i0.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
 }, typeof MXLookComponent]>;
 /**
  * A container component for WYSIWYG (What You See Is What You Get) editor functionality.
@@ -33,18 +21,20 @@ declare const AXWysiwygContainerComponent_base: polytype.Polytype.ClusteredConst
  */
 declare class AXWysiwygContainerComponent extends AXWysiwygContainerComponent_base implements OnDestroy {
     #private;
-    /** @ignore */
-    protected service: AXWysiwygService;
-    /** @ignore */
-    private zone;
     /**
      * Specifies the placeholder text.
      *
      */
-    placeHolder: _angular_core.InputSignal<string>;
-    protected isQuillLoaded: _angular_core.WritableSignal<boolean>;
+    placeHolder: i0.InputSignal<string>;
+    private wysiwygService;
+    protected isQuillLoaded: i0.WritableSignal<boolean>;
+    private isEditorClean;
+    private wysiwyg;
+    private container;
+    private toolbar;
+    private platformId;
     /** @ignore */
-    protected changeHandler(): void;
+    protected changeHandler(): Promise<void>;
     /** @ignore */
     ngOnDestroy(): void;
     /**
@@ -73,23 +63,19 @@ declare class AXWysiwygContainerComponent extends AXWysiwygContainerComponent_ba
      */
     setDisabledState(isDisabled: boolean): void;
     private get __hostName();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXWysiwygContainerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXWysiwygContainerComponent, "ax-wysiwyg-container", never, { "look": { "alias": "look"; "required": false; }; "placeHolder": { "alias": "placeHolder"; "required": false; "isSignal": true; }; }, { "onValueChanged": "onValueChanged"; }, never, ["*", "ax-validation-rule"], true, never>;
+    get __hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXWysiwygContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXWysiwygContainerComponent, "ax-wysiwyg-container", never, { "look": { "alias": "look"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placeHolder": { "alias": "placeHolder"; "required": false; "isSignal": true; }; }, { "onValueChanged": "onValueChanged"; }, ["container", "toolbar"], ["*", "ax-validation-rule"], true, never>;
 }
 
 /**
  * @category Components
  * A component for viewing WYSIWYG content.
  */
-declare class AXWysiwygViewComponent {
-    classes: _angular_core.InputSignal<string>;
-    /** @ignore */
-    protected wysiwygService: AXWysiwygService;
-    get __hostClass(): string;
-    protected onKeydownHandler(e: any): void;
-    protected editorStateHandler(e: any): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXWysiwygViewComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXWysiwygViewComponent, "ax-wysiwyg-view", never, { "classes": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+declare class AXWysiwygToolbarComponent {
+    toolbar: i0.Signal<ElementRef<HTMLDivElement>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXWysiwygToolbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXWysiwygToolbarComponent, "ax-wysiwyg-toolbar", never, {}, {}, never, ["ax-prefix", "ax-suffix"], true, never>;
 }
 
 /**
@@ -97,24 +83,15 @@ declare class AXWysiwygViewComponent {
  * @category Components
  */
 declare class AXWysiwygAlignmentComponent {
-    /** @ignore */
-    service: AXWysiwygService;
-    /** @ignore */
-    protected alignState: _angular_core.WritableSignal<string>;
-    /** @ignore */
-    protected popoverOption: {
-        openOn: AXPopoverOpenTrigger;
-        closeOn: AXPopoverCloseTrigger;
-        placement: AXPlacement;
-        offsetX: number;
-        offsetY: number;
-    };
-    /** @ignore */
-    constructor();
-    /** @ignore */
-    protected alignStateHandler(e: any): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXWysiwygAlignmentComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXWysiwygAlignmentComponent, "ax-wysiwyg-alignment", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXWysiwygAlignmentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXWysiwygAlignmentComponent, "ax-wysiwyg-alignment", never, {}, {}, never, never, true, never>;
+}
+
+declare class WysiwygService {
+    selectedColor: i0.WritableSignal<string>;
+    selectedBackgroundColor: i0.WritableSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WysiwygService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<WysiwygService>;
 }
 
 /**
@@ -122,36 +99,9 @@ declare class AXWysiwygAlignmentComponent {
  * @category Components
  */
 declare class AXWysiwygColorsComponent {
-    /** @ignore */
-    service: AXWysiwygService;
-    /** @ignore */
-    protected selectedColor: _angular_core.WritableSignal<string>;
-    /** @ignore */
-    protected selectedHighlightColor: _angular_core.WritableSignal<string>;
-    /** @ignore */
-    protected userInteractColor: _angular_core.WritableSignal<boolean>;
-    /** @ignore */
-    protected userInteractHighligh: _angular_core.WritableSignal<boolean>;
-    /** @ignore */
-    protected popoverOption: {
-        openOn: AXPopoverOpenTrigger;
-        closeOn: AXPopoverCloseTrigger;
-        placement: AXPlacement;
-        offsetX: number;
-        offsetY: number;
-    };
-    /** @ignore */
-    constructor();
-    /** @ignore */
-    protected changeColorHandler(e: string): void;
-    /** @ignore */
-    protected changeHighlightColorHandler(e: string): void;
-    /** @ignore */
-    protected initialHighlightHandler(): void;
-    /** @ignore */
-    protected initialColorHandler(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXWysiwygColorsComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXWysiwygColorsComponent, "ax-wysiwyg-colors", never, {}, {}, never, never, true, never>;
+    protected wysiwygService: WysiwygService;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXWysiwygColorsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXWysiwygColorsComponent, "ax-wysiwyg-colors", never, {}, {}, never, never, true, never>;
 }
 
 /**
@@ -159,34 +109,8 @@ declare class AXWysiwygColorsComponent {
  * @category Components
  */
 declare class AXWysiwygFontStyleComponent {
-    /** @ignore */
-    parent: AXWysiwygContainerComponent;
-    /** @ignore */
-    protected boldState: _angular_core.WritableSignal<boolean>;
-    /** @ignore */
-    protected italicState: _angular_core.WritableSignal<boolean>;
-    /** @ignore */
-    protected underLineState: _angular_core.WritableSignal<boolean>;
-    /** @ignore */
-    protected strikeLineState: _angular_core.WritableSignal<boolean>;
-    /** @ignore */
-    protected selectedFont: _angular_core.WritableSignal<string>;
-    /** @ignore */
-    service: AXWysiwygService;
-    /** @ignore */
-    constructor();
-    /** @ignore */
-    protected bold(): void;
-    /** @ignore */
-    protected italic(): void;
-    /** @ignore */
-    protected underLine(): void;
-    /** @ignore */
-    protected strike(): void;
-    /** @ignore */
-    protected fontSizeHandler(e: 'medium' | 'small' | 'large' | 'huge'): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXWysiwygFontStyleComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXWysiwygFontStyleComponent, "ax-wysiwyg-font-style", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXWysiwygFontStyleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXWysiwygFontStyleComponent, "ax-wysiwyg-font-style", never, {}, {}, never, never, true, never>;
 }
 
 /**
@@ -194,14 +118,8 @@ declare class AXWysiwygFontStyleComponent {
  * @category Components
  */
 declare class AXWysiwygHistoryComponent {
-    /** @ignore */
-    service: AXWysiwygService;
-    /** @ignore */
-    protected undo(): void;
-    /** @ignore */
-    protected redo(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXWysiwygHistoryComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXWysiwygHistoryComponent, "ax-wysiwyg-history", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXWysiwygHistoryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXWysiwygHistoryComponent, "ax-wysiwyg-history", never, {}, {}, never, never, true, never>;
 }
 
 /**
@@ -209,29 +127,8 @@ declare class AXWysiwygHistoryComponent {
  * @category Components
  */
 declare class AXWysiwygInsertComponent {
-    #private;
-    /** @ignore */
-    service: AXWysiwygService;
-    protected isCodeActive: _angular_core.WritableSignal<boolean>;
-    /** @ignore */
-    textBoxOptions: {
-        text: string;
-        placeholder: string;
-        size: string;
-    };
-    /** @ignore */
-    protected popoverOption: {
-        openOn: AXPopoverOpenTrigger;
-        closeOn: AXPopoverCloseTrigger;
-        placement: AXPlacement;
-        offsetX: number;
-        offsetY: number;
-    };
-    /** @ignore */
-    protected submitLink(): void;
-    protected codeBlock(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXWysiwygInsertComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXWysiwygInsertComponent, "ax-wysiwyg-insert", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXWysiwygInsertComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXWysiwygInsertComponent, "ax-wysiwyg-insert", never, {}, {}, never, never, true, never>;
 }
 
 /**
@@ -239,24 +136,24 @@ declare class AXWysiwygInsertComponent {
  * @category Components
  */
 declare class AXWysiwygListComponent {
-    /** @ignore */
-    service: AXWysiwygService;
-    /** @ignore */
-    protected listState: _angular_core.WritableSignal<string>;
-    /** @ignore */
-    constructor();
-    /** @ignore */
-    protected orderList(): void;
-    /** @ignore */
-    protected unOrderList(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXWysiwygListComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXWysiwygListComponent, "ax-wysiwyg-list", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXWysiwygListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXWysiwygListComponent, "ax-wysiwyg-list", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * @category Components
+ * A component for viewing WYSIWYG content.
+ */
+declare class AXWysiwygViewComponent {
+    editor: i0.Signal<ElementRef<HTMLDivElement>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXWysiwygViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXWysiwygViewComponent, "ax-wysiwyg-view", never, {}, {}, never, never, true, never>;
 }
 
 declare class AXWysiwygModule {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXWysiwygModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXWysiwygModule, never, [typeof i1.AXButtonModule, typeof i2.AXDecoratorModule, typeof i3.AXSelectBoxModule, typeof i4.FormsModule, typeof i5.AXColorPaletteModule, typeof i6.AXPopoverModule, typeof i7.AXTextBoxModule, typeof AXWysiwygContainerComponent, typeof AXWysiwygViewComponent, typeof AXWysiwygAlignmentComponent, typeof AXWysiwygColorsComponent, typeof AXWysiwygFontStyleComponent, typeof AXWysiwygHistoryComponent, typeof AXWysiwygInsertComponent, typeof AXWysiwygListComponent], [typeof AXWysiwygContainerComponent, typeof AXWysiwygViewComponent, typeof AXWysiwygAlignmentComponent, typeof AXWysiwygColorsComponent, typeof AXWysiwygFontStyleComponent, typeof AXWysiwygHistoryComponent, typeof AXWysiwygInsertComponent, typeof AXWysiwygListComponent]>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXWysiwygModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXWysiwygModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXWysiwygModule, never, [typeof i1.AXButtonModule, typeof i2.AXDecoratorModule, typeof i3.AXSelectBoxModule, typeof i4.FormsModule, typeof i5.AXColorPaletteModule, typeof i6.AXPopoverModule, typeof i7.AXTextBoxModule, typeof AXWysiwygContainerComponent, typeof AXWysiwygViewComponent, typeof AXWysiwygAlignmentComponent, typeof AXWysiwygColorsComponent, typeof AXWysiwygFontStyleComponent, typeof AXWysiwygHistoryComponent, typeof AXWysiwygInsertComponent, typeof AXWysiwygListComponent, typeof AXWysiwygToolbarComponent], [typeof AXWysiwygContainerComponent, typeof AXWysiwygViewComponent, typeof AXWysiwygAlignmentComponent, typeof AXWysiwygColorsComponent, typeof AXWysiwygFontStyleComponent, typeof AXWysiwygHistoryComponent, typeof AXWysiwygInsertComponent, typeof AXWysiwygListComponent, typeof AXWysiwygToolbarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXWysiwygModule>;
 }
 
-export { AXWysiwygAlignmentComponent, AXWysiwygColorsComponent, AXWysiwygContainerComponent, AXWysiwygFontStyleComponent, AXWysiwygHistoryComponent, AXWysiwygInsertComponent, AXWysiwygListComponent, AXWysiwygModule, AXWysiwygViewComponent };
+export { AXWysiwygAlignmentComponent, AXWysiwygColorsComponent, AXWysiwygContainerComponent, AXWysiwygFontStyleComponent, AXWysiwygHistoryComponent, AXWysiwygInsertComponent, AXWysiwygListComponent, AXWysiwygModule, AXWysiwygToolbarComponent, AXWysiwygViewComponent };

package/drawer-2/README.md

@@ -1,3 +0,0 @@
-# @acorex/components/drawer-2
-
-Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/drawer-2`.

package/drawer-2/index.d.ts

@@ -1,62 +0,0 @@
-import { MXBaseComponent, AXClickEvent } from '@acorex/cdk/common';
-import * as _angular_core from '@angular/core';
-import * as i1 from '@acorex/cdk/drawer';
-import { AXDrawerLocation, AXDrawerMode } from '@acorex/cdk/drawer';
-import * as i1$1 from '@angular/common';
-
-/**
- * A container component that organizes and positions drawer components.
- * @category component
- */
-declare class AXDrawer2ContainerComponent extends MXBaseComponent {
-    #private;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXDrawer2ContainerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXDrawer2ContainerComponent, "ax-drawer2-container", never, {}, {}, never, ["ax-drawer2", "ax-content"], true, [{ directive: typeof i1.AXDrawerContainerDirective; inputs: {}; outputs: {}; }]>;
-}
-
-/**
- * A component that represents a drawer with header and content sections.
- *
- * @category Components
- */
-declare class AXDrawer2Component extends MXBaseComponent {
-    #private;
-    readonly location: _angular_core.InputSignal<AXDrawerLocation>;
-    readonly showBackdrop: _angular_core.InputSignal<boolean>;
-    readonly mode: _angular_core.InputSignal<AXDrawerMode>;
-    readonly transition: _angular_core.InputSignal<number>;
-    readonly closeOnBackdropClick: _angular_core.InputSignal<boolean>;
-    readonly backdropClass: _angular_core.InputSignal<string>;
-    readonly collapsed: _angular_core.InputSignal<boolean>;
-    onBackdropClick: _angular_core.OutputEmitterRef<AXClickEvent>;
-    collapsedStateChanged: _angular_core.OutputEmitterRef<boolean>;
-    private drawerItem;
-    /**
-     * Toggles the drawer state between open and closed.
-     *
-     * @returns void - No return value. The drawer state is toggled.
-     */
-    toggle(): void;
-    /**
-     * Closes the drawer.
-     *
-     * @returns void - No return value. The drawer is collapsed.
-     */
-    close(): void;
-    /**
-     * Opens the drawer.
-     *
-     * @returns void - No return value. The drawer is expanded.
-     */
-    open(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXDrawer2Component, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXDrawer2Component, "ax-drawer2", never, { "location": { "alias": "location"; "required": false; "isSignal": true; }; "showBackdrop": { "alias": "showBackdrop"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "transition": { "alias": "transition"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "backdropClass": { "alias": "backdropClass"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; }, { "onBackdropClick": "onBackdropClick"; "collapsedStateChanged": "collapsedStateChanged"; }, never, ["ax-header", "ax-content"], true, [{ directive: typeof i1.AXDrawerItemDirective; inputs: {}; outputs: {}; }]>;
-}
-
-declare class AXDrawer2Module {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXDrawer2Module, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXDrawer2Module, never, [typeof i1$1.CommonModule, typeof AXDrawer2Component, typeof AXDrawer2ContainerComponent], [typeof AXDrawer2Component, typeof AXDrawer2ContainerComponent]>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXDrawer2Module>;
-}
-
-export { AXDrawer2Component, AXDrawer2ContainerComponent, AXDrawer2Module };