@praxisui/metadata-editor 1.0.0-beta.41 → 1.0.0-beta.43

package/fesm2022/praxisui-metadata-editor.mjs

@@ -51,10 +51,10 @@ class ConfigRegistryService {
             count: props.length,
         }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ConfigRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ConfigRegistryService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ConfigRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ConfigRegistryService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ConfigRegistryService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ConfigRegistryService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -69,10 +69,10 @@ class ContextValidatorRegistryService {
     get(controlType) {
         return this.map.get(controlType) ?? [];
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ContextValidatorRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ContextValidatorRegistryService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ContextValidatorRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ContextValidatorRegistryService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ContextValidatorRegistryService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ContextValidatorRegistryService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -182,10 +182,10 @@ class SchemaNormalizerService {
     getByPath(obj, path) {
         return path.split('.').reduce((acc, key) => (acc == null ? acc : acc[key]), obj);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: SchemaNormalizerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: SchemaNormalizerService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SchemaNormalizerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SchemaNormalizerService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: SchemaNormalizerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SchemaNormalizerService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -276,10 +276,10 @@ class DynamicFormFactoryService {
         }
         return result;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DynamicFormFactoryService, deps: [{ token: i3.FormBuilder }, { token: ContextValidatorRegistryService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DynamicFormFactoryService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DynamicFormFactoryService, deps: [{ token: i3.FormBuilder }, { token: ContextValidatorRegistryService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DynamicFormFactoryService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DynamicFormFactoryService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DynamicFormFactoryService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i3.FormBuilder }, { type: ContextValidatorRegistryService }] });
@@ -305,10 +305,10 @@ class EditorComponentRegistryService {
     isRegistered(editorType) {
         return this.registry.has(editorType);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: EditorComponentRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: EditorComponentRegistryService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: EditorComponentRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: EditorComponentRegistryService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: EditorComponentRegistryService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: EditorComponentRegistryService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -349,8 +349,8 @@ class RegexHelpDialogComponent {
     choose(pattern) {
         this.dialogRef.close(pattern);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: RegexHelpDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: RegexHelpDialogComponent, isStandalone: true, selector: "praxis-regex-help-dialog", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: RegexHelpDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: RegexHelpDialogComponent, isStandalone: true, selector: "praxis-regex-help-dialog", ngImport: i0, template: `
     <h2 mat-dialog-title>Modelos de Expressões Regulares</h2>
     <div mat-dialog-content>
       <p>Selecione um dos modelos abaixo para preencher o campo ou use como base:</p>
@@ -373,7 +373,7 @@ class RegexHelpDialogComponent {
     </div>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i2.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i2.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "ngmodule", type: MatButtonModule }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: RegexHelpDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: RegexHelpDialogComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'praxis-regex-help-dialog',
@@ -683,8 +683,8 @@ class DynamicEditorRendererComponent {
             this.form?.markAsDirty();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DynamicEditorRendererComponent, deps: [{ token: i1.MatDialog }, { token: i2$1.IconPickerService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: DynamicEditorRendererComponent, isStandalone: true, selector: "praxis-dynamic-editor-renderer", inputs: { properties: "properties", form: "form" }, usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DynamicEditorRendererComponent, deps: [{ token: i1.MatDialog }, { token: i2$1.IconPickerService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: DynamicEditorRendererComponent, isStandalone: true, selector: "praxis-dynamic-editor-renderer", inputs: { properties: "properties", form: "form" }, usesOnChanges: true, ngImport: i0, template: `
     <ng-template #item let-field="field" let-index="index" let-content="content">
       <div class="editor-item" [attr.data-control-type]="field.controlType">
         <ng-container [ngTemplateOutlet]="content"></ng-container>
@@ -755,7 +755,7 @@ class DynamicEditorRendererComponent {
     </div>
   `, isInline: true, styles: [":host{display:block}.editor-surface{padding:8px 0 2px;border-radius:12px;background:transparent}.section-accordion{display:block}.section-card{margin:6px 0 8px;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);overflow:hidden}.section-card.mat-expanded{border-color:var(--md-sys-color-primary);box-shadow:0 2px 10px #0000000d}.section-card .mat-expansion-panel-body{background:var(--md-sys-color-surface-container-low)}.section-header{background:var(--md-sys-color-surface-container-low);border-bottom:1px solid var(--md-sys-color-outline-variant, var(--sicoob-stroke-medium));padding:2px 8px;min-height:32px;display:flex;align-items:center;color:var(--md-sys-color-on-surface)}.section-header .mat-expansion-panel-header-title,.section-header .mat-expansion-panel-header-description{display:flex;align-items:center;color:var(--md-sys-color-on-surface)}.section-title{display:inline-flex;align-items:center;gap:6px;font-weight:600;letter-spacing:.2px;color:var(--md-sys-color-on-surface);font-size:.9rem;line-height:1.2}.section-icon{color:var(--md-sys-color-primary, var(--md-sys-color-primary, #3f51b5));opacity:.9}.editor-row{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:8px}.editor-row>praxis-field-shell{flex:1 1 100%;min-width:280px}.editor-row praxis-field-shell .mat-mdc-form-field{width:100%;margin-bottom:8px}.editor-row.row-inline>praxis-field-shell{flex:0 0 auto}.editor-row.row-2>praxis-field-shell{flex:1 1 calc(50% - 12px);min-width:260px}.editor-row.row-3>praxis-field-shell{flex:1 1 calc(33.333% - 12px);min-width:220px}.editor-row>praxis-field-shell[data-field-name=controlType],.editor-row>praxis-field-shell[data-field-name=label],.editor-row>praxis-field-shell[data-field-name=placeholder]{flex:1 1 calc(50% - 12px);min-width:300px}praxis-field-shell[data-field-name=label] .mdc-floating-label,praxis-field-shell[data-field-name=placeholder] .mdc-floating-label{font-weight:600}.editor-row>praxis-field-shell[data-field-name=prefix],.editor-row>praxis-field-shell[data-field-name=suffix]{flex:0 0 200px;min-width:160px}.editor-row>praxis-field-shell[data-field-name=prefixIcon],.editor-row>praxis-field-shell[data-field-name=suffixIcon],.editor-row>praxis-field-shell[data-field-name=prefixIconColor],.editor-row>praxis-field-shell[data-field-name=suffixIconColor]{flex:1 1 auto;min-width:160px}.editor-item{display:flex;align-items:flex-start;gap:4px}.editor-item>ng-container,.editor-item>praxis-field-shell{flex:1;min-width:0}.actions-container{display:flex;align-items:center;gap:0;margin-top:12px;flex-shrink:0}.decorator-btn{position:static;color:var(--md-sys-color-primary, #3f51b5);opacity:.6;transform:scale(.8);width:32px;height:32px;line-height:32px;padding:0}.decorator-btn:hover{opacity:1}.icon-picker-btn,.hint-btn,.hint-btn.has-icon-picker{right:auto}.editor-row .mat-mdc-form-field-subscript-wrapper mat-hint{display:none!important}.editor-row .mat-mdc-form-field-subscript-wrapper mat-error{display:block!important}praxis-field-shell[data-field-name=showCharCount] .mdc-switch{transform:scale(1.05)}praxis-field-shell[data-field-name=showCharCount] .mat-mdc-slide-toggle{font-weight:600}praxis-field-shell[data-field-name=controlType] .mat-mdc-form-field-hint{display:flex;align-items:center;gap:8px;background:var(--md-sys-color-tertiary-container);border:1px solid var(--md-sys-color-tertiary);color:var(--md-sys-color-on-tertiary-container);padding:8px 10px;border-radius:6px;line-height:1.3;white-space:normal}praxis-field-shell[data-field-name=controlType] .mat-mdc-form-field-hint:before{content:\"\\26a0\\fe0f\";display:inline-block}praxis-field-shell[data-field-name=controlType] .mat-mdc-form-field-subscript-wrapper{margin-top:6px;margin-bottom:10px;min-height:auto}praxis-field-shell[data-field-name=controlType] .mat-mdc-form-field{margin-bottom:16px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: DynamicFieldLoaderDirective, selector: "[dynamicFieldLoader]", inputs: ["fields", "formGroup", "enableExternalControlBinding", "itemTemplate", "debugTrace", "debugTraceLabel", "readonlyMode", "disabledMode", "presentationMode", "visible", "canvasMode"], outputs: ["componentsCreated", "fieldCreated", "fieldDestroyed", "renderError", "canvasMouseEnter", "canvasMouseLeave", "canvasClick"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i5.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i5.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i5.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i5.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatDialogModule }, { 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"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DynamicEditorRendererComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DynamicEditorRendererComponent, decorators: [{
             type: Component,
             args: [{ selector: 'praxis-dynamic-editor-renderer', standalone: true, imports: [
                         CommonModule,
@@ -3678,6 +3678,156 @@ function minLenLeMaxLen(group) {
     return null;
 }
 
+const HEX_PATTERN = /^#([\da-f]{3,4}|[\da-f]{6}|[\da-f]{8})$/i;
+function clampChannel(value) {
+    return Math.max(0, Math.min(255, Math.round(value)));
+}
+function parseHexColor(raw) {
+    const normalized = raw.trim();
+    if (!HEX_PATTERN.test(normalized)) {
+        return null;
+    }
+    const hex = normalized.slice(1);
+    if (hex.length === 3 || hex.length === 4) {
+        return {
+            r: Number.parseInt(hex[0] + hex[0], 16),
+            g: Number.parseInt(hex[1] + hex[1], 16),
+            b: Number.parseInt(hex[2] + hex[2], 16),
+        };
+    }
+    return {
+        r: Number.parseInt(hex.slice(0, 2), 16),
+        g: Number.parseInt(hex.slice(2, 4), 16),
+        b: Number.parseInt(hex.slice(4, 6), 16),
+    };
+}
+function parseRgbChannel(token) {
+    const value = token.trim();
+    if (!value.length)
+        return null;
+    if (value.endsWith('%')) {
+        const pct = Number.parseFloat(value.slice(0, -1));
+        if (!Number.isFinite(pct))
+            return null;
+        return clampChannel((pct / 100) * 255);
+    }
+    const numeric = Number.parseFloat(value);
+    if (!Number.isFinite(numeric))
+        return null;
+    return clampChannel(numeric);
+}
+function parseRgbColor(raw) {
+    const normalized = raw.trim().toLowerCase();
+    if (!normalized.startsWith('rgb')) {
+        return null;
+    }
+    const parts = normalized.match(/[\d.]+%?/g) ?? [];
+    if (parts.length < 3) {
+        return null;
+    }
+    const [rRaw, gRaw, bRaw] = parts;
+    if (rRaw === undefined || gRaw === undefined || bRaw === undefined) {
+        return null;
+    }
+    const r = parseRgbChannel(rRaw);
+    const g = parseRgbChannel(gRaw);
+    const b = parseRgbChannel(bRaw);
+    if (r === null || g === null || b === null) {
+        return null;
+    }
+    return { r, g, b };
+}
+function parseComputedRgbColor(raw) {
+    if (typeof document === 'undefined') {
+        return null;
+    }
+    const probe = document.createElement('span');
+    probe.style.color = '';
+    probe.style.color = raw;
+    if (!probe.style.color) {
+        return null;
+    }
+    const host = document.body ?? document.documentElement;
+    let computed = probe.style.color;
+    if (host) {
+        host.appendChild(probe);
+        try {
+            computed = getComputedStyle(probe).color || computed;
+        }
+        finally {
+            probe.remove();
+        }
+    }
+    return parseRgbColor(computed) ?? parseHexColor(computed);
+}
+function normalizeCssColorToRgb(value) {
+    const raw = String(value ?? '').trim();
+    if (!raw.length) {
+        return null;
+    }
+    return parseHexColor(raw) ?? parseRgbColor(raw) ?? parseComputedRgbColor(raw);
+}
+function relativeLuminance({ r, g, b }) {
+    const normalize = (channel) => {
+        const value = channel / 255;
+        return value <= 0.03928 ? value / 12.92 : ((value + 0.055) / 1.055) ** 2.4;
+    };
+    return 0.2126 * normalize(r) + 0.7152 * normalize(g) + 0.0722 * normalize(b);
+}
+function contrastRatio(a, b) {
+    const lumA = relativeLuminance(a);
+    const lumB = relativeLuminance(b);
+    const lighter = Math.max(lumA, lumB);
+    const darker = Math.min(lumA, lumB);
+    return (lighter + 0.05) / (darker + 0.05);
+}
+function gradientColorStopValidator(options) {
+    const label = String(options.label || 'Cor').trim() || 'Cor';
+    const compareWith = options.compareWith ?? [];
+    const minContrastRatio = Math.max(1, Number(options.minContrastRatio ?? 1.4));
+    return (control) => {
+        const rawValue = String(control.value ?? '').trim();
+        if (!rawValue.length) {
+            return null;
+        }
+        const currentColor = normalizeCssColorToRgb(rawValue);
+        if (!currentColor) {
+            return {
+                invalidColor: {
+                    message: `${label}: informe uma cor CSS valida (ex.: #22c55e).`,
+                },
+            };
+        }
+        const parent = control.parent;
+        if (!parent || !compareWith.length) {
+            return null;
+        }
+        for (const target of compareWith) {
+            const siblingRaw = String(parent.get(target.field)?.value ?? '').trim();
+            if (!siblingRaw.length) {
+                continue;
+            }
+            const siblingColor = normalizeCssColorToRgb(siblingRaw);
+            if (!siblingColor) {
+                continue;
+            }
+            const ratio = contrastRatio(currentColor, siblingColor);
+            if (ratio < minContrastRatio) {
+                return {
+                    gradientContrast: {
+                        message: `${label}: contraste baixo com ${target.label} ` +
+                            `(${ratio.toFixed(2)}:1). Use ao menos ${minContrastRatio.toFixed(1)}:1.`,
+                        ratio,
+                        minContrastRatio,
+                        comparedField: target.field,
+                    },
+                };
+            }
+        }
+        return null;
+    };
+}
+
 function cloneProperty$6(prop) {
     return {
         ...prop,
@@ -3803,6 +3953,61 @@ const filterInlineDistanceRadiusProperties = [
         group: 'Aparencia',
         hint: 'Cor do glow ao redor do centro radial.',
     },
+    {
+        name: 'distanceGradientLowColor',
+        label: 'Gradiente baixo',
+        editorType: 'color',
+        group: 'Aparencia',
+        row: 'distance-gradient-colors',
+        inline: true,
+        hint: 'Cor para valores baixos (fallback padrao: verde).',
+        validators: [
+            gradientColorStopValidator({
+                label: 'Gradiente baixo',
+                compareWith: [{ field: 'distanceGradientMidColor', label: 'Gradiente medio' }],
+            }),
+        ],
+    },
+    {
+        name: 'distanceGradientMidColor',
+        label: 'Gradiente medio',
+        editorType: 'color',
+        group: 'Aparencia',
+        row: 'distance-gradient-colors',
+        inline: true,
+        hint: 'Cor para valores medios (fallback padrao: amarelo/ambar).',
+        validators: [
+            gradientColorStopValidator({
+                label: 'Gradiente medio',
+                compareWith: [
+                    { field: 'distanceGradientLowColor', label: 'Gradiente baixo' },
+                    { field: 'distanceGradientHighColor', label: 'Gradiente alto' },
+                ],
+            }),
+        ],
+    },
+    {
+        name: 'distanceGradientHighColor',
+        label: 'Gradiente alto',
+        editorType: 'color',
+        group: 'Aparencia',
+        row: 'distance-gradient-colors',
+        inline: true,
+        hint: 'Cor para valores altos (fallback padrao: vermelho).',
+        validators: [
+            gradientColorStopValidator({
+                label: 'Gradiente alto',
+                compareWith: [{ field: 'distanceGradientMidColor', label: 'Gradiente medio' }],
+            }),
+        ],
+    },
+    {
+        name: 'distanceRangeBandOpacity',
+        label: 'Opacidade da faixa (0-1)',
+        editorType: 'number',
+        group: 'Aparencia',
+        hint: 'Opcional. Sobrescreve a opacidade automatica da faixa radial no modo range.',
+    },
     {
         name: 'materialDesign.density',
         label: 'Densidade',
@@ -3854,6 +4059,48 @@ const filterInlineRelativePeriodProperties = [
         editorType: 'checkbox',
         group: 'Formato/Comportamento',
     },
+    {
+        name: 'relativePeriodProgressGradientLowColor',
+        label: 'Gradiente progresso (inicio)',
+        editorType: 'color',
+        group: 'Aparencia',
+        hint: 'Cor inicial da barra de progresso relativa.',
+        validators: [
+            gradientColorStopValidator({
+                label: 'Gradiente progresso (inicio)',
+                compareWith: [{ field: 'relativePeriodProgressGradientMidColor', label: 'Gradiente progresso (meio)' }],
+            }),
+        ],
+    },
+    {
+        name: 'relativePeriodProgressGradientMidColor',
+        label: 'Gradiente progresso (meio)',
+        editorType: 'color',
+        group: 'Aparencia',
+        hint: 'Cor intermediaria da barra de progresso relativa.',
+        validators: [
+            gradientColorStopValidator({
+                label: 'Gradiente progresso (meio)',
+                compareWith: [
+                    { field: 'relativePeriodProgressGradientLowColor', label: 'Gradiente progresso (inicio)' },
+                    { field: 'relativePeriodProgressGradientHighColor', label: 'Gradiente progresso (fim)' },
+                ],
+            }),
+        ],
+    },
+    {
+        name: 'relativePeriodProgressGradientHighColor',
+        label: 'Gradiente progresso (fim)',
+        editorType: 'color',
+        group: 'Aparencia',
+        hint: 'Cor final da barra de progresso relativa.',
+        validators: [
+            gradientColorStopValidator({
+                label: 'Gradiente progresso (fim)',
+                compareWith: [{ field: 'relativePeriodProgressGradientMidColor', label: 'Gradiente progresso (meio)' }],
+            }),
+        ],
+    },
     {
         name: 'relativePeriodColumns',
         label: 'Colunas do grid',
@@ -3992,6 +4239,48 @@ const filterInlineSentimentProperties = [
         group: 'Aparencia',
         hint: 'Cores fallback usadas quando a opcao nao informar color.',
     },
+    {
+        name: 'sentimentGradientLowColor',
+        label: 'Gradiente sentimento (inicio)',
+        editorType: 'color',
+        group: 'Aparencia',
+        hint: 'Cor inicial do gradiente fallback de sentimento.',
+        validators: [
+            gradientColorStopValidator({
+                label: 'Gradiente sentimento (inicio)',
+                compareWith: [{ field: 'sentimentGradientMidColor', label: 'Gradiente sentimento (meio)' }],
+            }),
+        ],
+    },
+    {
+        name: 'sentimentGradientMidColor',
+        label: 'Gradiente sentimento (meio)',
+        editorType: 'color',
+        group: 'Aparencia',
+        hint: 'Cor intermediaria do gradiente fallback de sentimento.',
+        validators: [
+            gradientColorStopValidator({
+                label: 'Gradiente sentimento (meio)',
+                compareWith: [
+                    { field: 'sentimentGradientLowColor', label: 'Gradiente sentimento (inicio)' },
+                    { field: 'sentimentGradientHighColor', label: 'Gradiente sentimento (fim)' },
+                ],
+            }),
+        ],
+    },
+    {
+        name: 'sentimentGradientHighColor',
+        label: 'Gradiente sentimento (fim)',
+        editorType: 'color',
+        group: 'Aparencia',
+        hint: 'Cor final do gradiente fallback de sentimento.',
+        validators: [
+            gradientColorStopValidator({
+                label: 'Gradiente sentimento (fim)',
+                compareWith: [{ field: 'sentimentGradientMidColor', label: 'Gradiente sentimento (meio)' }],
+            }),
+        ],
+    },
     {
         name: 'sentimentShowBar',
         label: 'Mostrar barra de sentimento',
@@ -4362,6 +4651,48 @@ const filterInlinePipelineStatusProperties = [
         group: 'Aparencia',
         hint: 'Cores fallback quando a opcao nao informar color.',
     },
+    {
+        name: 'pipelineGradientLowColor',
+        label: 'Gradiente pipeline (inicio)',
+        editorType: 'color',
+        group: 'Aparencia',
+        hint: 'Cor inicial do gradiente fallback da barra/segmentos.',
+        validators: [
+            gradientColorStopValidator({
+                label: 'Gradiente pipeline (inicio)',
+                compareWith: [{ field: 'pipelineGradientMidColor', label: 'Gradiente pipeline (meio)' }],
+            }),
+        ],
+    },
+    {
+        name: 'pipelineGradientMidColor',
+        label: 'Gradiente pipeline (meio)',
+        editorType: 'color',
+        group: 'Aparencia',
+        hint: 'Cor intermediaria do gradiente fallback da barra/segmentos.',
+        validators: [
+            gradientColorStopValidator({
+                label: 'Gradiente pipeline (meio)',
+                compareWith: [
+                    { field: 'pipelineGradientLowColor', label: 'Gradiente pipeline (inicio)' },
+                    { field: 'pipelineGradientHighColor', label: 'Gradiente pipeline (fim)' },
+                ],
+            }),
+        ],
+    },
+    {
+        name: 'pipelineGradientHighColor',
+        label: 'Gradiente pipeline (fim)',
+        editorType: 'color',
+        group: 'Aparencia',
+        hint: 'Cor final do gradiente fallback da barra/segmentos.',
+        validators: [
+            gradientColorStopValidator({
+                label: 'Gradiente pipeline (fim)',
+                compareWith: [{ field: 'pipelineGradientMidColor', label: 'Gradiente pipeline (meio)' }],
+            }),
+        ],
+    },
     {
         name: 'pipelineEmptyStateText',
         label: 'Texto de estado vazio',
@@ -4542,6 +4873,48 @@ const filterInlineRatingProperties = [
         group: 'Aparência',
         hint: 'Cor para estrelas de notas altas (fallback: verde).',
     },
+    {
+        name: 'ratingGradientLowColor',
+        label: 'Gradiente estrelas (inicio)',
+        editorType: 'color',
+        group: 'Aparência',
+        hint: 'Cor inicial do gradiente aplicado na escala de estrelas.',
+        validators: [
+            gradientColorStopValidator({
+                label: 'Gradiente estrelas (inicio)',
+                compareWith: [{ field: 'ratingGradientMidColor', label: 'Gradiente estrelas (meio)' }],
+            }),
+        ],
+    },
+    {
+        name: 'ratingGradientMidColor',
+        label: 'Gradiente estrelas (meio)',
+        editorType: 'color',
+        group: 'Aparência',
+        hint: 'Cor intermediaria do gradiente aplicado na escala de estrelas.',
+        validators: [
+            gradientColorStopValidator({
+                label: 'Gradiente estrelas (meio)',
+                compareWith: [
+                    { field: 'ratingGradientLowColor', label: 'Gradiente estrelas (inicio)' },
+                    { field: 'ratingGradientHighColor', label: 'Gradiente estrelas (fim)' },
+                ],
+            }),
+        ],
+    },
+    {
+        name: 'ratingGradientHighColor',
+        label: 'Gradiente estrelas (fim)',
+        editorType: 'color',
+        group: 'Aparência',
+        hint: 'Cor final do gradiente aplicado na escala de estrelas.',
+        validators: [
+            gradientColorStopValidator({
+                label: 'Gradiente estrelas (fim)',
+                compareWith: [{ field: 'ratingGradientMidColor', label: 'Gradiente estrelas (meio)' }],
+            }),
+        ],
+    },
     {
         name: 'ratingBadgeColor',
         label: 'Cor ícone badges',
@@ -4735,6 +5108,48 @@ const filterInlineScorePriorityProperties = [
         group: 'Aparencia',
         hint: 'Cores usadas quando uma faixa nao informa color.',
     },
+    {
+        name: 'scoreGradientLowColor',
+        label: 'Gradiente score (inicio)',
+        editorType: 'color',
+        group: 'Aparencia',
+        hint: 'Cor inicial do gradiente fallback da trilha.',
+        validators: [
+            gradientColorStopValidator({
+                label: 'Gradiente score (inicio)',
+                compareWith: [{ field: 'scoreGradientMidColor', label: 'Gradiente score (meio)' }],
+            }),
+        ],
+    },
+    {
+        name: 'scoreGradientMidColor',
+        label: 'Gradiente score (meio)',
+        editorType: 'color',
+        group: 'Aparencia',
+        hint: 'Cor intermediaria do gradiente fallback da trilha.',
+        validators: [
+            gradientColorStopValidator({
+                label: 'Gradiente score (meio)',
+                compareWith: [
+                    { field: 'scoreGradientLowColor', label: 'Gradiente score (inicio)' },
+                    { field: 'scoreGradientHighColor', label: 'Gradiente score (fim)' },
+                ],
+            }),
+        ],
+    },
+    {
+        name: 'scoreGradientHighColor',
+        label: 'Gradiente score (fim)',
+        editorType: 'color',
+        group: 'Aparencia',
+        hint: 'Cor final do gradiente fallback da trilha.',
+        validators: [
+            gradientColorStopValidator({
+                label: 'Gradiente score (fim)',
+                compareWith: [{ field: 'scoreGradientMidColor', label: 'Gradiente score (meio)' }],
+            }),
+        ],
+    },
     {
         name: 'scoreValueFallbackColor',
         label: 'Cor fallback valor',
@@ -5621,8 +6036,8 @@ class FieldMetadataEditorComponent {
         if (value != null)
             this.onControlTypeChange(value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FieldMetadataEditorComponent, deps: [{ token: ConfigRegistryService }, { token: SchemaNormalizerService }, { token: DynamicFormFactoryService }, { token: ContextValidatorRegistryService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: FieldMetadataEditorComponent, isStandalone: true, selector: "praxis-field-metadata-editor", inputs: { controlType: "controlType", seed: "seed" }, outputs: { applied: "applied", cancel: "cancel" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FieldMetadataEditorComponent, deps: [{ token: ConfigRegistryService }, { token: SchemaNormalizerService }, { token: DynamicFormFactoryService }, { token: ContextValidatorRegistryService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: FieldMetadataEditorComponent, isStandalone: true, selector: "praxis-field-metadata-editor", inputs: { controlType: "controlType", seed: "seed" }, outputs: { applied: "applied", cancel: "cancel" }, ngImport: i0, template: `
     <div class="p-3" *ngIf="form">
       <praxis-dynamic-editor-renderer
         [properties]="normalizedProps"
@@ -5631,7 +6046,7 @@ class FieldMetadataEditorComponent {
     </div>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: DynamicEditorRendererComponent, selector: "praxis-dynamic-editor-renderer", inputs: ["properties", "form"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FieldMetadataEditorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FieldMetadataEditorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'praxis-field-metadata-editor',
@@ -5707,10 +6122,10 @@ class CascadeRulesService {
             dependencyValuePath: rule.dependencyValuePath || inferredValueKey || 'id',
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: CascadeRulesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: CascadeRulesService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: CascadeRulesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: CascadeRulesService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: CascadeRulesService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: CascadeRulesService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -6079,8 +6494,8 @@ class CascadeManagerTabComponent {
         }
         return [...new Set(suggestions)];
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: CascadeManagerTabComponent, deps: [{ token: CascadeRulesService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: CascadeManagerTabComponent, isStandalone: true, selector: "praxis-cascade-manager-tab", inputs: { fields: "fields", connections: "connections" }, outputs: { apply: "apply", cancel: "cancel" }, usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: CascadeManagerTabComponent, deps: [{ token: CascadeRulesService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: CascadeManagerTabComponent, isStandalone: true, selector: "praxis-cascade-manager-tab", inputs: { fields: "fields", connections: "connections" }, outputs: { apply: "apply", cancel: "cancel" }, usesOnChanges: true, ngImport: i0, template: `
     <div class="cm-root">
       <!-- Left: Fields list -->
       <div class="cm-left">
@@ -6354,7 +6769,7 @@ class CascadeManagerTabComponent {
     </div>
   `, isInline: true, styles: [":host{display:block}.cm-root{display:grid;grid-template-columns:320px 1fr;gap:16px;min-height:420px}.cm-left{border-right:1px solid var(--md-sys-color-outline-variant);padding-right:8px}.cm-search{width:100%;margin-bottom:8px}.cm-right{padding-left:8px}.field-item{display:flex;align-items:center;justify-content:space-between;padding:8px 6px;cursor:pointer;border-radius:10px;transition:background .12s ease,border .12s ease;border:1px solid transparent}.field-item:hover{background:var(--md-sys-color-surface-container-high)}.field-item.selected{background:var(--md-sys-color-surface-container-highest);border-color:var(--md-sys-color-outline-variant)}.rule-badges{display:inline-flex;gap:6px}.rule-badge{font-size:11px;padding:2px 8px;border-radius:999px;font-weight:600}.b-active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.b-manual{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant)}.b-immediate{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.b-conflict{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.cm-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.rules-empty{opacity:.8;font-style:italic;padding:8px 0;color:var(--md-sys-color-on-surface-variant)}.rule-row{display:grid;grid-template-columns:1fr auto;align-items:center;padding:10px 0;border-bottom:1px dashed var(--md-sys-color-outline-variant)}.rule-actions button{margin-left:4px}.banner{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);padding:10px 12px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;margin-bottom:10px;display:flex;gap:8px;align-items:center}.import-panel{background:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;padding:10px;margin-bottom:10px}.full{width:100%}.form-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.form-grid{display:grid;gap:12px;padding:8px 0}.map-table{width:100%;border-collapse:collapse}.map-table th,.map-table td{padding:8px;border-bottom:1px dashed var(--md-sys-color-outline-variant)}.kbd{font-family:monospace;background:var(--md-sys-color-surface-container-highest);padding:0 6px;border-radius:4px;color:var(--md-sys-color-on-surface-variant)}.panel-surface{background:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);border-radius:10px;box-shadow:var(--md-sys-elevation-level1, none);margin-bottom:12px}.panel-stack{display:grid;gap:12px;margin:12px 0}.stack-panel{background:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);border-radius:10px;box-shadow:var(--md-sys-elevation-level1, none)}.stack-panel .mat-expansion-panel-content{padding:0 16px 12px}.panel-header{display:flex;align-items:center;gap:8px}.preview-box{background:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;padding:8px;color:var(--md-sys-color-on-surface)}.help-icon-button{--mdc-icon-button-state-layer-size: 28px;--mdc-icon-button-icon-size: 18px;width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;margin-right:-4px}.help-icon-button mat-icon{font-size:18px;width:18px;height:18px}.mat-mdc-form-field-icon-suffix{align-self:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5$1.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: i5$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatLabel, selector: "mat-label" }, { kind: "directive", type: i7.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "ngmodule", type: MatListModule }, { kind: "ngmodule", type: MatDividerModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i8$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i8$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i9.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i5.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i5.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i5.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i11.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: i11.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i11.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: MatAutocompleteModule }, { kind: "component", type: i12.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i12.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i13.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i13.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i13.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: CascadeManagerTabComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: CascadeManagerTabComponent, decorators: [{
             type: Component,
             args: [{ selector: 'praxis-cascade-manager-tab', standalone: true, imports: [
                         CommonModule,