@acorex/components 20.2.21 → 21.0.0-next.10

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

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

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@acorex/components",
-  "version": "20.2.21",
+  "version": "21.0.0-next.10",
   "peerDependencies": {
-    "@acorex/core": "20.2.21",
-    "@acorex/cdk": "20.2.21",
+    "@acorex/core": "21.0.0-next.10",
+    "@acorex/cdk": "21.0.0-next.10",
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0",
     "@angular/cdk": "^20.0.0",
@@ -84,14 +84,14 @@
       "types": "./audio-wave/index.d.ts",
       "default": "./fesm2022/acorex-components-audio-wave.mjs"
     },
-    "./avatar": {
-      "types": "./avatar/index.d.ts",
-      "default": "./fesm2022/acorex-components-avatar.mjs"
-    },
     "./autocomplete": {
       "types": "./autocomplete/index.d.ts",
       "default": "./fesm2022/acorex-components-autocomplete.mjs"
     },
+    "./avatar": {
+      "types": "./avatar/index.d.ts",
+      "default": "./fesm2022/acorex-components-avatar.mjs"
+    },
     "./badge": {
       "types": "./badge/index.d.ts",
       "default": "./fesm2022/acorex-components-badge.mjs"
@@ -140,14 +140,14 @@
       "types": "./color-box/index.d.ts",
       "default": "./fesm2022/acorex-components-color-box.mjs"
     },
-    "./command": {
-      "types": "./command/index.d.ts",
-      "default": "./fesm2022/acorex-components-command.mjs"
-    },
     "./color-palette": {
       "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"
@@ -196,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",
@@ -292,9 +292,9 @@
       "types": "./number-box/index.d.ts",
       "default": "./fesm2022/acorex-components-number-box.mjs"
     },
-    "./number-box-2": {
-      "types": "./number-box-2/index.d.ts",
-      "default": "./fesm2022/acorex-components-number-box-2.mjs"
+    "./number-box-legacy": {
+      "types": "./number-box-legacy/index.d.ts",
+      "default": "./fesm2022/acorex-components-number-box-legacy.mjs"
     },
     "./otp": {
       "types": "./otp/index.d.ts",
@@ -396,9 +396,9 @@
       "types": "./selection-list/index.d.ts",
       "default": "./fesm2022/acorex-components-selection-list.mjs"
     },
-    "./selection-list-2": {
-      "types": "./selection-list-2/index.d.ts",
-      "default": "./fesm2022/acorex-components-selection-list-2.mjs"
+    "./selection-list-legacy": {
+      "types": "./selection-list-legacy/index.d.ts",
+      "default": "./fesm2022/acorex-components-selection-list-legacy.mjs"
     },
     "./side-menu": {
       "types": "./side-menu/index.d.ts",

package/rrule/index.d.ts

@@ -62,15 +62,15 @@ declare class AXRruleComponent {
     textChange: _angular_core.OutputEmitterRef<string>;
     protected freqs: {
         text: string;
-        value: number;
+        id: number;
     }[];
     protected weekdays: {
         text: string;
-        value: number;
+        id: number;
     }[];
     protected months: {
         text: string;
-        value: number;
+        id: number;
     }[];
     protected timezones: string[];
     protected hours: number[];

package/selection-list/README.md

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

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