@acorex/components 18.10.7 → 18.10.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "18.10.7",
+  "version": "18.10.9",
   "peerDependencies": {
     "@angular/common": ">=18.2.0",
     "@angular/core": ">=18.2.0",
@@ -38,11 +38,17 @@
       "esm": "./esm2022/avatar/acorex-components-avatar.mjs",
       "default": "./fesm2022/acorex-components-avatar.mjs"
     },
-    "./alert": {
-      "types": "./alert/index.d.ts",
-      "esm2022": "./esm2022/alert/acorex-components-alert.mjs",
-      "esm": "./esm2022/alert/acorex-components-alert.mjs",
-      "default": "./fesm2022/acorex-components-alert.mjs"
+    "./audio-wave": {
+      "types": "./audio-wave/index.d.ts",
+      "esm2022": "./esm2022/audio-wave/acorex-components-audio-wave.mjs",
+      "esm": "./esm2022/audio-wave/acorex-components-audio-wave.mjs",
+      "default": "./fesm2022/acorex-components-audio-wave.mjs"
+    },
+    "./badge": {
+      "types": "./badge/index.d.ts",
+      "esm2022": "./esm2022/badge/acorex-components-badge.mjs",
+      "esm": "./esm2022/badge/acorex-components-badge.mjs",
+      "default": "./fesm2022/acorex-components-badge.mjs"
     },
     "./bottom-navigation": {
       "types": "./bottom-navigation/index.d.ts",
@@ -56,17 +62,11 @@
       "esm": "./esm2022/breadcrumbs/acorex-components-breadcrumbs.mjs",
       "default": "./fesm2022/acorex-components-breadcrumbs.mjs"
     },
-    "./audio-wave": {
-      "types": "./audio-wave/index.d.ts",
-      "esm2022": "./esm2022/audio-wave/acorex-components-audio-wave.mjs",
-      "esm": "./esm2022/audio-wave/acorex-components-audio-wave.mjs",
-      "default": "./fesm2022/acorex-components-audio-wave.mjs"
-    },
-    "./badge": {
-      "types": "./badge/index.d.ts",
-      "esm2022": "./esm2022/badge/acorex-components-badge.mjs",
-      "esm": "./esm2022/badge/acorex-components-badge.mjs",
-      "default": "./fesm2022/acorex-components-badge.mjs"
+    "./alert": {
+      "types": "./alert/index.d.ts",
+      "esm2022": "./esm2022/alert/acorex-components-alert.mjs",
+      "esm": "./esm2022/alert/acorex-components-alert.mjs",
+      "default": "./fesm2022/acorex-components-alert.mjs"
     },
     "./button": {
       "types": "./button/index.d.ts",
@@ -134,18 +134,18 @@
       "esm": "./esm2022/common/acorex-components-common.mjs",
       "default": "./fesm2022/acorex-components-common.mjs"
     },
-    "./data-pager": {
-      "types": "./data-pager/index.d.ts",
-      "esm2022": "./esm2022/data-pager/acorex-components-data-pager.mjs",
-      "esm": "./esm2022/data-pager/acorex-components-data-pager.mjs",
-      "default": "./fesm2022/acorex-components-data-pager.mjs"
-    },
     "./conversation": {
       "types": "./conversation/index.d.ts",
       "esm2022": "./esm2022/conversation/acorex-components-conversation.mjs",
       "esm": "./esm2022/conversation/acorex-components-conversation.mjs",
       "default": "./fesm2022/acorex-components-conversation.mjs"
     },
+    "./data-pager": {
+      "types": "./data-pager/index.d.ts",
+      "esm2022": "./esm2022/data-pager/acorex-components-data-pager.mjs",
+      "esm": "./esm2022/data-pager/acorex-components-data-pager.mjs",
+      "default": "./fesm2022/acorex-components-data-pager.mjs"
+    },
     "./data-table": {
       "types": "./data-table/index.d.ts",
       "esm2022": "./esm2022/data-table/acorex-components-data-table.mjs",
@@ -194,18 +194,18 @@
       "esm": "./esm2022/dropdown/acorex-components-dropdown.mjs",
       "default": "./fesm2022/acorex-components-dropdown.mjs"
     },
-    "./form": {
-      "types": "./form/index.d.ts",
-      "esm2022": "./esm2022/form/acorex-components-form.mjs",
-      "esm": "./esm2022/form/acorex-components-form.mjs",
-      "default": "./fesm2022/acorex-components-form.mjs"
-    },
     "./dropdown-button": {
       "types": "./dropdown-button/index.d.ts",
       "esm2022": "./esm2022/dropdown-button/acorex-components-dropdown-button.mjs",
       "esm": "./esm2022/dropdown-button/acorex-components-dropdown-button.mjs",
       "default": "./fesm2022/acorex-components-dropdown-button.mjs"
     },
+    "./form": {
+      "types": "./form/index.d.ts",
+      "esm2022": "./esm2022/form/acorex-components-form.mjs",
+      "esm": "./esm2022/form/acorex-components-form.mjs",
+      "default": "./fesm2022/acorex-components-form.mjs"
+    },
     "./image": {
       "types": "./image/index.d.ts",
       "esm2022": "./esm2022/image/acorex-components-image.mjs",
@@ -218,18 +218,18 @@
       "esm": "./esm2022/label/acorex-components-label.mjs",
       "default": "./fesm2022/acorex-components-label.mjs"
     },
-    "./loading": {
-      "types": "./loading/index.d.ts",
-      "esm2022": "./esm2022/loading/acorex-components-loading.mjs",
-      "esm": "./esm2022/loading/acorex-components-loading.mjs",
-      "default": "./fesm2022/acorex-components-loading.mjs"
-    },
     "./list": {
       "types": "./list/index.d.ts",
       "esm2022": "./esm2022/list/acorex-components-list.mjs",
       "esm": "./esm2022/list/acorex-components-list.mjs",
       "default": "./fesm2022/acorex-components-list.mjs"
     },
+    "./loading": {
+      "types": "./loading/index.d.ts",
+      "esm2022": "./esm2022/loading/acorex-components-loading.mjs",
+      "esm": "./esm2022/loading/acorex-components-loading.mjs",
+      "default": "./fesm2022/acorex-components-loading.mjs"
+    },
     "./loading-dialog": {
       "types": "./loading-dialog/index.d.ts",
       "esm2022": "./esm2022/loading-dialog/acorex-components-loading-dialog.mjs",

package/range-slider/lib/range-slider.component.d.ts

@@ -7,70 +7,96 @@ declare const AXRangeSliderComponent_base: import("polytype").Polytype.Clustered
     ɵprov: import("@angular/core").ɵɵInjectableDeclaration<MXValueComponent<any>>;
 }]>;
 /**
- * @category
- * Range slider for selecting a range of values.
+ * @description
+ * A range slider for selecting a range of values, supporting both single and dual modes.
+ * The slider offers step, snap, and tooltip configurations.
+ *
+ * @example
+ * <ax-range-slider [min]="0" [max]="100" [step]="1" [mode]="'dual'"></ax-range-slider>
  */
 export declare class AXRangeSliderComponent extends AXRangeSliderComponent_base {
-    /**
-     * @ignore
-     */
     private zone;
     /**
-     * @description orientation including vertical and horizontal
+     * @description
+     * The orientation of the slider, either 'horizontal' or 'vertical'.
+     * @default 'horizontal'
      */
     orientation: import("@angular/core").InputSignal<AXOrientation>;
     /**
-     * @description color for highlight and tooltip and handler
+     * @description
+     * Color theme for the slider, affecting highlight, tooltip, and handler.
+     * @default 'primary'
      */
     color: import("@angular/core").InputSignal<AXStyleColorType>;
     /**
-     * @description values is a number single mode
-     * and array of 2 number for dual mode
+     * @description
+     * The value(s) of the slider. Can be a single number for single mode or an array of two numbers for dual mode.
      */
     values: import("@angular/core").ModelSignal<AXRangeSliderValue>;
     /**
-     * @description mode including single and dual
+     * @description
+     * The mode of the slider, either 'single' or 'dual'.
+     * @default 'single'
      */
     mode: import("@angular/core").InputSignal<AXRangeSliderMode>;
     /**
-     * @description minimum value
+     * @description
+     * The minimum value of the slider.
+     * @default 0
      */
     min: import("@angular/core").InputSignal<number>;
     /**
-     * @description maximum value
+     * @description
+     * The maximum value of the slider.
+     * @default 100
      */
     max: import("@angular/core").InputSignal<number>;
     /**
-     * @description step for changing values
+     * @description
+     * The step increment for value changes.
+     * @default 1
      */
     step: import("@angular/core").InputSignal<number>;
     /**
-     * @description act as ruler for range slider,
-     * its range of showing to user
+     * @description
+     * The snapping increment for the slider.
+     * @default 1
      */
     snap: import("@angular/core").InputSignal<number>;
     /**
-     * @description tooltip for showing value of handlers
+     * @description
+     * Mode for displaying tooltips, can be at the start, end, or both.
+     * @default 'end'
      */
     tooltipMode: import("@angular/core").InputSignal<AXRangeSliderTooltipMode>;
     /**
-     * @description deferent modes for snap including start, end and both
+     * @description
+     * Mode for snapping, can snap at the start, end, or both.
+     * @default 'start'
      */
     snapMode: import("@angular/core").InputSignal<AXRangeSliderSnapMode>;
     /**
-     * @description a flag for having step
+     * @description
+     * Whether the slider should have steps.
+     * @default true
      */
     hasStep: import("@angular/core").InputSignal<boolean>;
     /**
-     * @description a flag for showing snap
+     * @description
+     * Whether the slider should display snapping.
+     * @default false
      */
     hasSnap: import("@angular/core").InputSignal<boolean>;
     /**
-     * @description a flag for showing snap labels
+     * @description
+     * Whether the slider should display labels for snapping points.
+     * @default Value derived from `hasSnap()`
      */
     hasLable: import("@angular/core").InputSignal<boolean>;
     /**
-     * @description a flag for showing tooltip for values
+     * @description
+     * Whether the slider should display tooltips.
+     * @default false
      */
     hasTooltip: import("@angular/core").InputSignal<boolean>;
     /**

package/rate-picker/lib/rate-picker.component.d.ts

@@ -2,50 +2,108 @@ import { MXValueComponent } from '@acorex/components/common';
 import { ElementRef, Renderer2 } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * A component for selecting a rating using star icons.
+ * @description
+ * The `AXRatePickerComponent` provides a customizable rating picker.
+ * The component allows users to select a rating between 0 and the defined maximum.
+ * It supports transitions, dynamic value changes, and hover states.
  *
- * This component allows users to pick a rating by clicking or dragging over star icons.
- * It supports rounding options and manages the rating state internally.
+ * @example
+ * <ax-rate-picker [max]="5" [readonly]="false" [disabled]="false"></ax-rate-picker>
  */
 export declare class AXRatePickerComponent extends MXValueComponent<number> {
-    /** The icon name to use for stars (e.g., 'fa-star'). */
+    /**
+     * @description
+     * The icon to be used for each rating point.
+     * @default 'fa-star'
+     */
     iconName: import("@angular/core").InputSignal<string>;
-    /** The maximum rating value (e.g., 5 stars). */
+    /**
+     * @description
+     * Maximum value for the rating.
+     * Defines how many rating points are available.
+     * @default 5
+     */
     max: import("@angular/core").InputSignal<number>;
-    /** Determines if the rating should be rounded to the nearest integer. */
-    isRound: import("@angular/core").InputSignal<boolean>;
-    /** choosing to have css transition for unchanging value after hover. */
+    /**
+     * @description
+     * Defines the step increment between rating values.
+     * The rating value will be rounded to the nearest multiple of this step.
+     * @default 0.01
+     */
+    step: import("@angular/core").InputSignal<number>;
+    /**
+     * @description
+     * Whether the rating should have a transition effect when changing values.
+     * @default true
+     */
     hasTransition: import("@angular/core").InputSignal<boolean>;
-    /** The percentage of the current rating value relative to the maximum rating. */
+    /**
+     * @description
+     * The percentage of the current rating value relative to the maximum rating.
+     */
     protected ratePercentage: import("@angular/core").Signal<number>;
-    /** The current rating value as a signal. */
+    /**
+     * @description
+     * The current rating value as a signal.
+     */
     private currentValue;
-    /** State for tracking hover status and previous value. */
+    /**
+     * @description
+     * State for tracking hover status and previous value.
+     */
     private prevState;
-    /** Reference to the container element. */
+    /**
+     * @description
+     * Reference to the container element.
+     */
     containerEl: import("@angular/core").Signal<ElementRef<any>>;
-    /** Reference to the rating element. */
+    /**
+     * @description
+     * Reference to the rating element.
+     */
     ratingEl: import("@angular/core").Signal<ElementRef<any>>;
-    /** Renderer for manipulating styles. */
+    /**
+     * @description
+     * Renderer for manipulating styles.
+     */
     renderer: Renderer2;
-    /** Array of rating values from 1 to `max`. */
+    /**
+     * @description
+     * Array of rating values from 1 to `max`.
+     */
     protected rates: import("@angular/core").Signal<number[]>;
     /**
+     * @description
      * Initializes the component and sets up value change subscription.
      */
     constructor();
     /**
+     * @description
      * Calculates and updates the rating based on the mouse or touch event.
      *
      * @param event - The mouse or touch event triggering the rating calculation.
      */
     protected calculateRate(event: MouseEvent | TouchEvent): void;
     /**
+     * @description
+     * Rounds the rating value to the nearest step.
+     *
+     * @param percentage - The calculated percentage from pointer event.
+     * @returns The rounded rating value.
+     */
+    private roundToStep;
+    /**
+     * @description
      * Handles mouse enter events to start tracking mouse movements for rating.
      */
     protected mouseEnter(): void;
+    /**
+     * @description
+     * Handles mouse leave events to reset styles.
+     */
     mouseLeave(): void;
     /**
+     * @description
      * Cleans up event listeners and restores the previous rating value.
      *
      * @param moveListener - The function to remove for mouse move events.
@@ -53,17 +111,20 @@ export declare class AXRatePickerComponent extends MXValueComponent<number> {
      */
     private onEnd;
     /**
+     * @description
      * Determines if the component is active (i.e., not readonly or disabled).
      */
     get isActive(): boolean;
     /**
+     * @description
      * Determines if the component is in readonly mode.
      */
     get isReadonly(): boolean;
     /**
+     * @description
      * Determines if the component is disabled.
      */
     get isDisabled(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXRatePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXRatePickerComponent, "ax-rate-picker", never, { "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "isRound": { "alias": "isRound"; "required": false; "isSignal": true; }; "hasTransition": { "alias": "hasTransition"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXRatePickerComponent, "ax-rate-picker", never, { "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "hasTransition": { "alias": "hasTransition"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/side-menu/lib/side-menu-item/side-menu-item.compoent.d.ts

@@ -18,6 +18,7 @@ export declare class AXSideMenuItemComponent extends AXSideMenuItemComponent_bas
     toggle(): void;
     open(): void;
     close(): void;
+    private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSideMenuItemComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXSideMenuItemComponent, "ax-side-menu-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; }, { "isLoading": "isLoadingChange"; "text": "textChange"; "isCollapsed": "isCollapsedChange"; "active": "activeChange"; "onClick": "onClick"; }, never, ["ax-title", "ax-prefix", "*", "ax-suffix", "ax-side-menu-item, ng-container", "ax-divider"], false, never>;
 }