@acorex/platform 20.6.0-next.8 → 20.6.0

package/fesm2022/acorex-platform-core.mjs

@@ -2,9 +2,9 @@ import * as i0 from '@angular/core';
 import { InjectionToken, inject, Injectable, computed, input, effect, Directive, EventEmitter, HostListener, Output, ViewContainerRef, ElementRef, Injector, runInInjectionContext, provideAppInitializer, signal, Pipe } from '@angular/core';
 import { signalStore, withState, withComputed, withMethods, patchState } from '@ngrx/signals';
 import { get, isPlainObject, set, isArray, merge, isNil, isObjectLike, transform, isEmpty, isEqual, differenceWith, union, cloneDeep, isUndefined, endsWith, startsWith, includes, lte, gte, lt, gt, orderBy } from 'lodash-es';
-import { Subject, interval } from 'rxjs';
+import { Subject, interval, fromEvent } from 'rxjs';
 import { AXCalendarService } from '@acorex/core/date-time';
-import { startWith, map } from 'rxjs/operators';
+import { startWith, map, debounceTime } from 'rxjs/operators';
 
 const AXP_ACTIVITY_LOG_PROVIDER = new InjectionToken('AXP_ACTIVITY_LOGS_PROVIDER');
 class AXPActivityLogService {
@@ -1492,6 +1492,7 @@ const AXPAppStartUpProvider = provideAppInitializer(() => {
  */
 class AXPStatusProvider {
 }
+//#endregion
 
 //#region ----   Injection Token   ----
 /**
@@ -1607,6 +1608,7 @@ var AXPSystemStatusType;
     AXPSystemStatusType["Completed"] = "completed";
     AXPSystemStatusType["Suspended"] = "suspended";
     AXPSystemStatusType["Failed"] = "failed";
+    AXPSystemStatusType["Review"] = "review";
 })(AXPSystemStatusType || (AXPSystemStatusType = {}));
 const i18n$1 = (key) => `@general:statuses.${key}`;
 /**
@@ -1619,7 +1621,7 @@ const AXPSystemStatuses = Object.freeze({
         name: AXPSystemStatusType.Todo,
         title: i18n$1('todo.title'),
         icon: 'fa-light fa-circle',
-        color: '#6b7280',
+        color: 'secondary',
         description: i18n$1('todo.description'),
         order: 1,
         isActive: true,
@@ -1630,7 +1632,7 @@ const AXPSystemStatuses = Object.freeze({
         name: AXPSystemStatusType.InProgress,
         title: i18n$1('in-progress.title'),
         icon: 'fa-light fa-play',
-        color: '#3b82f6',
+        color: 'info',
         description: i18n$1('in-progress.description'),
         order: 2,
         isActive: true,
@@ -1641,7 +1643,7 @@ const AXPSystemStatuses = Object.freeze({
         name: AXPSystemStatusType.InReview,
         title: i18n$1('in-review.title'),
         icon: 'fa-light fa-eye',
-        color: '#8b5cf6',
+        color: 'info',
         description: i18n$1('in-review.description'),
         order: 3,
         isActive: true,
@@ -1652,7 +1654,7 @@ const AXPSystemStatuses = Object.freeze({
         name: AXPSystemStatusType.Blocked,
         title: i18n$1('blocked.title'),
         icon: 'fa-light fa-ban',
-        color: '#ef4444',
+        color: 'danger',
         description: i18n$1('blocked.description'),
         order: 4,
         isActive: true,
@@ -1663,7 +1665,7 @@ const AXPSystemStatuses = Object.freeze({
         name: AXPSystemStatusType.Done,
         title: i18n$1('done.title'),
         icon: 'fa-light fa-check-circle',
-        color: '#10b981',
+        color: 'success',
         description: i18n$1('done.description'),
         order: 5,
         isActive: true,
@@ -1674,7 +1676,7 @@ const AXPSystemStatuses = Object.freeze({
         name: AXPSystemStatusType.Cancelled,
         title: i18n$1('cancelled.title'),
         icon: 'fa-light fa-times-circle',
-        color: '#64748b',
+        color: 'neutral',
         description: i18n$1('cancelled.description'),
         order: 6,
         isActive: true,
@@ -1685,7 +1687,7 @@ const AXPSystemStatuses = Object.freeze({
         name: AXPSystemStatusType.Draft,
         title: i18n$1('draft.title'),
         icon: 'fa-light fa-file-pen',
-        color: '#6b7280',
+        color: 'neutral',
         description: i18n$1('draft.description'),
         order: 1,
         isActive: true,
@@ -1696,7 +1698,7 @@ const AXPSystemStatuses = Object.freeze({
         name: AXPSystemStatusType.PendingReview,
         title: i18n$1('pending-review.title'),
         icon: 'fa-light fa-clock',
-        color: '#f59e0b',
+        color: 'warning',
         description: i18n$1('pending-review.description'),
         order: 2,
         isActive: true,
@@ -1707,7 +1709,7 @@ const AXPSystemStatuses = Object.freeze({
         name: AXPSystemStatusType.Approved,
         title: i18n$1('approved.title'),
         icon: 'fa-light fa-check-circle',
-        color: '#10b981',
+        color: 'success',
         description: i18n$1('approved.description'),
         order: 3,
         isActive: true,
@@ -1718,7 +1720,7 @@ const AXPSystemStatuses = Object.freeze({
         name: AXPSystemStatusType.Published,
         title: i18n$1('published.title'),
         icon: 'fa-light fa-globe',
-        color: '#3b82f6',
+        color: 'primary',
         description: i18n$1('published.description'),
         order: 4,
         isActive: true,
@@ -1729,7 +1731,7 @@ const AXPSystemStatuses = Object.freeze({
         name: AXPSystemStatusType.Archived,
         title: i18n$1('archived.title'),
         icon: 'fa-light fa-archive',
-        color: '#64748b',
+        color: 'neutral',
         description: i18n$1('archived.description'),
         order: 5,
         isActive: true,
@@ -1740,7 +1742,7 @@ const AXPSystemStatuses = Object.freeze({
         name: AXPSystemStatusType.Rejected,
         title: i18n$1('rejected.title'),
         icon: 'fa-light fa-times-circle',
-        color: '#ef4444',
+        color: 'danger',
         description: i18n$1('rejected.description'),
         order: 6,
         isActive: true,
@@ -1751,7 +1753,7 @@ const AXPSystemStatuses = Object.freeze({
         name: AXPSystemStatusType.Active,
         title: i18n$1('active.title'),
         icon: 'fa-light fa-check-circle',
-        color: '#10b981',
+        color: 'success',
         description: i18n$1('active.description'),
         order: 1,
         isActive: true,
@@ -1762,7 +1764,7 @@ const AXPSystemStatuses = Object.freeze({
         name: AXPSystemStatusType.Inactive,
         title: i18n$1('inactive.title'),
         icon: 'fa-light fa-circle',
-        color: '#6b7280',
+        color: 'secondary',
         description: i18n$1('inactive.description'),
         order: 2,
         isActive: true,
@@ -1773,7 +1775,7 @@ const AXPSystemStatuses = Object.freeze({
         name: AXPSystemStatusType.Pending,
         title: i18n$1('pending.title'),
         icon: 'fa-light fa-clock',
-        color: '#f59e0b',
+        color: 'warning',
         description: i18n$1('pending.description'),
         order: 1,
         isActive: true,
@@ -1784,7 +1786,7 @@ const AXPSystemStatuses = Object.freeze({
         name: AXPSystemStatusType.Completed,
         title: i18n$1('completed.title'),
         icon: 'fa-light fa-check-circle',
-        color: '#10b981',
+        color: 'success',
         description: i18n$1('completed.description'),
         order: 10,
         isActive: true,
@@ -1795,7 +1797,7 @@ const AXPSystemStatuses = Object.freeze({
         name: AXPSystemStatusType.Suspended,
         title: i18n$1('suspended.title'),
         icon: 'fa-light fa-pause-circle',
-        color: '#f59e0b',
+        color: 'neutral',
         description: i18n$1('suspended.description'),
         order: 5,
         isActive: true,
@@ -1806,13 +1808,22 @@ const AXPSystemStatuses = Object.freeze({
         name: AXPSystemStatusType.Failed,
         title: i18n$1('failed.title'),
         icon: 'fa-light fa-xmark-circle',
-        color: '#ef4444',
+        color: 'danger',
         description: i18n$1('failed.description'),
         order: 10,
         isActive: true,
         isInitial: false,
         isFinal: true,
     },
+    Review: {
+        name: AXPSystemStatusType.Review,
+        title: i18n$1('review.title'),
+        icon: 'fa-light fa-eye',
+        color: 'info',
+        description: i18n$1('review.description'),
+        order: 3,
+        isActive: true,
+    },
 });
 /**
  * Get system status definition by type
@@ -1844,7 +1855,7 @@ function resolveStatusLook(statusType) {
     }
     // Fallback for unknown statuses
     return {
-        color: '#6b7280',
+        color: 'secondary',
         icon: ''
     };
 }
@@ -1868,7 +1879,7 @@ function getStatusInfo(statusType) {
         title: statusType,
         description: `Status: ${statusType}`,
         icon: '',
-        color: '#6b7280'
+        color: 'secondary'
     };
 }
 /**
@@ -2800,7 +2811,6 @@ const AXPSystemActions = Object.freeze({
         key: AXPSystemActionType.Cancel,
         title: i18n('cancel.title'),
         icon: 'fa-light fa-xmark',
-        color: 'danger',
         critical: true,
         descriptions: {
             title: i18n('cancel.title'),
@@ -3290,6 +3300,185 @@ async function applyQueryArray(dataArray, query) {
     };
 }
 
+//#region ----   Type Definitions   ----
+/**
+ * Screen Size Enum
+ */
+var AXPScreenSize;
+(function (AXPScreenSize) {
+    AXPScreenSize["Small"] = "small";
+    AXPScreenSize["Medium"] = "medium";
+    AXPScreenSize["Large"] = "large";
+})(AXPScreenSize || (AXPScreenSize = {}));
+/**
+ * Device Type Enum
+ */
+var AXPDeviceType;
+(function (AXPDeviceType) {
+    AXPDeviceType["Mobile"] = "mobile";
+    AXPDeviceType["Tablet"] = "tablet";
+    AXPDeviceType["Desktop"] = "desktop";
+})(AXPDeviceType || (AXPDeviceType = {}));
+//#endregion
+//#region ----   Helper Functions   ----
+/**
+ * Get the initial screen size based on window width
+ */
+const getScreenSize = () => {
+    const width = window.innerWidth;
+    if (width <= 600)
+        return AXPScreenSize.Small;
+    if (width <= 1024)
+        return AXPScreenSize.Medium;
+    return AXPScreenSize.Large;
+};
+/**
+ * Determine device type based on viewport width
+ */
+const getDeviceType = () => {
+    const width = window.innerWidth;
+    if (width <= 600) {
+        return AXPDeviceType.Mobile;
+    }
+    else if (width <= 1024) {
+        return AXPDeviceType.Tablet;
+    }
+    return AXPDeviceType.Desktop;
+};
+/**
+ * Determine if the device supports touch
+ */
+const isTouchDevice = () => {
+    return 'ontouchstart' in window || navigator.maxTouchPoints > 0;
+};
+//#endregion
+//#region ----   Device Service   ----
+/**
+ * Injectable service that provides reactive device and screen size information.
+ * Monitors window resize events and updates signals accordingly.
+ */
+class AXPDeviceService {
+    //#endregion
+    //#region ----   Constructor & Lifecycle   ----
+    constructor() {
+        //#region ----   State Signals   ----
+        /**
+         * Current screen size (Small, Medium, Large)
+         */
+        this.screenSize = signal(getScreenSize(), ...(ngDevMode ? [{ debugName: "screenSize" }] : []));
+        /**
+         * Current device type (Mobile, Tablet, Desktop)
+         */
+        this.deviceType = signal(getDeviceType(), ...(ngDevMode ? [{ debugName: "deviceType" }] : []));
+        /**
+         * Whether the device supports touch input
+         */
+        this.isTouchDevice = signal(isTouchDevice(), ...(ngDevMode ? [{ debugName: "isTouchDevice" }] : []));
+        //#endregion
+        //#region ----   Computed Signals   ----
+        /**
+         * Whether the screen size is Small
+         */
+        this.isSmall = computed(() => this.screenSize() === AXPScreenSize.Small, ...(ngDevMode ? [{ debugName: "isSmall" }] : []));
+        /**
+         * Whether the screen size is Medium
+         */
+        this.isMedium = computed(() => this.screenSize() === AXPScreenSize.Medium, ...(ngDevMode ? [{ debugName: "isMedium" }] : []));
+        /**
+         * Whether the screen size is Large
+         */
+        this.isLarge = computed(() => this.screenSize() === AXPScreenSize.Large, ...(ngDevMode ? [{ debugName: "isLarge" }] : []));
+        /**
+         * Whether the device is Mobile
+         */
+        this.isMobileDevice = computed(() => this.deviceType() === AXPDeviceType.Mobile, ...(ngDevMode ? [{ debugName: "isMobileDevice" }] : []));
+        /**
+         * Whether the device is Tablet
+         */
+        this.isTabletDevice = computed(() => this.deviceType() === AXPDeviceType.Tablet, ...(ngDevMode ? [{ debugName: "isTabletDevice" }] : []));
+        /**
+         * Whether the device is Desktop
+         */
+        this.isDesktopDevice = computed(() => this.deviceType() === AXPDeviceType.Desktop, ...(ngDevMode ? [{ debugName: "isDesktopDevice" }] : []));
+        /**
+         * Whether the device supports touch (alias for isTouchDevice)
+         */
+        this.isTouchScreen = computed(() => this.isTouchDevice(), ...(ngDevMode ? [{ debugName: "isTouchScreen" }] : []));
+        //#endregion
+        //#region ----   Private Properties   ----
+        this._resizeListener = null;
+        this._setupResizeListener();
+    }
+    //#endregion
+    //#region ----   Private Methods   ----
+    /**
+     * Update screen size and device type based on window width
+     */
+    _updateScreenSize() {
+        const width = window.innerWidth;
+        let newScreenSize;
+        if (width <= 600) {
+            newScreenSize = AXPScreenSize.Small;
+        }
+        else if (width <= 1024) {
+            newScreenSize = AXPScreenSize.Medium;
+        }
+        else {
+            newScreenSize = AXPScreenSize.Large;
+        }
+        // Determine device type based on width to keep it reactive to devtools emulation
+        let newDeviceType;
+        if (width <= 600) {
+            newDeviceType = AXPDeviceType.Mobile;
+        }
+        else if (width <= 1024) {
+            newDeviceType = AXPDeviceType.Tablet;
+        }
+        else {
+            newDeviceType = AXPDeviceType.Desktop;
+        }
+        if (newScreenSize !== this.screenSize() || newDeviceType !== this.deviceType()) {
+            this.screenSize.set(newScreenSize);
+            this.deviceType.set(newDeviceType);
+        }
+    }
+    /**
+     * Set up event listener for window resize
+     */
+    _setupResizeListener() {
+        this._resizeListener = fromEvent(window, 'resize')
+            .pipe(debounceTime(250)) // 250ms debounce delay
+            .subscribe(() => {
+            this._updateScreenSize();
+        });
+    }
+    /**
+     * Remove event listener for window resize
+     */
+    _removeResizeListener() {
+        if (this._resizeListener) {
+            this._resizeListener.unsubscribe();
+            this._resizeListener = null;
+        }
+    }
+    //#endregion
+    //#region ----   Public Methods   ----
+    /**
+     * Clean up resources when service is destroyed
+     */
+    destroy() {
+        this._removeResizeListener();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPDeviceService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPDeviceService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPDeviceService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
+
 /**
  * Service for applying and resetting text highlighting within specified HTML elements.
  */
@@ -3402,10 +3591,22 @@ function extractTextFromHtml(value) {
     div.innerHTML = value;
     return div.textContent || div.innerText || '';
 }
+/**
+ * Generate kebab-case group name from title
+ */
+function generateKebabCase(title) {
+    return title
+        .toLowerCase()
+        .trim()
+        .replace(/[^a-z0-9\s-]/g, '') // Remove special characters
+        .replace(/\s+/g, '-') // Replace spaces with hyphens
+        .replace(/-+/g, '-') // Replace multiple hyphens with single
+        .replace(/^-+|-+$/g, ''); // Remove leading/trailing hyphens
+}
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AXHighlightService, AXPActivityLogProvider, AXPActivityLogService, AXPAppStartUpProvider, AXPAppStartUpService, AXPBroadcastEventService, AXPColorPaletteProvider, AXPColorPaletteService, AXPComponentLogoConfig, AXPContentCheckerDirective, AXPContextChangeEvent, AXPContextStore, AXPCountdownPipe, AXPDataGenerator, AXPDataSourceDefinitionProviderService, AXPDblClickDirective, AXPDefaultColorPalettesProvider, AXPDistributedEventListenerService, AXPElementDataDirective, AXPExportTemplateToken, AXPExpressionEvaluatorScopeProviderContext, AXPExpressionEvaluatorScopeProviderService, AXPExpressionEvaluatorService, AXPGridLayoutDirective, AXPHookService, AXPImageUrlLogoConfig, AXPPlatformScope, AXPStatusDefinitionProviderService, AXPStatusProvider, AXPSystemActionType, AXPSystemActions, AXPSystemStatusType, AXPSystemStatuses, AXPTagProvider, AXPTagService, AXP_ACTIVITY_LOG_PROVIDER, AXP_COLOR_PALETTE_PROVIDER, AXP_DATASOURCE_DEFINITION_PROVIDER, AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER, AXP_EXPRESSION_EVALUATOR_SCOPE_PROVIDER, AXP_STATUS_PROVIDERS, AXP_TAG_PROVIDER, applyFilterArray, applyPagination, applyQueryArray, applySortArray, applySystemActionDefault, cleanDeep, extractNestedFieldsWildcard, extractTextFromHtml, extractValue, getActionButton, getChangedPaths, getDetailedChanges, getEnumValues, getNestedKeys, getSmart, getStatusInfo, getSystemActions, getSystemStatus, objectKeyValueTransforms, resolveActionLook, resolvePlatformScopeKey, resolvePlatformScopeName, resolveStatusLook, setSmart, systemStatusToDefinition };
+export { AXHighlightService, AXPActivityLogProvider, AXPActivityLogService, AXPAppStartUpProvider, AXPAppStartUpService, AXPBroadcastEventService, AXPColorPaletteProvider, AXPColorPaletteService, AXPComponentLogoConfig, AXPContentCheckerDirective, AXPContextChangeEvent, AXPContextStore, AXPCountdownPipe, AXPDataGenerator, AXPDataSourceDefinitionProviderService, AXPDblClickDirective, AXPDefaultColorPalettesProvider, AXPDeviceService, AXPDeviceType, AXPDistributedEventListenerService, AXPElementDataDirective, AXPExportTemplateToken, AXPExpressionEvaluatorScopeProviderContext, AXPExpressionEvaluatorScopeProviderService, AXPExpressionEvaluatorService, AXPGridLayoutDirective, AXPHookService, AXPImageUrlLogoConfig, AXPPlatformScope, AXPScreenSize, AXPStatusDefinitionProviderService, AXPStatusProvider, AXPSystemActionType, AXPSystemActions, AXPSystemStatusType, AXPSystemStatuses, AXPTagProvider, AXPTagService, AXP_ACTIVITY_LOG_PROVIDER, AXP_COLOR_PALETTE_PROVIDER, AXP_DATASOURCE_DEFINITION_PROVIDER, AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER, AXP_EXPRESSION_EVALUATOR_SCOPE_PROVIDER, AXP_STATUS_PROVIDERS, AXP_TAG_PROVIDER, applyFilterArray, applyPagination, applyQueryArray, applySortArray, applySystemActionDefault, cleanDeep, extractNestedFieldsWildcard, extractTextFromHtml, extractValue, generateKebabCase, getActionButton, getChangedPaths, getDetailedChanges, getEnumValues, getNestedKeys, getSmart, getStatusInfo, getSystemActions, getSystemStatus, objectKeyValueTransforms, resolveActionLook, resolvePlatformScopeKey, resolvePlatformScopeName, resolveStatusLook, setSmart, systemStatusToDefinition };
 //# sourceMappingURL=acorex-platform-core.mjs.map