@praxisui/core 6.0.0-beta.0 → 8.0.0-beta.0

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, ErrorHandler, APP_INITIALIZER, 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, 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';
@@ -10,12 +10,12 @@ import { Router, ActivatedRoute } from '@angular/router';
 import * as i1$1 from '@angular/forms';
 import { Validators, FormGroup, FormControl, FormsModule } from '@angular/forms';
 import { MatSnackBar } from '@angular/material/snack-bar';
+import * as i3$1 from '@angular/material/icon';
+import { MatIconRegistry, MatIconModule } from '@angular/material/icon';
 import * as i2 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import * as i3 from '@angular/material/form-field';
 import { MatFormFieldModule } from '@angular/material/form-field';
-import * as i3$1 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
 import * as i5 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
 import * as i6 from '@angular/material/select';
@@ -3886,6 +3886,14 @@ function createDefaultTableConfig() {
                             'stack',
                             'tabs',
                             'tab',
+                            'text',
+                            'icon',
+                            'image',
+                            'badge',
+                            'avatar',
+                            'metric',
+                            'progress',
+                            'compose',
                             'card',
                             'value',
                             'action',
@@ -5655,6 +5663,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 +5685,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 +5736,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 +5826,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 +6005,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 +6301,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 +6356,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 +6377,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 +6395,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 +6413,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 +6436,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 +6457,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 +6481,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 +6496,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 +6511,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 +6526,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 +6541,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 +6557,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 +6585,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 +6602,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 +6619,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 +6636,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 +6649,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 +6661,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 +6679,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 +6697,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 +6713,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 +6734,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 +6782,13 @@ const BUILTIN_JSON_LOGIC_OPERATORS = [
     'in',
     'cat',
     'substr',
+    'merge',
+    'map',
+    'filter',
+    'reduce',
+    'all',
+    'some',
+    'none',
     '+',
     '-',
     '*',
@@ -6549,6 +6797,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);
 }
@@ -8737,6 +9018,328 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
             args: [{ providedIn: 'any' }]
         }] });
 
+class CrudOperationResolutionService {
+    discovery = inject(ResourceDiscoveryService);
+    resolve(request) {
+        const operation = request.operation;
+        const metadataResourcePath = this.normalizeResourcePath(request.resourcePath);
+        if (!metadataResourcePath) {
+            throw new Error('CrudOperationResolutionService requires resourcePath.');
+        }
+        const resourcePath = this.resolveCanonicalResourcePath(request, metadataResourcePath);
+        const diagnostics = [];
+        const resolutionOptions = this.toDiscoveryOptions(request);
+        if (this.hasExplicitContract(request)) {
+            return this.buildExplicitResolution(request, resourcePath, diagnostics, resolutionOptions);
+        }
+        const capabilities = request.capabilities ?? null;
+        const operationCapability = capabilities?.operations?.[operation] ??
+            this.buildCapabilityFromCanonicalFlags(capabilities, operation);
+        const scope = this.resolveScope(operationCapability, operation);
+        const preferredMethod = this.resolvePreferredMethod(operationCapability, operation);
+        const matchingSurface = this.findSurface(request.surfaces ?? capabilities?.surfaces ?? [], operation);
+        if (matchingSurface) {
+            return this.buildSurfaceResolution({
+                operation,
+                resourcePath,
+                resourceId: request.resourceId ?? null,
+                diagnostics,
+                resolutionOptions,
+                capability: operationCapability,
+                surface: matchingSurface,
+            });
+        }
+        const linkResolution = this.resolveLink(operation, request.links, resolutionOptions, operationCapability);
+        if (linkResolution) {
+            return {
+                operation,
+                source: 'link',
+                resourcePath,
+                resourceId: request.resourceId ?? null,
+                scope,
+                supported: operationCapability?.supported ?? true,
+                visible: this.isAvailable(operationCapability),
+                enabled: this.isAvailable(operationCapability),
+                availability: operationCapability?.availability ?? null,
+                schemaUrl: this.resolveCanonicalSchemaUrl(operation, resourcePath, preferredMethod, resolutionOptions),
+                responseSchemaUrl: operation === 'view'
+                    ? this.resolveCanonicalSchemaUrl('view', resourcePath, preferredMethod, resolutionOptions)
+                    : null,
+                submitUrl: linkResolution.href,
+                submitMethod: operation === 'view'
+                    ? preferredMethod
+                    : (linkResolution.method ?? preferredMethod)?.toLowerCase() ?? null,
+                diagnostics,
+            };
+        }
+        return this.buildConventionResolution({
+            operation,
+            resourcePath,
+            resourceId: request.resourceId ?? null,
+            diagnostics,
+            resolutionOptions,
+            capability: operationCapability,
+            preferredMethod,
+            scope,
+        });
+    }
+    buildExplicitResolution(request, resourcePath, diagnostics, options) {
+        return {
+            operation: request.operation,
+            source: 'explicit',
+            resourcePath,
+            resourceId: request.resourceId ?? null,
+            scope: this.defaultScope(request.operation),
+            supported: true,
+            visible: true,
+            enabled: true,
+            availability: { allowed: true, metadata: { source: 'explicit' } },
+            schemaUrl: request.explicit?.schemaUrl
+                ? this.discovery.resolveHref(request.explicit.schemaUrl, options)
+                : null,
+            responseSchemaUrl: request.explicit?.responseSchemaUrl
+                ? this.discovery.resolveHref(request.explicit.responseSchemaUrl, options)
+                : null,
+            submitUrl: request.explicit?.submitUrl
+                ? this.discovery.resolveHref(request.explicit.submitUrl, options)
+                : null,
+            submitMethod: request.explicit?.submitMethod
+                ? String(request.explicit.submitMethod).trim().toLowerCase()
+                : null,
+            diagnostics,
+        };
+    }
+    buildSurfaceResolution(params) {
+        const { operation, resourcePath, resourceId, diagnostics, resolutionOptions, capability, surface } = params;
+        const isWritable = this.isWritableSurface(surface.kind);
+        return {
+            operation,
+            source: capability ? 'capability' : 'surface',
+            resourcePath,
+            resourceId,
+            scope: surface.scope,
+            supported: capability?.supported ?? true,
+            visible: this.isAvailable(capability, surface),
+            enabled: this.isAvailable(capability, surface),
+            availability: surface.availability ?? capability?.availability ?? null,
+            schemaUrl: surface.schemaUrl
+                ? this.discovery.resolveHref(surface.schemaUrl, resolutionOptions)
+                : this.resolveCanonicalSchemaUrl(operation, resourcePath, this.resolvePreferredMethod(capability, operation), resolutionOptions),
+            responseSchemaUrl: operation === 'view' && surface.schemaUrl
+                ? this.discovery.resolveHref(surface.schemaUrl, resolutionOptions)
+                : null,
+            submitUrl: isWritable
+                ? this.discovery.resolveHref(this.resolveActualOperationPath(surface.path, resourceId, diagnostics), resolutionOptions)
+                : null,
+            submitMethod: isWritable ? String(surface.method || '').trim().toLowerCase() || null : null,
+            diagnostics,
+        };
+    }
+    buildConventionResolution(params) {
+        const { operation, resourcePath, resourceId, diagnostics, resolutionOptions, capability, preferredMethod, scope } = params;
+        const submitUrl = this.resolveConventionSubmitUrl(operation, resourcePath, resourceId, diagnostics, resolutionOptions);
+        return {
+            operation,
+            source: 'convention',
+            resourcePath,
+            resourceId,
+            scope,
+            supported: capability?.supported ?? true,
+            visible: this.isAvailable(capability),
+            enabled: this.isAvailable(capability),
+            availability: capability?.availability ?? null,
+            schemaUrl: this.resolveCanonicalSchemaUrl(operation, resourcePath, preferredMethod, resolutionOptions),
+            responseSchemaUrl: operation === 'view'
+                ? this.resolveCanonicalSchemaUrl('view', resourcePath, preferredMethod, resolutionOptions)
+                : null,
+            submitUrl,
+            submitMethod: operation === 'view' ? preferredMethod : preferredMethod?.toLowerCase() ?? null,
+            diagnostics,
+        };
+    }
+    resolveCanonicalSchemaUrl(operation, resourcePath, preferredMethod, options) {
+        if (operation === 'delete') {
+            return null;
+        }
+        const { path, method, schemaType } = this.buildCanonicalSchemaParams(operation, resourcePath, preferredMethod);
+        const query = new URLSearchParams({
+            path,
+            operation: method.toLowerCase(),
+            schemaType,
+        });
+        return this.discovery.resolveHref(`/schemas/filtered?${query.toString()}`, options);
+    }
+    buildCanonicalSchemaParams(operation, resourcePath, preferredMethod) {
+        if (operation === 'create') {
+            return { path: resourcePath, method: 'POST', schemaType: 'request' };
+        }
+        const itemPath = `${resourcePath}/{id}`;
+        if (operation === 'view') {
+            return { path: itemPath, method: 'GET', schemaType: 'response' };
+        }
+        return {
+            path: itemPath,
+            method: (preferredMethod || 'PUT').toUpperCase(),
+            schemaType: 'request',
+        };
+    }
+    resolveConventionSubmitUrl(operation, resourcePath, resourceId, diagnostics, options) {
+        if (operation === 'view') {
+            return null;
+        }
+        if (operation === 'create') {
+            return this.discovery.resolveHref(resourcePath, options);
+        }
+        if (resourceId == null) {
+            diagnostics.push(`Operation "${operation}" requires resourceId for canonical submit target resolution.`);
+            return null;
+        }
+        return this.discovery.resolveHref(`${resourcePath}/${resourceId}`, options);
+    }
+    resolveLink(operation, links, options, capability) {
+        const rel = String(capability?.preferredRel || this.operationRel(operation)).trim();
+        const link = this.discovery.getLink(links, rel);
+        if (!link?.href) {
+            return null;
+        }
+        return {
+            href: this.discovery.resolveHref(link.href, options),
+            method: String(link.method || '').trim().toUpperCase()
+                || capability?.preferredMethod?.toUpperCase()
+                || this.defaultMethod(operation),
+        };
+    }
+    buildCapabilityFromCanonicalFlags(capabilities, operation) {
+        if (!capabilities?.canonicalOperations) {
+            return null;
+        }
+        const canonicalKey = operation === 'view' ? 'byId' : operation === 'edit' ? 'update' : operation;
+        if (!(canonicalKey in capabilities.canonicalOperations)) {
+            return null;
+        }
+        return {
+            id: operation,
+            supported: !!capabilities.canonicalOperations[canonicalKey],
+            scope: this.defaultScope(operation),
+            preferredMethod: this.defaultMethod(operation),
+            preferredRel: this.operationRel(operation),
+            availability: { allowed: true, metadata: { source: 'canonicalOperations' } },
+        };
+    }
+    findSurface(surfaces, operation) {
+        const candidates = surfaces.filter((surface) => this.matchesOperation(surface, operation));
+        if (operation === 'create') {
+            return candidates.find((surface) => surface.id.toLowerCase() === 'create') ?? candidates[0] ?? null;
+        }
+        if (operation === 'view') {
+            return candidates.find((surface) => ['detail', 'view'].includes(surface.id.toLowerCase())) ?? candidates[0] ?? null;
+        }
+        if (operation === 'edit') {
+            return candidates.find((surface) => ['edit', 'update'].includes(surface.id.toLowerCase())) ?? candidates[0] ?? null;
+        }
+        return null;
+    }
+    matchesOperation(surface, operation) {
+        if (operation === 'create') {
+            return surface.scope === 'COLLECTION' && this.isWritableSurface(surface.kind);
+        }
+        if (operation === 'view') {
+            return surface.scope === 'ITEM' && this.isReadableSurface(surface.kind);
+        }
+        if (operation === 'edit') {
+            return surface.scope === 'ITEM' && this.isWritableSurface(surface.kind);
+        }
+        return false;
+    }
+    isReadableSurface(kind) {
+        return kind === 'VIEW' || kind === 'READ_PROJECTION';
+    }
+    isWritableSurface(kind) {
+        return kind === 'FORM' || kind === 'PARTIAL_FORM';
+    }
+    resolveScope(capability, operation) {
+        return capability?.scope ?? this.defaultScope(operation);
+    }
+    resolvePreferredMethod(capability, operation) {
+        return capability?.preferredMethod?.toUpperCase() ?? this.defaultMethod(operation);
+    }
+    resolveActualOperationPath(pathTemplate, resourceId, diagnostics) {
+        if (!/\{id\}/.test(pathTemplate)) {
+            return pathTemplate;
+        }
+        if (resourceId == null) {
+            diagnostics.push(`Path "${pathTemplate}" requires resourceId to resolve the concrete target.`);
+            return pathTemplate;
+        }
+        return pathTemplate.replace(/\{id\}/g, encodeURIComponent(String(resourceId)));
+    }
+    hasExplicitContract(request) {
+        return !!(request.explicit?.schemaUrl ||
+            request.explicit?.responseSchemaUrl ||
+            request.explicit?.submitUrl ||
+            request.explicit?.submitMethod);
+    }
+    isAvailable(capability, surface) {
+        if (surface?.availability) {
+            return surface.availability.allowed !== false;
+        }
+        if (capability?.availability) {
+            return capability.availability.allowed !== false;
+        }
+        return capability?.supported !== false;
+    }
+    operationRel(operation) {
+        if (operation === 'view') {
+            return 'self';
+        }
+        return operation;
+    }
+    defaultScope(operation) {
+        return operation === 'create' ? 'COLLECTION' : 'ITEM';
+    }
+    defaultMethod(operation) {
+        switch (operation) {
+            case 'create':
+                return 'POST';
+            case 'view':
+                return 'GET';
+            case 'edit':
+                return 'PUT';
+            case 'delete':
+                return 'DELETE';
+        }
+    }
+    normalizeResourcePath(resourcePath) {
+        const normalized = String(resourcePath || '').trim().replace(/\/+/g, '/');
+        if (!normalized) {
+            return '';
+        }
+        return normalized.startsWith('/') ? normalized : `/${normalized}`;
+    }
+    resolveCanonicalResourcePath(request, fallbackResourcePath) {
+        const capabilityResourcePath = this.normalizeResourcePath(request.capabilities?.resourcePath || '');
+        if (capabilityResourcePath) {
+            return capabilityResourcePath;
+        }
+        return fallbackResourcePath;
+    }
+    toDiscoveryOptions(request) {
+        if (!request.endpointKey && !request.apiUrlEntry) {
+            return undefined;
+        }
+        return {
+            ...(request.endpointKey ? { endpointKey: request.endpointKey } : {}),
+            ...(request.apiUrlEntry ? { apiUrlEntry: request.apiUrlEntry } : {}),
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: CrudOperationResolutionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: CrudOperationResolutionService, providedIn: 'any' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: CrudOperationResolutionService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'any' }]
+        }] });
+
 const DEFAULT_FAMILIES = [
     'chart',
     'analytic-table',
@@ -9280,6 +9883,30 @@ function providePraxisAnalyticsGlobalActions(opts = {}) {
     };
 }
 
+const DEFAULT_FONT_SET_CLASS = ['material-symbols-outlined', 'mat-ligature-font'];
+function normalizeDefaultFontSetClass(options) {
+    const provided = options?.defaultFontSetClass?.filter((value) => typeof value === 'string' && value.trim().length);
+    return provided?.length ? provided : DEFAULT_FONT_SET_CLASS;
+}
+function providePraxisIconDefaults(options) {
+    const defaultFontSetClass = normalizeDefaultFontSetClass(options);
+    return [
+        {
+            provide: APP_INITIALIZER,
+            multi: true,
+            deps: [MatIconRegistry],
+            useFactory: (iconRegistry) => () => {
+                iconRegistry.registerFontClassAlias('ms', 'material-symbols-outlined mat-ligature-font');
+                iconRegistry.registerFontClassAlias('mso', 'material-symbols-outlined mat-ligature-font');
+                iconRegistry.registerFontClassAlias('msr', 'material-symbols-rounded mat-ligature-font');
+                iconRegistry.registerFontClassAlias('mss', 'material-symbols-sharp mat-ligature-font');
+                iconRegistry.registerFontClassAlias('mi', 'material-icons mat-ligature-font');
+                iconRegistry.setDefaultFontSetClass(...defaultFontSetClass);
+            },
+        },
+    ];
+}
+
 /**
  * Registers only the default visual renderer for Praxis loading.
  *
@@ -11498,6 +12125,14 @@ const FieldDataType = {
  * - Supports Material Design 3 specifications
  */
 
+function createEmptyRichContentDocument() {
+    return {
+        kind: 'praxis.rich-content',
+        version: '1.0.0',
+        nodes: [],
+    };
+}
+
 function defaultGenerateId(kind, used) {
     // determinístico + compacto, evitando Math.random (facilita tests/replays)
     let seq = 1;
@@ -11788,10 +12423,10 @@ function createDefaultFormConfig() {
                 ],
             },
         ],
-        formBlocksBefore: [],
-        formBlocksBeforeActions: [],
+        formBlocksBefore: createEmptyRichContentDocument(),
+        formBlocksBeforeActions: createEmptyRichContentDocument(),
         formBlocksBeforeActionsPlacement: 'afterSections',
-        formBlocksAfter: [],
+        formBlocksAfter: createEmptyRichContentDocument(),
         // Default mode hints (didactic tooltips)
         hints: getDefaultFormHints(),
     };
@@ -11806,10 +12441,10 @@ function isValidFormConfig(config) {
 function createEmptyFormConfig() {
     return {
         sections: [],
-        formBlocksBefore: [],
-        formBlocksBeforeActions: [],
+        formBlocksBefore: createEmptyRichContentDocument(),
+        formBlocksBeforeActions: createEmptyRichContentDocument(),
         formBlocksBeforeActionsPlacement: 'afterSections',
-        formBlocksAfter: [],
+        formBlocksAfter: createEmptyRichContentDocument(),
     };
 }
 /**
@@ -12011,10 +12646,10 @@ function buildFormConfigFromEditorialTemplate(template, options = {}) {
     const overrides = options.overrides ?? {};
     const base = {
         sections: template.layout?.sections ?? [],
-        formBlocksBefore: template.layout?.formBlocksBefore ?? [],
-        formBlocksBeforeActions: template.layout?.formBlocksBeforeActions ?? [],
+        formBlocksBefore: template.layout?.formBlocksBefore ?? createEmptyRichContentDocument(),
+        formBlocksBeforeActions: template.layout?.formBlocksBeforeActions ?? createEmptyRichContentDocument(),
         formBlocksBeforeActionsPlacement: template.layout?.formBlocksBeforeActionsPlacement ?? 'afterSections',
-        formBlocksAfter: template.layout?.formBlocksAfter ?? [],
+        formBlocksAfter: template.layout?.formBlocksAfter ?? createEmptyRichContentDocument(),
         editorialContext: template.defaults?.editorialContext,
         fieldMetadata: template.defaults?.fieldMetadata ?? [],
         actions: template.layout?.actions,
@@ -12079,12 +12714,62 @@ function mergeTemplateReference(base, metadataPatch, overridePatch) {
     };
 }
 
+function richDoc(...nodes) {
+    return {
+        kind: 'praxis.rich-content',
+        version: '1.0.0',
+        nodes,
+    };
+}
+function richFooterCard(config) {
+    return richDoc({
+        type: 'card',
+        title: config.title,
+        subtitle: config.subtitle,
+        content: [
+            ...(config.links?.length
+                ? [
+                    {
+                        type: 'compose',
+                        direction: 'row',
+                        wrap: true,
+                        items: config.links.map((label) => ({
+                            type: 'badge',
+                            label,
+                        })),
+                    },
+                ]
+                : []),
+        ],
+    });
+}
+function richIntroCard(config) {
+    return richDoc({
+        type: 'card',
+        title: config.title,
+        subtitle: config.subtitle,
+        content: [
+            ...(config.badge
+                ? [
+                    {
+                        type: 'badge',
+                        label: config.badge,
+                    },
+                ]
+                : []),
+            {
+                type: 'text',
+                text: config.description,
+            },
+        ],
+    });
+}
 const EVENT_REGISTRATION_EDITORIAL_TEMPLATE = {
     templateId: 'event-registration',
     version: '1.0.0',
     metadata: {
         title: 'Event Registration',
-        description: 'Template editorial para inscrições institucionais, eventos, workshops e programas com contexto pré-submit.',
+        description: 'Template editorial para inscricoes institucionais, eventos, workshops e programas com contexto pre-submit.',
         category: 'registration',
         tags: ['event', 'registration', 'editorial', 'consent'],
         source: 'catalog',
@@ -12107,99 +12792,101 @@ const EVENT_REGISTRATION_EDITORIAL_TEMPLATE = {
         { key: 'eventContext.dateLabel', type: 'string' },
     ],
     layout: {
-        formBlocksBefore: [
-            {
-                id: 'widget:hero-banner',
-                inputs: {
-                    instanceId: 'template:event-registration:hero',
-                    title: 'Inscrição em evento',
-                    titleAccent: 'institucional',
-                    subtitle: 'Template editorial',
-                    description: 'Estrutura base para inscrições em encontros, workshops, roadshows e experiências de marca.',
-                    variant: 'event',
-                    appearance: 'flat',
-                },
+        formBlocksBefore: richDoc({
+            type: 'mediaBlock',
+            title: { type: 'text', text: 'Inscricao em evento institucional' },
+            subtitle: { type: 'text', text: 'Template editorial' },
+            meta: {
+                type: 'compose',
+                direction: 'row',
+                wrap: true,
+                items: [
+                    { type: 'badge', label: 'registration' },
+                    { type: 'text', text: 'Fluxo institucional reutilizavel' },
+                ],
             },
-            {
-                id: 'widget:rich-text-block',
-                inputs: {
-                    instanceId: 'template:event-registration:intro',
-                    title: 'Como preencher',
-                    subtitle: 'Orientação inicial',
-                    icon: 'info',
-                    variant: 'default',
-                    appearance: 'plain',
-                    contentFormat: 'markdown',
-                    content: 'Use dados atualizados, revise os consentimentos e confirme sua disponibilidade antes do envio.',
+        }, {
+            type: 'card',
+            title: 'Como preencher',
+            subtitle: 'Orientacao inicial',
+            content: [
+                {
+                    type: 'text',
+                    text: 'Use dados atualizados, revise os consentimentos e confirme sua disponibilidade antes do envio.',
                 },
-            },
-        ],
+            ],
+        }),
         sections: [
             {
                 id: 'registration',
                 appearance: 'step',
                 stepLabel: '1',
-                title: 'Inscrição',
-                description: 'Dados principais do participante e critérios de participação.',
+                title: 'Inscricao',
+                description: 'Dados principais do participante e criterios de participacao.',
                 rows: [
                     { id: 'row-name', columns: [{ id: 'col-name', fields: ['fullName'] }] },
                     { id: 'row-email', columns: [{ id: 'col-email', fields: ['email'] }] },
-                    { id: 'row-attendance', columns: [{ id: 'col-attendance', fields: ['attendanceMode'] }] },
-                    { id: 'row-company', columns: [{ id: 'col-company', fields: ['organizationName'] }] },
+                    {
+                        id: 'row-attendance',
+                        columns: [{ id: 'col-attendance', fields: ['attendanceMode'] }],
+                    },
+                    {
+                        id: 'row-company',
+                        columns: [{ id: 'col-company', fields: ['organizationName'] }],
+                    },
                     { id: 'row-role', columns: [{ id: 'col-role', fields: ['jobTitle'] }] },
-                    { id: 'row-source', columns: [{ id: 'col-source', fields: ['discoverySource'] }] },
-                    { id: 'row-photo-consent', columns: [{ id: 'col-photo-consent', fields: ['photoConsent'] }] },
-                    { id: 'row-privacy-consent', columns: [{ id: 'col-privacy-consent', fields: ['privacyConsent'] }] },
+                    {
+                        id: 'row-source',
+                        columns: [{ id: 'col-source', fields: ['discoverySource'] }],
+                    },
+                    {
+                        id: 'row-photo-consent',
+                        columns: [{ id: 'col-photo-consent', fields: ['photoConsent'] }],
+                    },
+                    {
+                        id: 'row-privacy-consent',
+                        columns: [{ id: 'col-privacy-consent', fields: ['privacyConsent'] }],
+                    },
                 ],
             },
         ],
-        formBlocksBeforeActions: [
-            {
-                id: 'form:user-context-summary',
-                inputs: {
-                    instanceId: 'template:event-registration:user-context',
-                    title: 'Conta usada no preenchimento',
-                    subtitle: 'Resumo contextual antes do envio.',
-                    appearance: 'plain',
-                    source: 'context',
-                    context: '${accountContext}',
-                    fields: [
-                        { label: 'Nome', valuePath: 'user.name', fallback: '-' },
-                        { label: 'E-mail', valuePath: 'user.email', fallback: '-' },
-                    ],
-                    actionId: 'switch-user',
-                    actionLabel: 'Trocar conta',
+        formBlocksBeforeActions: richDoc({
+            type: 'card',
+            title: 'Conta usada no preenchimento',
+            subtitle: 'Resumo contextual antes do envio.',
+            content: [
+                {
+                    type: 'metric',
+                    label: 'Nome',
+                    valueExpr: '${accountContext.user.name}',
                 },
-            },
-            {
-                id: 'widget:legal-notice',
-                inputs: {
-                    instanceId: 'template:event-registration:privacy',
-                    title: 'Privacidade e uso de dados',
-                    severity: 'muted',
-                    appearance: 'plain',
-                    contentFormat: 'markdown',
-                    content: 'Ao enviar a inscrição, o participante reconhece o tratamento dos dados para credenciamento, comunicações e operação do evento.',
+                {
+                    type: 'metric',
+                    label: 'E-mail',
+                    valueExpr: '${accountContext.user.email}',
                 },
-            },
-        ],
-        formBlocksBeforeActionsPlacement: 'insideLastSection',
-        formBlocksAfter: [
-            {
-                id: 'widget:footer-links',
-                inputs: {
-                    instanceId: 'template:event-registration:footer',
-                    brandText: 'Praxis UI',
-                    secondaryText: 'Template editorial reutilizável para experiências de inscrição.',
-                    layout: 'inline',
-                    appearance: 'plain',
-                    links: [
-                        { label: 'Privacidade', href: '/privacidade' },
-                        { label: 'Termos', href: '/termos' },
-                    ],
+                {
+                    type: 'text',
+                    text: 'Se necessario, troque o contexto da conta antes de concluir a inscricao.',
                 },
-            },
-        ],
+            ],
+        }, {
+            type: 'card',
+            title: 'Privacidade e uso de dados',
+            subtitle: 'Antes do envio',
+            content: [
+                {
+                    type: 'text',
+                    text: 'Ao enviar a inscricao, o participante reconhece o tratamento dos dados para credenciamento, comunicacoes e operacao do evento.',
+                },
+            ],
+        }),
+        formBlocksBeforeActionsPlacement: 'insideLastSection',
+        formBlocksAfter: richFooterCard({
+            title: 'Praxis UI',
+            subtitle: 'Template editorial reutilizavel para experiencias de inscricao.',
+            links: ['Privacidade', 'Termos'],
+        }),
         actions: {
             placement: 'afterSections',
             position: 'right',
@@ -12207,7 +12894,7 @@ const EVENT_REGISTRATION_EDITORIAL_TEMPLATE = {
             spacing: 'normal',
             submit: {
                 visible: true,
-                label: 'Enviar inscrição',
+                label: 'Enviar inscricao',
                 type: 'submit',
                 color: 'primary',
                 variant: 'raised',
@@ -12228,8 +12915,19 @@ const EVENT_REGISTRATION_EDITORIAL_TEMPLATE = {
     },
     defaults: {
         fieldMetadata: [
-            { name: 'fullName', label: 'Nome completo*', controlType: 'input', required: true },
-            { name: 'email', label: 'E-mail*', controlType: 'email', required: true, readonly: true },
+            {
+                name: 'fullName',
+                label: 'Nome completo*',
+                controlType: 'input',
+                required: true,
+            },
+            {
+                name: 'email',
+                label: 'E-mail*',
+                controlType: 'email',
+                required: true,
+                readonly: true,
+            },
             {
                 name: 'attendanceMode',
                 label: 'Como pretende participar?*',
@@ -12241,7 +12939,12 @@ const EVENT_REGISTRATION_EDITORIAL_TEMPLATE = {
                     { text: 'Online', value: 'ONLINE' },
                 ],
             },
-            { name: 'organizationName', label: 'Empresa ou instituição*', controlType: 'input', required: true },
+            {
+                name: 'organizationName',
+                label: 'Empresa ou instituicao*',
+                controlType: 'input',
+                required: true,
+            },
             { name: 'jobTitle', label: 'Cargo', controlType: 'input' },
             {
                 name: 'discoverySource',
@@ -12251,7 +12954,7 @@ const EVENT_REGISTRATION_EDITORIAL_TEMPLATE = {
                 options: [
                     { text: 'Site institucional', value: 'WEBSITE' },
                     { text: 'LinkedIn', value: 'LINKEDIN' },
-                    { text: 'Indicação', value: 'REFERRAL' },
+                    { text: 'Indicacao', value: 'REFERRAL' },
                     { text: 'Outro', value: 'OTHER' },
                 ],
             },
@@ -12267,7 +12970,7 @@ const EVENT_REGISTRATION_EDITORIAL_TEMPLATE = {
             },
             {
                 name: 'privacyConsent',
-                label: 'Aceito a política de privacidade e o tratamento dos dados informados.',
+                label: 'Aceito a politica de privacidade e o tratamento dos dados informados.',
                 controlType: 'checkbox',
                 selectionMode: 'boolean',
                 variant: 'consent',
@@ -12283,7 +12986,7 @@ const EMPLOYEE_ONBOARDING_EDITORIAL_TEMPLATE = {
     version: '1.0.0',
     metadata: {
         title: 'Employee Onboarding',
-        description: 'Template editorial para admissão, pré-boarding e coleta inicial de dados de colaboradores.',
+        description: 'Template editorial para admissao, pre-boarding e coleta inicial de dados de colaboradores.',
         category: 'onboarding',
         tags: ['employee', 'onboarding', 'hr', 'documents'],
         source: 'catalog',
@@ -12302,42 +13005,38 @@ const EMPLOYEE_ONBOARDING_EDITORIAL_TEMPLATE = {
         { key: 'company.name', type: 'string', required: true },
         { key: 'company.hrEmail', type: 'string' },
         { key: 'position.title', type: 'string' },
-        { key: 'manager.name', type: 'string' },
-    ],
-    layout: {
-        formBlocksBefore: [
-            {
-                id: 'widget:hero-banner',
-                inputs: {
-                    instanceId: 'template:employee-onboarding:hero',
-                    title: 'Boas-vindas ao processo de',
-                    titleAccent: 'onboarding',
-                    subtitle: 'Template corporativo',
-                    description: 'Base para admissão, conferência cadastral, preferências de trabalho e aceite de políticas internas.',
-                    variant: 'institutional',
-                    appearance: 'card',
-                },
-            },
-            {
-                id: 'widget:rich-text-block',
-                inputs: {
-                    instanceId: 'template:employee-onboarding:summary',
-                    title: 'O que será coletado',
-                    subtitle: 'Resumo do fluxo',
-                    icon: 'badge',
-                    variant: 'subtle',
-                    appearance: 'plain',
-                    contentFormat: 'markdown',
-                    content: '- dados pessoais e de contato\n- preferências operacionais iniciais\n- anexos e termos obrigatórios',
-                },
+        { key: 'manager.name', type: 'string' },
+    ],
+    layout: {
+        formBlocksBefore: richDoc({
+            type: 'mediaBlock',
+            title: { type: 'text', text: 'Boas-vindas ao processo de onboarding' },
+            subtitle: { type: 'text', text: 'Template corporativo' },
+            meta: {
+                type: 'compose',
+                direction: 'row',
+                wrap: true,
+                items: [
+                    { type: 'badge', label: 'onboarding' },
+                    { type: 'text', text: 'Admissao, conferencia e preferencias iniciais' },
+                ],
             },
-        ],
+        }, {
+            type: 'card',
+            title: 'O que sera coletado',
+            subtitle: 'Resumo do fluxo',
+            content: [
+                { type: 'text', text: 'Dados pessoais e de contato.' },
+                { type: 'text', text: 'Preferencias operacionais iniciais.' },
+                { type: 'text', text: 'Anexos e termos obrigatorios.' },
+            ],
+        }),
         sections: [
             {
                 id: 'identity',
                 appearance: 'step',
                 stepLabel: '1',
-                title: 'Identificação',
+                title: 'Identificacao',
                 description: 'Dados essenciais para cadastro inicial do colaborador.',
                 rows: [
                     {
@@ -12360,28 +13059,34 @@ const EMPLOYEE_ONBOARDING_EDITORIAL_TEMPLATE = {
                 id: 'operations',
                 appearance: 'step',
                 stepLabel: '2',
-                title: 'Operação inicial',
-                description: 'Dados para preparação do ambiente e comunicação inicial.',
+                title: 'Operacao inicial',
+                description: 'Dados para preparacao do ambiente e comunicacao inicial.',
                 rows: [
-                    { id: 'row-equipment', columns: [{ id: 'col-equipment', fields: ['needsEquipment'] }] },
-                    { id: 'row-address', columns: [{ id: 'col-address', fields: ['shippingAddress'] }] },
-                    { id: 'row-notes', columns: [{ id: 'col-notes', fields: ['accessibilityNotes'] }] },
-                    { id: 'row-privacy', columns: [{ id: 'col-privacy', fields: ['privacyConsent'] }] },
+                    {
+                        id: 'row-equipment',
+                        columns: [{ id: 'col-equipment', fields: ['needsEquipment'] }],
+                    },
+                    {
+                        id: 'row-address',
+                        columns: [{ id: 'col-address', fields: ['shippingAddress'] }],
+                    },
+                    {
+                        id: 'row-notes',
+                        columns: [{ id: 'col-notes', fields: ['accessibilityNotes'] }],
+                    },
+                    {
+                        id: 'row-privacy',
+                        columns: [{ id: 'col-privacy', fields: ['privacyConsent'] }],
+                    },
                 ],
             },
         ],
-        formBlocksBeforeActions: [
-            {
-                id: 'widget:legal-notice',
-                inputs: {
-                    instanceId: 'template:employee-onboarding:notice',
-                    title: 'Uso interno',
-                    severity: 'info',
-                    appearance: 'plain',
-                    content: 'As informações deste fluxo são usadas exclusivamente para cadastro interno, provisionamento e comunicação de onboarding.',
-                },
-            },
-        ],
+        formBlocksBeforeActions: richIntroCard({
+            title: 'Uso interno',
+            subtitle: 'Antes do envio',
+            badge: 'info',
+            description: 'As informacoes deste fluxo sao usadas exclusivamente para cadastro interno, provisionamento e comunicacao de onboarding.',
+        }),
         formBlocksBeforeActionsPlacement: 'afterSections',
         actions: {
             placement: 'afterSections',
@@ -12393,14 +13098,34 @@ const EMPLOYEE_ONBOARDING_EDITORIAL_TEMPLATE = {
                 color: 'primary',
                 variant: 'raised',
             },
-            cancel: { visible: false, label: 'Cancelar', type: 'button', color: 'basic' },
-            reset: { visible: false, label: 'Reset', type: 'reset', color: 'basic' },
+            cancel: {
+                visible: false,
+                label: 'Cancelar',
+                type: 'button',
+                color: 'basic',
+            },
+            reset: {
+                visible: false,
+                label: 'Reset',
+                type: 'reset',
+                color: 'basic',
+            },
         },
     },
     defaults: {
         fieldMetadata: [
-            { name: 'fullName', label: 'Nome completo*', controlType: 'input', required: true },
-            { name: 'corporateEmail', label: 'E-mail corporativo*', controlType: 'email', required: true },
+            {
+                name: 'fullName',
+                label: 'Nome completo*',
+                controlType: 'input',
+                required: true,
+            },
+            {
+                name: 'corporateEmail',
+                label: 'E-mail corporativo*',
+                controlType: 'email',
+                required: true,
+            },
             { name: 'phoneNumber', label: 'Telefone', controlType: 'input' },
             {
                 name: 'workModel',
@@ -12409,7 +13134,7 @@ const EMPLOYEE_ONBOARDING_EDITORIAL_TEMPLATE = {
                 required: true,
                 options: [
                     { text: 'Presencial', value: 'ONSITE' },
-                    { text: 'Híbrido', value: 'HYBRID' },
+                    { text: 'Hibrido', value: 'HYBRID' },
                     { text: 'Remoto', value: 'REMOTE' },
                 ],
             },
@@ -12420,14 +13145,22 @@ const EMPLOYEE_ONBOARDING_EDITORIAL_TEMPLATE = {
                 required: true,
                 options: [
                     { text: 'Sim', value: 'YES' },
-                    { text: 'Não', value: 'NO' },
+                    { text: 'Nao', value: 'NO' },
                 ],
             },
-            { name: 'shippingAddress', label: 'Endereço para envio', controlType: 'textarea' },
-            { name: 'accessibilityNotes', label: 'Observações de acessibilidade ou preferências', controlType: 'textarea' },
+            {
+                name: 'shippingAddress',
+                label: 'Endereco para envio',
+                controlType: 'textarea',
+            },
+            {
+                name: 'accessibilityNotes',
+                label: 'Observacoes de acessibilidade ou preferencias',
+                controlType: 'textarea',
+            },
             {
                 name: 'privacyConsent',
-                label: 'Confirmo ciência sobre o tratamento dos meus dados no processo de onboarding.',
+                label: 'Confirmo ciencia sobre o tratamento dos meus dados no processo de onboarding.',
                 controlType: 'checkbox',
                 selectionMode: 'boolean',
                 variant: 'consent',
@@ -12443,7 +13176,7 @@ const EMPLOYEE_ONBOARDING_GUIDED_EDITORIAL_TEMPLATE = {
     version: '1.0.0',
     metadata: {
         title: 'Employee Onboarding Guided',
-        description: 'Template editorial guiado para onboarding com identificação enriquecida, preparação operacional e actions orientadas por etapa.',
+        description: 'Template editorial guiado para onboarding com identificacao enriquecida, preparacao operacional e actions orientadas por etapa.',
         category: 'onboarding',
         tags: ['employee', 'onboarding', 'hr', 'guided', 'wizard'],
         source: 'catalog',
@@ -12469,7 +13202,7 @@ const EMPLOYEE_ONBOARDING_GUIDED_EDITORIAL_TEMPLATE = {
                 id: 'identity',
                 appearance: 'step',
                 stepLabel: '1',
-                title: 'Identificação',
+                title: 'Identificacao',
                 description: 'Preencha seus dados para que possamos configurar seu acesso.',
                 rows: [
                     {
@@ -12500,8 +13233,8 @@ const EMPLOYEE_ONBOARDING_GUIDED_EDITORIAL_TEMPLATE = {
                 id: 'operations',
                 appearance: 'step',
                 stepLabel: '2',
-                title: 'Operação inicial',
-                description: 'Configure os recursos necessários para o primeiro dia.',
+                title: 'Operacao inicial',
+                description: 'Configure os recursos necessarios para o primeiro dia.',
                 rows: [
                     {
                         id: 'operations-row-1',
@@ -12510,7 +13243,10 @@ const EMPLOYEE_ONBOARDING_GUIDED_EDITORIAL_TEMPLATE = {
                     {
                         id: 'operations-row-2',
                         columns: [
-                            { id: 'operations-col-observations', fields: ['accessibilityNotes'] },
+                            {
+                                id: 'operations-col-observations',
+                                fields: ['accessibilityNotes'],
+                            },
                         ],
                     },
                     {
@@ -12520,9 +13256,9 @@ const EMPLOYEE_ONBOARDING_GUIDED_EDITORIAL_TEMPLATE = {
                 ],
             },
         ],
-        formBlocksBefore: [],
-        formBlocksBeforeActions: [],
-        formBlocksAfter: [],
+        formBlocksBefore: richDoc(),
+        formBlocksBeforeActions: richDoc(),
+        formBlocksAfter: richDoc(),
         actions: {
             placement: 'afterSections',
             position: 'split',
@@ -12530,7 +13266,7 @@ const EMPLOYEE_ONBOARDING_GUIDED_EDITORIAL_TEMPLATE = {
             spacing: 'normal',
             submit: {
                 visible: true,
-                label: 'Próximo',
+                label: 'Proximo',
                 type: 'submit',
                 color: 'primary',
                 variant: 'raised',
@@ -12555,8 +13291,18 @@ const EMPLOYEE_ONBOARDING_GUIDED_EDITORIAL_TEMPLATE = {
     },
     defaults: {
         fieldMetadata: [
-            { name: 'fullName', label: 'Nome completo *', controlType: 'input', required: true },
-            { name: 'corporateEmail', label: 'E-mail corporativo *', controlType: 'email', required: true },
+            {
+                name: 'fullName',
+                label: 'Nome completo *',
+                controlType: 'input',
+                required: true,
+            },
+            {
+                name: 'corporateEmail',
+                label: 'E-mail corporativo *',
+                controlType: 'email',
+                required: true,
+            },
             { name: 'phoneNumber', label: 'Telefone', controlType: 'input' },
             {
                 name: 'department',
@@ -12584,7 +13330,7 @@ const EMPLOYEE_ONBOARDING_GUIDED_EDITORIAL_TEMPLATE = {
             },
             {
                 name: 'startDate',
-                label: 'Data de início',
+                label: 'Data de inicio',
                 controlType: 'date',
                 required: true,
             },
@@ -12597,17 +13343,17 @@ const EMPLOYEE_ONBOARDING_GUIDED_EDITORIAL_TEMPLATE = {
                 options: [
                     { text: 'Presencial', value: 'Presencial' },
                     { text: 'Remoto', value: 'Remoto' },
-                    { text: 'Híbrido', value: 'Híbrido' },
+                    { text: 'Hibrido', value: 'Hibrido' },
                 ],
             },
             {
                 name: 'accessibilityNotes',
-                label: 'Observações adicionais',
+                label: 'Observacoes adicionais',
                 controlType: 'textarea',
             },
             {
                 name: 'privacyConsent',
-                label: 'Confirmo ciência sobre o tratamento dos meus dados no processo de onboarding.',
+                label: 'Confirmo ciencia sobre o tratamento dos meus dados no processo de onboarding.',
                 controlType: 'checkbox',
                 selectionMode: 'boolean',
                 variant: 'consent',
@@ -12623,7 +13369,7 @@ const PRIVACY_CONSENT_EDITORIAL_TEMPLATE = {
     version: '1.0.0',
     metadata: {
         title: 'Privacy Consent',
-        description: 'Template focado em aceite explícito, base legal, preferências de comunicação e registro de consentimento.',
+        description: 'Template focado em aceite explicito, base legal, preferencias de comunicacao e registro de consentimento.',
         category: 'consent',
         tags: ['privacy', 'consent', 'compliance', 'legal'],
         source: 'catalog',
@@ -12641,49 +13387,43 @@ const PRIVACY_CONSENT_EDITORIAL_TEMPLATE = {
         { key: 'policy.updatedAt', type: 'date' },
     ],
     layout: {
-        formBlocksBefore: [
-            {
-                id: 'widget:legal-notice',
-                inputs: {
-                    instanceId: 'template:privacy-consent:lead',
-                    title: 'Consentimento e tratamento de dados',
-                    severity: 'info',
-                    appearance: 'card',
-                    contentFormat: 'markdown',
-                    content: 'Use este template quando o objetivo principal do fluxo for registrar ciência, aceite e preferências relacionadas a privacidade.',
-                },
-            },
-        ],
+        formBlocksBefore: richIntroCard({
+            title: 'Consentimento e tratamento de dados',
+            subtitle: 'Template regulatorio',
+            badge: 'info',
+            description: 'Use este template quando o objetivo principal do fluxo for registrar ciencia, aceite e preferencias relacionadas a privacidade.',
+        }),
         sections: [
             {
                 id: 'consent',
                 appearance: 'card',
-                title: 'Preferências e consentimentos',
-                description: 'Aceites explícitos e canais opcionais de comunicação.',
+                title: 'Preferencias e consentimentos',
+                description: 'Aceites explicitos e canais opcionais de comunicacao.',
                 rows: [
-                    { id: 'row-primary', columns: [{ id: 'col-primary', fields: ['privacyConsent'] }] },
-                    { id: 'row-marketing', columns: [{ id: 'col-marketing', fields: ['marketingConsent'] }] },
-                    { id: 'row-channels', columns: [{ id: 'col-channels', fields: ['preferredChannel'] }] },
-                    { id: 'row-observation', columns: [{ id: 'col-observation', fields: ['consentNotes'] }] },
+                    {
+                        id: 'row-primary',
+                        columns: [{ id: 'col-primary', fields: ['privacyConsent'] }],
+                    },
+                    {
+                        id: 'row-marketing',
+                        columns: [{ id: 'col-marketing', fields: ['marketingConsent'] }],
+                    },
+                    {
+                        id: 'row-channels',
+                        columns: [{ id: 'col-channels', fields: ['preferredChannel'] }],
+                    },
+                    {
+                        id: 'row-observation',
+                        columns: [{ id: 'col-observation', fields: ['consentNotes'] }],
+                    },
                 ],
             },
         ],
-        formBlocksAfter: [
-            {
-                id: 'widget:footer-links',
-                inputs: {
-                    instanceId: 'template:privacy-consent:footer',
-                    brandText: 'Praxis UI',
-                    secondaryText: 'Template para fluxos regulatórios e comprovação de consentimento.',
-                    layout: 'inline',
-                    appearance: 'divider',
-                    links: [
-                        { label: 'Política de Privacidade', href: '/privacidade' },
-                        { label: 'Canal LGPD', href: '/lgpd' },
-                    ],
-                },
-            },
-        ],
+        formBlocksAfter: richFooterCard({
+            title: 'Praxis UI',
+            subtitle: 'Template para fluxos regulatorios e comprovacao de consentimento.',
+            links: ['Politica de Privacidade', 'Canal LGPD'],
+        }),
         actions: {
             placement: 'afterSections',
             position: 'right',
@@ -12694,15 +13434,25 @@ const PRIVACY_CONSENT_EDITORIAL_TEMPLATE = {
                 color: 'primary',
                 variant: 'raised',
             },
-            cancel: { visible: false, label: 'Cancelar', type: 'button', color: 'basic' },
-            reset: { visible: false, label: 'Reset', type: 'reset', color: 'basic' },
+            cancel: {
+                visible: false,
+                label: 'Cancelar',
+                type: 'button',
+                color: 'basic',
+            },
+            reset: {
+                visible: false,
+                label: 'Reset',
+                type: 'reset',
+                color: 'basic',
+            },
         },
     },
     defaults: {
         fieldMetadata: [
             {
                 name: 'privacyConsent',
-                label: 'Li e aceito a política de privacidade aplicável.',
+                label: 'Li e aceito a politica de privacidade aplicavel.',
                 controlType: 'checkbox',
                 selectionMode: 'boolean',
                 variant: 'consent',
@@ -12712,7 +13462,7 @@ const PRIVACY_CONSENT_EDITORIAL_TEMPLATE = {
             },
             {
                 name: 'marketingConsent',
-                label: 'Aceito receber comunicações institucionais e materiais relacionados.',
+                label: 'Aceito receber comunicacoes institucionais e materiais relacionados.',
                 controlType: 'checkbox',
                 selectionMode: 'boolean',
                 variant: 'consent',
@@ -12720,7 +13470,7 @@ const PRIVACY_CONSENT_EDITORIAL_TEMPLATE = {
             },
             {
                 name: 'preferredChannel',
-                label: 'Canal preferencial de comunicação',
+                label: 'Canal preferencial de comunicacao',
                 controlType: 'select',
                 options: [
                     { text: 'E-mail', value: 'EMAIL' },
@@ -12730,7 +13480,7 @@ const PRIVACY_CONSENT_EDITORIAL_TEMPLATE = {
             },
             {
                 name: 'consentNotes',
-                label: 'Observações adicionais',
+                label: 'Observacoes adicionais',
                 controlType: 'textarea',
             },
         ],
@@ -12811,6 +13561,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' },
@@ -18392,11 +19143,11 @@ function providePraxisHeroBannerMetadata() {
 
 /**
  * Binds a stored icon string to a mat-icon element supporting:
- * - Material Icons (classic ligatures): "mi:pending" or "pending"
+ * - Material Icons (classic ligatures): "mi:pending"
  * - Material Symbols Outlined: "mso:right_click" or "ms:right_click"
  * - Material Symbols Rounded: "msr:right_click"
  * - Material Symbols Sharp: "mss:right_click"
- * Falls back to classic Material Icons when prefix is omitted.
+ * Falls back to Material Symbols Outlined when prefix is omitted.
  */
 class PraxisIconDirective {
     el;
@@ -18437,16 +19188,18 @@ class PraxisIconDirective {
                 this.rd.addClass(host, 'material-symbols-sharp');
                 break;
             case 'mi':
-            default:
                 this.rd.addClass(host, 'material-icons');
                 break;
+            default:
+                this.rd.addClass(host, 'material-symbols-outlined');
+                break;
         }
         host.textContent = name;
     }
     parse(raw) {
         const colon = raw.indexOf(':');
         if (colon <= 0)
-            return { family: 'mi', name: raw };
+            return { family: 'mso', name: raw };
         const prefix = raw.slice(0, colon).toLowerCase();
         const name = raw.slice(colon + 1).trim() || raw;
         if (prefix === 'ms' || prefix === 'mso')
@@ -19404,6 +20157,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 type: Output
             }] } });
 
+const WIDGET_SHELL_I18N_NAMESPACE = 'widgetShell';
+const WIDGET_SHELL_I18N_CONFIG = {
+    namespaces: {
+        [WIDGET_SHELL_I18N_NAMESPACE]: {
+            'pt-BR': {
+                'controls.moreActions': 'Mais ações',
+                'controls.expandContent': 'Expandir conteúdo',
+                'controls.collapseContent': 'Recolher conteúdo',
+                'controls.exitFullscreen': 'Sair da tela cheia',
+                'controls.enterFullscreen': 'Tela cheia',
+            },
+            'en-US': {
+                'controls.moreActions': 'More actions',
+                'controls.expandContent': 'Expand content',
+                'controls.collapseContent': 'Collapse content',
+                'controls.exitFullscreen': 'Exit fullscreen',
+                'controls.enterFullscreen': 'Fullscreen',
+            },
+        },
+    },
+};
+
 const BUILTIN_SHELL_PRESETS = {
     'dark-glass': {
         card: {
@@ -19425,10 +20200,10 @@ const BUILTIN_SHELL_PRESETS = {
     },
     'light-neutral': {
         card: {
-            background: '#f7f8fb',
-            borderColor: '#e3e7ef',
-            borderRadius: '14px',
-            shadow: '0 6px 18px rgba(15, 23, 42, 0.08)',
+            background: '#f8fafc',
+            borderColor: '#d7dfeb',
+            borderRadius: '12px',
+            shadow: '0 4px 12px rgba(15, 23, 42, 0.06)',
         },
         header: {
             titleColor: '#1f2937',
@@ -19451,6 +20226,7 @@ const BUILTIN_SHELL_PRESETS = {
     },
 };
 class WidgetShellComponent {
+    i18n = inject(PraxisI18nService);
     shell;
     context = null;
     dragSurfaceEnabled = false;
@@ -19471,7 +20247,6 @@ class WidgetShellComponent {
         this.collapsed = !!this.shell?.collapsed;
         this.expanded = !!this.shell?.expanded;
         this.fullscreen = !!this.shell?.fullscreen;
-        // no-op: debug logs removed
     }
     get shellEnabled() {
         return !!this.shell && this.shell.kind !== 'none';
@@ -19536,6 +20311,9 @@ class WidgetShellComponent {
         this.expanded = false;
         this.fullscreen = false;
     }
+    moreActionsLabel() {
+        return this.t('controls.moreActions', 'Mais ações');
+    }
     handleWindowAction(action) {
         if (action.id === 'collapse') {
             this.collapsed = !this.collapsed;
@@ -19554,8 +20332,9 @@ class WidgetShellComponent {
                 this.expanded = true;
                 this.collapsed = false;
             }
-            else
+            else {
                 this.expanded = false;
+            }
             return { payload: { fullscreen: this.fullscreen } };
         }
         return null;
@@ -19571,8 +20350,10 @@ class WidgetShellComponent {
             actions.push({
                 id: 'collapse',
                 placement: 'window',
-                icon: this.collapsed ? 'unfold_more' : 'unfold_less',
-                tooltip: this.collapsed ? 'Expandir conteúdo' : 'Recolher conteúdo',
+                icon: this.collapsed ? 'ms:unfold_more' : 'ms:unfold_less',
+                tooltip: this.collapsed
+                    ? this.t('controls.expandContent', 'Expandir conteúdo')
+                    : this.t('controls.collapseContent', 'Recolher conteúdo'),
                 variant: 'icon',
             });
         }
@@ -19580,8 +20361,10 @@ class WidgetShellComponent {
             actions.push({
                 id: 'fullscreen',
                 placement: 'window',
-                icon: this.fullscreen ? 'close_fullscreen' : 'open_in_full',
-                tooltip: this.fullscreen ? 'Sair da tela cheia' : 'Tela cheia',
+                icon: this.fullscreen ? 'ms:close_fullscreen' : 'ms:open_in_full',
+                tooltip: this.fullscreen
+                    ? this.t('controls.exitFullscreen', 'Sair da tela cheia')
+                    : this.t('controls.enterFullscreen', 'Tela cheia'),
                 variant: 'icon',
             });
         }
@@ -19621,8 +20404,11 @@ class WidgetShellComponent {
             ? !!target.closest('button, a, input, select, textarea, [role="button"], [mat-menu-trigger-for]')
             : false;
     }
+    t(key, fallback) {
+        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" }, 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" }, 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"
@@ -19630,6 +20416,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"
@@ -19702,13 +20490,13 @@ class WidgetShellComponent {
             <button
               mat-icon-button
               type="button"
-              [matTooltip]="'Mais ações'"
+              [matTooltip]="moreActionsLabel()"
               matTooltipPosition="below"
-              aria-label="Mais ações"
+              [attr.aria-label]="moreActionsLabel()"
               [matMenuTriggerFor]="overflowMenu"
               (click)="$event.stopPropagation()"
             >
-              <mat-icon>more_horiz</mat-icon>
+              <mat-icon praxisIcon="ms:more_horiz"></mat-icon>
             </button>
             }
           }
@@ -19754,11 +20542,11 @@ 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, 14px);box-shadow:var(--pdx-shell-card-shadow, var(--mat-elevation-level2));overflow:hidden}.pdx-shell-header{display:flex;align-items:center;gap:12px;padding:10px 12px 8px;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:10px;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, 14px);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-shell-subtitle{font-size:var(--pdx-shell-subtitle-size, 12px);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:6px}.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, 10px 12px 12px 12px);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%}.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.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.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,
-            args: [{ selector: 'praxis-widget-shell', standalone: true, imports: [CommonModule, MatButtonModule, MatIconModule, MatMenuModule, MatTooltipModule, PraxisIconDirective], template: `
+            args: [{ selector: 'praxis-widget-shell', standalone: true, imports: [CommonModule, MatButtonModule, MatIconModule, MatMenuModule, MatTooltipModule, PraxisIconDirective], providers: [providePraxisI18nConfig(WIDGET_SHELL_I18N_CONFIG)], template: `
       <section
       class="pdx-shell"
       [class.no-shell]="!shellEnabled"
@@ -19766,6 +20554,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"
@@ -19838,13 +20628,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
             <button
               mat-icon-button
               type="button"
-              [matTooltip]="'Mais ações'"
+              [matTooltip]="moreActionsLabel()"
               matTooltipPosition="below"
-              aria-label="Mais ações"
+              [attr.aria-label]="moreActionsLabel()"
               [matMenuTriggerFor]="overflowMenu"
               (click)="$event.stopPropagation()"
             >
-              <mat-icon>more_horiz</mat-icon>
+              <mat-icon praxisIcon="ms:more_horiz"></mat-icon>
             </button>
             }
           }
@@ -19890,7 +20680,7 @@ 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, 14px);box-shadow:var(--pdx-shell-card-shadow, var(--mat-elevation-level2));overflow:hidden}.pdx-shell-header{display:flex;align-items:center;gap:12px;padding:10px 12px 8px;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:10px;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, 14px);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-shell-subtitle{font-size:var(--pdx-shell-subtitle-size, 12px);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:6px}.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, 10px 12px 12px 12px);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"] }]
+  `, 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.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.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: { shell: [{
                 type: Input
             }], context: [{
@@ -20896,14 +21686,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) {
@@ -20915,12 +21704,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) => ({
@@ -22821,6 +23622,9 @@ const DYNAMIC_WIDGET_PAGE_I18N_CONFIG = {
         [DYNAMIC_WIDGET_PAGE_I18N_NAMESPACE]: {
             'pt-BR': {
                 'controls.pageSettings': 'Configurar página',
+                'controls.widgetSettings': 'Configurar widget',
+                'controls.widgetSettingsTooltip': 'Abrir configurações do widget',
+                'controls.cardSettings': 'Configurar card',
                 'controls.widgetLayoutToolbar': 'Ações de layout do widget',
                 'controls.dragWidget': 'Arrastar widget',
                 'controls.resizeWidget': 'Redimensionar widget',
@@ -22841,6 +23645,9 @@ const DYNAMIC_WIDGET_PAGE_I18N_CONFIG = {
             },
             'en-US': {
                 'controls.pageSettings': 'Configure page',
+                'controls.widgetSettings': 'Configure widget',
+                'controls.widgetSettingsTooltip': 'Open widget settings',
+                'controls.cardSettings': 'Configure card',
                 'controls.widgetLayoutToolbar': 'Widget layout actions',
                 'controls.dragWidget': 'Drag widget',
                 'controls.resizeWidget': 'Resize widget',
@@ -23062,50 +23869,79 @@ 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);
@@ -23116,13 +23952,19 @@ class DynamicWidgetPageComponent {
             return;
         }
         const page = this.ensurePageDefinition();
-        const cycle = this.dispatchWidgetEventToComposition(page, fromKey, evt);
-        if (!cycle || !cycle.matchedLinkIds.length)
+        const widgetInputPatchResult = this.applyWidgetInputPatchToPage(page, fromKey, evt?.payload);
+        const pageWithPatchedInputs = widgetInputPatchResult.page;
+        const cycle = this.dispatchWidgetEventToComposition(pageWithPatchedInputs, fromKey, evt);
+        if (!cycle || !cycle.matchedLinkIds.length) {
+            if (widgetInputPatchResult.changed) {
+                this.applyPageUpdate(pageWithPatchedInputs, true, undefined, false, true);
+            }
             return;
-        const state = this.stateFromCompositionSnapshot(page.state, cycle.snapshot.state.primaryValues);
+        }
+        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))));
-        let widgets = this.cloneWidgets(page.widgets || []);
+        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;
         const projectedWidgets = this.compositionRuntime.projectStateWidgetInputs(this.compositionDefinition, {
@@ -23132,11 +23974,68 @@ class DynamicWidgetPageComponent {
         }).widgets;
         const stateProjectionChanged = !this.areStateValuesEqual(widgets, projectedWidgets);
         widgets = projectedWidgets;
-        const nextRuntime = this.buildStateRuntime(state, page.context);
-        if (!updatedPrimaryStatePaths.length && !directDelivery.changed && !stateProjectionChanged) {
+        const nextRuntime = this.buildStateRuntime(state, pageWithPatchedInputs.context);
+        if (!updatedPrimaryStatePaths.length &&
+            !directDelivery.changed &&
+            !stateProjectionChanged &&
+            !widgetInputPatchResult.changed) {
             return;
         }
-        this.applyPageUpdate({ ...page, widgets, state }, true, nextRuntime, false);
+        this.applyPageUpdate({ ...pageWithPatchedInputs, widgets, state }, true, nextRuntime, false);
+    }
+    applyWidgetInputPatchToPage(page, widgetKey, payload) {
+        const inputPatch = this.extractWidgetInputPatch(payload);
+        if (!inputPatch) {
+            return { page, changed: false };
+        }
+        const widgets = this.cloneWidgets(page.widgets || []);
+        const widgetIndex = widgets.findIndex((widget) => widget.key === widgetKey);
+        if (widgetIndex < 0) {
+            return { page, changed: false };
+        }
+        const currentInputs = this.cloneStateValues(widgets[widgetIndex].definition.inputs || {});
+        let nextInputs = currentInputs;
+        let patchChanged = false;
+        for (const [path, value] of Object.entries(inputPatch)) {
+            const normalizedPath = typeof path === 'string' ? path.trim() : '';
+            if (!normalizedPath) {
+                continue;
+            }
+            const candidateInputs = this.conn.setValueAtPath(nextInputs, normalizedPath, this.cloneStateValues(value));
+            if (!this.areStateValuesEqual(nextInputs, candidateInputs)) {
+                nextInputs = candidateInputs;
+                patchChanged = true;
+            }
+        }
+        if (!patchChanged) {
+            return { page, changed: false };
+        }
+        widgets[widgetIndex] = {
+            ...widgets[widgetIndex],
+            definition: {
+                ...widgets[widgetIndex].definition,
+                inputs: nextInputs,
+            },
+        };
+        return {
+            page: {
+                ...page,
+                widgets,
+            },
+            changed: true,
+        };
+    }
+    extractWidgetInputPatch(payload) {
+        if (!payload || typeof payload !== 'object' || Array.isArray(payload)) {
+            return null;
+        }
+        const candidate = payload.inputPatch;
+        if (!candidate ||
+            typeof candidate !== 'object' ||
+            Array.isArray(candidate)) {
+            return null;
+        }
+        return candidate;
     }
     buildStateRuntime(state, pageContext) {
         return this.stateRuntime.buildRuntimeSnapshot(state, this.buildStateContext(pageContext));
@@ -23151,12 +24050,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',
@@ -23166,15 +24079,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);
@@ -23196,10 +24117,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;
@@ -23242,12 +24163,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;
@@ -23324,13 +24248,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}`;
@@ -23343,15 +24267,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;
@@ -23369,8 +24293,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;
     }
@@ -23388,6 +24312,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;
@@ -23523,7 +24451,7 @@ class DynamicWidgetPageComponent {
         const uiShell = page.context?.ui?.shell || {};
         const ref = this.settingsPanel.open({
             id: `dynamic-page-shell:${key}`,
-            title: 'Configurar Card',
+            title: this.t('controls.cardSettings', 'Configurar card'),
             content: {
                 component: editor,
                 inputs: {
@@ -23538,6 +24466,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;
@@ -23548,7 +24525,7 @@ class DynamicWidgetPageComponent {
         const uiShell = page.context?.ui?.shell || {};
         const ref = this.settingsPanel.open({
             id: 'dynamic-page-settings',
-            title: 'Configurar Página',
+            title: this.t('controls.pageSettings', 'Configurar página'),
             content: {
                 component: editor,
                 inputs: {
@@ -23566,7 +24543,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 };
@@ -23610,28 +24587,33 @@ class DynamicWidgetPageComponent {
             themePreset: themePreset || undefined,
         }, persist);
     }
-    applyPageUpdate(next, persist = true, runtime = this.buildStateRuntime(next.state, next.context), syncCompositionAdapter = true) {
+    applyPageUpdate(next, persist = true, runtime = this.buildStateRuntime(next.state, next.context), syncCompositionAdapter = true, skipStateWidgetProjection = false) {
         this.assertNoLegacyConnections(next);
         const normalized = { ...next, state: runtime.state };
         const normalizedWidgets = this.applyEditShellActions(normalized.widgets || []);
         const bootstrapSnapshot = syncCompositionAdapter
             ? this.bootstrapCompositionAdapter(normalized)
             : undefined;
-        const stateBoundWidgets = bootstrapSnapshot
-            ? this.applyBootstrapCompositionHydration(normalizedWidgets, bootstrapSnapshot)
-            : this.compositionDefinition
-                ? this.compositionRuntime.projectStateWidgetInputs(this.compositionDefinition, {
-                    widgets: normalizedWidgets,
-                    state: {
-                        primaryValues: this.cloneStateValues(runtime.primaryValues),
-                        derivedValues: this.cloneStateValues(runtime.derivedValues),
-                        transientValues: {},
-                        changedPaths: [],
-                        diagnostics: [],
-                    },
-                }).widgets
-                : normalizedWidgets;
-        const hydrated = this.resolvePagePresets({ ...normalized, widgets: stateBoundWidgets });
+        const stateBoundWidgets = skipStateWidgetProjection
+            ? normalizedWidgets
+            : bootstrapSnapshot
+                ? this.applyBootstrapCompositionHydration(normalizedWidgets, bootstrapSnapshot)
+                : this.compositionDefinition
+                    ? this.compositionRuntime.projectStateWidgetInputs(this.compositionDefinition, {
+                        widgets: normalizedWidgets,
+                        state: {
+                            primaryValues: this.cloneStateValues(runtime.primaryValues),
+                            derivedValues: this.cloneStateValues(runtime.derivedValues),
+                            transientValues: {},
+                            changedPaths: [],
+                            diagnostics: [],
+                        },
+                    }).widgets
+                    : normalizedWidgets;
+        const hydrated = this.resolvePagePresets({
+            ...normalized,
+            widgets: stateBoundWidgets,
+        });
         this.pageDefinition = hydrated;
         this.page = hydrated;
         this.pageState = runtime.state;
@@ -23661,21 +24643,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),
@@ -23782,7 +24771,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)
@@ -23801,10 +24793,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,
@@ -23851,7 +24847,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,
@@ -23915,11 +24913,20 @@ class DynamicWidgetPageComponent {
     isCanvasMode() {
         return !!this.canvas;
     }
+    shouldAutoWireOutputs(widget) {
+        if (this.enableCustomization) {
+            return true;
+        }
+        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;
         }
     }
@@ -23988,7 +24995,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,
@@ -24007,7 +25019,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)
@@ -24047,7 +25061,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);
@@ -24062,7 +25078,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,
@@ -24081,7 +25100,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)
@@ -24114,7 +25133,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)
@@ -24126,7 +25147,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;
@@ -24165,10 +25191,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 };
@@ -24186,7 +25224,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;
@@ -24205,7 +25246,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);
@@ -24299,8 +25341,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'
@@ -24386,7 +25432,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,
@@ -24397,7 +25444,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) {
@@ -24427,24 +25475,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));
@@ -24455,7 +25503,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]);
@@ -24497,7 +25547,9 @@ class DynamicWidgetPageComponent {
             }
             return {
                 ...group,
-                widgetKeys: override.widgetKeys?.length ? override.widgetKeys : group.widgetKeys,
+                widgetKeys: override.widgetKeys?.length
+                    ? override.widgetKeys
+                    : group.widgetKeys,
             };
         })
             .filter((group) => !!group);
@@ -24610,7 +25662,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
@@ -24620,7 +25674,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);
@@ -24631,7 +25685,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 { }
     }
@@ -24642,7 +25699,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;
@@ -24666,7 +25726,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)
@@ -24704,7 +25766,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)
@@ -24718,17 +25782,17 @@ class DynamicWidgetPageComponent {
     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: `
     <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>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
@@ -24743,8 +25807,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)"
@@ -24762,7 +25830,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>
@@ -24775,13 +25845,16 @@ 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"
                   [strictValidation]="strictValidation"
+                  [autoWireOutputs]="shouldAutoWireOutputs(w)"
                   (widgetEvent)="onWidgetEvent(w.key, $event)"
                   (widgetDiagnostic)="onWidgetDiagnostic(w.key, $event)"
                 ></ng-container>
@@ -24800,7 +25873,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"
@@ -24826,9 +25907,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"
@@ -24839,8 +25930,11 @@ class DynamicWidgetPageComponent {
                                 [ownerWidgetKey]="w.key"
                                 [context]="mergedContext"
                                 [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>
@@ -24850,9 +25944,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"
@@ -24863,6 +25966,7 @@ class DynamicWidgetPageComponent {
                           [ownerWidgetKey]="w.key"
                           [context]="mergedContext"
                           [strictValidation]="strictValidation"
+                          [autoWireOutputs]="shouldAutoWireOutputs(w)"
                           (widgetEvent)="onWidgetEvent(w.key, $event)"
                           (widgetDiagnostic)="onWidgetDiagnostic(w.key, $event)"
                         ></ng-container>
@@ -24875,7 +25979,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"
@@ -24886,6 +25994,7 @@ class DynamicWidgetPageComponent {
                   [ownerWidgetKey]="w.key"
                   [context]="mergedContext"
                   [strictValidation]="strictValidation"
+                  [autoWireOutputs]="shouldAutoWireOutputs(w)"
                   (widgetEvent)="onWidgetEvent(w.key, $event)"
                   (widgetDiagnostic)="onWidgetDiagnostic(w.key, $event)"
                 ></ng-container>
@@ -24895,27 +26004,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:16px;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:999px;margin-bottom:8px}.pdx-widget{position:relative;background:var(--pfx-surface, transparent);border-radius:8px;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"] }] });
+  `, 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>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
@@ -24930,8 +26048,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)"
@@ -24949,7 +26071,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>
@@ -24962,13 +26086,16 @@ 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"
                   [strictValidation]="strictValidation"
+                  [autoWireOutputs]="shouldAutoWireOutputs(w)"
                   (widgetEvent)="onWidgetEvent(w.key, $event)"
                   (widgetDiagnostic)="onWidgetDiagnostic(w.key, $event)"
                 ></ng-container>
@@ -24987,7 +26114,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"
@@ -25013,9 +26148,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"
@@ -25026,8 +26171,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                                 [ownerWidgetKey]="w.key"
                                 [context]="mergedContext"
                                 [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>
@@ -25037,9 +26185,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"
@@ -25050,6 +26207,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                           [ownerWidgetKey]="w.key"
                           [context]="mergedContext"
                           [strictValidation]="strictValidation"
+                          [autoWireOutputs]="shouldAutoWireOutputs(w)"
                           (widgetEvent)="onWidgetEvent(w.key, $event)"
                           (widgetDiagnostic)="onWidgetDiagnostic(w.key, $event)"
                         ></ng-container>
@@ -25062,7 +26220,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"
@@ -25073,6 +26235,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                   [ownerWidgetKey]="w.key"
                   [context]="mergedContext"
                   [strictValidation]="strictValidation"
+                  [autoWireOutputs]="shouldAutoWireOutputs(w)"
                   (widgetEvent)="onWidgetEvent(w.key, $event)"
                   (widgetDiagnostic)="onWidgetDiagnostic(w.key, $event)"
                 ></ng-container>
@@ -25082,10 +26245,12 @@ 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:16px;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:999px;margin-bottom:8px}.pdx-widget{position:relative;background:var(--pfx-surface, transparent);border-radius:8px;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"] }]
+  `, 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"] }]
         }], ctorParameters: () => [], propDecorators: { pageCanvasHost: [{
                 type: ViewChild,
                 args: ['pageCanvasHost']
@@ -26575,4 +27740,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, 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, 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, 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 };