@acorex/components 18.10.4 → 18.10.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "18.10.4",
+  "version": "18.10.5",
   "peerDependencies": {
     "@angular/common": ">=18.2.0",
     "@angular/core": ">=18.2.0",
@@ -32,12 +32,6 @@
       "esm": "./esm2022/action-sheet/acorex-components-action-sheet.mjs",
       "default": "./fesm2022/acorex-components-action-sheet.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"
-    },
     "./avatar": {
       "types": "./avatar/index.d.ts",
       "esm2022": "./esm2022/avatar/acorex-components-avatar.mjs",
@@ -50,18 +44,24 @@
       "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"
     },
+    "./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"
+    },
     "./audio-wave": {
       "types": "./audio-wave/index.d.ts",
       "esm2022": "./esm2022/audio-wave/acorex-components-audio-wave.mjs",
@@ -176,18 +176,18 @@
       "esm": "./esm2022/decorators/acorex-components-decorators.mjs",
       "default": "./fesm2022/acorex-components-decorators.mjs"
     },
-    "./dialog": {
-      "types": "./dialog/index.d.ts",
-      "esm2022": "./esm2022/dialog/acorex-components-dialog.mjs",
-      "esm": "./esm2022/dialog/acorex-components-dialog.mjs",
-      "default": "./fesm2022/acorex-components-dialog.mjs"
-    },
     "./drawer": {
       "types": "./drawer/index.d.ts",
       "esm2022": "./esm2022/drawer/acorex-components-drawer.mjs",
       "esm": "./esm2022/drawer/acorex-components-drawer.mjs",
       "default": "./fesm2022/acorex-components-drawer.mjs"
     },
+    "./dialog": {
+      "types": "./dialog/index.d.ts",
+      "esm2022": "./esm2022/dialog/acorex-components-dialog.mjs",
+      "esm": "./esm2022/dialog/acorex-components-dialog.mjs",
+      "default": "./fesm2022/acorex-components-dialog.mjs"
+    },
     "./dropdown": {
       "types": "./dropdown/index.d.ts",
       "esm2022": "./esm2022/dropdown/acorex-components-dropdown.mjs",
@@ -218,24 +218,30 @@
       "esm": "./esm2022/label/acorex-components-label.mjs",
       "default": "./fesm2022/acorex-components-label.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"
     },
+    "./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-dialog": {
       "types": "./loading-dialog/index.d.ts",
       "esm2022": "./esm2022/loading-dialog/acorex-components-loading-dialog.mjs",
       "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",
@@ -338,18 +344,24 @@
       "esm": "./esm2022/radio/acorex-components-radio.mjs",
       "default": "./fesm2022/acorex-components-radio.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"
     },
+    "./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"
+    },
     "./routing-progress": {
       "types": "./routing-progress/index.d.ts",
       "esm2022": "./esm2022/routing-progress/acorex-components-routing-progress.mjs",
@@ -374,18 +386,18 @@
       "esm": "./esm2022/search-box/acorex-components-search-box.mjs",
       "default": "./fesm2022/acorex-components-search-box.mjs"
     },
-    "./select-box": {
-      "types": "./select-box/index.d.ts",
-      "esm2022": "./esm2022/select-box/acorex-components-select-box.mjs",
-      "esm": "./esm2022/select-box/acorex-components-select-box.mjs",
-      "default": "./fesm2022/acorex-components-select-box.mjs"
-    },
     "./selection-list": {
       "types": "./selection-list/index.d.ts",
       "esm2022": "./esm2022/selection-list/acorex-components-selection-list.mjs",
       "esm": "./esm2022/selection-list/acorex-components-selection-list.mjs",
       "default": "./fesm2022/acorex-components-selection-list.mjs"
     },
+    "./select-box": {
+      "types": "./select-box/index.d.ts",
+      "esm2022": "./esm2022/select-box/acorex-components-select-box.mjs",
+      "esm": "./esm2022/select-box/acorex-components-select-box.mjs",
+      "default": "./fesm2022/acorex-components-select-box.mjs"
+    },
     "./side-menu": {
       "types": "./side-menu/index.d.ts",
       "esm2022": "./esm2022/side-menu/acorex-components-side-menu.mjs",
@@ -440,6 +452,12 @@
       "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",
       "esm2022": "./esm2022/toast/acorex-components-toast.mjs",

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,7 @@
+import * as i0 from "@angular/core";
+export declare class AXTimeLineItemComponent {
+    text: import("@angular/core").InputSignal<string>;
+    isCollapsed: import("@angular/core").WritableSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXTimeLineItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTimeLineItemComponent, "ax-time-line-item", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
+}

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

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class AXTimeLineComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXTimeLineComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTimeLineComponent, "ax-time-line", never, {}, {}, 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>;
+}