@praxisui/core 7.0.0-beta.0 → 8.0.0-beta.1

package/fesm2022/praxisui-core.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, InjectionToken, Injectable, inject, Inject, Optional, makeEnvironmentProviders, ENVIRONMENT_INITIALIZER, APP_INITIALIZER, ErrorHandler, EventEmitter, Output, Input, ChangeDetectionStrategy, Directive, SecurityContext, ViewContainerRef, ContentChild, signal, HostListener, ViewChild, computed } from '@angular/core';
+import { Component, InjectionToken, Injectable, inject, Inject, Optional, makeEnvironmentProviders, ENVIRONMENT_INITIALIZER, APP_INITIALIZER, ErrorHandler, EventEmitter, Output, Input, ChangeDetectionStrategy, Directive, SecurityContext, ViewContainerRef, ContentChild, HostBinding, signal, HostListener, ViewChild, computed } from '@angular/core';
 import * as i1 from '@angular/common/http';
 import { HttpHeaders, HttpClient, HttpParams, HttpResponse, HttpContextToken, HTTP_INTERCEPTORS, withInterceptors } from '@angular/common/http';
 import { of, defer, throwError, from, EMPTY, BehaviorSubject, firstValueFrom, Subject, map as map$1 } from 'rxjs';
@@ -1549,6 +1549,7 @@ class ApiConfigStorage {
     http = inject(HttpClient);
     opts = inject(API_CONFIG_STORAGE_OPTIONS, { optional: true });
     baseUrl = (this.opts?.baseUrl || '/api/praxis/config/ui').replace(/\/$/, '');
+    scope = this.opts?.scope?.trim();
     headersFactory = this.opts?.headersFactory || (() => ({}));
     defaultHeaders = this.opts?.defaultHeaders;
     componentTypeResolver = (key) => {
@@ -1739,11 +1740,15 @@ class ApiConfigStorage {
         return new HttpHeaders(merged);
     }
     buildParams(componentType, componentId) {
+        const params = {
+            componentType,
+            componentId,
+        };
+        if (this.scope) {
+            params['scope'] = this.scope;
+        }
         return new HttpParams({
-            fromObject: {
-                componentType,
-                componentId,
-            },
+            fromObject: params,
         });
     }
     resolveKey(key) {
@@ -2111,6 +2116,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
 
+const SCHEMA_CACHE_GLOBAL_CONFIG_READY_TIMEOUT_MS = 1200;
 /**
  * Serviço genérico para operações CRUD em APIs REST padronizadas.
  *
@@ -2180,7 +2186,10 @@ class GenericCrudService {
         if (!this.schemaCacheReady) {
             this.schemaCacheReady = (async () => {
                 try {
-                    await this.globalConfig.ready();
+                    await Promise.race([
+                        this.globalConfig.ready(),
+                        new Promise((resolve) => setTimeout(resolve, SCHEMA_CACHE_GLOBAL_CONFIG_READY_TIMEOUT_MS)),
+                    ]);
                 }
                 catch { }
                 const disableCache = this.globalConfig.get('cache.disableSchemaCache');
@@ -3886,6 +3895,14 @@ function createDefaultTableConfig() {
                             'stack',
                             'tabs',
                             'tab',
+                            'text',
+                            'icon',
+                            'image',
+                            'badge',
+                            'avatar',
+                            'metric',
+                            'progress',
+                            'compose',
                             'card',
                             'value',
                             'action',
@@ -5655,6 +5672,16 @@ function providePraxisJsonLogicOperator(definition) {
         useValue: definition,
     };
 }
+function providePraxisJsonLogicOperatorOverride(definition) {
+    return {
+        provide: PRAXIS_JSON_LOGIC_OPERATORS,
+        multi: true,
+        useValue: {
+            ...definition,
+            override: true,
+        },
+    };
+}
 
 class PraxisJsonLogicError extends Error {
     code;
@@ -5667,8 +5694,11 @@ class PraxisJsonLogicError extends Error {
 class PraxisJsonLogicService {
     customOperators = new Map();
     constructor(operatorDefinitions) {
-        for (const definition of operatorDefinitions ?? DEFAULT_JSON_LOGIC_OPERATORS) {
-            this.customOperators.set(definition.operator, definition);
+        for (const definition of DEFAULT_JSON_LOGIC_OPERATORS) {
+            this.registerCustomOperator(definition, 'praxis');
+        }
+        for (const definition of operatorDefinitions ?? []) {
+            this.registerCustomOperator(definition, 'host', definition.override === true);
         }
     }
     evaluate(expression, data, options) {
@@ -5715,6 +5745,38 @@ class PraxisJsonLogicService {
     truthy(value) {
         return this.isTruthy(value);
     }
+    listOperatorDescriptors() {
+        return [
+            ...BUILTIN_JSON_LOGIC_OPERATOR_DESCRIPTORS,
+            ...Array.from(this.customOperators.values()).map((definition) => this.toOperatorDescriptor(definition)),
+        ];
+    }
+    getOperatorDescriptor(operator) {
+        const native = BUILTIN_JSON_LOGIC_OPERATOR_DESCRIPTORS.find((item) => item.operator === operator);
+        if (native) {
+            return native;
+        }
+        const custom = this.customOperators.get(operator);
+        return custom ? this.toOperatorDescriptor(custom) : undefined;
+    }
+    registerCustomOperator(definition, source, allowOverride = false) {
+        const operator = definition.operator;
+        if (BUILTIN_JSON_LOGIC_OPERATORS.includes(operator)) {
+            throw new PraxisJsonLogicError('RULE_OPERATOR_CONFLICT', `JSON Logic operator "${operator}" is native and cannot be registered as a custom operator.`);
+        }
+        const existing = this.customOperators.get(operator);
+        if (existing && !allowOverride) {
+            throw new PraxisJsonLogicError('RULE_OPERATOR_CONFLICT', `JSON Logic operator "${operator}" is already registered by ${existing.source}. Use providePraxisJsonLogicOperatorOverride for an explicit override.`);
+        }
+        this.customOperators.set(operator, {
+            ...definition,
+            source,
+        });
+    }
+    toOperatorDescriptor(definition) {
+        const { evaluate: _evaluate, override: _override, ...descriptor } = definition;
+        return descriptor;
+    }
     createContext(data, options) {
         return {
             data,
@@ -5773,6 +5835,27 @@ class PraxisJsonLogicService {
         if (operator === 'substr') {
             return this.evaluateSubstr(rawArgs, context);
         }
+        if (operator === 'merge') {
+            return this.evaluateMerge(rawArgs, context);
+        }
+        if (operator === 'map') {
+            return this.evaluateMap(rawArgs, context);
+        }
+        if (operator === 'filter') {
+            return this.evaluateFilter(rawArgs, context);
+        }
+        if (operator === 'reduce') {
+            return this.evaluateReduce(rawArgs, context);
+        }
+        if (operator === 'all') {
+            return this.evaluateAll(rawArgs, context);
+        }
+        if (operator === 'some') {
+            return this.evaluateSome(rawArgs, context);
+        }
+        if (operator === 'none') {
+            return this.evaluateNone(rawArgs, context);
+        }
         const custom = this.customOperators.get(operator);
         if (!custom) {
             throw new PraxisJsonLogicError('RULE_OPERATOR_UNKNOWN', `Unsupported JSON Logic operator: ${operator}`);
@@ -5931,6 +6014,82 @@ class PraxisJsonLogicService {
         }
         return value.slice(normalizedStart, normalizedStart + length);
     }
+    evaluateMerge(rawArgs, context) {
+        const args = this.toArgumentArray(rawArgs).map((arg) => this.evaluateValue(arg, context));
+        const result = [];
+        for (const value of args) {
+            if (Array.isArray(value)) {
+                result.push(...value);
+            }
+            else {
+                result.push(value);
+            }
+        }
+        return result;
+    }
+    evaluateMap(rawArgs, context) {
+        const [sourceExpression, mapExpression] = this.requireHigherOrderArgs('map', rawArgs, 2, 2);
+        const source = this.evaluateValue(sourceExpression, context);
+        this.assertArrayOperand('map', source);
+        return source.map((item) => this.evaluateValue(mapExpression, this.createChildContext(context, item)));
+    }
+    evaluateFilter(rawArgs, context) {
+        const [sourceExpression, predicateExpression] = this.requireHigherOrderArgs('filter', rawArgs, 2, 2);
+        const source = this.evaluateValue(sourceExpression, context);
+        this.assertArrayOperand('filter', source);
+        return source.filter((item) => this.isTruthy(this.evaluateValue(predicateExpression, this.createChildContext(context, item))));
+    }
+    evaluateReduce(rawArgs, context) {
+        const [sourceExpression, reducerExpression, initialExpression] = this.requireHigherOrderArgs('reduce', rawArgs, 2, 3);
+        const source = this.evaluateValue(sourceExpression, context);
+        this.assertArrayOperand('reduce', source);
+        let accumulator = initialExpression === undefined
+            ? null
+            : this.evaluateValue(initialExpression, context);
+        for (const current of source) {
+            accumulator = this.evaluateValue(reducerExpression, this.createChildContext(context, {
+                current,
+                accumulator,
+            }));
+        }
+        return accumulator;
+    }
+    evaluateAll(rawArgs, context) {
+        const [sourceExpression, predicateExpression] = this.requireHigherOrderArgs('all', rawArgs, 2, 2);
+        const source = this.evaluateValue(sourceExpression, context);
+        this.assertArrayOperand('all', source);
+        if (!source.length) {
+            return false;
+        }
+        return source.every((item) => this.isTruthy(this.evaluateValue(predicateExpression, this.createChildContext(context, item))));
+    }
+    evaluateSome(rawArgs, context) {
+        const [sourceExpression, predicateExpression] = this.requireHigherOrderArgs('some', rawArgs, 2, 2);
+        const source = this.evaluateValue(sourceExpression, context);
+        this.assertArrayOperand('some', source);
+        return source.some((item) => this.isTruthy(this.evaluateValue(predicateExpression, this.createChildContext(context, item))));
+    }
+    evaluateNone(rawArgs, context) {
+        const [sourceExpression, predicateExpression] = this.requireHigherOrderArgs('none', rawArgs, 2, 2);
+        const source = this.evaluateValue(sourceExpression, context);
+        this.assertArrayOperand('none', source);
+        return !source.some((item) => this.isTruthy(this.evaluateValue(predicateExpression, this.createChildContext(context, item))));
+    }
+    requireHigherOrderArgs(operator, rawArgs, min, max) {
+        const args = this.toArgumentArray(rawArgs);
+        return this.requireArgs(operator, args, min, max);
+    }
+    assertArrayOperand(operator, value) {
+        if (!Array.isArray(value)) {
+            throw new PraxisJsonLogicError('RULE_ARGUMENT_TYPE_INVALID', `Operator ${operator} requires an array as the first argument.`);
+        }
+    }
+    createChildContext(context, data) {
+        return {
+            ...context,
+            data: data,
+        };
+    }
     evaluateArgs(operator, rawArgs, context, min, max) {
         const args = this.toArgumentArray(rawArgs).map((arg) => this.evaluateValue(arg, context));
         return this.requireArgs(operator, args, min, max);
@@ -6151,6 +6310,16 @@ class PraxisJsonLogicService {
                 return { min: 1 };
             case 'substr':
                 return { min: 2, max: 3 };
+            case 'merge':
+                return { min: 1 };
+            case 'map':
+            case 'filter':
+            case 'all':
+            case 'some':
+            case 'none':
+                return { min: 2, max: 2 };
+            case 'reduce':
+                return { min: 2, max: 3 };
             case '+':
             case '*':
             case 'min':
@@ -6196,10 +6365,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
 const DEFAULT_JSON_LOGIC_OPERATORS = [
     {
         operator: 'contains',
+        namespace: 'praxis',
         minArgs: 2,
         maxArgs: 2,
+        returnType: 'boolean',
+        purity: 'pure',
         evaluate: (args, _context, helpers) => {
             const [container, candidate] = helpers.requireArgs('contains', args, 2, 2);
+            if (container === undefined || container === null) {
+                return false;
+            }
             if (typeof container === 'string' && typeof candidate === 'string') {
                 return container.includes(candidate);
             }
@@ -6211,10 +6386,16 @@ const DEFAULT_JSON_LOGIC_OPERATORS = [
     },
     {
         operator: 'startsWith',
+        namespace: 'praxis',
         minArgs: 2,
         maxArgs: 2,
+        returnType: 'boolean',
+        purity: 'pure',
         evaluate: (args, _context, helpers) => {
             const [value, prefix] = helpers.requireArgs('startsWith', args, 2, 2);
+            if (value === undefined || value === null) {
+                return false;
+            }
             if (typeof value !== 'string' || typeof prefix !== 'string') {
                 throw new PraxisJsonLogicError('RULE_ARGUMENT_TYPE_INVALID', '`startsWith` requires string arguments.');
             }
@@ -6223,10 +6404,16 @@ const DEFAULT_JSON_LOGIC_OPERATORS = [
     },
     {
         operator: 'endsWith',
+        namespace: 'praxis',
         minArgs: 2,
         maxArgs: 2,
+        returnType: 'boolean',
+        purity: 'pure',
         evaluate: (args, _context, helpers) => {
             const [value, suffix] = helpers.requireArgs('endsWith', args, 2, 2);
+            if (value === undefined || value === null) {
+                return false;
+            }
             if (typeof value !== 'string' || typeof suffix !== 'string') {
                 throw new PraxisJsonLogicError('RULE_ARGUMENT_TYPE_INVALID', '`endsWith` requires string arguments.');
             }
@@ -6235,10 +6422,16 @@ const DEFAULT_JSON_LOGIC_OPERATORS = [
     },
     {
         operator: 'matches',
+        namespace: 'praxis',
         minArgs: 2,
         maxArgs: 2,
+        returnType: 'boolean',
+        purity: 'pure',
         evaluate: (args, _context, helpers) => {
             const [value, pattern] = helpers.requireArgs('matches', args, 2, 2);
+            if (value === undefined || value === null) {
+                return false;
+            }
             if (typeof value !== 'string' || typeof pattern !== 'string') {
                 throw new PraxisJsonLogicError('RULE_ARGUMENT_TYPE_INVALID', '`matches` requires string arguments.');
             }
@@ -6252,8 +6445,11 @@ const DEFAULT_JSON_LOGIC_OPERATORS = [
     },
     {
         operator: 'isBlank',
+        namespace: 'praxis',
         minArgs: 1,
         maxArgs: 1,
+        returnType: 'boolean',
+        purity: 'pure',
         evaluate: (args, _context, helpers) => {
             const [value] = helpers.requireArgs('isBlank', args, 1, 1);
             if (value === undefined || value === null) {
@@ -6270,8 +6466,11 @@ const DEFAULT_JSON_LOGIC_OPERATORS = [
     },
     {
         operator: 'len',
+        namespace: 'praxis',
         minArgs: 1,
         maxArgs: 1,
+        returnType: 'number',
+        purity: 'pure',
         evaluate: (args, _context, helpers) => {
             const [value] = helpers.requireArgs('len', args, 1, 1);
             if (value === undefined || value === null) {
@@ -6291,8 +6490,11 @@ const DEFAULT_JSON_LOGIC_OPERATORS = [
     },
     {
         operator: 'round',
+        namespace: 'praxis',
         minArgs: 1,
         maxArgs: 1,
+        returnType: 'number',
+        purity: 'pure',
         evaluate: (args, _context, helpers) => {
             const [value] = helpers.requireArgs('round', args, 1, 1);
             if (typeof value !== 'number' || !Number.isFinite(value)) {
@@ -6303,8 +6505,11 @@ const DEFAULT_JSON_LOGIC_OPERATORS = [
     },
     {
         operator: 'ceil',
+        namespace: 'praxis',
         minArgs: 1,
         maxArgs: 1,
+        returnType: 'number',
+        purity: 'pure',
         evaluate: (args, _context, helpers) => {
             const [value] = helpers.requireArgs('ceil', args, 1, 1);
             if (typeof value !== 'number' || !Number.isFinite(value)) {
@@ -6315,8 +6520,11 @@ const DEFAULT_JSON_LOGIC_OPERATORS = [
     },
     {
         operator: 'floor',
+        namespace: 'praxis',
         minArgs: 1,
         maxArgs: 1,
+        returnType: 'number',
+        purity: 'pure',
         evaluate: (args, _context, helpers) => {
             const [value] = helpers.requireArgs('floor', args, 1, 1);
             if (typeof value !== 'number' || !Number.isFinite(value)) {
@@ -6327,8 +6535,11 @@ const DEFAULT_JSON_LOGIC_OPERATORS = [
     },
     {
         operator: 'abs',
+        namespace: 'praxis',
         minArgs: 1,
         maxArgs: 1,
+        returnType: 'number',
+        purity: 'pure',
         evaluate: (args, _context, helpers) => {
             const [value] = helpers.requireArgs('abs', args, 1, 1);
             if (typeof value !== 'number' || !Number.isFinite(value)) {
@@ -6339,7 +6550,10 @@ const DEFAULT_JSON_LOGIC_OPERATORS = [
     },
     {
         operator: 'coalesce',
+        namespace: 'praxis',
         minArgs: 1,
+        returnType: 'unknown',
+        purity: 'pure',
         evaluate: (args, _context, helpers) => {
             const values = helpers.requireArgs('coalesce', args, 1);
             for (const value of values) {
@@ -6352,14 +6566,20 @@ const DEFAULT_JSON_LOGIC_OPERATORS = [
     },
     {
         operator: 'now',
+        namespace: 'praxis',
         minArgs: 0,
         maxArgs: 0,
+        returnType: 'number',
+        purity: 'contextual',
         evaluate: () => Date.now(),
     },
     {
         operator: 'date',
+        namespace: 'praxis',
         minArgs: 1,
         maxArgs: 1,
+        returnType: 'number',
+        purity: 'pure',
         evaluate: (args, _context, helpers) => {
             const [value] = helpers.requireArgs('date', args, 1, 1);
             const parsed = parseTemporalValue(value);
@@ -6374,8 +6594,11 @@ const DEFAULT_JSON_LOGIC_OPERATORS = [
     },
     {
         operator: 'yearsSince',
+        namespace: 'praxis',
         minArgs: 1,
         maxArgs: 1,
+        returnType: 'number',
+        purity: 'contextual',
         evaluate: (args, context, helpers) => {
             const [value] = helpers.requireArgs('yearsSince', args, 1, 1);
             const parsed = parseTemporalValue(value);
@@ -6388,8 +6611,11 @@ const DEFAULT_JSON_LOGIC_OPERATORS = [
     },
     {
         operator: 'monthsSince',
+        namespace: 'praxis',
         minArgs: 1,
         maxArgs: 1,
+        returnType: 'number',
+        purity: 'contextual',
         evaluate: (args, context, helpers) => {
             const [value] = helpers.requireArgs('monthsSince', args, 1, 1);
             const parsed = parseTemporalValue(value);
@@ -6402,8 +6628,11 @@ const DEFAULT_JSON_LOGIC_OPERATORS = [
     },
     {
         operator: 'daysSince',
+        namespace: 'praxis',
         minArgs: 1,
         maxArgs: 1,
+        returnType: 'number',
+        purity: 'contextual',
         evaluate: (args, context, helpers) => {
             const [value] = helpers.requireArgs('daysSince', args, 1, 1);
             const parsed = parseTemporalValue(value);
@@ -6416,8 +6645,11 @@ const DEFAULT_JSON_LOGIC_OPERATORS = [
     },
     {
         operator: 'toNumber',
+        namespace: 'praxis',
         minArgs: 1,
         maxArgs: 1,
+        returnType: 'number',
+        purity: 'pure',
         evaluate: (args, _context, helpers) => {
             const [value] = helpers.requireArgs('toNumber', args, 1, 1);
             const parsed = Number(value);
@@ -6426,8 +6658,11 @@ const DEFAULT_JSON_LOGIC_OPERATORS = [
     },
     {
         operator: 'stringify',
+        namespace: 'praxis',
         minArgs: 1,
         maxArgs: 1,
+        returnType: 'string',
+        purity: 'pure',
         evaluate: (args, _context, helpers) => {
             const [value] = helpers.requireArgs('stringify', args, 1, 1);
             return value == null ? '' : String(value);
@@ -6435,8 +6670,11 @@ const DEFAULT_JSON_LOGIC_OPERATORS = [
     },
     {
         operator: 'jsonGet',
+        namespace: 'praxis',
         minArgs: 2,
         maxArgs: 2,
+        returnType: 'unknown',
+        purity: 'pure',
         evaluate: (args, _context, helpers) => {
             const [target, path] = helpers.requireArgs('jsonGet', args, 2, 2);
             if (typeof path !== 'string') {
@@ -6450,8 +6688,11 @@ const DEFAULT_JSON_LOGIC_OPERATORS = [
     },
     {
         operator: 'hasKey',
+        namespace: 'praxis',
         minArgs: 2,
         maxArgs: 2,
+        returnType: 'boolean',
+        purity: 'pure',
         evaluate: (args, _context, helpers) => {
             const [target, path] = helpers.requireArgs('hasKey', args, 2, 2);
             if (typeof path !== 'string') {
@@ -6465,8 +6706,11 @@ const DEFAULT_JSON_LOGIC_OPERATORS = [
     },
     {
         operator: 'isToday',
+        namespace: 'praxis',
         minArgs: 1,
         maxArgs: 1,
+        returnType: 'boolean',
+        purity: 'contextual',
         evaluate: (args, context, helpers) => {
             const [candidate] = helpers.requireArgs('isToday', args, 1, 1);
             const parsed = parseTemporalValue(candidate);
@@ -6478,8 +6722,11 @@ const DEFAULT_JSON_LOGIC_OPERATORS = [
     },
     {
         operator: 'inLast',
+        namespace: 'praxis',
         minArgs: 3,
         maxArgs: 3,
+        returnType: 'boolean',
+        purity: 'contextual',
         evaluate: (args, context, helpers) => {
             const [candidate, rawAmount, rawUnit] = helpers.requireArgs('inLast', args, 3, 3);
             const parsed = parseTemporalValue(candidate);
@@ -6496,8 +6743,11 @@ const DEFAULT_JSON_LOGIC_OPERATORS = [
     },
     {
         operator: 'weekdayIn',
+        namespace: 'praxis',
         minArgs: 2,
         maxArgs: 2,
+        returnType: 'boolean',
+        purity: 'contextual',
         evaluate: (args, context, helpers) => {
             const [candidate, rawDays] = helpers.requireArgs('weekdayIn', args, 2, 2);
             const parsed = parseTemporalValue(candidate);
@@ -6541,6 +6791,13 @@ const BUILTIN_JSON_LOGIC_OPERATORS = [
     'in',
     'cat',
     'substr',
+    'merge',
+    'map',
+    'filter',
+    'reduce',
+    'all',
+    'some',
+    'none',
     '+',
     '-',
     '*',
@@ -6549,6 +6806,39 @@ const BUILTIN_JSON_LOGIC_OPERATORS = [
     'min',
     'max',
 ];
+const BUILTIN_JSON_LOGIC_OPERATOR_DESCRIPTORS = [
+    { operator: 'var', source: 'native', minArgs: 1, maxArgs: 2, returnType: 'unknown', purity: 'pure' },
+    { operator: '==', source: 'native', minArgs: 2, maxArgs: 2, returnType: 'boolean', purity: 'pure' },
+    { operator: '===', source: 'native', minArgs: 2, maxArgs: 2, returnType: 'boolean', purity: 'pure' },
+    { operator: '!=', source: 'native', minArgs: 2, maxArgs: 2, returnType: 'boolean', purity: 'pure' },
+    { operator: '!==', source: 'native', minArgs: 2, maxArgs: 2, returnType: 'boolean', purity: 'pure' },
+    { operator: '>', source: 'native', minArgs: 2, maxArgs: 2, returnType: 'boolean', purity: 'pure' },
+    { operator: '>=', source: 'native', minArgs: 2, maxArgs: 2, returnType: 'boolean', purity: 'pure' },
+    { operator: '<', source: 'native', minArgs: 2, maxArgs: 2, returnType: 'boolean', purity: 'pure' },
+    { operator: '<=', source: 'native', minArgs: 2, maxArgs: 2, returnType: 'boolean', purity: 'pure' },
+    { operator: '!', source: 'native', minArgs: 1, maxArgs: 1, returnType: 'boolean', purity: 'pure' },
+    { operator: '!!', source: 'native', minArgs: 1, maxArgs: 1, returnType: 'boolean', purity: 'pure' },
+    { operator: 'and', source: 'native', minArgs: 1, returnType: 'unknown', purity: 'pure' },
+    { operator: 'or', source: 'native', minArgs: 1, returnType: 'unknown', purity: 'pure' },
+    { operator: 'if', source: 'native', minArgs: 2, returnType: 'unknown', purity: 'pure' },
+    { operator: 'in', source: 'native', minArgs: 2, maxArgs: 2, returnType: 'boolean', purity: 'pure' },
+    { operator: 'cat', source: 'native', minArgs: 1, returnType: 'string', purity: 'pure' },
+    { operator: 'substr', source: 'native', minArgs: 2, maxArgs: 3, returnType: 'string', purity: 'pure' },
+    { operator: 'merge', source: 'native', minArgs: 1, returnType: 'array', purity: 'pure' },
+    { operator: 'map', source: 'native', minArgs: 2, maxArgs: 2, returnType: 'array', purity: 'pure' },
+    { operator: 'filter', source: 'native', minArgs: 2, maxArgs: 2, returnType: 'array', purity: 'pure' },
+    { operator: 'reduce', source: 'native', minArgs: 2, maxArgs: 3, returnType: 'unknown', purity: 'pure' },
+    { operator: 'all', source: 'native', minArgs: 2, maxArgs: 2, returnType: 'boolean', purity: 'pure' },
+    { operator: 'some', source: 'native', minArgs: 2, maxArgs: 2, returnType: 'boolean', purity: 'pure' },
+    { operator: 'none', source: 'native', minArgs: 2, maxArgs: 2, returnType: 'boolean', purity: 'pure' },
+    { operator: '+', source: 'native', minArgs: 1, returnType: 'number', purity: 'pure' },
+    { operator: '-', source: 'native', minArgs: 1, returnType: 'number', purity: 'pure' },
+    { operator: '*', source: 'native', minArgs: 1, returnType: 'number', purity: 'pure' },
+    { operator: '/', source: 'native', minArgs: 2, returnType: 'number', purity: 'pure' },
+    { operator: '%', source: 'native', minArgs: 2, maxArgs: 2, returnType: 'number', purity: 'pure' },
+    { operator: 'min', source: 'native', minArgs: 1, returnType: 'number', purity: 'pure' },
+    { operator: 'max', source: 'native', minArgs: 1, returnType: 'number', purity: 'pure' },
+];
 function isComparisonOperator(operator) {
     return ['==', '===', '!=', '!==', '>', '>=', '<', '<='].includes(operator);
 }
@@ -8240,6 +8530,14 @@ function buildPraxisLayerScaleCss(scale = PRAXIS_LAYER_SCALE_DEFAULTS) {
   z-index: var(${PRAXIS_LAYER_SCALE_VARS.cdkOverlayBackdrop}, ${scale.cdkOverlayBackdrop}) !important;
 }
 
+.cdk-overlay-pane {
+  z-index: var(${PRAXIS_LAYER_SCALE_VARS.cdkOverlayWrapper}, ${scale.cdkOverlayWrapper}) !important;
+}
+
+.cdk-overlay-connected-position-bounding-box {
+  z-index: var(${PRAXIS_LAYER_SCALE_VARS.cdkOverlayWrapper}, ${scale.cdkOverlayWrapper}) !important;
+}
+
 .cdk-global-overlay-wrapper {
   z-index: var(${PRAXIS_LAYER_SCALE_VARS.cdkOverlayWrapper}, ${scale.cdkOverlayWrapper}) !important;
 }
@@ -8880,7 +9178,8 @@ class CrudOperationResolutionService {
         if (operation === 'delete') {
             return null;
         }
-        const { path, method, schemaType } = this.buildCanonicalSchemaParams(operation, resourcePath, preferredMethod);
+        const schemaResourcePath = this.resolveSchemaResourcePath(resourcePath, options);
+        const { path, method, schemaType } = this.buildCanonicalSchemaParams(operation, schemaResourcePath, preferredMethod);
         const query = new URLSearchParams({
             path,
             operation: method.toLowerCase(),
@@ -9033,7 +9332,21 @@ class CrudOperationResolutionService {
         if (!normalized) {
             return '';
         }
-        return normalized.startsWith('/') ? normalized : `/${normalized}`;
+        return normalized.replace(/\/+$/, '');
+    }
+    resolveSchemaResourcePath(resourcePath, options) {
+        const normalized = this.normalizeResourcePath(resourcePath);
+        if (!normalized) {
+            return '';
+        }
+        try {
+            const resolved = this.discovery.resolveHref(normalized, options);
+            const pathname = new URL(resolved).pathname.replace(/\/+/g, '/').replace(/\/+$/, '');
+            return pathname || (normalized.startsWith('/') ? normalized : `/${normalized}`);
+        }
+        catch {
+            return normalized.startsWith('/') ? normalized : `/${normalized}`;
+        }
     }
     resolveCanonicalResourcePath(request, fallbackResourcePath) {
         const capabilityResourcePath = this.normalizeResourcePath(request.capabilities?.resourcePath || '');
@@ -9477,6 +9790,8 @@ class AnalyticsStatsRequestBuilderService {
             case 'count':
             case '':
                 return 'COUNT';
+            case 'distinct-count':
+                return 'DISTINCT_COUNT';
             case 'sum':
                 return 'SUM';
             default:
@@ -9502,18 +9817,14 @@ class AnalyticsStatsRequestBuilderService {
     }
     mapGranularityToBackend(granularity) {
         switch (granularity) {
-            case 'hour':
-                return 'HOUR';
             case 'day':
                 return 'DAY';
             case 'week':
                 return 'WEEK';
             case 'month':
                 return 'MONTH';
-            case 'quarter':
-                return 'QUARTER';
-            case 'year':
-                return 'YEAR';
+            default:
+                throw new Error(`Analytics stats granularity "${granularity}" is not supported in praxis.stats execution.`);
         }
     }
     getExecutionMetrics(projection) {
@@ -10859,11 +11170,14 @@ function providePraxisGlobalConfigBootstrap(options) {
 }
 
 function providePraxisI18nConfig(config) {
-    return {
-        provide: PRAXIS_I18N_CONFIG,
-        useValue: config,
-        multi: true,
-    };
+    return [
+        {
+            provide: PRAXIS_I18N_CONFIG,
+            useValue: config,
+            multi: true,
+        },
+        PraxisI18nService,
+    ];
 }
 const providePraxisI18n = providePraxisI18nConfig;
 function providePraxisI18nTranslator(translator) {
@@ -12031,7 +12345,9 @@ function normalizeSelectLike(meta) {
         m.filterCriteria = m.filter;
         warnings.push('filter→filterCriteria');
     }
-    // Unificar endpoint/resourcePath (preferir resourcePath)
+    // Unificar endpoint/resourcePath para metadados legados.
+    // Quando ambos existem, endpoint representa a operacao concreta publicada pelo schema
+    // (ex.: /options/filter) e resourcePath representa o recurso dono.
     if (m.resourcePath == null && m.endpoint != null) {
         m.resourcePath = m.endpoint;
         warnings.push('endpoint→resourcePath');
@@ -12104,8 +12420,6 @@ function normalizeSelectLike(meta) {
         delete m.valueField;
     if (m.filter !== undefined)
         delete m.filter;
-    if (m.endpoint !== undefined)
-        delete m.endpoint;
     return m;
 }
 
@@ -12217,6 +12531,16 @@ function getReferencedFieldMetadata(config, allFieldMetadata) {
     // Return only metadata for referenced fields
     return allFieldMetadata.filter((metadata) => referencedFieldNames.has(metadata.name));
 }
+function isLocalFieldMetadata(field) {
+    return field.source === 'local';
+}
+function stripLocalSubmitSemantics$1(field) {
+    const { source, transient, submitPolicy, ...rest } = field;
+    void source;
+    void transient;
+    void submitPolicy;
+    return rest;
+}
 /**
  * Synchronizes local config with server metadata
  * Detects additions, removals, and modifications
@@ -12230,7 +12554,7 @@ function syncWithServerMetadata(localConfig, serverMetadata) {
     // Detect additions/removals
     const addedFields = serverFields.filter((f) => !localFieldsMap.has(f.name));
     const removedFields = localFields
-        .filter((f) => !serverFieldsMap.has(f.name))
+        .filter((f) => !serverFieldsMap.has(f.name) && !isLocalFieldMetadata(f))
         .map((f) => f.name);
     // Merge overlapping fields: prefer server as base, preserve local customizations
     const mergedOverlapping = [];
@@ -12241,7 +12565,7 @@ function syncWithServerMetadata(localConfig, serverMetadata) {
             return; // handled later
         // Deep-ish merge with special handling for validators/options
         const base = { ...serverField };
-        const loc = { ...localField };
+        const loc = { ...stripLocalSubmitSemantics$1(localField) };
         const mergedValidators = { ...serverField.validators, ...localField.validators };
         // Options/nodes family: keep local options if provided, else server
         const pick = (k) => (loc[k] !== undefined ? loc[k] : base[k]);
@@ -13280,6 +13604,7 @@ const RULE_PROPERTY_SCHEMA = {
         { name: 'validators', type: 'object', label: 'Validadores' },
     ],
     section: [
+        { name: 'hidden', type: 'boolean', label: 'Oculto' },
         { name: 'visible', type: 'boolean', label: 'Visível' },
         { name: 'title', type: 'string', label: 'Título' },
         { name: 'description', type: 'string', label: 'Descrição' },
@@ -14887,7 +15212,22 @@ function normalizeEndpoint(path) {
         }
     }
     // Remove leading slashes and any duplicated `api` segments
-    return path.replace(/^\/+/, '').replace(/^(?:api\/)+/, '');
+    const normalized = path.replace(/^\/+/, '').replace(/^(?:api\/)+/, '');
+    return normalized.replace(/\/options\/filter\/?$/i, '');
+}
+function isOptionsFilterEndpoint(path) {
+    if (!path) {
+        return false;
+    }
+    if (/^https?:\/\//i.test(path)) {
+        try {
+            path = new URL(path).pathname;
+        }
+        catch {
+            // Keep the original string when it cannot be parsed as a URL.
+        }
+    }
+    return /\/options\/filter\/?$/i.test(path);
 }
 function normalizeOptionSource(optionSource) {
     if (!optionSource?.key) {
@@ -14979,6 +15319,10 @@ function mapFieldDefinitionToMetadata(field) {
     if (normalizedOptionSource) {
         metadata.optionSource = normalizedOptionSource;
     }
+    const hasOptionsFilterEndpoint = isOptionsFilterEndpoint(field.endpoint);
+    if (field.endpoint) {
+        metadata.endpoint = field.endpoint;
+    }
     const endpointPath = normalizeEndpoint(normalizedOptionSource?.resourcePath ?? field.resourcePath ?? field.endpoint);
     if (endpointPath) {
         // Canonicalize: only expose resourcePath; do not write legacy alias
@@ -15021,13 +15365,13 @@ function mapFieldDefinitionToMetadata(field) {
     if (field.displayField) {
         metadata.optionLabelKey = field.displayField;
     }
-    else if (normalizedOptionSource) {
+    else if (normalizedOptionSource || hasOptionsFilterEndpoint) {
         metadata.optionLabelKey = 'label';
     }
     if (field.valueField) {
         metadata.optionValueKey = field.valueField;
     }
-    else if (normalizedOptionSource) {
+    else if (normalizedOptionSource || hasOptionsFilterEndpoint) {
         metadata.optionValueKey = 'id';
     }
     if (field.filter) {
@@ -16956,6 +17300,8 @@ const ENUMS$1 = {
     dependencyMergeStrategy: ['replace', 'merge'],
     dependencyLoadOnChange: ['respectLoadOn', 'immediate', 'manual'],
     textTransformApply: ['displayOnly', 'saveOnly', 'both'],
+    fieldSource: ['schema', 'local'],
+    fieldSubmitPolicy: ['include', 'omit', 'includeWhenDirty'],
     visibleIn: ['form', 'filter', 'table', 'dialog'],
     appearance: ['fill', 'outline'],
     color: ['primary', 'accent', 'warn'],
@@ -16966,7 +17312,7 @@ const ENUMS$1 = {
     sectionDescriptionStyle: ['bodyLarge', 'bodyMedium', 'bodySmall'],
 };
 const FIELD_METADATA_CAPABILITIES = {
-    version: 'v1.3',
+    version: 'v1.4',
     enums: ENUMS$1,
     notes: [
         'Condições booleanas declarativas devem usar Json Logic canônico. Funções permanecem restritas a escapes host-level como transforms e validators customizados.',
@@ -16975,6 +17321,8 @@ const FIELD_METADATA_CAPABILITIES = {
         'Detalhes específicos de cada controle (ex: opções de datepicker, máscaras específicas) devem ser consultados nos catálogos de microcomponentes.',
         'POLICY: Arrays e objetos (ex: options, validators) devem sofrer merge/append, nunca substituição completa sem confirmação.',
         'Não gere função para conditionalDisplay/conditionalRequired. Use Json Logic serializável; funções ficam restritas a transforms e validators customizados.',
+        'POLICY: Campos auxiliares do host devem usar source=local ou transient=true em FieldMetadata; nao invente campos no DTO/backend quando eles nao devem participar do payload persistido.',
+        'POLICY: formSubmit.formData e o payload filtrado para backend; formSubmit.rawFormData preserva os valores completos da UI, incluindo campos locais/transient.',
     ],
     capabilities: [
         // =============================================================================
@@ -17169,6 +17517,32 @@ const FIELD_METADATA_CAPABILITIES = {
             description: 'Tipo de dado do campo (text, number, date, etc).',
             intentExamples: ['tipo de dado numero', 'campo de data'],
         },
+        {
+            path: 'source',
+            category: 'data',
+            valueKind: 'enum',
+            allowedValues: ENUMS$1.fieldSource,
+            description: 'Origem semantica do campo. Use local para campos do host que nao vem do schema backend.',
+            intentExamples: ['campo local', 'campo auxiliar do host', 'campo que nao vem do schema'],
+            safetyNotes: 'Nao marque como local um campo que exista no schema backend; remova a semantica local quando houver colisao com campo server-backed.',
+        },
+        {
+            path: 'transient',
+            category: 'data',
+            valueKind: 'boolean',
+            description: 'Marca o campo como temporario/local para preenchimento. O dynamic-form omite do submit por padrao.',
+            intentExamples: ['campo temporario', 'campo transient', 'nao enviar no payload', 'usar apenas na UI'],
+            safetyNotes: 'Campos transient continuam participando de UI, validacao, regras, visibilidade e valueChange; eles apenas saem do payload persistido por padrao.',
+        },
+        {
+            path: 'submitPolicy',
+            category: 'behavior',
+            valueKind: 'enum',
+            allowedValues: ENUMS$1.fieldSubmitPolicy,
+            description: 'Politica de submit para sobrescrever o padrao de campos locais/transient.',
+            intentExamples: ['omitir do submit', 'enviar mesmo sendo local', 'enviar apenas se alterado'],
+            safetyNotes: 'Use omit para nunca persistir, include para enviar sempre e includeWhenDirty apenas quando o controle estiver dirty.',
+        },
         // =============================================================================
         // MATERIAL DESIGN (APARÊNCIA GLOBAL)
         // =============================================================================
@@ -19573,9 +19947,7 @@ class DynamicWidgetLoaderDirective {
             }
             try {
                 // Faz o binding com coerção de tipos quando possível
-                this.bindInputs(this.compRef, def.id, inputs, def.bindingOrder, meta || undefined, {
-                    flushPerPrioritizedInput: !needsRecreate,
-                });
+                this.bindInputs(this.compRef, def.id, inputs, def.bindingOrder, meta || undefined);
                 this.bindOutputs(this.compRef.instance, def.id, outputs, meta || undefined);
                 this.compRef.changeDetectorRef.detectChanges();
                 this.widgetDiagnostic.emit({
@@ -19635,7 +20007,7 @@ class DynamicWidgetLoaderDirective {
         }
         this.vcRef.clear();
     }
-    bindInputs(compRef, id, inputs, bindingOrder, meta, options) {
+    bindInputs(compRef, id, inputs, bindingOrder, meta) {
         // Derive priority order
         const defaultOrderMap = {
             'praxis-table': ['tableId', 'componentInstanceId', 'resourcePath', 'data', 'config'],
@@ -19682,17 +20054,10 @@ class DynamicWidgetLoaderDirective {
                 console.warn(`[DynamicWidgetLoader] Failed to set input ${key}`, e);
             }
         };
-        const flushPerPrioritizedInput = options?.flushPerPrioritizedInput !== false;
-        // Apply prioritized inputs with eager flush only when updating an existing component.
-        // On the first bind, flushing after each input can fire ngOnInit before config/ids land together.
+        // Apply every input before the final detectChanges so ngOnChanges never observes
+        // a partial bindingOrder state, especially during existing component updates.
         for (const [key, raw] of prioritized) {
             apply(key, raw);
-            if (flushPerPrioritizedInput) {
-                try {
-                    compRef.changeDetectorRef.detectChanges();
-                }
-                catch { }
-            }
         }
         // Apply remaining inputs
         for (const [key, raw] of others) {
@@ -19945,6 +20310,9 @@ const BUILTIN_SHELL_PRESETS = {
 };
 class WidgetShellComponent {
     i18n = inject(PraxisI18nService);
+    get hostCollapsed() {
+        return this.collapsed && !this.expanded && !this.fullscreen;
+    }
     shell;
     context = null;
     dragSurfaceEnabled = false;
@@ -20126,7 +20494,7 @@ class WidgetShellComponent {
         return this.i18n.t(key, undefined, fallback, WIDGET_SHELL_I18N_NAMESPACE);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: WidgetShellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: WidgetShellComponent, isStandalone: true, selector: "praxis-widget-shell", inputs: { shell: "shell", context: "context", dragSurfaceEnabled: "dragSurfaceEnabled", dragSurfaceLabel: "dragSurfaceLabel" }, outputs: { action: "action", dragSurfacePointerDown: "dragSurfacePointerDown", dragSurfaceKeydown: "dragSurfaceKeydown" }, providers: [providePraxisI18nConfig(WIDGET_SHELL_I18N_CONFIG)], queries: [{ propertyName: "loader", first: true, predicate: DynamicWidgetLoaderDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: WidgetShellComponent, isStandalone: true, selector: "praxis-widget-shell", inputs: { shell: "shell", context: "context", dragSurfaceEnabled: "dragSurfaceEnabled", dragSurfaceLabel: "dragSurfaceLabel" }, outputs: { action: "action", dragSurfacePointerDown: "dragSurfacePointerDown", dragSurfaceKeydown: "dragSurfaceKeydown" }, host: { properties: { "class.pdx-widget-shell-collapsed": "this.hostCollapsed" } }, providers: [providePraxisI18nConfig(WIDGET_SHELL_I18N_CONFIG)], queries: [{ propertyName: "loader", first: true, predicate: DynamicWidgetLoaderDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
       <section
       class="pdx-shell"
       [class.no-shell]="!shellEnabled"
@@ -20134,6 +20502,8 @@ class WidgetShellComponent {
       [class.collapsed]="collapsed"
       [class.expanded]="expanded"
       [class.fullscreen]="fullscreen"
+      [class.body-fill]="shell?.bodyLayout === 'fill'"
+      [class.body-scroll]="shell?.bodyLayout === 'scroll'"
       [style.--pdx-shell-card-bg]="appearance?.card?.background || null"
       [style.--pdx-shell-card-border]="appearance?.card?.borderColor || null"
       [style.--pdx-shell-card-radius]="appearance?.card?.borderRadius || null"
@@ -20258,7 +20628,7 @@ class WidgetShellComponent {
     @if (expanded || fullscreen) {
     <div class="pdx-shell-backdrop" (click)="closeOverlay()"></div>
     }
-  `, isInline: true, styles: [":host{display:block;height:100%}.pdx-shell{position:relative;height:100%;display:flex;flex-direction:column}.pdx-shell.no-shell{background:transparent;border:none;border-radius:0;box-shadow:none}.pdx-shell.dashboard{background:var(--pdx-shell-card-bg, var(--pdx-dashboard-card-bg, var(--md-sys-color-surface-container-low)));border:1px solid var(--pdx-shell-card-border, var(--pdx-dashboard-card-border, var(--md-sys-color-outline-variant)));border-radius:var(--pdx-shell-card-radius, 12px);box-shadow:var(--pdx-shell-card-shadow, 0 4px 12px rgba(15, 23, 42, .06));overflow:hidden}.pdx-shell-header{display:flex;align-items:center;gap:10px;padding:8px 10px 7px;border-bottom:1px solid var(--pdx-shell-header-border, var(--md-sys-color-outline-variant));background:var(--pdx-shell-header-bg, var(--md-sys-color-surface-container))}.pdx-shell-header--drag-enabled{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.pdx-shell-header--drag-enabled:active{cursor:grabbing}.pdx-shell-header--drag-enabled:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 72%,white 28%);outline-offset:-2px}.pdx-shell-title{display:flex;align-items:center;gap:8px;min-width:0;flex:1;color:var(--pdx-shell-title-color, inherit)}.pdx-shell-title mat-icon{color:var(--pdx-shell-icon-color, currentColor)}.pdx-shell-text{min-width:0}.pdx-shell-title-text{font-weight:var(--pdx-shell-title-weight, 600);font-size:var(--pdx-shell-title-size, 13px);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-shell-subtitle{font-size:var(--pdx-shell-subtitle-size, 11px);opacity:.75;color:var(--pdx-shell-subtitle-color, currentColor);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-shell-actions,.pdx-shell-window-actions{display:flex;align-items:center;gap:4px}.pdx-shell-window-actions{margin-left:auto}.pdx-action-outlined{border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;padding:0 10px}.pdx-action-text{padding:0 8px}.pdx-action-label{font-size:12px;font-weight:500}.pdx-shell-body{flex:1;min-height:0;padding:var(--pdx-shell-body-padding, 8px 10px 10px 10px);background:var(--pdx-shell-body-bg, transparent);color:var(--pdx-shell-body-color, inherit)}.pdx-shell.no-shell .pdx-shell-body{padding:0}.pdx-shell-body.hidden{display:none}.pdx-shell.collapsed .pdx-shell-header{border-bottom-color:transparent}.pdx-shell.expanded .pdx-shell-body,.pdx-shell.fullscreen .pdx-shell-body{overflow:auto;display:flex;flex-direction:column;min-height:0}.pdx-shell.expanded .pdx-shell-body>*,.pdx-shell.fullscreen .pdx-shell-body>*{flex:1 1 auto;min-height:0;width:100%}.pdx-shell.expanded{position:fixed;top:10vh;left:50%;width:min(920px,92vw);height:min(640px,82vh);transform:translate(-50%);z-index:var(--praxis-layer-widget-shell-expanded, 1290);box-shadow:var(--mat-elevation-level8)}.pdx-shell.fullscreen{position:fixed;top:50%;left:50%;width:95vw;height:95vh;transform:translate(-50%,-50%);z-index:var(--praxis-layer-widget-shell-fullscreen, 1291);box-shadow:var(--mat-elevation-level8)}.pdx-shell-backdrop{position:fixed;inset:0;z-index:var(--praxis-layer-widget-shell-backdrop, 1280);background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block;height:100%}:host(.pdx-widget-shell-collapsed){height:auto}.pdx-shell{position:relative;height:100%;display:flex;flex-direction:column}.pdx-shell.no-shell{background:transparent;border:none;border-radius:0;box-shadow:none}.pdx-shell.dashboard{background:var(--pdx-shell-card-bg, var(--pdx-dashboard-card-bg, var(--md-sys-color-surface-container-low)));border:1px solid var(--pdx-shell-card-border, var(--pdx-dashboard-card-border, var(--md-sys-color-outline-variant)));border-radius:var(--pdx-shell-card-radius, 12px);box-shadow:var(--pdx-shell-card-shadow, 0 4px 12px rgba(15, 23, 42, .06));overflow:hidden}.pdx-shell-header{display:flex;align-items:center;gap:10px;padding:8px 10px 7px;border-bottom:1px solid var(--pdx-shell-header-border, var(--md-sys-color-outline-variant));background:var(--pdx-shell-header-bg, var(--md-sys-color-surface-container))}.pdx-shell-header--drag-enabled{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.pdx-shell-header--drag-enabled:active{cursor:grabbing}.pdx-shell-header--drag-enabled:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 72%,white 28%);outline-offset:-2px}.pdx-shell-title{display:flex;align-items:center;gap:8px;min-width:0;flex:1;color:var(--pdx-shell-title-color, inherit)}.pdx-shell-title mat-icon{color:var(--pdx-shell-icon-color, currentColor)}.pdx-shell-text{min-width:0}.pdx-shell-title-text{font-weight:var(--pdx-shell-title-weight, 600);font-size:var(--pdx-shell-title-size, 13px);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-shell-subtitle{font-size:var(--pdx-shell-subtitle-size, 11px);opacity:.75;color:var(--pdx-shell-subtitle-color, currentColor);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-shell-actions,.pdx-shell-window-actions{display:flex;align-items:center;gap:4px}.pdx-shell-window-actions{margin-left:auto}.pdx-action-outlined{border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;padding:0 10px}.pdx-action-text{padding:0 8px}.pdx-action-label{font-size:12px;font-weight:500}.pdx-shell-body{flex:1;min-height:0;padding:var(--pdx-shell-body-padding, 8px 10px 10px 10px);background:var(--pdx-shell-body-bg, transparent);color:var(--pdx-shell-body-color, inherit)}.pdx-shell.no-shell .pdx-shell-body{padding:0}.pdx-shell-body.hidden{display:none}.pdx-shell.collapsed{height:auto}.pdx-shell.collapsed .pdx-shell-header{border-bottom-color:transparent}.pdx-shell.body-fill .pdx-shell-body,.pdx-shell.body-scroll .pdx-shell-body,.pdx-shell.expanded .pdx-shell-body,.pdx-shell.fullscreen .pdx-shell-body{overflow:auto;display:flex;flex-direction:column;min-height:0}.pdx-shell.collapsed .pdx-shell-body{display:none}.pdx-shell.body-fill .pdx-shell-body{overflow:hidden}.pdx-shell.body-scroll .pdx-shell-body{overflow:auto}.pdx-shell.body-fill .pdx-shell-body>*,.pdx-shell.body-scroll .pdx-shell-body>*,.pdx-shell.expanded .pdx-shell-body>*,.pdx-shell.fullscreen .pdx-shell-body>*{flex:1 1 auto;min-height:0;width:100%}.pdx-shell.expanded{position:fixed;top:10vh;left:50%;width:min(920px,92vw);height:min(640px,82vh);transform:translate(-50%);z-index:var(--praxis-layer-widget-shell-expanded, 1290);box-shadow:var(--mat-elevation-level8)}.pdx-shell.fullscreen{position:fixed;top:50%;left:50%;width:95vw;height:95vh;transform:translate(-50%,-50%);z-index:var(--praxis-layer-widget-shell-fullscreen, 1291);box-shadow:var(--mat-elevation-level8)}.pdx-shell-backdrop{position:fixed;inset:0;z-index:var(--praxis-layer-widget-shell-backdrop, 1280);background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: WidgetShellComponent, decorators: [{
             type: Component,
@@ -20270,6 +20640,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
       [class.collapsed]="collapsed"
       [class.expanded]="expanded"
       [class.fullscreen]="fullscreen"
+      [class.body-fill]="shell?.bodyLayout === 'fill'"
+      [class.body-scroll]="shell?.bodyLayout === 'scroll'"
       [style.--pdx-shell-card-bg]="appearance?.card?.background || null"
       [style.--pdx-shell-card-border]="appearance?.card?.borderColor || null"
       [style.--pdx-shell-card-radius]="appearance?.card?.borderRadius || null"
@@ -20394,8 +20766,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
     @if (expanded || fullscreen) {
     <div class="pdx-shell-backdrop" (click)="closeOverlay()"></div>
     }
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;height:100%}.pdx-shell{position:relative;height:100%;display:flex;flex-direction:column}.pdx-shell.no-shell{background:transparent;border:none;border-radius:0;box-shadow:none}.pdx-shell.dashboard{background:var(--pdx-shell-card-bg, var(--pdx-dashboard-card-bg, var(--md-sys-color-surface-container-low)));border:1px solid var(--pdx-shell-card-border, var(--pdx-dashboard-card-border, var(--md-sys-color-outline-variant)));border-radius:var(--pdx-shell-card-radius, 12px);box-shadow:var(--pdx-shell-card-shadow, 0 4px 12px rgba(15, 23, 42, .06));overflow:hidden}.pdx-shell-header{display:flex;align-items:center;gap:10px;padding:8px 10px 7px;border-bottom:1px solid var(--pdx-shell-header-border, var(--md-sys-color-outline-variant));background:var(--pdx-shell-header-bg, var(--md-sys-color-surface-container))}.pdx-shell-header--drag-enabled{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.pdx-shell-header--drag-enabled:active{cursor:grabbing}.pdx-shell-header--drag-enabled:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 72%,white 28%);outline-offset:-2px}.pdx-shell-title{display:flex;align-items:center;gap:8px;min-width:0;flex:1;color:var(--pdx-shell-title-color, inherit)}.pdx-shell-title mat-icon{color:var(--pdx-shell-icon-color, currentColor)}.pdx-shell-text{min-width:0}.pdx-shell-title-text{font-weight:var(--pdx-shell-title-weight, 600);font-size:var(--pdx-shell-title-size, 13px);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-shell-subtitle{font-size:var(--pdx-shell-subtitle-size, 11px);opacity:.75;color:var(--pdx-shell-subtitle-color, currentColor);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-shell-actions,.pdx-shell-window-actions{display:flex;align-items:center;gap:4px}.pdx-shell-window-actions{margin-left:auto}.pdx-action-outlined{border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;padding:0 10px}.pdx-action-text{padding:0 8px}.pdx-action-label{font-size:12px;font-weight:500}.pdx-shell-body{flex:1;min-height:0;padding:var(--pdx-shell-body-padding, 8px 10px 10px 10px);background:var(--pdx-shell-body-bg, transparent);color:var(--pdx-shell-body-color, inherit)}.pdx-shell.no-shell .pdx-shell-body{padding:0}.pdx-shell-body.hidden{display:none}.pdx-shell.collapsed .pdx-shell-header{border-bottom-color:transparent}.pdx-shell.expanded .pdx-shell-body,.pdx-shell.fullscreen .pdx-shell-body{overflow:auto;display:flex;flex-direction:column;min-height:0}.pdx-shell.expanded .pdx-shell-body>*,.pdx-shell.fullscreen .pdx-shell-body>*{flex:1 1 auto;min-height:0;width:100%}.pdx-shell.expanded{position:fixed;top:10vh;left:50%;width:min(920px,92vw);height:min(640px,82vh);transform:translate(-50%);z-index:var(--praxis-layer-widget-shell-expanded, 1290);box-shadow:var(--mat-elevation-level8)}.pdx-shell.fullscreen{position:fixed;top:50%;left:50%;width:95vw;height:95vh;transform:translate(-50%,-50%);z-index:var(--praxis-layer-widget-shell-fullscreen, 1291);box-shadow:var(--mat-elevation-level8)}.pdx-shell-backdrop{position:fixed;inset:0;z-index:var(--praxis-layer-widget-shell-backdrop, 1280);background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}\n"] }]
-        }], propDecorators: { shell: [{
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;height:100%}:host(.pdx-widget-shell-collapsed){height:auto}.pdx-shell{position:relative;height:100%;display:flex;flex-direction:column}.pdx-shell.no-shell{background:transparent;border:none;border-radius:0;box-shadow:none}.pdx-shell.dashboard{background:var(--pdx-shell-card-bg, var(--pdx-dashboard-card-bg, var(--md-sys-color-surface-container-low)));border:1px solid var(--pdx-shell-card-border, var(--pdx-dashboard-card-border, var(--md-sys-color-outline-variant)));border-radius:var(--pdx-shell-card-radius, 12px);box-shadow:var(--pdx-shell-card-shadow, 0 4px 12px rgba(15, 23, 42, .06));overflow:hidden}.pdx-shell-header{display:flex;align-items:center;gap:10px;padding:8px 10px 7px;border-bottom:1px solid var(--pdx-shell-header-border, var(--md-sys-color-outline-variant));background:var(--pdx-shell-header-bg, var(--md-sys-color-surface-container))}.pdx-shell-header--drag-enabled{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.pdx-shell-header--drag-enabled:active{cursor:grabbing}.pdx-shell-header--drag-enabled:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 72%,white 28%);outline-offset:-2px}.pdx-shell-title{display:flex;align-items:center;gap:8px;min-width:0;flex:1;color:var(--pdx-shell-title-color, inherit)}.pdx-shell-title mat-icon{color:var(--pdx-shell-icon-color, currentColor)}.pdx-shell-text{min-width:0}.pdx-shell-title-text{font-weight:var(--pdx-shell-title-weight, 600);font-size:var(--pdx-shell-title-size, 13px);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-shell-subtitle{font-size:var(--pdx-shell-subtitle-size, 11px);opacity:.75;color:var(--pdx-shell-subtitle-color, currentColor);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-shell-actions,.pdx-shell-window-actions{display:flex;align-items:center;gap:4px}.pdx-shell-window-actions{margin-left:auto}.pdx-action-outlined{border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;padding:0 10px}.pdx-action-text{padding:0 8px}.pdx-action-label{font-size:12px;font-weight:500}.pdx-shell-body{flex:1;min-height:0;padding:var(--pdx-shell-body-padding, 8px 10px 10px 10px);background:var(--pdx-shell-body-bg, transparent);color:var(--pdx-shell-body-color, inherit)}.pdx-shell.no-shell .pdx-shell-body{padding:0}.pdx-shell-body.hidden{display:none}.pdx-shell.collapsed{height:auto}.pdx-shell.collapsed .pdx-shell-header{border-bottom-color:transparent}.pdx-shell.body-fill .pdx-shell-body,.pdx-shell.body-scroll .pdx-shell-body,.pdx-shell.expanded .pdx-shell-body,.pdx-shell.fullscreen .pdx-shell-body{overflow:auto;display:flex;flex-direction:column;min-height:0}.pdx-shell.collapsed .pdx-shell-body{display:none}.pdx-shell.body-fill .pdx-shell-body{overflow:hidden}.pdx-shell.body-scroll .pdx-shell-body{overflow:auto}.pdx-shell.body-fill .pdx-shell-body>*,.pdx-shell.body-scroll .pdx-shell-body>*,.pdx-shell.expanded .pdx-shell-body>*,.pdx-shell.fullscreen .pdx-shell-body>*{flex:1 1 auto;min-height:0;width:100%}.pdx-shell.expanded{position:fixed;top:10vh;left:50%;width:min(920px,92vw);height:min(640px,82vh);transform:translate(-50%);z-index:var(--praxis-layer-widget-shell-expanded, 1290);box-shadow:var(--mat-elevation-level8)}.pdx-shell.fullscreen{position:fixed;top:50%;left:50%;width:95vw;height:95vh;transform:translate(-50%,-50%);z-index:var(--praxis-layer-widget-shell-fullscreen, 1291);box-shadow:var(--mat-elevation-level8)}.pdx-shell-backdrop{position:fixed;inset:0;z-index:var(--praxis-layer-widget-shell-backdrop, 1280);background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}\n"] }]
+        }], propDecorators: { hostCollapsed: [{
+                type: HostBinding,
+                args: ['class.pdx-widget-shell-collapsed']
+            }], shell: [{
                 type: Input
             }], context: [{
                 type: Input
@@ -21400,14 +21775,13 @@ function applyLinkPatches(current, patches) {
         if (!patch) {
             return cloneLink(link);
         }
-        return {
-            ...cloneLink(link),
-            status: patch.status ?? link.status,
-            lastEventAt: pickPatchedValue(patch, 'lastEventAt', link.lastEventAt),
-            lastDispatchTraceId: pickPatchedValue(patch, 'lastDispatchTraceId', link.lastDispatchTraceId),
-            lastDeliveredValuePreview: pickPatchedValue(patch, 'lastDeliveredValuePreview', link.lastDeliveredValuePreview),
-            diagnostics: cloneDiagnostics$1(patch.diagnostics ?? link.diagnostics),
-        };
+        const next = cloneLink(link);
+        next.status = patch.status ?? link.status;
+        setOptionalLinkValue(next, 'lastEventAt', pickPatchedValue(patch, 'lastEventAt', link.lastEventAt));
+        setOptionalLinkValue(next, 'lastDispatchTraceId', pickPatchedValue(patch, 'lastDispatchTraceId', link.lastDispatchTraceId));
+        setOptionalLinkValue(next, 'lastDeliveredValuePreview', pickPatchedValue(patch, 'lastDeliveredValuePreview', link.lastDeliveredValuePreview));
+        next.diagnostics = cloneDiagnostics$1(patch.diagnostics ?? link.diagnostics);
+        return next;
     });
 }
 function pickPatchedValue(patch, key, fallback) {
@@ -21419,12 +21793,24 @@ function cloneLinks(links) {
     return links.map((link) => cloneLink(link));
 }
 function cloneLink(link) {
-    return {
-        ...link,
+    const next = {
+        linkId: link.linkId,
+        status: link.status,
         source: { ...link.source },
         target: { ...link.target },
         diagnostics: cloneDiagnostics$1(link.diagnostics),
     };
+    setOptionalLinkValue(next, 'lastEventAt', link.lastEventAt);
+    setOptionalLinkValue(next, 'lastDispatchTraceId', link.lastDispatchTraceId);
+    setOptionalLinkValue(next, 'lastDeliveredValuePreview', link.lastDeliveredValuePreview);
+    return next;
+}
+function setOptionalLinkValue(link, key, value) {
+    if (value === undefined) {
+        delete link[key];
+        return;
+    }
+    link[key] = value;
 }
 function cloneDiagnostics$1(diagnostics) {
     return diagnostics.map((diagnostic) => ({
@@ -23531,6 +23917,7 @@ class DynamicWidgetPageComponent {
     /** Optional instance key for pages rendered multiple times. */
     componentInstanceId;
     pageChange = new EventEmitter();
+    widgetEvent = new EventEmitter();
     widgetDiagnosticsChange = new EventEmitter();
     widgets = signal([], ...(ngDevMode ? [{ debugName: "widgets" }] : []));
     renderedGroups = signal([], ...(ngDevMode ? [{ debugName: "renderedGroups" }] : []));
@@ -23572,56 +23959,89 @@ class DynamicWidgetPageComponent {
     globalActions = inject(GlobalActionService);
     storage = inject(ASYNC_CONFIG_STORAGE);
     componentKeys = inject(ComponentKeyService);
+    componentMetadata = inject(ComponentMetadataRegistry, {
+        optional: true,
+    });
     i18n = inject(PraxisI18nService);
-    route = (() => { try {
-        return inject(ActivatedRoute);
-    }
-    catch {
-        return undefined;
-    } })();
+    route = (() => {
+        try {
+            return inject(ActivatedRoute);
+        }
+        catch {
+            return undefined;
+        }
+    })();
     conn = inject(ConnectionManagerService);
     stateRuntime = inject(WidgetPageStateRuntimeService);
-    settingsPanel = inject(SETTINGS_PANEL_BRIDGE, { optional: true });
-    defaultShellEditor = inject(DYNAMIC_PAGE_SHELL_EDITOR, { optional: true });
-    defaultPageEditor = inject(DYNAMIC_PAGE_CONFIG_EDITOR, { optional: true });
+    settingsPanel = inject(SETTINGS_PANEL_BRIDGE, {
+        optional: true,
+    });
+    defaultShellEditor = inject(DYNAMIC_PAGE_SHELL_EDITOR, {
+        optional: true,
+    });
+    defaultPageEditor = inject(DYNAMIC_PAGE_CONFIG_EDITOR, {
+        optional: true,
+    });
     constructor() { }
     ngOnDestroy() {
         this.compositionRuntime.destroy();
     }
     ngOnChanges(changes) {
-        if (changes['page'] || changes['context'] || changes['enableCustomization']) {
+        if (changes['page'] ||
+            changes['context'] ||
+            changes['enableCustomization']) {
             const parsed = this.parsePage(this.page);
             const resolvedPage = parsed ? this.resolvePagePresets(parsed) : parsed;
             this.assertNoLegacyConnections(resolvedPage);
             this.widgetDiagnostics = {};
             this.widgetDiagnosticsChange.emit({});
-            this.pageDefinition = resolvedPage ? { ...resolvedPage, state: this.stateRuntime.normalizeState(resolvedPage.state) } : resolvedPage;
+            this.pageDefinition = resolvedPage
+                ? {
+                    ...resolvedPage,
+                    state: this.stateRuntime.normalizeState(resolvedPage.state),
+                }
+                : resolvedPage;
             this.pageRuntime = this.buildStateRuntime(this.pageDefinition?.state, this.pageDefinition?.context);
             this.pageState = this.pageRuntime.state;
             const bootstrapSnapshot = this.bootstrapCompositionAdapter(this.pageDefinition);
             const rawWidgets = this.pageDefinition?.widgets || [];
             let widgets = this.applyEditShellActions(rawWidgets);
             widgets = this.applyBootstrapCompositionHydration(widgets, bootstrapSnapshot);
-            this.pageDefinition = this.pageDefinition ? { ...this.pageDefinition, widgets } : this.pageDefinition;
+            this.pageDefinition = this.pageDefinition
+                ? { ...this.pageDefinition, widgets }
+                : this.pageDefinition;
             this.page = this.pageDefinition;
             this.applyResponsivePresentation(this.pageDefinition, widgets, this.pageRuntime);
             this.reportStateDiagnostics(this.pageRuntime.diagnostics);
         }
-        if (this.autoPersist && (changes['pageIdentity'] || changes['componentInstanceId'])) {
+        if (this.autoPersist &&
+            (changes['pageIdentity'] || changes['componentInstanceId'])) {
             this.appliedPersisted = false;
             this.persistenceReady = false;
         }
-        if (this.autoPersist && !this.appliedPersisted && (changes['page'] || changes['context'] || changes['pageIdentity'] || changes['componentInstanceId'])) {
+        if (this.autoPersist &&
+            !this.appliedPersisted &&
+            (changes['page'] ||
+                changes['context'] ||
+                changes['pageIdentity'] ||
+                changes['componentInstanceId'])) {
             this.appliedPersisted = true;
             this.loadPersistedPage();
         }
-        if (this.autoPersist && this.persistenceReady && changes['page'] && !this.isHydrating) {
+        if (this.autoPersist &&
+            this.persistenceReady &&
+            changes['page'] &&
+            !this.isHydrating) {
             const parsed = this.parsePage(this.page);
             if (parsed)
                 this.savePage(parsed);
         }
     }
     onWidgetEvent(fromKey, evt) {
+        this.widgetEvent.emit({
+            ...evt,
+            ownerWidgetKey: evt.ownerWidgetKey || fromKey,
+        });
         if (evt?.output && this.maybeExecuteMappedAction(fromKey, evt)) {
             return;
         }
@@ -23637,7 +24057,7 @@ class DynamicWidgetPageComponent {
         }
         const state = this.stateFromCompositionSnapshot(pageWithPatchedInputs.state, cycle.snapshot.state.primaryValues);
         const runtimeStatePaths = Array.from(new Set((cycle.snapshot.state.changedPaths || []).filter((path) => typeof path === 'string')));
-        const updatedPrimaryStatePaths = runtimeStatePaths.filter((path) => (!this.areStateValuesEqual(this.conn.extractByPath(this.stateRuntime.normalizeState(page.state).values || {}, path), this.conn.extractByPath(state.values || {}, path))));
+        const updatedPrimaryStatePaths = runtimeStatePaths.filter((path) => !this.areStateValuesEqual(this.conn.extractByPath(this.stateRuntime.normalizeState(page.state).values || {}, path), this.conn.extractByPath(state.values || {}, path)));
         let widgets = this.cloneWidgets(pageWithPatchedInputs.widgets || []);
         const directDelivery = this.applyCompositionWidgetDeliveries(widgets, cycle);
         widgets = directDelivery.widgets;
@@ -23649,7 +24069,10 @@ class DynamicWidgetPageComponent {
         const stateProjectionChanged = !this.areStateValuesEqual(widgets, projectedWidgets);
         widgets = projectedWidgets;
         const nextRuntime = this.buildStateRuntime(state, pageWithPatchedInputs.context);
-        if (!updatedPrimaryStatePaths.length && !directDelivery.changed && !stateProjectionChanged && !widgetInputPatchResult.changed) {
+        if (!updatedPrimaryStatePaths.length &&
+            !directDelivery.changed &&
+            !stateProjectionChanged &&
+            !widgetInputPatchResult.changed) {
             return;
         }
         this.applyPageUpdate({ ...pageWithPatchedInputs, widgets, state }, true, nextRuntime, false);
@@ -23701,7 +24124,9 @@ class DynamicWidgetPageComponent {
             return null;
         }
         const candidate = payload.inputPatch;
-        if (!candidate || typeof candidate !== 'object' || Array.isArray(candidate)) {
+        if (!candidate ||
+            typeof candidate !== 'object' ||
+            Array.isArray(candidate)) {
             return null;
         }
         return candidate;
@@ -23719,12 +24144,26 @@ class DynamicWidgetPageComponent {
     }
     applyEditShellActions(widgets) {
         return this.cloneWidgets(widgets).map((widget) => {
-            if (!this.shouldInjectWidgetSettings(widget)) {
+            if (!this.shouldInjectEditShellActions(widget)) {
                 return widget;
             }
             const existingActions = widget.shell?.actions || [];
-            if (existingActions.some((action) => action.id === 'widget-settings')) {
-                return widget;
+            const metadata = this.componentMetadata?.get(widget.definition?.id || '');
+            const nextActions = [...existingActions];
+            if (metadata?.configEditor &&
+                !nextActions.some((action) => action.id === 'component-settings')) {
+                nextActions.push({
+                    id: 'component-settings',
+                    icon: 'tune',
+                    variant: 'icon',
+                    placement: 'header',
+                    label: this.t('controls.componentSettings', 'Configurar conteudo'),
+                    tooltip: this.t('controls.componentSettingsTooltip', 'Abrir configuracoes do componente'),
+                });
+            }
+            if (nextActions.some((action) => action.id === 'widget-settings') ||
+                !this.canOpenWidgetShellSettings()) {
+                return this.withShellActions(widget, nextActions);
             }
             const widgetSettingsAction = {
                 id: 'widget-settings',
@@ -23734,15 +24173,23 @@ class DynamicWidgetPageComponent {
                 label: this.t('controls.widgetSettings', 'Configurar widget'),
                 tooltip: this.t('controls.widgetSettingsTooltip', 'Abrir configurações do widget'),
             };
-            return {
-                ...widget,
-                shell: {
-                    ...(widget.shell || {}),
-                    actions: [...existingActions, widgetSettingsAction],
-                },
-            };
+            return this.withShellActions(widget, [...nextActions, widgetSettingsAction]);
         });
     }
+    withShellActions(widget, actions) {
+        const existingActions = widget.shell?.actions || [];
+        if (existingActions.length === actions.length &&
+            existingActions.every((action, index) => action === actions[index])) {
+            return widget;
+        }
+        return {
+            ...widget,
+            shell: {
+                ...(widget.shell || {}),
+                actions,
+            },
+        };
+    }
     applyBootstrapCompositionHydration(widgets, bootstrapSnapshot) {
         if (!this.compositionDefinition || !bootstrapSnapshot) {
             return this.cloneWidgets(widgets);
@@ -23764,10 +24211,10 @@ class DynamicWidgetPageComponent {
             return undefined;
         const definition = this.compositionDefinition ?? this.compositionFactory.create(page);
         this.compositionDefinition = definition;
-        if (!definition.links.some((link) => (link.from.kind === 'component-port'
-            && link.from.ref.widget === fromKey
-            && link.from.ref.port === output
-            && link.from.ref.direction === 'output'))) {
+        if (!definition.links.some((link) => link.from.kind === 'component-port' &&
+            link.from.ref.widget === fromKey &&
+            link.from.ref.port === output &&
+            link.from.ref.direction === 'output')) {
             return undefined;
         }
         let payload;
@@ -23810,12 +24257,15 @@ class DynamicWidgetPageComponent {
             };
         }
         const linksById = new Map(this.compositionDefinition.links.map((link) => [link.id, link]));
-        const runtimeLinks = cycle.snapshot.links.filter((link) => (link.lastDispatchTraceId === cycle.cycleId && link.status === 'delivered'));
+        const runtimeLinks = cycle.snapshot.links.filter((link) => link.lastDispatchTraceId === cycle.cycleId &&
+            link.status === 'delivered');
         let nextWidgets = this.cloneWidgets(widgets);
         let changed = false;
         for (const runtimeLink of runtimeLinks) {
             const link = linksById.get(runtimeLink.linkId);
-            if (!link || link.from.kind === 'state' || link.to.kind !== 'component-port') {
+            if (!link ||
+                link.from.kind === 'state' ||
+                link.to.kind !== 'component-port') {
                 continue;
             }
             const targetRef = link.to.ref;
@@ -23892,13 +24342,13 @@ class DynamicWidgetPageComponent {
         if (!normalizedPortId) {
             return normalizedBindingPath;
         }
-        if (normalizedBindingPath === normalizedPortId
-            || normalizedBindingPath.startsWith(`${normalizedPortId}.`)
-            || normalizedBindingPath.startsWith(`${normalizedPortId}[`)) {
+        if (normalizedBindingPath === normalizedPortId ||
+            normalizedBindingPath.startsWith(`${normalizedPortId}.`) ||
+            normalizedBindingPath.startsWith(`${normalizedPortId}[`)) {
             return normalizedBindingPath;
         }
-        if (normalizedBindingPath.startsWith('.')
-            || normalizedBindingPath.startsWith('[')) {
+        if (normalizedBindingPath.startsWith('.') ||
+            normalizedBindingPath.startsWith('[')) {
             return `${normalizedPortId}${normalizedBindingPath}`;
         }
         return `${normalizedPortId}.${normalizedBindingPath}`;
@@ -23911,15 +24361,15 @@ class DynamicWidgetPageComponent {
         }
         return `widget:${fromKey}:${output}:${timestamp}:${sequence}`;
     }
-    shouldInjectWidgetSettings(widget) {
+    shouldInjectEditShellActions(widget) {
         if (!this.enableCustomization || !this.settingsPanel) {
             return false;
         }
-        if (!(this.shellEditorComponent || this.defaultShellEditor)) {
-            return false;
-        }
         return !!widget.shell && widget.shell.kind !== 'none';
     }
+    canOpenWidgetShellSettings() {
+        return !!(this.shellEditorComponent || this.defaultShellEditor);
+    }
     areStateValuesEqual(left, right) {
         if (left === right)
             return true;
@@ -23937,8 +24387,8 @@ class DynamicWidgetPageComponent {
             const rightKeys = Object.keys(right);
             if (leftKeys.length !== rightKeys.length)
                 return false;
-            return leftKeys.every((key) => (Object.prototype.hasOwnProperty.call(right, key)
-                && this.areStateValuesEqual(left[key], right[key])));
+            return leftKeys.every((key) => Object.prototype.hasOwnProperty.call(right, key) &&
+                this.areStateValuesEqual(left[key], right[key]));
         }
         return false;
     }
@@ -23956,6 +24406,10 @@ class DynamicWidgetPageComponent {
         this.widgetDiagnosticsChange.emit({ ...this.widgetDiagnostics });
     }
     onShellAction(fromKey, evt) {
+        if (evt.id === 'component-settings') {
+            this.openWidgetComponentSettings(fromKey);
+            return;
+        }
         if (evt.id === 'widget-settings') {
             this.openWidgetShellSettings(fromKey);
             return;
@@ -24106,6 +24560,55 @@ class DynamicWidgetPageComponent {
         ref.applied$.subscribe((result) => this.applyWidgetShell(key, result, false));
         ref.saved$.subscribe((result) => this.applyWidgetShell(key, result, true));
     }
+    openWidgetComponentSettings(key) {
+        if (!this.settingsPanel)
+            return;
+        const page = this.ensurePageDefinition();
+        const widget = page.widgets.find((w) => w.key === key);
+        if (!widget)
+            return;
+        const metadata = this.componentMetadata?.get(widget.definition?.id || '');
+        const editor = metadata?.configEditor?.component;
+        if (!editor)
+            return;
+        const ref = this.settingsPanel.open({
+            id: `dynamic-page-component:${key}`,
+            title: metadata.configEditor?.title ||
+                metadata.friendlyName ||
+                this.t('controls.componentSettings', 'Configurar conteudo'),
+            content: {
+                component: editor,
+                inputs: {
+                    inputs: this.cloneStateValues(widget.definition.inputs || {}),
+                    widgetKey: key,
+                    widgetType: widget.definition?.id,
+                },
+            },
+        });
+        ref.applied$.subscribe((result) => this.applyWidgetComponentInputs(key, result, false));
+        ref.saved$.subscribe((result) => this.applyWidgetComponentInputs(key, result, true));
+    }
+    applyWidgetComponentInputs(key, result, persist) {
+        if (!result || typeof result !== 'object' || Array.isArray(result))
+            return;
+        const nextInputs = 'inputs' in result &&
+            result.inputs &&
+            typeof result.inputs === 'object' &&
+            !Array.isArray(result.inputs)
+            ? result.inputs
+            : result;
+        const page = this.ensurePageDefinition();
+        const widgets = page.widgets.map((w) => w.key === key
+            ? {
+                ...w,
+                definition: {
+                    ...w.definition,
+                    inputs: this.cloneStateValues(nextInputs),
+                },
+            }
+            : w);
+        this.applyPageUpdate({ ...page, widgets }, persist);
+    }
     openPageSettings() {
         if (!this.settingsPanel)
             return;
@@ -24134,7 +24637,7 @@ class DynamicWidgetPageComponent {
         if (!result)
             return;
         const page = this.ensurePageDefinition();
-        const widgets = page.widgets.map((w) => (w.key === key ? { ...w, shell: result.shell ?? null } : w));
+        const widgets = page.widgets.map((w) => w.key === key ? { ...w, shell: result.shell ?? null } : w);
         let context = page.context || {};
         if (result.applyToAll && result.pagePreset) {
             const ui = { ...context.ui };
@@ -24201,7 +24704,10 @@ class DynamicWidgetPageComponent {
                         },
                     }).widgets
                     : normalizedWidgets;
-        const hydrated = this.resolvePagePresets({ ...normalized, widgets: stateBoundWidgets });
+        const hydrated = this.resolvePagePresets({
+            ...normalized,
+            widgets: stateBoundWidgets,
+        });
         this.pageDefinition = hydrated;
         this.page = hydrated;
         this.pageState = runtime.state;
@@ -24231,21 +24737,28 @@ class DynamicWidgetPageComponent {
         this.pageColumnCount = Math.max(1, Number(canvas.columns) || 1);
         this.gridTemplateColumns = `repeat(${this.pageColumnCount}, minmax(0, 1fr))`;
         this.pageGap = canvas.gap || fallbackLayout?.gap || '16px';
-        this.gridAutoRows = canvas.autoRows === 'content' ? 'auto' : (canvas.rowUnit || '88px');
+        this.gridAutoRows =
+            canvas.autoRows === 'content' ? 'auto' : canvas.rowUnit || '88px';
     }
     mergeContext(pageContext, inputContext, runtime, pageDefinition) {
         const baseContext = this.buildStateContext(pageContext);
         const themePresetId = pageDefinition?.themePreset || '';
-        const themePreset = themePresetId ? BUILTIN_PAGE_THEME_PRESETS[themePresetId] : undefined;
+        const themePreset = themePresetId
+            ? BUILTIN_PAGE_THEME_PRESETS[themePresetId]
+            : undefined;
         const layoutPresetId = pageDefinition?.layoutPreset || '';
-        const layoutPreset = layoutPresetId ? BUILTIN_PAGE_LAYOUT_PRESETS[layoutPresetId] : undefined;
+        const layoutPreset = layoutPresetId
+            ? BUILTIN_PAGE_LAYOUT_PRESETS[layoutPresetId]
+            : undefined;
         return {
             ...baseContext,
             ...(inputContext || {}),
             pageDeviceKind: this.resolveDeviceKind(),
             pageLayoutPreset: layoutPreset || null,
             pageThemePreset: themePreset || null,
-            pageCanvas: pageDefinition?.canvas ? this.cloneStateValues(pageDefinition.canvas) : null,
+            pageCanvas: pageDefinition?.canvas
+                ? this.cloneStateValues(pageDefinition.canvas)
+                : null,
             pageGrouping: this.cloneGrouping(pageDefinition?.grouping),
             pageState: this.cloneStateValues(runtime.primaryValues),
             pageStateDerived: this.cloneStateValues(runtime.derivedValues),
@@ -24352,7 +24865,10 @@ class DynamicWidgetPageComponent {
         const parsed = this.parsePage(this.page);
         if (parsed)
             return this.resolvePagePresets(parsed);
-        return { widgets: this.widgets(), state: this.stateRuntime.normalizeState(this.pageState) };
+        return {
+            widgets: this.widgets(),
+            state: this.stateRuntime.normalizeState(this.pageState),
+        };
     }
     parsePage(input) {
         if (!input)
@@ -24371,10 +24887,14 @@ class DynamicWidgetPageComponent {
         return input;
     }
     resolvePagePresets(page) {
-        const preset = page.layoutPreset ? BUILTIN_PAGE_LAYOUT_PRESETS[page.layoutPreset] : undefined;
+        const preset = page.layoutPreset
+            ? BUILTIN_PAGE_LAYOUT_PRESETS[page.layoutPreset]
+            : undefined;
         const themePresetId = page.themePreset || preset?.defaultThemePreset;
         const mergedLayout = this.mergeLayout(preset?.defaultLayout, page.layout);
-        const grouping = (page.grouping && page.grouping.length ? page.grouping : preset?.defaultGrouping) || undefined;
+        const grouping = (page.grouping && page.grouping.length
+            ? page.grouping
+            : preset?.defaultGrouping) || undefined;
         return {
             ...page,
             layout: mergedLayout,
@@ -24421,7 +24941,9 @@ class DynamicWidgetPageComponent {
         const widgetsWithOverrides = canvas
             ? this.applyCanvasLayoutToWidgets(baseWidgets, canvas)
             : baseWidgets;
-        const groups = canvas ? [] : this.buildRenderedGroups(grouping, widgetsWithOverrides);
+        const groups = canvas
+            ? []
+            : this.buildRenderedGroups(grouping, widgetsWithOverrides);
         return {
             layout,
             canvas,
@@ -24492,10 +25014,13 @@ class DynamicWidgetPageComponent {
         return widget?.definition?.inputs?.['enableCustomization'] === true;
     }
     selectCanvasWidget(widgetKey) {
+        if (!this.enableCustomization)
+            return;
         if (this.selectedCanvasWidgetKey !== widgetKey) {
             this.selectedCanvasWidgetKey = widgetKey;
         }
-        if (this.blockedCanvasWidgetKey && this.blockedCanvasWidgetKey !== widgetKey) {
+        if (this.blockedCanvasWidgetKey &&
+            this.blockedCanvasWidgetKey !== widgetKey) {
             this.blockedCanvasWidgetKey = null;
         }
     }
@@ -24564,7 +25089,12 @@ class DynamicWidgetPageComponent {
             startPage: this.clonePageDefinition(this.ensurePageDefinition()),
             startX: 0,
             startY: 0,
-            startItem: { ...item, constraints: item.constraints ? { ...item.constraints } : undefined },
+            startItem: {
+                ...item,
+                constraints: item.constraints
+                    ? { ...item.constraints }
+                    : undefined,
+            },
             columns,
             columnWidth: 1,
             rowHeight: 1,
@@ -24583,7 +25113,9 @@ class DynamicWidgetPageComponent {
                 ...widget,
                 renderClassName,
                 renderSpan: override?.span,
-                __order: typeof override?.order === 'number' ? override.order : Number.MAX_SAFE_INTEGER,
+                __order: typeof override?.order === 'number'
+                    ? override.order
+                    : Number.MAX_SAFE_INTEGER,
             };
         })
             .filter((widget) => !!widget)
@@ -24623,7 +25155,9 @@ class DynamicWidgetPageComponent {
         if (!item || !metrics)
             return;
         const pageSnapshot = this.clonePageDefinition(this.ensurePageDefinition());
-        const pointerTarget = event.currentTarget instanceof HTMLElement ? event.currentTarget : undefined;
+        const pointerTarget = event.currentTarget instanceof HTMLElement
+            ? event.currentTarget
+            : undefined;
         if (pointerTarget?.setPointerCapture) {
             try {
                 pointerTarget.setPointerCapture(event.pointerId);
@@ -24638,7 +25172,10 @@ class DynamicWidgetPageComponent {
             startPage: pageSnapshot,
             startX: event.clientX,
             startY: event.clientY,
-            startItem: { ...item, constraints: item.constraints ? { ...item.constraints } : undefined },
+            startItem: {
+                ...item,
+                constraints: item.constraints ? { ...item.constraints } : undefined,
+            },
             columns: metrics.columns,
             columnWidth: metrics.columnWidth,
             rowHeight: metrics.rowHeight,
@@ -24657,7 +25194,7 @@ class DynamicWidgetPageComponent {
         const rect = host.getBoundingClientRect();
         const gap = this.parseCssPixelValue(this.pageGap, 16);
         const columns = Math.max(1, Number(canvas.columns) || 1);
-        const availableWidth = Math.max(1, rect.width - (gap * Math.max(0, columns - 1)));
+        const availableWidth = Math.max(1, rect.width - gap * Math.max(0, columns - 1));
         const columnWidth = availableWidth / columns;
         const rowHeight = canvas.autoRows === 'content'
             ? this.parseCssPixelValue(canvas.rowUnit || '88px', 88)
@@ -24690,7 +25227,9 @@ class DynamicWidgetPageComponent {
             return { changed: false, blocked: false };
         const candidate = this.normalizeCanvasItem(updater({
             ...current,
-            constraints: current.constraints ? { ...current.constraints } : undefined,
+            constraints: current.constraints
+                ? { ...current.constraints }
+                : undefined,
         }), effectiveCanvas?.columns || page.canvas.columns || 1);
         const collisionPolicy = effectiveCanvas
             ? this.resolveCanvasCollisionPolicy(effectiveCanvas, interactionKind)
@@ -24702,7 +25241,12 @@ class DynamicWidgetPageComponent {
         if (blocked) {
             this.blockedCanvasWidgetKey = widgetKey;
             this.transientCanvasItemsState.set({});
-            this.canvasPreviewState.set({ ...candidate, constraints: candidate.constraints ? { ...candidate.constraints } : undefined });
+            this.canvasPreviewState.set({
+                ...candidate,
+                constraints: candidate.constraints
+                    ? { ...candidate.constraints }
+                    : undefined,
+            });
             this.canvasPreviewInvalidState.set(true);
             if (blockedAnnouncement) {
                 this.layoutAnnouncement = blockedAnnouncement;
@@ -24741,10 +25285,22 @@ class DynamicWidgetPageComponent {
             this.transientCanvasItemsState.set(changed
                 ? Object.fromEntries(Object.entries(placement.items).map(([key, item]) => [
                     key,
-                    { ...item, constraints: item.constraints ? { ...item.constraints } : undefined },
+                    {
+                        ...item,
+                        constraints: item.constraints
+                            ? { ...item.constraints }
+                            : undefined,
+                    },
                 ]))
                 : {});
-            this.canvasPreviewState.set(changed ? { ...placement.primaryItem, constraints: placement.primaryItem.constraints ? { ...placement.primaryItem.constraints } : undefined } : null);
+            this.canvasPreviewState.set(changed
+                ? {
+                    ...placement.primaryItem,
+                    constraints: placement.primaryItem.constraints
+                        ? { ...placement.primaryItem.constraints }
+                        : undefined,
+                }
+                : null);
             this.canvasPreviewInvalidState.set(false);
         }
         return { changed, blocked: false, swappedWith: placement.swappedWith };
@@ -24762,7 +25318,10 @@ class DynamicWidgetPageComponent {
             },
         });
         const stateBoundWidgets = previewProjection.widgets;
-        const hydrated = this.resolvePagePresets({ ...normalized, widgets: stateBoundWidgets });
+        const hydrated = this.resolvePagePresets({
+            ...normalized,
+            widgets: stateBoundWidgets,
+        });
         this.pageDefinition = hydrated;
         this.page = hydrated;
         this.pageState = runtime.state;
@@ -24781,7 +25340,8 @@ class DynamicWidgetPageComponent {
         return page.canvas;
     }
     applyCanvasDrag(item, interaction, colDelta, rowDelta) {
-        const locked = item.constraints?.lockPosition || interaction.startItem.constraints?.lockPosition;
+        const locked = item.constraints?.lockPosition ||
+            interaction.startItem.constraints?.lockPosition;
         if (locked)
             return item;
         const nextCol = this.clampCanvasCol(interaction.startItem.col + colDelta, interaction.startItem.colSpan, interaction.columns);
@@ -24875,8 +25435,12 @@ class DynamicWidgetPageComponent {
     }
     canvasAnnouncement(kind, widgetKey) {
         return kind === 'drag'
-            ? this.t('announcements.moved', 'Widget movido: {{widget}}', { widget: widgetKey })
-            : this.t('announcements.resized', 'Widget redimensionado: {{widget}}', { widget: widgetKey });
+            ? this.t('announcements.moved', 'Widget movido: {{widget}}', {
+                widget: widgetKey,
+            })
+            : this.t('announcements.resized', 'Widget redimensionado: {{widget}}', {
+                widget: widgetKey,
+            });
     }
     blockedCanvasAnnouncement(kind) {
         return kind === 'drag'
@@ -24962,7 +25526,8 @@ class DynamicWidgetPageComponent {
         }
         return {
             blocked: false,
-            changed: !this.isSameCanvasItem(current, candidate) || !this.isSameCanvasItem(collision.item, swappedItem),
+            changed: !this.isSameCanvasItem(current, candidate) ||
+                !this.isSameCanvasItem(collision.item, swappedItem),
             primaryItem: candidate,
             items: {
                 [widgetKey]: candidate,
@@ -24973,7 +25538,8 @@ class DynamicWidgetPageComponent {
     }
     findCanvasCollisions(widgetKey, candidate, canvas) {
         return Object.entries(canvas.items || {})
-            .filter(([otherKey, otherItem]) => otherKey !== widgetKey && this.canvasItemsOverlap(candidate, otherItem))
+            .filter(([otherKey, otherItem]) => otherKey !== widgetKey &&
+            this.canvasItemsOverlap(candidate, otherItem))
             .map(([key, item]) => ({ key, item }));
     }
     buildCanvasSwapItem(movingWidgetKey, sourceItem, targetWidgetKey, targetItem, movedItem, canvas) {
@@ -25003,24 +25569,24 @@ class DynamicWidgetPageComponent {
         return normalizedSwapItem;
     }
     canPlaceCanvasItem(widgetKey, candidate, canvas) {
-        return !Object.entries(canvas.items || {}).some(([otherKey, otherItem]) => (otherKey !== widgetKey && this.canvasItemsOverlap(candidate, otherItem)));
+        return !Object.entries(canvas.items || {}).some(([otherKey, otherItem]) => otherKey !== widgetKey && this.canvasItemsOverlap(candidate, otherItem));
     }
     canvasItemsOverlap(left, right) {
         const leftRight = left.col + left.colSpan - 1;
         const rightRight = right.col + right.colSpan - 1;
         const leftBottom = left.row + left.rowSpan - 1;
         const rightBottom = right.row + right.rowSpan - 1;
-        return left.col <= rightRight
-            && leftRight >= right.col
-            && left.row <= rightBottom
-            && leftBottom >= right.row;
+        return (left.col <= rightRight &&
+            leftRight >= right.col &&
+            left.row <= rightBottom &&
+            leftBottom >= right.row);
     }
     isSameCanvasItem(left, right) {
-        return left.col === right.col
-            && left.row === right.row
-            && left.colSpan === right.colSpan
-            && left.rowSpan === right.rowSpan
-            && left.zIndex === right.zIndex;
+        return (left.col === right.col &&
+            left.row === right.row &&
+            left.colSpan === right.colSpan &&
+            left.rowSpan === right.rowSpan &&
+            left.zIndex === right.zIndex);
     }
     clampCanvasCol(col, span, columns) {
         return this.clampNumber(col, 1, Math.max(1, columns - span + 1));
@@ -25031,7 +25597,9 @@ class DynamicWidgetPageComponent {
     parseCssPixelValue(value, fallback) {
         if (!value)
             return fallback;
-        const match = String(value).trim().match(/^(-?\d+(?:\.\d+)?)px$/i);
+        const match = String(value)
+            .trim()
+            .match(/^(-?\d+(?:\.\d+)?)px$/i);
         if (!match)
             return fallback;
         const parsed = Number(match[1]);
@@ -25073,7 +25641,9 @@ class DynamicWidgetPageComponent {
             }
             return {
                 ...group,
-                widgetKeys: override.widgetKeys?.length ? override.widgetKeys : group.widgetKeys,
+                widgetKeys: override.widgetKeys?.length
+                    ? override.widgetKeys
+                    : group.widgetKeys,
             };
         })
             .filter((group) => !!group);
@@ -25186,7 +25756,9 @@ class DynamicWidgetPageComponent {
         return this.resolveRenderedCanvasItem(widget)?.zIndex ?? null;
     }
     widgetClassName(widget) {
-        return widget.renderClassName || widget.className || '';
+        return (widget.renderClassName ||
+            widget.className ||
+            '');
     }
     mergeClassNames(...classNames) {
         const merged = classNames
@@ -25196,7 +25768,7 @@ class DynamicWidgetPageComponent {
         return merged.length ? Array.from(new Set(merged)).join(' ') : undefined;
     }
     resolveRenderedCanvasItem(widget) {
-        return this.transientCanvasItemsState()[widget.key] || widget.renderCanvasItem;
+        return (this.transientCanvasItemsState()[widget.key] || widget.renderCanvasItem);
     }
     toPersistedCanonicalPage(page) {
         this.assertNoLegacyConnections(page);
@@ -25207,7 +25779,10 @@ class DynamicWidgetPageComponent {
         if (!key)
             return;
         try {
-            this.storage.saveConfig(key, this.toPersistedCanonicalPage(page)).pipe(take(1)).subscribe({ error: () => { } });
+            this.storage
+                .saveConfig(key, this.toPersistedCanonicalPage(page))
+                .pipe(take(1))
+                .subscribe({ error: () => { } });
         }
         catch { }
     }
@@ -25218,7 +25793,10 @@ class DynamicWidgetPageComponent {
             return;
         }
         try {
-            this.storage.loadConfig(key).pipe(take(1)).subscribe({
+            this.storage
+                .loadConfig(key)
+                .pipe(take(1))
+                .subscribe({
                 next: (stored) => {
                     if (!stored)
                         return;
@@ -25242,7 +25820,9 @@ class DynamicWidgetPageComponent {
         if (this.pageIdentity?.routePath) {
             const base = buildPageKey(this.pageIdentity);
             const instance = this.sanitizeSegment(this.componentInstanceId);
-            return instance ? `dynamic-page:${base}:ik=${instance}` : `dynamic-page:${base}`;
+            return instance
+                ? `dynamic-page:${base}:ik=${instance}`
+                : `dynamic-page:${base}`;
         }
         const id = this.componentKeyId();
         if (!id)
@@ -25280,7 +25860,9 @@ class DynamicWidgetPageComponent {
     sanitizeSegment(value) {
         if (!value)
             return '';
-        return String(value).trim().replace(/[\r\n\t|:]/g, '-');
+        return String(value)
+            .trim()
+            .replace(/[\r\n\t|:]/g, '-');
     }
     assertNoLegacyConnections(page) {
         if (!page)
@@ -25291,20 +25873,20 @@ class DynamicWidgetPageComponent {
         throw new Error('DynamicWidgetPageComponent no longer accepts `page.connections`. Use `composition.links` only.');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DynamicWidgetPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: DynamicWidgetPageComponent, isStandalone: true, selector: "praxis-dynamic-page", inputs: { page: "page", context: "context", strictValidation: "strictValidation", enableCustomization: "enableCustomization", showPageSettingsButton: "showPageSettingsButton", shellEditorComponent: "shellEditorComponent", pageEditorComponent: "pageEditorComponent", autoPersist: "autoPersist", pageIdentity: "pageIdentity", componentInstanceId: "componentInstanceId" }, outputs: { pageChange: "pageChange", widgetDiagnosticsChange: "widgetDiagnosticsChange" }, host: { listeners: { "window:resize": "onWindowResize()", "window:pointermove": "onCanvasPointerMove($event)", "window:pointerup": "onCanvasPointerUp($event)", "window:pointercancel": "onCanvasPointerCancel($event)" } }, providers: [providePraxisI18nConfig(DYNAMIC_WIDGET_PAGE_I18N_CONFIG)], viewQueries: [{ propertyName: "pageCanvasHost", first: true, predicate: ["pageCanvasHost"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: DynamicWidgetPageComponent, isStandalone: true, selector: "praxis-dynamic-page", inputs: { page: "page", context: "context", strictValidation: "strictValidation", enableCustomization: "enableCustomization", showPageSettingsButton: "showPageSettingsButton", shellEditorComponent: "shellEditorComponent", pageEditorComponent: "pageEditorComponent", autoPersist: "autoPersist", pageIdentity: "pageIdentity", componentInstanceId: "componentInstanceId" }, outputs: { pageChange: "pageChange", widgetEvent: "widgetEvent", widgetDiagnosticsChange: "widgetDiagnosticsChange" }, host: { listeners: { "window:resize": "onWindowResize()", "window:pointermove": "onCanvasPointerMove($event)", "window:pointerup": "onCanvasPointerUp($event)", "window:pointercancel": "onCanvasPointerCancel($event)" } }, providers: [providePraxisI18nConfig(DYNAMIC_WIDGET_PAGE_I18N_CONFIG)], viewQueries: [{ propertyName: "pageCanvasHost", first: true, predicate: ["pageCanvasHost"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
     <div class="pdx-page-wrapper" [class.editing]="enableCustomization">
       @if (enableCustomization && showPageSettingsButton) {
-      <button
-        class="pdx-page-settings"
-        mat-icon-button
-        type="button"
-        [matTooltip]="pageSettingsLabel()"
-        matTooltipPosition="below"
-        [attr.aria-label]="pageSettingsLabel()"
-        (click)="openPageSettings()"
-      >
-        <mat-icon fontSet="material-symbols-outlined">settings</mat-icon>
-      </button>
+        <button
+          class="pdx-page-settings"
+          mat-icon-button
+          type="button"
+          [matTooltip]="pageSettingsLabel()"
+          matTooltipPosition="below"
+          [attr.aria-label]="pageSettingsLabel()"
+          (click)="openPageSettings()"
+        >
+          <mat-icon fontSet="material-symbols-outlined">settings</mat-icon>
+        </button>
       }
       <div
         #pageCanvasHost
@@ -25319,8 +25901,12 @@ class DynamicWidgetPageComponent {
             <div
               class="pdx-widget pdx-widget--canvas"
               [class.pdx-widget--interactive]="enableCustomization"
-              [class.pdx-widget--canvas-selected]="isCanvasWidgetSelected(w.key)"
-              [class.pdx-widget--canvas-blocked]="isCanvasWidgetBlocked(w.key)"
+              [class.pdx-widget--canvas-selected]="
+                enableCustomization && isCanvasWidgetSelected(w.key)
+              "
+              [class.pdx-widget--canvas-blocked]="
+                enableCustomization && isCanvasWidgetBlocked(w.key)
+              "
               [class]="widgetClassName(w)"
               [style.gridColumn]="widgetGridColumn(w)"
               [style.gridRow]="widgetGridRow(w)"
@@ -25338,7 +25924,9 @@ class DynamicWidgetPageComponent {
                     [attr.aria-label]="resizeHandleLabel(handle.id)"
                     [title]="resizeHandleLabel(handle.id)"
                     (pointerdown)="startCanvasResize(w.key, handle.id, $event)"
-                    (keydown)="onCanvasResizeHandleKeydown(w.key, handle.id, $event)"
+                    (keydown)="
+                      onCanvasResizeHandleKeydown(w.key, handle.id, $event)
+                    "
                   >
                     <span class="pdx-canvas-resize-grip"></span>
                   </button>
@@ -25351,9 +25939,11 @@ class DynamicWidgetPageComponent {
                 [dragSurfaceLabel]="dragWidgetLabel()"
                 (action)="onShellAction(w.key, $event)"
                 (dragSurfacePointerDown)="startCanvasDrag(w.key, $event)"
-                (dragSurfaceKeydown)="onCanvasHandleKeydown(w.key, 'drag', $event)"
+                (dragSurfaceKeydown)="
+                  onCanvasHandleKeydown(w.key, 'drag', $event)
+                "
               >
-                  <ng-container
+                <ng-container
                   [dynamicWidgetLoader]="w.definition"
                   [ownerWidgetKey]="w.key"
                   [context]="mergedContext"
@@ -25377,7 +25967,15 @@ class DynamicWidgetPageComponent {
           @for (group of renderedGroups(); track group.id) {
             <section
               class="pdx-group"
-              [class]="'pdx-group--' + group.kind + (group.layout ? ' pdx-group--layout-' + group.layout : '') + (group.emphasis ? ' pdx-group--emphasis-' + group.emphasis : '') + (group.side ? ' pdx-group--side-' + group.side : '')"
+              [class]="
+                'pdx-group--' +
+                group.kind +
+                (group.layout ? ' pdx-group--layout-' + group.layout : '') +
+                (group.emphasis
+                  ? ' pdx-group--emphasis-' + group.emphasis
+                  : '') +
+                (group.side ? ' pdx-group--side-' + group.side : '')
+              "
               [style.gridColumn]="groupGridColumn(group)"
               [attr.data-group-id]="group.id"
               [attr.data-group-kind]="group.kind"
@@ -25403,9 +26001,19 @@ class DynamicWidgetPageComponent {
                   </div>
                   @for (tab of group.tabs || []; track tab.id) {
                     @if (activeTabId(group.id) === tab.id) {
-                      <div class="pdx-group-content" [class]="'pdx-group-content--' + resolveGroupContentLayout(group)">
+                      <div
+                        class="pdx-group-content"
+                        [class]="
+                          'pdx-group-content--' +
+                          resolveGroupContentLayout(group)
+                        "
+                      >
                         @for (w of tab.widgets; track w.key) {
-                          <div class="pdx-widget" [class]="w.renderClassName || w.className || ''" [style.gridColumn]="widgetGridColumn(w)">
+                          <div
+                            class="pdx-widget"
+                            [class]="w.renderClassName || w.className || ''"
+                            [style.gridColumn]="widgetGridColumn(w)"
+                          >
                             <praxis-widget-shell
                               [shell]="w.shell"
                               [context]="mergedContext"
@@ -25418,7 +26026,9 @@ class DynamicWidgetPageComponent {
                                 [strictValidation]="strictValidation"
                                 [autoWireOutputs]="shouldAutoWireOutputs(w)"
                                 (widgetEvent)="onWidgetEvent(w.key, $event)"
-                                (widgetDiagnostic)="onWidgetDiagnostic(w.key, $event)"
+                                (widgetDiagnostic)="
+                                  onWidgetDiagnostic(w.key, $event)
+                                "
                               ></ng-container>
                             </praxis-widget-shell>
                           </div>
@@ -25428,9 +26038,18 @@ class DynamicWidgetPageComponent {
                   }
                 </div>
               } @else {
-                <div class="pdx-group-content" [class]="'pdx-group-content--' + resolveGroupContentLayout(group)">
+                <div
+                  class="pdx-group-content"
+                  [class]="
+                    'pdx-group-content--' + resolveGroupContentLayout(group)
+                  "
+                >
                   @for (w of group.widgets; track w.key) {
-                    <div class="pdx-widget" [class]="widgetClassName(w)" [style.gridColumn]="widgetGridColumn(w)">
+                    <div
+                      class="pdx-widget"
+                      [class]="widgetClassName(w)"
+                      [style.gridColumn]="widgetGridColumn(w)"
+                    >
                       <praxis-widget-shell
                         [shell]="w.shell"
                         [context]="mergedContext"
@@ -25454,7 +26073,11 @@ class DynamicWidgetPageComponent {
           }
         } @else {
           @for (w of widgets(); track w.key) {
-            <div class="pdx-widget" [class]="widgetClassName(w)" [style.gridColumn]="widgetGridColumn(w)">
+            <div
+              class="pdx-widget"
+              [class]="widgetClassName(w)"
+              [style.gridColumn]="widgetGridColumn(w)"
+            >
               <praxis-widget-shell
                 [shell]="w.shell"
                 [context]="mergedContext"
@@ -25475,27 +26098,36 @@ class DynamicWidgetPageComponent {
         }
       </div>
       @if (layoutAnnouncement) {
-        <div class="pdx-sr-only" aria-live="polite">{{ layoutAnnouncement }}</div>
+        <div class="pdx-sr-only" aria-live="polite">
+          {{ layoutAnnouncement }}
+        </div>
       }
     </div>
   `, isInline: true, styles: [".pdx-page-wrapper{position:relative;display:block}.pdx-page{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}.pdx-page--canvas{align-items:start;grid-auto-flow:dense}.pdx-page-settings{position:sticky;top:8px;z-index:2;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);color:inherit;border-radius:12px;width:36px;height:36px;margin-bottom:6px}.pdx-widget{position:relative;background:var(--pfx-surface, transparent);border-radius:6px;min-width:0;min-height:0}.pdx-widget--canvas{align-self:stretch;--pdx-resize-gradient-horizontal: linear-gradient( 90deg, color-mix(in srgb, var(--md-sys-color-primary) 94%, white 6%), color-mix(in srgb, var(--md-sys-color-tertiary) 90%, white 10%), color-mix(in srgb, var(--md-sys-color-secondary) 88%, white 12%) );--pdx-resize-gradient-vertical: linear-gradient( 180deg, color-mix(in srgb, var(--md-sys-color-primary) 94%, white 6%), color-mix(in srgb, var(--md-sys-color-tertiary) 90%, white 10%), color-mix(in srgb, var(--md-sys-color-secondary) 88%, white 12%) );--pdx-resize-gradient-diagonal-se: linear-gradient( 135deg, color-mix(in srgb, var(--md-sys-color-primary) 94%, white 6%), color-mix(in srgb, var(--md-sys-color-tertiary) 90%, white 10%), color-mix(in srgb, var(--md-sys-color-secondary) 88%, white 12%) );--pdx-resize-gradient-diagonal-sw: linear-gradient( 225deg, color-mix(in srgb, var(--md-sys-color-primary) 94%, white 6%), color-mix(in srgb, var(--md-sys-color-tertiary) 90%, white 10%), color-mix(in srgb, var(--md-sys-color-secondary) 88%, white 12%) );--pdx-active-resize-gradient: var(--pdx-resize-gradient-diagonal-se)}.pdx-widget--canvas:after{content:\"\";position:absolute;inset:0;padding:2px;border-radius:14px;background:var(--pdx-active-resize-gradient);opacity:0;pointer-events:none;transition:opacity .14s ease,filter .14s ease;filter:saturate(1.02) drop-shadow(0 0 5px color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.pdx-widget--canvas-selected:before,.pdx-widget--canvas-blocked:before{content:\"\";position:absolute;inset:0;border-radius:14px;pointer-events:none;z-index:1;transition:opacity .14s ease,box-shadow .14s ease,border-color .14s ease}.pdx-widget--canvas-selected:before{border:1px dashed color-mix(in srgb,var(--md-sys-color-primary) 34%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 6%,transparent),0 8px 20px color-mix(in srgb,var(--md-sys-color-primary) 6%,transparent)}.pdx-widget--canvas-blocked:before{border:1px solid color-mix(in srgb,var(--md-sys-color-error) 74%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-error) 20%,transparent),0 10px 24px color-mix(in srgb,var(--md-sys-color-error) 12%,transparent)}.pdx-widget--canvas:has(.pdx-canvas-resize:hover):after,.pdx-widget--canvas:has(.pdx-canvas-resize:focus-visible):after{opacity:.82}.pdx-widget--canvas:has(.pdx-canvas-resize--north:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--north:focus-visible),.pdx-widget--canvas:has(.pdx-canvas-resize--south:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--south:focus-visible){--pdx-active-resize-gradient: var(--pdx-resize-gradient-horizontal)}.pdx-widget--canvas:has(.pdx-canvas-resize--east:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--east:focus-visible),.pdx-widget--canvas:has(.pdx-canvas-resize--west:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--west:focus-visible){--pdx-active-resize-gradient: var(--pdx-resize-gradient-vertical)}.pdx-widget--canvas:has(.pdx-canvas-resize--north-east:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--north-east:focus-visible),.pdx-widget--canvas:has(.pdx-canvas-resize--south-west:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--south-west:focus-visible){--pdx-active-resize-gradient: var(--pdx-resize-gradient-diagonal-sw)}.pdx-widget--canvas:has(.pdx-canvas-resize--north-west:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--north-west:focus-visible),.pdx-widget--canvas:has(.pdx-canvas-resize--south-east:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--south-east:focus-visible){--pdx-active-resize-gradient: var(--pdx-resize-gradient-diagonal-se)}.pdx-canvas-resize{position:absolute;z-index:7;border:0;padding:0;margin:0;background:transparent;touch-action:none;cursor:pointer;opacity:0;pointer-events:none;transform:scale(.94);transition:opacity .14s ease,transform .14s ease,filter .14s ease;filter:saturate(.9)}.pdx-widget--canvas:hover .pdx-canvas-resize,.pdx-widget--canvas:focus-within .pdx-canvas-resize,.pdx-widget--canvas-selected .pdx-canvas-resize{opacity:.88;pointer-events:auto;transform:scale(1);filter:saturate(1)}.pdx-canvas-resize-grip{display:block;width:9px;height:9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,var(--md-sys-color-outline-variant) 58%);background:color-mix(in srgb,var(--md-sys-color-surface) 92%,var(--md-sys-color-primary) 8%);box-shadow:0 1px 4px color-mix(in srgb,var(--md-sys-color-shadow) 10%,transparent);transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.pdx-canvas-resize:hover .pdx-canvas-resize-grip,.pdx-canvas-resize:focus-visible .pdx-canvas-resize-grip{border-color:color-mix(in srgb,var(--md-sys-color-primary) 58%,var(--md-sys-color-outline-variant) 42%);background:color-mix(in srgb,var(--md-sys-color-surface) 84%,var(--md-sys-color-primary) 16%);box-shadow:0 2px 7px color-mix(in srgb,var(--md-sys-color-primary) 14%,transparent);transform:scale(1.04)}.pdx-canvas-resize--north,.pdx-canvas-resize--south{left:50%;width:40px;height:18px;margin-left:-20px;display:flex;align-items:center;justify-content:center}.pdx-canvas-resize--north{top:-8px;cursor:ns-resize}.pdx-canvas-resize--south{bottom:-8px;cursor:ns-resize}.pdx-canvas-resize--east,.pdx-canvas-resize--west{top:50%;width:18px;height:40px;margin-top:-20px;display:flex;align-items:center;justify-content:center}.pdx-canvas-resize--east{right:-8px;cursor:ew-resize}.pdx-canvas-resize--west{left:-8px;cursor:ew-resize}.pdx-canvas-resize--north-east,.pdx-canvas-resize--north-west,.pdx-canvas-resize--south-east,.pdx-canvas-resize--south-west{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.pdx-canvas-resize--north-east{top:-8px;right:-8px;cursor:nesw-resize}.pdx-canvas-resize--north-west{top:-8px;left:-8px;cursor:nwse-resize}.pdx-canvas-resize--south-east{bottom:-8px;right:-8px;cursor:nwse-resize}.pdx-canvas-resize--south-west{bottom:-8px;left:-8px;cursor:nesw-resize}.pdx-canvas-snap-preview{position:relative;align-self:stretch;border-radius:12px;pointer-events:none;z-index:0;background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent),color-mix(in srgb,var(--md-sys-color-tertiary) 12%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent),inset 0 0 0 2px color-mix(in srgb,var(--md-sys-color-surface) 55%,transparent);animation:pdx-snap-preview-pulse .48s ease-out infinite alternate}.pdx-canvas-snap-preview:before,.pdx-canvas-snap-preview:after{content:\"\";position:absolute;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary) 82%,var(--md-sys-color-tertiary) 18%);opacity:.72}.pdx-canvas-snap-preview:before{inset:0 auto 0 0;width:3px}.pdx-canvas-snap-preview:after{inset:0 0 auto;height:3px}.pdx-canvas-snap-preview--invalid{background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-error) 18%,transparent),color-mix(in srgb,var(--md-sys-color-error-container) 22%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-error) 58%,transparent),inset 0 0 0 2px color-mix(in srgb,var(--md-sys-color-surface) 40%,transparent)}.pdx-canvas-snap-preview--invalid:before,.pdx-canvas-snap-preview--invalid:after{background:color-mix(in srgb,var(--md-sys-color-error) 86%,var(--md-sys-color-error-container) 14%)}.pdx-canvas-resize:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-canvas-resize:hover .pdx-canvas-resize-grip,.pdx-canvas-resize:focus-visible .pdx-canvas-resize-grip{border-color:transparent;box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 20%,transparent),var(--mat-elevation-level3)}.pdx-canvas-resize--north:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--north:focus-visible .pdx-canvas-resize-grip,.pdx-canvas-resize--south:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--south:focus-visible .pdx-canvas-resize-grip{background:var(--pdx-resize-gradient-horizontal)}.pdx-canvas-resize--east:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--east:focus-visible .pdx-canvas-resize-grip,.pdx-canvas-resize--west:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--west:focus-visible .pdx-canvas-resize-grip{background:var(--pdx-resize-gradient-vertical)}.pdx-canvas-resize--north-east:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--north-east:focus-visible .pdx-canvas-resize-grip,.pdx-canvas-resize--south-west:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--south-west:focus-visible .pdx-canvas-resize-grip{background:var(--pdx-resize-gradient-diagonal-sw)}.pdx-canvas-resize--north-west:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--north-west:focus-visible .pdx-canvas-resize-grip,.pdx-canvas-resize--south-east:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--south-east:focus-visible .pdx-canvas-resize-grip{background:var(--pdx-resize-gradient-diagonal-se)}.pdx-canvas-resize:hover .pdx-canvas-resize-grip,.pdx-canvas-resize:focus-visible .pdx-canvas-resize-grip{transform:scale(1.08)}@keyframes pdx-snap-preview-pulse{0%{opacity:.72;transform:scale(.996)}to{opacity:1;transform:scale(1)}}.pdx-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pdx-group{display:grid;gap:12px;grid-column:1 / -1;padding:12px;border-radius:16px;background:color-mix(in srgb,var(--md-sys-color-surface-container-low) 76%,transparent);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 72%,transparent)}.pdx-group--hero{padding:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-primary-container) 42%,transparent),color-mix(in srgb,var(--md-sys-color-surface-container-low) 86%,transparent))}.pdx-group--rail{align-self:start}.pdx-group-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.pdx-group-title{font-size:.95rem;font-weight:600;color:var(--md-sys-color-on-surface)}.pdx-group-content{display:grid;gap:12px}.pdx-group-content--stack{grid-template-columns:minmax(0,1fr)}.pdx-group-content--row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.pdx-group-content--grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.pdx-group-tabs{display:grid;gap:12px}.pdx-tabs-header{display:flex;flex-wrap:wrap;gap:8px}.pdx-tab-chip{appearance:none;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-lowest);color:var(--md-sys-color-on-surface);border-radius:999px;padding:8px 12px;font:inherit;cursor:pointer}.pdx-tab-chip.active{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 78%,transparent);color:var(--md-sys-color-on-primary-container)}.pdx-page-wrapper.editing .pdx-widget-settings{opacity:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: DynamicWidgetLoaderDirective, selector: "[dynamicWidgetLoader]", inputs: ["dynamicWidgetLoader", "ownerWidgetKey", "context", "strictValidation", "autoWireOutputs"], outputs: ["widgetEvent", "widgetDiagnostic"], exportAs: ["dynamicWidgetLoader"] }, { kind: "component", type: WidgetShellComponent, selector: "praxis-widget-shell", inputs: ["shell", "context", "dragSurfaceEnabled", "dragSurfaceLabel"], outputs: ["action", "dragSurfacePointerDown", "dragSurfaceKeydown"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DynamicWidgetPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'praxis-dynamic-page', standalone: true, imports: [CommonModule, MatButtonModule, MatIconModule, MatTooltipModule, DynamicWidgetLoaderDirective, WidgetShellComponent], providers: [providePraxisI18nConfig(DYNAMIC_WIDGET_PAGE_I18N_CONFIG)], template: `
+            args: [{ selector: 'praxis-dynamic-page', standalone: true, imports: [
+                        CommonModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        MatTooltipModule,
+                        DynamicWidgetLoaderDirective,
+                        WidgetShellComponent,
+                    ], providers: [providePraxisI18nConfig(DYNAMIC_WIDGET_PAGE_I18N_CONFIG)], template: `
     <div class="pdx-page-wrapper" [class.editing]="enableCustomization">
       @if (enableCustomization && showPageSettingsButton) {
-      <button
-        class="pdx-page-settings"
-        mat-icon-button
-        type="button"
-        [matTooltip]="pageSettingsLabel()"
-        matTooltipPosition="below"
-        [attr.aria-label]="pageSettingsLabel()"
-        (click)="openPageSettings()"
-      >
-        <mat-icon fontSet="material-symbols-outlined">settings</mat-icon>
-      </button>
+        <button
+          class="pdx-page-settings"
+          mat-icon-button
+          type="button"
+          [matTooltip]="pageSettingsLabel()"
+          matTooltipPosition="below"
+          [attr.aria-label]="pageSettingsLabel()"
+          (click)="openPageSettings()"
+        >
+          <mat-icon fontSet="material-symbols-outlined">settings</mat-icon>
+        </button>
       }
       <div
         #pageCanvasHost
@@ -25510,8 +26142,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
             <div
               class="pdx-widget pdx-widget--canvas"
               [class.pdx-widget--interactive]="enableCustomization"
-              [class.pdx-widget--canvas-selected]="isCanvasWidgetSelected(w.key)"
-              [class.pdx-widget--canvas-blocked]="isCanvasWidgetBlocked(w.key)"
+              [class.pdx-widget--canvas-selected]="
+                enableCustomization && isCanvasWidgetSelected(w.key)
+              "
+              [class.pdx-widget--canvas-blocked]="
+                enableCustomization && isCanvasWidgetBlocked(w.key)
+              "
               [class]="widgetClassName(w)"
               [style.gridColumn]="widgetGridColumn(w)"
               [style.gridRow]="widgetGridRow(w)"
@@ -25529,7 +26165,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                     [attr.aria-label]="resizeHandleLabel(handle.id)"
                     [title]="resizeHandleLabel(handle.id)"
                     (pointerdown)="startCanvasResize(w.key, handle.id, $event)"
-                    (keydown)="onCanvasResizeHandleKeydown(w.key, handle.id, $event)"
+                    (keydown)="
+                      onCanvasResizeHandleKeydown(w.key, handle.id, $event)
+                    "
                   >
                     <span class="pdx-canvas-resize-grip"></span>
                   </button>
@@ -25542,9 +26180,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 [dragSurfaceLabel]="dragWidgetLabel()"
                 (action)="onShellAction(w.key, $event)"
                 (dragSurfacePointerDown)="startCanvasDrag(w.key, $event)"
-                (dragSurfaceKeydown)="onCanvasHandleKeydown(w.key, 'drag', $event)"
+                (dragSurfaceKeydown)="
+                  onCanvasHandleKeydown(w.key, 'drag', $event)
+                "
               >
-                  <ng-container
+                <ng-container
                   [dynamicWidgetLoader]="w.definition"
                   [ownerWidgetKey]="w.key"
                   [context]="mergedContext"
@@ -25568,7 +26208,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
           @for (group of renderedGroups(); track group.id) {
             <section
               class="pdx-group"
-              [class]="'pdx-group--' + group.kind + (group.layout ? ' pdx-group--layout-' + group.layout : '') + (group.emphasis ? ' pdx-group--emphasis-' + group.emphasis : '') + (group.side ? ' pdx-group--side-' + group.side : '')"
+              [class]="
+                'pdx-group--' +
+                group.kind +
+                (group.layout ? ' pdx-group--layout-' + group.layout : '') +
+                (group.emphasis
+                  ? ' pdx-group--emphasis-' + group.emphasis
+                  : '') +
+                (group.side ? ' pdx-group--side-' + group.side : '')
+              "
               [style.gridColumn]="groupGridColumn(group)"
               [attr.data-group-id]="group.id"
               [attr.data-group-kind]="group.kind"
@@ -25594,9 +26242,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                   </div>
                   @for (tab of group.tabs || []; track tab.id) {
                     @if (activeTabId(group.id) === tab.id) {
-                      <div class="pdx-group-content" [class]="'pdx-group-content--' + resolveGroupContentLayout(group)">
+                      <div
+                        class="pdx-group-content"
+                        [class]="
+                          'pdx-group-content--' +
+                          resolveGroupContentLayout(group)
+                        "
+                      >
                         @for (w of tab.widgets; track w.key) {
-                          <div class="pdx-widget" [class]="w.renderClassName || w.className || ''" [style.gridColumn]="widgetGridColumn(w)">
+                          <div
+                            class="pdx-widget"
+                            [class]="w.renderClassName || w.className || ''"
+                            [style.gridColumn]="widgetGridColumn(w)"
+                          >
                             <praxis-widget-shell
                               [shell]="w.shell"
                               [context]="mergedContext"
@@ -25609,7 +26267,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                                 [strictValidation]="strictValidation"
                                 [autoWireOutputs]="shouldAutoWireOutputs(w)"
                                 (widgetEvent)="onWidgetEvent(w.key, $event)"
-                                (widgetDiagnostic)="onWidgetDiagnostic(w.key, $event)"
+                                (widgetDiagnostic)="
+                                  onWidgetDiagnostic(w.key, $event)
+                                "
                               ></ng-container>
                             </praxis-widget-shell>
                           </div>
@@ -25619,9 +26279,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                   }
                 </div>
               } @else {
-                <div class="pdx-group-content" [class]="'pdx-group-content--' + resolveGroupContentLayout(group)">
+                <div
+                  class="pdx-group-content"
+                  [class]="
+                    'pdx-group-content--' + resolveGroupContentLayout(group)
+                  "
+                >
                   @for (w of group.widgets; track w.key) {
-                    <div class="pdx-widget" [class]="widgetClassName(w)" [style.gridColumn]="widgetGridColumn(w)">
+                    <div
+                      class="pdx-widget"
+                      [class]="widgetClassName(w)"
+                      [style.gridColumn]="widgetGridColumn(w)"
+                    >
                       <praxis-widget-shell
                         [shell]="w.shell"
                         [context]="mergedContext"
@@ -25645,7 +26314,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
           }
         } @else {
           @for (w of widgets(); track w.key) {
-            <div class="pdx-widget" [class]="widgetClassName(w)" [style.gridColumn]="widgetGridColumn(w)">
+            <div
+              class="pdx-widget"
+              [class]="widgetClassName(w)"
+              [style.gridColumn]="widgetGridColumn(w)"
+            >
               <praxis-widget-shell
                 [shell]="w.shell"
                 [context]="mergedContext"
@@ -25666,7 +26339,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         }
       </div>
       @if (layoutAnnouncement) {
-        <div class="pdx-sr-only" aria-live="polite">{{ layoutAnnouncement }}</div>
+        <div class="pdx-sr-only" aria-live="polite">
+          {{ layoutAnnouncement }}
+        </div>
       }
     </div>
   `, styles: [".pdx-page-wrapper{position:relative;display:block}.pdx-page{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}.pdx-page--canvas{align-items:start;grid-auto-flow:dense}.pdx-page-settings{position:sticky;top:8px;z-index:2;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);color:inherit;border-radius:12px;width:36px;height:36px;margin-bottom:6px}.pdx-widget{position:relative;background:var(--pfx-surface, transparent);border-radius:6px;min-width:0;min-height:0}.pdx-widget--canvas{align-self:stretch;--pdx-resize-gradient-horizontal: linear-gradient( 90deg, color-mix(in srgb, var(--md-sys-color-primary) 94%, white 6%), color-mix(in srgb, var(--md-sys-color-tertiary) 90%, white 10%), color-mix(in srgb, var(--md-sys-color-secondary) 88%, white 12%) );--pdx-resize-gradient-vertical: linear-gradient( 180deg, color-mix(in srgb, var(--md-sys-color-primary) 94%, white 6%), color-mix(in srgb, var(--md-sys-color-tertiary) 90%, white 10%), color-mix(in srgb, var(--md-sys-color-secondary) 88%, white 12%) );--pdx-resize-gradient-diagonal-se: linear-gradient( 135deg, color-mix(in srgb, var(--md-sys-color-primary) 94%, white 6%), color-mix(in srgb, var(--md-sys-color-tertiary) 90%, white 10%), color-mix(in srgb, var(--md-sys-color-secondary) 88%, white 12%) );--pdx-resize-gradient-diagonal-sw: linear-gradient( 225deg, color-mix(in srgb, var(--md-sys-color-primary) 94%, white 6%), color-mix(in srgb, var(--md-sys-color-tertiary) 90%, white 10%), color-mix(in srgb, var(--md-sys-color-secondary) 88%, white 12%) );--pdx-active-resize-gradient: var(--pdx-resize-gradient-diagonal-se)}.pdx-widget--canvas:after{content:\"\";position:absolute;inset:0;padding:2px;border-radius:14px;background:var(--pdx-active-resize-gradient);opacity:0;pointer-events:none;transition:opacity .14s ease,filter .14s ease;filter:saturate(1.02) drop-shadow(0 0 5px color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.pdx-widget--canvas-selected:before,.pdx-widget--canvas-blocked:before{content:\"\";position:absolute;inset:0;border-radius:14px;pointer-events:none;z-index:1;transition:opacity .14s ease,box-shadow .14s ease,border-color .14s ease}.pdx-widget--canvas-selected:before{border:1px dashed color-mix(in srgb,var(--md-sys-color-primary) 34%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 6%,transparent),0 8px 20px color-mix(in srgb,var(--md-sys-color-primary) 6%,transparent)}.pdx-widget--canvas-blocked:before{border:1px solid color-mix(in srgb,var(--md-sys-color-error) 74%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-error) 20%,transparent),0 10px 24px color-mix(in srgb,var(--md-sys-color-error) 12%,transparent)}.pdx-widget--canvas:has(.pdx-canvas-resize:hover):after,.pdx-widget--canvas:has(.pdx-canvas-resize:focus-visible):after{opacity:.82}.pdx-widget--canvas:has(.pdx-canvas-resize--north:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--north:focus-visible),.pdx-widget--canvas:has(.pdx-canvas-resize--south:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--south:focus-visible){--pdx-active-resize-gradient: var(--pdx-resize-gradient-horizontal)}.pdx-widget--canvas:has(.pdx-canvas-resize--east:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--east:focus-visible),.pdx-widget--canvas:has(.pdx-canvas-resize--west:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--west:focus-visible){--pdx-active-resize-gradient: var(--pdx-resize-gradient-vertical)}.pdx-widget--canvas:has(.pdx-canvas-resize--north-east:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--north-east:focus-visible),.pdx-widget--canvas:has(.pdx-canvas-resize--south-west:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--south-west:focus-visible){--pdx-active-resize-gradient: var(--pdx-resize-gradient-diagonal-sw)}.pdx-widget--canvas:has(.pdx-canvas-resize--north-west:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--north-west:focus-visible),.pdx-widget--canvas:has(.pdx-canvas-resize--south-east:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--south-east:focus-visible){--pdx-active-resize-gradient: var(--pdx-resize-gradient-diagonal-se)}.pdx-canvas-resize{position:absolute;z-index:7;border:0;padding:0;margin:0;background:transparent;touch-action:none;cursor:pointer;opacity:0;pointer-events:none;transform:scale(.94);transition:opacity .14s ease,transform .14s ease,filter .14s ease;filter:saturate(.9)}.pdx-widget--canvas:hover .pdx-canvas-resize,.pdx-widget--canvas:focus-within .pdx-canvas-resize,.pdx-widget--canvas-selected .pdx-canvas-resize{opacity:.88;pointer-events:auto;transform:scale(1);filter:saturate(1)}.pdx-canvas-resize-grip{display:block;width:9px;height:9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,var(--md-sys-color-outline-variant) 58%);background:color-mix(in srgb,var(--md-sys-color-surface) 92%,var(--md-sys-color-primary) 8%);box-shadow:0 1px 4px color-mix(in srgb,var(--md-sys-color-shadow) 10%,transparent);transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.pdx-canvas-resize:hover .pdx-canvas-resize-grip,.pdx-canvas-resize:focus-visible .pdx-canvas-resize-grip{border-color:color-mix(in srgb,var(--md-sys-color-primary) 58%,var(--md-sys-color-outline-variant) 42%);background:color-mix(in srgb,var(--md-sys-color-surface) 84%,var(--md-sys-color-primary) 16%);box-shadow:0 2px 7px color-mix(in srgb,var(--md-sys-color-primary) 14%,transparent);transform:scale(1.04)}.pdx-canvas-resize--north,.pdx-canvas-resize--south{left:50%;width:40px;height:18px;margin-left:-20px;display:flex;align-items:center;justify-content:center}.pdx-canvas-resize--north{top:-8px;cursor:ns-resize}.pdx-canvas-resize--south{bottom:-8px;cursor:ns-resize}.pdx-canvas-resize--east,.pdx-canvas-resize--west{top:50%;width:18px;height:40px;margin-top:-20px;display:flex;align-items:center;justify-content:center}.pdx-canvas-resize--east{right:-8px;cursor:ew-resize}.pdx-canvas-resize--west{left:-8px;cursor:ew-resize}.pdx-canvas-resize--north-east,.pdx-canvas-resize--north-west,.pdx-canvas-resize--south-east,.pdx-canvas-resize--south-west{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.pdx-canvas-resize--north-east{top:-8px;right:-8px;cursor:nesw-resize}.pdx-canvas-resize--north-west{top:-8px;left:-8px;cursor:nwse-resize}.pdx-canvas-resize--south-east{bottom:-8px;right:-8px;cursor:nwse-resize}.pdx-canvas-resize--south-west{bottom:-8px;left:-8px;cursor:nesw-resize}.pdx-canvas-snap-preview{position:relative;align-self:stretch;border-radius:12px;pointer-events:none;z-index:0;background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent),color-mix(in srgb,var(--md-sys-color-tertiary) 12%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent),inset 0 0 0 2px color-mix(in srgb,var(--md-sys-color-surface) 55%,transparent);animation:pdx-snap-preview-pulse .48s ease-out infinite alternate}.pdx-canvas-snap-preview:before,.pdx-canvas-snap-preview:after{content:\"\";position:absolute;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary) 82%,var(--md-sys-color-tertiary) 18%);opacity:.72}.pdx-canvas-snap-preview:before{inset:0 auto 0 0;width:3px}.pdx-canvas-snap-preview:after{inset:0 0 auto;height:3px}.pdx-canvas-snap-preview--invalid{background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-error) 18%,transparent),color-mix(in srgb,var(--md-sys-color-error-container) 22%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-error) 58%,transparent),inset 0 0 0 2px color-mix(in srgb,var(--md-sys-color-surface) 40%,transparent)}.pdx-canvas-snap-preview--invalid:before,.pdx-canvas-snap-preview--invalid:after{background:color-mix(in srgb,var(--md-sys-color-error) 86%,var(--md-sys-color-error-container) 14%)}.pdx-canvas-resize:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-canvas-resize:hover .pdx-canvas-resize-grip,.pdx-canvas-resize:focus-visible .pdx-canvas-resize-grip{border-color:transparent;box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 20%,transparent),var(--mat-elevation-level3)}.pdx-canvas-resize--north:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--north:focus-visible .pdx-canvas-resize-grip,.pdx-canvas-resize--south:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--south:focus-visible .pdx-canvas-resize-grip{background:var(--pdx-resize-gradient-horizontal)}.pdx-canvas-resize--east:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--east:focus-visible .pdx-canvas-resize-grip,.pdx-canvas-resize--west:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--west:focus-visible .pdx-canvas-resize-grip{background:var(--pdx-resize-gradient-vertical)}.pdx-canvas-resize--north-east:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--north-east:focus-visible .pdx-canvas-resize-grip,.pdx-canvas-resize--south-west:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--south-west:focus-visible .pdx-canvas-resize-grip{background:var(--pdx-resize-gradient-diagonal-sw)}.pdx-canvas-resize--north-west:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--north-west:focus-visible .pdx-canvas-resize-grip,.pdx-canvas-resize--south-east:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--south-east:focus-visible .pdx-canvas-resize-grip{background:var(--pdx-resize-gradient-diagonal-se)}.pdx-canvas-resize:hover .pdx-canvas-resize-grip,.pdx-canvas-resize:focus-visible .pdx-canvas-resize-grip{transform:scale(1.08)}@keyframes pdx-snap-preview-pulse{0%{opacity:.72;transform:scale(.996)}to{opacity:1;transform:scale(1)}}.pdx-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pdx-group{display:grid;gap:12px;grid-column:1 / -1;padding:12px;border-radius:16px;background:color-mix(in srgb,var(--md-sys-color-surface-container-low) 76%,transparent);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 72%,transparent)}.pdx-group--hero{padding:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-primary-container) 42%,transparent),color-mix(in srgb,var(--md-sys-color-surface-container-low) 86%,transparent))}.pdx-group--rail{align-self:start}.pdx-group-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.pdx-group-title{font-size:.95rem;font-weight:600;color:var(--md-sys-color-on-surface)}.pdx-group-content{display:grid;gap:12px}.pdx-group-content--stack{grid-template-columns:minmax(0,1fr)}.pdx-group-content--row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.pdx-group-content--grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.pdx-group-tabs{display:grid;gap:12px}.pdx-tabs-header{display:flex;flex-wrap:wrap;gap:8px}.pdx-tab-chip{appearance:none;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-lowest);color:var(--md-sys-color-on-surface);border-radius:999px;padding:8px 12px;font:inherit;cursor:pointer}.pdx-tab-chip.active{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 78%,transparent);color:var(--md-sys-color-on-primary-container)}.pdx-page-wrapper.editing .pdx-widget-settings{opacity:1}\n"] }]
@@ -25695,6 +26370,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 type: Input
             }], pageChange: [{
                 type: Output
+            }], widgetEvent: [{
+                type: Output
             }], widgetDiagnosticsChange: [{
                 type: Output
             }], onWindowResize: [{
@@ -25733,6 +26410,7 @@ const PRAXIS_DYNAMIC_PAGE_COMPONENT_METADATA = {
     ],
     outputs: [
         { name: 'pageChange', type: 'WidgetPageDefinition', description: 'Emitido ao alterar a definicao da pagina.' },
+        { name: 'widgetEvent', type: 'WidgetEventEnvelope', description: 'Reemite eventos dos widgets filhos com ownerWidgetKey para integracoes do host.' },
         { name: 'widgetDiagnosticsChange', type: 'Record<string, WidgetResolutionDiagnostic>', description: 'Emitido quando o runtime detecta widgets resolvidos ou falhos durante o carregamento dinamico.' },
     ],
     tags: ['widget', 'page', 'dynamic', 'layout'],
@@ -26669,12 +27347,18 @@ function buildBaseFormField(def) {
 }
 function applyLocalCustomizations$1(base, local) {
     const typeChanged = (base.controlType || '') !== (local.controlType || '');
+    const serverBackedLocal = stripLocalSubmitSemantics(local);
     // Server authority on identity/core props
     const authoritative = {
         name: base.name,
         label: base.label,
         controlType: base.controlType,
         required: base.required,
+        endpoint: base.endpoint,
+        resourcePath: base.resourcePath,
+        optionSource: base.optionSource,
+        optionLabelKey: base.optionLabelKey,
+        optionValueKey: base.optionValueKey,
         // Validators: server overrides conflicting keys; keep local extras
         validators: {
             ...local?.validators,
@@ -26697,24 +27381,32 @@ function applyLocalCustomizations$1(base, local) {
             ...local.materialDesign,
             ...base.materialDesign,
         },
-        // Options-like families: keep local if explicitly provided, otherwise server
+        // Static option lists can be local UI customization. Remote option source
+        // semantics are owned by the server schema for server-backed fields.
         options: local.options !== undefined
             ? local.options
             : base.options,
-        endpoint: local.endpoint !== undefined
-            ? local.endpoint
-            : base.endpoint,
-        queryParams: local.queryParams !== undefined
-            ? local.queryParams
+        queryParams: serverBackedLocal.queryParams !== undefined
+            ? serverBackedLocal.queryParams
             : base.queryParams,
     };
     return {
         ...base,
-        ...local,
+        ...serverBackedLocal,
         ...authoritative,
         ...preserved,
     };
 }
+function stripLocalSubmitSemantics(field) {
+    const { source, transient, submitPolicy, ...rest } = field;
+    void source;
+    void transient;
+    void submitPolicy;
+    return rest;
+}
+function isLocalField(field) {
+    return field.source === 'local';
+}
 function reconcileFormConfig(layout, serverDefs) {
     const serverMetas = mapFieldDefinitionsToMetadata(serverDefs);
     const localMetas = (layout.fieldMetadata || []);
@@ -26732,11 +27424,13 @@ function reconcileFormConfig(layout, serverDefs) {
             merged.push(buildBaseFormField(serverField));
         }
     }
-    // Orphans: keep but hide in form
+    // Orphans: preserve explicit local fields; hide legacy schema fields that no
+    // longer exist on the server.
     for (const [name, localField] of localByName) {
         if (!serverByName.has(name)) {
-            const hidden = { ...localField, formHidden: true };
-            merged.push(hidden);
+            merged.push(isLocalField(localField)
+                ? localField
+                : { ...localField, formHidden: true });
         }
     }
     // Preserve layout (sections/rows/columns) order, only affect fieldMetadata
@@ -27159,4 +27853,4 @@ function provideHookWhitelist(allowed) {
  * Generated bundle index. Do not edit.
  */
 
-export { API_CONFIG_STORAGE_OPTIONS, API_URL, ASYNC_CONFIG_STORAGE, AllowedFileTypes, AnalyticsPresentationResolver, AnalyticsSchemaContractService, AnalyticsStatsRequestBuilderService, ApiConfigStorage, ApiEndpoint, BUILTIN_PAGE_LAYOUT_PRESETS, BUILTIN_PAGE_THEME_PRESETS, BUILTIN_SHELL_PRESETS, CONFIG_STORAGE, CONNECTION_STORAGE, ComponentKeyService, ComponentMetadataRegistry, CompositionRuntimeFacade, ConsoleLoggerSink, CrudOperationResolutionService, DEFAULT_FIELD_SELECTOR_CONTROL_TYPE_MAP, DEFAULT_JSON_LOGIC_OPERATORS, DEFAULT_TABLE_CONFIG, DYNAMIC_PAGE_AI_CAPABILITIES, DYNAMIC_PAGE_COMPONENT_CONTEXT_PACK, DYNAMIC_PAGE_CONFIG_EDITOR, DYNAMIC_PAGE_SHELL_EDITOR, DefaultLoadingRenderer, DeferredAsyncConfigStorage, DynamicFormService, DynamicWidgetLoaderDirective, DynamicWidgetPageComponent, EDITORIAL_ALLOWED_CONTENT_FORMATS, EDITORIAL_COMPLIANCE_PRESETS, EDITORIAL_EXTERNAL_LINK_REL, EDITORIAL_FORM_TEMPLATE_CATALOG, EDITORIAL_HTML_ENABLED, EDITORIAL_MARKDOWN_IMAGES_ENABLED, EDITORIAL_SOLUTION_CATALOG, EDITORIAL_SOLUTION_PRESETS, EDITORIAL_THEME_PRESETS, EDITORIAL_WIDGET_CONVENTION_INPUTS, EDITORIAL_WIDGET_TAG, EMPLOYEE_ONBOARDING_EDITORIAL_SOLUTION, EMPLOYEE_ONBOARDING_EDITORIAL_TEMPLATE, EMPLOYEE_ONBOARDING_GUIDED_EDITORIAL_SOLUTION, EMPLOYEE_ONBOARDING_GUIDED_EDITORIAL_TEMPLATE, EVENT_REGISTRATION_EDITORIAL_SOLUTION, EVENT_REGISTRATION_EDITORIAL_TEMPLATE, EmptyStateCardComponent, ErrorMessageService, FIELD_METADATA_CAPABILITIES, FIELD_SELECTOR_REGISTRY_BASE, FIELD_SELECTOR_REGISTRY_DISABLE_DEFAULTS, FIELD_SELECTOR_REGISTRY_OVERRIDES, FORM_HOOKS, FORM_HOOKS_PRESETS, FORM_HOOKS_WHITELIST, FORM_HOOK_RESOLVERS, FieldControlType, FieldDataType, FieldSelectorRegistry, FormHooksRegistry, GLOBAL_ACTION_CATALOG$1 as GLOBAL_ACTION_CATALOG, GLOBAL_ACTION_HANDLERS, GLOBAL_ACTION_CATALOG as GLOBAL_ACTION_SPEC_CATALOG, GLOBAL_ACTION_UI_SCHEMAS, GLOBAL_ANALYTICS_SERVICE, GLOBAL_API_CLIENT, GLOBAL_CONFIG, GLOBAL_DIALOG_SERVICE, GLOBAL_ROUTE_GUARD_RESOLVER, GLOBAL_SURFACE_SERVICE, GLOBAL_TOAST_SERVICE, GenericCrudService, GlobalActionService, GlobalConfigService, INLINE_FILTER_ALIAS_TOKENS, INLINE_FILTER_CONTROL_TYPES, INLINE_FILTER_CONTROL_TYPE_SET, INLINE_FILTER_CONTROL_TYPE_VALUES, INLINE_FILTER_TOKEN_TO_BASE_CONTROL_TYPE, INLINE_FILTER_TOKEN_TO_CONTROL_TYPE, IconPickerService, IconPosition, IconSize, LOGGER_LEVEL_BY_ENV, LOGGER_LEVEL_PRIORITY, LoadingOrchestrator, LocalConnectionStorage, LocalStorageAsyncAdapter, LocalStorageCacheAdapter, LocalStorageConfigService, LoggerService, LoggerThrottleTracker, LoggerWarnOnceTracker, MemoryCacheAdapter, NumericFormat, OVERLAY_DECIDER_DEBUG, OVERLAY_DECISION_MATRIX, ObservabilityDashboardService, OverlayDeciderService, PRAXIS_CORPORATE_SENSITIVE_KEYS, PRAXIS_DEFAULT_OBSERVABILITY_ALERT_RULES, PRAXIS_DYNAMIC_PAGE_COMPONENT_METADATA, PRAXIS_FOOTER_LINKS_METADATA, PRAXIS_GLOBAL_ACTION_CATALOG, PRAXIS_GLOBAL_CONFIG_BOOTSTRAP_OPTIONS, PRAXIS_GLOBAL_CONFIG_BOOTSTRAP_READY, PRAXIS_GLOBAL_CONFIG_TENANT_RESOLVER, PRAXIS_HERO_BANNER_METADATA, PRAXIS_I18N_CONFIG, PRAXIS_I18N_TRANSLATOR, PRAXIS_JSON_LOGIC_OPERATORS, PRAXIS_LAYER_SCALE_DEFAULTS, PRAXIS_LAYER_SCALE_VARS, PRAXIS_LEGAL_NOTICE_METADATA, PRAXIS_LOADING_CTX, PRAXIS_LOADING_RENDERER, PRAXIS_LOGGER_CONFIG, PRAXIS_LOGGER_SINKS, PRAXIS_OBSERVABILITY_DASHBOARD_OPTIONS, PRAXIS_RICH_TEXT_BLOCK_METADATA, PRAXIS_TELEMETRY_TRANSPORT, PRAXIS_USER_CONTEXT_SUMMARY_METADATA, PRIVACY_CONSENT_EDITORIAL_SOLUTION, PRIVACY_CONSENT_EDITORIAL_TEMPLATE, PraxisCore, PraxisFooterLinksComponent, PraxisGlobalErrorHandler, PraxisHeroBannerComponent, PraxisI18nService, PraxisIconDirective, PraxisIconPickerComponent, PraxisJsonLogicError, PraxisJsonLogicService, PraxisLayerScaleStyleService, PraxisLegalNoticeComponent, PraxisLoadingInterceptor, PraxisRichTextBlockComponent, PraxisSurfaceHostComponent, PraxisUserContextSummaryComponent, RESOURCE_DISCOVERY_I18N_CONFIG, RESOURCE_DISCOVERY_I18N_NAMESPACE, RULE_PROPERTY_SCHEMA, RemoteConfigStorage, ResourceActionOpenAdapterService, ResourceDiscoveryService, ResourceQuickConnectComponent, ResourceSurfaceOpenAdapterService, SCHEMA_VIEWER_CONTEXT, SETTINGS_PANEL_BRIDGE, SETTINGS_PANEL_DATA, STEPPER_CONFIG_EDITOR, SURFACE_DRAWER_BRIDGE, SURFACE_OPEN_I18N_CONFIG, SURFACE_OPEN_I18N_NAMESPACE, SURFACE_OPEN_PRESETS, SchemaMetadataClient, SchemaNormalizerService, SchemaViewerComponent, SurfaceBindingRuntimeService, SurfaceOpenActionEditorComponent, TABLE_CONFIG_EDITOR, TableConfigService, TelemetryLoggerSink, TelemetryService, ValidationPattern, WidgetPageStateRuntimeService, WidgetShellComponent, applyLocalCustomizations$2 as applyLocalCustomizations, applyLocalCustomizations$1 as applyLocalFormCustomizations, buildAngularValidators, buildApiUrl, buildBaseColumnFromDef, buildBaseFormField, buildFormConfigFromEditorialTemplate, buildHeaders, buildPageKey, buildPraxisLayerScaleCss, buildSchemaId, buildValidatorsFromValidatorOptions, cancelIfCpfInvalidHook, clampRange, cloneTableConfig, cnpjAlphaValidator, collapseWhitespace, composeHeadersWithVersion, conditionalAsyncValidator, convertFormLayoutToConfig, createCorporateLoggerConfig, createCorporateObservabilityOptions, createCpfCnpjValidator, createDefaultFormConfig, createDefaultTableConfig, createEmptyFormConfig, createEmptyRichContentDocument, createPersistedPage, customAsyncValidatorFn, customValidatorFn, debounceAsyncValidator, deepMerge, ensureIds, ensureNoConflictsHookFactory, ensurePageIds, extractNormalizedError, fetchWithETag, fileTypeValidator, fillUndefined, generateId, getDefaultFormHints, getEditorialCompliancePresetById, getEditorialFormTemplateById, getEditorialFormTemplateCatalog, getEditorialSolutionById, getEditorialSolutionCatalog, getEditorialSolutionPresetById, getEditorialThemePresetById, getEssentialConfig, getFieldMetadataCapabilities, getGlobalActionCatalog, getGlobalActionUiSchema, getReferencedFieldMetadata, getTextTransformer, interpolatePraxisTranslation, isAllowedEditorialContentFormat, isAllowedEditorialHref, isCssTextTransform, isEditorialComponentMeta, isInlineFilterControlType, isRangeValidForFilter, isTableConfigV2, isValidFormConfig, isValidTableConfig, legacyCnpjValidator, legacyCpfValidator, logOnErrorHook, mapFieldDefinitionToMetadata, mapFieldDefinitionsToMetadata, matchFieldValidator, maxFileSizeValidator, mergeFieldMetadata, mergePraxisI18nConfigs, mergeTableConfigs, migrateFormLayoutRule, migrateLegacyCompositionLink, migrateLegacyCompositionLinks, minWordsValidator, normalizeControlTypeKey, normalizeControlTypeToken, normalizeEditorialLink, normalizeEnd, normalizeFieldConstraints, normalizeFormConfig, normalizeFormMetadata, normalizePath, normalizePraxisDataQueryContext, normalizeResourceAvailabilityReasonCode, normalizeStart, normalizeUnknownError, notifySuccessHook, parseJsonResponseOrEmpty, praxisLoadingInterceptorFn, prefillFromContextHook, provideDefaultFormHooks, provideFieldSelectorRegistryBase, provideFieldSelectorRegistryOverride, provideFieldSelectorRegistryRuntime, provideFormHookPresets, provideFormHooks, provideGlobalActionCatalog, provideGlobalActionHandler, provideGlobalConfig, provideGlobalConfigReady, provideGlobalConfigSeed, provideGlobalConfigTenant, provideHookResolvers, provideHookWhitelist, provideOverlayDecisionMatrix, providePraxisAnalyticsGlobalActions, providePraxisDynamicPageMetadata, providePraxisFooterLinksMetadata, providePraxisGlobalActionCatalog, providePraxisGlobalActions, providePraxisGlobalConfigBootstrap, providePraxisHeroBannerMetadata, providePraxisHttpLoading, providePraxisI18n, providePraxisI18nConfig, providePraxisI18nTranslator, providePraxisIconDefaults, providePraxisJsonLogicOperator, providePraxisLegalNoticeMetadata, providePraxisLoadingDefaults, providePraxisLogging, providePraxisRichTextBlockMetadata, providePraxisToastGlobalActions, providePraxisUserContextSummaryMetadata, provideRemoteGlobalConfig, reconcileFilterConfig, reconcileFormConfig, reconcileTableConfig, removeDiacritics, reportTelemetryHookFactory, requiredCheckedValidator, resolveBuiltinPresets, resolveControlTypeAlias, resolveDefaultValuePresentationFormat, resolveHidden, resolveInlineFilterControlType, resolveInlineFilterControlTypeToBaseControlType, resolveLoggerConfig, resolveObservabilityOptions, resolveOffset, resolveOrder, resolvePraxisFilterCriteria, resolveResourceAvailabilityReasonKey, resolveSpan, resolveValuePresentation, resolveValuePresentationLocale, slugify, stripMasksHook, supportsImplicitValuePresentation, syncWithServerMetadata, toCamel, toCapitalize, toKebab, toPascal, toSentenceCase, toSnake, toTitleCase, translateResourceAvailabilityReason, translateResourceDiscoveryText, translateUnavailableWorkflowMessage, trim, uniqueAsyncValidator, urlValidator, withMessage, withPraxisHttpLoading };
+export { API_CONFIG_STORAGE_OPTIONS, API_URL, ASYNC_CONFIG_STORAGE, AllowedFileTypes, AnalyticsPresentationResolver, AnalyticsSchemaContractService, AnalyticsStatsRequestBuilderService, ApiConfigStorage, ApiEndpoint, BUILTIN_PAGE_LAYOUT_PRESETS, BUILTIN_PAGE_THEME_PRESETS, BUILTIN_SHELL_PRESETS, CONFIG_STORAGE, CONNECTION_STORAGE, ComponentKeyService, ComponentMetadataRegistry, CompositionRuntimeFacade, ConsoleLoggerSink, CrudOperationResolutionService, DEFAULT_FIELD_SELECTOR_CONTROL_TYPE_MAP, DEFAULT_JSON_LOGIC_OPERATORS, DEFAULT_TABLE_CONFIG, DYNAMIC_PAGE_AI_CAPABILITIES, DYNAMIC_PAGE_COMPONENT_CONTEXT_PACK, DYNAMIC_PAGE_CONFIG_EDITOR, DYNAMIC_PAGE_SHELL_EDITOR, DefaultLoadingRenderer, DeferredAsyncConfigStorage, DynamicFormService, DynamicWidgetLoaderDirective, DynamicWidgetPageComponent, EDITORIAL_ALLOWED_CONTENT_FORMATS, EDITORIAL_COMPLIANCE_PRESETS, EDITORIAL_EXTERNAL_LINK_REL, EDITORIAL_FORM_TEMPLATE_CATALOG, EDITORIAL_HTML_ENABLED, EDITORIAL_MARKDOWN_IMAGES_ENABLED, EDITORIAL_SOLUTION_CATALOG, EDITORIAL_SOLUTION_PRESETS, EDITORIAL_THEME_PRESETS, EDITORIAL_WIDGET_CONVENTION_INPUTS, EDITORIAL_WIDGET_TAG, EMPLOYEE_ONBOARDING_EDITORIAL_SOLUTION, EMPLOYEE_ONBOARDING_EDITORIAL_TEMPLATE, EMPLOYEE_ONBOARDING_GUIDED_EDITORIAL_SOLUTION, EMPLOYEE_ONBOARDING_GUIDED_EDITORIAL_TEMPLATE, EVENT_REGISTRATION_EDITORIAL_SOLUTION, EVENT_REGISTRATION_EDITORIAL_TEMPLATE, EmptyStateCardComponent, ErrorMessageService, FIELD_METADATA_CAPABILITIES, FIELD_SELECTOR_REGISTRY_BASE, FIELD_SELECTOR_REGISTRY_DISABLE_DEFAULTS, FIELD_SELECTOR_REGISTRY_OVERRIDES, FORM_HOOKS, FORM_HOOKS_PRESETS, FORM_HOOKS_WHITELIST, FORM_HOOK_RESOLVERS, FieldControlType, FieldDataType, FieldSelectorRegistry, FormHooksRegistry, GLOBAL_ACTION_CATALOG$1 as GLOBAL_ACTION_CATALOG, GLOBAL_ACTION_HANDLERS, GLOBAL_ACTION_CATALOG as GLOBAL_ACTION_SPEC_CATALOG, GLOBAL_ACTION_UI_SCHEMAS, GLOBAL_ANALYTICS_SERVICE, GLOBAL_API_CLIENT, GLOBAL_CONFIG, GLOBAL_DIALOG_SERVICE, GLOBAL_ROUTE_GUARD_RESOLVER, GLOBAL_SURFACE_SERVICE, GLOBAL_TOAST_SERVICE, GenericCrudService, GlobalActionService, GlobalConfigService, INLINE_FILTER_ALIAS_TOKENS, INLINE_FILTER_CONTROL_TYPES, INLINE_FILTER_CONTROL_TYPE_SET, INLINE_FILTER_CONTROL_TYPE_VALUES, INLINE_FILTER_TOKEN_TO_BASE_CONTROL_TYPE, INLINE_FILTER_TOKEN_TO_CONTROL_TYPE, IconPickerService, IconPosition, IconSize, LOGGER_LEVEL_BY_ENV, LOGGER_LEVEL_PRIORITY, LoadingOrchestrator, LocalConnectionStorage, LocalStorageAsyncAdapter, LocalStorageCacheAdapter, LocalStorageConfigService, LoggerService, LoggerThrottleTracker, LoggerWarnOnceTracker, MemoryCacheAdapter, NumericFormat, OVERLAY_DECIDER_DEBUG, OVERLAY_DECISION_MATRIX, ObservabilityDashboardService, OverlayDeciderService, PRAXIS_CORPORATE_SENSITIVE_KEYS, PRAXIS_DEFAULT_OBSERVABILITY_ALERT_RULES, PRAXIS_DYNAMIC_PAGE_COMPONENT_METADATA, PRAXIS_FOOTER_LINKS_METADATA, PRAXIS_GLOBAL_ACTION_CATALOG, PRAXIS_GLOBAL_CONFIG_BOOTSTRAP_OPTIONS, PRAXIS_GLOBAL_CONFIG_BOOTSTRAP_READY, PRAXIS_GLOBAL_CONFIG_TENANT_RESOLVER, PRAXIS_HERO_BANNER_METADATA, PRAXIS_I18N_CONFIG, PRAXIS_I18N_TRANSLATOR, PRAXIS_JSON_LOGIC_OPERATORS, PRAXIS_LAYER_SCALE_DEFAULTS, PRAXIS_LAYER_SCALE_VARS, PRAXIS_LEGAL_NOTICE_METADATA, PRAXIS_LOADING_CTX, PRAXIS_LOADING_RENDERER, PRAXIS_LOGGER_CONFIG, PRAXIS_LOGGER_SINKS, PRAXIS_OBSERVABILITY_DASHBOARD_OPTIONS, PRAXIS_RICH_TEXT_BLOCK_METADATA, PRAXIS_TELEMETRY_TRANSPORT, PRAXIS_USER_CONTEXT_SUMMARY_METADATA, PRIVACY_CONSENT_EDITORIAL_SOLUTION, PRIVACY_CONSENT_EDITORIAL_TEMPLATE, PraxisCore, PraxisFooterLinksComponent, PraxisGlobalErrorHandler, PraxisHeroBannerComponent, PraxisI18nService, PraxisIconDirective, PraxisIconPickerComponent, PraxisJsonLogicError, PraxisJsonLogicService, PraxisLayerScaleStyleService, PraxisLegalNoticeComponent, PraxisLoadingInterceptor, PraxisRichTextBlockComponent, PraxisSurfaceHostComponent, PraxisUserContextSummaryComponent, RESOURCE_DISCOVERY_I18N_CONFIG, RESOURCE_DISCOVERY_I18N_NAMESPACE, RULE_PROPERTY_SCHEMA, RemoteConfigStorage, ResourceActionOpenAdapterService, ResourceDiscoveryService, ResourceQuickConnectComponent, ResourceSurfaceOpenAdapterService, SCHEMA_VIEWER_CONTEXT, SETTINGS_PANEL_BRIDGE, SETTINGS_PANEL_DATA, STEPPER_CONFIG_EDITOR, SURFACE_DRAWER_BRIDGE, SURFACE_OPEN_I18N_CONFIG, SURFACE_OPEN_I18N_NAMESPACE, SURFACE_OPEN_PRESETS, SchemaMetadataClient, SchemaNormalizerService, SchemaViewerComponent, SurfaceBindingRuntimeService, SurfaceOpenActionEditorComponent, TABLE_CONFIG_EDITOR, TableConfigService, TelemetryLoggerSink, TelemetryService, ValidationPattern, WidgetPageStateRuntimeService, WidgetShellComponent, applyLocalCustomizations$2 as applyLocalCustomizations, applyLocalCustomizations$1 as applyLocalFormCustomizations, buildAngularValidators, buildApiUrl, buildBaseColumnFromDef, buildBaseFormField, buildFormConfigFromEditorialTemplate, buildHeaders, buildPageKey, buildPraxisLayerScaleCss, buildSchemaId, buildValidatorsFromValidatorOptions, cancelIfCpfInvalidHook, clampRange, cloneTableConfig, cnpjAlphaValidator, collapseWhitespace, composeHeadersWithVersion, conditionalAsyncValidator, convertFormLayoutToConfig, createCorporateLoggerConfig, createCorporateObservabilityOptions, createCpfCnpjValidator, createDefaultFormConfig, createDefaultTableConfig, createEmptyFormConfig, createEmptyRichContentDocument, createPersistedPage, customAsyncValidatorFn, customValidatorFn, debounceAsyncValidator, deepMerge, ensureIds, ensureNoConflictsHookFactory, ensurePageIds, extractNormalizedError, fetchWithETag, fileTypeValidator, fillUndefined, generateId, getDefaultFormHints, getEditorialCompliancePresetById, getEditorialFormTemplateById, getEditorialFormTemplateCatalog, getEditorialSolutionById, getEditorialSolutionCatalog, getEditorialSolutionPresetById, getEditorialThemePresetById, getEssentialConfig, getFieldMetadataCapabilities, getGlobalActionCatalog, getGlobalActionUiSchema, getReferencedFieldMetadata, getTextTransformer, interpolatePraxisTranslation, isAllowedEditorialContentFormat, isAllowedEditorialHref, isCssTextTransform, isEditorialComponentMeta, isInlineFilterControlType, isRangeValidForFilter, isTableConfigV2, isValidFormConfig, isValidTableConfig, legacyCnpjValidator, legacyCpfValidator, logOnErrorHook, mapFieldDefinitionToMetadata, mapFieldDefinitionsToMetadata, matchFieldValidator, maxFileSizeValidator, mergeFieldMetadata, mergePraxisI18nConfigs, mergeTableConfigs, migrateFormLayoutRule, migrateLegacyCompositionLink, migrateLegacyCompositionLinks, minWordsValidator, normalizeControlTypeKey, normalizeControlTypeToken, normalizeEditorialLink, normalizeEnd, normalizeFieldConstraints, normalizeFormConfig, normalizeFormMetadata, normalizePath, normalizePraxisDataQueryContext, normalizeResourceAvailabilityReasonCode, normalizeStart, normalizeUnknownError, notifySuccessHook, parseJsonResponseOrEmpty, praxisLoadingInterceptorFn, prefillFromContextHook, provideDefaultFormHooks, provideFieldSelectorRegistryBase, provideFieldSelectorRegistryOverride, provideFieldSelectorRegistryRuntime, provideFormHookPresets, provideFormHooks, provideGlobalActionCatalog, provideGlobalActionHandler, provideGlobalConfig, provideGlobalConfigReady, provideGlobalConfigSeed, provideGlobalConfigTenant, provideHookResolvers, provideHookWhitelist, provideOverlayDecisionMatrix, providePraxisAnalyticsGlobalActions, providePraxisDynamicPageMetadata, providePraxisFooterLinksMetadata, providePraxisGlobalActionCatalog, providePraxisGlobalActions, providePraxisGlobalConfigBootstrap, providePraxisHeroBannerMetadata, providePraxisHttpLoading, providePraxisI18n, providePraxisI18nConfig, providePraxisI18nTranslator, providePraxisIconDefaults, providePraxisJsonLogicOperator, providePraxisJsonLogicOperatorOverride, providePraxisLegalNoticeMetadata, providePraxisLoadingDefaults, providePraxisLogging, providePraxisRichTextBlockMetadata, providePraxisToastGlobalActions, providePraxisUserContextSummaryMetadata, provideRemoteGlobalConfig, reconcileFilterConfig, reconcileFormConfig, reconcileTableConfig, removeDiacritics, reportTelemetryHookFactory, requiredCheckedValidator, resolveBuiltinPresets, resolveControlTypeAlias, resolveDefaultValuePresentationFormat, resolveHidden, resolveInlineFilterControlType, resolveInlineFilterControlTypeToBaseControlType, resolveLoggerConfig, resolveObservabilityOptions, resolveOffset, resolveOrder, resolvePraxisFilterCriteria, resolveResourceAvailabilityReasonKey, resolveSpan, resolveValuePresentation, resolveValuePresentationLocale, slugify, stripMasksHook, supportsImplicitValuePresentation, syncWithServerMetadata, toCamel, toCapitalize, toKebab, toPascal, toSentenceCase, toSnake, toTitleCase, translateResourceAvailabilityReason, translateResourceDiscoveryText, translateUnavailableWorkflowMessage, trim, uniqueAsyncValidator, urlValidator, withMessage, withPraxisHttpLoading };