@acorex/platform 21.0.0-next.3 → 21.0.0-next.34

package/fesm2022/acorex-platform-core.mjs

@@ -1,10 +1,14 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, computed, input, effect, Directive, EventEmitter, HostListener, Output, ViewContainerRef, ElementRef, signal, output, DestroyRef, Renderer2, untracked, Injector, runInInjectionContext, provideAppInitializer, NgModule, Pipe } from '@angular/core';
+import { InjectionToken, inject, Injectable, Directive, computed, Injector, ChangeDetectionStrategy, Component, input, ElementRef, ViewContainerRef, signal, effect, runInInjectionContext, Optional, Inject, NgModule, EventEmitter, HostListener, Output, provideAppInitializer, ChangeDetectorRef, Pipe } from '@angular/core';
+import { get, isPlainObject, set, isNil, isEmpty, isArray, merge, isObjectLike, transform, isEqual, differenceWith, union, cloneDeep, has, sortBy, isUndefined, endsWith, startsWith, includes, lte, gte, lt, gt, orderBy } from 'lodash-es';
 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, fromEvent } from 'rxjs';
+import * as i1 from '@acorex/components/skeleton';
+import { AXSkeletonModule } from '@acorex/components/skeleton';
+import { Subject, merge as merge$1, of, interval, fromEvent } from 'rxjs';
+import { AXDataSource } from '@acorex/cdk/common';
+import { AXTranslationService } from '@acorex/core/translation';
+import { map, distinctUntilChanged, startWith, debounceTime } from 'rxjs/operators';
 import { AXCalendarService } from '@acorex/core/date-time';
-import { startWith, map, debounceTime } from 'rxjs/operators';
 
 const AXP_ACTIVITY_LOG_PROVIDER = new InjectionToken('AXP_ACTIVITY_LOGS_PROVIDER');
 class AXPActivityLogService {
@@ -17,10 +21,10 @@ class AXPActivityLogService {
     async getHistoryByIds(refId, refType, ids) {
         return (await Promise.all(this.providers?.map((p) => p.getHistoryByIds(refId, refType, ids)) ?? [])).flat();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPActivityLogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPActivityLogService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPActivityLogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPActivityLogService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPActivityLogService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPActivityLogService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -170,10 +174,10 @@ class AXPColorPaletteService {
         const uniquePalettes = allPalettes.filter((palette, index, self) => index === self.findIndex((p) => p.name === palette.name));
         this.cache = uniquePalettes;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPColorPaletteService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPColorPaletteService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPColorPaletteService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPColorPaletteService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPColorPaletteService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPColorPaletteService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -288,13 +292,241 @@ class AXPDefaultColorPalettesProvider extends AXPColorPaletteProvider {
             },
         ];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPDefaultColorPalettesProvider, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPDefaultColorPalettesProvider }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPDefaultColorPalettesProvider, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPDefaultColorPalettesProvider }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPDefaultColorPalettesProvider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPDefaultColorPalettesProvider, decorators: [{
             type: Injectable
         }] });
 
+//#region ----   Column Width Provider   ----
+/**
+ * Injection token for column width providers
+ * Use this to register multiple column width providers with multi: true
+ *
+ * @example
+ * ```typescript
+ * providers: [
+ *   {
+ *     provide: AXP_COLUMN_WIDTH_PROVIDER,
+ *     useValue: {
+ *       matchers: [
+ *         { name: 'title', width: '300px', priority: 10 },
+ *         { widgetType: /text-box/i, width: '200px' }
+ *       ],
+ *       priority: 150
+ *     },
+ *     multi: true
+ *   }
+ * ]
+ * ```
+ */
+const AXP_COLUMN_WIDTH_PROVIDER = new InjectionToken('AXP_COLUMN_WIDTH_PROVIDER');
+//#endregion
+
+//#region ----   Column Width Service   ----
+/**
+ * Service for resolving column widths based on registered providers
+ * Supports matching by column name (priority) and widget type (fallback)
+ * Uses multi-provider pattern for extensibility
+ */
+class AXPColumnWidthService {
+    constructor() {
+        //#region ----   Services & Dependencies   ----
+        this.providers = inject(AXP_COLUMN_WIDTH_PROVIDER, {
+            optional: true,
+        }) ?? [];
+    }
+    //#region ----   Public Methods   ----
+    /**
+     * Resolve width for a column based on registered providers
+     * Only returns a width if column doesn't already have one set
+     *
+     * @param column Column to resolve width for
+     * @returns Resolved width string (normalized) or undefined if no match or column already has width
+     */
+    resolveWidth(column) {
+        // If column already has a width set, don't override
+        const existingWidth = column.width || column.options?.width;
+        if (existingWidth) {
+            return undefined;
+        }
+        // Get widget type from column (support both widget.type and showAs.type)
+        const widgetType = column.widget?.type || column.showAs?.type;
+        // Collect all matchers from all providers
+        const allMatchers = this.collectMatchers();
+        // Try name-based matches first (higher priority)
+        const nameMatch = this.findNameMatch(column.name, allMatchers);
+        if (nameMatch) {
+            return this.normalizeWidth(nameMatch.width);
+        }
+        // Fallback to widget-type matches (case-insensitive)
+        if (widgetType) {
+            const widgetMatch = this.findWidgetTypeMatch(widgetType, allMatchers);
+            if (widgetMatch) {
+                return this.normalizeWidth(widgetMatch.width);
+            }
+        }
+        return undefined;
+    }
+    /**
+     * Apply resolved width to a column (mutates the column)
+     * Only applies if column doesn't already have a width
+     *
+     * @param column Column to apply width to
+     * @returns true if width was applied, false if column already had width or no match found
+     */
+    applyWidth(column) {
+        const width = this.resolveWidth(column);
+        if (!width) {
+            return false;
+        }
+        // Apply to the appropriate property
+        if (column.options) {
+            column.options.width = width;
+        }
+        else {
+            column.width = width;
+        }
+        return true;
+    }
+    //#endregion
+    //#region ----   Private Methods   ----
+    /**
+     * Collect all matchers from all providers, sorted by provider priority and matcher priority
+     */
+    collectMatchers() {
+        const allMatchers = [];
+        for (const provider of this.providers) {
+            const providerPriority = provider.priority ?? 100;
+            for (const matcher of provider.matchers) {
+                allMatchers.push({
+                    matcher,
+                    providerPriority,
+                });
+            }
+        }
+        // Sort by provider priority (descending), then by matcher priority (descending)
+        allMatchers.sort((a, b) => {
+            if (a.providerPriority !== b.providerPriority) {
+                return b.providerPriority - a.providerPriority; // Higher priority first
+            }
+            const priorityA = a.matcher.priority ?? 0;
+            const priorityB = b.matcher.priority ?? 0;
+            return priorityB - priorityA; // Higher priority first
+        });
+        return allMatchers;
+    }
+    /**
+     * Find first matching matcher by column name
+     * Name matches take precedence over widget type matches
+     */
+    findNameMatch(columnName, allMatchers) {
+        for (const { matcher } of allMatchers) {
+            if (!matcher.name) {
+                continue; // Skip if no name matcher
+            }
+            if (typeof matcher.name === 'string') {
+                // Exact string match (case-sensitive for names)
+                if (matcher.name === columnName) {
+                    return matcher;
+                }
+            }
+            else if (matcher.name instanceof RegExp) {
+                // RegExp match
+                if (matcher.name.test(columnName)) {
+                    return matcher;
+                }
+            }
+        }
+        return undefined;
+    }
+    /**
+     * Find first matching matcher by widget type (case-insensitive)
+     */
+    findWidgetTypeMatch(widgetType, allMatchers) {
+        const widgetTypeLower = widgetType.toLowerCase();
+        for (const { matcher } of allMatchers) {
+            if (!matcher.widgetType) {
+                continue; // Skip if no widget type matcher
+            }
+            if (typeof matcher.widgetType === 'string') {
+                // Case-insensitive string match
+                if (matcher.widgetType.toLowerCase() === widgetTypeLower) {
+                    return matcher;
+                }
+            }
+            else if (matcher.widgetType instanceof RegExp) {
+                // RegExp match (should already be case-insensitive if needed, but we'll test case-insensitively)
+                // Create a new regex with case-insensitive flag if not already present
+                let regex = matcher.widgetType;
+                if (!regex.flags.includes('i')) {
+                    regex = new RegExp(regex.source, regex.flags + 'i');
+                }
+                if (regex.test(widgetType)) {
+                    return matcher;
+                }
+            }
+        }
+        return undefined;
+    }
+    /**
+     * Normalize width value to string format
+     * Numbers are converted to pixels (e.g., 150 -> '150px')
+     * Strings are preserved as-is (supports any CSS unit)
+     */
+    normalizeWidth(width) {
+        if (typeof width === 'number') {
+            return `${width}px`;
+        }
+        return width;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPColumnWidthService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPColumnWidthService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPColumnWidthService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+//#region ----   Column Width Types   ----
+//#endregion
+
+//#region ----   Default Column Width Provider   ----
+/**
+ * Default column width configuration
+ * Migrated from DEFAULT_COLUMN_WIDTHS in column-width.middleware.ts
+ * Provides sensible defaults for common column names
+ */
+const defaultColumnWidthProvider = {
+    priority: 100,
+    matchers: [
+        // Priority: name-based matches (higher priority = more specific)
+        { name: 'code', width: '150px', priority: 10 },
+        { name: 'name', width: '250px', priority: 10 },
+        { name: 'title', width: '250px', priority: 10 },
+        { name: 'description', width: '350px', priority: 10 },
+        { name: 'note', width: '350px', priority: 10 },
+        { name: 'notes', width: '350px', priority: 10 },
+        { name: 'content', width: '500px', priority: 10 },
+        { name: 'level', width: '100px', priority: 10 },
+        { name: 'order', width: '100px', priority: 10 },
+        { name: 'phones', width: '300px', priority: 10 },
+        { name: 'emails', width: '300px', priority: 10 },
+    ],
+};
+//#endregion
+
+class AXPComponentSlot {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPComponentSlot, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: AXPComponentSlot, isStandalone: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPComponentSlot, decorators: [{
+            type: Directive
+        }] });
+
 function extractNestedFieldsWildcard(obj, basePath, fields) {
     const result = {};
     if (fields.length === 1 && fields[0] === '*') {
@@ -313,7 +545,41 @@ function setSmart(obj, smartPath, value) {
     const lastPart = pathParts[pathParts.length - 1];
     const fieldMatch = lastPart.match(/^\{(.+)\}$/);
     if (!fieldMatch) {
+        // Fix: If value is undefined and we're setting a nested property,
+        // check if the parent object exists and if setting this would result in
+        // all properties being undefined. If so, set the parent to null instead.
+        if (isNil(value) && pathParts.length > 1) {
+            const parentPath = pathParts.slice(0, -1).join('.');
+            const parentObj = get(obj, parentPath);
+            // If parent is already null/undefined, don't recreate the object structure
+            if (isNil(parentObj)) {
+                return obj;
+            }
+            // Check if parent is a plain object (not array, not null)
+            if (isPlainObject(parentObj)) {
+                const existingKeys = Object.keys(parentObj);
+                // Check if all existing properties are null/undefined using lodash
+                const allNil = isEmpty(existingKeys) || existingKeys.every((key) => isNil(parentObj[key]));
+                if (allNil) {
+                    // Set parent to null instead of creating/keeping an object with all undefined properties
+                    set(obj, parentPath, null);
+                    return obj;
+                }
+            }
+        }
         set(obj, smartPath, value);
+        // After setting, check again if parent should be null using lodash
+        if (isNil(value) && pathParts.length > 1) {
+            const parentPath = pathParts.slice(0, -1).join('.');
+            const parentObj = get(obj, parentPath);
+            if (isPlainObject(parentObj)) {
+                // Use lodash to check if all properties are null/undefined
+                const allNil = Object.keys(parentObj).every((key) => isNil(parentObj[key]));
+                if (allNil) {
+                    set(obj, parentPath, null);
+                }
+            }
+        }
         return obj;
     }
     const fields = fieldMatch[1].split(',').map((f) => f.trim());
@@ -525,9 +791,10 @@ function getEnumValues(enumType) {
 
 class AXPContextChangeEvent {
 }
-const AXPContextStore = signalStore({
-    providedIn: 'root',
-}, 
+//#endregion
+//#region ---- Context signal store ----
+// Shared reactive context: root injector has a default instance; widget/layout trees
+const AXPContextStore = signalStore(
 // Initial State
 withState(() => ({
     data: {}, // Shared context data
@@ -577,7 +844,7 @@ withMethods((store) => ({
             lastChange: changeEvent,
         });
     },
-    patch(context) {
+    patch(context, skipDirtyTracking = false) {
         const currentData = cloneDeep(store.data());
         // Update the value and prepare the change event
         const updatedData = { ...currentData, ...context };
@@ -587,7 +854,7 @@ withMethods((store) => ({
         };
         // Patch the state
         patchState(store, {
-            previousSnapshot: store.snapshot(), // Save the previous state
+            ...(skipDirtyTracking ? {} : { previousSnapshot: store.snapshot() }),
             data: updatedData,
             state: 'changed',
             lastChange: changeEvent,
@@ -635,107 +902,527 @@ withMethods((store) => ({
     getValue(path) {
         return getSmart(store.data(), path);
     },
+    // Check if a path exists in the context
+    hasValue(path) {
+        return has(store.data(), path);
+    },
 })));
+//#endregion
 
-class AXPDataGenerator {
-    static uuid() {
-        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (char) => {
-            const random = (Math.random() * 16) | 0;
-            const value = char === 'x' ? random : (random & 0x3) | 0x8;
-            return value.toString(16);
-        });
+class AXPExpressionEvaluatorScopeProviderContext {
+    constructor() {
+        this.scopes = {};
     }
-    static number(...args) {
-        let min = 0;
-        let max = 100;
-        if (args.length == 1)
-            max = args[0];
-        if (args.length == 2) {
-            min = args[0];
-            max = args[1];
-        }
-        return Math.floor(Math.random() * (max - min + 1)) + min;
+    addScope(namespace, functions) {
+        this.scopes[namespace] = { ...this.scopes[namespace], ...functions };
     }
-    static date(...args) {
-        let start = new Date(2000, 0, 1);
-        let end = new Date();
-        if (args.length === 1) {
-            start = args[0];
-        }
-        else if (args.length === 2) {
-            start = args[0];
-            end = args[1];
-        }
-        const startTime = start.getTime();
-        const endTime = end.getTime();
-        return new Date(startTime + Math.random() * (endTime - startTime));
+    getScopes() {
+        return this.scopes;
     }
-    static array(length = 5, generator) {
-        return Array.from({ length }, generator);
+}
+const AXP_EXPRESSION_EVALUATOR_SCOPE_PROVIDER = new InjectionToken('AXP_EXPRESSION_EVALUATOR_SCOPE_PROVIDER');
+class AXPExpressionEvaluatorScopeProviderService {
+    constructor() {
+        this.injector = inject(Injector);
+        this.cache = null;
     }
-    static pick(...args) {
-        if (args.length < 1) {
-            throw new Error('Invalid parameters');
-        }
-        const items = args[0];
-        const count = args[1] ?? 1;
-        if (count < 1) {
-            throw new Error('Count must be at least 1');
-        }
-        // If the count is greater than the number of items, just return a shuffled copy of the array
-        if (count >= items.length) {
-            return [...items].sort(() => Math.random() - 0.5);
-        }
-        // Shuffle the array and slice the first 'count' elements
-        const shuffled = items.slice();
-        for (let i = shuffled.length - 1; i > 0; i--) {
-            const j = Math.floor(Math.random() * (i + 1));
-            [shuffled[i], shuffled[j]] = [shuffled[j], shuffled[i]]; // Swap elements
+    async load() {
+        if (this.cache)
+            return;
+        const raw = this.injector.get(AXP_EXPRESSION_EVALUATOR_SCOPE_PROVIDER, [], { optional: true });
+        const providers = Array.isArray(raw)
+            ? raw
+            : typeof raw === 'function'
+                ? raw()
+                : [];
+        const context = new AXPExpressionEvaluatorScopeProviderContext();
+        for (const provider of providers) {
+            await provider.provide(context);
         }
-        return count == 1 ? shuffled.slice(0, count)[0] : shuffled.slice(0, count);
+        this.cache = context.getScopes();
     }
-    static string(length = 10) {
-        const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
-        return Array.from({ length }, () => chars.charAt(Math.floor(Math.random() * chars.length))).join('');
+    async getScopesAsync() {
+        await this.load();
+        return this.cache || {};
     }
-    static boolean() {
-        return Math.random() >= 0.5;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPExpressionEvaluatorScopeProviderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPExpressionEvaluatorScopeProviderService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPExpressionEvaluatorScopeProviderService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class AXPExpressionEvaluatorService {
+    constructor() {
+        // Memoization cache for compiled expressions
+        this.expressionCache = new Map();
+        this.providerService = inject(AXPExpressionEvaluatorScopeProviderService);
     }
-    static item(array = []) {
-        return array.length > 0 ? array[Math.floor(Math.random() * array.length)] : undefined;
+    getOrCompileFunction(expression) {
+        if (!this.expressionCache.has(expression)) {
+            // Check if expression contains multiple statements (has semicolons or newlines)
+            const hasMultipleStatements = expression.includes(';') || expression.includes('\n');
+            let fn;
+            if (hasMultipleStatements) {
+                // For multiple statements, execute them in sequence and return the last expression
+                fn = new Function('scope', `with (scope) { return (async function() { ${expression} })(); }`);
+            }
+            else {
+                // For single expressions, use return
+                fn = new Function('scope', `with (scope) { return (async function() { return ${expression}; })(); }`);
+            }
+            this.expressionCache.set(expression, fn);
+        }
+        return this.expressionCache.get(expression);
     }
-    static color(format = 'hex') {
-        // Generate HSL values with safe ranges for good contrast
-        const h = Math.floor(Math.random() * 360);
-        const s = Math.floor(Math.random() * 20) + 60; // 60% - 80%
-        const l = Math.floor(Math.random() * 20) + 40; // 40% - 60%
-        if (format === 'hsl') {
-            return `hsl(${h}, ${s}%, ${l}%)`;
+    async getMergedScope(userScope) {
+        const pluginScopes = await this.providerService.getScopesAsync();
+        // Merge pluginScopes and userScope (userScope takes precedence)
+        return { ...pluginScopes, ...userScope };
+    }
+    async evaluate(source, scope = {}) {
+        try {
+            const mergedScope = await this.getMergedScope(scope);
+            if (typeof source === 'string' && source.includes('{{')) {
+                return await this.evaluateStringExpression(source, mergedScope);
+            }
+            else if (Array.isArray(source)) {
+                const evaluatedArray = [];
+                for (const item of source) {
+                    evaluatedArray.push(await this.evaluate(item, mergedScope));
+                }
+                return evaluatedArray;
+            }
+            else if (typeof source === 'object' && source !== null) {
+                const evaluatedObject = {};
+                for (const key in source) {
+                    if (source.hasOwnProperty(key)) {
+                        evaluatedObject[key] = await this.evaluate(source[key], mergedScope);
+                    }
+                }
+                return evaluatedObject;
+            }
+            else {
+                return source;
+            }
         }
-        // Convert HSL to RGB
-        const { r, g, b } = this.hslToRgb(h, s / 100, l / 100);
-        if (format === 'rgb') {
-            return `rgb(${r}, ${g}, ${b})`;
+        catch (error) {
+            console.error('Expression evaluator - Error evaluating expression:', source, error);
+            return false;
         }
-        // Convert RGB to HEX
-        const toHex = (val) => val.toString(16).padStart(2, '0');
-        return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
     }
-    //TODO: move or read from utils
-    static hslToRgb(h, s, l) {
-        const c = (1 - Math.abs(2 * l - 1)) * s;
-        const x = c * (1 - Math.abs((h / 60) % 2 - 1));
-        const m = l - c / 2;
-        let r = 0, g = 0, b = 0;
-        if (h < 60)
-            [r, g, b] = [c, x, 0];
-        else if (h < 120)
-            [r, g, b] = [x, c, 0];
-        else if (h < 180)
-            [r, g, b] = [0, c, x];
-        else if (h < 240)
-            [r, g, b] = [0, x, c];
-        else if (h < 300)
+    async evaluateStringExpression(templateExpression, scope) {
+        // Check if the input is exactly a single {{ ... }} expression (handle multiline)
+        const exactMatch = templateExpression.match(/^\s*\{\{\s*([\s\S]*?)\s*\}\}\s*$/);
+        if (exactMatch) {
+            const expression = exactMatch[1];
+            const sandbox = this.getOrCompileFunction(expression);
+            const result = await sandbox(scope);
+            return result;
+        }
+        // Otherwise, interpolate all {{ ... }} expressions in the string
+        const regex = /\{\{\s*([\s\S]*?)\s*\}\}/g;
+        // Collect all matches and their positions
+        const matches = [];
+        let match;
+        while ((match = regex.exec(templateExpression)) !== null) {
+            matches.push({
+                expression: match[1],
+                start: match.index,
+                end: regex.lastIndex,
+                raw: match[0],
+            });
+        }
+        // Evaluate all expressions in parallel
+        const values = await Promise.all(matches.map((m) => {
+            const sandbox = this.getOrCompileFunction(m.expression);
+            return sandbox(scope);
+        }));
+        // Reconstruct the string with evaluated values
+        let result = '';
+        let lastIndex = 0;
+        matches.forEach((m, i) => {
+            result += templateExpression.slice(lastIndex, m.start);
+            const value = values[i];
+            result += value !== undefined && value !== null ? value : '';
+            lastIndex = m.end;
+        });
+        result += templateExpression.slice(lastIndex);
+        return result;
+    }
+    isExpression(expression) {
+        if (typeof expression === 'string') {
+            return expression.trim().startsWith('{{') && expression.trim().endsWith('}}');
+        }
+        return false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPExpressionEvaluatorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPExpressionEvaluatorService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPExpressionEvaluatorService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+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>
+  </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: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-component-slot-placeholder',
+                    template: `<div>
+    <ax-skeleton class="ax-w-full ax-h-10 ax-rounded-md"></ax-skeleton>
+  </div>`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [AXSkeletonModule],
+                    standalone: true,
+                }]
+        }] });
+
+class AXPComponentSlotRegistryService {
+    constructor() {
+        this.registry = new Map();
+    }
+    register(slotName, config) {
+        let configs = this.registry.get(slotName) || [];
+        // Check if the component is already registered in this slot
+        const isDuplicate = configs.some(existingConfig => existingConfig.name === config.name);
+        if (!isDuplicate) {
+            configs = [...configs, config]; // Add the new configuration
+            this.registry.set(slotName, configs);
+        }
+    }
+    get(slotName) {
+        return this.registry.get(slotName) || [];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPComponentSlotRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPComponentSlotRegistryService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPComponentSlotRegistryService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class AXPComponentSlotDirective {
+    constructor() {
+        this.name = input.required(...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+        this.host = input(...(ngDevMode ? [undefined, { debugName: "host" }] : /* istanbul ignore next */ []));
+        this.context = input(...(ngDevMode ? [undefined, { debugName: "context" }] : /* istanbul ignore next */ []));
+        this.elementRef = inject(ElementRef);
+        this.registryService = inject(AXPComponentSlotRegistryService);
+        this.injector = inject(Injector);
+        this.evaluator = inject(AXPExpressionEvaluatorService);
+        this.viewContainerRef = inject(ViewContainerRef);
+        this.contextStore = inject(AXPContextStore);
+        this.isEmpty = computed(() => this._viewCount() === 0, ...(ngDevMode ? [{ debugName: "isEmpty" }] : /* istanbul ignore next */ []));
+        // Create a signal to store the count of children
+        this._viewCount = signal(0, ...(ngDevMode ? [{ debugName: "_viewCount" }] : /* istanbul ignore next */ []));
+        // Track component references for updates
+        this.componentRefs = [];
+        // Track placeholder references for replacement
+        this.placeholderRefs = new Map();
+        // Watch for context changes and update component instances
+        effect(() => {
+            const currentContext = this.context();
+            const currentHost = this.host();
+            // Update all component references with new context and host
+            this.componentRefs.forEach((componentRef) => {
+                if (componentRef.instance) {
+                    Object.assign(componentRef.instance, {
+                        host: currentHost,
+                        context: currentContext,
+                    });
+                }
+            });
+        });
+    }
+    async ngOnInit() {
+        await this.loadComponents();
+        // Update the signal after loading
+        this._viewCount.set(this.viewContainerRef.length);
+    }
+    async loadComponents() {
+        this.viewContainerRef.clear();
+        // Clear previous component references
+        this.componentRefs = [];
+        this.placeholderRefs.clear();
+        const configs = sortBy(this.registryService.get(this.name()), (c) => c.priority ?? 0);
+        if (!configs) {
+            console.error(`No component found for slot ${this.name()}`);
+            return;
+        }
+        // Evaluate conditions and check features in parallel for performance
+        const results = await Promise.all(configs.map(async (c) => {
+            // Check condition if provided
+            const conditionPassed = c.condition ? await this.evaluateCondition(c.condition) : true;
+            // Check features if provided
+            // const featuresPassed =
+            //   c.features && c.features.length > 0 ? this.sessionService.isFeatureEnabled(...c.features) : true;
+            return {
+                config: c,
+                // visible: conditionPassed && featuresPassed,
+                visible: conditionPassed,
+            };
+        }));
+        // Filter visible components while preserving priority order
+        const slots = results.filter((r) => r.visible).map((r) => r.config);
+        // Create skeleton placeholders immediately in priority order
+        slots.forEach((config, index) => {
+            const placeholderRef = this.viewContainerRef.createComponent(AXPComponentSlotPlaceholderComponent);
+            this.placeholderRefs.set(index, placeholderRef);
+        });
+        // Load all components in parallel and replace placeholders as they become ready
+        const loadPromises = slots.map(async (config, index) => {
+            let component;
+            let options = {};
+            // load component
+            if (typeof config.loadComponent === 'function') {
+                await runInInjectionContext(this.injector, async () => {
+                    component = await config.loadComponent?.();
+                });
+            }
+            else if (config.component) {
+                component = config.component;
+            }
+            // load options
+            if (typeof config.options === 'function') {
+                await runInInjectionContext(this.injector, async () => {
+                    const fun = config.options;
+                    options = await fun();
+                });
+            }
+            else if (config.options) {
+                options = await this.evaluator.evaluate(config.options, {});
+            }
+            // Replace placeholder with actual component as soon as it's ready
+            if (!component) {
+                console.warn(`Component failed to load for slot ${this.name()} at index ${index}`);
+                // Remove placeholder if component failed to load
+                const placeholderRef = this.placeholderRefs.get(index);
+                if (placeholderRef) {
+                    placeholderRef.destroy();
+                    this.placeholderRefs.delete(index);
+                }
+                return;
+            }
+            // Get the placeholder reference at this index
+            const placeholderRef = this.placeholderRefs.get(index);
+            if (!placeholderRef) {
+                console.warn(`Placeholder not found for index ${index}`);
+                return;
+            }
+            // Get the index of the placeholder in the view container
+            const placeholderIndex = this.viewContainerRef.indexOf(placeholderRef.hostView);
+            // Remove the placeholder
+            placeholderRef.destroy();
+            this.placeholderRefs.delete(index);
+            // Create the actual component at the same position
+            const componentRef = this.viewContainerRef.createComponent(component, { index: placeholderIndex });
+            // Store the component reference for future updates
+            this.componentRefs.push(componentRef);
+            Object.assign(componentRef.instance, {
+                host: this.host(),
+                context: this.context(),
+                ...options,
+            });
+        });
+        // Wait for all components to finish loading (they render as they become ready)
+        await Promise.all(loadPromises);
+    }
+    async evaluateCondition(condition) {
+        if (typeof condition === 'string') {
+            const result = await this.evaluator.evaluate(condition, {});
+            return result;
+        }
+        return condition(this.contextStore.data());
+        //return condition(this.context());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPComponentSlotDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: AXPComponentSlotDirective, isStandalone: false, selector: "axp-component-slot", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, host: { classPropertyName: "host", publicName: "host", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["slot"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPComponentSlotDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'axp-component-slot',
+                    standalone: false,
+                    exportAs: 'slot',
+                }]
+        }], ctorParameters: () => [], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], host: [{ type: i0.Input, args: [{ isSignal: true, alias: "host", required: false }] }], context: [{ type: i0.Input, args: [{ isSignal: true, alias: "context", required: false }] }] } });
+
+class AXPComponentSlotModule {
+    static forRoot(configs) {
+        return {
+            ngModule: AXPComponentSlotModule,
+            providers: [
+                {
+                    provide: 'AXPComponentSlotModuleFactory',
+                    useFactory: (registry) => () => {
+                        if (configs) {
+                            for (const [key, value] of Object.entries(configs)) {
+                                value.forEach(v => {
+                                    registry.register(key, v);
+                                });
+                            }
+                        }
+                    },
+                    deps: [AXPComponentSlotRegistryService],
+                    multi: true
+                }
+            ]
+        };
+    }
+    static forChild(configs) {
+        return {
+            ngModule: AXPComponentSlotModule,
+            providers: [
+                {
+                    provide: 'AXPComponentSlotModuleFactory',
+                    useFactory: (registry) => () => {
+                        if (configs) {
+                            for (const [key, value] of Object.entries(configs)) {
+                                value.forEach(v => {
+                                    registry.register(key, v);
+                                });
+                            }
+                        }
+                    },
+                    deps: [AXPComponentSlotRegistryService],
+                    multi: true
+                }
+            ]
+        };
+    }
+    /**
+     * @ignore
+     */
+    constructor(instances) {
+        instances?.forEach(f => {
+            f();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPComponentSlotModule, deps: [{ token: 'AXPComponentSlotModuleFactory', optional: true }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: AXPComponentSlotModule, declarations: [AXPComponentSlotDirective], exports: [AXPComponentSlotDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPComponentSlotModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPComponentSlotModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AXPComponentSlotDirective],
+                    exports: [AXPComponentSlotDirective]
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: ['AXPComponentSlotModuleFactory']
+                }] }] });
+
+class AXPDataGenerator {
+    static uuid() {
+        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (char) => {
+            const random = (Math.random() * 16) | 0;
+            const value = char === 'x' ? random : (random & 0x3) | 0x8;
+            return value.toString(16);
+        });
+    }
+    static number(...args) {
+        let min = 0;
+        let max = 100;
+        if (args.length == 1)
+            max = args[0];
+        if (args.length == 2) {
+            min = args[0];
+            max = args[1];
+        }
+        return Math.floor(Math.random() * (max - min + 1)) + min;
+    }
+    static date(...args) {
+        let start = new Date(2000, 0, 1);
+        let end = new Date();
+        if (args.length === 1) {
+            start = args[0];
+        }
+        else if (args.length === 2) {
+            start = args[0];
+            end = args[1];
+        }
+        const startTime = start.getTime();
+        const endTime = end.getTime();
+        return new Date(startTime + Math.random() * (endTime - startTime));
+    }
+    static array(length = 5, generator) {
+        return Array.from({ length }, generator);
+    }
+    static pick(...args) {
+        if (args.length < 1) {
+            throw new Error('Invalid parameters');
+        }
+        const items = args[0];
+        const count = args[1] ?? 1;
+        if (count < 1) {
+            throw new Error('Count must be at least 1');
+        }
+        // If the count is greater than the number of items, just return a shuffled copy of the array
+        if (count >= items.length) {
+            return [...items].sort(() => Math.random() - 0.5);
+        }
+        // Shuffle the array and slice the first 'count' elements
+        const shuffled = items.slice();
+        for (let i = shuffled.length - 1; i > 0; i--) {
+            const j = Math.floor(Math.random() * (i + 1));
+            [shuffled[i], shuffled[j]] = [shuffled[j], shuffled[i]]; // Swap elements
+        }
+        return count == 1 ? shuffled.slice(0, count)[0] : shuffled.slice(0, count);
+    }
+    static string(length = 10) {
+        const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+        return Array.from({ length }, () => chars.charAt(Math.floor(Math.random() * chars.length))).join('');
+    }
+    static boolean() {
+        return Math.random() >= 0.5;
+    }
+    static item(array = []) {
+        return array.length > 0 ? array[Math.floor(Math.random() * array.length)] : undefined;
+    }
+    static color(format = 'hex') {
+        // Generate HSL values with safe ranges for good contrast
+        const h = Math.floor(Math.random() * 360);
+        const s = Math.floor(Math.random() * 20) + 60; // 60% - 80%
+        const l = Math.floor(Math.random() * 20) + 40; // 40% - 60%
+        if (format === 'hsl') {
+            return `hsl(${h}, ${s}%, ${l}%)`;
+        }
+        // Convert HSL to RGB
+        const { r, g, b } = this.hslToRgb(h, s / 100, l / 100);
+        if (format === 'rgb') {
+            return `rgb(${r}, ${g}, ${b})`;
+        }
+        // Convert RGB to HEX
+        const toHex = (val) => val.toString(16).padStart(2, '0');
+        return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
+    }
+    //TODO: move or read from utils
+    static hslToRgb(h, s, l) {
+        const c = (1 - Math.abs(2 * l - 1)) * s;
+        const x = c * (1 - Math.abs((h / 60) % 2 - 1));
+        const m = l - c / 2;
+        let r = 0, g = 0, b = 0;
+        if (h < 60)
+            [r, g, b] = [c, x, 0];
+        else if (h < 120)
+            [r, g, b] = [x, c, 0];
+        else if (h < 180)
+            [r, g, b] = [0, c, x];
+        else if (h < 240)
+            [r, g, b] = [0, x, c];
+        else if (h < 300)
             [r, g, b] = [x, 0, c];
         else
             [r, g, b] = [c, 0, x];
@@ -822,203 +1509,54 @@ function objectKeyValueTransforms(keyName) {
     };
 }
 
-//#region ----   Imports   ----
-//#endregion
-//#region ----   Provider Registry Service   ----
-/**
- * Registry service for dynamically loaded module providers.
- * Stores provider instances that are loaded conditionally based on access control.
- */
-class AXPModuleProviderRegistry {
-    constructor() {
-        //#region ----   Fields   ----
-        this.permissionProviders = [];
-        this.menuProviders = [];
-        this.entityProviders = [];
-        this.settingProviders = [];
-        this.searchProviders = [];
-        this.featureProviders = [];
-        this.datasourceProviders = [];
-    }
-    //#endregion
-    //#region ----   Public Methods   ----
-    /**
-     * Register a permission provider.
-     */
-    registerPermissionProvider(provider) {
-        this.permissionProviders.push(provider);
-    }
-    /**
-     * Get all registered permission providers.
-     */
-    getPermissionProviders() {
-        return [...this.permissionProviders];
-    }
-    /**
-     * Register a menu provider.
-     */
-    registerMenuProvider(provider) {
-        this.menuProviders.push(provider);
-    }
-    /**
-     * Get all registered menu providers.
-     */
-    getMenuProviders() {
-        return [...this.menuProviders];
-    }
-    /**
-     * Register an entity provider.
-     */
-    registerEntityProvider(provider) {
-        this.entityProviders.push(provider);
-    }
-    /**
-     * Get all registered entity providers.
-     */
-    getEntityProviders() {
-        return [...this.entityProviders];
-    }
-    /**
-     * Register a settings provider.
-     */
-    registerSettingProvider(provider) {
-        this.settingProviders.push(provider);
-    }
-    /**
-     * Get all registered settings providers.
-     */
-    getSettingProviders() {
-        return [...this.settingProviders];
-    }
-    /**
-     * Register a search provider.
-     */
-    registerSearchProvider(provider) {
-        this.searchProviders.push(provider);
-    }
-    /**
-     * Get all registered search providers.
-     */
-    getSearchProviders() {
-        return [...this.searchProviders];
-    }
-    /**
-     * Register a feature provider.
-     */
-    registerFeatureProvider(provider) {
-        this.featureProviders.push(provider);
-    }
-    /**
-     * Get all registered feature providers.
-     */
-    getFeatureProviders() {
-        return [...this.featureProviders];
-    }
-    /**
-     * Register a datasource provider.
-     */
-    registerDatasourceProvider(provider) {
-        this.datasourceProviders.push(provider);
-    }
-    /**
-     * Get all registered datasource providers.
-     */
-    getDatasourceProviders() {
-        return [...this.datasourceProviders];
-    }
-    /**
-     * Clear all registered providers.
-     * Useful for testing or re-initialization.
-     */
-    clear() {
-        this.permissionProviders.length = 0;
-        this.menuProviders.length = 0;
-        this.entityProviders.length = 0;
-        this.settingProviders.length = 0;
-        this.searchProviders.length = 0;
-        this.featureProviders.length = 0;
-        this.datasourceProviders.length = 0;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPModuleProviderRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPModuleProviderRegistry, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPModuleProviderRegistry, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
 const AXP_DATASOURCE_DEFINITION_PROVIDER = new InjectionToken('AXP_DATASOURCE_TYPE_PROVIDER');
 class AXPDataSourceDefinitionProviderService {
     constructor() {
         this.providers = inject(AXP_DATASOURCE_DEFINITION_PROVIDER, { optional: true });
-        this.providerRegistry = inject(AXPModuleProviderRegistry);
     }
     async items() {
         const items = [];
-        // Load from DI tokens (backward compatibility)
+        // Load from DI tokens; resolve lazy providers (provideLazyProvider uses useFactory that returns Promise<T>)
         if (Array.isArray(this.providers)) {
-            for (const provider of this.providers) {
-                set(provider, '__parent__', this);
-                items.push(...(await provider.items()));
+            for (const raw of this.providers) {
+                const provider = await Promise.resolve(raw);
+                if (provider && typeof provider.items === 'function') {
+                    set(provider, '__parent__', this);
+                    items.push(...(await provider.items()));
+                }
             }
         }
-        // Load from registry (manifest-based, conditionally loaded)
-        const registryProviders = this.providerRegistry.getDatasourceProviders();
-        for (const provider of registryProviders) {
-            set(provider, '__parent__', this);
-            items.push(...(await provider.items()));
-        }
         return items;
     }
     async get(name) {
         return (await this.items()).find((c) => c.name == name);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPDataSourceDefinitionProviderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPDataSourceDefinitionProviderService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPDataSourceDefinitionProviderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPDataSourceDefinitionProviderService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPDataSourceDefinitionProviderService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPDataSourceDefinitionProviderService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
 
-class AXPElementDataDirective {
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-        this.data = input(null, ...(ngDevMode ? [{ debugName: "data", alias: 'axp-data' }] : [{ alias: 'axp-data' }]));
-        this.path = input('__data__', ...(ngDevMode ? [{ debugName: "path", alias: 'axp-data-path' }] : [{ alias: 'axp-data-path' }]));
-        // Effect to update element data when inputs change
-        this.updateEffect = effect(() => {
-            const currentData = this.data();
-            const currentPath = this.path();
-            set(this.elementRef.nativeElement, currentPath, currentData);
-        }, ...(ngDevMode ? [{ debugName: "updateEffect" }] : []));
-    }
-    ngOnInit() {
-        // Initial data setup
-        set(this.elementRef.nativeElement, this.path(), this.data());
-    }
-    /**
-     * Get data from the element
-     */
-    getData() {
-        return get(this.elementRef.nativeElement, this.path());
-    }
-    /**
-     * Update data at runtime
-     */
-    setData(data) {
-        set(this.elementRef.nativeElement, this.path(), data);
+// src/app/directives/grid-layout.directive.ts
+class AXPContentCheckerDirective {
+    constructor() {
+        this.viewContainerRef = inject(ViewContainerRef);
+        this.elementRef = inject((ElementRef));
+        this.isEmpty = computed(() => this.viewContainerRef.length === 0, ...(ngDevMode ? [{ debugName: "isEmpty" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPElementDataDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: AXPElementDataDirective, isStandalone: true, selector: "[axp-data]", inputs: { data: { classPropertyName: "data", publicName: "axp-data", isSignal: true, isRequired: false, transformFunction: null }, path: { classPropertyName: "path", publicName: "axp-data-path", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPContentCheckerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: AXPContentCheckerDirective, isStandalone: true, selector: "[axp-content-checker]", exportAs: ["checker"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPElementDataDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPContentCheckerDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[axp-data]',
-                    standalone: true
+                    selector: '[axp-content-checker]',
+                    standalone: true,
+                    exportAs: 'checker'
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "axp-data", required: false }] }], path: [{ type: i0.Input, args: [{ isSignal: true, alias: "axp-data-path", required: false }] }] } });
+        }] });
 
 class AXPDblClickDirective {
     constructor() {
@@ -1041,30 +1579,69 @@ class AXPDblClickDirective {
         }
         this.lastTap = currentTime;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPDblClickDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: AXPDblClickDirective, isStandalone: true, selector: "[onDblClick]", outputs: { onDblClick: "onDblClick" }, host: { listeners: { "dblclick": "handleOnDblClick($event)", "touchend": "onTouchEnd($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPDblClickDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: AXPDblClickDirective, isStandalone: true, selector: "[onDblClick]", outputs: { onDblClick: "onDblClick" }, host: { listeners: { "dblclick": "handleOnDblClick($event)", "touchend": "onTouchEnd($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPDblClickDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPDblClickDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[onDblClick]'
                 }]
-        }], propDecorators: { onDblClick: [{
-                type: Output
-            }], handleOnDblClick: [{
-                type: HostListener,
-                args: ['dblclick', ['$event']]
-            }], onTouchEnd: [{
-                type: HostListener,
-                args: ['touchend', ['$event']]
-            }] } });
+        }], propDecorators: { onDblClick: [{
+                type: Output
+            }], handleOnDblClick: [{
+                type: HostListener,
+                args: ['dblclick', ['$event']]
+            }], onTouchEnd: [{
+                type: HostListener,
+                args: ['touchend', ['$event']]
+            }] } });
+
+class AXPElementDataDirective {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        this.data = input(null, { ...(ngDevMode ? { debugName: "data" } : /* istanbul ignore next */ {}), alias: 'axp-data' });
+        this.path = input('__data__', { ...(ngDevMode ? { debugName: "path" } : /* istanbul ignore next */ {}), alias: 'axp-data-path' });
+        // Effect to update element data when inputs change
+        this.updateEffect = effect(() => {
+            const currentData = this.data();
+            const currentPath = this.path();
+            set(this.elementRef.nativeElement, currentPath, currentData);
+        }, ...(ngDevMode ? [{ debugName: "updateEffect" }] : /* istanbul ignore next */ []));
+    }
+    ngOnInit() {
+        // Initial data setup
+        set(this.elementRef.nativeElement, this.path(), this.data());
+    }
+    /**
+     * Get data from the element
+     */
+    getData() {
+        return get(this.elementRef.nativeElement, this.path());
+    }
+    /**
+     * Update data at runtime
+     */
+    setData(data) {
+        set(this.elementRef.nativeElement, this.path(), data);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPElementDataDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: AXPElementDataDirective, isStandalone: true, selector: "[axp-data]", inputs: { data: { classPropertyName: "data", publicName: "axp-data", isSignal: true, isRequired: false, transformFunction: null }, path: { classPropertyName: "path", publicName: "axp-data-path", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPElementDataDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[axp-data]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "axp-data", required: false }] }], path: [{ type: i0.Input, args: [{ isSignal: true, alias: "axp-data-path", required: false }] }] } });
 
 // src/app/directives/grid-layout.directive.ts
 class AXPGridLayoutDirective {
     constructor(el, renderer) {
         this.el = el;
         this.renderer = renderer;
-        this.options = input.required(...(ngDevMode ? [{ debugName: "options", alias: 'axp-grid-layout' }] : [{ alias: 'axp-grid-layout' }]));
+        this.options = input.required({ ...(ngDevMode ? { debugName: "options" } : /* istanbul ignore next */ {}), alias: 'axp-grid-layout' });
     }
     ngOnChanges(changes) {
         if (changes['options']) {
@@ -1108,10 +1685,10 @@ class AXPGridLayoutDirective {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPGridLayoutDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: AXPGridLayoutDirective, isStandalone: true, selector: "[axp-grid-layout]", inputs: { options: { classPropertyName: "options", publicName: "axp-grid-layout", isSignal: true, isRequired: true, transformFunction: null } }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPGridLayoutDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: AXPGridLayoutDirective, isStandalone: true, selector: "[axp-grid-layout]", inputs: { options: { classPropertyName: "options", publicName: "axp-grid-layout", isSignal: true, isRequired: true, transformFunction: null } }, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPGridLayoutDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPGridLayoutDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[axp-grid-layout]',
@@ -1119,222 +1696,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "axp-grid-layout", required: true }] }] } });
 
-// src/app/directives/grid-layout.directive.ts
-class AXPContentCheckerDirective {
-    constructor() {
-        this.viewContainerRef = inject(ViewContainerRef);
-        this.elementRef = inject((ElementRef));
-        this.isEmpty = computed(() => this.viewContainerRef.length === 0, ...(ngDevMode ? [{ debugName: "isEmpty" }] : []));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPContentCheckerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: AXPContentCheckerDirective, isStandalone: true, selector: "[axp-content-checker]", exportAs: ["checker"], ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPContentCheckerDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[axp-content-checker]',
-                    standalone: true,
-                    exportAs: 'checker'
-                }]
-        }] });
-
-//#region ----   Imports   ----
-//#endregion
-//#region ----   Directive   ----
-/**
- * Fullscreen directive that provides CSS-based fullscreen functionality
- * Usage: <element axFullscreen #fullscreen="axFullscreen"></element>
- * Then: fullscreen.toggle() or fullscreen.enter() or fullscreen.exit()
- */
-class AXFullscreenDirective {
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-        //#region ----   Properties   ----
-        /**
-         * Current fullscreen state
-         */
-        this.isFullscreenState = signal(false, ...(ngDevMode ? [{ debugName: "isFullscreenState" }] : []));
-        /**
-         * Original element styles to restore
-         */
-        this.originalStyles = {};
-        /**
-         * Original parent element reference
-         */
-        this.originalParent = null;
-        /**
-         * Fullscreen container element
-         */
-        this.fullscreenContainer = null;
-        /**
-         * Fullscreen change event
-         */
-        this.fullscreenChange = output();
-        //#endregion
-        //#region ----   Constructor   ----
-        this.destroyRef = inject(DestroyRef);
-        this.renderer = inject(Renderer2);
-        // Sync state changes to output
-        effect(() => {
-            const isFullscreen = this.isFullscreenState();
-            untracked(() => {
-                this.fullscreenChange.emit(isFullscreen);
-            });
-        });
-    }
-    //#endregion
-    //#region ----   Public API   ----
-    /**
-     * Toggle fullscreen state
-     */
-    async toggle() {
-        if (this.isFullscreenState()) {
-            await this.exit();
-        }
-        else {
-            await this.enter();
-        }
-    }
-    /**
-     * Enter fullscreen mode using CSS
-     */
-    async enter() {
-        if (this.isFullscreenState()) {
-            return;
-        }
-        const element = this.elementRef.nativeElement;
-        try {
-            // Store original styles and parent
-            this.storeOriginalStyles(element);
-            this.originalParent = element.parentElement;
-            // Create fullscreen container
-            this.fullscreenContainer = this.renderer.createElement('div');
-            this.renderer.setStyle(this.fullscreenContainer, 'position', 'fixed');
-            this.renderer.setStyle(this.fullscreenContainer, 'top', '0');
-            this.renderer.setStyle(this.fullscreenContainer, 'left', '0');
-            this.renderer.setStyle(this.fullscreenContainer, 'width', '100vw');
-            this.renderer.setStyle(this.fullscreenContainer, 'height', '100vh');
-            this.renderer.setStyle(this.fullscreenContainer, 'z-index', '9999');
-            this.renderer.setStyle(this.fullscreenContainer, 'background-color', '#ffffff');
-            this.renderer.setStyle(this.fullscreenContainer, 'overflow', 'auto');
-            // Move element to container
-            this.renderer.appendChild(this.fullscreenContainer, element);
-            // Apply fullscreen styles to element
-            this.renderer.setStyle(element, 'position', 'relative');
-            this.renderer.setStyle(element, 'width', '100%');
-            this.renderer.setStyle(element, 'height', '100%');
-            this.renderer.setStyle(element, 'margin', '0');
-            this.renderer.setStyle(element, 'padding', '0');
-            // Append container to body
-            this.renderer.appendChild(document.body, this.fullscreenContainer);
-            // Prevent body scroll
-            this.renderer.setStyle(document.body, 'overflow', 'hidden');
-            this.isFullscreenState.set(true);
-        }
-        catch (error) {
-            console.error('Error entering fullscreen:', error);
-            this.restoreOriginalStyles(element);
-        }
-    }
-    /**
-     * Exit fullscreen mode
-     */
-    async exit() {
-        if (!this.isFullscreenState()) {
-            return;
-        }
-        const element = this.elementRef.nativeElement;
-        try {
-            // Restore body scroll
-            this.renderer.removeStyle(document.body, 'overflow');
-            // Move element back to original parent
-            if (this.fullscreenContainer && this.originalParent) {
-                this.renderer.removeChild(this.fullscreenContainer, element);
-                this.renderer.appendChild(this.originalParent, element);
-                // Remove container
-                this.renderer.removeChild(document.body, this.fullscreenContainer);
-                this.fullscreenContainer = null;
-            }
-            // Restore original styles
-            this.restoreOriginalStyles(element);
-            this.isFullscreenState.set(false);
-        }
-        catch (error) {
-            console.error('Error exiting fullscreen:', error);
-        }
-    }
-    /**
-     * Check if currently in fullscreen mode
-     */
-    isFullscreen() {
-        return this.isFullscreenState();
-    }
-    //#endregion
-    //#region ----   Private Methods   ----
-    /**
-     * Store original element styles
-     */
-    storeOriginalStyles(element) {
-        const computedStyle = window.getComputedStyle(element);
-        this.originalStyles = {
-            position: computedStyle.position,
-            top: computedStyle.top,
-            left: computedStyle.left,
-            width: computedStyle.width,
-            height: computedStyle.height,
-            zIndex: computedStyle.zIndex,
-            backgroundColor: computedStyle.backgroundColor,
-            margin: computedStyle.margin,
-            padding: computedStyle.padding,
-        };
-    }
-    /**
-     * Restore original element styles
-     */
-    restoreOriginalStyles(element) {
-        if (!this.originalStyles) {
-            return;
-        }
-        // Restore each style property
-        Object.entries(this.originalStyles).forEach(([key, value]) => {
-            const styleKey = this.camelToKebabCase(key);
-            if (value) {
-                this.renderer.setStyle(element, styleKey, value);
-            }
-            else {
-                this.renderer.removeStyle(element, styleKey);
-            }
-        });
-        this.originalStyles = {};
-    }
-    /**
-     * Convert camelCase to kebab-case for CSS properties
-     */
-    camelToKebabCase(str) {
-        return str.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase();
-    }
-    //#endregion
-    //#region ----   Lifecycle   ----
-    ngOnDestroy() {
-        // Exit fullscreen if still active
-        if (this.isFullscreenState()) {
-            this.exit().catch(() => {
-                // Ignore errors during cleanup
-            });
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXFullscreenDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: AXFullscreenDirective, isStandalone: true, selector: "[axFullscreen]", outputs: { fullscreenChange: "fullscreenChange" }, exportAs: ["axFullscreen"], ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXFullscreenDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[axFullscreen]',
-                    standalone: true,
-                    exportAs: 'axFullscreen',
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { fullscreenChange: [{ type: i0.Output, args: ["fullscreenChange"] }] } });
-
 const AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER = new InjectionToken('AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER');
 
 //#region ----   Imports   ----
@@ -1471,10 +1832,10 @@ class AXPDistributedEventListenerService {
         this.listenersByKey.clear();
         this.providersLoaded = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPDistributedEventListenerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPDistributedEventListenerService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPDistributedEventListenerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPDistributedEventListenerService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPDistributedEventListenerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPDistributedEventListenerService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1565,200 +1926,48 @@ class AXPBroadcastEventService {
                         }
                         else {
                             reject(new Error(`Timeout: No response received for event '${type}' after ${options.retries} attempts.`));
-                        }
-                    }
-                }, options.timeout);
-            });
-        };
-        return attemptRequest(0);
-    }
-    /**
-     * Respond to a request
-     */
-    respondToRequest(requestId, response) {
-        if (!requestId) {
-            console.warn('Invalid requestId. Cannot send response.');
-            return;
-        }
-        this.channel.postMessage({ requestId, response });
-    }
-    /**
-     * Cleanup when the service is destroyed
-     */
-    ngOnDestroy() {
-        this.channel.close();
-        // Complete all subjects
-        this.eventSubjects.forEach((subject) => subject.complete());
-        this.eventSubjects.clear();
-        // Reject all pending requests to avoid dangling promises
-        this.pendingRequests.forEach((resolve, requestId) => {
-            resolve(Promise.reject(new Error(`Service destroyed. Request ${requestId} was not completed.`)));
-        });
-        this.pendingRequests.clear();
-        // Cleanup multi-tab event history
-        this.multiTabEventHistory.clear();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPBroadcastEventService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPBroadcastEventService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPBroadcastEventService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [] });
-
-class AXPExpressionEvaluatorScopeProviderContext {
-    constructor() {
-        this.scopes = {};
-    }
-    addScope(namespace, functions) {
-        this.scopes[namespace] = { ...this.scopes[namespace], ...functions };
-    }
-    getScopes() {
-        return this.scopes;
-    }
-}
-const AXP_EXPRESSION_EVALUATOR_SCOPE_PROVIDER = new InjectionToken('AXP_EXPRESSION_EVALUATOR_SCOPE_PROVIDER');
-class AXPExpressionEvaluatorScopeProviderService {
-    constructor() {
-        this.providers = inject(AXP_EXPRESSION_EVALUATOR_SCOPE_PROVIDER, { optional: true });
-        this.cache = null;
-    }
-    async load() {
-        if (this.cache)
-            return;
-        const context = new AXPExpressionEvaluatorScopeProviderContext();
-        if (Array.isArray(this.providers)) {
-            for (const provider of this.providers) {
-                await provider.provide(context);
-            }
-        }
-        this.cache = context.getScopes();
-    }
-    async getScopesAsync() {
-        await this.load();
-        return this.cache || {};
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPExpressionEvaluatorScopeProviderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPExpressionEvaluatorScopeProviderService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPExpressionEvaluatorScopeProviderService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
-class AXPExpressionEvaluatorService {
-    constructor() {
-        // Memoization cache for compiled expressions
-        this.expressionCache = new Map();
-        this.providerService = inject(AXPExpressionEvaluatorScopeProviderService);
-    }
-    getOrCompileFunction(expression) {
-        if (!this.expressionCache.has(expression)) {
-            // Check if expression contains multiple statements (has semicolons or newlines)
-            const hasMultipleStatements = expression.includes(';') || expression.includes('\n');
-            let fn;
-            if (hasMultipleStatements) {
-                // For multiple statements, execute them in sequence and return the last expression
-                fn = new Function('scope', `with (scope) { return (async function() { ${expression} })(); }`);
-            }
-            else {
-                // For single expressions, use return
-                fn = new Function('scope', `with (scope) { return (async function() { return ${expression}; })(); }`);
-            }
-            this.expressionCache.set(expression, fn);
-        }
-        return this.expressionCache.get(expression);
-    }
-    async getMergedScope(userScope) {
-        const pluginScopes = await this.providerService.getScopesAsync();
-        // Merge pluginScopes and userScope (userScope takes precedence)
-        return { ...pluginScopes, ...userScope };
-    }
-    async evaluate(source, scope = {}) {
-        try {
-            const mergedScope = await this.getMergedScope(scope);
-            if (typeof source === 'string' && source.includes('{{')) {
-                return await this.evaluateStringExpression(source, mergedScope);
-            }
-            else if (Array.isArray(source)) {
-                const evaluatedArray = [];
-                for (const item of source) {
-                    evaluatedArray.push(await this.evaluate(item, mergedScope));
-                }
-                return evaluatedArray;
-            }
-            else if (typeof source === 'object' && source !== null) {
-                const evaluatedObject = {};
-                for (const key in source) {
-                    if (source.hasOwnProperty(key)) {
-                        evaluatedObject[key] = await this.evaluate(source[key], mergedScope);
-                    }
-                }
-                return evaluatedObject;
-            }
-            else {
-                return source;
-            }
-        }
-        catch (error) {
-            console.error('Expression evaluator - Error evaluating expression:', source, error);
-            return false;
-        }
-    }
-    async evaluateStringExpression(templateExpression, scope) {
-        // Check if the input is exactly a single {{ ... }} expression (handle multiline)
-        const exactMatch = templateExpression.match(/^\s*\{\{\s*([\s\S]*?)\s*\}\}\s*$/);
-        if (exactMatch) {
-            const expression = exactMatch[1];
-            const sandbox = this.getOrCompileFunction(expression);
-            const result = await sandbox(scope);
-            return result;
-        }
-        // Otherwise, interpolate all {{ ... }} expressions in the string
-        const regex = /\{\{\s*([\s\S]*?)\s*\}\}/g;
-        // Collect all matches and their positions
-        const matches = [];
-        let match;
-        while ((match = regex.exec(templateExpression)) !== null) {
-            matches.push({
-                expression: match[1],
-                start: match.index,
-                end: regex.lastIndex,
-                raw: match[0],
+                        }
+                    }
+                }, options.timeout);
             });
-        }
-        // Evaluate all expressions in parallel
-        const values = await Promise.all(matches.map((m) => {
-            const sandbox = this.getOrCompileFunction(m.expression);
-            return sandbox(scope);
-        }));
-        // Reconstruct the string with evaluated values
-        let result = '';
-        let lastIndex = 0;
-        matches.forEach((m, i) => {
-            result += templateExpression.slice(lastIndex, m.start);
-            const value = values[i];
-            result += value !== undefined && value !== null ? value : '';
-            lastIndex = m.end;
-        });
-        result += templateExpression.slice(lastIndex);
-        return result;
+        };
+        return attemptRequest(0);
     }
-    isExpression(expression) {
-        if (typeof expression === 'string') {
-            return expression.includes('{{');
+    /**
+     * Respond to a request
+     */
+    respondToRequest(requestId, response) {
+        if (!requestId) {
+            console.warn('Invalid requestId. Cannot send response.');
+            return;
         }
-        return false;
+        this.channel.postMessage({ requestId, response });
+    }
+    /**
+     * Cleanup when the service is destroyed
+     */
+    ngOnDestroy() {
+        this.channel.close();
+        // Complete all subjects
+        this.eventSubjects.forEach((subject) => subject.complete());
+        this.eventSubjects.clear();
+        // Reject all pending requests to avoid dangling promises
+        this.pendingRequests.forEach((resolve, requestId) => {
+            resolve(Promise.reject(new Error(`Service destroyed. Request ${requestId} was not completed.`)));
+        });
+        this.pendingRequests.clear();
+        // Cleanup multi-tab event history
+        this.multiTabEventHistory.clear();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPExpressionEvaluatorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPExpressionEvaluatorService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPBroadcastEventService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPBroadcastEventService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPExpressionEvaluatorService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPBroadcastEventService, decorators: [{
             type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
 
 class AXPHookService {
     constructor() {
@@ -1806,10 +2015,10 @@ class AXPHookService {
         }
         return data;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPHookService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPHookService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPHookService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPHookService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPHookService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPHookService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -1818,21 +2027,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
 //#endregion
 
 //#region ----   Provider Interfaces   ----
-/**
- * Injection token for edition service.
- * Modules should provide their implementation using this token.
- */
-const AXP_EDITION_SERVICE = new InjectionToken('AXP_EDITION_SERVICE', {
-    providedIn: 'root',
-    factory: () => {
-        return null;
-    },
-});
-/**
- * Injection token for module provider loader.
- * Implementation: @acorex/platform/auth
- */
-const AXP_MODULE_PROVIDER_LOADER = new InjectionToken('AXP_MODULE_PROVIDER_LOADER');
 /**
  * Injection token for session service.
  * Implementation: @acorex/platform/auth
@@ -1845,6 +2039,41 @@ const AXP_SESSION_SERVICE = new InjectionToken('AXP_SESSION_SERVICE');
 const AXP_MODULE_MANIFEST_PROVIDER = new InjectionToken('AXP_MODULE_MANIFEST_PROVIDER');
 //#endregion
 
+//#region ----   Imports   ----
+//#endregion
+//#region ----   Feature Definition Provider Interface   ----
+/**
+ * Context for feature definition providers.
+ * Allows providers to add additional feature definitions dynamically.
+ */
+class AXPFeatureDefinitionProviderContext {
+    constructor() {
+        this.features = new Map();
+    }
+    /**
+     * Add a feature definition.
+     * @param key Full feature key (ModuleName:FeatureKey format with colon separator)
+     * @param definition Feature definition
+     */
+    addFeature(key, definition) {
+        this.features.set(key, definition);
+    }
+    /**
+     * Get all feature definitions.
+     */
+    getFeatures() {
+        return this.features;
+    }
+}
+/**
+ * Injection token for feature definition providers.
+ */
+const AXP_FEATURE_DEFINITION_PROVIDER = new InjectionToken('AXP_FEATURE_DEFINITION_PROVIDER', {
+    providedIn: 'root',
+    factory: () => [],
+});
+//#endregion
+
 //#region ----   Imports   ----
 //#endregion
 //#region ----   Registry Service   ----
@@ -1910,6 +2139,8 @@ class AXPModuleManifestRegistry {
             }
         });
         await Promise.all(registerPromises);
+        // Load and register features from all feature definition providers
+        await this.loadFeatureDefinitions();
         this.isInitialized = true;
     }
     //#endregion
@@ -1946,6 +2177,53 @@ class AXPModuleManifestRegistry {
     has(moduleName) {
         return this.manifests.has(moduleName);
     }
+    /**
+     * Load feature definitions from all registered feature definition providers.
+     * Features are automatically associated with modules based on the module name in the feature key.
+     */
+    async loadFeatureDefinitions() {
+        try {
+            const featureProviders = this.injector.get(AXP_FEATURE_DEFINITION_PROVIDER, []);
+            if (!featureProviders || featureProviders.length === 0) {
+                return;
+            }
+            const context = new AXPFeatureDefinitionProviderContext();
+            // Call all providers to collect features
+            for (const provider of featureProviders) {
+                if (provider instanceof Promise) {
+                    // If provider is a promise, resolve it
+                    const resolvedProvider = await provider;
+                    await resolvedProvider.provide(context);
+                }
+                else {
+                    // If provider is a direct instance, use it directly
+                    await provider.provide(context);
+                }
+            }
+            // Register all features and associate them with their modules
+            const features = context.getFeatures();
+            for (const [key, definition] of features.entries()) {
+                // Extract module name from key (format: ModuleName:FeatureKey)
+                const [moduleName, ...keyParts] = key.split(':');
+                const shortKey = keyParts.join(':');
+                // Verify that the module exists
+                if (!this.has(moduleName)) {
+                    console.warn(`Feature '${key}' references unknown module '${moduleName}'. Skipping.`);
+                    continue;
+                }
+                // Register feature definition
+                this.registerFeatureDefinition({
+                    ...definition,
+                    name: key,
+                    module: moduleName,
+                    key: shortKey,
+                });
+            }
+        }
+        catch (error) {
+            console.error('Failed to load feature definitions:', error);
+        }
+    }
     //#endregion
     //#region ----   Feature Definition Management   ----
     /**
@@ -1982,7 +2260,7 @@ class AXPModuleManifestRegistry {
     }
     /**
      * Register a feature definition dynamically (e.g., from feature definition provider).
-     * Used to add features that are defined at runtime via featuresProvider.
+     * Used to add features that are defined at runtime via AXP_FEATURE_DEFINITION_PROVIDER.
      */
     registerFeatureDefinition(definition) {
         this.featureDefinitions.set(definition.name, definition);
@@ -1992,40 +2270,113 @@ class AXPModuleManifestRegistry {
     /**
      * Check if module dependencies are satisfied.
      * Returns array of missing dependencies.
+     * Dependencies can be module names or feature keys (ModuleName.FeatureKey format).
      */
     checkDependencies(moduleName) {
         const manifest = this.get(moduleName);
-        if (!manifest?.dependencies) {
+        if (!manifest?.dependencies || manifest.dependencies.length === 0) {
             return { missingModules: [], missingFeatures: [] };
         }
         const missingModules = [];
         const missingFeatures = [];
-        // Check module dependencies
-        if (manifest.dependencies.modules) {
-            for (const depModule of manifest.dependencies.modules) {
-                if (!this.has(depModule)) {
-                    missingModules.push(depModule);
+        for (const dependency of manifest.dependencies) {
+            // If dependency contains a dot, it's a feature (ModuleName.FeatureKey)
+            if (dependency.includes('.')) {
+                // Convert dependency format (ModuleName.FeatureKey) to feature name format (ModuleName:Feature:FeatureKey)
+                const [moduleName, featureKey] = dependency.split('.');
+                const featureName = `${moduleName}:Feature:${featureKey}`;
+                if (!this.isFeatureDefined(featureName)) {
+                    missingFeatures.push(dependency);
                 }
             }
-        }
-        // Check feature dependencies
-        if (manifest.dependencies.features) {
-            for (const featureName of manifest.dependencies.features) {
-                if (!this.isFeatureDefined(featureName)) {
-                    missingFeatures.push(featureName);
+            else {
+                // Otherwise, it's a module name
+                if (!this.has(dependency)) {
+                    missingModules.push(dependency);
                 }
             }
         }
         return { missingModules, missingFeatures };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPModuleManifestRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPModuleManifestRegistry, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPModuleManifestRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPModuleManifestRegistry, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPModuleManifestRegistry, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPModuleManifestRegistry, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
 
+//#region ---- Imports ----
+//#endregion
+//#region ---- Module manifests data source ----
+/**
+ * Registered module manifests for select widgets via dataSource name {@link MODULE_MANIFESTS_DATASOURCE_NAME}.
+ */
+const MODULE_MANIFESTS_DATASOURCE_NAME = 'platform-module-manifests';
+/**
+ * Data source definition for module names/titles from {@link AXPModuleManifestRegistry}.
+ */
+class AXPModuleManifestsDataSourceDefinition {
+    constructor() {
+        //#region ---- Services & Dependencies ----
+        this.manifestRegistry = inject(AXPModuleManifestRegistry);
+        //#endregion
+    }
+    //#endregion
+    //#region ---- Public API ----
+    async items() {
+        return [
+            {
+                name: MODULE_MANIFESTS_DATASOURCE_NAME,
+                title: 'Module manifests',
+                source: () => new AXDataSource({
+                    key: 'id',
+                    load: async () => {
+                        await this.manifestRegistry.initialize();
+                        const list = this.manifestRegistry.getAll().map((m) => ({
+                            id: m.name,
+                            title: m.title || m.name,
+                        }));
+                        return { items: list, total: list.length };
+                    },
+                    byKey: async (key) => {
+                        await this.manifestRegistry.initialize();
+                        const m = this.manifestRegistry.getAll().find((x) => x.name === key);
+                        return m ? { id: m.name, title: m.title || m.name } : undefined;
+                    },
+                    pageSize: 1000,
+                }),
+                columns: [
+                    {
+                        name: 'id',
+                        title: 'ID',
+                        datatype: 'string',
+                        type: 'text-editor',
+                    },
+                    {
+                        name: 'title',
+                        title: 'Title',
+                        datatype: 'string',
+                        type: 'text-editor',
+                    },
+                ],
+                filters: [
+                    {
+                        field: 'title',
+                        title: 'Title',
+                        operator: { type: 'equal' },
+                        widget: { type: 'text-editor' },
+                        filterType: { advance: true, inline: true },
+                    },
+                ],
+                textField: { name: 'title', title: 'Title' },
+                valueField: { name: 'id', title: 'ID' },
+            },
+        ];
+    }
+}
+//#endregion
+
 class AXPAppStartUpService {
     constructor() {
         this.tasks = [];
@@ -2045,10 +2396,10 @@ class AXPAppStartUpService {
             loadingText.innerHTML = status;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPAppStartUpService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPAppStartUpService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPAppStartUpService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPAppStartUpService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPAppStartUpService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPAppStartUpService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -2066,17 +2417,16 @@ const AXPAppStartUpProvider = provideAppInitializer(() => {
 //#endregion
 //#region ----   Module   ----
 /**
- * Module for managing module manifests and providers initialization.
- * Handles the registration of manifest and module provider startup tasks.
+ * Module for managing module manifests initialization.
+ * Handles the registration of manifest startup tasks.
  */
 class AXPModuleManifestModule {
     /**
      * @ignore
-     * Initializes module manifest and provider tasks on module construction.
+     * Initializes module manifest tasks on module construction.
      */
     constructor(appInitService, injector) {
         const manifestRegistry = injector.get(AXPModuleManifestRegistry);
-        const moduleProviderLoader = injector.get(AXP_MODULE_PROVIDER_LOADER);
         // Register manifest initialization task
         appInitService.registerTask({
             name: 'ModuleManifests',
@@ -2086,97 +2436,204 @@ class AXPModuleManifestModule {
                 await manifestRegistry.initialize();
             },
         });
-        // Register module provider tasks
-        appInitService.registerTask({
-            name: 'RequiredModuleProviders',
-            statusText: 'Loading required modules...',
-            priority: 1.5,
-            run: async () => {
-                await moduleProviderLoader.loadRequiredModules();
-            },
-        });
-        appInitService.registerTask({
-            name: 'ModuleProviders',
-            statusText: 'Loading module providers...',
-            priority: 3,
-            run: async () => {
-                await moduleProviderLoader.loadProvidersIfReady();
-            },
-        });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPModuleManifestModule, deps: [{ token: AXPAppStartUpService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.12", ngImport: i0, type: AXPModuleManifestModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPModuleManifestModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPModuleManifestModule, deps: [{ token: AXPAppStartUpService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: AXPModuleManifestModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPModuleManifestModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPModuleManifestModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPModuleManifestModule, decorators: [{
             type: NgModule,
             args: [{
                     providers: [],
                 }]
         }], ctorParameters: () => [{ type: AXPAppStartUpService }, { type: i0.Injector }] });
 
-//#region ----   Imports   ----
+//#region ---- Imports ----
 //#endregion
-//#region ----   Feature Definition Provider Interface   ----
+//#region ---- Public API ----
+const LOCALE_KEY_REGEX = /^(\*-\*|[a-z]{2}-[A-Z]{2})$/;
 /**
- * Context for feature definition providers.
- * Allows providers to add additional feature definitions dynamically.
+ * Checks whether value is a valid locale map (`xx-XX` or `*-*` keys, string values).
  */
-class AXPFeatureDefinitionProviderContext {
-    constructor() {
-        this.features = new Map();
+function isValidMultiLanguageObject(value) {
+    if (!value || typeof value !== 'object' || Array.isArray(value)) {
+        return false;
     }
-    /**
-     * Add a feature definition.
-     * @param key Full feature key (ModuleName:FeatureKey format with colon separator)
-     * @param definition Feature definition
-     */
-    addFeature(key, definition) {
-        this.features.set(key, definition);
+    const entries = Object.entries(value);
+    if (!entries.length) {
+        return false;
     }
-    /**
-     * Get all feature definitions.
-     */
-    getFeatures() {
-        return this.features;
+    return entries.every(([key, entryValue]) => LOCALE_KEY_REGEX.test(key) && typeof entryValue === 'string');
+}
+/**
+ * Resolves {@link AXPMultiLanguageString} to a single string for the given locale.
+ * Fallback order: `currentLocale` → `en-US` → first map value.
+ */
+function resolveMultiLanguageString(content, currentLocale) {
+    if (content == null || content === '') {
+        return '';
     }
+    if (typeof content === 'string') {
+        return content;
+    }
+    if (!isValidMultiLanguageObject(content)) {
+        return String(content);
+    }
+    const record = content;
+    const pick = record[currentLocale] ??
+        record['en-US'] ??
+        Object.values(record).find((v) => v != null);
+    if (pick == null || pick === '') {
+        return '';
+    }
+    if (typeof pick === 'string') {
+        return pick;
+    }
+    return String(pick);
 }
 /**
- * Injection token for feature definition providers.
+ * Creates an {@link AXPMultiLanguageString} with `en-US` and `fa-IR` entries.
+ * Use for seed data, tests, and demos that supply English and Persian copy explicitly.
  */
-const AXP_FEATURE_DEFINITION_PROVIDER = new InjectionToken('AXP_FEATURE_DEFINITION_PROVIDER', {
-    providedIn: 'root',
-    factory: () => [],
-});
+function createMultiLanguageString(enUs, faIr) {
+    return { 'en-US': enUs, 'fa-IR': faIr };
+}
+/**
+ * True when there is no displayable text in any locale (plain string or ML map).
+ * Pure helper for predicates (e.g. default section detection); prefer widgets / pipes for display.
+ */
+function isEffectivelyEmptyLocalizedValue(value) {
+    if (value == null)
+        return true;
+    if (typeof value === 'string')
+        return value.trim() === '';
+    if (typeof value !== 'object' || Array.isArray(value))
+        return false;
+    const record = value;
+    return Object.values(record).every((v) => v == null || String(v).trim() === '');
+}
 //#endregion
 
-//#region ----   Imports   ----
+//#region ---- Imports ----
 //#endregion
-//#region ----   Default Implementation   ----
+//#region ---- AXPMultiLanguageStringResolverService ----
 /**
- * Default implementation of module access control service.
- * Checks if module is enabled in edition.modulesAndFeatures.modules.
+ * Resolves {@link AXPMultiLanguageString} using the active app locale, and exposes
+ * {@link currentLocale$} for code that prefers an observable (e.g. manual subscriptions).
+ * Templates usually use {@link AXPResolveMultiLanguageStringPipe} instead.
  */
-class DefaultModuleAccessControlService {
-    checkAccess(manifest, context) {
-        // Check if module is enabled in edition
-        const enabledModules = context.edition.modulesAndFeatures?.modules || [];
-        return enabledModules.includes(manifest.name);
+class AXPMultiLanguageStringResolverService {
+    constructor() {
+        //#region ---- Services & Dependencies ----
+        this.translation = inject(AXTranslationService);
+        //#endregion
+        //#region ---- Locale stream ----
+        /**
+         * Emits the active locale on subscribe and whenever the language changes.
+         */
+        this.currentLocale$ = merge$1(of(this.translation.getActiveLang()), this.translation.langChanges$).pipe(map(() => this.translation.getActiveLang()), distinctUntilChanged());
+    }
+    //#endregion
+    //#region ---- Resolve ----
+    /**
+     * Resolves multi-language content for an optional locale (defaults to active).
+     */
+    resolve(content, locale) {
+        if (content && typeof content === 'object' && !isValidMultiLanguageObject(content)) {
+            return '';
+        }
+        return resolveMultiLanguageString(content, locale ?? this.translation.getActiveLang());
+    }
+    /**
+     * Checks if a value is a valid multi-language object map.
+     * Key format must be `xx-XX` (e.g. en-US, fa-IR) or fallback `*-*`.
+     * All values must be strings.
+     */
+    isValidMultiLanguageObject(value) {
+        return isValidMultiLanguageObject(value);
+    }
+    /**
+     * Normalizes multi-language content to a locale map for editors (e.g. multi-language popup `values`).
+     * If `content` is already a locale-to-string map, returns a shallow copy.
+     * If it is a plain string or empty, wraps it as `{ [activeLocale]: text }`.
+     */
+    toLocaleMap(content, activeLocale) {
+        if (this.isValidMultiLanguageObject(content)) {
+            return { ...content };
+        }
+        const txt = typeof content === 'string' ? content : '';
+        return { [activeLocale]: txt };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: DefaultModuleAccessControlService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: DefaultModuleAccessControlService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPMultiLanguageStringResolverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPMultiLanguageStringResolverService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: DefaultModuleAccessControlService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPMultiLanguageStringResolverService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
+
+//#region ---- Imports ----
+//#endregion
+//#region ---- AXPResolveMultiLanguageStringPipe ----
+/**
+ * Resolves {@link AXPMultiLanguageString} via {@link AXPMultiLanguageStringResolverService}.
+ * Impure and subscribes to {@link AXPMultiLanguageStringResolverService#currentLocale$} so
+ * OnPush hosts (e.g. grid cells) still refresh when the language changes.
+ *
+ * Optional second argument: explicit locale (e.g. from a host `locale` input). When omitted or null/empty,
+ * the active language is used.
+ *
+ * @example
+ * ```html
+ * {{ value | axpResolveMultiLanguageString }}
+ * {{ value | axpResolveMultiLanguageString: locale() }}
+ * ```
+ */
+class AXPResolveMultiLanguageStringPipe {
+    constructor() {
+        this.resolver = inject(AXPMultiLanguageStringResolverService);
+        this.cdr = inject(ChangeDetectorRef);
+        this.localeSubscription = this.resolver.currentLocale$.subscribe(() => this.cdr.markForCheck());
+    }
+    transform(value, locale) {
+        const explicitLocale = locale != null && locale !== '' ? locale : undefined;
+        return this.resolver.resolve(value, explicitLocale);
+    }
+    ngOnDestroy() {
+        this.localeSubscription.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPResolveMultiLanguageStringPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: AXPResolveMultiLanguageStringPipe, isStandalone: true, name: "axpResolveMultiLanguageString", pure: false }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPResolveMultiLanguageStringPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'axpResolveMultiLanguageString',
+                    standalone: true,
+                    pure: false,
+                }]
+        }] });
+
+//#region ---- Imports ----
 //#endregion
-//#region ----   Injection Token   ----
+//#region ---- Compare & sort ----
+const DEFAULT_COLLATOR_OPTIONS = { sensitivity: 'base' };
+/**
+ * Locale-aware comparison of {@link AXPMultiLanguageString} values (plain string, `@scope:key`, or locale map).
+ * Resolves each side with {@link resolveMultiLanguageString} for `locale`, then compares with `String#localeCompare`.
+ */
+function compareMultiLanguageStrings(a, b, locale, collatorOptions = DEFAULT_COLLATOR_OPTIONS) {
+    const sa = resolveMultiLanguageString(a ?? '', locale);
+    const sb = resolveMultiLanguageString(b ?? '', locale);
+    return sa.localeCompare(sb, locale, collatorOptions);
+}
 /**
- * Injection token for module access control service.
- * If not provided, DefaultModuleAccessControlService will be used as fallback.
+ * Stable sort copy: orders items by resolved string for `getValue(item)` using the active `locale`.
  */
-const AXP_MODULE_ACCESS_CONTROL_SERVICE = new InjectionToken('AXP_MODULE_ACCESS_CONTROL_SERVICE');
+function sortByMultiLanguageString(items, getValue, locale, collatorOptions) {
+    return [...items].sort((x, y) => compareMultiLanguageStrings(getValue(x), getValue(y), locale, collatorOptions));
+}
+//#endregion
 
 //#region ----   Tag Types   ----
 //#endregion
@@ -2329,10 +2786,10 @@ class AXPTagService {
         const uniqueTags = allTags.filter((tag, index, self) => index === self.findIndex((t) => t.title.toLowerCase() === tag.title.toLowerCase()));
         this.cache = uniqueTags;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPTagService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPTagService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTagService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTagService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPTagService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTagService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -3264,6 +3721,9 @@ function getNestedKeys(obj, prefix = '') {
     return keys;
 }
 
+//#region ----   Imports   ----
+//#endregion
+
 function applySystemActionDefault(action, type) {
     const systemAction = getSystemActions(type);
     return {
@@ -3295,8 +3755,6 @@ class AXPIconLogoConfig {
 
 var AXPPlatformScope;
 (function (AXPPlatformScope) {
-    AXPPlatformScope["Environment"] = "C";
-    AXPPlatformScope["Global"] = "G";
     AXPPlatformScope["Platform"] = "P";
     AXPPlatformScope["Tenant"] = "T";
     AXPPlatformScope["User"] = "U";
@@ -3304,8 +3762,6 @@ var AXPPlatformScope;
 ;
 function resolvePlatformScopeKey(name) {
     const scopeMap = {
-        environment: AXPPlatformScope.Environment,
-        global: AXPPlatformScope.Global,
         platform: AXPPlatformScope.Platform,
         tenant: AXPPlatformScope.Tenant,
         user: AXPPlatformScope.User,
@@ -3314,8 +3770,6 @@ function resolvePlatformScopeKey(name) {
 }
 function resolvePlatformScopeName(scope) {
     const scopeMap = {
-        C: 'environment',
-        G: 'global',
         P: 'platform',
         T: 'tenant',
         U: 'user',
@@ -3335,7 +3789,7 @@ var AXPExportTemplateToken;
 class AXPCountdownPipe {
     constructor() {
         this.calendarService = inject(AXCalendarService);
-        this.countdownSignal = signal(this.setupTimer(), ...(ngDevMode ? [{ debugName: "countdownSignal" }] : []));
+        this.countdownSignal = signal(this.setupTimer(), ...(ngDevMode ? [{ debugName: "countdownSignal" }] : /* istanbul ignore next */ []));
         this.targetDate = 0;
         this.prevValue = 0;
     }
@@ -3364,10 +3818,10 @@ class AXPCountdownPipe {
     updateTargetDate(value) {
         this.targetDate = new Date(value).getTime();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPCountdownPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.12", ngImport: i0, type: AXPCountdownPipe, isStandalone: true, name: "countdown", pure: false }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPCountdownPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: AXPCountdownPipe, isStandalone: true, name: "countdown", pure: false }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPCountdownPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPCountdownPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'countdown',
@@ -3650,45 +4104,45 @@ class AXPDeviceService {
         /**
          * Current screen size (Small, Medium, Large)
          */
-        this.screenSize = signal(getScreenSize(), ...(ngDevMode ? [{ debugName: "screenSize" }] : []));
+        this.screenSize = signal(getScreenSize(), ...(ngDevMode ? [{ debugName: "screenSize" }] : /* istanbul ignore next */ []));
         /**
          * Current device type (Mobile, Tablet, Desktop)
          */
-        this.deviceType = signal(getDeviceType(), ...(ngDevMode ? [{ debugName: "deviceType" }] : []));
+        this.deviceType = signal(getDeviceType(), ...(ngDevMode ? [{ debugName: "deviceType" }] : /* istanbul ignore next */ []));
         /**
          * Whether the device supports touch input
          */
-        this.isTouchDevice = signal(isTouchDevice(), ...(ngDevMode ? [{ debugName: "isTouchDevice" }] : []));
+        this.isTouchDevice = signal(isTouchDevice(), ...(ngDevMode ? [{ debugName: "isTouchDevice" }] : /* istanbul ignore next */ []));
         //#endregion
         //#region ----   Computed Signals   ----
         /**
          * Whether the screen size is Small
          */
-        this.isSmall = computed(() => this.screenSize() === AXPScreenSize.Small, ...(ngDevMode ? [{ debugName: "isSmall" }] : []));
+        this.isSmall = computed(() => this.screenSize() === AXPScreenSize.Small, ...(ngDevMode ? [{ debugName: "isSmall" }] : /* istanbul ignore next */ []));
         /**
          * Whether the screen size is Medium
          */
-        this.isMedium = computed(() => this.screenSize() === AXPScreenSize.Medium, ...(ngDevMode ? [{ debugName: "isMedium" }] : []));
+        this.isMedium = computed(() => this.screenSize() === AXPScreenSize.Medium, ...(ngDevMode ? [{ debugName: "isMedium" }] : /* istanbul ignore next */ []));
         /**
          * Whether the screen size is Large
          */
-        this.isLarge = computed(() => this.screenSize() === AXPScreenSize.Large, ...(ngDevMode ? [{ debugName: "isLarge" }] : []));
+        this.isLarge = computed(() => this.screenSize() === AXPScreenSize.Large, ...(ngDevMode ? [{ debugName: "isLarge" }] : /* istanbul ignore next */ []));
         /**
          * Whether the device is Mobile
          */
-        this.isMobileDevice = computed(() => this.deviceType() === AXPDeviceType.Mobile, ...(ngDevMode ? [{ debugName: "isMobileDevice" }] : []));
+        this.isMobileDevice = computed(() => this.deviceType() === AXPDeviceType.Mobile, ...(ngDevMode ? [{ debugName: "isMobileDevice" }] : /* istanbul ignore next */ []));
         /**
          * Whether the device is Tablet
          */
-        this.isTabletDevice = computed(() => this.deviceType() === AXPDeviceType.Tablet, ...(ngDevMode ? [{ debugName: "isTabletDevice" }] : []));
+        this.isTabletDevice = computed(() => this.deviceType() === AXPDeviceType.Tablet, ...(ngDevMode ? [{ debugName: "isTabletDevice" }] : /* istanbul ignore next */ []));
         /**
          * Whether the device is Desktop
          */
-        this.isDesktopDevice = computed(() => this.deviceType() === AXPDeviceType.Desktop, ...(ngDevMode ? [{ debugName: "isDesktopDevice" }] : []));
+        this.isDesktopDevice = computed(() => this.deviceType() === AXPDeviceType.Desktop, ...(ngDevMode ? [{ debugName: "isDesktopDevice" }] : /* istanbul ignore next */ []));
         /**
          * Whether the device supports touch (alias for isTouchDevice)
          */
-        this.isTouchScreen = computed(() => this.isTouchDevice(), ...(ngDevMode ? [{ debugName: "isTouchScreen" }] : []));
+        this.isTouchScreen = computed(() => this.isTouchDevice(), ...(ngDevMode ? [{ debugName: "isTouchScreen" }] : /* istanbul ignore next */ []));
         //#endregion
         //#region ----   Private Properties   ----
         this._resizeListener = null;
@@ -3754,10 +4208,10 @@ class AXPDeviceService {
     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' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPDeviceService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPDeviceService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPDeviceService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPDeviceService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -3861,21 +4315,87 @@ class AXHighlightService {
         resultHTML += '</span>';
         return resultHTML;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXHighlightService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXHighlightService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXHighlightService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXHighlightService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXHighlightService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXHighlightService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
         }], ctorParameters: () => [] });
 
+/**
+ * Creates a provider instance within an injection context.
+ * Handles dynamic import, injector resolution, and provider instantiation.
+ *
+ * @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)
+ * )
+ * ```
+ */
+async function createProviderWithInjectionContext(loader) {
+    const injector = inject(Injector);
+    const ProviderClass = await loader();
+    return runInInjectionContext(injector, () => new ProviderClass());
+}
+/**
+ * Creates a provider configuration for lazy-loaded providers with injection context.
+ * Simplifies provider registration in NgModule providers array.
+ *
+ * @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.
+ * @returns Provider configuration object
+ *
+ * @example
+ * ```typescript
+ * // Multi-provider (default)
+ * provideLazyProvider(
+ *   AXP_DATASOURCE_DEFINITION_PROVIDER,
+ *   () => import('./datasource.provider').then(m => m.AXMDataSourceProvider)
+ * )
+ *
+ * // Single provider
+ * provideLazyProvider(
+ *   SOME_TOKEN,
+ *   () => import('./my.provider').then(m => m.MyProvider),
+ *   false
+ * )
+ * ```
+ */
+function provideLazyProvider(token, loader, multi = true) {
+    return {
+        provide: token,
+        useFactory: () => createProviderWithInjectionContext(loader),
+        multi,
+    };
+}
+
 function extractTextFromHtml(value) {
     const div = document.createElement('div');
     div.innerHTML = value;
     return div.textContent || div.innerText || '';
 }
+/**
+ * True when the string likely contains HTML markup (e.g. `<p>`, `<ul>`), as opposed to plain text.
+ * Used to choose innerHTML vs text interpolation for multilingual fields.
+ */
+function containsHtmlMarkup(value) {
+    if (value == null) {
+        return false;
+    }
+    const t = value.trim();
+    if (!t) {
+        return false;
+    }
+    return /<\/?[a-z][\s\S]*?>/i.test(t);
+}
 /**
  * Generate kebab-case group name from title
  */
@@ -3893,5 +4413,5 @@ function generateKebabCase(title) {
  * Generated bundle index. Do not edit.
  */
 
-export { AXFullscreenDirective, 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, AXPFeatureDefinitionProviderContext, AXPGridLayoutDirective, AXPHookService, AXPIconLogoConfig, AXPImageUrlLogoConfig, AXPModuleManifestModule, AXPModuleManifestRegistry, AXPModuleProviderRegistry, AXPPlatformScope, AXPScreenSize, AXPSystemActionType, AXPSystemActions, AXPTagProvider, AXPTagService, AXP_ACTIVITY_LOG_PROVIDER, AXP_COLOR_PALETTE_PROVIDER, AXP_DATASOURCE_DEFINITION_PROVIDER, AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER, AXP_EDITION_SERVICE, AXP_EXPRESSION_EVALUATOR_SCOPE_PROVIDER, AXP_FEATURE_DEFINITION_PROVIDER, AXP_MODULE_ACCESS_CONTROL_SERVICE, AXP_MODULE_MANIFEST_PROVIDER, AXP_MODULE_PROVIDER_LOADER, AXP_SESSION_SERVICE, AXP_TAG_PROVIDER, DefaultModuleAccessControlService, applyFilterArray, applyPagination, applyQueryArray, applySortArray, applySystemActionDefault, cleanDeep, extractNestedFieldsWildcard, extractTextFromHtml, extractValue, generateKebabCase, getActionButton, getChangedPaths, getDetailedChanges, getEnumValues, getNestedKeys, getSmart, getSystemActions, objectKeyValueTransforms, resolveActionLook, resolvePlatformScopeKey, resolvePlatformScopeName, setSmart };
+export { AXHighlightService, AXPActivityLogProvider, AXPActivityLogService, AXPAppStartUpProvider, AXPAppStartUpService, AXPBroadcastEventService, AXPColorPaletteProvider, AXPColorPaletteService, AXPColumnWidthService, AXPComponentLogoConfig, AXPComponentSlot, AXPComponentSlotDirective, AXPComponentSlotModule, AXPComponentSlotRegistryService, AXPContentCheckerDirective, AXPContextChangeEvent, AXPContextStore, AXPCountdownPipe, AXPDataGenerator, AXPDataSourceDefinitionProviderService, AXPDblClickDirective, AXPDefaultColorPalettesProvider, AXPDeviceService, AXPDeviceType, AXPDistributedEventListenerService, AXPElementDataDirective, AXPExportTemplateToken, AXPExpressionEvaluatorScopeProviderContext, AXPExpressionEvaluatorScopeProviderService, AXPExpressionEvaluatorService, AXPFeatureDefinitionProviderContext, AXPGridLayoutDirective, AXPHookService, AXPIconLogoConfig, AXPImageUrlLogoConfig, AXPModuleManifestModule, AXPModuleManifestRegistry, AXPModuleManifestsDataSourceDefinition, AXPMultiLanguageStringResolverService, AXPPlatformScope, AXPResolveMultiLanguageStringPipe, AXPScreenSize, AXPSystemActionType, AXPSystemActions, AXPTagProvider, AXPTagService, AXP_ACTIVITY_LOG_PROVIDER, AXP_COLOR_PALETTE_PROVIDER, AXP_COLUMN_WIDTH_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, MODULE_MANIFESTS_DATASOURCE_NAME, applyFilterArray, applyPagination, applyQueryArray, applySortArray, applySystemActionDefault, cleanDeep, compareMultiLanguageStrings, containsHtmlMarkup, createMultiLanguageString, createProviderWithInjectionContext, defaultColumnWidthProvider, extractNestedFieldsWildcard, extractTextFromHtml, extractValue, generateKebabCase, getActionButton, getChangedPaths, getDetailedChanges, getEnumValues, getNestedKeys, getSmart, getSystemActions, isEffectivelyEmptyLocalizedValue, isValidMultiLanguageObject, objectKeyValueTransforms, provideLazyProvider, resolveActionLook, resolveMultiLanguageString, resolvePlatformScopeKey, resolvePlatformScopeName, setSmart, sortByMultiLanguageString };
 //# sourceMappingURL=acorex-platform-core.mjs.map