@acorex/components 18.10.4 → 18.10.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "18.10.4",
+  "version": "18.10.6",
   "peerDependencies": {
     "@angular/common": ">=18.2.0",
     "@angular/core": ">=18.2.0",
@@ -32,12 +32,24 @@
       "esm": "./esm2022/action-sheet/acorex-components-action-sheet.mjs",
       "default": "./fesm2022/acorex-components-action-sheet.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"
+    },
     "./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"
     },
+    "./breadcrumbs": {
+      "types": "./breadcrumbs/index.d.ts",
+      "esm2022": "./esm2022/breadcrumbs/acorex-components-breadcrumbs.mjs",
+      "esm": "./esm2022/breadcrumbs/acorex-components-breadcrumbs.mjs",
+      "default": "./fesm2022/acorex-components-breadcrumbs.mjs"
+    },
     "./avatar": {
       "types": "./avatar/index.d.ts",
       "esm2022": "./esm2022/avatar/acorex-components-avatar.mjs",
@@ -50,18 +62,6 @@
       "esm": "./esm2022/bottom-navigation/acorex-components-bottom-navigation.mjs",
       "default": "./fesm2022/acorex-components-bottom-navigation.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"
-    },
-    "./breadcrumbs": {
-      "types": "./breadcrumbs/index.d.ts",
-      "esm2022": "./esm2022/breadcrumbs/acorex-components-breadcrumbs.mjs",
-      "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",
@@ -146,18 +146,18 @@
       "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",
-      "esm": "./esm2022/data-table/acorex-components-data-table.mjs",
-      "default": "./fesm2022/acorex-components-data-table.mjs"
-    },
     "./datetime-box": {
       "types": "./datetime-box/index.d.ts",
       "esm2022": "./esm2022/datetime-box/acorex-components-datetime-box.mjs",
       "esm": "./esm2022/datetime-box/acorex-components-datetime-box.mjs",
       "default": "./fesm2022/acorex-components-datetime-box.mjs"
     },
+    "./data-table": {
+      "types": "./data-table/index.d.ts",
+      "esm2022": "./esm2022/data-table/acorex-components-data-table.mjs",
+      "esm": "./esm2022/data-table/acorex-components-data-table.mjs",
+      "default": "./fesm2022/acorex-components-data-table.mjs"
+    },
     "./datetime-input": {
       "types": "./datetime-input/index.d.ts",
       "esm2022": "./esm2022/datetime-input/acorex-components-datetime-input.mjs",
@@ -236,6 +236,12 @@
       "esm": "./esm2022/loading-dialog/acorex-components-loading-dialog.mjs",
       "default": "./fesm2022/acorex-components-loading-dialog.mjs"
     },
+    "./map": {
+      "types": "./map/index.d.ts",
+      "esm2022": "./esm2022/map/acorex-components-map.mjs",
+      "esm": "./esm2022/map/acorex-components-map.mjs",
+      "default": "./fesm2022/acorex-components-map.mjs"
+    },
     "./media-viewer": {
       "types": "./media-viewer/index.d.ts",
       "esm2022": "./esm2022/media-viewer/acorex-components-media-viewer.mjs",
@@ -332,24 +338,30 @@
       "esm": "./esm2022/qrcode/acorex-components-qrcode.mjs",
       "default": "./fesm2022/acorex-components-qrcode.mjs"
     },
+    "./range-slider": {
+      "types": "./range-slider/index.d.ts",
+      "esm2022": "./esm2022/range-slider/acorex-components-range-slider.mjs",
+      "esm": "./esm2022/range-slider/acorex-components-range-slider.mjs",
+      "default": "./fesm2022/acorex-components-range-slider.mjs"
+    },
     "./radio": {
       "types": "./radio/index.d.ts",
       "esm2022": "./esm2022/radio/acorex-components-radio.mjs",
       "esm": "./esm2022/radio/acorex-components-radio.mjs",
       "default": "./fesm2022/acorex-components-radio.mjs"
     },
+    "./rate-picker": {
+      "types": "./rate-picker/index.d.ts",
+      "esm2022": "./esm2022/rate-picker/acorex-components-rate-picker.mjs",
+      "esm": "./esm2022/rate-picker/acorex-components-rate-picker.mjs",
+      "default": "./fesm2022/acorex-components-rate-picker.mjs"
+    },
     "./result": {
       "types": "./result/index.d.ts",
       "esm2022": "./esm2022/result/acorex-components-result.mjs",
       "esm": "./esm2022/result/acorex-components-result.mjs",
       "default": "./fesm2022/acorex-components-result.mjs"
     },
-    "./range-slider": {
-      "types": "./range-slider/index.d.ts",
-      "esm2022": "./esm2022/range-slider/acorex-components-range-slider.mjs",
-      "esm": "./esm2022/range-slider/acorex-components-range-slider.mjs",
-      "default": "./fesm2022/acorex-components-range-slider.mjs"
-    },
     "./routing-progress": {
       "types": "./routing-progress/index.d.ts",
       "esm2022": "./esm2022/routing-progress/acorex-components-routing-progress.mjs",
@@ -428,17 +440,23 @@
       "esm": "./esm2022/tag/acorex-components-tag.mjs",
       "default": "./fesm2022/acorex-components-tag.mjs"
     },
+    "./text-box": {
+      "types": "./text-box/index.d.ts",
+      "esm2022": "./esm2022/text-box/acorex-components-text-box.mjs",
+      "esm": "./esm2022/text-box/acorex-components-text-box.mjs",
+      "default": "./fesm2022/acorex-components-text-box.mjs"
+    },
     "./text-area": {
       "types": "./text-area/index.d.ts",
       "esm2022": "./esm2022/text-area/acorex-components-text-area.mjs",
       "esm": "./esm2022/text-area/acorex-components-text-area.mjs",
       "default": "./fesm2022/acorex-components-text-area.mjs"
     },
-    "./text-box": {
-      "types": "./text-box/index.d.ts",
-      "esm2022": "./esm2022/text-box/acorex-components-text-box.mjs",
-      "esm": "./esm2022/text-box/acorex-components-text-box.mjs",
-      "default": "./fesm2022/acorex-components-text-box.mjs"
+    "./time-line": {
+      "types": "./time-line/index.d.ts",
+      "esm2022": "./esm2022/time-line/acorex-components-time-line.mjs",
+      "esm": "./esm2022/time-line/acorex-components-time-line.mjs",
+      "default": "./fesm2022/acorex-components-time-line.mjs"
     },
     "./toast": {
       "types": "./toast/index.d.ts",

package/rate-picker/README.md

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

package/rate-picker/index.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/rate-picker.component';
+export * from './lib/rate-picker.module';

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

@@ -0,0 +1,27 @@
+/**
+ * Calculates the horizontal position of a pointer event (mouse or touch) as a percentage
+ * of the target element's width.
+ *
+ * @param event - The mouse or touch event to get the pointer position from.
+ * @returns The percentage of the event's position relative to the target element's width,
+ *          or -1 if the event is invalid.
+ *
+ * @remarks
+ * - For `MouseEvent`, it uses the `clientX` property.
+ * - For `TouchEvent`, it uses the `clientX` of the first touch point.
+ * - Returns `-1` if the event is neither a valid `MouseEvent` nor a `TouchEvent`.
+ *
+ * @example
+ * ```typescript
+ * document.addEventListener('click', function(event) {
+ *   const percentage = getPointerPercentage(event);
+ *   console.log(`Click position: ${percentage.toFixed(2)}% of the element's width`);
+ * });
+ *
+ * document.addEventListener('touchstart', function(event) {
+ *   const percentage = getPointerPercentage(event);
+ *   console.log(`Touch position: ${percentage.toFixed(2)}% of the element's width`);
+ * });
+ * ```
+ */
+export declare function getPointerPercentage(event: MouseEvent | TouchEvent): number;

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

@@ -0,0 +1,69 @@
+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.
+ *
+ * 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.
+ */
+export declare class AXRatePickerComponent extends MXValueComponent<number> {
+    /** The icon name to use for stars (e.g., 'fa-star'). */
+    iconName: import("@angular/core").InputSignal<string>;
+    /** The maximum rating value (e.g., 5 stars). */
+    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. */
+    hasTransition: import("@angular/core").InputSignal<boolean>;
+    /** 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. */
+    private currentValue;
+    /** State for tracking hover status and previous value. */
+    private prevState;
+    /** Reference to the container element. */
+    containerEl: import("@angular/core").Signal<ElementRef<any>>;
+    /** Reference to the rating element. */
+    ratingEl: import("@angular/core").Signal<ElementRef<any>>;
+    /** Renderer for manipulating styles. */
+    renderer: Renderer2;
+    /** Array of rating values from 1 to `max`. */
+    protected rates: import("@angular/core").Signal<number[]>;
+    /**
+     * Initializes the component and sets up value change subscription.
+     */
+    constructor();
+    /**
+     * 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;
+    /**
+     * Handles mouse enter events to start tracking mouse movements for rating.
+     */
+    protected mouseEnter(): void;
+    mouseLeave(): void;
+    /**
+     * Cleans up event listeners and restores the previous rating value.
+     *
+     * @param moveListener - The function to remove for mouse move events.
+     * @param endListener - The function to remove for mouse end events.
+     */
+    private onEnd;
+    /**
+     * Determines if the component is active (i.e., not readonly or disabled).
+     */
+    get isActive(): boolean;
+    /**
+     * Determines if the component is in readonly mode.
+     */
+    get isReadonly(): boolean;
+    /**
+     * 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>;
+}

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

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./rate-picker.component";
+import * as i2 from "@angular/common";
+export declare class AXRatePickerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXRatePickerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXRatePickerModule, [typeof i1.AXRatePickerComponent], [typeof i2.CommonModule], [typeof i1.AXRatePickerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXRatePickerModule>;
+}

package/time-line/README.md

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

package/time-line/index.d.ts

@@ -0,0 +1,3 @@
+export * from './lib/time-line-item.component';
+export * from './lib/time-line.component';
+export * from './lib/time-line.module';

package/time-line/lib/time-line-item.component.d.ts

@@ -0,0 +1,14 @@
+import { AXTimeLineComponent, AXTimeLineMode } from './time-line.component';
+import * as i0 from "@angular/core";
+export declare class AXTimeLineItemComponent {
+    parent: AXTimeLineComponent;
+    text: import("@angular/core").InputSignal<string>;
+    isActive: import("@angular/core").InputSignal<boolean>;
+    isCollapsed: import("@angular/core").ModelSignal<boolean>;
+    mode: import("@angular/core").WritableSignal<AXTimeLineMode>;
+    constructor();
+    handleClick(): void;
+    get __hostClass(): string[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXTimeLineItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTimeLineItemComponent, "ax-time-line-item", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "isActive": { "alias": "isActive"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; }, { "isCollapsed": "isCollapsedChange"; }, never, ["ax-icon", "*"], false, never>;
+}

package/time-line/lib/time-line.component.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export type AXTimeLineMode = 'icon' | 'bulet';
+export declare class AXTimeLineComponent {
+    mode: import("@angular/core").InputSignal<AXTimeLineMode>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXTimeLineComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTimeLineComponent, "ax-time-line", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
+}

package/time-line/lib/time-line.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./time-line.component";
+import * as i2 from "./time-line-item.component";
+import * as i3 from "@angular/common";
+export declare class AXTimeLineModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXTimeLineModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXTimeLineModule, [typeof i1.AXTimeLineComponent, typeof i2.AXTimeLineItemComponent], [typeof i3.CommonModule], [typeof i1.AXTimeLineComponent, typeof i2.AXTimeLineItemComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXTimeLineModule>;
+}