@acorex/platform 19.3.1 → 19.3.3-next.0

package/fesm2022/acorex-platform-layout-components.mjs

@@ -1,17 +1,15 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, input, signal, computed, ViewEncapsulation, Component } from '@angular/core';
+import { InjectionToken, inject, Injectable, signal, input, computed, ViewEncapsulation, Component } from '@angular/core';
 import { BehaviorSubject, timer, Subject, takeUntil } from 'rxjs';
 import { tap } from 'rxjs/operators';
-import { AXFormModule } from '@acorex/components/form';
-import { AXButtonModule } from '@acorex/components/button';
-import { AXTextBoxModule } from '@acorex/components/text-box';
-import { AXCheckBoxModule } from '@acorex/components/check-box';
-import { AXLabelModule } from '@acorex/components/label';
 import { CommonModule } from '@angular/common';
-import * as i1 from '@acorex/components/image';
-import { AXImageModule } from '@acorex/components/image';
-import * as i2 from '@acorex/components/badge';
 import { AXBadgeModule } from '@acorex/components/badge';
+import * as i1 from '@acorex/components/avatar';
+import { AXAvatarModule } from '@acorex/components/avatar';
+import * as i2 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import * as i3 from '@acorex/components/image';
+import { AXImageModule } from '@acorex/components/image';
 
 const AXP_USER_AVATAR_PROVIDER = new InjectionToken('AXP_USER_AVATAR_PROVIDER', {
     providedIn: 'root',
@@ -20,9 +18,10 @@ const AXP_USER_AVATAR_PROVIDER = new InjectionToken('AXP_USER_AVATAR_PROVIDER',
     }
 });
 class AXPUserAvatarProviderDefault {
-    provide(username) {
+    provide(userId) {
         return Promise.resolve({
-            username: username,
+            id: userId,
+            username: 'johndoe',
             firstName: 'John',
             lastName: 'Doe',
             status: 'online',
@@ -42,54 +41,55 @@ class AXPUserAvatarService {
     }
     /**
      * Gets user information with caching and auto-refresh
-     * @param username The username to fetch information for
+     * @param userId The username to fetch information for
      * @returns Observable that emits user avatar data
      */
-    getUserInfo$(username) {
+    getUserInfo$(userId) {
         // Check if we have a cached entry
-        if (!this.cache.has(username) || this.isExpired(username)) {
+        if (!this.cache.has(userId) || this.isExpired(userId)) {
             // Create a new cache entry with default values
             const defaultData = {
+                id: userId,
                 status: 'offline',
-                username: username,
+                username: '',
                 firstName: '',
                 lastName: ''
             };
             const subject = new BehaviorSubject(defaultData);
-            this.cache.set(username, {
+            this.cache.set(userId, {
                 data: defaultData,
                 timestamp: Date.now(),
                 subject
             });
             // Fetch fresh data immediately
-            this.fetchAndUpdateCache(username);
+            this.fetchAndUpdateCache(userId);
             // Set up auto refresh
             timer(this.refreshInterval, this.refreshInterval)
-                .pipe(tap(() => this.fetchAndUpdateCache(username)))
+                .pipe(tap(() => this.fetchAndUpdateCache(userId)))
                 .subscribe();
         }
-        return this.cache.get(username).subject.asObservable();
+        return this.cache.get(userId).subject.asObservable();
     }
     /**
      * Gets user information (Promise-based for backward compatibility)
-     * @param username The username to fetch information for
+     * @param userId The username to fetch information for
      * @returns Promise that resolves to user avatar data
      */
-    async getUserInfo(username) {
+    async getUserInfo(userId) {
         // Check if we have an unexpired cached entry
-        if (this.cache.has(username) && !this.isExpired(username)) {
-            return this.cache.get(username).data;
+        if (this.cache.has(userId) && !this.isExpired(userId)) {
+            return this.cache.get(userId).data;
         }
         // Fetch fresh data and cache it
-        return this.fetchAndUpdateCache(username);
+        return this.fetchAndUpdateCache(userId);
     }
     /**
      * Clears the entire cache or a specific user's cache
-     * @param username Optional username to clear specific cache
+     * @param userId Optional username to clear specific cache
      */
-    clearCache(username) {
-        if (username) {
-            this.cache.delete(username);
+    clearCache(userId) {
+        if (userId) {
+            this.cache.delete(userId);
         }
         else {
             this.cache.clear();
@@ -97,17 +97,17 @@ class AXPUserAvatarService {
     }
     /**
      * Force refresh data for a specific username
-     * @param username The username to refresh
+     * @param userId The username to refresh
      * @returns Promise that resolves to the refreshed data
      */
-    async refreshUserInfo(username) {
-        return this.fetchAndUpdateCache(username);
+    async refreshUserInfo(userId) {
+        return this.fetchAndUpdateCache(userId);
     }
     /**
      * Checks if a cache entry is expired
      */
-    isExpired(username) {
-        const entry = this.cache.get(username);
+    isExpired(userId) {
+        const entry = this.cache.get(userId);
         if (!entry)
             return true;
         return (Date.now() - entry.timestamp) > this.cacheExpiryTime;
@@ -115,10 +115,13 @@ class AXPUserAvatarService {
     /**
      * Fetches data from provider and updates the cache
      */
-    async fetchAndUpdateCache(username) {
+    async fetchAndUpdateCache(userId) {
         try {
-            const data = await this.provider.provide(username);
-            const entry = this.cache.get(username);
+            const data = await this.provider.provide(userId);
+            if (!data) {
+                throw new Error(`User info not found for ${userId}`);
+            }
+            const entry = this.cache.get(userId);
             // Update the cache entry
             if (entry) {
                 entry.data = data;
@@ -128,7 +131,7 @@ class AXPUserAvatarService {
             else {
                 // Create a new cache entry if needed
                 const subject = new BehaviorSubject(data);
-                this.cache.set(username, {
+                this.cache.set(userId, {
                     data,
                     timestamp: Date.now(),
                     subject
@@ -137,7 +140,7 @@ class AXPUserAvatarService {
             return data;
         }
         catch (error) {
-            console.error(`Error fetching user info for ${username}:`, error);
+            console.error(`Error fetching user info for ${userId}:`, error);
             throw error;
         }
     }
@@ -155,13 +158,24 @@ class AXPUserAvatarComponent {
     constructor() {
         this.userAvatarService = inject(AXPUserAvatarService);
         this.destroy$ = new Subject();
+        this.userInfo = signal(null);
         this.size = input(40);
-        this.username = input('');
+        this.userId = input('');
         this.src = signal('');
-        this.firstName = signal('');
-        this.lastName = signal('');
+        this.userName = computed(() => this.userInfo()?.username || '');
+        this.firstName = computed(() => this.userInfo()?.firstName || '');
+        this.lastName = computed(() => this.userInfo()?.lastName || '');
         this.title = computed(() => `${this.firstName()} ${this.lastName()}`);
-        this.isOnline = signal(false);
+        this.isOnline = computed(() => this.userInfo()?.status === 'online');
+        this.avatarText = computed(() => this.getInitials(this.firstName(), this.lastName()));
+        this.avatarColor = computed(() => this.pickColor(this.avatarText()));
+        this.hasPicture = signal(false);
+    }
+    onImageError(event) {
+        this.hasPicture.set(false);
+    }
+    onImageLoad(event) {
+        this.hasPicture.set(true);
     }
     ngOnInit() {
         this.loadUserData();
@@ -172,18 +186,14 @@ class AXPUserAvatarComponent {
     }
     loadUserData() {
         // Skip if no username provided
-        if (!this.username()) {
+        if (!this.userId()) {
             return;
         }
         // Subscribe to the user info observable to get real-time updates
-        this.userAvatarService.getUserInfo$(this.username())
+        this.userAvatarService.getUserInfo$(this.userId())
             .pipe(takeUntil(this.destroy$))
             .subscribe(userData => {
-            // Update component signals with user data
-            this.firstName.set(userData.firstName || '');
-            this.lastName.set(userData.lastName || '');
-            this.isOnline.set(userData.status === 'online');
-            // Generate avatar image source if needed
+            this.userInfo.set(userData);
             // This is a placeholder - replace with your actual avatar URL logic
             this.generateAvatarSrc(userData);
         });
@@ -202,7 +212,7 @@ class AXPUserAvatarComponent {
             // Generate a placeholder - you could use an external service like UI Avatars
             // or implement your own logic
             const initials = this.getInitials(userData.firstName || '', userData.lastName || '');
-            this.src.set(`https://ui-avatars.com/api/?name=${encodeURIComponent(initials)}&size=${this.size()}&background=random`);
+            this.src.set(`https://avatar.iran.liara.run/username?username=${encodeURIComponent(initials)}`);
         }
     }
     /**
@@ -213,14 +223,36 @@ class AXPUserAvatarComponent {
         const lastInitial = lastName.charAt(0).toUpperCase();
         return firstInitial + lastInitial;
     }
+    hashString(str) {
+        let hash = 0;
+        for (let i = 0; i < str.length; i++) {
+            hash = (hash << 5) - hash + str.charCodeAt(i);
+            hash |= 0;
+        }
+        return Math.abs(hash);
+    }
+    pickColor(initials) {
+        const colors = [
+            'primary',
+            'secondary',
+            'danger',
+            'warning',
+            'success',
+            'accent1',
+            'accent2',
+            'accent3',
+        ];
+        const idx = this.hashString(initials) % colors.length;
+        return colors[idx];
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPUserAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.3", type: AXPUserAvatarComponent, isStandalone: true, selector: "axp-user-avatar", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, username: { classPropertyName: "username", publicName: "username", isSignal: true, isRequired: false, transformFunction: null } }, providers: [], ngImport: i0, template: "<ax-image [src]=\"src()\" [alt]=\"title()\" [width]=\"size()\" [height]=\"size()\">\n  <ax-badge [color]=\"isOnline() ? 'success' : 'danger'\"></ax-badge>\n</ax-image>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: 
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPUserAvatarComponent, isStandalone: true, selector: "axp-user-avatar", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, userId: { classPropertyName: "userId", publicName: "userId", isSignal: true, isRequired: false, transformFunction: null } }, providers: [], ngImport: i0, template: "<ax-avatar #avatar [size]=\"size()\" class=\"ax-cursor-pointer\">\n  @if(hasPicture()){\n  <ax-image (onError)=\"onImageError($event)\" (onLoad)=\"onImageLoad($event)\" [src]=\"src()\"></ax-image>\n  }@else{\n  <ax-text class=\"ax-{{ avatarColor() }}-lightest \">\n    <small class=\"ax-text-xs ax-font-semibold\">{{ avatarText() }}</small>\n  </ax-text>\n  }\n</ax-avatar>\n\n<!--\n\nax-primary-lightest\nax-warning-lightest\nax-success-lightest\nax-danger-lightest\nax-secondary-lightest\nax-accent1-lightest\nax-accent2-lightest\nax-accent3-lightest\n\n-->\n", styles: [""], dependencies: [{ kind: "ngmodule", type: 
                 // Angular
                 CommonModule }, { kind: "ngmodule", type: 
                 // ACoreX
-                AXFormModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXLabelModule }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "ngmodule", type: 
+                AXAvatarModule }, { kind: "component", type: i1.AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "shape", "look"], outputs: ["sizeChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXImageModule }, { kind: "component", type: i3.AXImageComponent, selector: "ax-image", inputs: ["width", "height", "overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "ngmodule", type: 
                 // Platform
-                AXImageModule }, { kind: "component", type: i1.AXImageComponent, selector: "ax-image", inputs: ["width", "height", "overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i2.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], encapsulation: i0.ViewEncapsulation.None }); }
+                AXBadgeModule }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPUserAvatarComponent, decorators: [{
             type: Component,
@@ -228,15 +260,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                         // Angular
                         CommonModule,
                         // ACoreX
-                        AXFormModule,
-                        AXTextBoxModule,
-                        AXButtonModule,
-                        AXLabelModule,
-                        AXCheckBoxModule,
-                        // Platform
+                        AXAvatarModule,
+                        AXDecoratorModule,
                         AXImageModule,
+                        // Platform
                         AXBadgeModule
-                    ], encapsulation: ViewEncapsulation.None, providers: [], template: "<ax-image [src]=\"src()\" [alt]=\"title()\" [width]=\"size()\" [height]=\"size()\">\n  <ax-badge [color]=\"isOnline() ? 'success' : 'danger'\"></ax-badge>\n</ax-image>\n" }]
+                    ], encapsulation: ViewEncapsulation.None, providers: [], template: "<ax-avatar #avatar [size]=\"size()\" class=\"ax-cursor-pointer\">\n  @if(hasPicture()){\n  <ax-image (onError)=\"onImageError($event)\" (onLoad)=\"onImageLoad($event)\" [src]=\"src()\"></ax-image>\n  }@else{\n  <ax-text class=\"ax-{{ avatarColor() }}-lightest \">\n    <small class=\"ax-text-xs ax-font-semibold\">{{ avatarText() }}</small>\n  </ax-text>\n  }\n</ax-avatar>\n\n<!--\n\nax-primary-lightest\nax-warning-lightest\nax-success-lightest\nax-danger-lightest\nax-secondary-lightest\nax-accent1-lightest\nax-accent2-lightest\nax-accent3-lightest\n\n-->\n" }]
         }] });
 
 /**

package/fesm2022/acorex-platform-layout-components.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-platform-layout-components.mjs","sources":["../../../../libs/platform/layout/components/src/lib/user-avatar/user-avatar.provider.ts","../../../../libs/platform/layout/components/src/lib/user-avatar/user-avatar.service.ts","../../../../libs/platform/layout/components/src/lib/user-avatar/user-avatar.component.ts","../../../../libs/platform/layout/components/src/lib/user-avatar/user-avatar.component.html","../../../../libs/platform/layout/components/src/acorex-platform-layout-components.ts"],"sourcesContent":["import { InjectionToken } from \"@angular/core\";\nimport { AXPUserAvatarData, AXPUserAvatarProvider } from \"./user-avatar.types\";\n\nexport const AXP_USER_AVATAR_PROVIDER = new InjectionToken<AXPUserAvatarProvider>(\n    'AXP_USER_AVATAR_PROVIDER',\n    {\n        providedIn: 'root',\n        factory: () => {\n            return new AXPUserAvatarProviderDefault();\n        }\n    }\n);\n\n\nclass AXPUserAvatarProviderDefault implements AXPUserAvatarProvider {\n    provide(username: string): Promise<AXPUserAvatarData> {\n        return Promise.resolve({\n            username: username,\n            firstName: 'John',\n            lastName: 'Doe',\n            status: 'online',\n            avatarUrl: 'https://via.placeholder.com/150',\n        });\n    }\n}\n","import { inject, Injectable } from \"@angular/core\";\nimport { AXPUserAvatarData } from \"./user-avatar.types\";\nimport { AXP_USER_AVATAR_PROVIDER } from \"./user-avatar.provider\";\nimport { BehaviorSubject, Observable, timer } from 'rxjs';\nimport { map, shareReplay, switchMap, tap } from 'rxjs/operators';\n\ninterface CacheEntry {\n    data: AXPUserAvatarData;\n    timestamp: number;\n    subject: BehaviorSubject<AXPUserAvatarData>;\n}\n\n@Injectable({\n    providedIn: 'root',\n})\nexport class AXPUserAvatarService {\n    private provider = inject(AXP_USER_AVATAR_PROVIDER);\n\n    // Cache configuration\n    private readonly cacheExpiryTime = 5 * 60 * 1000; // 5 minutes in milliseconds\n    private readonly refreshInterval = 3 * 60 * 1000; // 3 minutes in milliseconds\n\n    // Cache storage\n    private cache = new Map<string, CacheEntry>();\n\n    /**\n     * Gets user information with caching and auto-refresh\n     * @param username The username to fetch information for\n     * @returns Observable that emits user avatar data\n     */\n    getUserInfo$(username: string): Observable<AXPUserAvatarData> {\n        // Check if we have a cached entry\n        if (!this.cache.has(username) || this.isExpired(username)) {\n            // Create a new cache entry with default values\n            const defaultData: AXPUserAvatarData = {\n                status: 'offline',\n                username: username,\n                firstName: '',\n                lastName: ''\n            };\n            const subject = new BehaviorSubject<AXPUserAvatarData>(defaultData);\n            this.cache.set(username, {\n                data: defaultData,\n                timestamp: Date.now(),\n                subject\n            });\n\n            // Fetch fresh data immediately\n            this.fetchAndUpdateCache(username);\n\n            // Set up auto refresh\n            timer(this.refreshInterval, this.refreshInterval)\n                .pipe(\n                    tap(() => this.fetchAndUpdateCache(username))\n                )\n                .subscribe();\n        }\n\n        return this.cache.get(username)!.subject.asObservable();\n    }\n\n    /**\n     * Gets user information (Promise-based for backward compatibility)\n     * @param username The username to fetch information for\n     * @returns Promise that resolves to user avatar data\n     */\n    async getUserInfo(username: string): Promise<AXPUserAvatarData> {\n        // Check if we have an unexpired cached entry\n        if (this.cache.has(username) && !this.isExpired(username)) {\n            return this.cache.get(username)!.data;\n        }\n\n        // Fetch fresh data and cache it\n        return this.fetchAndUpdateCache(username);\n    }\n\n    /**\n     * Clears the entire cache or a specific user's cache\n     * @param username Optional username to clear specific cache\n     */\n    clearCache(username?: string): void {\n        if (username) {\n            this.cache.delete(username);\n        } else {\n            this.cache.clear();\n        }\n    }\n\n    /**\n     * Force refresh data for a specific username\n     * @param username The username to refresh\n     * @returns Promise that resolves to the refreshed data\n     */\n    async refreshUserInfo(username: string): Promise<AXPUserAvatarData> {\n        return this.fetchAndUpdateCache(username);\n    }\n\n    /**\n     * Checks if a cache entry is expired\n     */\n    private isExpired(username: string): boolean {\n        const entry = this.cache.get(username);\n        if (!entry) return true;\n\n        return (Date.now() - entry.timestamp) > this.cacheExpiryTime;\n    }\n\n    /**\n     * Fetches data from provider and updates the cache\n     */\n    private async fetchAndUpdateCache(username: string): Promise<AXPUserAvatarData> {\n        try {\n            const data = await this.provider.provide(username);\n            const entry = this.cache.get(username);\n\n            // Update the cache entry\n            if (entry) {\n                entry.data = data;\n                entry.timestamp = Date.now();\n                entry.subject.next(data);\n            } else {\n                // Create a new cache entry if needed\n                const subject = new BehaviorSubject<AXPUserAvatarData>(data);\n                this.cache.set(username, {\n                    data,\n                    timestamp: Date.now(),\n                    subject\n                });\n            }\n\n            return data;\n        } catch (error) {\n            console.error(`Error fetching user info for ${username}:`, error);\n            throw error;\n        }\n    }\n}","import { Component, OnDestroy, OnInit, ViewEncapsulation, computed, inject, input, signal } from '@angular/core';\n\nimport { AXFormModule } from '@acorex/components/form';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXTextBoxModule } from '@acorex/components/text-box';\nimport { AXCheckBoxModule } from '@acorex/components/check-box';\nimport { AXLabelModule } from '@acorex/components/label';\nimport { CommonModule } from '@angular/common';\nimport { AXImageModule } from '@acorex/components/image';\nimport { AXBadgeModule } from '@acorex/components/badge';\nimport { AXPUserAvatarService } from './user-avatar.service';\nimport { Subject, takeUntil } from 'rxjs';\n\n@Component({\n    selector: 'axp-user-avatar',\n    templateUrl: './user-avatar.component.html',\n    styleUrl: './user-avatar.component.scss',\n    imports: [\n        // Angular\n        CommonModule,\n        // ACoreX\n        AXFormModule,\n        AXTextBoxModule,\n        AXButtonModule,\n        AXLabelModule,\n        AXCheckBoxModule,\n        // Platform\n        AXImageModule,\n        AXBadgeModule\n    ],\n    encapsulation: ViewEncapsulation.None,\n    providers: [],\n})\nexport class AXPUserAvatarComponent implements OnInit, OnDestroy {\n    private readonly userAvatarService = inject(AXPUserAvatarService);\n    private readonly destroy$ = new Subject<void>();\n\n    size = input<number>(40);\n    username = input<string>('');\n\n    src = signal<string>('');\n    firstName = signal<string>('');\n    lastName = signal<string>('');\n    title = computed(() => `${this.firstName()} ${this.lastName()}`);\n    isOnline = signal<boolean>(false);\n\n    ngOnInit(): void {\n        this.loadUserData();\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next();\n        this.destroy$.complete();\n    }\n\n    private loadUserData(): void {\n        // Skip if no username provided\n        if (!this.username()) {\n            return;\n        }\n\n        // Subscribe to the user info observable to get real-time updates\n        this.userAvatarService.getUserInfo$(this.username())\n            .pipe(takeUntil(this.destroy$))\n            .subscribe(userData => {\n                // Update component signals with user data\n                this.firstName.set(userData.firstName || '');\n                this.lastName.set(userData.lastName || '');\n                this.isOnline.set(userData.status === 'online');\n\n                // Generate avatar image source if needed\n                // This is a placeholder - replace with your actual avatar URL logic\n                this.generateAvatarSrc(userData);\n            });\n    }\n\n    /**\n     * Generate avatar image source\n     * This is a placeholder - implement based on your actual requirements\n     */\n    private generateAvatarSrc(userData: any): void {\n        // Example: Check if the user has a custom avatar URL\n        // If not, generate a placeholder using initials\n        if (userData.avatarUrl) {\n            this.src.set(userData.avatarUrl);\n        } else {\n            // Generate a placeholder - you could use an external service like UI Avatars\n            // or implement your own logic\n            const initials = this.getInitials(userData.firstName || '', userData.lastName || '');\n            this.src.set(`https://ui-avatars.com/api/?name=${encodeURIComponent(initials)}&size=${this.size()}&background=random`);\n        }\n    }\n\n    /**\n     * Get initials from first and last name\n     */\n    private getInitials(firstName: string, lastName: string): string {\n        const firstInitial = firstName.charAt(0).toUpperCase();\n        const lastInitial = lastName.charAt(0).toUpperCase();\n        return firstInitial + lastInitial;\n    }\n}\n","<ax-image [src]=\"src()\" [alt]=\"title()\" [width]=\"size()\" [height]=\"size()\">\n  <ax-badge [color]=\"isOnline() ? 'success' : 'danger'\"></ax-badge>\n</ax-image>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-platform-layout-components.mjs","sources":["../../../../libs/platform/layout/components/src/lib/user-avatar/user-avatar.provider.ts","../../../../libs/platform/layout/components/src/lib/user-avatar/user-avatar.service.ts","../../../../libs/platform/layout/components/src/lib/user-avatar/user-avatar.component.ts","../../../../libs/platform/layout/components/src/lib/user-avatar/user-avatar.component.html","../../../../libs/platform/layout/components/src/acorex-platform-layout-components.ts"],"sourcesContent":["import { InjectionToken } from \"@angular/core\";\nimport { AXPUserAvatarData, AXPUserAvatarProvider } from \"./user-avatar.types\";\n\nexport const AXP_USER_AVATAR_PROVIDER = new InjectionToken<AXPUserAvatarProvider>(\n    'AXP_USER_AVATAR_PROVIDER',\n    {\n        providedIn: 'root',\n        factory: () => {\n            return new AXPUserAvatarProviderDefault();\n        }\n    }\n);\n\n\nclass AXPUserAvatarProviderDefault implements AXPUserAvatarProvider {\n    provide(userId: string): Promise<AXPUserAvatarData> {\n        return Promise.resolve({\n            id: userId,\n            username: 'johndoe',\n            firstName: 'John',\n            lastName: 'Doe',\n            status: 'online',\n            avatarUrl: 'https://via.placeholder.com/150',\n        });\n    }\n}\n","import { inject, Injectable } from \"@angular/core\";\nimport { AXPUserAvatarData } from \"./user-avatar.types\";\nimport { AXP_USER_AVATAR_PROVIDER } from \"./user-avatar.provider\";\nimport { BehaviorSubject, Observable, timer } from 'rxjs';\nimport { map, shareReplay, switchMap, tap } from 'rxjs/operators';\n\ninterface CacheEntry {\n    data: AXPUserAvatarData;\n    timestamp: number;\n    subject: BehaviorSubject<AXPUserAvatarData>;\n}\n\n@Injectable({\n    providedIn: 'root',\n})\nexport class AXPUserAvatarService {\n    private provider = inject(AXP_USER_AVATAR_PROVIDER);\n\n    // Cache configuration\n    private readonly cacheExpiryTime = 5 * 60 * 1000; // 5 minutes in milliseconds\n    private readonly refreshInterval = 3 * 60 * 1000; // 3 minutes in milliseconds\n\n    // Cache storage\n    private cache = new Map<string, CacheEntry>();\n\n    /**\n     * Gets user information with caching and auto-refresh\n     * @param userId The username to fetch information for\n     * @returns Observable that emits user avatar data\n     */\n    getUserInfo$(userId: string): Observable<AXPUserAvatarData> {\n        // Check if we have a cached entry\n        if (!this.cache.has(userId) || this.isExpired(userId)) {\n            // Create a new cache entry with default values\n            const defaultData: AXPUserAvatarData = {\n                id: userId,\n                status: 'offline',\n                username: '',\n                firstName: '',\n                lastName: ''\n            };\n            const subject = new BehaviorSubject<AXPUserAvatarData>(defaultData);\n            this.cache.set(userId, {\n                data: defaultData,\n                timestamp: Date.now(),\n                subject\n            });\n\n            // Fetch fresh data immediately\n            this.fetchAndUpdateCache(userId);\n\n            // Set up auto refresh\n            timer(this.refreshInterval, this.refreshInterval)\n                .pipe(\n                    tap(() => this.fetchAndUpdateCache(userId))\n                )\n                .subscribe();\n        }\n\n        return this.cache.get(userId)!.subject.asObservable();\n    }\n\n    /**\n     * Gets user information (Promise-based for backward compatibility)\n     * @param userId The username to fetch information for\n     * @returns Promise that resolves to user avatar data\n     */\n    async getUserInfo(userId: string): Promise<AXPUserAvatarData> {\n        // Check if we have an unexpired cached entry\n        if (this.cache.has(userId) && !this.isExpired(userId)) {\n            return this.cache.get(userId)!.data;\n        }\n\n        // Fetch fresh data and cache it\n        return this.fetchAndUpdateCache(userId);\n    }\n\n    /**\n     * Clears the entire cache or a specific user's cache\n     * @param userId Optional username to clear specific cache\n     */\n    clearCache(userId?: string): void {\n        if (userId) {\n            this.cache.delete(userId);\n        } else {\n            this.cache.clear();\n        }\n    }\n\n    /**\n     * Force refresh data for a specific username\n     * @param userId The username to refresh\n     * @returns Promise that resolves to the refreshed data\n     */\n    async refreshUserInfo(userId: string): Promise<AXPUserAvatarData> {\n        return this.fetchAndUpdateCache(userId);\n    }\n\n    /**\n     * Checks if a cache entry is expired\n     */\n    private isExpired(userId: string): boolean {\n        const entry = this.cache.get(userId);\n        if (!entry) return true;\n\n        return (Date.now() - entry.timestamp) > this.cacheExpiryTime;\n    }\n\n    /**\n     * Fetches data from provider and updates the cache\n     */\n    private async fetchAndUpdateCache(userId: string): Promise<AXPUserAvatarData> {\n        try {\n            const data = await this.provider.provide(userId);\n            if (!data) {\n                throw new Error(`User info not found for ${userId}`);\n            }\n            const entry = this.cache.get(userId);\n\n            // Update the cache entry\n            if (entry) {\n                entry.data = data;\n                entry.timestamp = Date.now();\n                entry.subject.next(data);\n            } else {\n                // Create a new cache entry if needed\n                const subject = new BehaviorSubject<AXPUserAvatarData>(data);\n                this.cache.set(userId, {\n                    data,\n                    timestamp: Date.now(),\n                    subject\n                });\n            }\n\n            return data;\n        } catch (error) {\n            console.error(`Error fetching user info for ${userId}:`, error);\n            throw error;\n        }\n    }\n}","import { Component, OnDestroy, OnInit, ViewEncapsulation, computed, inject, input, signal } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\nimport { AXBadgeModule } from '@acorex/components/badge';\nimport { AXPUserAvatarService } from './user-avatar.service';\nimport { Subject, takeUntil } from 'rxjs';\nimport { AXAvatarModule } from '@acorex/components/avatar';\nimport { AXHtmlEvent } from '@acorex/components/common';\nimport { AXPUserAvatarData } from './user-avatar.types';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXImageModule } from '@acorex/components/image';\nimport { AXPDataGenerator } from '@acorex/platform/core';\n\n@Component({\n    selector: 'axp-user-avatar',\n    templateUrl: './user-avatar.component.html',\n    styleUrl: './user-avatar.component.scss',\n    imports: [\n        // Angular\n        CommonModule,\n        // ACoreX\n        AXAvatarModule,\n        AXDecoratorModule,\n        AXImageModule,\n        // Platform\n        AXBadgeModule\n    ],\n    encapsulation: ViewEncapsulation.None,\n    providers: [],\n})\nexport class AXPUserAvatarComponent implements OnInit, OnDestroy {\n    private readonly userAvatarService = inject(AXPUserAvatarService);\n    private readonly destroy$ = new Subject<void>();\n\n    protected userInfo = signal<AXPUserAvatarData | null>(null);\n\n\n    size = input<number>(40);\n    userId = input<string>('');\n\n    src = signal<string>('');\n    userName = computed(() => this.userInfo()?.username || '');\n    firstName = computed(() => this.userInfo()?.firstName || '');\n    lastName = computed(() => this.userInfo()?.lastName || '');\n    title = computed(() => `${this.firstName()} ${this.lastName()}`);\n    isOnline = computed(() => this.userInfo()?.status === 'online');\n\n    avatarText = computed(() => this.getInitials(this.firstName(), this.lastName()));\n    avatarColor = computed(() => this.pickColor(this.avatarText()));\n\n    protected hasPicture = signal(false);\n\n    protected onImageError(event: AXHtmlEvent<ErrorEvent>) {\n        this.hasPicture.set(false);\n    }\n\n    protected onImageLoad(event: AXHtmlEvent<Event>) {\n        this.hasPicture.set(true);\n    }\n\n    ngOnInit(): void {\n        this.loadUserData();\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next();\n        this.destroy$.complete();\n    }\n\n    private loadUserData(): void {\n        // Skip if no username provided\n        if (!this.userId()) {\n            return;\n        }\n\n        // Subscribe to the user info observable to get real-time updates\n        this.userAvatarService.getUserInfo$(this.userId())\n            .pipe(takeUntil(this.destroy$))\n            .subscribe(userData => {\n                this.userInfo.set(userData);\n                // This is a placeholder - replace with your actual avatar URL logic\n                this.generateAvatarSrc(userData);\n            });\n    }\n\n    /**\n     * Generate avatar image source\n     * This is a placeholder - implement based on your actual requirements\n     */\n    private generateAvatarSrc(userData: any): void {\n        // Example: Check if the user has a custom avatar URL\n        // If not, generate a placeholder using initials\n        if (userData.avatarUrl) {\n            this.src.set(userData.avatarUrl);\n        } else {\n            // Generate a placeholder - you could use an external service like UI Avatars\n            // or implement your own logic\n            const initials = this.getInitials(userData.firstName || '', userData.lastName || '');\n            this.src.set(`https://avatar.iran.liara.run/username?username=${encodeURIComponent(initials)}`);\n        }\n    }\n\n    /**\n     * Get initials from first and last name\n     */\n    private getInitials(firstName: string, lastName: string): string {\n        const firstInitial = firstName.charAt(0).toUpperCase();\n        const lastInitial = lastName.charAt(0).toUpperCase();\n        return firstInitial + lastInitial;\n    }\n\n    private hashString(str: string): number {\n        let hash = 0;\n        for (let i = 0; i < str.length; i++) {\n            hash = (hash << 5) - hash + str.charCodeAt(i);\n            hash |= 0;\n        }\n        return Math.abs(hash);\n    }\n\n    private pickColor(initials: string): string {\n        const colors = [\n            'primary',\n            'secondary',\n            'danger',\n            'warning',\n            'success',\n            'accent1',\n            'accent2',\n            'accent3',\n        ];\n        const idx = this.hashString(initials) % colors.length;\n        return colors[idx];\n    }\n\n\n}\n","<ax-avatar #avatar [size]=\"size()\" class=\"ax-cursor-pointer\">\n  @if(hasPicture()){\n  <ax-image (onError)=\"onImageError($event)\" (onLoad)=\"onImageLoad($event)\" [src]=\"src()\"></ax-image>\n  }@else{\n  <ax-text class=\"ax-{{ avatarColor() }}-lightest \">\n    <small class=\"ax-text-xs ax-font-semibold\">{{ avatarText() }}</small>\n  </ax-text>\n  }\n</ax-avatar>\n\n<!--\n\nax-primary-lightest\nax-warning-lightest\nax-success-lightest\nax-danger-lightest\nax-secondary-lightest\nax-accent1-lightest\nax-accent2-lightest\nax-accent3-lightest\n\n-->\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-platform-layout-designer.mjs

@@ -2404,8 +2404,8 @@ class AXPLayoutDesignerPreviewComponent extends AXBasePageComponent {
         this.size = signal(this.initialSize);
         this.context = signal({});
         //
-        this.eventService.listen(AXPDesignerMessageKeys.ContextChanged).subscribe((context) => {
-            this.context.set(context);
+        this.eventService.listen(AXPDesignerMessageKeys.ContextChanged).subscribe((event) => {
+            this.context.set(event.data);
         });
     }
     async ngOnInit() {