@acorex/components 20.2.20 → 20.2.22

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@acorex/components",
-  "version": "20.2.20",
+  "version": "20.2.22",
   "peerDependencies": {
-    "@acorex/core": "20.2.20",
-    "@acorex/cdk": "20.2.20",
+    "@acorex/core": "20.2.22",
+    "@acorex/cdk": "20.2.22",
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0",
     "@angular/cdk": "^20.0.0",
@@ -35,7 +35,15 @@
     "@codemirror/lang-sass": "^6.0.2",
     "@codemirror/theme-one-dark": "^6.1.0",
     "prettier": ">=3.0.0",
-    "@editorjs/editorjs": "^2.31.0"
+    "@editorjs/code": "^2.9.3",
+    "@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/simple-image": "^1.6.0",
+    "@editorjs/underline": "^1.2.1",
+    "editorjs-text-color-plugin": "^2.0.3"
   },
   "peerDependenciesMeta": {
     "prettier": {
@@ -60,6 +68,10 @@
       "types": "./accordion/index.d.ts",
       "default": "./fesm2022/acorex-components-accordion.mjs"
     },
+    "./action-sheet": {
+      "types": "./action-sheet/index.d.ts",
+      "default": "./fesm2022/acorex-components-action-sheet.mjs"
+    },
     "./alert": {
       "types": "./alert/index.d.ts",
       "default": "./fesm2022/acorex-components-alert.mjs"
@@ -72,10 +84,6 @@
       "types": "./audio-wave/index.d.ts",
       "default": "./fesm2022/acorex-components-audio-wave.mjs"
     },
-    "./action-sheet": {
-      "types": "./action-sheet/index.d.ts",
-      "default": "./fesm2022/acorex-components-action-sheet.mjs"
-    },
     "./autocomplete": {
       "types": "./autocomplete/index.d.ts",
       "default": "./fesm2022/acorex-components-autocomplete.mjs"
@@ -160,14 +168,14 @@
       "types": "./data-pager/index.d.ts",
       "default": "./fesm2022/acorex-components-data-pager.mjs"
     },
-    "./datetime-box": {
-      "types": "./datetime-box/index.d.ts",
-      "default": "./fesm2022/acorex-components-datetime-box.mjs"
-    },
     "./data-table": {
       "types": "./data-table/index.d.ts",
       "default": "./fesm2022/acorex-components-data-table.mjs"
     },
+    "./datetime-box": {
+      "types": "./datetime-box/index.d.ts",
+      "default": "./fesm2022/acorex-components-datetime-box.mjs"
+    },
     "./datetime-input": {
       "types": "./datetime-input/index.d.ts",
       "default": "./fesm2022/acorex-components-datetime-input.mjs"
@@ -188,9 +196,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",
@@ -256,14 +264,14 @@
       "types": "./loading-dialog/index.d.ts",
       "default": "./fesm2022/acorex-components-loading-dialog.mjs"
     },
-    "./media-viewer": {
-      "types": "./media-viewer/index.d.ts",
-      "default": "./fesm2022/acorex-components-media-viewer.mjs"
-    },
     "./map": {
       "types": "./map/index.d.ts",
       "default": "./fesm2022/acorex-components-map.mjs"
     },
+    "./media-viewer": {
+      "types": "./media-viewer/index.d.ts",
+      "default": "./fesm2022/acorex-components-media-viewer.mjs"
+    },
     "./menu": {
       "types": "./menu/index.d.ts",
       "default": "./fesm2022/acorex-components-menu.mjs"
@@ -284,22 +292,22 @@
       "types": "./number-box/index.d.ts",
       "default": "./fesm2022/acorex-components-number-box.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",
       "default": "./fesm2022/acorex-components-otp.mjs"
     },
-    "./number-box-2": {
-      "types": "./number-box-2/index.d.ts",
-      "default": "./fesm2022/acorex-components-number-box-2.mjs"
+    "./page": {
+      "types": "./page/index.d.ts",
+      "default": "./fesm2022/acorex-components-page.mjs"
     },
     "./paint": {
       "types": "./paint/index.d.ts",
       "default": "./fesm2022/acorex-components-paint.mjs"
     },
-    "./page": {
-      "types": "./page/index.d.ts",
-      "default": "./fesm2022/acorex-components-page.mjs"
-    },
     "./password-box": {
       "types": "./password-box/index.d.ts",
       "default": "./fesm2022/acorex-components-password-box.mjs"
@@ -308,14 +316,14 @@
       "types": "./pdf-reader/index.d.ts",
       "default": "./fesm2022/acorex-components-pdf-reader.mjs"
     },
-    "./picker": {
-      "types": "./picker/index.d.ts",
-      "default": "./fesm2022/acorex-components-picker.mjs"
-    },
     "./phone-box": {
       "types": "./phone-box/index.d.ts",
       "default": "./fesm2022/acorex-components-phone-box.mjs"
     },
+    "./picker": {
+      "types": "./picker/index.d.ts",
+      "default": "./fesm2022/acorex-components-picker.mjs"
+    },
     "./popover": {
       "types": "./popover/index.d.ts",
       "default": "./fesm2022/acorex-components-popover.mjs"
@@ -352,22 +360,22 @@
       "types": "./rate-picker/index.d.ts",
       "default": "./fesm2022/acorex-components-rate-picker.mjs"
     },
-    "./result": {
-      "types": "./result/index.d.ts",
-      "default": "./fesm2022/acorex-components-result.mjs"
-    },
     "./rest-api-generator": {
       "types": "./rest-api-generator/index.d.ts",
       "default": "./fesm2022/acorex-components-rest-api-generator.mjs"
     },
-    "./rrule": {
-      "types": "./rrule/index.d.ts",
-      "default": "./fesm2022/acorex-components-rrule.mjs"
+    "./result": {
+      "types": "./result/index.d.ts",
+      "default": "./fesm2022/acorex-components-result.mjs"
     },
     "./routing-progress": {
       "types": "./routing-progress/index.d.ts",
       "default": "./fesm2022/acorex-components-routing-progress.mjs"
     },
+    "./rrule": {
+      "types": "./rrule/index.d.ts",
+      "default": "./fesm2022/acorex-components-rrule.mjs"
+    },
     "./scheduler": {
       "types": "./scheduler/index.d.ts",
       "default": "./fesm2022/acorex-components-scheduler.mjs"
@@ -392,14 +400,14 @@
       "types": "./selection-list-2/index.d.ts",
       "default": "./fesm2022/acorex-components-selection-list-2.mjs"
     },
-    "./skeleton": {
-      "types": "./skeleton/index.d.ts",
-      "default": "./fesm2022/acorex-components-skeleton.mjs"
-    },
     "./side-menu": {
       "types": "./side-menu/index.d.ts",
       "default": "./fesm2022/acorex-components-side-menu.mjs"
     },
+    "./skeleton": {
+      "types": "./skeleton/index.d.ts",
+      "default": "./fesm2022/acorex-components-skeleton.mjs"
+    },
     "./slider": {
       "types": "./slider/index.d.ts",
       "default": "./fesm2022/acorex-components-slider.mjs"
@@ -444,14 +452,14 @@
       "types": "./time-line/index.d.ts",
       "default": "./fesm2022/acorex-components-time-line.mjs"
     },
-    "./toolbar": {
-      "types": "./toolbar/index.d.ts",
-      "default": "./fesm2022/acorex-components-toolbar.mjs"
-    },
     "./toast": {
       "types": "./toast/index.d.ts",
       "default": "./fesm2022/acorex-components-toast.mjs"
     },
+    "./toolbar": {
+      "types": "./toolbar/index.d.ts",
+      "default": "./fesm2022/acorex-components-toolbar.mjs"
+    },
     "./tooltip": {
       "types": "./tooltip/index.d.ts",
       "default": "./fesm2022/acorex-components-tooltip.mjs"
@@ -460,14 +468,14 @@
       "types": "./tree-view/index.d.ts",
       "default": "./fesm2022/acorex-components-tree-view.mjs"
     },
-    "./video-player": {
-      "types": "./video-player/index.d.ts",
-      "default": "./fesm2022/acorex-components-video-player.mjs"
-    },
     "./uploader": {
       "types": "./uploader/index.d.ts",
       "default": "./fesm2022/acorex-components-uploader.mjs"
     },
+    "./video-player": {
+      "types": "./video-player/index.d.ts",
+      "default": "./fesm2022/acorex-components-video-player.mjs"
+    },
     "./wysiwyg": {
       "types": "./wysiwyg/index.d.ts",
       "default": "./fesm2022/acorex-components-wysiwyg.mjs"

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/tag/index.d.ts

@@ -1,5 +1,5 @@
-import { MXColorLookComponent } from '@acorex/cdk/common';
 import * as i0 from '@angular/core';
+import { MXColorLookComponent, AXClickEvent } from '@acorex/cdk/common';
 import * as i1 from '@angular/common';
 
 /**
@@ -11,10 +11,16 @@ declare class AXTagComponent extends MXColorLookComponent {
      * Represents the text content to be displayed or used within the component.
      */
     text: string;
+    onClick: i0.OutputEmitterRef<AXClickEvent>;
+    onDblClick: i0.OutputEmitterRef<AXClickEvent>;
+    onContextMenu: i0.OutputEmitterRef<AXClickEvent>;
     /** @ignore */
     private get __hostClass();
+    private hostClickListener;
+    private hostDblClickListener;
+    private hostContextMenuListener;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTagComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXTagComponent, "ax-tag", never, { "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "text": { "alias": "text"; "required": false; }; }, {}, never, ["ax-prefix", "ax-suffix"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTagComponent, "ax-tag", never, { "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "text": { "alias": "text"; "required": false; }; }, { "onClick": "onClick"; "onDblClick": "onDblClick"; "onContextMenu": "onContextMenu"; }, never, ["ax-prefix", "ax-suffix"], true, never>;
 }
 
 declare class AXTagModule {

package/tag-box/index.d.ts

@@ -1,7 +1,7 @@
 import * as polytype from 'polytype';
 import * as _angular_core from '@angular/core';
-import { OnInit } from '@angular/core';
-import { MXInputBaseValueComponent, MXLookComponent, AXAutocompleteParentComponent } from '@acorex/cdk/common';
+import { OnInit, TemplateRef } from '@angular/core';
+import { MXInputBaseValueComponent, MXLookComponent, AXAutocompleteParentComponent, AXClickEvent } from '@acorex/cdk/common';
 import { AXUnsubscriber } from '@acorex/core/utils';
 
 declare const AXTagBoxComponent_base: polytype.Polytype.ClusteredConstructor<[{
@@ -21,6 +21,10 @@ declare class AXTagBoxComponent extends AXTagBoxComponent_base implements OnInit
     textField: _angular_core.InputSignal<string>;
     readonlyField: _angular_core.InputSignal<string>;
     allowDuplicateValues: _angular_core.InputSignal<boolean>;
+    tagTemplate: _angular_core.InputSignal<TemplateRef<unknown>>;
+    onTagClick: _angular_core.OutputEmitterRef<AXClickEvent>;
+    onTagDblClick: _angular_core.OutputEmitterRef<AXClickEvent>;
+    onTagContextMenu: _angular_core.OutputEmitterRef<AXClickEvent>;
     inputValue: _angular_core.WritableSignal<string>;
     ngOnInit(): void;
     /**
@@ -46,7 +50,7 @@ declare class AXTagBoxComponent extends AXTagBoxComponent_base implements OnInit
     protected internalSetValue(value: unknown): unknown[];
     private get __hostName();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXTagBoxComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXTagBoxComponent, "ax-tag-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "type": { "alias": "type"; "required": false; }; "look": { "alias": "look"; "required": false; }; "addOnComma": { "alias": "addOnComma"; "required": false; "isSignal": true; }; "addOnEnter": { "alias": "addOnEnter"; "required": false; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; "textField": { "alias": "textField"; "required": false; "isSignal": true; }; "readonlyField": { "alias": "readonlyField"; "required": false; "isSignal": true; }; "allowDuplicateValues": { "alias": "allowDuplicateValues"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-autocomplete", "ax-validation-rule"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXTagBoxComponent, "ax-tag-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "type": { "alias": "type"; "required": false; }; "look": { "alias": "look"; "required": false; }; "addOnComma": { "alias": "addOnComma"; "required": false; "isSignal": true; }; "addOnEnter": { "alias": "addOnEnter"; "required": false; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; "textField": { "alias": "textField"; "required": false; "isSignal": true; }; "readonlyField": { "alias": "readonlyField"; "required": false; "isSignal": true; }; "allowDuplicateValues": { "alias": "allowDuplicateValues"; "required": false; "isSignal": true; }; "tagTemplate": { "alias": "tagTemplate"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; "onTagClick": "onTagClick"; "onTagDblClick": "onTagDblClick"; "onTagContextMenu": "onTagContextMenu"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-autocomplete", "ax-validation-rule"], true, never>;
 }
 
 declare class AXTagBoxModule {

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 };

package/fesm2022/acorex-components-drawer-2.mjs

@@ -1,134 +0,0 @@
-import { MXBaseComponent, AXComponent, AXClosableComponent } from '@acorex/cdk/common';
-import * as i1 from '@acorex/cdk/drawer';
-import { AXDrawerContainerDirective, AXDrawerItemDirective } from '@acorex/cdk/drawer';
-import * as i0 from '@angular/core';
-import { afterNextRender, ViewEncapsulation, ChangeDetectionStrategy, Component, input, output, inject, effect, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-/**
- * A container component that organizes and positions drawer components.
- * @category component
- */
-class AXDrawer2ContainerComponent extends MXBaseComponent {
-    #init = afterNextRender(() => {
-        const host = this.getHostElement();
-        Array.from(host.querySelectorAll(`ax-drawer2`)).map((c) => c['__axContext__']);
-    });
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: AXDrawer2ContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: AXDrawer2ContainerComponent, isStandalone: true, selector: "ax-drawer2-container", providers: [{ provide: AXComponent, useExisting: AXDrawer2ContainerComponent }], usesInheritance: true, hostDirectives: [{ directive: i1.AXDrawerContainerDirective }], ngImport: i0, template: `
-    <ng-content select="ax-drawer2"> </ng-content>
-    <ng-content select="ax-content"> </ng-content>
-  `, isInline: true, styles: ["ax-drawer2-container{width:100%;height:100%;z-index:10}ax-drawer2-container>ax-content{height:100%;flex:1 1 0%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: AXDrawer2ContainerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-drawer2-container', template: `
-    <ng-content select="ax-drawer2"> </ng-content>
-    <ng-content select="ax-content"> </ng-content>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXDrawer2ContainerComponent }], hostDirectives: [AXDrawerContainerDirective], styles: ["ax-drawer2-container{width:100%;height:100%;z-index:10}ax-drawer2-container>ax-content{height:100%;flex:1 1 0%}\n"] }]
-        }] });
-
-/**
- * A component that represents a drawer with header and content sections.
- *
- * @category Components
- */
-class AXDrawer2Component extends MXBaseComponent {
-    constructor() {
-        super(...arguments);
-        this.location = input('start', ...(ngDevMode ? [{ debugName: "location" }] : []));
-        this.showBackdrop = input(true, ...(ngDevMode ? [{ debugName: "showBackdrop" }] : []));
-        this.mode = input('overlay', ...(ngDevMode ? [{ debugName: "mode" }] : []));
-        this.transition = input(100, ...(ngDevMode ? [{ debugName: "transition" }] : []));
-        this.closeOnBackdropClick = input(true, ...(ngDevMode ? [{ debugName: "closeOnBackdropClick" }] : []));
-        this.backdropClass = input('ax-bg-black/45', ...(ngDevMode ? [{ debugName: "backdropClass" }] : []));
-        this.collapsed = input(true, ...(ngDevMode ? [{ debugName: "collapsed" }] : []));
-        this.onBackdropClick = output();
-        this.collapsedStateChanged = output();
-        this.drawerItem = inject(AXDrawerItemDirective);
-        this.#eff = effect(() => {
-            this.drawerItem.mode.set(this.mode());
-            this.drawerItem.transition.set(this.transition());
-            this.drawerItem.backdropClass.set(this.backdropClass());
-            this.drawerItem.closeOnBackdropClick.set(this.closeOnBackdropClick());
-            this.drawerItem.location.set(this.location());
-            this.drawerItem.backDrop.set(this.showBackdrop());
-            this.drawerItem.collapsed.set(this.collapsed());
-        }, ...(ngDevMode ? [{ debugName: "#eff" }] : []));
-        this.#init = afterNextRender(() => {
-            this.drawerItem.onBackdropClick.subscribe((event) => {
-                this.onBackdropClick.emit({ nativeEvent: event, component: this });
-            });
-            this.drawerItem.collapseStateChanged.subscribe((event) => {
-                this.collapsedStateChanged.emit(event);
-            });
-        });
-    }
-    #eff;
-    #init;
-    /**
-     * Toggles the drawer state between open and closed.
-     *
-     * @returns void - No return value. The drawer state is toggled.
-     */
-    toggle() {
-        this.drawerItem.toggle();
-    }
-    /**
-     * Closes the drawer.
-     *
-     * @returns void - No return value. The drawer is collapsed.
-     */
-    close() {
-        this.drawerItem.hide();
-    }
-    /**
-     * Opens the drawer.
-     *
-     * @returns void - No return value. The drawer is expanded.
-     */
-    open() {
-        this.drawerItem.show();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: AXDrawer2Component, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.6", type: AXDrawer2Component, isStandalone: true, selector: "ax-drawer2", inputs: { location: { classPropertyName: "location", publicName: "location", isSignal: true, isRequired: false, transformFunction: null }, showBackdrop: { classPropertyName: "showBackdrop", publicName: "showBackdrop", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, transition: { classPropertyName: "transition", publicName: "transition", isSignal: true, isRequired: false, transformFunction: null }, closeOnBackdropClick: { classPropertyName: "closeOnBackdropClick", publicName: "closeOnBackdropClick", isSignal: true, isRequired: false, transformFunction: null }, backdropClass: { classPropertyName: "backdropClass", publicName: "backdropClass", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onBackdropClick: "onBackdropClick", collapsedStateChanged: "collapsedStateChanged" }, providers: [
-            { provide: AXComponent, useExisting: AXDrawer2Component },
-            { provide: AXClosableComponent, useExisting: AXDrawer2Component },
-        ], usesInheritance: true, hostDirectives: [{ directive: i1.AXDrawerItemDirective }], ngImport: i0, template: `
-    <ng-content select="ax-header"></ng-content>
-    <ng-content select="ax-content"></ng-content>
-  `, isInline: true, styles: ["ax-drawer2>ax-content{flex:1 1 0%;width:100%;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: AXDrawer2Component, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-drawer2', template: `
-    <ng-content select="ax-header"></ng-content>
-    <ng-content select="ax-content"></ng-content>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
-                        { provide: AXComponent, useExisting: AXDrawer2Component },
-                        { provide: AXClosableComponent, useExisting: AXDrawer2Component },
-                    ], hostDirectives: [AXDrawerItemDirective], styles: ["ax-drawer2>ax-content{flex:1 1 0%;width:100%;height:100%}\n"] }]
-        }], propDecorators: { location: [{ type: i0.Input, args: [{ isSignal: true, alias: "location", required: false }] }], showBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "showBackdrop", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], transition: [{ type: i0.Input, args: [{ isSignal: true, alias: "transition", required: false }] }], closeOnBackdropClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnBackdropClick", required: false }] }], backdropClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "backdropClass", required: false }] }], collapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsed", required: false }] }], onBackdropClick: [{ type: i0.Output, args: ["onBackdropClick"] }], collapsedStateChanged: [{ type: i0.Output, args: ["collapsedStateChanged"] }] } });
-
-const COMPONENT = [AXDrawer2Component, AXDrawer2ContainerComponent];
-const MODULES = [CommonModule];
-class AXDrawer2Module {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: AXDrawer2Module, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.6", ngImport: i0, type: AXDrawer2Module, imports: [CommonModule, AXDrawer2Component, AXDrawer2ContainerComponent], exports: [AXDrawer2Component, AXDrawer2ContainerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: AXDrawer2Module, imports: [MODULES] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: AXDrawer2Module, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [...MODULES, ...COMPONENT],
-                    exports: [...COMPONENT],
-                    providers: [],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AXDrawer2Component, AXDrawer2ContainerComponent, AXDrawer2Module };
-//# sourceMappingURL=acorex-components-drawer-2.mjs.map