@acorex-platform/framework-client 0.0.10 → 0.0.15

package/fesm2022/acorex-platform-framework-client-core.mjs

@@ -1,17 +1,22 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, Injectable, Directive, computed, Injector, ChangeDetectionStrategy, Component, input, ElementRef, ViewContainerRef, signal, effect, runInInjectionContext, Optional, Inject, NgModule, EventEmitter, HostListener, Output, DestroyRef, untracked, provideAppInitializer, Pipe } from '@angular/core';
 import { AXTranslationService, resolveMultiLanguageString } from '@acorex/core/translation';
-import { AXDataSource } from '@acorex/cdk/common';
+import { AXDataSource, convertArrayToDataSource } from '@acorex/cdk/common';
 import { AXPPlatformCoreDataSourceKeys, isFormContextDirty, getSmart, isSelectionValueEqual, isFormValueEqual, setSmart, extractValue, AXPKeyboardShortcutPriority, getSystemActions, isLocaleStringMap } from '@acorex-platform/framework-shared/core';
-import { cloneDeep, isEmpty, isEqual, has, unset, isPlainObject, get, sortBy, set, isUndefined, isNil, endsWith, startsWith, includes, lte, gte, lt, gt, orderBy } from 'lodash-es';
+import { cloneDeep, isEmpty, isEqual, has, unset, isPlainObject, get, sortBy, set, isNil, castArray, isString, isUndefined, endsWith, startsWith, includes, lte, gte, lt, gt, orderBy } from 'lodash-es';
 import { signalStore, withState, withComputed, withMethods, patchState } from '@ngrx/signals';
 import { AXFormatService } from '@acorex/core/format';
 import * as i1 from '@acorex/components/skeleton';
 import { AXSkeletonModule } from '@acorex/components/skeleton';
-import { Subject, interval, fromEvent } from 'rxjs';
+import { filter, take, ReplaySubject, Subject, interval, fromEvent } from 'rxjs';
 import { toSignal } from '@angular/core/rxjs-interop';
-import { DOCUMENT } from '@angular/common';
+import * as i1$1 from '@angular/common';
+import { DOCUMENT, CommonModule } from '@angular/common';
 import { AXLocaleService } from '@acorex/core/locale';
+import * as i3 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import * as i2 from '@acorex/components/image';
+import { AXImageModule } from '@acorex/components/image';
 import { delay } from '@acorex/core/utils';
 import { AXCalendarService } from '@acorex/core/date-time';
 import { startWith, map, debounceTime } from 'rxjs/operators';
@@ -1208,7 +1213,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
 class AXPComponentSlotPlaceholderComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPComponentSlotPlaceholderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: AXPComponentSlotPlaceholderComponent, isStandalone: true, selector: "axp-component-slot-placeholder", ngImport: i0, template: `<div>
-    <ax-skeleton class="ax-w-full ax-h-10 ax-rounded-md"></ax-skeleton>
+    <ax-skeleton class="w-full h-10 rounded-md"></ax-skeleton>
   </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i1.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPComponentSlotPlaceholderComponent, decorators: [{
@@ -1216,7 +1221,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             args: [{
                     selector: 'axp-component-slot-placeholder',
                     template: `<div>
-    <ax-skeleton class="ax-w-full ax-h-10 ax-rounded-md"></ax-skeleton>
+    <ax-skeleton class="w-full h-10 rounded-md"></ax-skeleton>
   </div>`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [AXSkeletonModule],
@@ -1814,6 +1819,246 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             args: [{ providedIn: 'root' }]
         }] });
 
+//#region ----   Imports   ----
+//#endregion
+/**
+ * Resolves registry-backed {@link AXDataSource} instances and exposes readiness (`isReady`, `whenReady`)
+ * so widgets do not bind selected values before the provider datasource is available.
+ */
+class AXPDataSourceQueryService {
+    constructor() {
+        //#region ----   Services & State   ----
+        this.definitionService = inject(AXPDataSourceDefinitionProviderService);
+        this.entries = new Map();
+    }
+    //#endregion
+    //#region ----   Public API   ----
+    /**
+     * Returns true when the named registry datasource has been resolved for the given options.
+     */
+    isReady(name, options) {
+        const entry = this.entries.get(this.buildCacheKey(name, options));
+        return entry?.result?.ready === true && entry.result.dataSource != null;
+    }
+    /**
+     * Emits once when the registry datasource is resolved (or fails) for the given options.
+     */
+    whenReady(name, options) {
+        return this.ensureLoading(name, options).readySubject.asObservable().pipe(filter((result) => result.ready), take(1));
+    }
+    /**
+     * Resolves and returns the {@link AXDataSource} for a registry name, waiting for providers when needed.
+     */
+    async getDataSource(name, options) {
+        const result = await this.resolve(name, options);
+        return result.dataSource;
+    }
+    /**
+     * Resolves the registry datasource, then looks up one or more keys via `byKey`.
+     */
+    async queryByKey(name, key, options) {
+        if (isNil(key)) {
+            return null;
+        }
+        const result = await this.resolve(name, options);
+        const dataSource = result.dataSource;
+        if (!dataSource?.config?.byKey) {
+            return null;
+        }
+        if (Array.isArray(key)) {
+            const items = await Promise.all(key.map((k) => dataSource.config.byKey(k)));
+            return items.filter((item) => item != null);
+        }
+        return (await dataSource.config.byKey(key)) ?? null;
+    }
+    /**
+     * Fully resolves a registry datasource (definition + AXDataSource instance).
+     */
+    async resolve(name, options) {
+        const entry = this.ensureLoading(name, options);
+        if (entry.result?.ready) {
+            return entry.result;
+        }
+        return entry.loadPromise;
+    }
+    /**
+     * Clears cached query state. Pass a registry name to invalidate one datasource, or omit to clear all.
+     */
+    invalidate(name) {
+        if (!name) {
+            this.entries.clear();
+            return;
+        }
+        const prefix = `${name}::`;
+        for (const key of [...this.entries.keys()]) {
+            if (key === name || key.startsWith(prefix)) {
+                this.entries.delete(key);
+            }
+        }
+    }
+    //#endregion
+    //#region ----   Loading   ----
+    ensureLoading(name, options) {
+        const cacheKey = this.buildCacheKey(name, options);
+        let entry = this.entries.get(cacheKey);
+        if (!entry) {
+            entry = {
+                name,
+                cacheKey,
+                readySubject: new ReplaySubject(1),
+            };
+            this.entries.set(cacheKey, entry);
+            entry.loadPromise = this.loadEntry(entry, name, options);
+        }
+        return entry;
+    }
+    async loadEntry(entry, name, options) {
+        const pending = {
+            name,
+            ready: false,
+            dataSource: null,
+            valueField: options?.valueField ?? 'id',
+            textField: 'title',
+        };
+        try {
+            const definition = await this.waitForDefinition(name, options);
+            if (!definition) {
+                const failed = {
+                    ...pending,
+                    ready: true,
+                    error: new Error(`Data source '${name}' was not found in the registry`),
+                };
+                entry.result = failed;
+                entry.readySubject.next(failed);
+                return failed;
+            }
+            const valueField = options?.valueField ?? definition.valueField?.name ?? 'id';
+            const textField = definition.textField?.name ?? 'title';
+            const dataSource = await this.createDataSource(definition, {
+                ...options,
+                valueField,
+            });
+            const translated = dataSource ? this.wrapTranslatedDataSource(dataSource, textField) : null;
+            const success = {
+                name,
+                ready: true,
+                dataSource: translated,
+                definition,
+                valueField,
+                textField,
+            };
+            entry.result = success;
+            entry.readySubject.next(success);
+            return success;
+        }
+        catch (error) {
+            const failed = {
+                ...pending,
+                ready: true,
+                error,
+            };
+            entry.result = failed;
+            entry.readySubject.next(failed);
+            return failed;
+        }
+    }
+    async waitForDefinition(name, options) {
+        const waitForRegistry = options?.waitForRegistry ?? true;
+        const maxAttempts = options?.maxRegistryAttempts ?? 20;
+        const retryDelayMs = options?.registryRetryDelayMs ?? 50;
+        const attempts = waitForRegistry ? maxAttempts : 1;
+        for (let attempt = 0; attempt < attempts; attempt++) {
+            const definition = await this.definitionService.get(name);
+            if (definition) {
+                return definition;
+            }
+            if (attempt < attempts - 1) {
+                await this.sleep(retryDelayMs);
+            }
+        }
+        return undefined;
+    }
+    async createDataSource(definition, options) {
+        if (options.useSamples && definition.samples) {
+            const samples = await this.resolveSamples(definition.samples);
+            return convertArrayToDataSource(samples, {
+                key: options.valueField,
+                pageSize: 500,
+            });
+        }
+        const sourceResult = definition.source();
+        const resolved = await Promise.resolve(sourceResult);
+        if (resolved instanceof AXDataSource) {
+            this.applyValueFieldAsKey(resolved, options.valueField);
+            return resolved;
+        }
+        if (Array.isArray(resolved)) {
+            return convertArrayToDataSource(resolved, {
+                key: options.valueField,
+                pageSize: 500,
+            });
+        }
+        return null;
+    }
+    async resolveSamples(samples) {
+        return castArray(await Promise.resolve(samples));
+    }
+    applyValueFieldAsKey(dataSource, valueField) {
+        if (dataSource.config?.key !== valueField) {
+            dataSource.config = { ...dataSource.config, key: valueField };
+        }
+    }
+    wrapTranslatedDataSource(dataSource, textField) {
+        const config = dataSource.config;
+        if (!config) {
+            return dataSource;
+        }
+        const originalByKey = config.byKey;
+        const originalLoad = config.load;
+        if (originalByKey) {
+            config.byKey = async (key) => this.translateItem(await originalByKey(key), textField);
+        }
+        if (originalLoad) {
+            config.load = async (event) => {
+                const result = await originalLoad(event);
+                if (!result?.items?.length) {
+                    return result;
+                }
+                return {
+                    ...result,
+                    items: result.items.map((item) => this.translateItem(item, textField)),
+                };
+            };
+        }
+        return dataSource;
+    }
+    translateItem(item, textField) {
+        if (item == null || typeof item !== 'object') {
+            return item;
+        }
+        const title = get(item, textField);
+        // Keep i18n keys for UI widgets (ax-select-box translate pipe) so labels react to locale changes.
+        if (isString(title) && title.startsWith('@')) {
+            return item;
+        }
+        return item;
+    }
+    buildCacheKey(name, options) {
+        const valueField = options?.valueField ?? '';
+        const useSamples = options?.useSamples ? '1' : '0';
+        return `${name}::${valueField}::${useSamples}`;
+    }
+    sleep(ms) {
+        return new Promise((resolve) => setTimeout(resolve, ms));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPDataSourceQueryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPDataSourceQueryService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPDataSourceQueryService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 // src/app/directives/grid-layout.directive.ts
 class AXPContentCheckerDirective {
     constructor() {
@@ -1939,13 +2184,13 @@ class AXPGridLayoutDirective {
     setClasses(placement, prefix) {
         if (placement == null)
             return;
-        const colStart = placement.colStart ? `${prefix}ax-col-start-${placement.colStart}` : '';
-        const colEnd = placement.colEnd ? `${prefix}ax-col-end-${placement.colEnd}` : '';
-        const colSpan = placement.colSpan ? `${prefix}ax-col-span-${placement.colSpan}` : '';
-        const rowStart = placement.rowStart ? `${prefix}ax-row-start-${placement.rowStart}` : '';
-        const rowEnd = placement.rowEnd ? `${prefix}ax-row-end-${placement.rowEnd}` : '';
-        const rowSpan = placement.rowSpan ? `${prefix}ax-row-span-${placement.rowSpan}` : '';
-        const order = placement.order ? `${prefix}ax-order-${placement.order}` : ''; // Handling order
+        const colStart = placement.colStart ? `${prefix}col-start-${placement.colStart}` : '';
+        const colEnd = placement.colEnd ? `${prefix}col-end-${placement.colEnd}` : '';
+        const colSpan = placement.colSpan ? `${prefix}col-span-${placement.colSpan}` : '';
+        const rowStart = placement.rowStart ? `${prefix}row-start-${placement.rowStart}` : '';
+        const rowEnd = placement.rowEnd ? `${prefix}row-end-${placement.rowEnd}` : '';
+        const rowSpan = placement.rowSpan ? `${prefix}row-span-${placement.rowSpan}` : '';
+        const order = placement.order ? `${prefix}order-${placement.order}` : ''; // Handling order
         [colStart, colEnd, colSpan, rowStart, rowEnd, rowSpan, order].forEach(cls => {
             if (cls) {
                 this.renderer.addClass(this.el.nativeElement, cls);
@@ -1955,7 +2200,7 @@ class AXPGridLayoutDirective {
     clearClasses() {
         const currentClasses = this.el.nativeElement.className.split(' ');
         currentClasses.forEach((className) => {
-            if (className.startsWith('ax-col-') || className.startsWith('ax-row-') || className.startsWith('ax-order-')) {
+            if (className.startsWith('col-') || className.startsWith('row-') || className.startsWith('order-')) {
                 this.renderer.removeClass(this.el.nativeElement, className);
             }
         });
@@ -3252,6 +3497,261 @@ function setupPopupFooterKeyboardShortcuts(getActions, config) {
 }
 //#endregion
 
+//#endregion
+
+const AXP_LOGO_PROVIDER = new InjectionToken('AXP_LOGO_PROVIDER', {
+    providedIn: 'root',
+    factory: () => [],
+});
+
+const AXP_LOGO_THEME_RESOLVER = new InjectionToken('AXP_LOGO_THEME_RESOLVER');
+
+//#region ---- Logo registry keys ----
+const AXP_PLATFORM_LOGO_KEY = 'platform';
+function axpSsoLogoKey(idpId) {
+    return `sso:${idpId}`;
+}
+function axpTenantLogoKey(tenantId) {
+    return `tenant:${tenantId}`;
+}
+function axpApplicationLogoKey(applicationId) {
+    return `application:${applicationId}`;
+}
+//#endregion
+
+//#region ---- Logo registry ----
+class AXPLogoRegistryService {
+    constructor() {
+        this.providers = new Map();
+        this.componentCache = new Map();
+        this.revision = signal(0, ...(ngDevMode ? [{ debugName: "revision" }] : /* istanbul ignore next */ []));
+        /** Bumps when a provider is registered or replaced. */
+        this.registryRevision = this.revision.asReadonly();
+        const injected = inject(AXP_LOGO_PROVIDER, { optional: true }) ?? [];
+        for (const provider of injected) {
+            this.register(provider);
+        }
+    }
+    register(provider) {
+        this.providers.set(provider.key, provider);
+        this.revision.update((value) => value + 1);
+    }
+    has(key) {
+        return this.providers.has(key);
+    }
+    async resolve(key, request) {
+        const provider = this.providers.get(key);
+        if (!provider) {
+            return { kind: 'icon', icon: 'fa-solid fa-image', color: 'neutral-400' };
+        }
+        const view = await provider.resolve(request);
+        return this.toResolvedView(key, view);
+    }
+    async toResolvedView(key, view) {
+        if (view.kind !== 'component') {
+            return view;
+        }
+        let component = this.componentCache.get(key);
+        if (!component) {
+            component = await view.load();
+            this.componentCache.set(key, component);
+        }
+        return {
+            kind: 'component',
+            component,
+            inputs: view.inputs,
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLogoRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLogoRegistryService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLogoRegistryService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+const AXP_ENTITY_LOGO_FALLBACK_RESOLVER = new InjectionToken('AXP_ENTITY_LOGO_FALLBACK_RESOLVER');
+//#endregion
+
+class AXPEntityLogoRegistrationService {
+    constructor() {
+        this.registry = inject(AXPLogoRegistryService);
+        this.fallbackResolver = inject(AXP_ENTITY_LOGO_FALLBACK_RESOLVER, { optional: true });
+    }
+    registerTenant(tenant) {
+        this.registry.register(this.createEntityProvider(axpTenantLogoKey(tenant.id), tenant.logo));
+    }
+    registerApplication(application) {
+        this.registry.register(this.createEntityProvider(axpApplicationLogoKey(application.id), application.logo ?? application.logoUrl));
+    }
+    registerTenants(tenants) {
+        for (const tenant of tenants) {
+            this.registerTenant(tenant);
+        }
+    }
+    registerApplications(applications) {
+        for (const application of applications) {
+            this.registerApplication(application);
+        }
+    }
+    createEntityProvider(key, logo) {
+        return {
+            key,
+            resolve: (request) => Promise.resolve(this.resolveEntityLogoView(key, logo, request.size)),
+        };
+    }
+    resolveEntityLogoView(key, logo, size) {
+        const src = logo ?? this.fallbackResolver?.resolve(key);
+        if (src) {
+            return { kind: 'image', src, width: size, height: size };
+        }
+        return { kind: 'icon', icon: 'fa-solid fa-building', color: 'neutral-400' };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntityLogoRegistrationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntityLogoRegistrationService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntityLogoRegistrationService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+/** Normalizes API logo payloads (string url or legacy config object). */
+function axpExtractLogoUrl(logo) {
+    if (typeof logo === 'string' && logo.length > 0) {
+        return logo;
+    }
+    if (logo && typeof logo === 'object' && 'url' in logo) {
+        const url = logo.url;
+        if (typeof url === 'string' && url.length > 0) {
+            return url;
+        }
+    }
+    return undefined;
+}
+
+const AXP_LOGO_IMAGE_SRC_RESOLVER = new InjectionToken('AXP_LOGO_IMAGE_SRC_RESOLVER');
+//#endregion
+
+//#region ---- Unified logo component ----
+class AXPLogoComponent {
+    constructor() {
+        this.logoKey = input.required(...(ngDevMode ? [{ debugName: "logoKey" }] : /* istanbul ignore next */ []));
+        this.appearance = input('auto', ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
+        this.size = input(20, ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+        this.format = input('mark', ...(ngDevMode ? [{ debugName: "format" }] : /* istanbul ignore next */ []));
+        this.registry = inject(AXPLogoRegistryService);
+        this.imageSrcResolver = inject(AXP_LOGO_IMAGE_SRC_RESOLVER, { optional: true });
+        this.themeResolver = inject(AXP_LOGO_THEME_RESOLVER, { optional: true });
+        this.resolvedView = signal(null, ...(ngDevMode ? [{ debugName: "resolvedView" }] : /* istanbul ignore next */ []));
+        this.blobObjectUrl = null;
+        this.resolveGeneration = 0;
+        this.resolvedAppearance = computed(() => this.normalizeAppearance(this.appearance()), ...(ngDevMode ? [{ debugName: "resolvedAppearance" }] : /* istanbul ignore next */ []));
+        this.request = computed(() => ({
+            appearance: this.resolvedAppearance(),
+            size: this.size(),
+            format: this.format(),
+        }), ...(ngDevMode ? [{ debugName: "request" }] : /* istanbul ignore next */ []));
+        this.imageView = computed(() => {
+            const view = this.resolvedView();
+            return view?.kind === 'image' ? view : null;
+        }, ...(ngDevMode ? [{ debugName: "imageView" }] : /* istanbul ignore next */ []));
+        this.componentView = computed(() => {
+            const view = this.resolvedView();
+            return view?.kind === 'component' ? view : null;
+        }, ...(ngDevMode ? [{ debugName: "componentView" }] : /* istanbul ignore next */ []));
+        this.iconView = computed(() => {
+            const view = this.resolvedView();
+            return view?.kind === 'icon' ? view : null;
+        }, ...(ngDevMode ? [{ debugName: "iconView" }] : /* istanbul ignore next */ []));
+        this.imageWidth = computed(() => {
+            const view = this.resolvedView();
+            return view?.kind === 'image' ? (view.width ?? this.size()) : this.size();
+        }, ...(ngDevMode ? [{ debugName: "imageWidth" }] : /* istanbul ignore next */ []));
+        this.imageHeight = computed(() => {
+            const view = this.resolvedView();
+            return view?.kind === 'image' ? (view.height ?? this.size()) : this.size();
+        }, ...(ngDevMode ? [{ debugName: "imageHeight" }] : /* istanbul ignore next */ []));
+        this.componentInputs = computed(() => {
+            const view = this.resolvedView();
+            if (view?.kind !== 'component') {
+                return {};
+            }
+            return {
+                appearance: this.resolvedAppearance(),
+                size: this.size(),
+                ...view.inputs,
+            };
+        }, ...(ngDevMode ? [{ debugName: "componentInputs" }] : /* istanbul ignore next */ []));
+        effect((onCleanup) => {
+            this.registry.registryRevision();
+            const key = this.logoKey();
+            const request = this.request();
+            const generation = ++this.resolveGeneration;
+            void this.resolveView(key, request, generation).then((view) => {
+                if (generation === this.resolveGeneration) {
+                    this.resolvedView.set(view);
+                }
+            });
+            onCleanup(() => {
+                this.revokeBlobUrl();
+            });
+        });
+    }
+    ngOnDestroy() {
+        this.revokeBlobUrl();
+    }
+    async resolveView(key, request, generation) {
+        const view = await this.registry.resolve(key, request);
+        if (view.kind !== 'image') {
+            this.revokeBlobUrl();
+            return view;
+        }
+        const resolver = this.imageSrcResolver;
+        if (!resolver) {
+            return view;
+        }
+        try {
+            const src = await resolver.resolve(view.src);
+            if (!src) {
+                return { kind: 'icon', icon: 'fa-solid fa-building', color: 'neutral-400' };
+            }
+            if (generation !== this.resolveGeneration) {
+                if (src.startsWith('blob:')) {
+                    URL.revokeObjectURL(src);
+                }
+                return view;
+            }
+            this.revokeBlobUrl();
+            if (src.startsWith('blob:')) {
+                this.blobObjectUrl = src;
+            }
+            return { ...view, src };
+        }
+        catch {
+            return { kind: 'icon', icon: 'fa-solid fa-building', color: 'neutral-400' };
+        }
+    }
+    revokeBlobUrl() {
+        if (this.blobObjectUrl) {
+            URL.revokeObjectURL(this.blobObjectUrl);
+            this.blobObjectUrl = null;
+        }
+    }
+    normalizeAppearance(appearance) {
+        if (appearance !== 'auto') {
+            return appearance;
+        }
+        return this.themeResolver?.isDarkMode() ? 'dark' : 'light';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPLogoComponent, isStandalone: true, selector: "axp-logo", inputs: { logoKey: { classPropertyName: "logoKey", publicName: "logoKey", isSignal: true, isRequired: true, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "inline-flex items-center justify-center shrink-0" }, ngImport: i0, template: "@switch (resolvedView()?.kind) {\n  @case ('image') {\n    @if (imageView(); as view) {\n      <ax-image [width]=\"imageWidth()\" [height]=\"imageHeight()\" [src]=\"view.src\"></ax-image>\n    }\n  }\n  @case ('component') {\n    @if (componentView(); as view) {\n      <ng-container *ngComponentOutlet=\"view.component; inputs: componentInputs()\"></ng-container>\n    }\n  }\n  @case ('icon') {\n    @if (iconView(); as view) {\n      <ax-icon><i [class]=\"view.icon\" [style.color]=\"view.color\"></i></ax-icon>\n    }\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "ngmodule", type: AXImageModule }, { kind: "component", type: i2.AXImageComponent, selector: "ax-image", inputs: ["width", "height", "overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLogoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axp-logo', imports: [CommonModule, AXImageModule, AXDecoratorModule], host: {
+                        class: 'inline-flex items-center justify-center shrink-0',
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "@switch (resolvedView()?.kind) {\n  @case ('image') {\n    @if (imageView(); as view) {\n      <ax-image [width]=\"imageWidth()\" [height]=\"imageHeight()\" [src]=\"view.src\"></ax-image>\n    }\n  }\n  @case ('component') {\n    @if (componentView(); as view) {\n      <ng-container *ngComponentOutlet=\"view.component; inputs: componentInputs()\"></ng-container>\n    }\n  }\n  @case ('icon') {\n    @if (iconView(); as view) {\n      <ax-icon><i [class]=\"view.icon\" [style.color]=\"view.color\"></i></ax-icon>\n    }\n  }\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { logoKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "logoKey", required: true }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }] } });
+
 /** Global overlay flag + task count ({@link AXPLayoutThemeService}). */
 const OVERLAY_LAYOUT_TRACE_NS = 'OVERLAY-LAYOUT';
 /** Root shell loading dialog sync ({@link AXPRootLayoutComponent}). */
@@ -3792,6 +4292,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
 //#region ---- Idle scheduler types ----
 //#endregion
 
+const AXP_SETTINGS_DEFINITION_DIALOG_OPENER = new InjectionToken('AXP_SETTINGS_DEFINITION_DIALOG_OPENER');
+//#endregion
+
+//#endregion
+
 //#region ----   Tag Types   ----
 //#endregion
 
@@ -4571,12 +5076,12 @@ class AXHighlightService {
         let parts = [];
         let match;
         let lastIndex = 0;
-        let resultHTML = '<span class="ax-highlight-text">';
+        let resultHTML = '<span class="highlight-text">';
         while ((match = searchRegex.exec(textContent)) !== null) {
             if (match.index > lastIndex) {
                 resultHTML += `<span>${textContent.slice(lastIndex, match.index)}</span>`;
             }
-            resultHTML += `<span class="ax-highlight">${match[0]}</span>`;
+            resultHTML += `<span class="highlight">${match[0]}</span>`;
             lastIndex = searchRegex.lastIndex;
         }
         if (lastIndex < textContent.length) {
@@ -4595,29 +5100,57 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 }]
         }], ctorParameters: () => [] });
 
+/**
+ * Instantiates a class inside an injection context.
+ * Use when a lazy provider manually calls `new` on a nested class that relies on `inject()`.
+ *
+ * @example
+ * ```typescript
+ * export class AXMAuthDataSourceProvider implements AXPDataSourceDefinitionProvider {
+ *   constructor(private readonly injector: Injector) {}
+ *
+ *   async items() {
+ *     const userActivity = instantiateWithInjectionContext(
+ *       this.injector,
+ *       AXMUserActivityDataSourceDefinition,
+ *     );
+ *     return [...(await userActivity.items())];
+ *   }
+ * }
+ * ```
+ */
+function instantiateWithInjectionContext(injector, type) {
+    return runInInjectionContext(injector, () => new type(injector));
+}
 /**
  * Creates a provider instance within an injection context.
- * Handles dynamic import, injector resolution, and provider instantiation.
+ * The injector must be captured synchronously from the useFactory injection context.
  *
+ * @param injector - Injector resolved synchronously inside `useFactory`
  * @param loader - Function that returns a promise resolving to the provider class
  * @returns Promise that resolves to the provider instance
  *
  * @example
  * ```typescript
- * useFactory: () => createProviderWithInjectionContext(() =>
- *   import('./settings.provider').then(m => m.AXMSettingProvider)
- * )
+ * useFactory: () => {
+ *   const injector = inject(Injector);
+ *   return createProviderWithInjectionContext(injector, () =>
+ *     import('./settings.provider').then((m) => m.AXMSettingProvider),
+ *   );
+ * }
  * ```
  */
-async function createProviderWithInjectionContext(loader) {
-    const injector = inject(Injector);
+async function createProviderWithInjectionContext(injector, loader) {
     const ProviderClass = await loader();
-    return runInInjectionContext(injector, () => new ProviderClass());
+    return runInInjectionContext(injector, () => new ProviderClass(injector));
 }
 /**
  * Creates a provider configuration for lazy-loaded providers with injection context.
  * Simplifies provider registration in NgModule providers array.
  *
+ * Captures `Injector` synchronously in `useFactory` (before any `await`) so injection
+ * context is reliable after dynamic import and cache rebuilds.
+ *
  * @param token - The injection token to provide
  * @param loader - Function that returns a promise resolving to the provider class
  * @param multi - Optional. Whether the provider is a multi-provider (array of values). Defaults to `true`. Pass `false` for a single provider.
@@ -4642,7 +5175,10 @@ async function createProviderWithInjectionContext(loader) {
 function provideLazyProvider(token, loader, multi = true) {
     return {
         provide: token,
-        useFactory: () => createProviderWithInjectionContext(loader),
+        useFactory: () => {
+            const injector = inject(Injector);
+            return createProviderWithInjectionContext(injector, loader);
+        },
         multi,
     };
 }
@@ -4651,5 +5187,5 @@ function provideLazyProvider(token, loader, multi = true) {
  * Generated bundle index. Do not edit.
  */
 
-export { AXHighlightService, AXPActivityLogProvider, AXPActivityLogService, AXPAppStartUpProvider, AXPAppStartUpService, AXPBroadcastEventService, AXPCatalogScopeDefinitionProviderService, AXPCatalogScopeDefinitionsDataSourceDefinition, AXPColorPaletteProvider, AXPColorPaletteService, AXPColumnWidthService, AXPComponentLogoConfig, AXPComponentSlot, AXPComponentSlotDirective, AXPComponentSlotModule, AXPComponentSlotRegistryService, AXPContentCheckerDirective, AXPContextDefinitionProviderService, AXPContextEvalFactory, AXPContextStore, AXPCountdownPipe, AXPDataGenerator, AXPDataSourceDefinitionProviderService, AXPDblClickDirective, AXPDebugService, AXPDefaultColorPalettesProvider, AXPDeviceService, AXPDeviceType, AXPDistributedEventListenerService, AXPElementDataDirective, AXPExpressionEvaluatorScopeProviderContext, AXPExpressionEvaluatorScopeProviderService, AXPExpressionEvaluatorService, AXPFeatureDefinitionProviderContext, AXPGridLayoutDirective, AXPHookService, AXPIconLogoConfig, AXPIdleSchedulerService, AXPImageUrlLogoConfig, AXPKeyboardShortcutRegistry, AXPModuleManifestModule, AXPModuleManifestRegistry, AXPModuleManifestsDataSourceDefinition, AXPScreenSize, AXPTagProvider, AXPTagService, AXP_ACTIVITY_LOG_PROVIDER, AXP_CATALOG_SCOPE_DEFINITION_PROVIDER, AXP_COLOR_PALETTE_PROVIDER, AXP_COLUMN_WIDTH_PROVIDER, AXP_CONTEXT_DEFINITION_PROVIDER, AXP_DATASOURCE_DEFINITION_PROVIDER, AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER, AXP_EXPRESSION_EVALUATOR_SCOPE_PROVIDER, AXP_FEATURE_DEFINITION_PROVIDER, AXP_MODULE_MANIFEST_PROVIDER, AXP_SESSION_SERVICE, AXP_TAG_PROVIDER, AX_OVERLAY_CONTAINER_SELECTOR, AX_OVERLAY_PANE_SELECTOR, DEFAULT_CANCEL_DIALOG_ACTION_SHORTCUTS, DEFAULT_SUBMIT_DIALOG_ACTION_SHORTCUTS, FORM_DIRTY_TRACE_NS, OVERLAY_DETAILS_VIEW_TRACE_NS, OVERLAY_LAYOUT_TRACE_NS, OVERLAY_ROOT_LAYOUT_TRACE_NS, OVERLAY_WIDGET_SETTLE_TRACE_NS, applyContextEvalPipes, applyFilterArray, applyPagination, applyQueryArray, applySortArray, applySystemActionDefault, chordToKbdItemKeys, contextEvalWithPipes, createProviderWithInjectionContext, defaultColumnWidthProvider, findOverlayContainerAncestor, formatKeyboardShortcutChord, formatKeyboardShortcutChords, getNestedVisibleOverlayPanes, getPrimaryKeyboardShortcutChord, getTopVisibleOverlayContainer, getVisibleAnchoredOverlayPanes, getVisibleOverlayContainers, hasForegroundOverlayLayer, isDialogShortcutAllowedInEditableField, isHorizontalDirectionalShortcutKey, isKeyboardTargetInsideEditableField, isMacPlatform, isVisibleOverlayElement, matchesDialogActionShortcut, matchesKeyboardShortcutChord, mirrorHorizontalDirectionalKey, normalizeContextEvalPipes, normalizeDialogActionShortcutChord, normalizeExpressionTemplate, normalizeKeyboardShortcut, normalizeKeyboardShortcuts, objectKeyValueTransforms, parseDialogActionShortcut, parseKeyboardShortcutChord, provideLazyProvider, registerPopupFooterKeyboardShortcuts, resolveConfiguredFooterActionShortcuts, resolveDialogActionShortcuts, resolveDisplayShortcutChord, resolveEffectiveDirectionBehavior, resolveSemanticDirectionalKey, setupPopupFooterKeyboardShortcuts, shouldDeferEscapeToOpenOverlay, shouldTriggerDialogActionShortcut };
+export { AXHighlightService, AXPActivityLogProvider, AXPActivityLogService, AXPAppStartUpProvider, AXPAppStartUpService, AXPBroadcastEventService, AXPCatalogScopeDefinitionProviderService, AXPCatalogScopeDefinitionsDataSourceDefinition, AXPColorPaletteProvider, AXPColorPaletteService, AXPColumnWidthService, AXPComponentLogoConfig, AXPComponentSlot, AXPComponentSlotDirective, AXPComponentSlotModule, AXPComponentSlotRegistryService, AXPContentCheckerDirective, AXPContextDefinitionProviderService, AXPContextEvalFactory, AXPContextStore, AXPCountdownPipe, AXPDataGenerator, AXPDataSourceDefinitionProviderService, AXPDataSourceQueryService, AXPDblClickDirective, AXPDebugService, AXPDefaultColorPalettesProvider, AXPDeviceService, AXPDeviceType, AXPDistributedEventListenerService, AXPElementDataDirective, AXPEntityLogoRegistrationService, AXPExpressionEvaluatorScopeProviderContext, AXPExpressionEvaluatorScopeProviderService, AXPExpressionEvaluatorService, AXPFeatureDefinitionProviderContext, AXPGridLayoutDirective, AXPHookService, AXPIconLogoConfig, AXPIdleSchedulerService, AXPImageUrlLogoConfig, AXPKeyboardShortcutRegistry, AXPLogoComponent, AXPLogoRegistryService, AXPModuleManifestModule, AXPModuleManifestRegistry, AXPModuleManifestsDataSourceDefinition, AXPScreenSize, AXPTagProvider, AXPTagService, AXP_ACTIVITY_LOG_PROVIDER, AXP_CATALOG_SCOPE_DEFINITION_PROVIDER, AXP_COLOR_PALETTE_PROVIDER, AXP_COLUMN_WIDTH_PROVIDER, AXP_CONTEXT_DEFINITION_PROVIDER, AXP_DATASOURCE_DEFINITION_PROVIDER, AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER, AXP_ENTITY_LOGO_FALLBACK_RESOLVER, AXP_EXPRESSION_EVALUATOR_SCOPE_PROVIDER, AXP_FEATURE_DEFINITION_PROVIDER, AXP_LOGO_IMAGE_SRC_RESOLVER, AXP_LOGO_PROVIDER, AXP_LOGO_THEME_RESOLVER, AXP_MODULE_MANIFEST_PROVIDER, AXP_PLATFORM_LOGO_KEY, AXP_SESSION_SERVICE, AXP_SETTINGS_DEFINITION_DIALOG_OPENER, AXP_TAG_PROVIDER, AX_OVERLAY_CONTAINER_SELECTOR, AX_OVERLAY_PANE_SELECTOR, DEFAULT_CANCEL_DIALOG_ACTION_SHORTCUTS, DEFAULT_SUBMIT_DIALOG_ACTION_SHORTCUTS, FORM_DIRTY_TRACE_NS, OVERLAY_DETAILS_VIEW_TRACE_NS, OVERLAY_LAYOUT_TRACE_NS, OVERLAY_ROOT_LAYOUT_TRACE_NS, OVERLAY_WIDGET_SETTLE_TRACE_NS, applyContextEvalPipes, applyFilterArray, applyPagination, applyQueryArray, applySortArray, applySystemActionDefault, axpApplicationLogoKey, axpExtractLogoUrl, axpSsoLogoKey, axpTenantLogoKey, chordToKbdItemKeys, contextEvalWithPipes, createProviderWithInjectionContext, defaultColumnWidthProvider, findOverlayContainerAncestor, formatKeyboardShortcutChord, formatKeyboardShortcutChords, getNestedVisibleOverlayPanes, getPrimaryKeyboardShortcutChord, getTopVisibleOverlayContainer, getVisibleAnchoredOverlayPanes, getVisibleOverlayContainers, hasForegroundOverlayLayer, instantiateWithInjectionContext, isDialogShortcutAllowedInEditableField, isHorizontalDirectionalShortcutKey, isKeyboardTargetInsideEditableField, isMacPlatform, isVisibleOverlayElement, matchesDialogActionShortcut, matchesKeyboardShortcutChord, mirrorHorizontalDirectionalKey, normalizeContextEvalPipes, normalizeDialogActionShortcutChord, normalizeExpressionTemplate, normalizeKeyboardShortcut, normalizeKeyboardShortcuts, objectKeyValueTransforms, parseDialogActionShortcut, parseKeyboardShortcutChord, provideLazyProvider, registerPopupFooterKeyboardShortcuts, resolveConfiguredFooterActionShortcuts, resolveDialogActionShortcuts, resolveDisplayShortcutChord, resolveEffectiveDirectionBehavior, resolveSemanticDirectionalKey, setupPopupFooterKeyboardShortcuts, shouldDeferEscapeToOpenOverlay, shouldTriggerDialogActionShortcut };
 //# sourceMappingURL=acorex-platform-framework-client-core.mjs.map