@masterkeymaterial/ui 0.0.8 → 0.0.9

package/fesm2022/masterkeymaterial-ui.mjs

@@ -5922,11 +5922,11 @@ class FormFilter extends BaseFieldsValues {
         this.onFiltrar();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormFilter, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FormFilter, isStandalone: true, selector: "fields-form-filter", inputs: { hasOutline: { classPropertyName: "hasOutline", publicName: "hasOutline", isSignal: true, isRequired: false, transformFunction: null }, actionTitle: { classPropertyName: "actionTitle", publicName: "actionTitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { hasOutline: "hasOutlineChange", filtrar: "filtrar" }, usesInheritance: true, ngImport: i0, template: "<div class=\"filtrosAtivos\">\n\t@for ( item of kvPreenchido(); track $index) {\n\t<div>\n\t\t{{ item.v }}\n\t\t<ui-button tipo=\"icon\" tema=\"error\" icone=\"bi bi-x\" (click)=\"onDeletePropriedade(item.k)\">\n\t\t</ui-button>\n\t</div>\n\t}\n</div>\n<div class=\"g-fields\" [style.--g-fields-min]=\"gmin()\" [style.--g-fields-max]=\"gmax()\">\n\n\t@for (campo of form.listaCampos(); track $index) {\n\t<fields-g [form]=\"form\" [name]=\"campo.prop\" [class]=\"campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\t}\n\n</div>\n<div class=\"buttonsGap\">\n\t<ui-button tipo=\"fill\" tema=\"primary\" icone=\"bi bi-funnel\" (click)=\"onFiltrar()\">{{ actionTitle() }}</ui-button>\n\t<ng-content></ng-content>\n</div>\n\n@if(showFormControls()){\n<ui-form-controls [form]=\"form\" [recebido]=\"this.values()\" [(hasOutline)]=\"hasOutline\" [faseIndex]=\"faseIndex()\"\n\t[totalFases]=\"listaFase().length\"></ui-form-controls>\n}", styles: [":host{display:block;width:100%;margin-top:10px}.buttonsGap{display:flex;flex-direction:var(--ui-form-flex-direction, column);gap:var(--sys-gap);margin-top:var(--sys-gap)}.filtrosAtivos{display:flex;flex-wrap:wrap;gap:var(--sys-gap);margin-bottom:var(--sys-gap)}.filtrosAtivos div{display:flex;gap:2px;align-items:center;background-color:var(--sys-high-15);padding:0 0 0 1rem;border-radius:var(--sys-border-radius);font-size:.9rem}.fieldHidden{display:none}.areaValues{outline:1px solid color-mix(in srgb,var(--sys-outline) 50%,transparent 50%);background-color:color-mix(in srgb,var(--sys-card) 80%,var(--sys-background) 20%);border-radius:var(--sys-border-radius);padding:.5rem;gap:var(--sys-gap);margin-top:var(--sys-gap);display:flex;flex-direction:row;flex-wrap:wrap}.areaValues .card{flex:1;overflow:auto}\n"], dependencies: [{ kind: "component", type: UiButton, selector: "ui-button", inputs: ["icone", "iconeAntes", "iconeDepois", "iconeCategory", "disabled", "eventPropagation", "radiusTabFormat", "tabindex", "tipo", "tema", "classes", "ativo"], outputs: ["iconeChange", "iconeAntesChange", "iconeDepoisChange", "iconeCategoryChange", "clicked", "temaChange"] }, { kind: "component", type: FieldsGeneric, selector: "fields-g" }, { kind: "component", type: FormControls, selector: "ui-form-controls", inputs: ["form", "recebido", "hasOutline", "faseIndex", "totalFases"], outputs: ["hasOutlineChange"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FormFilter, isStandalone: true, selector: "fields-form-filter", inputs: { hasOutline: { classPropertyName: "hasOutline", publicName: "hasOutline", isSignal: true, isRequired: false, transformFunction: null }, actionTitle: { classPropertyName: "actionTitle", publicName: "actionTitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { hasOutline: "hasOutlineChange", filtrar: "filtrar" }, usesInheritance: true, ngImport: i0, template: "<div class=\"filtrosAtivos\">\n\t@for ( item of kvPreenchido(); track $index) {\n\t<div>\n\t\t{{ item.v }}\n\t\t<ui-button tipo=\"icon\" tema=\"error\" icone=\"bi bi-x\" (click)=\"onDeletePropriedade(item.k)\">\n\t\t</ui-button>\n\t</div>\n\t}\n</div>\n<div class=\"g-fields\" [style.--g-fields-min]=\"gmin()\" [style.--g-fields-max]=\"gmax()\">\n\n\t@for (campo of form.listaCampos(); track $index) {\n\t<fields-g [form]=\"form\" [name]=\"campo.prop\" [class]=\"campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\t}\n\n</div>\n<div class=\"buttonsGap\">\n\t<ui-button tipo=\"fill\" tema=\"primary\" icone=\"bi bi-funnel\" (click)=\"onFiltrar()\">{{ actionTitle() }}</ui-button>\n\t<ng-content></ng-content>\n</div>\n\n@if(showFormControls()){\n<ui-form-controls [form]=\"form\" [recebido]=\"this.values()\" [(hasOutline)]=\"hasOutline\" [faseIndex]=\"faseIndex()\"\n\t[totalFases]=\"listaFase().length\"></ui-form-controls>\n}", styles: [":host{display:block;width:100%;margin-top:10px}.buttonsGap{display:flex;flex-direction:var(--ui-form-flex-direction, column);gap:var(--sys-gap);margin-top:var(--sys-gap)}.filtrosAtivos{display:flex;flex-wrap:wrap;gap:var(--sys-gap);margin-bottom:var(--sys-gap)}.filtrosAtivos div{display:flex;gap:2px;align-items:center;background-color:var(--sys-high-15);padding:0 0 0 1rem;border-radius:var(--sys-border-radius);font-size:.9rem}.fieldHidden{display:none}.areaValues{outline:1px solid color-mix(in srgb,var(--sys-outline) 50%,transparent 50%);background-color:color-mix(in srgb,var(--sys-card) 80%,var(--sys-background) 20%);border-radius:var(--sys-border-radius);padding:.5rem;gap:var(--sys-gap);margin-top:var(--sys-gap);display:flex;flex-direction:row;flex-wrap:wrap}.areaValues .card{flex:1;overflow:auto}\n", "g-fields{display:grid;grid-template-columns:1fr;gap:var(--sys-gap, 16px)}@media(min-width:768px){.g-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--g-fields-min, auto),var(--g-fields-max, auto)));gap:var(--sys-gap, 16px)}}\n"], dependencies: [{ kind: "component", type: UiButton, selector: "ui-button", inputs: ["icone", "iconeAntes", "iconeDepois", "iconeCategory", "disabled", "eventPropagation", "radiusTabFormat", "tabindex", "tipo", "tema", "classes", "ativo"], outputs: ["iconeChange", "iconeAntesChange", "iconeDepoisChange", "iconeCategoryChange", "clicked", "temaChange"] }, { kind: "component", type: FieldsGeneric, selector: "fields-g" }, { kind: "component", type: FormControls, selector: "ui-form-controls", inputs: ["form", "recebido", "hasOutline", "faseIndex", "totalFases"], outputs: ["hasOutlineChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormFilter, decorators: [{
             type: Component,
-            args: [{ selector: 'fields-form-filter', imports: [UiButton, FieldsGeneric, FormControls], template: "<div class=\"filtrosAtivos\">\n\t@for ( item of kvPreenchido(); track $index) {\n\t<div>\n\t\t{{ item.v }}\n\t\t<ui-button tipo=\"icon\" tema=\"error\" icone=\"bi bi-x\" (click)=\"onDeletePropriedade(item.k)\">\n\t\t</ui-button>\n\t</div>\n\t}\n</div>\n<div class=\"g-fields\" [style.--g-fields-min]=\"gmin()\" [style.--g-fields-max]=\"gmax()\">\n\n\t@for (campo of form.listaCampos(); track $index) {\n\t<fields-g [form]=\"form\" [name]=\"campo.prop\" [class]=\"campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\t}\n\n</div>\n<div class=\"buttonsGap\">\n\t<ui-button tipo=\"fill\" tema=\"primary\" icone=\"bi bi-funnel\" (click)=\"onFiltrar()\">{{ actionTitle() }}</ui-button>\n\t<ng-content></ng-content>\n</div>\n\n@if(showFormControls()){\n<ui-form-controls [form]=\"form\" [recebido]=\"this.values()\" [(hasOutline)]=\"hasOutline\" [faseIndex]=\"faseIndex()\"\n\t[totalFases]=\"listaFase().length\"></ui-form-controls>\n}", styles: [":host{display:block;width:100%;margin-top:10px}.buttonsGap{display:flex;flex-direction:var(--ui-form-flex-direction, column);gap:var(--sys-gap);margin-top:var(--sys-gap)}.filtrosAtivos{display:flex;flex-wrap:wrap;gap:var(--sys-gap);margin-bottom:var(--sys-gap)}.filtrosAtivos div{display:flex;gap:2px;align-items:center;background-color:var(--sys-high-15);padding:0 0 0 1rem;border-radius:var(--sys-border-radius);font-size:.9rem}.fieldHidden{display:none}.areaValues{outline:1px solid color-mix(in srgb,var(--sys-outline) 50%,transparent 50%);background-color:color-mix(in srgb,var(--sys-card) 80%,var(--sys-background) 20%);border-radius:var(--sys-border-radius);padding:.5rem;gap:var(--sys-gap);margin-top:var(--sys-gap);display:flex;flex-direction:row;flex-wrap:wrap}.areaValues .card{flex:1;overflow:auto}\n"] }]
+            args: [{ selector: 'fields-form-filter', imports: [UiButton, FieldsGeneric, FormControls], template: "<div class=\"filtrosAtivos\">\n\t@for ( item of kvPreenchido(); track $index) {\n\t<div>\n\t\t{{ item.v }}\n\t\t<ui-button tipo=\"icon\" tema=\"error\" icone=\"bi bi-x\" (click)=\"onDeletePropriedade(item.k)\">\n\t\t</ui-button>\n\t</div>\n\t}\n</div>\n<div class=\"g-fields\" [style.--g-fields-min]=\"gmin()\" [style.--g-fields-max]=\"gmax()\">\n\n\t@for (campo of form.listaCampos(); track $index) {\n\t<fields-g [form]=\"form\" [name]=\"campo.prop\" [class]=\"campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\t}\n\n</div>\n<div class=\"buttonsGap\">\n\t<ui-button tipo=\"fill\" tema=\"primary\" icone=\"bi bi-funnel\" (click)=\"onFiltrar()\">{{ actionTitle() }}</ui-button>\n\t<ng-content></ng-content>\n</div>\n\n@if(showFormControls()){\n<ui-form-controls [form]=\"form\" [recebido]=\"this.values()\" [(hasOutline)]=\"hasOutline\" [faseIndex]=\"faseIndex()\"\n\t[totalFases]=\"listaFase().length\"></ui-form-controls>\n}", styles: [":host{display:block;width:100%;margin-top:10px}.buttonsGap{display:flex;flex-direction:var(--ui-form-flex-direction, column);gap:var(--sys-gap);margin-top:var(--sys-gap)}.filtrosAtivos{display:flex;flex-wrap:wrap;gap:var(--sys-gap);margin-bottom:var(--sys-gap)}.filtrosAtivos div{display:flex;gap:2px;align-items:center;background-color:var(--sys-high-15);padding:0 0 0 1rem;border-radius:var(--sys-border-radius);font-size:.9rem}.fieldHidden{display:none}.areaValues{outline:1px solid color-mix(in srgb,var(--sys-outline) 50%,transparent 50%);background-color:color-mix(in srgb,var(--sys-card) 80%,var(--sys-background) 20%);border-radius:var(--sys-border-radius);padding:.5rem;gap:var(--sys-gap);margin-top:var(--sys-gap);display:flex;flex-direction:row;flex-wrap:wrap}.areaValues .card{flex:1;overflow:auto}\n", "g-fields{display:grid;grid-template-columns:1fr;gap:var(--sys-gap, 16px)}@media(min-width:768px){.g-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--g-fields-min, auto),var(--g-fields-max, auto)));gap:var(--sys-gap, 16px)}}\n"] }]
         }], propDecorators: { hasOutline: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasOutline", required: false }] }, { type: i0.Output, args: ["hasOutlineChange"] }], filtrar: [{ type: i0.Output, args: ["filtrar"] }], actionTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionTitle", required: false }] }] } });
 
 class FormFase {
@@ -6224,11 +6224,11 @@ class FormAction extends BaseFieldsValues {
         this.updateDisabledAction();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormAction, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FormAction, isStandalone: true, selector: "fields-form-action", inputs: { hasOutline: { classPropertyName: "hasOutline", publicName: "hasOutline", isSignal: true, isRequired: false, transformFunction: null }, actionTitle: { classPropertyName: "actionTitle", publicName: "actionTitle", isSignal: true, isRequired: false, transformFunction: null }, sendValues: { classPropertyName: "sendValues", publicName: "sendValues", isSignal: true, isRequired: false, transformFunction: null }, taskTocar: { classPropertyName: "taskTocar", publicName: "taskTocar", isSignal: true, isRequired: false, transformFunction: null }, taskSanitizar: { classPropertyName: "taskSanitizar", publicName: "taskSanitizar", isSignal: true, isRequired: false, transformFunction: null }, taskDisponiveis: { classPropertyName: "taskDisponiveis", publicName: "taskDisponiveis", isSignal: true, isRequired: false, transformFunction: null }, taskValidar: { classPropertyName: "taskValidar", publicName: "taskValidar", isSignal: true, isRequired: false, transformFunction: null }, taskEnviar: { classPropertyName: "taskEnviar", publicName: "taskEnviar", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { hasOutline: "hasOutlineChange", sending: "sending", done: "done" }, usesInheritance: true, ngImport: i0, template: "<ui-form-fase [fases]=\"fases()\" [campos]=\"form.listaCampos()\" [(faseIndex)]=\"faseIndex\"></ui-form-fase>\n@if(isFaseado()){\n<div class=\"containerFases\" [class.showOutlineFields]=\"hasOutline()\">\n\t@for (fase of listaFase(); track $index;let fIndex = $index) {\n\t<div class=\"areaFase g-fields\" [style.--fase]=\"faseIndex()\" [class.ativo]=\"faseIndex() == fIndex\"\n\t\t[style.--g-fields-min]=\"fase.gridMin\" [style.--g-fields-max]=\"fase.gridMax\"\n\t\t[class.showOutlineFields]=\"hasOutline()\">\n\t\t@for (faseGrupo of faseGrupo(); track $index) {\n\t\t@if(faseGrupo.faseIndex == fIndex){\n\n\t\t@if(faseGrupo.tipo == 'campo' && faseGrupo.campo){\n\n\t\t<fields-g [form]=\"form\" [name]=\"faseGrupo.campo.prop\"\n\t\t\t[class]=\"faseGrupo.campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\n\t\t} @else if (faseGrupo.tipo == 'grupo' && faseGrupo.grupo) {\n\n\t\t<div class=\"field-group\" [style.grid-area]=\"faseGrupo.grupo.area ?? 'auto / auto / auto / span 2'\">\n\t\t\t@if(faseGrupo.grupo.titulo){ <div class=\"group-title\"\n\t\t\t\t[style.grid-area]=\"faseGrupo.grupo.tituloArea ?? 'auto / auto / auto / span 2'\">{{\n\t\t\t\tfaseGrupo.grupo!.titulo }}</div> }\n\t\t\t@for(campo of faseGrupo.grupo!.campos; track $index){\n\t\t\t<fields-g [form]=\"form\" [name]=\"campo\"\n\t\t\t\t[class]=\"form.campos()[campo]?.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\t\t\t}\n\t\t</div>\n\n\t\t}@else{\n\n\t\t<div class=\"card bg-danger\"> \u274C Falha tipo {{ faseGrupo.tipo }}.<br> Campo {{ faseGrupo.nome }} n\u00E3o encontrado!</div>\n\t\t}\n\n\t\t}\n\t\t}\n\t</div>\n\t}\n</div>\n\n}@else {\n<div class=\"g-fields\" [style.--g-fields-min]=\"gmin()\" [style.--g-fields-max]=\"gmax()\"\n\t[class.showOutlineFields]=\"hasOutline()\">\n\n\t@for (campo of form.listaCampos(); track $index) {\n\t<fields-g [form]=\"form\" [name]=\"campo.prop\" [class]=\"campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\t}\n\n</div>\n}\n\n<div class=\"buttonsGap\">\n\t<ui-button tipo=\"fill\" tema=\"primary\" (clicked)=\"onSave()\" [disabled]=\"isDisabledAction()\" class=\"botaoAcaoSave\">\n\t\t@if(showFormControls()){\n\t\t<div class=\"icons\">\n\t\t\t@for (task of tasksToSave(); track $index) {\n\t\t\t<i [class]=\"task.icone\" [class.done]=\"task.done\" [class.success]=\"task.success == true\"\n\t\t\t\t[class.fail]=\"task.success == false\"></i>\n\t\t\t}\n\t\t</div>\n\t\t}\n\t\t<div class=\"f-1\">\n\t\t\t{{ actionTitle() ?? 'Salvar' }}\n\t\t</div>\n\t\t@if(isLoadingActive()){\n\t\t<div class=\"loadingSubmit\">\n\t\t\t<ui-loading></ui-loading>\n\t\t</div>\n\t\t}\n\t</ui-button>\n\t<ng-content></ng-content>\n</div>\n\n@if(showFormControls()){\n<ui-form-controls [form]=\"form\" [recebido]=\"this.values()\" [(hasOutline)]=\"hasOutline\" [faseIndex]=\"faseIndex()\"\n\t[totalFases]=\"listaFase().length\"></ui-form-controls>\n}", styles: [":host{display:block;width:100%}.buttonsGap{display:flex;flex-direction:var(--ui-form-flex-direction, column);gap:var(--sys-gap);margin-top:var(--sys-gap);z-index:9}.fieldHidden{display:none}.showOutlineFields fields-g{outline:1px dashed #555;z-index:2}.icons{display:flex;flex-direction:row;gap:5px;justify-content:center;align-items:center}.icons .done{color:var(--sys-warning)}.icons .done.success{color:var(--sys-success)}.icons .done.fail{color:var(--sys-error)}.containerFases{display:flex;flex-direction:row;width:100%;gap:calc(var(--sys-gap) * 2);margin-top:var(--sys-gap);margin-bottom:var(--sys-gap);overflow:hidden;position:relative;padding:2px;z-index:10}.containerFases.showOutlineFields{outline:1px solid var(--sys-outline)}.areaFase{transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;width:100%;min-width:100%;flex-shrink:0;height:fit-content;transform:translate(calc(var(--fase, 0) * (100% + (var(--sys-gap) * 2)) * -1))}.areaFase.ativo{opacity:1}.areaFase:not(.ativo){opacity:0;height:1px}.botaoAcaoSave{position:relative}.loadingSubmit{position:absolute;right:5px;font-size:32px;display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "component", type: UiButton, selector: "ui-button", inputs: ["icone", "iconeAntes", "iconeDepois", "iconeCategory", "disabled", "eventPropagation", "radiusTabFormat", "tabindex", "tipo", "tema", "classes", "ativo"], outputs: ["iconeChange", "iconeAntesChange", "iconeDepoisChange", "iconeCategoryChange", "clicked", "temaChange"] }, { kind: "component", type: FieldsGeneric, selector: "fields-g" }, { kind: "component", type: FormControls, selector: "ui-form-controls", inputs: ["form", "recebido", "hasOutline", "faseIndex", "totalFases"], outputs: ["hasOutlineChange"] }, { kind: "component", type: FormFase, selector: "ui-form-fase", inputs: ["fases", "campos", "faseIndex"], outputs: ["fasesChange", "faseIndexChange"] }, { kind: "component", type: UiLoading, selector: "ui-loading" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FormAction, isStandalone: true, selector: "fields-form-action", inputs: { hasOutline: { classPropertyName: "hasOutline", publicName: "hasOutline", isSignal: true, isRequired: false, transformFunction: null }, actionTitle: { classPropertyName: "actionTitle", publicName: "actionTitle", isSignal: true, isRequired: false, transformFunction: null }, sendValues: { classPropertyName: "sendValues", publicName: "sendValues", isSignal: true, isRequired: false, transformFunction: null }, taskTocar: { classPropertyName: "taskTocar", publicName: "taskTocar", isSignal: true, isRequired: false, transformFunction: null }, taskSanitizar: { classPropertyName: "taskSanitizar", publicName: "taskSanitizar", isSignal: true, isRequired: false, transformFunction: null }, taskDisponiveis: { classPropertyName: "taskDisponiveis", publicName: "taskDisponiveis", isSignal: true, isRequired: false, transformFunction: null }, taskValidar: { classPropertyName: "taskValidar", publicName: "taskValidar", isSignal: true, isRequired: false, transformFunction: null }, taskEnviar: { classPropertyName: "taskEnviar", publicName: "taskEnviar", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { hasOutline: "hasOutlineChange", sending: "sending", done: "done" }, usesInheritance: true, ngImport: i0, template: "<ui-form-fase [fases]=\"fases()\" [campos]=\"form.listaCampos()\" [(faseIndex)]=\"faseIndex\"></ui-form-fase>\n@if(isFaseado()){\n<div class=\"containerFases\" [class.showOutlineFields]=\"hasOutline()\">\n\t@for (fase of listaFase(); track $index;let fIndex = $index) {\n\t<div class=\"areaFase g-fields\" [style.--fase]=\"faseIndex()\" [class.ativo]=\"faseIndex() == fIndex\"\n\t\t[style.--g-fields-min]=\"fase.gridMin\" [style.--g-fields-max]=\"fase.gridMax\"\n\t\t[class.showOutlineFields]=\"hasOutline()\">\n\t\t@for (faseGrupo of faseGrupo(); track $index) {\n\t\t@if(faseGrupo.faseIndex == fIndex){\n\n\t\t@if(faseGrupo.tipo == 'campo' && faseGrupo.campo){\n\n\t\t<fields-g [form]=\"form\" [name]=\"faseGrupo.campo.prop\"\n\t\t\t[class]=\"faseGrupo.campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\n\t\t} @else if (faseGrupo.tipo == 'grupo' && faseGrupo.grupo) {\n\n\t\t<div class=\"field-group\" [style.grid-area]=\"faseGrupo.grupo.area ?? 'auto / auto / auto / span 2'\">\n\t\t\t@if(faseGrupo.grupo.titulo){ <div class=\"group-title\"\n\t\t\t\t[style.grid-area]=\"faseGrupo.grupo.tituloArea ?? 'auto / auto / auto / span 2'\">{{\n\t\t\t\tfaseGrupo.grupo!.titulo }}</div> }\n\t\t\t@for(campo of faseGrupo.grupo!.campos; track $index){\n\t\t\t<fields-g [form]=\"form\" [name]=\"campo\"\n\t\t\t\t[class]=\"form.campos()[campo]?.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\t\t\t}\n\t\t</div>\n\n\t\t}@else{\n\n\t\t<div class=\"card bg-danger\"> \u274C Falha tipo {{ faseGrupo.tipo }}.<br> Campo {{ faseGrupo.nome }} n\u00E3o encontrado!</div>\n\t\t}\n\n\t\t}\n\t\t}\n\t</div>\n\t}\n</div>\n\n}@else {\n<div class=\"g-fields\" [style.--g-fields-min]=\"gmin()\" [style.--g-fields-max]=\"gmax()\"\n\t[class.showOutlineFields]=\"hasOutline()\">\n\n\t@for (campo of form.listaCampos(); track $index) {\n\t<fields-g [form]=\"form\" [name]=\"campo.prop\" [class]=\"campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\t}\n\n</div>\n}\n\n<div class=\"buttonsGap\">\n\t<ui-button tipo=\"fill\" tema=\"primary\" (clicked)=\"onSave()\" [disabled]=\"isDisabledAction()\" class=\"botaoAcaoSave\">\n\t\t@if(showFormControls()){\n\t\t<div class=\"icons\">\n\t\t\t@for (task of tasksToSave(); track $index) {\n\t\t\t<i [class]=\"task.icone\" [class.done]=\"task.done\" [class.success]=\"task.success == true\"\n\t\t\t\t[class.fail]=\"task.success == false\"></i>\n\t\t\t}\n\t\t</div>\n\t\t}\n\t\t<div class=\"f-1\">\n\t\t\t{{ actionTitle() ?? 'Salvar' }}\n\t\t</div>\n\t\t@if(isLoadingActive()){\n\t\t<div class=\"loadingSubmit\">\n\t\t\t<ui-loading></ui-loading>\n\t\t</div>\n\t\t}\n\t</ui-button>\n\t<ng-content></ng-content>\n</div>\n\n@if(showFormControls()){\n<ui-form-controls [form]=\"form\" [recebido]=\"this.values()\" [(hasOutline)]=\"hasOutline\" [faseIndex]=\"faseIndex()\"\n\t[totalFases]=\"listaFase().length\"></ui-form-controls>\n}", styles: [":host{display:block;width:100%}.buttonsGap{display:flex;flex-direction:var(--ui-form-flex-direction, column);gap:var(--sys-gap);margin-top:var(--sys-gap);z-index:9}.fieldHidden{display:none}.showOutlineFields fields-g{outline:1px dashed #555;z-index:2}.icons{display:flex;flex-direction:row;gap:5px;justify-content:center;align-items:center}.icons .done{color:var(--sys-warning)}.icons .done.success{color:var(--sys-success)}.icons .done.fail{color:var(--sys-error)}.containerFases{display:flex;flex-direction:row;width:100%;gap:calc(var(--sys-gap) * 2);margin-top:var(--sys-gap);margin-bottom:var(--sys-gap);overflow:hidden;position:relative;padding:2px;z-index:10}.containerFases.showOutlineFields{outline:1px solid var(--sys-outline)}.areaFase{transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;width:100%;min-width:100%;flex-shrink:0;height:fit-content;transform:translate(calc(var(--fase, 0) * (100% + (var(--sys-gap) * 2)) * -1))}.areaFase.ativo{opacity:1}.areaFase:not(.ativo){opacity:0;height:1px}.botaoAcaoSave{position:relative}.loadingSubmit{position:absolute;right:5px;font-size:32px;display:flex;justify-content:center;align-items:center}\n", "g-fields{display:grid;grid-template-columns:1fr;gap:var(--sys-gap, 16px)}@media(min-width:768px){.g-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--g-fields-min, auto),var(--g-fields-max, auto)));gap:var(--sys-gap, 16px)}}\n"], dependencies: [{ kind: "component", type: UiButton, selector: "ui-button", inputs: ["icone", "iconeAntes", "iconeDepois", "iconeCategory", "disabled", "eventPropagation", "radiusTabFormat", "tabindex", "tipo", "tema", "classes", "ativo"], outputs: ["iconeChange", "iconeAntesChange", "iconeDepoisChange", "iconeCategoryChange", "clicked", "temaChange"] }, { kind: "component", type: FieldsGeneric, selector: "fields-g" }, { kind: "component", type: FormControls, selector: "ui-form-controls", inputs: ["form", "recebido", "hasOutline", "faseIndex", "totalFases"], outputs: ["hasOutlineChange"] }, { kind: "component", type: FormFase, selector: "ui-form-fase", inputs: ["fases", "campos", "faseIndex"], outputs: ["fasesChange", "faseIndexChange"] }, { kind: "component", type: UiLoading, selector: "ui-loading" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormAction, decorators: [{
             type: Component,
-            args: [{ selector: 'fields-form-action', imports: [UiButton, FieldsGeneric, FormControls, FormFase, UiLoading], template: "<ui-form-fase [fases]=\"fases()\" [campos]=\"form.listaCampos()\" [(faseIndex)]=\"faseIndex\"></ui-form-fase>\n@if(isFaseado()){\n<div class=\"containerFases\" [class.showOutlineFields]=\"hasOutline()\">\n\t@for (fase of listaFase(); track $index;let fIndex = $index) {\n\t<div class=\"areaFase g-fields\" [style.--fase]=\"faseIndex()\" [class.ativo]=\"faseIndex() == fIndex\"\n\t\t[style.--g-fields-min]=\"fase.gridMin\" [style.--g-fields-max]=\"fase.gridMax\"\n\t\t[class.showOutlineFields]=\"hasOutline()\">\n\t\t@for (faseGrupo of faseGrupo(); track $index) {\n\t\t@if(faseGrupo.faseIndex == fIndex){\n\n\t\t@if(faseGrupo.tipo == 'campo' && faseGrupo.campo){\n\n\t\t<fields-g [form]=\"form\" [name]=\"faseGrupo.campo.prop\"\n\t\t\t[class]=\"faseGrupo.campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\n\t\t} @else if (faseGrupo.tipo == 'grupo' && faseGrupo.grupo) {\n\n\t\t<div class=\"field-group\" [style.grid-area]=\"faseGrupo.grupo.area ?? 'auto / auto / auto / span 2'\">\n\t\t\t@if(faseGrupo.grupo.titulo){ <div class=\"group-title\"\n\t\t\t\t[style.grid-area]=\"faseGrupo.grupo.tituloArea ?? 'auto / auto / auto / span 2'\">{{\n\t\t\t\tfaseGrupo.grupo!.titulo }}</div> }\n\t\t\t@for(campo of faseGrupo.grupo!.campos; track $index){\n\t\t\t<fields-g [form]=\"form\" [name]=\"campo\"\n\t\t\t\t[class]=\"form.campos()[campo]?.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\t\t\t}\n\t\t</div>\n\n\t\t}@else{\n\n\t\t<div class=\"card bg-danger\"> \u274C Falha tipo {{ faseGrupo.tipo }}.<br> Campo {{ faseGrupo.nome }} n\u00E3o encontrado!</div>\n\t\t}\n\n\t\t}\n\t\t}\n\t</div>\n\t}\n</div>\n\n}@else {\n<div class=\"g-fields\" [style.--g-fields-min]=\"gmin()\" [style.--g-fields-max]=\"gmax()\"\n\t[class.showOutlineFields]=\"hasOutline()\">\n\n\t@for (campo of form.listaCampos(); track $index) {\n\t<fields-g [form]=\"form\" [name]=\"campo.prop\" [class]=\"campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\t}\n\n</div>\n}\n\n<div class=\"buttonsGap\">\n\t<ui-button tipo=\"fill\" tema=\"primary\" (clicked)=\"onSave()\" [disabled]=\"isDisabledAction()\" class=\"botaoAcaoSave\">\n\t\t@if(showFormControls()){\n\t\t<div class=\"icons\">\n\t\t\t@for (task of tasksToSave(); track $index) {\n\t\t\t<i [class]=\"task.icone\" [class.done]=\"task.done\" [class.success]=\"task.success == true\"\n\t\t\t\t[class.fail]=\"task.success == false\"></i>\n\t\t\t}\n\t\t</div>\n\t\t}\n\t\t<div class=\"f-1\">\n\t\t\t{{ actionTitle() ?? 'Salvar' }}\n\t\t</div>\n\t\t@if(isLoadingActive()){\n\t\t<div class=\"loadingSubmit\">\n\t\t\t<ui-loading></ui-loading>\n\t\t</div>\n\t\t}\n\t</ui-button>\n\t<ng-content></ng-content>\n</div>\n\n@if(showFormControls()){\n<ui-form-controls [form]=\"form\" [recebido]=\"this.values()\" [(hasOutline)]=\"hasOutline\" [faseIndex]=\"faseIndex()\"\n\t[totalFases]=\"listaFase().length\"></ui-form-controls>\n}", styles: [":host{display:block;width:100%}.buttonsGap{display:flex;flex-direction:var(--ui-form-flex-direction, column);gap:var(--sys-gap);margin-top:var(--sys-gap);z-index:9}.fieldHidden{display:none}.showOutlineFields fields-g{outline:1px dashed #555;z-index:2}.icons{display:flex;flex-direction:row;gap:5px;justify-content:center;align-items:center}.icons .done{color:var(--sys-warning)}.icons .done.success{color:var(--sys-success)}.icons .done.fail{color:var(--sys-error)}.containerFases{display:flex;flex-direction:row;width:100%;gap:calc(var(--sys-gap) * 2);margin-top:var(--sys-gap);margin-bottom:var(--sys-gap);overflow:hidden;position:relative;padding:2px;z-index:10}.containerFases.showOutlineFields{outline:1px solid var(--sys-outline)}.areaFase{transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;width:100%;min-width:100%;flex-shrink:0;height:fit-content;transform:translate(calc(var(--fase, 0) * (100% + (var(--sys-gap) * 2)) * -1))}.areaFase.ativo{opacity:1}.areaFase:not(.ativo){opacity:0;height:1px}.botaoAcaoSave{position:relative}.loadingSubmit{position:absolute;right:5px;font-size:32px;display:flex;justify-content:center;align-items:center}\n"] }]
+            args: [{ selector: 'fields-form-action', imports: [UiButton, FieldsGeneric, FormControls, FormFase, UiLoading], template: "<ui-form-fase [fases]=\"fases()\" [campos]=\"form.listaCampos()\" [(faseIndex)]=\"faseIndex\"></ui-form-fase>\n@if(isFaseado()){\n<div class=\"containerFases\" [class.showOutlineFields]=\"hasOutline()\">\n\t@for (fase of listaFase(); track $index;let fIndex = $index) {\n\t<div class=\"areaFase g-fields\" [style.--fase]=\"faseIndex()\" [class.ativo]=\"faseIndex() == fIndex\"\n\t\t[style.--g-fields-min]=\"fase.gridMin\" [style.--g-fields-max]=\"fase.gridMax\"\n\t\t[class.showOutlineFields]=\"hasOutline()\">\n\t\t@for (faseGrupo of faseGrupo(); track $index) {\n\t\t@if(faseGrupo.faseIndex == fIndex){\n\n\t\t@if(faseGrupo.tipo == 'campo' && faseGrupo.campo){\n\n\t\t<fields-g [form]=\"form\" [name]=\"faseGrupo.campo.prop\"\n\t\t\t[class]=\"faseGrupo.campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\n\t\t} @else if (faseGrupo.tipo == 'grupo' && faseGrupo.grupo) {\n\n\t\t<div class=\"field-group\" [style.grid-area]=\"faseGrupo.grupo.area ?? 'auto / auto / auto / span 2'\">\n\t\t\t@if(faseGrupo.grupo.titulo){ <div class=\"group-title\"\n\t\t\t\t[style.grid-area]=\"faseGrupo.grupo.tituloArea ?? 'auto / auto / auto / span 2'\">{{\n\t\t\t\tfaseGrupo.grupo!.titulo }}</div> }\n\t\t\t@for(campo of faseGrupo.grupo!.campos; track $index){\n\t\t\t<fields-g [form]=\"form\" [name]=\"campo\"\n\t\t\t\t[class]=\"form.campos()[campo]?.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\t\t\t}\n\t\t</div>\n\n\t\t}@else{\n\n\t\t<div class=\"card bg-danger\"> \u274C Falha tipo {{ faseGrupo.tipo }}.<br> Campo {{ faseGrupo.nome }} n\u00E3o encontrado!</div>\n\t\t}\n\n\t\t}\n\t\t}\n\t</div>\n\t}\n</div>\n\n}@else {\n<div class=\"g-fields\" [style.--g-fields-min]=\"gmin()\" [style.--g-fields-max]=\"gmax()\"\n\t[class.showOutlineFields]=\"hasOutline()\">\n\n\t@for (campo of form.listaCampos(); track $index) {\n\t<fields-g [form]=\"form\" [name]=\"campo.prop\" [class]=\"campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\t}\n\n</div>\n}\n\n<div class=\"buttonsGap\">\n\t<ui-button tipo=\"fill\" tema=\"primary\" (clicked)=\"onSave()\" [disabled]=\"isDisabledAction()\" class=\"botaoAcaoSave\">\n\t\t@if(showFormControls()){\n\t\t<div class=\"icons\">\n\t\t\t@for (task of tasksToSave(); track $index) {\n\t\t\t<i [class]=\"task.icone\" [class.done]=\"task.done\" [class.success]=\"task.success == true\"\n\t\t\t\t[class.fail]=\"task.success == false\"></i>\n\t\t\t}\n\t\t</div>\n\t\t}\n\t\t<div class=\"f-1\">\n\t\t\t{{ actionTitle() ?? 'Salvar' }}\n\t\t</div>\n\t\t@if(isLoadingActive()){\n\t\t<div class=\"loadingSubmit\">\n\t\t\t<ui-loading></ui-loading>\n\t\t</div>\n\t\t}\n\t</ui-button>\n\t<ng-content></ng-content>\n</div>\n\n@if(showFormControls()){\n<ui-form-controls [form]=\"form\" [recebido]=\"this.values()\" [(hasOutline)]=\"hasOutline\" [faseIndex]=\"faseIndex()\"\n\t[totalFases]=\"listaFase().length\"></ui-form-controls>\n}", styles: [":host{display:block;width:100%}.buttonsGap{display:flex;flex-direction:var(--ui-form-flex-direction, column);gap:var(--sys-gap);margin-top:var(--sys-gap);z-index:9}.fieldHidden{display:none}.showOutlineFields fields-g{outline:1px dashed #555;z-index:2}.icons{display:flex;flex-direction:row;gap:5px;justify-content:center;align-items:center}.icons .done{color:var(--sys-warning)}.icons .done.success{color:var(--sys-success)}.icons .done.fail{color:var(--sys-error)}.containerFases{display:flex;flex-direction:row;width:100%;gap:calc(var(--sys-gap) * 2);margin-top:var(--sys-gap);margin-bottom:var(--sys-gap);overflow:hidden;position:relative;padding:2px;z-index:10}.containerFases.showOutlineFields{outline:1px solid var(--sys-outline)}.areaFase{transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;width:100%;min-width:100%;flex-shrink:0;height:fit-content;transform:translate(calc(var(--fase, 0) * (100% + (var(--sys-gap) * 2)) * -1))}.areaFase.ativo{opacity:1}.areaFase:not(.ativo){opacity:0;height:1px}.botaoAcaoSave{position:relative}.loadingSubmit{position:absolute;right:5px;font-size:32px;display:flex;justify-content:center;align-items:center}\n", "g-fields{display:grid;grid-template-columns:1fr;gap:var(--sys-gap, 16px)}@media(min-width:768px){.g-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--g-fields-min, auto),var(--g-fields-max, auto)));gap:var(--sys-gap, 16px)}}\n"] }]
         }], propDecorators: { hasOutline: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasOutline", required: false }] }, { type: i0.Output, args: ["hasOutlineChange"] }], actionTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionTitle", required: false }] }], sendValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "sendValues", required: false }] }], sending: [{ type: i0.Output, args: ["sending"] }], done: [{ type: i0.Output, args: ["done"] }], taskTocar: [{ type: i0.Input, args: [{ isSignal: true, alias: "taskTocar", required: false }] }], taskSanitizar: [{ type: i0.Input, args: [{ isSignal: true, alias: "taskSanitizar", required: false }] }], taskDisponiveis: [{ type: i0.Input, args: [{ isSignal: true, alias: "taskDisponiveis", required: false }] }], taskValidar: [{ type: i0.Input, args: [{ isSignal: true, alias: "taskValidar", required: false }] }], taskEnviar: [{ type: i0.Input, args: [{ isSignal: true, alias: "taskEnviar", required: false }] }] } });
 
 class FormNoAction extends BaseFieldsValues {
@@ -6238,11 +6238,11 @@ class FormNoAction extends BaseFieldsValues {
     }
     hasOutline = model(false, ...(ngDevMode ? [{ debugName: "hasOutline" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormNoAction, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FormNoAction, isStandalone: true, selector: "fields-form-no-action", inputs: { hasOutline: { classPropertyName: "hasOutline", publicName: "hasOutline", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { hasOutline: "hasOutlineChange" }, usesInheritance: true, ngImport: i0, template: "<div class=\"g-fields\" [style.--g-fields-min]=\"gmin()\" [style.--g-fields-max]=\"gmax()\">\n\n\t@for (campo of form.listaCampos(); track $index) {\n\t<fields-g [form]=\"form\" [name]=\"campo.prop\" [class]=\"campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\t}\n\n</div>\n\n@if(showFormControls()){\n<ui-form-controls [form]=\"form\" [recebido]=\"this.values()\" [(hasOutline)]=\"hasOutline\" [faseIndex]=\"faseIndex()\"\n\t[totalFases]=\"listaFase().length\"></ui-form-controls>\n}", styles: [":host{display:block;width:100%}.buttonsGap{display:flex;flex-direction:var(--ui-form-flex-direction, column);gap:var(--sys-gap);margin-top:var(--sys-gap)}.fieldHidden{display:none}.areaValues{outline:1px solid color-mix(in srgb,var(--sys-outline) 50%,transparent 50%);background-color:color-mix(in srgb,var(--sys-card) 80%,var(--sys-background) 20%);border-radius:var(--sys-border-radius);padding:.5rem;gap:var(--sys-gap);margin-top:var(--sys-gap);display:flex;flex-direction:row;flex-wrap:wrap}.areaValues .card{flex:1;overflow:auto}\n"], dependencies: [{ kind: "component", type: FieldsGeneric, selector: "fields-g" }, { kind: "component", type: FormControls, selector: "ui-form-controls", inputs: ["form", "recebido", "hasOutline", "faseIndex", "totalFases"], outputs: ["hasOutlineChange"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FormNoAction, isStandalone: true, selector: "fields-form-no-action", inputs: { hasOutline: { classPropertyName: "hasOutline", publicName: "hasOutline", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { hasOutline: "hasOutlineChange" }, usesInheritance: true, ngImport: i0, template: "<div class=\"g-fields\" [style.--g-fields-min]=\"gmin()\" [style.--g-fields-max]=\"gmax()\">\n\n\t@for (campo of form.listaCampos(); track $index) {\n\t<fields-g [form]=\"form\" [name]=\"campo.prop\" [class]=\"campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\t}\n\n</div>\n\n@if(showFormControls()){\n<ui-form-controls [form]=\"form\" [recebido]=\"this.values()\" [(hasOutline)]=\"hasOutline\" [faseIndex]=\"faseIndex()\"\n\t[totalFases]=\"listaFase().length\"></ui-form-controls>\n}", styles: [":host{display:block;width:100%}.buttonsGap{display:flex;flex-direction:var(--ui-form-flex-direction, column);gap:var(--sys-gap);margin-top:var(--sys-gap)}.fieldHidden{display:none}.areaValues{outline:1px solid color-mix(in srgb,var(--sys-outline) 50%,transparent 50%);background-color:color-mix(in srgb,var(--sys-card) 80%,var(--sys-background) 20%);border-radius:var(--sys-border-radius);padding:.5rem;gap:var(--sys-gap);margin-top:var(--sys-gap);display:flex;flex-direction:row;flex-wrap:wrap}.areaValues .card{flex:1;overflow:auto}\n", "g-fields{display:grid;grid-template-columns:1fr;gap:var(--sys-gap, 16px)}@media(min-width:768px){.g-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--g-fields-min, auto),var(--g-fields-max, auto)));gap:var(--sys-gap, 16px)}}\n"], dependencies: [{ kind: "component", type: FieldsGeneric, selector: "fields-g" }, { kind: "component", type: FormControls, selector: "ui-form-controls", inputs: ["form", "recebido", "hasOutline", "faseIndex", "totalFases"], outputs: ["hasOutlineChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormNoAction, decorators: [{
             type: Component,
-            args: [{ selector: 'fields-form-no-action', imports: [FieldsGeneric, FormControls], template: "<div class=\"g-fields\" [style.--g-fields-min]=\"gmin()\" [style.--g-fields-max]=\"gmax()\">\n\n\t@for (campo of form.listaCampos(); track $index) {\n\t<fields-g [form]=\"form\" [name]=\"campo.prop\" [class]=\"campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\t}\n\n</div>\n\n@if(showFormControls()){\n<ui-form-controls [form]=\"form\" [recebido]=\"this.values()\" [(hasOutline)]=\"hasOutline\" [faseIndex]=\"faseIndex()\"\n\t[totalFases]=\"listaFase().length\"></ui-form-controls>\n}", styles: [":host{display:block;width:100%}.buttonsGap{display:flex;flex-direction:var(--ui-form-flex-direction, column);gap:var(--sys-gap);margin-top:var(--sys-gap)}.fieldHidden{display:none}.areaValues{outline:1px solid color-mix(in srgb,var(--sys-outline) 50%,transparent 50%);background-color:color-mix(in srgb,var(--sys-card) 80%,var(--sys-background) 20%);border-radius:var(--sys-border-radius);padding:.5rem;gap:var(--sys-gap);margin-top:var(--sys-gap);display:flex;flex-direction:row;flex-wrap:wrap}.areaValues .card{flex:1;overflow:auto}\n"] }]
+            args: [{ selector: 'fields-form-no-action', imports: [FieldsGeneric, FormControls], template: "<div class=\"g-fields\" [style.--g-fields-min]=\"gmin()\" [style.--g-fields-max]=\"gmax()\">\n\n\t@for (campo of form.listaCampos(); track $index) {\n\t<fields-g [form]=\"form\" [name]=\"campo.prop\" [class]=\"campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\t}\n\n</div>\n\n@if(showFormControls()){\n<ui-form-controls [form]=\"form\" [recebido]=\"this.values()\" [(hasOutline)]=\"hasOutline\" [faseIndex]=\"faseIndex()\"\n\t[totalFases]=\"listaFase().length\"></ui-form-controls>\n}", styles: [":host{display:block;width:100%}.buttonsGap{display:flex;flex-direction:var(--ui-form-flex-direction, column);gap:var(--sys-gap);margin-top:var(--sys-gap)}.fieldHidden{display:none}.areaValues{outline:1px solid color-mix(in srgb,var(--sys-outline) 50%,transparent 50%);background-color:color-mix(in srgb,var(--sys-card) 80%,var(--sys-background) 20%);border-radius:var(--sys-border-radius);padding:.5rem;gap:var(--sys-gap);margin-top:var(--sys-gap);display:flex;flex-direction:row;flex-wrap:wrap}.areaValues .card{flex:1;overflow:auto}\n", "g-fields{display:grid;grid-template-columns:1fr;gap:var(--sys-gap, 16px)}@media(min-width:768px){.g-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--g-fields-min, auto),var(--g-fields-max, auto)));gap:var(--sys-gap, 16px)}}\n"] }]
         }], propDecorators: { hasOutline: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasOutline", required: false }] }, { type: i0.Output, args: ["hasOutlineChange"] }] } });
 
 class FormatedValues {