@masterkeymaterial/ui 0.0.3 → 0.0.5

package/fesm2022/masterkeymaterial-ui.mjs

@@ -4,8 +4,52 @@ import { autoUpdate, computePosition, offset, flip, shift } from '@floating-ui/d
 import { NgComponentOutlet } from '@angular/common';
 import { DomSanitizer } from '@angular/platform-browser';
 
+////////////////////////////////////
+// CONSOLES: LOG - WARN - ERR ...
+////////////////////////////////////
+// LibUtil.loglevel: 1,2,3 => Bigger will see more
+let loglevel = 0;
+const setLogLevel = (level) => {
+    loglevel = level;
+};
+const LOG = (level, ...attr) => {
+    if ((loglevel ?? 0) >= level) {
+        return console.log(...attr);
+    }
+};
+// export const WARN = (level: number, ...attr: any) => {
+//   if ((loglevel ?? 0) >= level) {
+//     return console.warn(...attr);
+//   }
+// }
+// export const ERR = (level: number, ...attr: any) => {
+//   if ((loglevel ?? 0) >= level) {
+//     return console.error(...attr);
+//   }
+// }
+const G_START = (level, ...attr) => {
+    if ((loglevel ?? 0) >= level) {
+        return console.groupCollapsed(...attr);
+    }
+};
+const G_START_OPEN = (level, ...attr) => {
+    if ((loglevel ?? 0) >= level) {
+        return console.group(...attr);
+    }
+};
+const G_END = (level, ...attr) => {
+    if ((loglevel ?? 0) >= level) {
+        return console.groupEnd();
+    }
+};
+// LOG COLAPSADO
+const LOGC = (level, title, ...attr) => {
+    G_START(level, title);
+    LOG(level, ...attr);
+    G_END(level);
+};
+
 class LibUtil {
-    static loglevel = 0;
     static formConfigs = {};
     static classof = (o) => {
         let nomeClasse = Object.prototype.toString.call(o).slice(8, -1).toLowerCase();
@@ -2012,9 +2056,6 @@ class LibUtil {
             return texto + "s";
         }
     }
-    static setLogLevel(level) {
-        LibUtil.loglevel = level;
-    }
     static setFormConfigs(configs) {
         LibUtil.formConfigs = configs;
     }
@@ -2081,46 +2122,6 @@ class LibUtil {
         return texto;
     }
 }
-////////////////////////////////////
-// CONSOLES: LOG - WARN - ERR ...
-////////////////////////////////////
-// LibUtil.loglevel: 1,2,3 => Bigger will see more
-const LOG = (level, ...attr) => {
-    if (LibUtil.loglevel >= level) {
-        return console.log(...attr);
-    }
-};
-// export const WARN = (level: number, ...attr: any) => {
-//   if (LibUtil.loglevel >= level) {
-//     return console.warn(...attr);
-//   }
-// }
-// export const ERR = (level: number, ...attr: any) => {
-//   if (LibUtil.loglevel >= level) {
-//     return console.error(...attr);
-//   }
-// }
-const G_START = (level, ...attr) => {
-    if (LibUtil.loglevel >= level) {
-        return console.groupCollapsed(...attr);
-    }
-};
-const G_START_OPEN = (level, ...attr) => {
-    if (LibUtil.loglevel >= level) {
-        return console.group(...attr);
-    }
-};
-const G_END = (level, ...attr) => {
-    if (LibUtil.loglevel >= level) {
-        return console.groupEnd();
-    }
-};
-// LOG COLAPSADO
-const LOGC = (level, title, ...attr) => {
-    G_START(level, title);
-    LOG(level, ...attr);
-    G_END(level);
-};
 
 class Formulario {
     campos = signal({}, ...(ngDevMode ? [{ debugName: "campos" }] : /* istanbul ignore next */ []));
@@ -3329,11 +3330,11 @@ class UiButton {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: UiButton, isStandalone: true, selector: "ui-button", inputs: { icone: { classPropertyName: "icone", publicName: "icone", isSignal: true, isRequired: false, transformFunction: null }, iconeAntes: { classPropertyName: "iconeAntes", publicName: "iconeAntes", isSignal: true, isRequired: false, transformFunction: null }, iconeDepois: { classPropertyName: "iconeDepois", publicName: "iconeDepois", isSignal: true, isRequired: false, transformFunction: null }, iconeCategory: { classPropertyName: "iconeCategory", publicName: "iconeCategory", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, eventPropagation: { classPropertyName: "eventPropagation", publicName: "eventPropagation", isSignal: true, isRequired: false, transformFunction: null }, radiusTabFormat: { classPropertyName: "radiusTabFormat", publicName: "radiusTabFormat", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, tipo: { classPropertyName: "tipo", publicName: "tipo", isSignal: true, isRequired: false, transformFunction: null }, tema: { classPropertyName: "tema", publicName: "tema", isSignal: true, isRequired: false, transformFunction: null }, classes: { classPropertyName: "classes", publicName: "classes", isSignal: true, isRequired: false, transformFunction: null }, ativo: { classPropertyName: "ativo", publicName: "ativo", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { icone: "iconeChange", iconeAntes: "iconeAntesChange", iconeDepois: "iconeDepoisChange", iconeCategory: "iconeCategoryChange", clicked: "clicked", tema: "temaChange" }, viewQueries: [{ propertyName: "botao", first: true, predicate: ["botao"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "rippleEffect", first: true, predicate: ["rippleEffect"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "ripple", first: true, predicate: ["ripple"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<button #botao type=\"button\" [class]=\"buttonClasses()\" [style.--btnr-corFundo]=\"corFundo()\"\r\n\t[style.--btnr-corFrente]=\"corFrente()\" [disabled]=\"disabled()\" [tabIndex]=\"tabindex()\"\r\n\t[class.radiusTabFormat]=\"radiusTabFormat()\" [class.disabled]=\"disabled()\" [class.ativo]=\"ativo()\"\r\n\t(keyup.Enter)=\"onKeyPressed($event)\" [class.category]=\"isCategory()\">\r\n\t@if(icone() && iconeAntes()){ <div class=\"icone iconeAntes\"><i [class]=\"icone()\"></i></div> }\r\n\t<ng-content />\r\n\t@if(icone() && iconeDepois()){ <div class=\"icone iconeDepois\"><i [class]=\"icone()\"></i></div> }\r\n\t@if(isCategory()){ <div class=\"icone iconeCategory\"><i [class]=\"iconeCategory()\"></i></div> }\r\n\t<span #rippleEffect class=\"expandedClick\" (click)=\"onClickExpanded($event)\">\r\n\t\t<span #ripple class=\"ripple\"></span>\r\n\t</span>\r\n</button>", styles: [":host{display:block;-webkit-user-select:none;user-select:none}button{width:var(--ui-width, 100%);height:var(--ui-height, 40px);min-height:var(--ui-min-height, auto);display:var(--ui-display, flex);flex-direction:var(--ui-flex-direction, row);justify-content:var(--ui-justify-content, center);align-items:var(--ui-align-items, center);background-color:var(--ui-background, var(--sys-background));color:var(--ui-on-background, var(--sys-on-background));border-radius:var(--ui-border-radius, var(--MasterRadius, 15px));gap:var(--ui-gap, .5rem);text-align:var(--ui-text-align, center);font-size:var(--ui-font-size, 14px);cursor:pointer;text-decoration:none;border:none;position:relative;padding:var(--ui-padding, 0 16px);outline:1px solid var(--ui-outline-color, transparent);outline-offset:var(--ui-outline-offset, -1px);margin:var(--ui-margin, 0);--button-transparency: var(--ui-effect-color, light-dark(#00000025, #ffffff25))}button.radiusTabFormat{border-radius:var(--MasterRadius, 15px) var(--MasterRadius, 15px) 0 0}button:hover,button:focus-visible{filter:brightness(1.1) saturate(1.1)}button.icon:hover,button.nofill:hover,button.outlined:hover,button.menu-item:hover,button.menu-item-category:hover,button.sidebar-item:hover,button.sidebar-item-category:hover,button.big:hover,button.big:focus-visible,button.icon:focus-visible,button.nofill:focus-visible{background-color:color-mix(in srgb,var(--btnr-corFundo, hsl(0 0 50)) 10%,transparent 90%)}.expandedClick:hover{cursor:pointer}button.fill{background-color:var(--btnr-corFundo, var(--sys-background));color:var(--btnr-corFrente, var(--sys-on-background));--ui-cor-icone: var(--btnr-corFrente, var(--sys-on-background))}button.nofill{background-color:var(--ui-background, transparent);color:var(--ui-on-background, var(--btnr-corFundo, var(--sys-on-background)))}button.icon{background-color:transparent;--ui-cor-icone: var(--ui-on-background, var(--btnr-corFundo));height:var(--ui-height, 100%);min-width:36px;aspect-ratio:1 / 1;padding:0;display:flex;align-items:center;justify-content:center}button.outlined{outline:1px solid var(--ui-outline-color, var(--sys-outline));color:var(--btnr-corFundo);background-color:transparent}button.menu-item,button.menu-item-category{color:var(--ui-color, var(--sys-on-background));background-color:transparent;border-radius:0;padding:var(--ui-padding, 0 16px);height:var(--ui-height, auto);min-height:var(--ui-min-height, 40px);justify-content:var(--ui-justify-content, flex-start)}button.raised{color:var(--btnr-corFundo);background-color:color-mix(in srgb,var(--sys-background) 40%,transparent 60%);box-shadow:2px 2px 4px var(--button-transparency),inset -1px -1px 1px var(--button-transparency)}button.big{background-color:transparent;color:var(--btnr-corFundo);height:var(--ui-height, 100%);padding:var(--ui-padding, 10px)}button.sidebar-item,button.sidebar-item-category{color:var(--ui-color, var(--sys-on-background));background-color:transparent;border-radius:0;padding:var(--ui-padding, 0 16px);height:var(--ui-height, auto);min-height:var(--ui-min-height, 40px);justify-content:var(--ui-justify-content, flex-start);border-top-right-radius:var(--MasterRadius);border-bottom-right-radius:var(--MasterRadius);transition:all .3s;outline:none}.ripple{position:absolute;border-radius:50%;background:var(--button-transparency);transform:scale(0);animation:ripple-animation .7s ease-out;pointer-events:none;z-index:2}@keyframes ripple-animation{to{transform:scale(1.4);opacity:0}}.expandedClick{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;overflow:hidden;border-radius:inherit}.icon .expandedClick{transform:scale(1.1)}.disabled,.disabled .expandedClick{pointer-events:none;cursor:default;filter:grayscale(1);opacity:.7}.icone{flex:0;opacity:var(--ui-opacity, 1);font-size:var(--ui-font-size-icone, var(--ui-font-size));color:var(--ui-cor-icone, var(--btnr-corFundo, var(--sys-on-background)))}.iconeCategory{position:absolute;right:10px;transition:transform .3s}.ativo{outline:1px outset var(--sys-high);box-shadow:0 0 1px var(--sys-high),inset 0 0 5px var(--sys-high);border-radius:var(--MasterRadius)}button.sidebar-item.ativo,button.sidebar-item-category.ativo{outline:none;box-shadow:none;background-color:color-mix(in srgb,var(--btnr-corFundo, hsl(0 0 50)) 10%,transparent 90%)}button.sidebar-item-category.category.ativo .iconeCategory{transform:rotate(180deg);transition:transform .3s}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: UiButton, isStandalone: true, selector: "ui-button", inputs: { icone: { classPropertyName: "icone", publicName: "icone", isSignal: true, isRequired: false, transformFunction: null }, iconeAntes: { classPropertyName: "iconeAntes", publicName: "iconeAntes", isSignal: true, isRequired: false, transformFunction: null }, iconeDepois: { classPropertyName: "iconeDepois", publicName: "iconeDepois", isSignal: true, isRequired: false, transformFunction: null }, iconeCategory: { classPropertyName: "iconeCategory", publicName: "iconeCategory", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, eventPropagation: { classPropertyName: "eventPropagation", publicName: "eventPropagation", isSignal: true, isRequired: false, transformFunction: null }, radiusTabFormat: { classPropertyName: "radiusTabFormat", publicName: "radiusTabFormat", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, tipo: { classPropertyName: "tipo", publicName: "tipo", isSignal: true, isRequired: false, transformFunction: null }, tema: { classPropertyName: "tema", publicName: "tema", isSignal: true, isRequired: false, transformFunction: null }, classes: { classPropertyName: "classes", publicName: "classes", isSignal: true, isRequired: false, transformFunction: null }, ativo: { classPropertyName: "ativo", publicName: "ativo", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { icone: "iconeChange", iconeAntes: "iconeAntesChange", iconeDepois: "iconeDepoisChange", iconeCategory: "iconeCategoryChange", clicked: "clicked", tema: "temaChange" }, viewQueries: [{ propertyName: "botao", first: true, predicate: ["botao"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "rippleEffect", first: true, predicate: ["rippleEffect"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "ripple", first: true, predicate: ["ripple"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<button #botao type=\"button\" [class]=\"buttonClasses()\" [style.--btnr-corFundo]=\"corFundo()\"\n\t[style.--btnr-corFrente]=\"corFrente()\" [disabled]=\"disabled()\" [tabIndex]=\"tabindex()\"\n\t[class.radiusTabFormat]=\"radiusTabFormat()\" [class.disabled]=\"disabled()\" [class.ativo]=\"ativo()\"\n\t(keyup.Enter)=\"onKeyPressed($event)\" [class.category]=\"isCategory()\">\n\t@if(icone() && iconeAntes()){ <div class=\"icone iconeAntes\"><i [class]=\"icone()\"></i></div> }\n\t<ng-content />\n\t@if(icone() && iconeDepois()){ <div class=\"icone iconeDepois\"><i [class]=\"icone()\"></i></div> }\n\t@if(isCategory()){ <div class=\"icone iconeCategory\"><i [class]=\"iconeCategory()\"></i></div> }\n\t<span #rippleEffect class=\"expandedClick\" (click)=\"onClickExpanded($event)\">\n\t\t<span #ripple class=\"ripple\"></span>\n\t</span>\n</button>", styles: [":host{display:block;-webkit-user-select:none;user-select:none}button{width:var(--ui-width, 100%);height:var(--ui-height, 40px);min-height:var(--ui-min-height, auto);display:var(--ui-display, flex);flex-direction:var(--ui-flex-direction, row);justify-content:var(--ui-justify-content, center);align-items:var(--ui-align-items, center);background-color:var(--ui-background, var(--sys-background));color:var(--ui-on-background, var(--sys-on-background));border-radius:var(--ui-border-radius, var(--MasterRadius, 15px));gap:var(--ui-gap, .5rem);text-align:var(--ui-text-align, center);font-size:var(--ui-font-size, 14px);cursor:pointer;text-decoration:none;border:none;position:relative;padding:var(--ui-padding, 0 16px);outline:1px solid var(--ui-outline-color, transparent);outline-offset:var(--ui-outline-offset, -1px);margin:var(--ui-margin, 0);--button-transparency: var(--ui-effect-color, light-dark(#00000025, #ffffff25))}button.radiusTabFormat{border-radius:var(--MasterRadius, 15px) var(--MasterRadius, 15px) 0 0}button:hover,button:focus-visible{filter:brightness(1.1) saturate(1.1)}button.icon:hover,button.nofill:hover,button.outlined:hover,button.menu-item:hover,button.menu-item-category:hover,button.sidebar-item:hover,button.sidebar-item-category:hover,button.big:hover,button.big:focus-visible,button.icon:focus-visible,button.nofill:focus-visible{background-color:color-mix(in srgb,var(--btnr-corFundo, hsl(0 0 50)) 10%,transparent 90%)}.expandedClick:hover{cursor:pointer}button.fill{background-color:var(--btnr-corFundo, var(--sys-background));color:var(--btnr-corFrente, var(--sys-on-background));--ui-cor-icone: var(--btnr-corFrente, var(--sys-on-background))}button.nofill{background-color:var(--ui-background, transparent);color:var(--ui-on-background, var(--btnr-corFundo, var(--sys-on-background)))}button.icon{background-color:transparent;--ui-cor-icone: var(--ui-on-background, var(--btnr-corFundo));height:var(--ui-height, 100%);min-width:36px;aspect-ratio:1 / 1;padding:0;display:flex;align-items:center;justify-content:center}button.outlined{outline:1px solid var(--ui-outline-color, var(--sys-outline));color:var(--btnr-corFundo);background-color:transparent}button.menu-item,button.menu-item-category{color:var(--ui-color, var(--sys-on-background));background-color:transparent;border-radius:0;padding:var(--ui-padding, 0 16px);height:var(--ui-height, auto);min-height:var(--ui-min-height, 40px);justify-content:var(--ui-justify-content, flex-start)}button.raised{color:var(--btnr-corFundo);background-color:color-mix(in srgb,var(--sys-background) 40%,transparent 60%);box-shadow:2px 2px 4px var(--button-transparency),inset -1px -1px 1px var(--button-transparency)}button.big{background-color:transparent;color:var(--btnr-corFundo);height:var(--ui-height, 100%);padding:var(--ui-padding, 10px)}button.sidebar-item,button.sidebar-item-category{color:var(--ui-color, var(--sys-on-background));background-color:transparent;border-radius:0;padding:var(--ui-padding, 0 16px);height:var(--ui-height, auto);min-height:var(--ui-min-height, 40px);justify-content:var(--ui-justify-content, flex-start);border-top-right-radius:var(--MasterRadius);border-bottom-right-radius:var(--MasterRadius);transition:all .3s;outline:none}.ripple{position:absolute;border-radius:50%;background:var(--button-transparency);transform:scale(0);animation:ripple-animation .7s ease-out;pointer-events:none;z-index:2}@keyframes ripple-animation{to{transform:scale(1.4);opacity:0}}.expandedClick{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;overflow:hidden;border-radius:inherit}.icon .expandedClick{transform:scale(1.1)}.disabled,.disabled .expandedClick{pointer-events:none;cursor:default;filter:grayscale(1);opacity:.7}.icone{flex:0;opacity:var(--ui-opacity, 1);font-size:var(--ui-font-size-icone, var(--ui-font-size));color:var(--ui-cor-icone, var(--btnr-corFundo, var(--sys-on-background)))}.iconeCategory{position:absolute;right:10px;transition:transform .3s}.ativo{outline:1px outset var(--sys-high);box-shadow:0 0 1px var(--sys-high),inset 0 0 5px var(--sys-high);border-radius:var(--MasterRadius)}button.sidebar-item.ativo,button.sidebar-item-category.ativo{outline:none;box-shadow:none;background-color:color-mix(in srgb,var(--btnr-corFundo, hsl(0 0 50)) 10%,transparent 90%)}button.sidebar-item-category.category.ativo .iconeCategory{transform:rotate(180deg);transition:transform .3s}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiButton, decorators: [{
             type: Component,
-            args: [{ selector: 'ui-button', template: "<button #botao type=\"button\" [class]=\"buttonClasses()\" [style.--btnr-corFundo]=\"corFundo()\"\r\n\t[style.--btnr-corFrente]=\"corFrente()\" [disabled]=\"disabled()\" [tabIndex]=\"tabindex()\"\r\n\t[class.radiusTabFormat]=\"radiusTabFormat()\" [class.disabled]=\"disabled()\" [class.ativo]=\"ativo()\"\r\n\t(keyup.Enter)=\"onKeyPressed($event)\" [class.category]=\"isCategory()\">\r\n\t@if(icone() && iconeAntes()){ <div class=\"icone iconeAntes\"><i [class]=\"icone()\"></i></div> }\r\n\t<ng-content />\r\n\t@if(icone() && iconeDepois()){ <div class=\"icone iconeDepois\"><i [class]=\"icone()\"></i></div> }\r\n\t@if(isCategory()){ <div class=\"icone iconeCategory\"><i [class]=\"iconeCategory()\"></i></div> }\r\n\t<span #rippleEffect class=\"expandedClick\" (click)=\"onClickExpanded($event)\">\r\n\t\t<span #ripple class=\"ripple\"></span>\r\n\t</span>\r\n</button>", styles: [":host{display:block;-webkit-user-select:none;user-select:none}button{width:var(--ui-width, 100%);height:var(--ui-height, 40px);min-height:var(--ui-min-height, auto);display:var(--ui-display, flex);flex-direction:var(--ui-flex-direction, row);justify-content:var(--ui-justify-content, center);align-items:var(--ui-align-items, center);background-color:var(--ui-background, var(--sys-background));color:var(--ui-on-background, var(--sys-on-background));border-radius:var(--ui-border-radius, var(--MasterRadius, 15px));gap:var(--ui-gap, .5rem);text-align:var(--ui-text-align, center);font-size:var(--ui-font-size, 14px);cursor:pointer;text-decoration:none;border:none;position:relative;padding:var(--ui-padding, 0 16px);outline:1px solid var(--ui-outline-color, transparent);outline-offset:var(--ui-outline-offset, -1px);margin:var(--ui-margin, 0);--button-transparency: var(--ui-effect-color, light-dark(#00000025, #ffffff25))}button.radiusTabFormat{border-radius:var(--MasterRadius, 15px) var(--MasterRadius, 15px) 0 0}button:hover,button:focus-visible{filter:brightness(1.1) saturate(1.1)}button.icon:hover,button.nofill:hover,button.outlined:hover,button.menu-item:hover,button.menu-item-category:hover,button.sidebar-item:hover,button.sidebar-item-category:hover,button.big:hover,button.big:focus-visible,button.icon:focus-visible,button.nofill:focus-visible{background-color:color-mix(in srgb,var(--btnr-corFundo, hsl(0 0 50)) 10%,transparent 90%)}.expandedClick:hover{cursor:pointer}button.fill{background-color:var(--btnr-corFundo, var(--sys-background));color:var(--btnr-corFrente, var(--sys-on-background));--ui-cor-icone: var(--btnr-corFrente, var(--sys-on-background))}button.nofill{background-color:var(--ui-background, transparent);color:var(--ui-on-background, var(--btnr-corFundo, var(--sys-on-background)))}button.icon{background-color:transparent;--ui-cor-icone: var(--ui-on-background, var(--btnr-corFundo));height:var(--ui-height, 100%);min-width:36px;aspect-ratio:1 / 1;padding:0;display:flex;align-items:center;justify-content:center}button.outlined{outline:1px solid var(--ui-outline-color, var(--sys-outline));color:var(--btnr-corFundo);background-color:transparent}button.menu-item,button.menu-item-category{color:var(--ui-color, var(--sys-on-background));background-color:transparent;border-radius:0;padding:var(--ui-padding, 0 16px);height:var(--ui-height, auto);min-height:var(--ui-min-height, 40px);justify-content:var(--ui-justify-content, flex-start)}button.raised{color:var(--btnr-corFundo);background-color:color-mix(in srgb,var(--sys-background) 40%,transparent 60%);box-shadow:2px 2px 4px var(--button-transparency),inset -1px -1px 1px var(--button-transparency)}button.big{background-color:transparent;color:var(--btnr-corFundo);height:var(--ui-height, 100%);padding:var(--ui-padding, 10px)}button.sidebar-item,button.sidebar-item-category{color:var(--ui-color, var(--sys-on-background));background-color:transparent;border-radius:0;padding:var(--ui-padding, 0 16px);height:var(--ui-height, auto);min-height:var(--ui-min-height, 40px);justify-content:var(--ui-justify-content, flex-start);border-top-right-radius:var(--MasterRadius);border-bottom-right-radius:var(--MasterRadius);transition:all .3s;outline:none}.ripple{position:absolute;border-radius:50%;background:var(--button-transparency);transform:scale(0);animation:ripple-animation .7s ease-out;pointer-events:none;z-index:2}@keyframes ripple-animation{to{transform:scale(1.4);opacity:0}}.expandedClick{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;overflow:hidden;border-radius:inherit}.icon .expandedClick{transform:scale(1.1)}.disabled,.disabled .expandedClick{pointer-events:none;cursor:default;filter:grayscale(1);opacity:.7}.icone{flex:0;opacity:var(--ui-opacity, 1);font-size:var(--ui-font-size-icone, var(--ui-font-size));color:var(--ui-cor-icone, var(--btnr-corFundo, var(--sys-on-background)))}.iconeCategory{position:absolute;right:10px;transition:transform .3s}.ativo{outline:1px outset var(--sys-high);box-shadow:0 0 1px var(--sys-high),inset 0 0 5px var(--sys-high);border-radius:var(--MasterRadius)}button.sidebar-item.ativo,button.sidebar-item-category.ativo{outline:none;box-shadow:none;background-color:color-mix(in srgb,var(--btnr-corFundo, hsl(0 0 50)) 10%,transparent 90%)}button.sidebar-item-category.category.ativo .iconeCategory{transform:rotate(180deg);transition:transform .3s}\n"] }]
+            args: [{ selector: 'ui-button', template: "<button #botao type=\"button\" [class]=\"buttonClasses()\" [style.--btnr-corFundo]=\"corFundo()\"\n\t[style.--btnr-corFrente]=\"corFrente()\" [disabled]=\"disabled()\" [tabIndex]=\"tabindex()\"\n\t[class.radiusTabFormat]=\"radiusTabFormat()\" [class.disabled]=\"disabled()\" [class.ativo]=\"ativo()\"\n\t(keyup.Enter)=\"onKeyPressed($event)\" [class.category]=\"isCategory()\">\n\t@if(icone() && iconeAntes()){ <div class=\"icone iconeAntes\"><i [class]=\"icone()\"></i></div> }\n\t<ng-content />\n\t@if(icone() && iconeDepois()){ <div class=\"icone iconeDepois\"><i [class]=\"icone()\"></i></div> }\n\t@if(isCategory()){ <div class=\"icone iconeCategory\"><i [class]=\"iconeCategory()\"></i></div> }\n\t<span #rippleEffect class=\"expandedClick\" (click)=\"onClickExpanded($event)\">\n\t\t<span #ripple class=\"ripple\"></span>\n\t</span>\n</button>", styles: [":host{display:block;-webkit-user-select:none;user-select:none}button{width:var(--ui-width, 100%);height:var(--ui-height, 40px);min-height:var(--ui-min-height, auto);display:var(--ui-display, flex);flex-direction:var(--ui-flex-direction, row);justify-content:var(--ui-justify-content, center);align-items:var(--ui-align-items, center);background-color:var(--ui-background, var(--sys-background));color:var(--ui-on-background, var(--sys-on-background));border-radius:var(--ui-border-radius, var(--MasterRadius, 15px));gap:var(--ui-gap, .5rem);text-align:var(--ui-text-align, center);font-size:var(--ui-font-size, 14px);cursor:pointer;text-decoration:none;border:none;position:relative;padding:var(--ui-padding, 0 16px);outline:1px solid var(--ui-outline-color, transparent);outline-offset:var(--ui-outline-offset, -1px);margin:var(--ui-margin, 0);--button-transparency: var(--ui-effect-color, light-dark(#00000025, #ffffff25))}button.radiusTabFormat{border-radius:var(--MasterRadius, 15px) var(--MasterRadius, 15px) 0 0}button:hover,button:focus-visible{filter:brightness(1.1) saturate(1.1)}button.icon:hover,button.nofill:hover,button.outlined:hover,button.menu-item:hover,button.menu-item-category:hover,button.sidebar-item:hover,button.sidebar-item-category:hover,button.big:hover,button.big:focus-visible,button.icon:focus-visible,button.nofill:focus-visible{background-color:color-mix(in srgb,var(--btnr-corFundo, hsl(0 0 50)) 10%,transparent 90%)}.expandedClick:hover{cursor:pointer}button.fill{background-color:var(--btnr-corFundo, var(--sys-background));color:var(--btnr-corFrente, var(--sys-on-background));--ui-cor-icone: var(--btnr-corFrente, var(--sys-on-background))}button.nofill{background-color:var(--ui-background, transparent);color:var(--ui-on-background, var(--btnr-corFundo, var(--sys-on-background)))}button.icon{background-color:transparent;--ui-cor-icone: var(--ui-on-background, var(--btnr-corFundo));height:var(--ui-height, 100%);min-width:36px;aspect-ratio:1 / 1;padding:0;display:flex;align-items:center;justify-content:center}button.outlined{outline:1px solid var(--ui-outline-color, var(--sys-outline));color:var(--btnr-corFundo);background-color:transparent}button.menu-item,button.menu-item-category{color:var(--ui-color, var(--sys-on-background));background-color:transparent;border-radius:0;padding:var(--ui-padding, 0 16px);height:var(--ui-height, auto);min-height:var(--ui-min-height, 40px);justify-content:var(--ui-justify-content, flex-start)}button.raised{color:var(--btnr-corFundo);background-color:color-mix(in srgb,var(--sys-background) 40%,transparent 60%);box-shadow:2px 2px 4px var(--button-transparency),inset -1px -1px 1px var(--button-transparency)}button.big{background-color:transparent;color:var(--btnr-corFundo);height:var(--ui-height, 100%);padding:var(--ui-padding, 10px)}button.sidebar-item,button.sidebar-item-category{color:var(--ui-color, var(--sys-on-background));background-color:transparent;border-radius:0;padding:var(--ui-padding, 0 16px);height:var(--ui-height, auto);min-height:var(--ui-min-height, 40px);justify-content:var(--ui-justify-content, flex-start);border-top-right-radius:var(--MasterRadius);border-bottom-right-radius:var(--MasterRadius);transition:all .3s;outline:none}.ripple{position:absolute;border-radius:50%;background:var(--button-transparency);transform:scale(0);animation:ripple-animation .7s ease-out;pointer-events:none;z-index:2}@keyframes ripple-animation{to{transform:scale(1.4);opacity:0}}.expandedClick{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;overflow:hidden;border-radius:inherit}.icon .expandedClick{transform:scale(1.1)}.disabled,.disabled .expandedClick{pointer-events:none;cursor:default;filter:grayscale(1);opacity:.7}.icone{flex:0;opacity:var(--ui-opacity, 1);font-size:var(--ui-font-size-icone, var(--ui-font-size));color:var(--ui-cor-icone, var(--btnr-corFundo, var(--sys-on-background)))}.iconeCategory{position:absolute;right:10px;transition:transform .3s}.ativo{outline:1px outset var(--sys-high);box-shadow:0 0 1px var(--sys-high),inset 0 0 5px var(--sys-high);border-radius:var(--MasterRadius)}button.sidebar-item.ativo,button.sidebar-item-category.ativo{outline:none;box-shadow:none;background-color:color-mix(in srgb,var(--btnr-corFundo, hsl(0 0 50)) 10%,transparent 90%)}button.sidebar-item-category.category.ativo .iconeCategory{transform:rotate(180deg);transition:transform .3s}\n"] }]
         }], ctorParameters: () => [], propDecorators: { botao: [{ type: i0.ViewChild, args: ['botao', { ...{ read: ElementRef }, isSignal: true }] }], rippleEffect: [{ type: i0.ViewChild, args: ['rippleEffect', { ...{ read: ElementRef }, isSignal: true }] }], ripple: [{ type: i0.ViewChild, args: ['ripple', { ...{ read: ElementRef }, isSignal: true }] }], icone: [{ type: i0.Input, args: [{ isSignal: true, alias: "icone", required: false }] }, { type: i0.Output, args: ["iconeChange"] }], iconeAntes: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconeAntes", required: false }] }, { type: i0.Output, args: ["iconeAntesChange"] }], iconeDepois: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconeDepois", required: false }] }, { type: i0.Output, args: ["iconeDepoisChange"] }], iconeCategory: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconeCategory", required: false }] }, { type: i0.Output, args: ["iconeCategoryChange"] }], clicked: [{ type: i0.Output, args: ["clicked"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], eventPropagation: [{ type: i0.Input, args: [{ isSignal: true, alias: "eventPropagation", required: false }] }], radiusTabFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "radiusTabFormat", required: false }] }], tabindex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabindex", required: false }] }], tipo: [{ type: i0.Input, args: [{ isSignal: true, alias: "tipo", required: false }] }], tema: [{ type: i0.Input, args: [{ isSignal: true, alias: "tema", required: false }] }, { type: i0.Output, args: ["temaChange"] }], classes: [{ type: i0.Input, args: [{ isSignal: true, alias: "classes", required: false }] }], ativo: [{ type: i0.Input, args: [{ isSignal: true, alias: "ativo", required: false }] }] } });
 
 class UiChip {
@@ -3355,11 +3356,11 @@ class UiChip {
         return null;
     }, ...(ngDevMode ? [{ debugName: "hue" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiChip, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: UiChip, isStandalone: true, selector: "ui-chip", inputs: { cor: { classPropertyName: "cor", publicName: "cor", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span class=\"baseChip\" [style.--ChipHue]=\"hue() ?? 'var(--sys-hue-color1)'\">\r\n\t<ng-content></ng-content>\r\n</span>", styles: [":host{display:var(--ui-display, contents)}.baseChip{display:inline-block;font-weight:500;white-space:nowrap;-webkit-user-select:none;user-select:none;vertical-align:middle;line-height:1;outline-offset:-2px;padding:4px 7px;color:#fff;letter-spacing:1.1px;text-transform:uppercase;font-family:monospace;font-size:12px;border-radius:var(--MasterRadius);outline:1px solid hsl(var(--ChipHue) 50 var(--lightnessHalf) / 50%);color:hsl(var(--ChipHue) 50 var(--lightnessHalf));background-color:hsl(var(--ChipHue) 50 50 / 10%)}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: UiChip, isStandalone: true, selector: "ui-chip", inputs: { cor: { classPropertyName: "cor", publicName: "cor", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span class=\"baseChip\" [style.--ChipHue]=\"hue() ?? 'var(--sys-hue-color1)'\">\n\t<ng-content></ng-content>\n</span>", styles: [":host{display:var(--ui-display, contents)}.baseChip{display:inline-block;font-weight:500;white-space:nowrap;-webkit-user-select:none;user-select:none;vertical-align:middle;line-height:1;outline-offset:-2px;padding:4px 7px;color:#fff;letter-spacing:1.1px;text-transform:uppercase;font-family:monospace;font-size:12px;border-radius:var(--MasterRadius);outline:1px solid hsl(var(--ChipHue) 50 var(--lightnessHalf) / 50%);color:hsl(var(--ChipHue) 50 var(--lightnessHalf));background-color:hsl(var(--ChipHue) 50 50 / 10%)}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiChip, decorators: [{
             type: Component,
-            args: [{ selector: 'ui-chip', template: "<span class=\"baseChip\" [style.--ChipHue]=\"hue() ?? 'var(--sys-hue-color1)'\">\r\n\t<ng-content></ng-content>\r\n</span>", styles: [":host{display:var(--ui-display, contents)}.baseChip{display:inline-block;font-weight:500;white-space:nowrap;-webkit-user-select:none;user-select:none;vertical-align:middle;line-height:1;outline-offset:-2px;padding:4px 7px;color:#fff;letter-spacing:1.1px;text-transform:uppercase;font-family:monospace;font-size:12px;border-radius:var(--MasterRadius);outline:1px solid hsl(var(--ChipHue) 50 var(--lightnessHalf) / 50%);color:hsl(var(--ChipHue) 50 var(--lightnessHalf));background-color:hsl(var(--ChipHue) 50 50 / 10%)}\n"] }]
+            args: [{ selector: 'ui-chip', template: "<span class=\"baseChip\" [style.--ChipHue]=\"hue() ?? 'var(--sys-hue-color1)'\">\n\t<ng-content></ng-content>\n</span>", styles: [":host{display:var(--ui-display, contents)}.baseChip{display:inline-block;font-weight:500;white-space:nowrap;-webkit-user-select:none;user-select:none;vertical-align:middle;line-height:1;outline-offset:-2px;padding:4px 7px;color:#fff;letter-spacing:1.1px;text-transform:uppercase;font-family:monospace;font-size:12px;border-radius:var(--MasterRadius);outline:1px solid hsl(var(--ChipHue) 50 var(--lightnessHalf) / 50%);color:hsl(var(--ChipHue) 50 var(--lightnessHalf));background-color:hsl(var(--ChipHue) 50 50 / 10%)}\n"] }]
         }], propDecorators: { cor: [{ type: i0.Input, args: [{ isSignal: true, alias: "cor", required: false }] }] } });
 
 class UiDropZone {
@@ -3492,11 +3493,11 @@ class UiDropZone {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiDropZone, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", type: UiDropZone, isStandalone: true, selector: "ui-drop-zone", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, sobrepor: { classPropertyName: "sobrepor", publicName: "sobrepor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", clicked: "clicked", changed: "changed" }, viewQueries: [{ propertyName: "rippleEffect", first: true, predicate: ["rippleEffect"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "ripple", first: true, predicate: ["ripple"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<div #dropzonearea class=\"dropzone\" [class.naosobrepor]=\"!sobrepor()\" (dragenter)=\"onDropZone('dragenter',$event)\"\r\n\t(dragleave)=\"onDropZone('dragleave',$event)\" (drop)=\"onDrop($event)\" (dragover)=\"onDropZone('dragover',$event)\"\r\n\t(click)=\"onDropZone('click',$event)\" [class.disabled]=\"disabled()\" [class.dragging]=\"isDragging\">\r\n\t<span #rippleEffect class=\"rippleArea\">\r\n\t\t<span #ripple class=\"ripple\"></span>\r\n\t</span>\r\n</div>\r\n<ng-content></ng-content>", styles: [":host{display:flex;align-items:center;justify-content:center;flex:1;position:relative;overflow:hidden;padding:5px;width:100%;min-height:var(--ui-min-height, 200px)}.dropzone{--minOffset: 1px;padding:2px;display:flex;justify-content:center;align-items:center;border-radius:var(--MasterRadius);background-color:var(--sys-primary-15);cursor:pointer;outline:1px dashed var(--sys-primary);outline-offset:var(--minOffset);position:absolute;top:5px;left:5px;width:calc(100% - 10px);height:calc(100% - 10px);overflow:hidden;z-index:1}.dropzone.naosobrepor{z-index:0}.dropzone.disabled{filter:grayscale(1);cursor:auto;pointer-events:none;opacity:.8}.dropzone *{pointer-events:none}.dropzone.dragging .grid{pointer-events:none!important}.dropzone.dragging{outline:3px dashed var(--sys-primary);animation:onDragging .8s infinite ease-in-out}@keyframes onDragging{0%{outline-offset:var(--minOffset)}50%{outline-offset:-8px}to{outline-offset:var(--minOffset)}}.ripple{position:absolute;border-radius:50%;background:rgba(var(--toDark),.2);transform:scale(0);animation:ripple-animation .7s ease-out;pointer-events:none;z-index:2}@keyframes ripple-animation{to{transform:scale(1.4);opacity:0}}.ripple.red{background:#f003}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", type: UiDropZone, isStandalone: true, selector: "ui-drop-zone", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, sobrepor: { classPropertyName: "sobrepor", publicName: "sobrepor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", clicked: "clicked", changed: "changed" }, viewQueries: [{ propertyName: "rippleEffect", first: true, predicate: ["rippleEffect"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "ripple", first: true, predicate: ["ripple"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<div #dropzonearea class=\"dropzone\" [class.naosobrepor]=\"!sobrepor()\" (dragenter)=\"onDropZone('dragenter',$event)\"\n\t(dragleave)=\"onDropZone('dragleave',$event)\" (drop)=\"onDrop($event)\" (dragover)=\"onDropZone('dragover',$event)\"\n\t(click)=\"onDropZone('click',$event)\" [class.disabled]=\"disabled()\" [class.dragging]=\"isDragging\">\n\t<span #rippleEffect class=\"rippleArea\">\n\t\t<span #ripple class=\"ripple\"></span>\n\t</span>\n</div>\n<ng-content></ng-content>", styles: [":host{display:flex;align-items:center;justify-content:center;flex:1;position:relative;overflow:hidden;padding:5px;width:100%;min-height:var(--ui-min-height, 200px)}.dropzone{--minOffset: 1px;padding:2px;display:flex;justify-content:center;align-items:center;border-radius:var(--MasterRadius);background-color:var(--sys-primary-15);cursor:pointer;outline:1px dashed var(--sys-primary);outline-offset:var(--minOffset);position:absolute;top:5px;left:5px;width:calc(100% - 10px);height:calc(100% - 10px);overflow:hidden;z-index:1}.dropzone.naosobrepor{z-index:0}.dropzone.disabled{filter:grayscale(1);cursor:auto;pointer-events:none;opacity:.8}.dropzone *{pointer-events:none}.dropzone.dragging .grid{pointer-events:none!important}.dropzone.dragging{outline:3px dashed var(--sys-primary);animation:onDragging .8s infinite ease-in-out}@keyframes onDragging{0%{outline-offset:var(--minOffset)}50%{outline-offset:-8px}to{outline-offset:var(--minOffset)}}.ripple{position:absolute;border-radius:50%;background:rgba(var(--toDark),.2);transform:scale(0);animation:ripple-animation .7s ease-out;pointer-events:none;z-index:2}@keyframes ripple-animation{to{transform:scale(1.4);opacity:0}}.ripple.red{background:#f003}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiDropZone, decorators: [{
             type: Component,
-            args: [{ selector: 'ui-drop-zone', template: "<div #dropzonearea class=\"dropzone\" [class.naosobrepor]=\"!sobrepor()\" (dragenter)=\"onDropZone('dragenter',$event)\"\r\n\t(dragleave)=\"onDropZone('dragleave',$event)\" (drop)=\"onDrop($event)\" (dragover)=\"onDropZone('dragover',$event)\"\r\n\t(click)=\"onDropZone('click',$event)\" [class.disabled]=\"disabled()\" [class.dragging]=\"isDragging\">\r\n\t<span #rippleEffect class=\"rippleArea\">\r\n\t\t<span #ripple class=\"ripple\"></span>\r\n\t</span>\r\n</div>\r\n<ng-content></ng-content>", styles: [":host{display:flex;align-items:center;justify-content:center;flex:1;position:relative;overflow:hidden;padding:5px;width:100%;min-height:var(--ui-min-height, 200px)}.dropzone{--minOffset: 1px;padding:2px;display:flex;justify-content:center;align-items:center;border-radius:var(--MasterRadius);background-color:var(--sys-primary-15);cursor:pointer;outline:1px dashed var(--sys-primary);outline-offset:var(--minOffset);position:absolute;top:5px;left:5px;width:calc(100% - 10px);height:calc(100% - 10px);overflow:hidden;z-index:1}.dropzone.naosobrepor{z-index:0}.dropzone.disabled{filter:grayscale(1);cursor:auto;pointer-events:none;opacity:.8}.dropzone *{pointer-events:none}.dropzone.dragging .grid{pointer-events:none!important}.dropzone.dragging{outline:3px dashed var(--sys-primary);animation:onDragging .8s infinite ease-in-out}@keyframes onDragging{0%{outline-offset:var(--minOffset)}50%{outline-offset:-8px}to{outline-offset:var(--minOffset)}}.ripple{position:absolute;border-radius:50%;background:rgba(var(--toDark),.2);transform:scale(0);animation:ripple-animation .7s ease-out;pointer-events:none;z-index:2}@keyframes ripple-animation{to{transform:scale(1.4);opacity:0}}.ripple.red{background:#f003}\n"] }]
+            args: [{ selector: 'ui-drop-zone', template: "<div #dropzonearea class=\"dropzone\" [class.naosobrepor]=\"!sobrepor()\" (dragenter)=\"onDropZone('dragenter',$event)\"\n\t(dragleave)=\"onDropZone('dragleave',$event)\" (drop)=\"onDrop($event)\" (dragover)=\"onDropZone('dragover',$event)\"\n\t(click)=\"onDropZone('click',$event)\" [class.disabled]=\"disabled()\" [class.dragging]=\"isDragging\">\n\t<span #rippleEffect class=\"rippleArea\">\n\t\t<span #ripple class=\"ripple\"></span>\n\t</span>\n</div>\n<ng-content></ng-content>", styles: [":host{display:flex;align-items:center;justify-content:center;flex:1;position:relative;overflow:hidden;padding:5px;width:100%;min-height:var(--ui-min-height, 200px)}.dropzone{--minOffset: 1px;padding:2px;display:flex;justify-content:center;align-items:center;border-radius:var(--MasterRadius);background-color:var(--sys-primary-15);cursor:pointer;outline:1px dashed var(--sys-primary);outline-offset:var(--minOffset);position:absolute;top:5px;left:5px;width:calc(100% - 10px);height:calc(100% - 10px);overflow:hidden;z-index:1}.dropzone.naosobrepor{z-index:0}.dropzone.disabled{filter:grayscale(1);cursor:auto;pointer-events:none;opacity:.8}.dropzone *{pointer-events:none}.dropzone.dragging .grid{pointer-events:none!important}.dropzone.dragging{outline:3px dashed var(--sys-primary);animation:onDragging .8s infinite ease-in-out}@keyframes onDragging{0%{outline-offset:var(--minOffset)}50%{outline-offset:-8px}to{outline-offset:var(--minOffset)}}.ripple{position:absolute;border-radius:50%;background:rgba(var(--toDark),.2);transform:scale(0);animation:ripple-animation .7s ease-out;pointer-events:none;z-index:2}@keyframes ripple-animation{to{transform:scale(1.4);opacity:0}}.ripple.red{background:#f003}\n"] }]
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], sobrepor: [{ type: i0.Input, args: [{ isSignal: true, alias: "sobrepor", required: false }] }], clicked: [{ type: i0.Output, args: ["clicked"] }], changed: [{ type: i0.Output, args: ["changed"] }], rippleEffect: [{ type: i0.ViewChild, args: ['rippleEffect', { ...{ read: ElementRef }, isSignal: true }] }], ripple: [{ type: i0.ViewChild, args: ['ripple', { ...{ read: ElementRef }, isSignal: true }] }] } });
 
 class UiFileList {
@@ -3509,11 +3510,11 @@ class UiFileList {
         this.remove.emit(file);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiFileList, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: UiFileList, isStandalone: true, selector: "ui-file-list", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, filesList: { classPropertyName: "filesList", publicName: "filesList", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { remove: "remove" }, ngImport: i0, template: "<div class=\"e-filelist-area\">\r\n\t@for (file of filesList(); track $index) {\r\n\t<div class=\"e-filelist-item\">\r\n\t\t<div class=\"e-filelist-item-icon\">\r\n\t\t\t<i class=\"bi bi-file-earmark-fill\"></i>\r\n\t\t\t<div class=\"e-filelist-item-icon-ext\">{{ file.extension?.slice(1) }}</div>\r\n\t\t</div>\r\n\t\t<div class=\"e-filelist-item-text\">{{ file.name }}</div>\r\n\t\t<div class=\"e-filelist-action\">\r\n\t\t\t@if(!disabled()){\r\n\t\t\t<ui-button tipo=\"icon\" tema=\"error\" [disabled]=\"disabled()\" (click)=\"onDelete(file)\" icone=\"bi bi-x-lg\">\r\n\t\t\t</ui-button>\r\n\t\t\t}\r\n\t\t</div>\r\n\t</div>\r\n\t}\r\n</div>", styles: [":host{width:100%}.e-filelist-area{display:flex;flex-direction:column;gap:12px;margin:6px 0;width:100%}.e-filelist-item{display:grid;grid-template-columns:1fr auto 1fr;gap:5px}.e-filelist-item-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;aspect-ratio:1 / 1;border-radius:6px;font-size:1.2rem}.e-filelist-item-icon-ext{display:flex;justify-content:center;align-items:center;font-size:.7rem}.e-filelist-item-text{align-items:center;align-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: UiFileList, isStandalone: true, selector: "ui-file-list", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, filesList: { classPropertyName: "filesList", publicName: "filesList", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { remove: "remove" }, ngImport: i0, template: "<div class=\"e-filelist-area\">\n\t@for (file of filesList(); track $index) {\n\t<div class=\"e-filelist-item\">\n\t\t<div class=\"e-filelist-item-icon\">\n\t\t\t<i class=\"bi bi-file-earmark-fill\"></i>\n\t\t\t<div class=\"e-filelist-item-icon-ext\">{{ file.extension?.slice(1) }}</div>\n\t\t</div>\n\t\t<div class=\"e-filelist-item-text\">{{ file.name }}</div>\n\t\t<div class=\"e-filelist-action\">\n\t\t\t@if(!disabled()){\n\t\t\t<ui-button tipo=\"icon\" tema=\"error\" [disabled]=\"disabled()\" (click)=\"onDelete(file)\" icone=\"bi bi-x-lg\">\n\t\t\t</ui-button>\n\t\t\t}\n\t\t</div>\n\t</div>\n\t}\n</div>", styles: [":host{width:100%}.e-filelist-area{display:flex;flex-direction:column;gap:12px;margin:6px 0;width:100%}.e-filelist-item{display:grid;grid-template-columns:1fr auto 1fr;gap:5px}.e-filelist-item-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;aspect-ratio:1 / 1;border-radius:6px;font-size:1.2rem}.e-filelist-item-icon-ext{display:flex;justify-content:center;align-items:center;font-size:.7rem}.e-filelist-item-text{align-items:center;align-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiFileList, decorators: [{
             type: Component,
-            args: [{ selector: 'ui-file-list', imports: [UiButton], template: "<div class=\"e-filelist-area\">\r\n\t@for (file of filesList(); track $index) {\r\n\t<div class=\"e-filelist-item\">\r\n\t\t<div class=\"e-filelist-item-icon\">\r\n\t\t\t<i class=\"bi bi-file-earmark-fill\"></i>\r\n\t\t\t<div class=\"e-filelist-item-icon-ext\">{{ file.extension?.slice(1) }}</div>\r\n\t\t</div>\r\n\t\t<div class=\"e-filelist-item-text\">{{ file.name }}</div>\r\n\t\t<div class=\"e-filelist-action\">\r\n\t\t\t@if(!disabled()){\r\n\t\t\t<ui-button tipo=\"icon\" tema=\"error\" [disabled]=\"disabled()\" (click)=\"onDelete(file)\" icone=\"bi bi-x-lg\">\r\n\t\t\t</ui-button>\r\n\t\t\t}\r\n\t\t</div>\r\n\t</div>\r\n\t}\r\n</div>", styles: [":host{width:100%}.e-filelist-area{display:flex;flex-direction:column;gap:12px;margin:6px 0;width:100%}.e-filelist-item{display:grid;grid-template-columns:1fr auto 1fr;gap:5px}.e-filelist-item-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;aspect-ratio:1 / 1;border-radius:6px;font-size:1.2rem}.e-filelist-item-icon-ext{display:flex;justify-content:center;align-items:center;font-size:.7rem}.e-filelist-item-text{align-items:center;align-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
+            args: [{ selector: 'ui-file-list', imports: [UiButton], template: "<div class=\"e-filelist-area\">\n\t@for (file of filesList(); track $index) {\n\t<div class=\"e-filelist-item\">\n\t\t<div class=\"e-filelist-item-icon\">\n\t\t\t<i class=\"bi bi-file-earmark-fill\"></i>\n\t\t\t<div class=\"e-filelist-item-icon-ext\">{{ file.extension?.slice(1) }}</div>\n\t\t</div>\n\t\t<div class=\"e-filelist-item-text\">{{ file.name }}</div>\n\t\t<div class=\"e-filelist-action\">\n\t\t\t@if(!disabled()){\n\t\t\t<ui-button tipo=\"icon\" tema=\"error\" [disabled]=\"disabled()\" (click)=\"onDelete(file)\" icone=\"bi bi-x-lg\">\n\t\t\t</ui-button>\n\t\t\t}\n\t\t</div>\n\t</div>\n\t}\n</div>", styles: [":host{width:100%}.e-filelist-area{display:flex;flex-direction:column;gap:12px;margin:6px 0;width:100%}.e-filelist-item{display:grid;grid-template-columns:1fr auto 1fr;gap:5px}.e-filelist-item-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;aspect-ratio:1 / 1;border-radius:6px;font-size:1.2rem}.e-filelist-item-icon-ext{display:flex;justify-content:center;align-items:center;font-size:.7rem}.e-filelist-item-text{align-items:center;align-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
         }], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], filesList: [{ type: i0.Input, args: [{ isSignal: true, alias: "filesList", required: false }] }], remove: [{ type: i0.Output, args: ["remove"] }] } });
 
 class UiSelect {
@@ -3929,11 +3930,11 @@ class UiSelect {
         }, 1);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: UiSelect, isStandalone: true, selector: "ui-select", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, canUnselect: { classPropertyName: "canUnselect", publicName: "canUnselect", isSignal: true, isRequired: false, transformFunction: null }, textEmpty: { classPropertyName: "textEmpty", publicName: "textEmpty", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", changed: "changed" }, host: { listeners: { "document:click": "onDocumentClick($event)" }, properties: { "class": "hostClasses()" } }, viewQueries: [{ propertyName: "displayText", first: true, predicate: ["displayText"], descendants: true, isSignal: true }, { propertyName: "triggerElement", first: true, predicate: ["triggerElement"], descendants: true, isSignal: true }, { propertyName: "optionsOverlay", first: true, predicate: ["optionsOverlay"], descendants: true, isSignal: true }, { propertyName: "optionsContainer", first: true, predicate: ["optionsContainer"], descendants: true, isSignal: true }, { propertyName: "optionSearchInput", first: true, predicate: ["optionSearchInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<div #triggerElement class=\"e-select-container\" (click)=\"onOpenOrCloseOptions()\" (keyup.Enter)=\"onOpenOrCloseOptions()\"\r\n\t(keyup.ArrowDown)=\"onOpenOrCloseOptions()\" (keyup.ArrowUp)=\"onOpenOrCloseOptions()\">\r\n\t<div class=\"e-select\">\r\n\t\t<input #displayText type=\"text\" [name]=\"'select_'+(name() ?? '')\" [value]=\"textoExibindo()\" readonly\r\n\t\t\t[placeholder]=\"placeholder() ?? ''\" [disabled]=\"disabled()\" [class.outlined]=\"true\" [class.input]=\"true\" />\r\n\t</div>\r\n\t<div class=\"e-select-arrow-area\">\r\n\t\t<div class=\"e-select-arrow\" [class.open]=\"isOpenedOptions()\"></div>\r\n\t</div>\r\n</div>\r\n\r\n\r\n<div #optionsOverlay class=\"e-select-overlay\" [class.open]=\"isOpenedOptions()\" (click)=\"closeOverlay()\">\r\n\r\n\t<div #optionsContainer class=\"e-select-options-container\" [class.open]=\"isOpenedOptions()\"\r\n\t\t[class.smallScreen]=\"isSmallScreen()\" [style.left]=\"menuPosition().left\" [style.top]=\"menuPosition().top\">\r\n\t\t@if(isOpenedOptions()) {\r\n\t\t<div class=\"e-select-search-area\" [style.minWidth.px]=\"optionMinWidth()\">\r\n\t\t\t<input #optionSearchInput type=\"text\" name=\"e-select-search-input\" class=\"e-select-search\"\r\n\t\t\t\t(keyup)=\"markKey($event)\" placeholder=\"Procurar...\" [value]=\"textoFiltrado()\" (keydown.Escape)=\"closeOverlay()\"\r\n\t\t\t\tsize=\"8\" (keydown.Tab)=\"closeOverlay()\" (input)=\"onInputSearch($event.target.value)\" />\r\n\t\t\t@if(textoFiltrado().length > 0) {\r\n\t\t\t<ui-button tipo=\"icon\" tema=\"error\" class=\"e-select-search-clearicon\" (click)=\"onClearSearch()\"\r\n\t\t\t\ticone=\"fa fa-times\"></ui-button>\r\n\t\t\t}\r\n\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"e-select-search-icon\" (click)=\"focusToSearchInput()\"\r\n\t\t\t\ticone=\"fa fa-search\"></ui-button>\r\n\t\t</div>\r\n\t\t<div class=\"e-select-options-list\">\r\n\t\t\t@for(option of optionsFiltered(); track $index) {\r\n\t\t\t<div class=\"e-select-option\" [class.selected]=\"option.selected\" [style.minWidth.px]=\"optionMinWidth()\"\r\n\t\t\t\t[title]=\"option.v\" (click)=\"onSelectOption(option)\" (keyup.Enter)=\"onSelectOption(option)\" tabindex=\"-1\"\r\n\t\t\t\t[class.choosing]=\"option.choosing\">\r\n\t\t\t\t<div class=\"e-select-option-check\"></div>\r\n\t\t\t\t<div class=\"e-select-option-text\" [innerHTML]=\"option.html\"></div>\r\n\t\t\t</div>\r\n\t\t\t}@empty {\r\n\t\t\t<div class=\"e-select-option empty\">\r\n\t\t\t\tNenhuma op\u00E7\u00E3o dispon\u00EDvel\r\n\t\t\t</div>\r\n\t\t\t}\r\n\t\t</div>\r\n\t\t}\r\n\t</div>\r\n\r\n</div>", styles: [".e-select-container{position:relative;display:flex;flex:1;align-items:center;justify-content:space-between;padding:var(--ui-padding, none)}.e-select-container,.e-select-arrow-area,.e-select,.e-select input{cursor:pointer}.e-select{flex:1;height:var(--ui-height, auto);width:var(--ui-width, auto)}.e-select input{border:none;background:transparent;caret-color:var(--sys-primary);outline:none;width:100%;height:100%;display:flex;justify-content:flex-start;align-items:center;text-align:left}.e-select-arrow-area{display:flex;align-items:center;justify-content:center;width:30px}.e-select-arrow{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--sys-primary);margin:0 5px;transition:transform .2s ease-in-out}.e-select-arrow.open{transform:rotate(180deg)}.e-select-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:2001;background-color:transparent;pointer-events:none;transition:background-color .2s ease-in-out}.e-select-overlay.open{background-color:#00000040;pointer-events:auto}.e-select-options-container{width:max-content;position:fixed;z-index:2002;display:flex;flex-direction:column;overflow:hidden;border-radius:10px;transform:translateZ(0);will-change:transform}.e-select-options-container.open{color:var(--sys-on-background);background:var(--sys-background);outline:1px solid var(--sys-outline);box-shadow:0 2px 8px #00000026}.e-select-options-container.open.smallScreen{width:90vw;left:5vw!important;top:calc(50vh - 170px)!important}.e-select-search-area{display:flex;background-color:var(--sys-background);border:0;border-bottom:1px inset var(--sys-outline);border-radius:10px;height:40px;max-height:40px}.e-select-search{flex:1;width:100%;border:none;background:var(--sys-surface-container-low);color:var(--sys-on-surface);caret-color:var(--sys-primary);padding:8px 12px 8px 4px;outline:none}.e-select-search-clearicon{color:color-mix(in srgb,var(--sys-primary) 80%,var(--sys-background) 20%);font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.e-select-search-icon{color:color-mix(in srgb,var(--sys-primary) 60%,var(--sys-background) 40%);font-size:.8rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.e-select-options-list{padding:0;max-height:300px;overflow-y:auto}.e-select-option{display:flex;align-items:center;justify-content:space-between;padding:15px 0;margin-top:2px;cursor:pointer;transition:background-color .2s}.e-select-option.selected{background:color-mix(in srgb,var(--sys-primary) 50%,var(--sys-background) 50%);color:var(--sys-on-background);font-weight:500}.e-select-option.choosing{outline:none;background:color-mix(in srgb,var(--sys-primary) 20%,var(--sys-background) 80%);color:var(--sys-on-background)}.e-select-option.empty{cursor:default;color:var(--sys-on-surface-variant);justify-content:center;font-style:italic}.e-select-option:hover{background:color-mix(in srgb,var(--sys-primary) 20%,var(--sys-background) 80%);color:var(--sys-on-background)}.e-select-option-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none}.e-select-option-check{width:16px;height:16px;margin:auto 5px;flex-shrink:0;visibility:hidden;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E\");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:var(--sys-on-background)}.e-select-option.selected .e-select-option-check{visibility:visible}\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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: UiSelect, isStandalone: true, selector: "ui-select", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, canUnselect: { classPropertyName: "canUnselect", publicName: "canUnselect", isSignal: true, isRequired: false, transformFunction: null }, textEmpty: { classPropertyName: "textEmpty", publicName: "textEmpty", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", changed: "changed" }, host: { listeners: { "document:click": "onDocumentClick($event)" }, properties: { "class": "hostClasses()" } }, viewQueries: [{ propertyName: "displayText", first: true, predicate: ["displayText"], descendants: true, isSignal: true }, { propertyName: "triggerElement", first: true, predicate: ["triggerElement"], descendants: true, isSignal: true }, { propertyName: "optionsOverlay", first: true, predicate: ["optionsOverlay"], descendants: true, isSignal: true }, { propertyName: "optionsContainer", first: true, predicate: ["optionsContainer"], descendants: true, isSignal: true }, { propertyName: "optionSearchInput", first: true, predicate: ["optionSearchInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<div #triggerElement class=\"e-select-container\" (click)=\"onOpenOrCloseOptions()\" (keyup.Enter)=\"onOpenOrCloseOptions()\"\n\t(keyup.ArrowDown)=\"onOpenOrCloseOptions()\" (keyup.ArrowUp)=\"onOpenOrCloseOptions()\">\n\t<div class=\"e-select\">\n\t\t<input #displayText type=\"text\" [name]=\"'select_'+(name() ?? '')\" [value]=\"textoExibindo()\" readonly\n\t\t\t[placeholder]=\"placeholder() ?? ''\" [disabled]=\"disabled()\" [class.outlined]=\"true\" [class.input]=\"true\" />\n\t</div>\n\t<div class=\"e-select-arrow-area\">\n\t\t<div class=\"e-select-arrow\" [class.open]=\"isOpenedOptions()\"></div>\n\t</div>\n</div>\n\n\n<div #optionsOverlay class=\"e-select-overlay\" [class.open]=\"isOpenedOptions()\" (click)=\"closeOverlay()\">\n\n\t<div #optionsContainer class=\"e-select-options-container\" [class.open]=\"isOpenedOptions()\"\n\t\t[class.smallScreen]=\"isSmallScreen()\" [style.left]=\"menuPosition().left\" [style.top]=\"menuPosition().top\">\n\t\t@if(isOpenedOptions()) {\n\t\t<div class=\"e-select-search-area\" [style.minWidth.px]=\"optionMinWidth()\">\n\t\t\t<input #optionSearchInput type=\"text\" name=\"e-select-search-input\" class=\"e-select-search\"\n\t\t\t\t(keyup)=\"markKey($event)\" placeholder=\"Procurar...\" [value]=\"textoFiltrado()\" (keydown.Escape)=\"closeOverlay()\"\n\t\t\t\tsize=\"8\" (keydown.Tab)=\"closeOverlay()\" (input)=\"onInputSearch($event.target.value)\" />\n\t\t\t@if(textoFiltrado().length > 0) {\n\t\t\t<ui-button tipo=\"icon\" tema=\"error\" class=\"e-select-search-clearicon\" (click)=\"onClearSearch()\"\n\t\t\t\ticone=\"fa fa-times\"></ui-button>\n\t\t\t}\n\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"e-select-search-icon\" (click)=\"focusToSearchInput()\"\n\t\t\t\ticone=\"fa fa-search\"></ui-button>\n\t\t</div>\n\t\t<div class=\"e-select-options-list\">\n\t\t\t@for(option of optionsFiltered(); track $index) {\n\t\t\t<div class=\"e-select-option\" [class.selected]=\"option.selected\" [style.minWidth.px]=\"optionMinWidth()\"\n\t\t\t\t[title]=\"option.v\" (click)=\"onSelectOption(option)\" (keyup.Enter)=\"onSelectOption(option)\" tabindex=\"-1\"\n\t\t\t\t[class.choosing]=\"option.choosing\">\n\t\t\t\t<div class=\"e-select-option-check\"></div>\n\t\t\t\t<div class=\"e-select-option-text\" [innerHTML]=\"option.html\"></div>\n\t\t\t</div>\n\t\t\t}@empty {\n\t\t\t<div class=\"e-select-option empty\">\n\t\t\t\tNenhuma op\u00E7\u00E3o dispon\u00EDvel\n\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\t\t}\n\t</div>\n\n</div>", styles: [".e-select-container{position:relative;display:flex;flex:1;align-items:center;justify-content:space-between;padding:var(--ui-padding, none)}.e-select-container,.e-select-arrow-area,.e-select,.e-select input{cursor:pointer}.e-select{flex:1;height:var(--ui-height, auto);width:var(--ui-width, auto)}.e-select input{border:none;background:transparent;caret-color:var(--sys-primary);outline:none;width:100%;height:100%;display:flex;justify-content:flex-start;align-items:center;text-align:left}.e-select-arrow-area{display:flex;align-items:center;justify-content:center;width:30px}.e-select-arrow{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--sys-primary);margin:0 5px;transition:transform .2s ease-in-out}.e-select-arrow.open{transform:rotate(180deg)}.e-select-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:2001;background-color:transparent;pointer-events:none;transition:background-color .2s ease-in-out}.e-select-overlay.open{background-color:#00000040;pointer-events:auto}.e-select-options-container{width:max-content;position:fixed;z-index:2002;display:flex;flex-direction:column;overflow:hidden;border-radius:10px;transform:translateZ(0);will-change:transform}.e-select-options-container.open{color:var(--sys-on-background);background:var(--sys-background);outline:1px solid var(--sys-outline);box-shadow:0 2px 8px #00000026}.e-select-options-container.open.smallScreen{width:90vw;left:5vw!important;top:calc(50vh - 170px)!important}.e-select-search-area{display:flex;background-color:var(--sys-background);border:0;border-bottom:1px inset var(--sys-outline);border-radius:10px;height:40px;max-height:40px}.e-select-search{flex:1;width:100%;border:none;background:var(--sys-surface-container-low);color:var(--sys-on-surface);caret-color:var(--sys-primary);padding:8px 12px 8px 4px;outline:none}.e-select-search-clearicon{color:color-mix(in srgb,var(--sys-primary) 80%,var(--sys-background) 20%);font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.e-select-search-icon{color:color-mix(in srgb,var(--sys-primary) 60%,var(--sys-background) 40%);font-size:.8rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.e-select-options-list{padding:0;max-height:300px;overflow-y:auto}.e-select-option{display:flex;align-items:center;justify-content:space-between;padding:15px 0;margin-top:2px;cursor:pointer;transition:background-color .2s}.e-select-option.selected{background:color-mix(in srgb,var(--sys-primary) 50%,var(--sys-background) 50%);color:var(--sys-on-background);font-weight:500}.e-select-option.choosing{outline:none;background:color-mix(in srgb,var(--sys-primary) 20%,var(--sys-background) 80%);color:var(--sys-on-background)}.e-select-option.empty{cursor:default;color:var(--sys-on-surface-variant);justify-content:center;font-style:italic}.e-select-option:hover{background:color-mix(in srgb,var(--sys-primary) 20%,var(--sys-background) 80%);color:var(--sys-on-background)}.e-select-option-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none}.e-select-option-check{width:16px;height:16px;margin:auto 5px;flex-shrink:0;visibility:hidden;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E\");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:var(--sys-on-background)}.e-select-option.selected .e-select-option-check{visibility:visible}\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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiSelect, decorators: [{
             type: Component,
-            args: [{ selector: 'ui-select', host: { '[class]': 'hostClasses()' }, imports: [UiButton], template: "<div #triggerElement class=\"e-select-container\" (click)=\"onOpenOrCloseOptions()\" (keyup.Enter)=\"onOpenOrCloseOptions()\"\r\n\t(keyup.ArrowDown)=\"onOpenOrCloseOptions()\" (keyup.ArrowUp)=\"onOpenOrCloseOptions()\">\r\n\t<div class=\"e-select\">\r\n\t\t<input #displayText type=\"text\" [name]=\"'select_'+(name() ?? '')\" [value]=\"textoExibindo()\" readonly\r\n\t\t\t[placeholder]=\"placeholder() ?? ''\" [disabled]=\"disabled()\" [class.outlined]=\"true\" [class.input]=\"true\" />\r\n\t</div>\r\n\t<div class=\"e-select-arrow-area\">\r\n\t\t<div class=\"e-select-arrow\" [class.open]=\"isOpenedOptions()\"></div>\r\n\t</div>\r\n</div>\r\n\r\n\r\n<div #optionsOverlay class=\"e-select-overlay\" [class.open]=\"isOpenedOptions()\" (click)=\"closeOverlay()\">\r\n\r\n\t<div #optionsContainer class=\"e-select-options-container\" [class.open]=\"isOpenedOptions()\"\r\n\t\t[class.smallScreen]=\"isSmallScreen()\" [style.left]=\"menuPosition().left\" [style.top]=\"menuPosition().top\">\r\n\t\t@if(isOpenedOptions()) {\r\n\t\t<div class=\"e-select-search-area\" [style.minWidth.px]=\"optionMinWidth()\">\r\n\t\t\t<input #optionSearchInput type=\"text\" name=\"e-select-search-input\" class=\"e-select-search\"\r\n\t\t\t\t(keyup)=\"markKey($event)\" placeholder=\"Procurar...\" [value]=\"textoFiltrado()\" (keydown.Escape)=\"closeOverlay()\"\r\n\t\t\t\tsize=\"8\" (keydown.Tab)=\"closeOverlay()\" (input)=\"onInputSearch($event.target.value)\" />\r\n\t\t\t@if(textoFiltrado().length > 0) {\r\n\t\t\t<ui-button tipo=\"icon\" tema=\"error\" class=\"e-select-search-clearicon\" (click)=\"onClearSearch()\"\r\n\t\t\t\ticone=\"fa fa-times\"></ui-button>\r\n\t\t\t}\r\n\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"e-select-search-icon\" (click)=\"focusToSearchInput()\"\r\n\t\t\t\ticone=\"fa fa-search\"></ui-button>\r\n\t\t</div>\r\n\t\t<div class=\"e-select-options-list\">\r\n\t\t\t@for(option of optionsFiltered(); track $index) {\r\n\t\t\t<div class=\"e-select-option\" [class.selected]=\"option.selected\" [style.minWidth.px]=\"optionMinWidth()\"\r\n\t\t\t\t[title]=\"option.v\" (click)=\"onSelectOption(option)\" (keyup.Enter)=\"onSelectOption(option)\" tabindex=\"-1\"\r\n\t\t\t\t[class.choosing]=\"option.choosing\">\r\n\t\t\t\t<div class=\"e-select-option-check\"></div>\r\n\t\t\t\t<div class=\"e-select-option-text\" [innerHTML]=\"option.html\"></div>\r\n\t\t\t</div>\r\n\t\t\t}@empty {\r\n\t\t\t<div class=\"e-select-option empty\">\r\n\t\t\t\tNenhuma op\u00E7\u00E3o dispon\u00EDvel\r\n\t\t\t</div>\r\n\t\t\t}\r\n\t\t</div>\r\n\t\t}\r\n\t</div>\r\n\r\n</div>", styles: [".e-select-container{position:relative;display:flex;flex:1;align-items:center;justify-content:space-between;padding:var(--ui-padding, none)}.e-select-container,.e-select-arrow-area,.e-select,.e-select input{cursor:pointer}.e-select{flex:1;height:var(--ui-height, auto);width:var(--ui-width, auto)}.e-select input{border:none;background:transparent;caret-color:var(--sys-primary);outline:none;width:100%;height:100%;display:flex;justify-content:flex-start;align-items:center;text-align:left}.e-select-arrow-area{display:flex;align-items:center;justify-content:center;width:30px}.e-select-arrow{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--sys-primary);margin:0 5px;transition:transform .2s ease-in-out}.e-select-arrow.open{transform:rotate(180deg)}.e-select-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:2001;background-color:transparent;pointer-events:none;transition:background-color .2s ease-in-out}.e-select-overlay.open{background-color:#00000040;pointer-events:auto}.e-select-options-container{width:max-content;position:fixed;z-index:2002;display:flex;flex-direction:column;overflow:hidden;border-radius:10px;transform:translateZ(0);will-change:transform}.e-select-options-container.open{color:var(--sys-on-background);background:var(--sys-background);outline:1px solid var(--sys-outline);box-shadow:0 2px 8px #00000026}.e-select-options-container.open.smallScreen{width:90vw;left:5vw!important;top:calc(50vh - 170px)!important}.e-select-search-area{display:flex;background-color:var(--sys-background);border:0;border-bottom:1px inset var(--sys-outline);border-radius:10px;height:40px;max-height:40px}.e-select-search{flex:1;width:100%;border:none;background:var(--sys-surface-container-low);color:var(--sys-on-surface);caret-color:var(--sys-primary);padding:8px 12px 8px 4px;outline:none}.e-select-search-clearicon{color:color-mix(in srgb,var(--sys-primary) 80%,var(--sys-background) 20%);font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.e-select-search-icon{color:color-mix(in srgb,var(--sys-primary) 60%,var(--sys-background) 40%);font-size:.8rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.e-select-options-list{padding:0;max-height:300px;overflow-y:auto}.e-select-option{display:flex;align-items:center;justify-content:space-between;padding:15px 0;margin-top:2px;cursor:pointer;transition:background-color .2s}.e-select-option.selected{background:color-mix(in srgb,var(--sys-primary) 50%,var(--sys-background) 50%);color:var(--sys-on-background);font-weight:500}.e-select-option.choosing{outline:none;background:color-mix(in srgb,var(--sys-primary) 20%,var(--sys-background) 80%);color:var(--sys-on-background)}.e-select-option.empty{cursor:default;color:var(--sys-on-surface-variant);justify-content:center;font-style:italic}.e-select-option:hover{background:color-mix(in srgb,var(--sys-primary) 20%,var(--sys-background) 80%);color:var(--sys-on-background)}.e-select-option-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none}.e-select-option-check{width:16px;height:16px;margin:auto 5px;flex-shrink:0;visibility:hidden;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E\");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:var(--sys-on-background)}.e-select-option.selected .e-select-option-check{visibility:visible}\n"] }]
+            args: [{ selector: 'ui-select', host: { '[class]': 'hostClasses()' }, imports: [UiButton], template: "<div #triggerElement class=\"e-select-container\" (click)=\"onOpenOrCloseOptions()\" (keyup.Enter)=\"onOpenOrCloseOptions()\"\n\t(keyup.ArrowDown)=\"onOpenOrCloseOptions()\" (keyup.ArrowUp)=\"onOpenOrCloseOptions()\">\n\t<div class=\"e-select\">\n\t\t<input #displayText type=\"text\" [name]=\"'select_'+(name() ?? '')\" [value]=\"textoExibindo()\" readonly\n\t\t\t[placeholder]=\"placeholder() ?? ''\" [disabled]=\"disabled()\" [class.outlined]=\"true\" [class.input]=\"true\" />\n\t</div>\n\t<div class=\"e-select-arrow-area\">\n\t\t<div class=\"e-select-arrow\" [class.open]=\"isOpenedOptions()\"></div>\n\t</div>\n</div>\n\n\n<div #optionsOverlay class=\"e-select-overlay\" [class.open]=\"isOpenedOptions()\" (click)=\"closeOverlay()\">\n\n\t<div #optionsContainer class=\"e-select-options-container\" [class.open]=\"isOpenedOptions()\"\n\t\t[class.smallScreen]=\"isSmallScreen()\" [style.left]=\"menuPosition().left\" [style.top]=\"menuPosition().top\">\n\t\t@if(isOpenedOptions()) {\n\t\t<div class=\"e-select-search-area\" [style.minWidth.px]=\"optionMinWidth()\">\n\t\t\t<input #optionSearchInput type=\"text\" name=\"e-select-search-input\" class=\"e-select-search\"\n\t\t\t\t(keyup)=\"markKey($event)\" placeholder=\"Procurar...\" [value]=\"textoFiltrado()\" (keydown.Escape)=\"closeOverlay()\"\n\t\t\t\tsize=\"8\" (keydown.Tab)=\"closeOverlay()\" (input)=\"onInputSearch($event.target.value)\" />\n\t\t\t@if(textoFiltrado().length > 0) {\n\t\t\t<ui-button tipo=\"icon\" tema=\"error\" class=\"e-select-search-clearicon\" (click)=\"onClearSearch()\"\n\t\t\t\ticone=\"fa fa-times\"></ui-button>\n\t\t\t}\n\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"e-select-search-icon\" (click)=\"focusToSearchInput()\"\n\t\t\t\ticone=\"fa fa-search\"></ui-button>\n\t\t</div>\n\t\t<div class=\"e-select-options-list\">\n\t\t\t@for(option of optionsFiltered(); track $index) {\n\t\t\t<div class=\"e-select-option\" [class.selected]=\"option.selected\" [style.minWidth.px]=\"optionMinWidth()\"\n\t\t\t\t[title]=\"option.v\" (click)=\"onSelectOption(option)\" (keyup.Enter)=\"onSelectOption(option)\" tabindex=\"-1\"\n\t\t\t\t[class.choosing]=\"option.choosing\">\n\t\t\t\t<div class=\"e-select-option-check\"></div>\n\t\t\t\t<div class=\"e-select-option-text\" [innerHTML]=\"option.html\"></div>\n\t\t\t</div>\n\t\t\t}@empty {\n\t\t\t<div class=\"e-select-option empty\">\n\t\t\t\tNenhuma op\u00E7\u00E3o dispon\u00EDvel\n\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\t\t}\n\t</div>\n\n</div>", styles: [".e-select-container{position:relative;display:flex;flex:1;align-items:center;justify-content:space-between;padding:var(--ui-padding, none)}.e-select-container,.e-select-arrow-area,.e-select,.e-select input{cursor:pointer}.e-select{flex:1;height:var(--ui-height, auto);width:var(--ui-width, auto)}.e-select input{border:none;background:transparent;caret-color:var(--sys-primary);outline:none;width:100%;height:100%;display:flex;justify-content:flex-start;align-items:center;text-align:left}.e-select-arrow-area{display:flex;align-items:center;justify-content:center;width:30px}.e-select-arrow{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--sys-primary);margin:0 5px;transition:transform .2s ease-in-out}.e-select-arrow.open{transform:rotate(180deg)}.e-select-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:2001;background-color:transparent;pointer-events:none;transition:background-color .2s ease-in-out}.e-select-overlay.open{background-color:#00000040;pointer-events:auto}.e-select-options-container{width:max-content;position:fixed;z-index:2002;display:flex;flex-direction:column;overflow:hidden;border-radius:10px;transform:translateZ(0);will-change:transform}.e-select-options-container.open{color:var(--sys-on-background);background:var(--sys-background);outline:1px solid var(--sys-outline);box-shadow:0 2px 8px #00000026}.e-select-options-container.open.smallScreen{width:90vw;left:5vw!important;top:calc(50vh - 170px)!important}.e-select-search-area{display:flex;background-color:var(--sys-background);border:0;border-bottom:1px inset var(--sys-outline);border-radius:10px;height:40px;max-height:40px}.e-select-search{flex:1;width:100%;border:none;background:var(--sys-surface-container-low);color:var(--sys-on-surface);caret-color:var(--sys-primary);padding:8px 12px 8px 4px;outline:none}.e-select-search-clearicon{color:color-mix(in srgb,var(--sys-primary) 80%,var(--sys-background) 20%);font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.e-select-search-icon{color:color-mix(in srgb,var(--sys-primary) 60%,var(--sys-background) 40%);font-size:.8rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.e-select-options-list{padding:0;max-height:300px;overflow-y:auto}.e-select-option{display:flex;align-items:center;justify-content:space-between;padding:15px 0;margin-top:2px;cursor:pointer;transition:background-color .2s}.e-select-option.selected{background:color-mix(in srgb,var(--sys-primary) 50%,var(--sys-background) 50%);color:var(--sys-on-background);font-weight:500}.e-select-option.choosing{outline:none;background:color-mix(in srgb,var(--sys-primary) 20%,var(--sys-background) 80%);color:var(--sys-on-background)}.e-select-option.empty{cursor:default;color:var(--sys-on-surface-variant);justify-content:center;font-style:italic}.e-select-option:hover{background:color-mix(in srgb,var(--sys-primary) 20%,var(--sys-background) 80%);color:var(--sys-on-background)}.e-select-option-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none}.e-select-option-check{width:16px;height:16px;margin:auto 5px;flex-shrink:0;visibility:hidden;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E\");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:var(--sys-on-background)}.e-select-option.selected .e-select-option-check{visibility:visible}\n"] }]
         }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], canUnselect: [{ type: i0.Input, args: [{ isSignal: true, alias: "canUnselect", required: false }] }], textEmpty: [{ type: i0.Input, args: [{ isSignal: true, alias: "textEmpty", required: false }] }], changed: [{ type: i0.Output, args: ["changed"] }], displayText: [{ type: i0.ViewChild, args: ['displayText', { isSignal: true }] }], triggerElement: [{ type: i0.ViewChild, args: ['triggerElement', { isSignal: true }] }], optionsOverlay: [{ type: i0.ViewChild, args: ['optionsOverlay', { isSignal: true }] }], optionsContainer: [{ type: i0.ViewChild, args: ['optionsContainer', { isSignal: true }] }], optionSearchInput: [{ type: i0.ViewChild, args: ['optionSearchInput', { isSignal: true }] }], onDocumentClick: [{
                 type: HostListener,
                 args: ['document:click', ['$event']]
@@ -3995,11 +3996,11 @@ class UiProcurar {
         this.focused.set(false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiProcurar, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: UiProcurar, isStandalone: true, selector: "ui-procurar", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, colapsed: { classPropertyName: "colapsed", publicName: "colapsed", isSignal: true, isRequired: false, transformFunction: null }, autoColapse: { classPropertyName: "autoColapse", publicName: "autoColapse", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { inputed: "inputed", changed: "changed", value: "valueChange", colapsed: "colapsedChange", autoColapse: "autoColapseChange" }, host: { properties: { "class.focused": "focused()" } }, viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<ui-button tipo=\"icon\" tema=\"primary\" class=\"e-procurar-icone-search\" (clicked)=\"onClickSearchIcon()\" tabindex=\"-1\"\r\n\ticone=\"fa fa-search\">\r\n</ui-button>\r\n<div class=\"e-procurar-input-container\" [class.colapsed]=\"computedColapsed()\">\r\n\t<input #searchInput type=\"text\" class=\"e-procurar-input\" [value]=\"value()\" (input)=\"onInput($event.target.value)\"\r\n\t\t[name]=\"'procurar_'+(name() ?? '')\" (change)=\"onChange()\" [placeholder]=\"placeholder() ?? 'Procurar...'\"\r\n\t\t[disabled]=\"disabled()\" (keyup.Enter)=\"onSearch()\" (keyup.Escape)=\"onClearSearch()\" (focus)=\"onFocus($event)\"\r\n\t\t(blur)=\"onBlur($event)\" />\r\n</div>\r\n@if(value().length > 0) {\r\n<ui-button tipo=\"icon\" tema=\"error\" class=\"e-procurar-botao-clear\" (clicked)=\"onClearSearch()\" title=\"Limpar\"\r\n\ticone=\"fa fa-times\">\r\n</ui-button>\r\n}", styles: [":host{display:flex;align-items:center;width:100%;height:100%;padding:0}.e-procurar-input-container{width:200px;display:flex;align-items:center;justify-content:center;transition:width 1s cubic-bezier(.075,.82,.165,1)}.e-procurar-input-container.colapsed{width:1px;padding:0;transition:width 1s cubic-bezier(.075,.82,.165,1)}.e-procurar-input{width:100%;height:auto;cursor:text;border:none;outline:none;background:transparent;caret-color:var(--sys-primary)}.e-procurar-icone-search{color:color-mix(in srgb,var(--sys-primary) 60%,var(--sys-background) 40%);--ui-font-size: 14px}.e-procurar-botao-clear{color:color-mix(in srgb,var(--sys-primary) 80%,var(--sys-background) 20%);margin-left:7px;--ui-font-size: 14px}.e-procurar-input-container.colapsed .e-procurar-icone-search,.e-procurar-input-container.colapsed .e-procurar-botao-clear{margin-left:0;--ui-font-size: 12px}\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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: UiProcurar, isStandalone: true, selector: "ui-procurar", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, colapsed: { classPropertyName: "colapsed", publicName: "colapsed", isSignal: true, isRequired: false, transformFunction: null }, autoColapse: { classPropertyName: "autoColapse", publicName: "autoColapse", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { inputed: "inputed", changed: "changed", value: "valueChange", colapsed: "colapsedChange", autoColapse: "autoColapseChange" }, host: { properties: { "class.focused": "focused()" } }, viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<ui-button tipo=\"icon\" tema=\"primary\" class=\"e-procurar-icone-search\" (clicked)=\"onClickSearchIcon()\" tabindex=\"-1\"\n\ticone=\"fa fa-search\">\n</ui-button>\n<div class=\"e-procurar-input-container\" [class.colapsed]=\"computedColapsed()\">\n\t<input #searchInput type=\"text\" class=\"e-procurar-input\" [value]=\"value()\" (input)=\"onInput($event.target.value)\"\n\t\t[name]=\"'procurar_'+(name() ?? '')\" (change)=\"onChange()\" [placeholder]=\"placeholder() ?? 'Procurar...'\"\n\t\t[disabled]=\"disabled()\" (keyup.Enter)=\"onSearch()\" (keyup.Escape)=\"onClearSearch()\" (focus)=\"onFocus($event)\"\n\t\t(blur)=\"onBlur($event)\" />\n</div>\n@if(value().length > 0) {\n<ui-button tipo=\"icon\" tema=\"error\" class=\"e-procurar-botao-clear\" (clicked)=\"onClearSearch()\" title=\"Limpar\"\n\ticone=\"fa fa-times\">\n</ui-button>\n}", styles: [":host{display:flex;align-items:center;width:100%;height:100%;padding:0}.e-procurar-input-container{width:200px;display:flex;align-items:center;justify-content:center;transition:width 1s cubic-bezier(.075,.82,.165,1)}.e-procurar-input-container.colapsed{width:1px;padding:0;transition:width 1s cubic-bezier(.075,.82,.165,1)}.e-procurar-input{width:100%;height:auto;cursor:text;border:none;outline:none;background:transparent;caret-color:var(--sys-primary)}.e-procurar-icone-search{color:color-mix(in srgb,var(--sys-primary) 60%,var(--sys-background) 40%);--ui-font-size: 14px}.e-procurar-botao-clear{color:color-mix(in srgb,var(--sys-primary) 80%,var(--sys-background) 20%);margin-left:7px;--ui-font-size: 14px}.e-procurar-input-container.colapsed .e-procurar-icone-search,.e-procurar-input-container.colapsed .e-procurar-botao-clear{margin-left:0;--ui-font-size: 12px}\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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiProcurar, decorators: [{
             type: Component,
-            args: [{ selector: 'ui-procurar', host: { '[class.focused]': 'focused()' }, imports: [UiButton], template: "<ui-button tipo=\"icon\" tema=\"primary\" class=\"e-procurar-icone-search\" (clicked)=\"onClickSearchIcon()\" tabindex=\"-1\"\r\n\ticone=\"fa fa-search\">\r\n</ui-button>\r\n<div class=\"e-procurar-input-container\" [class.colapsed]=\"computedColapsed()\">\r\n\t<input #searchInput type=\"text\" class=\"e-procurar-input\" [value]=\"value()\" (input)=\"onInput($event.target.value)\"\r\n\t\t[name]=\"'procurar_'+(name() ?? '')\" (change)=\"onChange()\" [placeholder]=\"placeholder() ?? 'Procurar...'\"\r\n\t\t[disabled]=\"disabled()\" (keyup.Enter)=\"onSearch()\" (keyup.Escape)=\"onClearSearch()\" (focus)=\"onFocus($event)\"\r\n\t\t(blur)=\"onBlur($event)\" />\r\n</div>\r\n@if(value().length > 0) {\r\n<ui-button tipo=\"icon\" tema=\"error\" class=\"e-procurar-botao-clear\" (clicked)=\"onClearSearch()\" title=\"Limpar\"\r\n\ticone=\"fa fa-times\">\r\n</ui-button>\r\n}", styles: [":host{display:flex;align-items:center;width:100%;height:100%;padding:0}.e-procurar-input-container{width:200px;display:flex;align-items:center;justify-content:center;transition:width 1s cubic-bezier(.075,.82,.165,1)}.e-procurar-input-container.colapsed{width:1px;padding:0;transition:width 1s cubic-bezier(.075,.82,.165,1)}.e-procurar-input{width:100%;height:auto;cursor:text;border:none;outline:none;background:transparent;caret-color:var(--sys-primary)}.e-procurar-icone-search{color:color-mix(in srgb,var(--sys-primary) 60%,var(--sys-background) 40%);--ui-font-size: 14px}.e-procurar-botao-clear{color:color-mix(in srgb,var(--sys-primary) 80%,var(--sys-background) 20%);margin-left:7px;--ui-font-size: 14px}.e-procurar-input-container.colapsed .e-procurar-icone-search,.e-procurar-input-container.colapsed .e-procurar-botao-clear{margin-left:0;--ui-font-size: 12px}\n"] }]
+            args: [{ selector: 'ui-procurar', host: { '[class.focused]': 'focused()' }, imports: [UiButton], template: "<ui-button tipo=\"icon\" tema=\"primary\" class=\"e-procurar-icone-search\" (clicked)=\"onClickSearchIcon()\" tabindex=\"-1\"\n\ticone=\"fa fa-search\">\n</ui-button>\n<div class=\"e-procurar-input-container\" [class.colapsed]=\"computedColapsed()\">\n\t<input #searchInput type=\"text\" class=\"e-procurar-input\" [value]=\"value()\" (input)=\"onInput($event.target.value)\"\n\t\t[name]=\"'procurar_'+(name() ?? '')\" (change)=\"onChange()\" [placeholder]=\"placeholder() ?? 'Procurar...'\"\n\t\t[disabled]=\"disabled()\" (keyup.Enter)=\"onSearch()\" (keyup.Escape)=\"onClearSearch()\" (focus)=\"onFocus($event)\"\n\t\t(blur)=\"onBlur($event)\" />\n</div>\n@if(value().length > 0) {\n<ui-button tipo=\"icon\" tema=\"error\" class=\"e-procurar-botao-clear\" (clicked)=\"onClearSearch()\" title=\"Limpar\"\n\ticone=\"fa fa-times\">\n</ui-button>\n}", styles: [":host{display:flex;align-items:center;width:100%;height:100%;padding:0}.e-procurar-input-container{width:200px;display:flex;align-items:center;justify-content:center;transition:width 1s cubic-bezier(.075,.82,.165,1)}.e-procurar-input-container.colapsed{width:1px;padding:0;transition:width 1s cubic-bezier(.075,.82,.165,1)}.e-procurar-input{width:100%;height:auto;cursor:text;border:none;outline:none;background:transparent;caret-color:var(--sys-primary)}.e-procurar-icone-search{color:color-mix(in srgb,var(--sys-primary) 60%,var(--sys-background) 40%);--ui-font-size: 14px}.e-procurar-botao-clear{color:color-mix(in srgb,var(--sys-primary) 80%,var(--sys-background) 20%);margin-left:7px;--ui-font-size: 14px}.e-procurar-input-container.colapsed .e-procurar-icone-search,.e-procurar-input-container.colapsed .e-procurar-botao-clear{margin-left:0;--ui-font-size: 12px}\n"] }]
         }], propDecorators: { searchInput: [{ type: i0.ViewChild, args: ['searchInput', { isSignal: true }] }], inputed: [{ type: i0.Output, args: ["inputed"] }], changed: [{ type: i0.Output, args: ["changed"] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], colapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "colapsed", required: false }] }, { type: i0.Output, args: ["colapsedChange"] }], autoColapse: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoColapse", required: false }] }, { type: i0.Output, args: ["autoColapseChange"] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
 
 class UiProgress {
@@ -4057,11 +4058,11 @@ class UiSlide {
         this.focused.set(false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiSlide, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", type: UiSlide, isStandalone: true, selector: "ui-slide", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, focused: { classPropertyName: "focused", publicName: "focused", isSignal: true, isRequired: false, transformFunction: null }, focus: { classPropertyName: "focus", publicName: "focus", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", focused: "focusedChange", changed: "changed" }, host: { properties: { "class.focused": "focused()" } }, viewQueries: [{ propertyName: "sliderbox", first: true, predicate: ["sliderbox"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<div #sliderbox class=\"sliderbox\" tabindex=\"0\" (click)=\"onClickSlide()\" [class.ativo]=\"ativo()\"\r\n\t[class.disabled]=\"disabled()\" (focus)=\"onFocus($event)\" (blur)=\"onBlur($event)\">\r\n\t<div class=\"slidercircle\">\r\n\t\t<i class=\"checkmark bi bi-check-lg\"></i>\r\n\t\t<i class=\"nocheckmark bi bi-dash\"></i>\r\n\t</div>\r\n</div>", styles: [".sliderbox{--height: 28px;min-width:calc(var(--height) * 2.2);display:flex;align-items:center;cursor:pointer;height:var(--height);width:calc(var(--height) * 2.2);border-radius:calc(var(--height) / 2);background-color:var(--sys-primary-15);transition:background-color .3s ease}.sliderbox.ativo{background-color:var(--sys-primary)}.slidercircle{height:calc(var(--height) - 6px);width:calc(var(--height) - 6px);background-color:var(--sys-card);border-radius:50%;margin:3px;transition:transform .3s ease;outline:1px dashed var(--sys-primary);display:flex;align-items:center;justify-content:center}.sliderbox.ativo .slidercircle{transform:translate(calc(var(--height) * 1.2)) scale(1.1);outline:2px solid var(--sys-primary)}.sliderbox.disabled{cursor:not-allowed;opacity:.6;filter:grayscale(1);pointer-events:none}.sliderbox .slidercircle .nocheckmark{display:block;color:var(--sys-primary);margin:2px 0 0 1px;font-size:1.2rem}.sliderbox.ativo .slidercircle .nocheckmark,.sliderbox .slidercircle .checkmark{display:none}.sliderbox.ativo .slidercircle .checkmark{display:block;color:var(--sys-primary);margin:2px 0 0 1px;font-size:1.2rem}.sliderbox:focus-visible{outline:none}.sliderbox:focus-visible .slidercircle,.sliderbox:hover .slidercircle{outline:1px solid var(--sys-primary)}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", type: UiSlide, isStandalone: true, selector: "ui-slide", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, focused: { classPropertyName: "focused", publicName: "focused", isSignal: true, isRequired: false, transformFunction: null }, focus: { classPropertyName: "focus", publicName: "focus", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", focused: "focusedChange", changed: "changed" }, host: { properties: { "class.focused": "focused()" } }, viewQueries: [{ propertyName: "sliderbox", first: true, predicate: ["sliderbox"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<div #sliderbox class=\"sliderbox\" tabindex=\"0\" (click)=\"onClickSlide()\" [class.ativo]=\"ativo()\"\n\t[class.disabled]=\"disabled()\" (focus)=\"onFocus($event)\" (blur)=\"onBlur($event)\">\n\t<div class=\"slidercircle\">\n\t\t<i class=\"checkmark bi bi-check-lg\"></i>\n\t\t<i class=\"nocheckmark bi bi-dash\"></i>\n\t</div>\n</div>", styles: [".sliderbox{--height: 28px;min-width:calc(var(--height) * 2.2);display:flex;align-items:center;cursor:pointer;height:var(--height);width:calc(var(--height) * 2.2);border-radius:calc(var(--height) / 2);background-color:var(--sys-primary-15);transition:background-color .3s ease}.sliderbox.ativo{background-color:var(--sys-primary)}.slidercircle{height:calc(var(--height) - 6px);width:calc(var(--height) - 6px);background-color:var(--sys-card);border-radius:50%;margin:3px;transition:transform .3s ease;outline:1px dashed var(--sys-primary);display:flex;align-items:center;justify-content:center}.sliderbox.ativo .slidercircle{transform:translate(calc(var(--height) * 1.2)) scale(1.1);outline:2px solid var(--sys-primary)}.sliderbox.disabled{cursor:not-allowed;opacity:.6;filter:grayscale(1);pointer-events:none}.sliderbox .slidercircle .nocheckmark{display:block;color:var(--sys-primary);margin:2px 0 0 1px;font-size:1.2rem}.sliderbox.ativo .slidercircle .nocheckmark,.sliderbox .slidercircle .checkmark{display:none}.sliderbox.ativo .slidercircle .checkmark{display:block;color:var(--sys-primary);margin:2px 0 0 1px;font-size:1.2rem}.sliderbox:focus-visible{outline:none}.sliderbox:focus-visible .slidercircle,.sliderbox:hover .slidercircle{outline:1px solid var(--sys-primary)}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiSlide, decorators: [{
             type: Component,
-            args: [{ selector: 'ui-slide', host: { '[class.focused]': 'focused()' }, template: "<div #sliderbox class=\"sliderbox\" tabindex=\"0\" (click)=\"onClickSlide()\" [class.ativo]=\"ativo()\"\r\n\t[class.disabled]=\"disabled()\" (focus)=\"onFocus($event)\" (blur)=\"onBlur($event)\">\r\n\t<div class=\"slidercircle\">\r\n\t\t<i class=\"checkmark bi bi-check-lg\"></i>\r\n\t\t<i class=\"nocheckmark bi bi-dash\"></i>\r\n\t</div>\r\n</div>", styles: [".sliderbox{--height: 28px;min-width:calc(var(--height) * 2.2);display:flex;align-items:center;cursor:pointer;height:var(--height);width:calc(var(--height) * 2.2);border-radius:calc(var(--height) / 2);background-color:var(--sys-primary-15);transition:background-color .3s ease}.sliderbox.ativo{background-color:var(--sys-primary)}.slidercircle{height:calc(var(--height) - 6px);width:calc(var(--height) - 6px);background-color:var(--sys-card);border-radius:50%;margin:3px;transition:transform .3s ease;outline:1px dashed var(--sys-primary);display:flex;align-items:center;justify-content:center}.sliderbox.ativo .slidercircle{transform:translate(calc(var(--height) * 1.2)) scale(1.1);outline:2px solid var(--sys-primary)}.sliderbox.disabled{cursor:not-allowed;opacity:.6;filter:grayscale(1);pointer-events:none}.sliderbox .slidercircle .nocheckmark{display:block;color:var(--sys-primary);margin:2px 0 0 1px;font-size:1.2rem}.sliderbox.ativo .slidercircle .nocheckmark,.sliderbox .slidercircle .checkmark{display:none}.sliderbox.ativo .slidercircle .checkmark{display:block;color:var(--sys-primary);margin:2px 0 0 1px;font-size:1.2rem}.sliderbox:focus-visible{outline:none}.sliderbox:focus-visible .slidercircle,.sliderbox:hover .slidercircle{outline:1px solid var(--sys-primary)}\n"] }]
+            args: [{ selector: 'ui-slide', host: { '[class.focused]': 'focused()' }, template: "<div #sliderbox class=\"sliderbox\" tabindex=\"0\" (click)=\"onClickSlide()\" [class.ativo]=\"ativo()\"\n\t[class.disabled]=\"disabled()\" (focus)=\"onFocus($event)\" (blur)=\"onBlur($event)\">\n\t<div class=\"slidercircle\">\n\t\t<i class=\"checkmark bi bi-check-lg\"></i>\n\t\t<i class=\"nocheckmark bi bi-dash\"></i>\n\t</div>\n</div>", styles: [".sliderbox{--height: 28px;min-width:calc(var(--height) * 2.2);display:flex;align-items:center;cursor:pointer;height:var(--height);width:calc(var(--height) * 2.2);border-radius:calc(var(--height) / 2);background-color:var(--sys-primary-15);transition:background-color .3s ease}.sliderbox.ativo{background-color:var(--sys-primary)}.slidercircle{height:calc(var(--height) - 6px);width:calc(var(--height) - 6px);background-color:var(--sys-card);border-radius:50%;margin:3px;transition:transform .3s ease;outline:1px dashed var(--sys-primary);display:flex;align-items:center;justify-content:center}.sliderbox.ativo .slidercircle{transform:translate(calc(var(--height) * 1.2)) scale(1.1);outline:2px solid var(--sys-primary)}.sliderbox.disabled{cursor:not-allowed;opacity:.6;filter:grayscale(1);pointer-events:none}.sliderbox .slidercircle .nocheckmark{display:block;color:var(--sys-primary);margin:2px 0 0 1px;font-size:1.2rem}.sliderbox.ativo .slidercircle .nocheckmark,.sliderbox .slidercircle .checkmark{display:none}.sliderbox.ativo .slidercircle .checkmark{display:block;color:var(--sys-primary);margin:2px 0 0 1px;font-size:1.2rem}.sliderbox:focus-visible{outline:none}.sliderbox:focus-visible .slidercircle,.sliderbox:hover .slidercircle{outline:1px solid var(--sys-primary)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { sliderbox: [{ type: i0.ViewChild, args: ['sliderbox', { ...{ read: ElementRef }, isSignal: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], focused: [{ type: i0.Input, args: [{ isSignal: true, alias: "focused", required: false }] }, { type: i0.Output, args: ["focusedChange"] }], focus: [{ type: i0.Input, args: [{ isSignal: true, alias: "focus", required: false }] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
 
 class UiCheckBox {
@@ -4109,13 +4110,13 @@ class UiCheckBox {
         this.focused.set(false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiCheckBox, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", type: UiCheckBox, isStandalone: true, selector: "ui-check-box", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, focused: { classPropertyName: "focused", publicName: "focused", isSignal: true, isRequired: false, transformFunction: null }, focus: { classPropertyName: "focus", publicName: "focus", isSignal: true, isRequired: false, transformFunction: null }, single: { classPropertyName: "single", publicName: "single", isSignal: true, isRequired: false, transformFunction: null }, hasDash: { classPropertyName: "hasDash", publicName: "hasDash", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", focused: "focusedChange", changed: "changed" }, host: { properties: { "class.focused": "focused()" } }, viewQueries: [{ propertyName: "marcabox", first: true, predicate: ["marcabox"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<div #marcabox class=\"marcador-area\" tabindex=\"0\" (click)=\"onClickMarcador()\" [class.ativo]=\"ativo()\"\r\n\t[class.multiple]=\"!single()\" (focus)=\"onFocus($event)\" (blur)=\"onBlur($event)\" [class.disabled]=\"disabled()\">\r\n\t<div class=\"checkmark {{ single() ? 'simples' : 'multiple' }}\" [class.hasDash]=\"hasDash()\" [class.ativo]=\"ativo()\">\r\n\t</div>\r\n</div>", styles: [":host{display:contents}.marcador-area{width:var(--ui-size, 22px);height:var(--ui-size, 22px);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;outline:1px dashed var(--ui-outline, var(--sys-outline));position:relative}.marcador-area.multiple{border-radius:4px}.marcador-area:focus-visible,.marcador-area:hover{outline:1px solid var(--ui-color, var(--sys-primary))}.marcador-area.ativo{outline:1px solid var(--ui-color, var(--sys-primary))}.marcador-area.ativo .checkmark{display:block}.marcador-area.disabled{cursor:not-allowed;opacity:.6;filter:grayscale(1);pointer-events:none}.checkmark.simples.ativo{background-color:var(--ui-color, var(--sys-primary));width:100%;height:100%;border-radius:50%;transform:scale(.75)}.checkmark.multiple.ativo{width:60%;height:38%;border-left:2px solid var(--ui-color, var(--sys-primary));border-bottom:2px solid var(--ui-color, var(--sys-primary));transform:rotate(-45deg) translate(1px)}.checkmark.multiple.hasDash:not(.ativo){width:60%;height:2px;background-color:var(--ui-color, var(--sys-primary))}.marcador-area:has(.hasDash:not(.ativo)){outline:1px solid var(--ui-outline, var(--sys-outline))}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", type: UiCheckBox, isStandalone: true, selector: "ui-check-box", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, focused: { classPropertyName: "focused", publicName: "focused", isSignal: true, isRequired: false, transformFunction: null }, focus: { classPropertyName: "focus", publicName: "focus", isSignal: true, isRequired: false, transformFunction: null }, single: { classPropertyName: "single", publicName: "single", isSignal: true, isRequired: false, transformFunction: null }, hasDash: { classPropertyName: "hasDash", publicName: "hasDash", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", focused: "focusedChange", changed: "changed" }, host: { properties: { "class.focused": "focused()" } }, viewQueries: [{ propertyName: "marcabox", first: true, predicate: ["marcabox"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<div #marcabox class=\"marcador-area\" tabindex=\"0\" (click)=\"onClickMarcador()\" [class.ativo]=\"ativo()\"\n\t[class.multiple]=\"!single()\" (focus)=\"onFocus($event)\" (blur)=\"onBlur($event)\" [class.disabled]=\"disabled()\">\n\t<div class=\"checkmark {{ single() ? 'simples' : 'multiple' }}\" [class.hasDash]=\"hasDash()\" [class.ativo]=\"ativo()\">\n\t</div>\n</div>", styles: [":host{display:contents}.marcador-area{width:var(--ui-size, 22px);height:var(--ui-size, 22px);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;outline:1px dashed var(--ui-outline, var(--sys-outline));position:relative}.marcador-area.multiple{border-radius:4px}.marcador-area:focus-visible,.marcador-area:hover{outline:1px solid var(--ui-color, var(--sys-primary))}.marcador-area.ativo{outline:1px solid var(--ui-color, var(--sys-primary))}.marcador-area.ativo .checkmark{display:block}.marcador-area.disabled{cursor:not-allowed;opacity:.6;filter:grayscale(1);pointer-events:none}.checkmark.simples.ativo{background-color:var(--ui-color, var(--sys-primary));width:100%;height:100%;border-radius:50%;transform:scale(.75)}.checkmark.multiple.ativo{width:60%;height:38%;border-left:2px solid var(--ui-color, var(--sys-primary));border-bottom:2px solid var(--ui-color, var(--sys-primary));transform:rotate(-45deg) translate(1px)}.checkmark.multiple.hasDash:not(.ativo){width:60%;height:2px;background-color:var(--ui-color, var(--sys-primary))}.marcador-area:has(.hasDash:not(.ativo)){outline:1px solid var(--ui-outline, var(--sys-outline))}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiCheckBox, decorators: [{
             type: Component,
             args: [{ selector: 'ui-check-box', host: {
                         '[class.focused]': 'focused()',
-                    }, template: "<div #marcabox class=\"marcador-area\" tabindex=\"0\" (click)=\"onClickMarcador()\" [class.ativo]=\"ativo()\"\r\n\t[class.multiple]=\"!single()\" (focus)=\"onFocus($event)\" (blur)=\"onBlur($event)\" [class.disabled]=\"disabled()\">\r\n\t<div class=\"checkmark {{ single() ? 'simples' : 'multiple' }}\" [class.hasDash]=\"hasDash()\" [class.ativo]=\"ativo()\">\r\n\t</div>\r\n</div>", styles: [":host{display:contents}.marcador-area{width:var(--ui-size, 22px);height:var(--ui-size, 22px);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;outline:1px dashed var(--ui-outline, var(--sys-outline));position:relative}.marcador-area.multiple{border-radius:4px}.marcador-area:focus-visible,.marcador-area:hover{outline:1px solid var(--ui-color, var(--sys-primary))}.marcador-area.ativo{outline:1px solid var(--ui-color, var(--sys-primary))}.marcador-area.ativo .checkmark{display:block}.marcador-area.disabled{cursor:not-allowed;opacity:.6;filter:grayscale(1);pointer-events:none}.checkmark.simples.ativo{background-color:var(--ui-color, var(--sys-primary));width:100%;height:100%;border-radius:50%;transform:scale(.75)}.checkmark.multiple.ativo{width:60%;height:38%;border-left:2px solid var(--ui-color, var(--sys-primary));border-bottom:2px solid var(--ui-color, var(--sys-primary));transform:rotate(-45deg) translate(1px)}.checkmark.multiple.hasDash:not(.ativo){width:60%;height:2px;background-color:var(--ui-color, var(--sys-primary))}.marcador-area:has(.hasDash:not(.ativo)){outline:1px solid var(--ui-outline, var(--sys-outline))}\n"] }]
+                    }, template: "<div #marcabox class=\"marcador-area\" tabindex=\"0\" (click)=\"onClickMarcador()\" [class.ativo]=\"ativo()\"\n\t[class.multiple]=\"!single()\" (focus)=\"onFocus($event)\" (blur)=\"onBlur($event)\" [class.disabled]=\"disabled()\">\n\t<div class=\"checkmark {{ single() ? 'simples' : 'multiple' }}\" [class.hasDash]=\"hasDash()\" [class.ativo]=\"ativo()\">\n\t</div>\n</div>", styles: [":host{display:contents}.marcador-area{width:var(--ui-size, 22px);height:var(--ui-size, 22px);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;outline:1px dashed var(--ui-outline, var(--sys-outline));position:relative}.marcador-area.multiple{border-radius:4px}.marcador-area:focus-visible,.marcador-area:hover{outline:1px solid var(--ui-color, var(--sys-primary))}.marcador-area.ativo{outline:1px solid var(--ui-color, var(--sys-primary))}.marcador-area.ativo .checkmark{display:block}.marcador-area.disabled{cursor:not-allowed;opacity:.6;filter:grayscale(1);pointer-events:none}.checkmark.simples.ativo{background-color:var(--ui-color, var(--sys-primary));width:100%;height:100%;border-radius:50%;transform:scale(.75)}.checkmark.multiple.ativo{width:60%;height:38%;border-left:2px solid var(--ui-color, var(--sys-primary));border-bottom:2px solid var(--ui-color, var(--sys-primary));transform:rotate(-45deg) translate(1px)}.checkmark.multiple.hasDash:not(.ativo){width:60%;height:2px;background-color:var(--ui-color, var(--sys-primary))}.marcador-area:has(.hasDash:not(.ativo)){outline:1px solid var(--ui-outline, var(--sys-outline))}\n"] }]
         }], ctorParameters: () => [], propDecorators: { marcabox: [{ type: i0.ViewChild, args: ['marcabox', { ...{ read: ElementRef }, isSignal: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], focused: [{ type: i0.Input, args: [{ isSignal: true, alias: "focused", required: false }] }, { type: i0.Output, args: ["focusedChange"] }], focus: [{ type: i0.Input, args: [{ isSignal: true, alias: "focus", required: false }] }], changed: [{ type: i0.Output, args: ["changed"] }], single: [{ type: i0.Input, args: [{ isSignal: true, alias: "single", required: false }] }], hasDash: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasDash", required: false }] }] } });
 
 class UiListErrors {
@@ -4123,11 +4124,11 @@ class UiListErrors {
     errors = input.required(...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
     dica = input.required(...(ngDevMode ? [{ debugName: "dica" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiListErrors, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: UiListErrors, isStandalone: true, selector: "ui-list-errors", inputs: { show: { classPropertyName: "show", publicName: "show", isSignal: true, isRequired: true, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: true, transformFunction: null }, dica: { classPropertyName: "dica", publicName: "dica", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@if(show()){\r\n<div class=\"erroArea\" [class.hide]=\"(!errors() || errors()?.length === 0) && (!dica())\">\r\n\t@for (erro of errors(); track $index) {\r\n\t<span class=\"erroText\">{{ erro ?? 'Erro desconhecido' }}</span>\r\n\t}\r\n\t@if(dica()){\r\n\t<span class=\"dicaText\">{{ dica() ?? '' }}</span>\r\n\t}\r\n</div>\r\n}", styles: [":host{display:contents}.erroArea{background-color:transparent;border-radius:var(--MasterRadius);font-size:12px;padding:0 8px 2px;display:flex;flex-wrap:wrap;justify-content:flex-end}.erroArea .erroText{color:var(--sys-error)}.erroArea .dicaText{color:var(--sys-info)}.erroArea.hide{display:none}span{display:block;margin-left:3px}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: UiListErrors, isStandalone: true, selector: "ui-list-errors", inputs: { show: { classPropertyName: "show", publicName: "show", isSignal: true, isRequired: true, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: true, transformFunction: null }, dica: { classPropertyName: "dica", publicName: "dica", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@if(show()){\n<div class=\"erroArea\" [class.hide]=\"(!errors() || errors()?.length === 0) && (!dica())\">\n\t@for (erro of errors(); track $index) {\n\t<span class=\"erroText\">{{ erro ?? 'Erro desconhecido' }}</span>\n\t}\n\t@if(dica()){\n\t<span class=\"dicaText\">{{ dica() ?? '' }}</span>\n\t}\n</div>\n}", styles: [":host{display:contents}.erroArea{background-color:transparent;border-radius:var(--MasterRadius);font-size:12px;padding:0 8px 2px;display:flex;flex-wrap:wrap;justify-content:flex-end}.erroArea .erroText{color:var(--sys-error)}.erroArea .dicaText{color:var(--sys-info)}.erroArea.hide{display:none}span{display:block;margin-left:3px}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiListErrors, decorators: [{
             type: Component,
-            args: [{ selector: 'ui-list-errors', template: "@if(show()){\r\n<div class=\"erroArea\" [class.hide]=\"(!errors() || errors()?.length === 0) && (!dica())\">\r\n\t@for (erro of errors(); track $index) {\r\n\t<span class=\"erroText\">{{ erro ?? 'Erro desconhecido' }}</span>\r\n\t}\r\n\t@if(dica()){\r\n\t<span class=\"dicaText\">{{ dica() ?? '' }}</span>\r\n\t}\r\n</div>\r\n}", styles: [":host{display:contents}.erroArea{background-color:transparent;border-radius:var(--MasterRadius);font-size:12px;padding:0 8px 2px;display:flex;flex-wrap:wrap;justify-content:flex-end}.erroArea .erroText{color:var(--sys-error)}.erroArea .dicaText{color:var(--sys-info)}.erroArea.hide{display:none}span{display:block;margin-left:3px}\n"] }]
+            args: [{ selector: 'ui-list-errors', template: "@if(show()){\n<div class=\"erroArea\" [class.hide]=\"(!errors() || errors()?.length === 0) && (!dica())\">\n\t@for (erro of errors(); track $index) {\n\t<span class=\"erroText\">{{ erro ?? 'Erro desconhecido' }}</span>\n\t}\n\t@if(dica()){\n\t<span class=\"dicaText\">{{ dica() ?? '' }}</span>\n\t}\n</div>\n}", styles: [":host{display:contents}.erroArea{background-color:transparent;border-radius:var(--MasterRadius);font-size:12px;padding:0 8px 2px;display:flex;flex-wrap:wrap;justify-content:flex-end}.erroArea .erroText{color:var(--sys-error)}.erroArea .dicaText{color:var(--sys-info)}.erroArea.hide{display:none}span{display:block;margin-left:3px}\n"] }]
         }], propDecorators: { show: [{ type: i0.Input, args: [{ isSignal: true, alias: "show", required: true }] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: true }] }], dica: [{ type: i0.Input, args: [{ isSignal: true, alias: "dica", required: true }] }] } });
 
 class UiLoading {
@@ -4349,11 +4350,11 @@ class UiMenu {
         // this.moveFocoPara('baixo', event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", type: UiMenu, isStandalone: true, selector: "ui-menu", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, icone: { classPropertyName: "icone", publicName: "icone", isSignal: true, isRequired: false, transformFunction: null }, autoCloseInCascade: { classPropertyName: "autoCloseInCascade", publicName: "autoCloseInCascade", isSignal: true, isRequired: false, transformFunction: null }, posicao: { classPropertyName: "posicao", publicName: "posicao", isSignal: true, isRequired: false, transformFunction: null }, isOpened: { classPropertyName: "isOpened", publicName: "isOpened", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { autoCloseInCascade: "autoCloseInCascadeChange", posicao: "posicaoChange", isOpened: "isOpenedChange" }, host: { properties: { "class.opened": "isOpened()" } }, viewQueries: [{ propertyName: "menuTrigger", first: true, predicate: ["menuTrigger"], descendants: true, isSignal: true }, { propertyName: "menuOverlay", first: true, predicate: ["menuOverlay"], descendants: true, isSignal: true }, { propertyName: "menuContainer", first: true, predicate: ["menuContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "<div #menuTrigger class=\"e-menu-trigger\" (click)=\"onClickSlotBotao($event)\" (keyup.Enter)=\"onOpenOrCloseOptions()\"\r\n\t(keydown.ArrowDown)=\"onArrowDown($event)\" (keyup.ArrowUp)=\"onArrowUp($event)\" (keyup.Escape)=\"closeOverlay()\"\r\n\t[id]=\"'tr'+id()\" [class.open]=\"isOpened()\">\r\n\t<ng-content select=\"[slot='botao']\">\r\n\t\t<ui-button tipo=\"icon\" tema=\"primary\" [icone]=\"icone()\"></ui-button>\r\n\t</ng-content>\r\n</div>\r\n\r\n<div #menuOverlay class=\"e-menu-overlay\" [class.open]=\"isOpened()\" (click)=\"onClickOverlay()\"\r\n\t(keydown.ArrowDown)=\"onArrowDown($event)\" (keyup.ArrowUp)=\"onArrowUp($event)\" [style.zIndex]=\"zIndex()\"\r\n\t[id]=\"'ov'+id()\">\r\n\r\n\t<div #menuContainer class=\"e-menu-container\" [class.smallScreen]=\"isSmallScreen()\" [style.left]=\"menuPosition().left\"\r\n\t\t[style.top]=\"menuPosition().top\" (click)=\"onClickContainer($event)\">\r\n\t\t<div [style.minWidth.px]=\"optionMinWidth()\" class=\"e-menu-area\">\r\n\t\t\t<ng-content></ng-content>\r\n\t\t</div>\r\n\t</div>\r\n\r\n</div>", styles: [".e-menu-area{background-color:var(--sys-card);border-radius:4px;box-shadow:0 2px 10px #0003;padding:8px 0;display:flex;flex-direction:column;gap:var(--ui-gap, 4px);-webkit-user-select:none;user-select:none}.e-menu-trigger{flex:1;display:block}.e-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1001;background-color:transparent;pointer-events:none;transition:background-color .2s ease-in-out}.e-menu-overlay.open{background-color:#00000040;pointer-events:auto}.e-menu-container{width:max-content;position:fixed;z-index:2002;display:flex;flex-direction:column;overflow:hidden;border-radius:10px;transform:translateZ(0);will-change:transform;transform-origin:top left;transform:scale(.8) translateY(-10%) rotateX(90deg) skew(15deg);opacity:0;visibility:hidden;transition:all .15s ease-in-out}.e-menu-overlay.open .e-menu-container{color:var(--sys-on-card);background:var(--sys-card);outline:1px solid var(--sys-outline);box-shadow:0 2px 8px #00000026;visibility:visible;opacity:1;transform:scale(1)}.e-menu-overlay.open .e-menu-container.smallScreen{width:90vw;left:5vw!important;top:calc(50vh - 170px)!important}\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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", type: UiMenu, isStandalone: true, selector: "ui-menu", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, icone: { classPropertyName: "icone", publicName: "icone", isSignal: true, isRequired: false, transformFunction: null }, autoCloseInCascade: { classPropertyName: "autoCloseInCascade", publicName: "autoCloseInCascade", isSignal: true, isRequired: false, transformFunction: null }, posicao: { classPropertyName: "posicao", publicName: "posicao", isSignal: true, isRequired: false, transformFunction: null }, isOpened: { classPropertyName: "isOpened", publicName: "isOpened", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { autoCloseInCascade: "autoCloseInCascadeChange", posicao: "posicaoChange", isOpened: "isOpenedChange" }, host: { properties: { "class.opened": "isOpened()" } }, viewQueries: [{ propertyName: "menuTrigger", first: true, predicate: ["menuTrigger"], descendants: true, isSignal: true }, { propertyName: "menuOverlay", first: true, predicate: ["menuOverlay"], descendants: true, isSignal: true }, { propertyName: "menuContainer", first: true, predicate: ["menuContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "<div #menuTrigger class=\"e-menu-trigger\" (click)=\"onClickSlotBotao($event)\" (keyup.Enter)=\"onOpenOrCloseOptions()\"\n\t(keydown.ArrowDown)=\"onArrowDown($event)\" (keyup.ArrowUp)=\"onArrowUp($event)\" (keyup.Escape)=\"closeOverlay()\"\n\t[id]=\"'tr'+id()\" [class.open]=\"isOpened()\">\n\t<ng-content select=\"[slot='botao']\">\n\t\t<ui-button tipo=\"icon\" tema=\"primary\" [icone]=\"icone()\"></ui-button>\n\t</ng-content>\n</div>\n\n<div #menuOverlay class=\"e-menu-overlay\" [class.open]=\"isOpened()\" (click)=\"onClickOverlay()\"\n\t(keydown.ArrowDown)=\"onArrowDown($event)\" (keyup.ArrowUp)=\"onArrowUp($event)\" [style.zIndex]=\"zIndex()\"\n\t[id]=\"'ov'+id()\">\n\n\t<div #menuContainer class=\"e-menu-container\" [class.smallScreen]=\"isSmallScreen()\" [style.left]=\"menuPosition().left\"\n\t\t[style.top]=\"menuPosition().top\" (click)=\"onClickContainer($event)\">\n\t\t<div [style.minWidth.px]=\"optionMinWidth()\" class=\"e-menu-area\">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t</div>\n\n</div>", styles: [".e-menu-area{background-color:var(--sys-card);border-radius:4px;box-shadow:0 2px 10px #0003;padding:8px 0;display:flex;flex-direction:column;gap:var(--ui-gap, 4px);-webkit-user-select:none;user-select:none}.e-menu-trigger{flex:1;display:block}.e-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1001;background-color:transparent;pointer-events:none;transition:background-color .2s ease-in-out}.e-menu-overlay.open{background-color:#00000040;pointer-events:auto}.e-menu-container{width:max-content;position:fixed;z-index:2002;display:flex;flex-direction:column;overflow:hidden;border-radius:10px;transform:translateZ(0);will-change:transform;transform-origin:top left;transform:scale(.8) translateY(-10%) rotateX(90deg) skew(15deg);opacity:0;visibility:hidden;transition:all .15s ease-in-out}.e-menu-overlay.open .e-menu-container{color:var(--sys-on-card);background:var(--sys-card);outline:1px solid var(--sys-outline);box-shadow:0 2px 8px #00000026;visibility:visible;opacity:1;transform:scale(1)}.e-menu-overlay.open .e-menu-container.smallScreen{width:90vw;left:5vw!important;top:calc(50vh - 170px)!important}\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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiMenu, decorators: [{
             type: Component,
-            args: [{ selector: 'ui-menu', imports: [UiButton], host: { '[class.opened]': 'isOpened()' }, template: "<div #menuTrigger class=\"e-menu-trigger\" (click)=\"onClickSlotBotao($event)\" (keyup.Enter)=\"onOpenOrCloseOptions()\"\r\n\t(keydown.ArrowDown)=\"onArrowDown($event)\" (keyup.ArrowUp)=\"onArrowUp($event)\" (keyup.Escape)=\"closeOverlay()\"\r\n\t[id]=\"'tr'+id()\" [class.open]=\"isOpened()\">\r\n\t<ng-content select=\"[slot='botao']\">\r\n\t\t<ui-button tipo=\"icon\" tema=\"primary\" [icone]=\"icone()\"></ui-button>\r\n\t</ng-content>\r\n</div>\r\n\r\n<div #menuOverlay class=\"e-menu-overlay\" [class.open]=\"isOpened()\" (click)=\"onClickOverlay()\"\r\n\t(keydown.ArrowDown)=\"onArrowDown($event)\" (keyup.ArrowUp)=\"onArrowUp($event)\" [style.zIndex]=\"zIndex()\"\r\n\t[id]=\"'ov'+id()\">\r\n\r\n\t<div #menuContainer class=\"e-menu-container\" [class.smallScreen]=\"isSmallScreen()\" [style.left]=\"menuPosition().left\"\r\n\t\t[style.top]=\"menuPosition().top\" (click)=\"onClickContainer($event)\">\r\n\t\t<div [style.minWidth.px]=\"optionMinWidth()\" class=\"e-menu-area\">\r\n\t\t\t<ng-content></ng-content>\r\n\t\t</div>\r\n\t</div>\r\n\r\n</div>", styles: [".e-menu-area{background-color:var(--sys-card);border-radius:4px;box-shadow:0 2px 10px #0003;padding:8px 0;display:flex;flex-direction:column;gap:var(--ui-gap, 4px);-webkit-user-select:none;user-select:none}.e-menu-trigger{flex:1;display:block}.e-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1001;background-color:transparent;pointer-events:none;transition:background-color .2s ease-in-out}.e-menu-overlay.open{background-color:#00000040;pointer-events:auto}.e-menu-container{width:max-content;position:fixed;z-index:2002;display:flex;flex-direction:column;overflow:hidden;border-radius:10px;transform:translateZ(0);will-change:transform;transform-origin:top left;transform:scale(.8) translateY(-10%) rotateX(90deg) skew(15deg);opacity:0;visibility:hidden;transition:all .15s ease-in-out}.e-menu-overlay.open .e-menu-container{color:var(--sys-on-card);background:var(--sys-card);outline:1px solid var(--sys-outline);box-shadow:0 2px 8px #00000026;visibility:visible;opacity:1;transform:scale(1)}.e-menu-overlay.open .e-menu-container.smallScreen{width:90vw;left:5vw!important;top:calc(50vh - 170px)!important}\n"] }]
+            args: [{ selector: 'ui-menu', imports: [UiButton], host: { '[class.opened]': 'isOpened()' }, template: "<div #menuTrigger class=\"e-menu-trigger\" (click)=\"onClickSlotBotao($event)\" (keyup.Enter)=\"onOpenOrCloseOptions()\"\n\t(keydown.ArrowDown)=\"onArrowDown($event)\" (keyup.ArrowUp)=\"onArrowUp($event)\" (keyup.Escape)=\"closeOverlay()\"\n\t[id]=\"'tr'+id()\" [class.open]=\"isOpened()\">\n\t<ng-content select=\"[slot='botao']\">\n\t\t<ui-button tipo=\"icon\" tema=\"primary\" [icone]=\"icone()\"></ui-button>\n\t</ng-content>\n</div>\n\n<div #menuOverlay class=\"e-menu-overlay\" [class.open]=\"isOpened()\" (click)=\"onClickOverlay()\"\n\t(keydown.ArrowDown)=\"onArrowDown($event)\" (keyup.ArrowUp)=\"onArrowUp($event)\" [style.zIndex]=\"zIndex()\"\n\t[id]=\"'ov'+id()\">\n\n\t<div #menuContainer class=\"e-menu-container\" [class.smallScreen]=\"isSmallScreen()\" [style.left]=\"menuPosition().left\"\n\t\t[style.top]=\"menuPosition().top\" (click)=\"onClickContainer($event)\">\n\t\t<div [style.minWidth.px]=\"optionMinWidth()\" class=\"e-menu-area\">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t</div>\n\n</div>", styles: [".e-menu-area{background-color:var(--sys-card);border-radius:4px;box-shadow:0 2px 10px #0003;padding:8px 0;display:flex;flex-direction:column;gap:var(--ui-gap, 4px);-webkit-user-select:none;user-select:none}.e-menu-trigger{flex:1;display:block}.e-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1001;background-color:transparent;pointer-events:none;transition:background-color .2s ease-in-out}.e-menu-overlay.open{background-color:#00000040;pointer-events:auto}.e-menu-container{width:max-content;position:fixed;z-index:2002;display:flex;flex-direction:column;overflow:hidden;border-radius:10px;transform:translateZ(0);will-change:transform;transform-origin:top left;transform:scale(.8) translateY(-10%) rotateX(90deg) skew(15deg);opacity:0;visibility:hidden;transition:all .15s ease-in-out}.e-menu-overlay.open .e-menu-container{color:var(--sys-on-card);background:var(--sys-card);outline:1px solid var(--sys-outline);box-shadow:0 2px 8px #00000026;visibility:visible;opacity:1;transform:scale(1)}.e-menu-overlay.open .e-menu-container.smallScreen{width:90vw;left:5vw!important;top:calc(50vh - 170px)!important}\n"] }]
         }], ctorParameters: () => [], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], icone: [{ type: i0.Input, args: [{ isSignal: true, alias: "icone", required: false }] }], autoCloseInCascade: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoCloseInCascade", required: false }] }, { type: i0.Output, args: ["autoCloseInCascadeChange"] }], posicao: [{ type: i0.Input, args: [{ isSignal: true, alias: "posicao", required: false }] }, { type: i0.Output, args: ["posicaoChange"] }], isOpened: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpened", required: false }] }, { type: i0.Output, args: ["isOpenedChange"] }], menuTrigger: [{ type: i0.ViewChild, args: ['menuTrigger', { isSignal: true }] }], menuOverlay: [{ type: i0.ViewChild, args: ['menuOverlay', { isSignal: true }] }], menuContainer: [{ type: i0.ViewChild, args: ['menuContainer', { isSignal: true }] }] } });
 
 class FieldsAutocomplete extends BaseFieldsForm {
@@ -4618,11 +4619,11 @@ class FieldsAutocomplete extends BaseFieldsForm {
         }, 1);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsAutocomplete, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsAutocomplete, isStandalone: true, selector: "fields-autocomplete", host: { listeners: { "document:click": "onDocumentClick($event)" } }, viewQueries: [{ propertyName: "displayText", first: true, predicate: ["displayText"], descendants: true, isSignal: true }, { propertyName: "triggerElement", first: true, predicate: ["triggerElement"], descendants: true, isSignal: true }, { propertyName: "optionsContainer", first: true, predicate: ["optionsContainer"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div #triggerElement class=\"fieldField FieldAutoComplete\">\r\n\t\t\t\t<div [class]=\"campo()?.classe\" [style]=\"campo()?.style\">\r\n\t\t\t\t\t<input type=\"text\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\r\n\t\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\r\n\t\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\r\n\t\t\t\t\t\t[style]=\"campo()?.style\" (keyup)=\"markKey($event)\" (keydown.tab)=\"closeOverlay()\" [class.outlined]=\"true\"\r\n\t\t\t\t\t\t[class.input]=\"true\" />\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>\r\n\r\n<div #optionsContainer class=\"select-options-container\" [class.open]=\"isOpenedOptions()\"\r\n\t[style.left]=\"menuPosition().left\" [style.top]=\"menuPosition().top\">\r\n\t@if(isOpenedOptions()) {\r\n\t<div class=\"options-list\">\r\n\t\t@for(option of optionsFiltered(); track option.k) {\r\n\t\t<div class=\"option-item\" [class.selected]=\"option.selected\" [style.width.px]=\"offsetWidth()\" [title]=\"option.v\"\r\n\t\t\t(click)=\"onSelectOption(option)\" (keyup.Enter)=\"onSelectOption(option)\" tabindex=\"-1\"\r\n\t\t\t[class.choosing]=\"option.choosing\">\r\n\t\t\t<div class=\"option-item-check\"></div>\r\n\t\t\t<div class=\"option-item-text\" [innerHTML]=\"option.html\"></div>\r\n\t\t</div>\r\n\t\t}\r\n\t</div>\r\n\t}\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldAutoComplete{position:relative;display:flex}.FieldAutoComplete>div:first-child{flex:1;display:flex;align-items:center;justify-content:space-between}.FieldAutoComplete>div:first-child:focus{outline:2px solid var(--campoCor)}.menuTrigger{width:100%;height:0px}.select-options-container{width:max-content;position:fixed;z-index:1000;display:flex;flex-direction:column;border-radius:10px;overflow:hidden}.select-options-container.open{color:var(--sys-on-background);background:var(--sys-background);outline:1px solid var(--sys-outline);box-shadow:0 2px 8px #00000026}.options-list{padding:0;max-height:300px;overflow-y:auto}.option-item{display:flex;align-items:center;justify-content:space-between;padding:15px 5px;margin-top:3px;cursor:pointer;transition:background-color .2s}.option-item.selected{background:color-mix(in srgb,var(--sys-primary) 50%,var(--sys-background) 50%);color:var(--sys-on-background);font-weight:500}.option-item.choosing{outline:none;background:color-mix(in srgb,var(--sys-primary) 20%,var(--sys-background) 80%);color:var(--sys-on-background)}.option-item:hover{background:color-mix(in srgb,var(--sys-primary) 20%,var(--sys-background) 80%);color:var(--sys-on-background)}.option-item-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none}.option-item-check{width:16px;height:16px;margin:auto 2px;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E\");background-size:contain;background-repeat:no-repeat;background-position:center;flex-shrink:0;visibility:hidden}.option-item.selected .option-item-check{visibility:visible}\n"], dependencies: [{ kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsAutocomplete, isStandalone: true, selector: "fields-autocomplete", host: { listeners: { "document:click": "onDocumentClick($event)" } }, viewQueries: [{ propertyName: "displayText", first: true, predicate: ["displayText"], descendants: true, isSignal: true }, { propertyName: "triggerElement", first: true, predicate: ["triggerElement"], descendants: true, isSignal: true }, { propertyName: "optionsContainer", first: true, predicate: ["optionsContainer"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div #triggerElement class=\"fieldField FieldAutoComplete\">\n\t\t\t\t<div [class]=\"campo()?.classe\" [style]=\"campo()?.style\">\n\t\t\t\t\t<input type=\"text\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\n\t\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\n\t\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\n\t\t\t\t\t\t[style]=\"campo()?.style\" (keyup)=\"markKey($event)\" (keydown.tab)=\"closeOverlay()\" [class.outlined]=\"true\"\n\t\t\t\t\t\t[class.input]=\"true\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>\n\n<div #optionsContainer class=\"select-options-container\" [class.open]=\"isOpenedOptions()\"\n\t[style.left]=\"menuPosition().left\" [style.top]=\"menuPosition().top\">\n\t@if(isOpenedOptions()) {\n\t<div class=\"options-list\">\n\t\t@for(option of optionsFiltered(); track option.k) {\n\t\t<div class=\"option-item\" [class.selected]=\"option.selected\" [style.width.px]=\"offsetWidth()\" [title]=\"option.v\"\n\t\t\t(click)=\"onSelectOption(option)\" (keyup.Enter)=\"onSelectOption(option)\" tabindex=\"-1\"\n\t\t\t[class.choosing]=\"option.choosing\">\n\t\t\t<div class=\"option-item-check\"></div>\n\t\t\t<div class=\"option-item-text\" [innerHTML]=\"option.html\"></div>\n\t\t</div>\n\t\t}\n\t</div>\n\t}\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldAutoComplete{position:relative;display:flex}.FieldAutoComplete>div:first-child{flex:1;display:flex;align-items:center;justify-content:space-between}.FieldAutoComplete>div:first-child:focus{outline:2px solid var(--campoCor)}.menuTrigger{width:100%;height:0px}.select-options-container{width:max-content;position:fixed;z-index:1000;display:flex;flex-direction:column;border-radius:10px;overflow:hidden}.select-options-container.open{color:var(--sys-on-background);background:var(--sys-background);outline:1px solid var(--sys-outline);box-shadow:0 2px 8px #00000026}.options-list{padding:0;max-height:300px;overflow-y:auto}.option-item{display:flex;align-items:center;justify-content:space-between;padding:15px 5px;margin-top:3px;cursor:pointer;transition:background-color .2s}.option-item.selected{background:color-mix(in srgb,var(--sys-primary) 50%,var(--sys-background) 50%);color:var(--sys-on-background);font-weight:500}.option-item.choosing{outline:none;background:color-mix(in srgb,var(--sys-primary) 20%,var(--sys-background) 80%);color:var(--sys-on-background)}.option-item:hover{background:color-mix(in srgb,var(--sys-primary) 20%,var(--sys-background) 80%);color:var(--sys-on-background)}.option-item-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none}.option-item-check{width:16px;height:16px;margin:auto 2px;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E\");background-size:contain;background-repeat:no-repeat;background-position:center;flex-shrink:0;visibility:hidden}.option-item.selected .option-item-check{visibility:visible}\n"], dependencies: [{ kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsAutocomplete, decorators: [{
             type: Component,
-            args: [{ selector: 'fields-autocomplete', imports: [UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div #triggerElement class=\"fieldField FieldAutoComplete\">\r\n\t\t\t\t<div [class]=\"campo()?.classe\" [style]=\"campo()?.style\">\r\n\t\t\t\t\t<input type=\"text\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\r\n\t\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\r\n\t\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\r\n\t\t\t\t\t\t[style]=\"campo()?.style\" (keyup)=\"markKey($event)\" (keydown.tab)=\"closeOverlay()\" [class.outlined]=\"true\"\r\n\t\t\t\t\t\t[class.input]=\"true\" />\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>\r\n\r\n<div #optionsContainer class=\"select-options-container\" [class.open]=\"isOpenedOptions()\"\r\n\t[style.left]=\"menuPosition().left\" [style.top]=\"menuPosition().top\">\r\n\t@if(isOpenedOptions()) {\r\n\t<div class=\"options-list\">\r\n\t\t@for(option of optionsFiltered(); track option.k) {\r\n\t\t<div class=\"option-item\" [class.selected]=\"option.selected\" [style.width.px]=\"offsetWidth()\" [title]=\"option.v\"\r\n\t\t\t(click)=\"onSelectOption(option)\" (keyup.Enter)=\"onSelectOption(option)\" tabindex=\"-1\"\r\n\t\t\t[class.choosing]=\"option.choosing\">\r\n\t\t\t<div class=\"option-item-check\"></div>\r\n\t\t\t<div class=\"option-item-text\" [innerHTML]=\"option.html\"></div>\r\n\t\t</div>\r\n\t\t}\r\n\t</div>\r\n\t}\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldAutoComplete{position:relative;display:flex}.FieldAutoComplete>div:first-child{flex:1;display:flex;align-items:center;justify-content:space-between}.FieldAutoComplete>div:first-child:focus{outline:2px solid var(--campoCor)}.menuTrigger{width:100%;height:0px}.select-options-container{width:max-content;position:fixed;z-index:1000;display:flex;flex-direction:column;border-radius:10px;overflow:hidden}.select-options-container.open{color:var(--sys-on-background);background:var(--sys-background);outline:1px solid var(--sys-outline);box-shadow:0 2px 8px #00000026}.options-list{padding:0;max-height:300px;overflow-y:auto}.option-item{display:flex;align-items:center;justify-content:space-between;padding:15px 5px;margin-top:3px;cursor:pointer;transition:background-color .2s}.option-item.selected{background:color-mix(in srgb,var(--sys-primary) 50%,var(--sys-background) 50%);color:var(--sys-on-background);font-weight:500}.option-item.choosing{outline:none;background:color-mix(in srgb,var(--sys-primary) 20%,var(--sys-background) 80%);color:var(--sys-on-background)}.option-item:hover{background:color-mix(in srgb,var(--sys-primary) 20%,var(--sys-background) 80%);color:var(--sys-on-background)}.option-item-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none}.option-item-check{width:16px;height:16px;margin:auto 2px;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E\");background-size:contain;background-repeat:no-repeat;background-position:center;flex-shrink:0;visibility:hidden}.option-item.selected .option-item-check{visibility:visible}\n"] }]
+            args: [{ selector: 'fields-autocomplete', imports: [UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div #triggerElement class=\"fieldField FieldAutoComplete\">\n\t\t\t\t<div [class]=\"campo()?.classe\" [style]=\"campo()?.style\">\n\t\t\t\t\t<input type=\"text\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\n\t\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\n\t\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\n\t\t\t\t\t\t[style]=\"campo()?.style\" (keyup)=\"markKey($event)\" (keydown.tab)=\"closeOverlay()\" [class.outlined]=\"true\"\n\t\t\t\t\t\t[class.input]=\"true\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>\n\n<div #optionsContainer class=\"select-options-container\" [class.open]=\"isOpenedOptions()\"\n\t[style.left]=\"menuPosition().left\" [style.top]=\"menuPosition().top\">\n\t@if(isOpenedOptions()) {\n\t<div class=\"options-list\">\n\t\t@for(option of optionsFiltered(); track option.k) {\n\t\t<div class=\"option-item\" [class.selected]=\"option.selected\" [style.width.px]=\"offsetWidth()\" [title]=\"option.v\"\n\t\t\t(click)=\"onSelectOption(option)\" (keyup.Enter)=\"onSelectOption(option)\" tabindex=\"-1\"\n\t\t\t[class.choosing]=\"option.choosing\">\n\t\t\t<div class=\"option-item-check\"></div>\n\t\t\t<div class=\"option-item-text\" [innerHTML]=\"option.html\"></div>\n\t\t</div>\n\t\t}\n\t</div>\n\t}\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldAutoComplete{position:relative;display:flex}.FieldAutoComplete>div:first-child{flex:1;display:flex;align-items:center;justify-content:space-between}.FieldAutoComplete>div:first-child:focus{outline:2px solid var(--campoCor)}.menuTrigger{width:100%;height:0px}.select-options-container{width:max-content;position:fixed;z-index:1000;display:flex;flex-direction:column;border-radius:10px;overflow:hidden}.select-options-container.open{color:var(--sys-on-background);background:var(--sys-background);outline:1px solid var(--sys-outline);box-shadow:0 2px 8px #00000026}.options-list{padding:0;max-height:300px;overflow-y:auto}.option-item{display:flex;align-items:center;justify-content:space-between;padding:15px 5px;margin-top:3px;cursor:pointer;transition:background-color .2s}.option-item.selected{background:color-mix(in srgb,var(--sys-primary) 50%,var(--sys-background) 50%);color:var(--sys-on-background);font-weight:500}.option-item.choosing{outline:none;background:color-mix(in srgb,var(--sys-primary) 20%,var(--sys-background) 80%);color:var(--sys-on-background)}.option-item:hover{background:color-mix(in srgb,var(--sys-primary) 20%,var(--sys-background) 80%);color:var(--sys-on-background)}.option-item-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none}.option-item-check{width:16px;height:16px;margin:auto 2px;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E\");background-size:contain;background-repeat:no-repeat;background-position:center;flex-shrink:0;visibility:hidden}.option-item.selected .option-item-check{visibility:visible}\n"] }]
         }], ctorParameters: () => [], propDecorators: { displayText: [{ type: i0.ViewChild, args: ['displayText', { isSignal: true }] }], triggerElement: [{ type: i0.ViewChild, args: ['triggerElement', { isSignal: true }] }], optionsContainer: [{ type: i0.ViewChild, args: ['optionsContainer', { isSignal: true }] }], onDocumentClick: [{
                 type: HostListener,
                 args: ['document:click', ['$event']]
@@ -4651,11 +4652,11 @@ class FieldsButton extends BaseFieldsForm {
         this.onChangeEmit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsButton, isStandalone: true, selector: "fields-button", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo ?? '&nbsp;' }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField FieldButton\">\r\n\t\t\t\t<ui-button [tipo]=\"campo()?.tipoBotao\" [tema]=\"campo()?.tema\" [style]=\"campo()?.style\"\r\n\t\t\t\t\t(click)=\"onClickButton($event)\" [disabled]=\"campo()?.disabled\" [icone]=\"campo()?.icone\">\r\n\t\t\t\t\t<div [innerHTML]=\"campo()?.tituloClicavel\"></div>\r\n\t\t\t\t</ui-button>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".fieldField.FieldButton{border:none}.FieldButton ui-button{width:100%}\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: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsButton, isStandalone: true, selector: "fields-button", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo ?? '&nbsp;' }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldButton\">\n\t\t\t\t<ui-button [tipo]=\"campo()?.tipoBotao\" [tema]=\"campo()?.tema\" [style]=\"campo()?.style\"\n\t\t\t\t\t(click)=\"onClickButton($event)\" [disabled]=\"campo()?.disabled\" [icone]=\"campo()?.icone\">\n\t\t\t\t\t<div [innerHTML]=\"campo()?.tituloClicavel\"></div>\n\t\t\t\t</ui-button>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".fieldField.FieldButton{border:none}.FieldButton ui-button{width:100%}\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: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsButton, decorators: [{
             type: Component,
-            args: [{ selector: 'fields-button', imports: [UiButton, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo ?? '&nbsp;' }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField FieldButton\">\r\n\t\t\t\t<ui-button [tipo]=\"campo()?.tipoBotao\" [tema]=\"campo()?.tema\" [style]=\"campo()?.style\"\r\n\t\t\t\t\t(click)=\"onClickButton($event)\" [disabled]=\"campo()?.disabled\" [icone]=\"campo()?.icone\">\r\n\t\t\t\t\t<div [innerHTML]=\"campo()?.tituloClicavel\"></div>\r\n\t\t\t\t</ui-button>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".fieldField.FieldButton{border:none}.FieldButton ui-button{width:100%}\n"] }]
+            args: [{ selector: 'fields-button', imports: [UiButton, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo ?? '&nbsp;' }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldButton\">\n\t\t\t\t<ui-button [tipo]=\"campo()?.tipoBotao\" [tema]=\"campo()?.tema\" [style]=\"campo()?.style\"\n\t\t\t\t\t(click)=\"onClickButton($event)\" [disabled]=\"campo()?.disabled\" [icone]=\"campo()?.icone\">\n\t\t\t\t\t<div [innerHTML]=\"campo()?.tituloClicavel\"></div>\n\t\t\t\t</ui-button>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".fieldField.FieldButton{border:none}.FieldButton ui-button{width:100%}\n"] }]
         }], ctorParameters: () => [] });
 
 class FieldsCheckbox extends BaseFieldsForm {
@@ -4685,11 +4686,11 @@ class FieldsCheckbox extends BaseFieldsForm {
         }, 1);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsCheckbox, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsCheckbox, isStandalone: true, selector: "fields-checkbox", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField FieldCheckbox microPos4\">\r\n\t\t\t\t<ui-check-box [value]=\"value()\" (changed)=\"onChange($event)\" [focus]=\"signalFocus()\"></ui-check-box>\r\n\t\t\t\t<div class=\"tituloClicavel\" (click)=\"toogleAtivo()\">\r\n\t\t\t\t\t{{ value() ? (campo()?.textoAtivo ?? campo()?.tituloClicavel ) : (campo()?.textoInativo ??\r\n\t\t\t\t\tcampo()?.tituloClicavel) }}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldCheckbox{padding-left:10px;display:flex;flex-wrap:nowrap;align-items:center;transition:outline 0s;transition-delay:.2s}.tituloClicavel{display:flex;align-items:center;padding-left:10px;padding-right:10px;font-size:.875rem;cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;line-height:30px;text-align:var(--ui-text-align, center)}.FieldCheckbox:has(ui-check-box.focused){outline:2px solid var(--sys-primary);transition:outline 0s}\n"], dependencies: [{ kind: "component", type: UiCheckBox, selector: "ui-check-box", inputs: ["value", "disabled", "focused", "focus", "single", "hasDash"], outputs: ["valueChange", "focusedChange", "changed"] }, { kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsCheckbox, isStandalone: true, selector: "fields-checkbox", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldCheckbox microPos4\">\n\t\t\t\t<ui-check-box [value]=\"value()\" (changed)=\"onChange($event)\" [focus]=\"signalFocus()\"></ui-check-box>\n\t\t\t\t<div class=\"tituloClicavel\" (click)=\"toogleAtivo()\">\n\t\t\t\t\t{{ value() ? (campo()?.textoAtivo ?? campo()?.tituloClicavel ) : (campo()?.textoInativo ??\n\t\t\t\t\tcampo()?.tituloClicavel) }}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldCheckbox{padding-left:10px;display:flex;flex-wrap:nowrap;align-items:center;transition:outline 0s;transition-delay:.2s}.tituloClicavel{display:flex;align-items:center;padding-left:10px;padding-right:10px;font-size:.875rem;cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;line-height:30px;text-align:var(--ui-text-align, center)}.FieldCheckbox:has(ui-check-box.focused){outline:2px solid var(--sys-primary);transition:outline 0s}\n"], dependencies: [{ kind: "component", type: UiCheckBox, selector: "ui-check-box", inputs: ["value", "disabled", "focused", "focus", "single", "hasDash"], outputs: ["valueChange", "focusedChange", "changed"] }, { kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsCheckbox, decorators: [{
             type: Component,
-            args: [{ selector: 'fields-checkbox', imports: [UiCheckBox, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField FieldCheckbox microPos4\">\r\n\t\t\t\t<ui-check-box [value]=\"value()\" (changed)=\"onChange($event)\" [focus]=\"signalFocus()\"></ui-check-box>\r\n\t\t\t\t<div class=\"tituloClicavel\" (click)=\"toogleAtivo()\">\r\n\t\t\t\t\t{{ value() ? (campo()?.textoAtivo ?? campo()?.tituloClicavel ) : (campo()?.textoInativo ??\r\n\t\t\t\t\tcampo()?.tituloClicavel) }}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldCheckbox{padding-left:10px;display:flex;flex-wrap:nowrap;align-items:center;transition:outline 0s;transition-delay:.2s}.tituloClicavel{display:flex;align-items:center;padding-left:10px;padding-right:10px;font-size:.875rem;cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;line-height:30px;text-align:var(--ui-text-align, center)}.FieldCheckbox:has(ui-check-box.focused){outline:2px solid var(--sys-primary);transition:outline 0s}\n"] }]
+            args: [{ selector: 'fields-checkbox', imports: [UiCheckBox, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldCheckbox microPos4\">\n\t\t\t\t<ui-check-box [value]=\"value()\" (changed)=\"onChange($event)\" [focus]=\"signalFocus()\"></ui-check-box>\n\t\t\t\t<div class=\"tituloClicavel\" (click)=\"toogleAtivo()\">\n\t\t\t\t\t{{ value() ? (campo()?.textoAtivo ?? campo()?.tituloClicavel ) : (campo()?.textoInativo ??\n\t\t\t\t\tcampo()?.tituloClicavel) }}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldCheckbox{padding-left:10px;display:flex;flex-wrap:nowrap;align-items:center;transition:outline 0s;transition-delay:.2s}.tituloClicavel{display:flex;align-items:center;padding-left:10px;padding-right:10px;font-size:.875rem;cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;line-height:30px;text-align:var(--ui-text-align, center)}.FieldCheckbox:has(ui-check-box.focused){outline:2px solid var(--sys-primary);transition:outline 0s}\n"] }]
         }], ctorParameters: () => [] });
 
 class CirculoColorido {
@@ -4707,11 +4708,11 @@ class CirculoColorido {
         return angle;
     }, ...(ngDevMode ? [{ debugName: "angle" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CirculoColorido, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: CirculoColorido, isStandalone: true, selector: "field-color-circulocolorido", inputs: { valor: { classPropertyName: "valor", publicName: "valor", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"container\" [style.--atualColor]=\"angle()\">\r\n\t<div class=\"circulo {{ angle() != null ? 'show' : 'hide' }}\"></div>\r\n\t@if(angle() != null){\r\n\t<div class=\"arrow\" [style.--arrowAngle]=\"(angle()! - 47) + 'deg'\">\r\n\t\t<i class=\"bi bi-cursor-fill\"></i>\r\n\t</div>\r\n\t}\r\n</div>", styles: [".container{position:relative;display:flex;height:60px;aspect-ratio:1 / 1}.circulo{position:absolute;top:0;left:0;height:100%;width:100%;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);clip-path:circle(closest-side);-webkit-mask:radial-gradient(circle at center,transparent 20%,black 35%,black 55%,transparent 70%,transparent 100%);mask:radial-gradient(circle at center,transparent 20%,black 35%,black 55%,transparent 70%,transparent 100%);transition:.2s ease-in-out}.circulo.hide{opacity:.2;-webkit-mask:radial-gradient(circle at center,transparent 30%,black 50%,transparent 70%);mask:radial-gradient(circle at center,transparent 30%,black 50%,transparent 70%);transition:.2s ease-in-out}.arrow{position:absolute;border-radius:50%;top:calc(50% - 10px);left:calc(50% - 10px);height:20px;width:20px;display:flex;justify-content:center;align-items:center;transition:.3s;font-size:24px;transform:rotate(var(--arrowAngle));z-index:2}.arrow i{color:hsl(var(--atualColor) 100% 50%)}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: CirculoColorido, isStandalone: true, selector: "field-color-circulocolorido", inputs: { valor: { classPropertyName: "valor", publicName: "valor", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"container\" [style.--atualColor]=\"angle()\">\n\t<div class=\"circulo {{ angle() != null ? 'show' : 'hide' }}\"></div>\n\t@if(angle() != null){\n\t<div class=\"arrow\" [style.--arrowAngle]=\"(angle()! - 47) + 'deg'\">\n\t\t<i class=\"bi bi-cursor-fill\"></i>\n\t</div>\n\t}\n</div>", styles: [".container{position:relative;display:flex;height:60px;aspect-ratio:1 / 1}.circulo{position:absolute;top:0;left:0;height:100%;width:100%;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);clip-path:circle(closest-side);-webkit-mask:radial-gradient(circle at center,transparent 20%,black 35%,black 55%,transparent 70%,transparent 100%);mask:radial-gradient(circle at center,transparent 20%,black 35%,black 55%,transparent 70%,transparent 100%);transition:.2s ease-in-out}.circulo.hide{opacity:.2;-webkit-mask:radial-gradient(circle at center,transparent 30%,black 50%,transparent 70%);mask:radial-gradient(circle at center,transparent 30%,black 50%,transparent 70%);transition:.2s ease-in-out}.arrow{position:absolute;border-radius:50%;top:calc(50% - 10px);left:calc(50% - 10px);height:20px;width:20px;display:flex;justify-content:center;align-items:center;transition:.3s;font-size:24px;transform:rotate(var(--arrowAngle));z-index:2}.arrow i{color:hsl(var(--atualColor) 100% 50%)}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CirculoColorido, decorators: [{
             type: Component,
-            args: [{ selector: 'field-color-circulocolorido', template: "<div class=\"container\" [style.--atualColor]=\"angle()\">\r\n\t<div class=\"circulo {{ angle() != null ? 'show' : 'hide' }}\"></div>\r\n\t@if(angle() != null){\r\n\t<div class=\"arrow\" [style.--arrowAngle]=\"(angle()! - 47) + 'deg'\">\r\n\t\t<i class=\"bi bi-cursor-fill\"></i>\r\n\t</div>\r\n\t}\r\n</div>", styles: [".container{position:relative;display:flex;height:60px;aspect-ratio:1 / 1}.circulo{position:absolute;top:0;left:0;height:100%;width:100%;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);clip-path:circle(closest-side);-webkit-mask:radial-gradient(circle at center,transparent 20%,black 35%,black 55%,transparent 70%,transparent 100%);mask:radial-gradient(circle at center,transparent 20%,black 35%,black 55%,transparent 70%,transparent 100%);transition:.2s ease-in-out}.circulo.hide{opacity:.2;-webkit-mask:radial-gradient(circle at center,transparent 30%,black 50%,transparent 70%);mask:radial-gradient(circle at center,transparent 30%,black 50%,transparent 70%);transition:.2s ease-in-out}.arrow{position:absolute;border-radius:50%;top:calc(50% - 10px);left:calc(50% - 10px);height:20px;width:20px;display:flex;justify-content:center;align-items:center;transition:.3s;font-size:24px;transform:rotate(var(--arrowAngle));z-index:2}.arrow i{color:hsl(var(--atualColor) 100% 50%)}\n"] }]
+            args: [{ selector: 'field-color-circulocolorido', template: "<div class=\"container\" [style.--atualColor]=\"angle()\">\n\t<div class=\"circulo {{ angle() != null ? 'show' : 'hide' }}\"></div>\n\t@if(angle() != null){\n\t<div class=\"arrow\" [style.--arrowAngle]=\"(angle()! - 47) + 'deg'\">\n\t\t<i class=\"bi bi-cursor-fill\"></i>\n\t</div>\n\t}\n</div>", styles: [".container{position:relative;display:flex;height:60px;aspect-ratio:1 / 1}.circulo{position:absolute;top:0;left:0;height:100%;width:100%;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);clip-path:circle(closest-side);-webkit-mask:radial-gradient(circle at center,transparent 20%,black 35%,black 55%,transparent 70%,transparent 100%);mask:radial-gradient(circle at center,transparent 20%,black 35%,black 55%,transparent 70%,transparent 100%);transition:.2s ease-in-out}.circulo.hide{opacity:.2;-webkit-mask:radial-gradient(circle at center,transparent 30%,black 50%,transparent 70%);mask:radial-gradient(circle at center,transparent 30%,black 50%,transparent 70%);transition:.2s ease-in-out}.arrow{position:absolute;border-radius:50%;top:calc(50% - 10px);left:calc(50% - 10px);height:20px;width:20px;display:flex;justify-content:center;align-items:center;transition:.3s;font-size:24px;transform:rotate(var(--arrowAngle));z-index:2}.arrow i{color:hsl(var(--atualColor) 100% 50%)}\n"] }]
         }], propDecorators: { valor: [{ type: i0.Input, args: [{ isSignal: true, alias: "valor", required: false }] }] } });
 
 class FieldsColor extends BaseFieldsForm {
@@ -4749,11 +4750,11 @@ class FieldsColor extends BaseFieldsForm {
         this.campo()?.onInput?.(this.form());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsColor, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsColor, isStandalone: true, selector: "fields-color", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<field-color-circulocolorido [valor]=\"value()\"></field-color-circulocolorido>\r\n\t\t<div class=\"fieldComRange\">\r\n\t\t\t<div class=\"fieldEffect\">\r\n\t\t\t\t<div class=\"fieldField FieldColor\">\r\n\t\t\t\t\t<input type=\"number\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\r\n\t\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\r\n\t\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\r\n\t\t\t\t\t\t[style]=\"campo()?.style\" min=\"0\" max=\"360\" [class.outlined]=\"true\" [class.input]=\"true\" />\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<input type=\"range\" [value]=\"value() ?? 0\" (input)=\"onInputRange($event)\" min=\"0\" max=\"360\"\r\n\t\t\t\t[disabled]=\"campo()?.disabled\" (change)=\"onChangeEmit()\" />\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".fieldComRange{display:flex;align-items:center;width:100%;gap:.5rem;flex-direction:column}input[type=range]{opacity:.7}input[type=range]:disabled{opacity:.1}\n"], dependencies: [{ kind: "component", type: CirculoColorido, selector: "field-color-circulocolorido", inputs: ["valor"] }, { kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsColor, isStandalone: true, selector: "fields-color", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<field-color-circulocolorido [valor]=\"value()\"></field-color-circulocolorido>\n\t\t<div class=\"fieldComRange\">\n\t\t\t<div class=\"fieldEffect\">\n\t\t\t\t<div class=\"fieldField FieldColor\">\n\t\t\t\t\t<input type=\"number\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\n\t\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\n\t\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\n\t\t\t\t\t\t[style]=\"campo()?.style\" min=\"0\" max=\"360\" [class.outlined]=\"true\" [class.input]=\"true\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<input type=\"range\" [value]=\"value() ?? 0\" (input)=\"onInputRange($event)\" min=\"0\" max=\"360\"\n\t\t\t\t[disabled]=\"campo()?.disabled\" (change)=\"onChangeEmit()\" />\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".fieldComRange{display:flex;align-items:center;width:100%;gap:.5rem;flex-direction:column}input[type=range]{opacity:.7}input[type=range]:disabled{opacity:.1}\n"], dependencies: [{ kind: "component", type: CirculoColorido, selector: "field-color-circulocolorido", inputs: ["valor"] }, { kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsColor, decorators: [{
             type: Component,
-            args: [{ selector: 'fields-color', imports: [CirculoColorido, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<field-color-circulocolorido [valor]=\"value()\"></field-color-circulocolorido>\r\n\t\t<div class=\"fieldComRange\">\r\n\t\t\t<div class=\"fieldEffect\">\r\n\t\t\t\t<div class=\"fieldField FieldColor\">\r\n\t\t\t\t\t<input type=\"number\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\r\n\t\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\r\n\t\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\r\n\t\t\t\t\t\t[style]=\"campo()?.style\" min=\"0\" max=\"360\" [class.outlined]=\"true\" [class.input]=\"true\" />\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<input type=\"range\" [value]=\"value() ?? 0\" (input)=\"onInputRange($event)\" min=\"0\" max=\"360\"\r\n\t\t\t\t[disabled]=\"campo()?.disabled\" (change)=\"onChangeEmit()\" />\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".fieldComRange{display:flex;align-items:center;width:100%;gap:.5rem;flex-direction:column}input[type=range]{opacity:.7}input[type=range]:disabled{opacity:.1}\n"] }]
+            args: [{ selector: 'fields-color', imports: [CirculoColorido, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<field-color-circulocolorido [valor]=\"value()\"></field-color-circulocolorido>\n\t\t<div class=\"fieldComRange\">\n\t\t\t<div class=\"fieldEffect\">\n\t\t\t\t<div class=\"fieldField FieldColor\">\n\t\t\t\t\t<input type=\"number\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\n\t\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\n\t\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\n\t\t\t\t\t\t[style]=\"campo()?.style\" min=\"0\" max=\"360\" [class.outlined]=\"true\" [class.input]=\"true\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<input type=\"range\" [value]=\"value() ?? 0\" (input)=\"onInputRange($event)\" min=\"0\" max=\"360\"\n\t\t\t\t[disabled]=\"campo()?.disabled\" (change)=\"onChangeEmit()\" />\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".fieldComRange{display:flex;align-items:center;width:100%;gap:.5rem;flex-direction:column}input[type=range]{opacity:.7}input[type=range]:disabled{opacity:.1}\n"] }]
         }], ctorParameters: () => [] });
 
 class FieldsDate extends BaseFieldsForm {
@@ -4772,11 +4773,11 @@ class FieldsDate extends BaseFieldsForm {
         this.campo()?.onInput?.(this.form());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsDate, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsDate, isStandalone: true, selector: "fields-date", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField FieldDate\">\r\n\t\t\t\t<input type=\"date\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\r\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\r\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\r\n\t\t\t\t\t[style]=\"campo()?.style\" [class.outlined]=\"true\" [class.input]=\"true\" />\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"], dependencies: [{ kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsDate, isStandalone: true, selector: "fields-date", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldDate\">\n\t\t\t\t<input type=\"date\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\n\t\t\t\t\t[style]=\"campo()?.style\" [class.outlined]=\"true\" [class.input]=\"true\" />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"], dependencies: [{ kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsDate, decorators: [{
             type: Component,
-            args: [{ selector: 'fields-date', imports: [UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField FieldDate\">\r\n\t\t\t\t<input type=\"date\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\r\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\r\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\r\n\t\t\t\t\t[style]=\"campo()?.style\" [class.outlined]=\"true\" [class.input]=\"true\" />\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"] }]
+            args: [{ selector: 'fields-date', imports: [UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldDate\">\n\t\t\t\t<input type=\"date\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\n\t\t\t\t\t[style]=\"campo()?.style\" [class.outlined]=\"true\" [class.input]=\"true\" />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"] }]
         }], ctorParameters: () => [] });
 
 class FieldsDatetime extends BaseFieldsForm {
@@ -4795,11 +4796,11 @@ class FieldsDatetime extends BaseFieldsForm {
         this.campo()?.onInput?.(this.form());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsDatetime, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsDatetime, isStandalone: true, selector: "fields-datetime", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField FieldDate\">\r\n\t\t\t\t<input type=\"datetime-local\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\r\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\r\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\r\n\t\t\t\t\t[style]=\"campo()?.style\" [class.outlined]=\"true\" [class.input]=\"true\" />\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"], dependencies: [{ kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsDatetime, isStandalone: true, selector: "fields-datetime", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldDate\">\n\t\t\t\t<input type=\"datetime-local\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\n\t\t\t\t\t[style]=\"campo()?.style\" [class.outlined]=\"true\" [class.input]=\"true\" />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"], dependencies: [{ kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsDatetime, decorators: [{
             type: Component,
-            args: [{ selector: 'fields-datetime', imports: [UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField FieldDate\">\r\n\t\t\t\t<input type=\"datetime-local\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\r\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\r\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\r\n\t\t\t\t\t[style]=\"campo()?.style\" [class.outlined]=\"true\" [class.input]=\"true\" />\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"] }]
+            args: [{ selector: 'fields-datetime', imports: [UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldDate\">\n\t\t\t\t<input type=\"datetime-local\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\n\t\t\t\t\t[style]=\"campo()?.style\" [class.outlined]=\"true\" [class.input]=\"true\" />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"] }]
         }], ctorParameters: () => [] });
 
 class JsonColoridoPipe {
@@ -4840,11 +4841,11 @@ class FieldsDisplay extends BaseFieldsForm {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsDisplay, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsDisplay, isStandalone: true, selector: "fields-display", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isEmpty]=\"campo()?.empty\" (click)=\"onClickEmit()\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField FieldDisplay\">\r\n\t\t\t\t@if(campo()?.classe == 'displayJson') {\r\n\t\t\t\t<pre class=\"p-2\" [innerHTML]=\"value() | jsonColorido\"></pre>\r\n\t\t\t\t}@else {\r\n\t\t\t\t<div [class]=\"campo()?.classe\" [style]=\"campo()?.style\" [innerHTML]=\"displayValue()\"></div>\r\n\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".fieldField.FieldDisplay{border:0px;min-height:auto;padding:0 5px;background:transparent;outline:0px solid transparent}\n"], dependencies: [{ kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }, { kind: "pipe", type: JsonColoridoPipe, name: "jsonColorido" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsDisplay, isStandalone: true, selector: "fields-display", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isEmpty]=\"campo()?.empty\" (click)=\"onClickEmit()\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldDisplay\">\n\t\t\t\t@if(campo()?.classe == 'displayJson') {\n\t\t\t\t<pre class=\"p-2\" [innerHTML]=\"value() | jsonColorido\"></pre>\n\t\t\t\t}@else {\n\t\t\t\t<div [class]=\"campo()?.classe\" [style]=\"campo()?.style\" [innerHTML]=\"displayValue()\"></div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".fieldField.FieldDisplay{border:0px;min-height:auto;padding:0 5px;background:transparent;outline:0px solid transparent}\n"], dependencies: [{ kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }, { kind: "pipe", type: JsonColoridoPipe, name: "jsonColorido" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsDisplay, decorators: [{
             type: Component,
-            args: [{ selector: 'fields-display', imports: [UiListErrors, JsonColoridoPipe], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isEmpty]=\"campo()?.empty\" (click)=\"onClickEmit()\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField FieldDisplay\">\r\n\t\t\t\t@if(campo()?.classe == 'displayJson') {\r\n\t\t\t\t<pre class=\"p-2\" [innerHTML]=\"value() | jsonColorido\"></pre>\r\n\t\t\t\t}@else {\r\n\t\t\t\t<div [class]=\"campo()?.classe\" [style]=\"campo()?.style\" [innerHTML]=\"displayValue()\"></div>\r\n\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".fieldField.FieldDisplay{border:0px;min-height:auto;padding:0 5px;background:transparent;outline:0px solid transparent}\n"] }]
+            args: [{ selector: 'fields-display', imports: [UiListErrors, JsonColoridoPipe], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isEmpty]=\"campo()?.empty\" (click)=\"onClickEmit()\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldDisplay\">\n\t\t\t\t@if(campo()?.classe == 'displayJson') {\n\t\t\t\t<pre class=\"p-2\" [innerHTML]=\"value() | jsonColorido\"></pre>\n\t\t\t\t}@else {\n\t\t\t\t<div [class]=\"campo()?.classe\" [style]=\"campo()?.style\" [innerHTML]=\"displayValue()\"></div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".fieldField.FieldDisplay{border:0px;min-height:auto;padding:0 5px;background:transparent;outline:0px solid transparent}\n"] }]
         }], ctorParameters: () => [] });
 
 class FieldsEditor extends BaseFieldsForm {
@@ -5039,11 +5040,11 @@ class FieldsEditor extends BaseFieldsForm {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsEditor, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsEditor, isStandalone: true, selector: "fields-editor", viewQueries: [{ propertyName: "editavel", first: true, predicate: ["editavel"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField fieldEditor\">\r\n\t\t\t\t@if(campo()?.showToolbar !== false) {\r\n\t\t\t\t<div class=\"toolbar\">\r\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone\" [class.ativo]=\"isNegrito\" [disabled]=\"campo()?.disabled\"\r\n\t\t\t\t\t\t(click)=\"onNegrito()\" [icone]=\"iconeNegrito\"></ui-button>\r\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone\" [class.ativo]=\"isItalico\" [disabled]=\"campo()?.disabled\"\r\n\t\t\t\t\t\t(click)=\"onItalico()\" [icone]=\"iconeItalico\"></ui-button>\r\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone\" [class.ativo]=\"isSublinhado\"\r\n\t\t\t\t\t\t[disabled]=\"campo()?.disabled\" (click)=\"onSublinhado()\" [icone]=\"iconeUnderline\"></ui-button>\r\n\r\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone espaco\" [class.ativo]=\"currentJustify === 'left'\"\r\n\t\t\t\t\t\t[disabled]=\"campo()?.disabled\" (click)=\"onJustify('left')\" [icone]=\"iconeJustifyLeft\"></ui-button>\r\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone\" [class.ativo]=\"currentJustify === 'center'\"\r\n\t\t\t\t\t\t[disabled]=\"campo()?.disabled\" (click)=\"onJustify('center')\" [icone]=\"iconeJustifyCenter\"></ui-button>\r\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone\" [class.ativo]=\"currentJustify === 'right'\"\r\n\t\t\t\t\t\t[disabled]=\"campo()?.disabled\" (click)=\"onJustify('right')\" [icone]=\"iconeJustifyRight\"></ui-button>\r\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone\" [disabled]=\"campo()?.disabled\" (click)=\"onClearFormat()\"\r\n\t\t\t\t\t\t[icone]=\"iconeClearFormat\"></ui-button>\r\n\t\t\t\t</div>\r\n\t\t\t\t}\r\n\t\t\t\t<div #editavel [class.corpo]=\"true\" [contentEditable]=\"!campo()?.disabled && !campo()?.readonly\"\r\n\t\t\t\t\t[class]=\"campo()?.classe\" [style]=\"campo()?.style\" (input)=\"onInput($event)\" [innerHTML]=\"safeValue()\"\r\n\t\t\t\t\t(blur)=\"onChange()\" (drop)=\"onDragEvent($event)\" (keydown)=\"onKeyDown($event)\"></div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".fieldField.fieldEditor{display:flex;flex-direction:column;border:0px;padding:2px}.fieldField.fieldEditor .corpo{min-height:100px;overflow:auto;padding:8px;width:100%;line-height:20px;border-radius:var(--MasterRadius);border:1px solid var(--outlineColor)}.fieldField.fieldEditor .corpo:focus-visible{outline:2px solid var(--campoCor)}.fieldField.fieldEditor .toolbar{display:flex;gap:5px;padding:4px}.fieldField.fieldEditor .toolbar .icone{outline:1px outset color-mix(in srgb,var(--sys-outline) 20%,transparent 80%);height:30px;width:30px;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden}.toolbar .ativo{outline:1px outset var(--sys-high);box-shadow:0 0 1px var(--sys-high),inset 0 0 5px var(--sys-high);transform:scale(.9)}.toolbar .espaco{margin-left:10px}\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: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsEditor, isStandalone: true, selector: "fields-editor", viewQueries: [{ propertyName: "editavel", first: true, predicate: ["editavel"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField fieldEditor\">\n\t\t\t\t@if(campo()?.showToolbar !== false) {\n\t\t\t\t<div class=\"toolbar\">\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone\" [class.ativo]=\"isNegrito\" [disabled]=\"campo()?.disabled\"\n\t\t\t\t\t\t(click)=\"onNegrito()\" [icone]=\"iconeNegrito\"></ui-button>\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone\" [class.ativo]=\"isItalico\" [disabled]=\"campo()?.disabled\"\n\t\t\t\t\t\t(click)=\"onItalico()\" [icone]=\"iconeItalico\"></ui-button>\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone\" [class.ativo]=\"isSublinhado\"\n\t\t\t\t\t\t[disabled]=\"campo()?.disabled\" (click)=\"onSublinhado()\" [icone]=\"iconeUnderline\"></ui-button>\n\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone espaco\" [class.ativo]=\"currentJustify === 'left'\"\n\t\t\t\t\t\t[disabled]=\"campo()?.disabled\" (click)=\"onJustify('left')\" [icone]=\"iconeJustifyLeft\"></ui-button>\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone\" [class.ativo]=\"currentJustify === 'center'\"\n\t\t\t\t\t\t[disabled]=\"campo()?.disabled\" (click)=\"onJustify('center')\" [icone]=\"iconeJustifyCenter\"></ui-button>\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone\" [class.ativo]=\"currentJustify === 'right'\"\n\t\t\t\t\t\t[disabled]=\"campo()?.disabled\" (click)=\"onJustify('right')\" [icone]=\"iconeJustifyRight\"></ui-button>\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone\" [disabled]=\"campo()?.disabled\" (click)=\"onClearFormat()\"\n\t\t\t\t\t\t[icone]=\"iconeClearFormat\"></ui-button>\n\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t<div #editavel [class.corpo]=\"true\" [contentEditable]=\"!campo()?.disabled && !campo()?.readonly\"\n\t\t\t\t\t[class]=\"campo()?.classe\" [style]=\"campo()?.style\" (input)=\"onInput($event)\" [innerHTML]=\"safeValue()\"\n\t\t\t\t\t(blur)=\"onChange()\" (drop)=\"onDragEvent($event)\" (keydown)=\"onKeyDown($event)\"></div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".fieldField.fieldEditor{display:flex;flex-direction:column;border:0px;padding:2px}.fieldField.fieldEditor .corpo{min-height:100px;overflow:auto;padding:8px;width:100%;line-height:20px;border-radius:var(--MasterRadius);border:1px solid var(--outlineColor)}.fieldField.fieldEditor .corpo:focus-visible{outline:2px solid var(--campoCor)}.fieldField.fieldEditor .toolbar{display:flex;gap:5px;padding:4px}.fieldField.fieldEditor .toolbar .icone{outline:1px outset color-mix(in srgb,var(--sys-outline) 20%,transparent 80%);height:30px;width:30px;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden}.toolbar .ativo{outline:1px outset var(--sys-high);box-shadow:0 0 1px var(--sys-high),inset 0 0 5px var(--sys-high);transform:scale(.9)}.toolbar .espaco{margin-left:10px}\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: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsEditor, decorators: [{
             type: Component,
-            args: [{ selector: 'fields-editor', imports: [UiButton, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField fieldEditor\">\r\n\t\t\t\t@if(campo()?.showToolbar !== false) {\r\n\t\t\t\t<div class=\"toolbar\">\r\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone\" [class.ativo]=\"isNegrito\" [disabled]=\"campo()?.disabled\"\r\n\t\t\t\t\t\t(click)=\"onNegrito()\" [icone]=\"iconeNegrito\"></ui-button>\r\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone\" [class.ativo]=\"isItalico\" [disabled]=\"campo()?.disabled\"\r\n\t\t\t\t\t\t(click)=\"onItalico()\" [icone]=\"iconeItalico\"></ui-button>\r\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone\" [class.ativo]=\"isSublinhado\"\r\n\t\t\t\t\t\t[disabled]=\"campo()?.disabled\" (click)=\"onSublinhado()\" [icone]=\"iconeUnderline\"></ui-button>\r\n\r\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone espaco\" [class.ativo]=\"currentJustify === 'left'\"\r\n\t\t\t\t\t\t[disabled]=\"campo()?.disabled\" (click)=\"onJustify('left')\" [icone]=\"iconeJustifyLeft\"></ui-button>\r\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone\" [class.ativo]=\"currentJustify === 'center'\"\r\n\t\t\t\t\t\t[disabled]=\"campo()?.disabled\" (click)=\"onJustify('center')\" [icone]=\"iconeJustifyCenter\"></ui-button>\r\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone\" [class.ativo]=\"currentJustify === 'right'\"\r\n\t\t\t\t\t\t[disabled]=\"campo()?.disabled\" (click)=\"onJustify('right')\" [icone]=\"iconeJustifyRight\"></ui-button>\r\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone\" [disabled]=\"campo()?.disabled\" (click)=\"onClearFormat()\"\r\n\t\t\t\t\t\t[icone]=\"iconeClearFormat\"></ui-button>\r\n\t\t\t\t</div>\r\n\t\t\t\t}\r\n\t\t\t\t<div #editavel [class.corpo]=\"true\" [contentEditable]=\"!campo()?.disabled && !campo()?.readonly\"\r\n\t\t\t\t\t[class]=\"campo()?.classe\" [style]=\"campo()?.style\" (input)=\"onInput($event)\" [innerHTML]=\"safeValue()\"\r\n\t\t\t\t\t(blur)=\"onChange()\" (drop)=\"onDragEvent($event)\" (keydown)=\"onKeyDown($event)\"></div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".fieldField.fieldEditor{display:flex;flex-direction:column;border:0px;padding:2px}.fieldField.fieldEditor .corpo{min-height:100px;overflow:auto;padding:8px;width:100%;line-height:20px;border-radius:var(--MasterRadius);border:1px solid var(--outlineColor)}.fieldField.fieldEditor .corpo:focus-visible{outline:2px solid var(--campoCor)}.fieldField.fieldEditor .toolbar{display:flex;gap:5px;padding:4px}.fieldField.fieldEditor .toolbar .icone{outline:1px outset color-mix(in srgb,var(--sys-outline) 20%,transparent 80%);height:30px;width:30px;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden}.toolbar .ativo{outline:1px outset var(--sys-high);box-shadow:0 0 1px var(--sys-high),inset 0 0 5px var(--sys-high);transform:scale(.9)}.toolbar .espaco{margin-left:10px}\n"] }]
+            args: [{ selector: 'fields-editor', imports: [UiButton, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField fieldEditor\">\n\t\t\t\t@if(campo()?.showToolbar !== false) {\n\t\t\t\t<div class=\"toolbar\">\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone\" [class.ativo]=\"isNegrito\" [disabled]=\"campo()?.disabled\"\n\t\t\t\t\t\t(click)=\"onNegrito()\" [icone]=\"iconeNegrito\"></ui-button>\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone\" [class.ativo]=\"isItalico\" [disabled]=\"campo()?.disabled\"\n\t\t\t\t\t\t(click)=\"onItalico()\" [icone]=\"iconeItalico\"></ui-button>\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone\" [class.ativo]=\"isSublinhado\"\n\t\t\t\t\t\t[disabled]=\"campo()?.disabled\" (click)=\"onSublinhado()\" [icone]=\"iconeUnderline\"></ui-button>\n\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone espaco\" [class.ativo]=\"currentJustify === 'left'\"\n\t\t\t\t\t\t[disabled]=\"campo()?.disabled\" (click)=\"onJustify('left')\" [icone]=\"iconeJustifyLeft\"></ui-button>\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone\" [class.ativo]=\"currentJustify === 'center'\"\n\t\t\t\t\t\t[disabled]=\"campo()?.disabled\" (click)=\"onJustify('center')\" [icone]=\"iconeJustifyCenter\"></ui-button>\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone\" [class.ativo]=\"currentJustify === 'right'\"\n\t\t\t\t\t\t[disabled]=\"campo()?.disabled\" (click)=\"onJustify('right')\" [icone]=\"iconeJustifyRight\"></ui-button>\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone\" [disabled]=\"campo()?.disabled\" (click)=\"onClearFormat()\"\n\t\t\t\t\t\t[icone]=\"iconeClearFormat\"></ui-button>\n\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t<div #editavel [class.corpo]=\"true\" [contentEditable]=\"!campo()?.disabled && !campo()?.readonly\"\n\t\t\t\t\t[class]=\"campo()?.classe\" [style]=\"campo()?.style\" (input)=\"onInput($event)\" [innerHTML]=\"safeValue()\"\n\t\t\t\t\t(blur)=\"onChange()\" (drop)=\"onDragEvent($event)\" (keydown)=\"onKeyDown($event)\"></div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".fieldField.fieldEditor{display:flex;flex-direction:column;border:0px;padding:2px}.fieldField.fieldEditor .corpo{min-height:100px;overflow:auto;padding:8px;width:100%;line-height:20px;border-radius:var(--MasterRadius);border:1px solid var(--outlineColor)}.fieldField.fieldEditor .corpo:focus-visible{outline:2px solid var(--campoCor)}.fieldField.fieldEditor .toolbar{display:flex;gap:5px;padding:4px}.fieldField.fieldEditor .toolbar .icone{outline:1px outset color-mix(in srgb,var(--sys-outline) 20%,transparent 80%);height:30px;width:30px;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden}.toolbar .ativo{outline:1px outset var(--sys-high);box-shadow:0 0 1px var(--sys-high),inset 0 0 5px var(--sys-high);transform:scale(.9)}.toolbar .espaco{margin-left:10px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { editavel: [{ type: i0.ViewChild, args: ['editavel', { ...{ read: ElementRef }, isSignal: true }] }] } });
 
 class FieldsEmail extends BaseFieldsForm {
@@ -5062,11 +5063,11 @@ class FieldsEmail extends BaseFieldsForm {
         this.campo()?.onInput?.(this.form());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsEmail, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsEmail, isStandalone: true, selector: "fields-email", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField FieldEmail\">\r\n\t\t\t\t<input type=\"email\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\r\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\r\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\r\n\t\t\t\t\t[style]=\"campo()?.style\" [class.outlined]=\"true\" [class.input]=\"true\" />\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"], dependencies: [{ kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsEmail, isStandalone: true, selector: "fields-email", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldEmail\">\n\t\t\t\t<input type=\"email\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\n\t\t\t\t\t[style]=\"campo()?.style\" [class.outlined]=\"true\" [class.input]=\"true\" />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"], dependencies: [{ kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsEmail, decorators: [{
             type: Component,
-            args: [{ selector: 'fields-email', imports: [UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField FieldEmail\">\r\n\t\t\t\t<input type=\"email\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\r\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\r\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\r\n\t\t\t\t\t[style]=\"campo()?.style\" [class.outlined]=\"true\" [class.input]=\"true\" />\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"] }]
+            args: [{ selector: 'fields-email', imports: [UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldEmail\">\n\t\t\t\t<input type=\"email\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\n\t\t\t\t\t[style]=\"campo()?.style\" [class.outlined]=\"true\" [class.input]=\"true\" />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"] }]
         }], ctorParameters: () => [] });
 
 class FieldsHidden extends BaseFieldsForm {
@@ -5079,11 +5080,11 @@ class FieldsHidden extends BaseFieldsForm {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsHidden, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: FieldsHidden, isStandalone: true, selector: "fields-hidden", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldHidden\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\"></div>", styles: [".fieldHidden{display:none}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: FieldsHidden, isStandalone: true, selector: "fields-hidden", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldHidden\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\"></div>", styles: [".fieldHidden{display:none}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsHidden, decorators: [{
             type: Component,
-            args: [{ selector: 'fields-hidden', template: "<div class=\"fieldHidden\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\"></div>", styles: [".fieldHidden{display:none}\n"] }]
+            args: [{ selector: 'fields-hidden', template: "<div class=\"fieldHidden\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\"></div>", styles: [".fieldHidden{display:none}\n"] }]
         }], ctorParameters: () => [] });
 
 class FieldsIcon extends BaseFieldsForm {
@@ -5102,11 +5103,11 @@ class FieldsIcon extends BaseFieldsForm {
         this.campo()?.onInput?.(this.form());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsIcon, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsIcon, isStandalone: true, selector: "fields-icon", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<ui-button tipo=\"raised\" tema=\"secondary\" (clicked)=\"onClickEmit()\" [disabled]=\"campo()?.disabled\"\r\n\t\t\t[style.width.px]=\"100\">\r\n\t\t\t@if(value()){\r\n\t\t\t<i [class]=\"value()\" [style.fontSize]=\"'25px'\"></i>\r\n\t\t\t}@else {\r\n\t\t\t<div class=\"noIcon\">ICO</div>\r\n\t\t\t}\r\n\t\t</ui-button>\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField FieldIconType\">\r\n\t\t\t\t<input type=\"text\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\r\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\r\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\r\n\t\t\t\t\t[style]=\"campo()?.style\" [class.outlined]=\"true\" [class.input]=\"true\" />\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".noIcon{display:inline-block;transform:rotate(-10deg) skew(-15deg) skewY(-15deg) translateY(-5px);font-size:16px;position:relative}.noIcon:after{content:\"ICO\";position:absolute;bottom:0;left:0;transform:scaleY(-1) skew(-50deg);transform-origin:bottom;background:linear-gradient(180deg,#0000,#0009);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}\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: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsIcon, isStandalone: true, selector: "fields-icon", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<ui-button tipo=\"raised\" tema=\"secondary\" (clicked)=\"onClickEmit()\" [disabled]=\"campo()?.disabled\"\n\t\t\t[style.width.px]=\"100\">\n\t\t\t@if(value()){\n\t\t\t<i [class]=\"value()\" [style.fontSize]=\"'25px'\"></i>\n\t\t\t}@else {\n\t\t\t<div class=\"noIcon\">ICO</div>\n\t\t\t}\n\t\t</ui-button>\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldIconType\">\n\t\t\t\t<input type=\"text\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\n\t\t\t\t\t[style]=\"campo()?.style\" [class.outlined]=\"true\" [class.input]=\"true\" />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".noIcon{display:inline-block;transform:rotate(-10deg) skew(-15deg) skewY(-15deg) translateY(-5px);font-size:16px;position:relative}.noIcon:after{content:\"ICO\";position:absolute;bottom:0;left:0;transform:scaleY(-1) skew(-50deg);transform-origin:bottom;background:linear-gradient(180deg,#0000,#0009);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}\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: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsIcon, decorators: [{
             type: Component,
-            args: [{ selector: 'fields-icon', imports: [UiButton, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<ui-button tipo=\"raised\" tema=\"secondary\" (clicked)=\"onClickEmit()\" [disabled]=\"campo()?.disabled\"\r\n\t\t\t[style.width.px]=\"100\">\r\n\t\t\t@if(value()){\r\n\t\t\t<i [class]=\"value()\" [style.fontSize]=\"'25px'\"></i>\r\n\t\t\t}@else {\r\n\t\t\t<div class=\"noIcon\">ICO</div>\r\n\t\t\t}\r\n\t\t</ui-button>\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField FieldIconType\">\r\n\t\t\t\t<input type=\"text\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\r\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\r\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\r\n\t\t\t\t\t[style]=\"campo()?.style\" [class.outlined]=\"true\" [class.input]=\"true\" />\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".noIcon{display:inline-block;transform:rotate(-10deg) skew(-15deg) skewY(-15deg) translateY(-5px);font-size:16px;position:relative}.noIcon:after{content:\"ICO\";position:absolute;bottom:0;left:0;transform:scaleY(-1) skew(-50deg);transform-origin:bottom;background:linear-gradient(180deg,#0000,#0009);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}\n"] }]
+            args: [{ selector: 'fields-icon', imports: [UiButton, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<ui-button tipo=\"raised\" tema=\"secondary\" (clicked)=\"onClickEmit()\" [disabled]=\"campo()?.disabled\"\n\t\t\t[style.width.px]=\"100\">\n\t\t\t@if(value()){\n\t\t\t<i [class]=\"value()\" [style.fontSize]=\"'25px'\"></i>\n\t\t\t}@else {\n\t\t\t<div class=\"noIcon\">ICO</div>\n\t\t\t}\n\t\t</ui-button>\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldIconType\">\n\t\t\t\t<input type=\"text\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\n\t\t\t\t\t[style]=\"campo()?.style\" [class.outlined]=\"true\" [class.input]=\"true\" />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".noIcon{display:inline-block;transform:rotate(-10deg) skew(-15deg) skewY(-15deg) translateY(-5px);font-size:16px;position:relative}.noIcon:after{content:\"ICO\";position:absolute;bottom:0;left:0;transform:scaleY(-1) skew(-50deg);transform-origin:bottom;background:linear-gradient(180deg,#0000,#0009);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}\n"] }]
         }], ctorParameters: () => [] });
 
 class FieldsMultifactor extends BaseFieldsForm {
@@ -5193,11 +5194,11 @@ class FieldsMultifactor extends BaseFieldsForm {
         ev.target?.select();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsMultifactor, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsMultifactor, isStandalone: true, selector: "fields-multifactor", viewQueries: [{ propertyName: "controle", first: true, predicate: ["controle"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField FieldMultifactor\">\r\n\t\t\t\t<input type=\"text\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" [name]=\"campo()?.prop\"\r\n\t\t\t\t\t[disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\" [class]=\"campo()?.classe\"\r\n\t\t\t\t\t[style]=\"campo()?.style\" [hidden]=\"true\" [readOnly]=\"true\" />\r\n\r\n\t\t\t\t<div class=\"gridFactor\">\r\n\t\t\t\t\t<input #controle class=\"fieldSingleInput\" name=\"a\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\r\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\r\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\r\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"b\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\r\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\r\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\r\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"c\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\r\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\r\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\r\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"d\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\r\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\r\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\r\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"e\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\r\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\r\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\r\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"f\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\r\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\r\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".gridFactor{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;padding:5px;width:100%}.fieldField.FieldMultifactor{border:0}.fieldField.FieldMultifactor input{text-align:center;outline:1px solid var(--sys-outline);height:37px}.fieldField.FieldMultifactor .corpo:focus-visible{outline:2px solid var(--campoCor)}\n"], dependencies: [{ kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsMultifactor, isStandalone: true, selector: "fields-multifactor", viewQueries: [{ propertyName: "controle", first: true, predicate: ["controle"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldMultifactor\">\n\t\t\t\t<input type=\"text\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" [name]=\"campo()?.prop\"\n\t\t\t\t\t[disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\" [class]=\"campo()?.classe\"\n\t\t\t\t\t[style]=\"campo()?.style\" [hidden]=\"true\" [readOnly]=\"true\" />\n\n\t\t\t\t<div class=\"gridFactor\">\n\t\t\t\t\t<input #controle class=\"fieldSingleInput\" name=\"a\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"b\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"c\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"d\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"e\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"f\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".gridFactor{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;padding:5px;width:100%}.fieldField.FieldMultifactor{border:0}.fieldField.FieldMultifactor input{text-align:center;outline:1px solid var(--sys-outline);height:37px}.fieldField.FieldMultifactor .corpo:focus-visible{outline:2px solid var(--campoCor)}\n"], dependencies: [{ kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsMultifactor, decorators: [{
             type: Component,
-            args: [{ selector: 'fields-multifactor', imports: [UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField FieldMultifactor\">\r\n\t\t\t\t<input type=\"text\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" [name]=\"campo()?.prop\"\r\n\t\t\t\t\t[disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\" [class]=\"campo()?.classe\"\r\n\t\t\t\t\t[style]=\"campo()?.style\" [hidden]=\"true\" [readOnly]=\"true\" />\r\n\r\n\t\t\t\t<div class=\"gridFactor\">\r\n\t\t\t\t\t<input #controle class=\"fieldSingleInput\" name=\"a\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\r\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\r\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\r\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"b\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\r\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\r\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\r\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"c\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\r\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\r\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\r\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"d\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\r\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\r\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\r\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"e\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\r\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\r\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\r\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"f\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\r\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\r\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".gridFactor{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;padding:5px;width:100%}.fieldField.FieldMultifactor{border:0}.fieldField.FieldMultifactor input{text-align:center;outline:1px solid var(--sys-outline);height:37px}.fieldField.FieldMultifactor .corpo:focus-visible{outline:2px solid var(--campoCor)}\n"] }]
+            args: [{ selector: 'fields-multifactor', imports: [UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldMultifactor\">\n\t\t\t\t<input type=\"text\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" [name]=\"campo()?.prop\"\n\t\t\t\t\t[disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\" [class]=\"campo()?.classe\"\n\t\t\t\t\t[style]=\"campo()?.style\" [hidden]=\"true\" [readOnly]=\"true\" />\n\n\t\t\t\t<div class=\"gridFactor\">\n\t\t\t\t\t<input #controle class=\"fieldSingleInput\" name=\"a\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"b\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"c\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"d\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"e\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"f\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".gridFactor{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;padding:5px;width:100%}.fieldField.FieldMultifactor{border:0}.fieldField.FieldMultifactor input{text-align:center;outline:1px solid var(--sys-outline);height:37px}.fieldField.FieldMultifactor .corpo:focus-visible{outline:2px solid var(--campoCor)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { controle: [{ type: i0.ViewChild, args: ['controle', { ...{ read: ElementRef }, isSignal: true }] }] } });
 
 class FieldsMultiText extends BaseFieldsForm {
@@ -5260,11 +5261,11 @@ class FieldsMultiText extends BaseFieldsForm {
         this.onChangeEmit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsMultiText, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsMultiText, isStandalone: true, selector: "fields-multitext", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField FieldMultiText\">\r\n\t\t\t\t@if(campo()?.showHeader){\r\n\t\t\t\t<div>Itens</div>\r\n\t\t\t\t<div class=\"action\"></div>\r\n\t\t\t\t}\r\n\t\t\t\t@for (item of items; track $index) {\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<input type=\"text\" [value]=\"item\" [name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\"\r\n\t\t\t\t\t\t[placeholder]=\"campo()?.placeholder ?? ''\" [class]=\"campo()?.classe\" [style]=\"campo()?.style\"\r\n\t\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class.input]=\"true\"\r\n\t\t\t\t\t\t[class.outlined]=\"true\" (input)=\"_onLocalInput($event.target.value, $index)\" />\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"action\">\r\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"error\" title=\"Remover Linha\" (click)=\"onClickDelItem($index)\"\r\n\t\t\t\t\t\ticone=\"bi bi-trash\">\r\n\t\t\t\t\t</ui-button>\r\n\t\t\t\t</div>\r\n\t\t\t\t}\r\n\t\t\t\t<div class=\"add\">\r\n\t\t\t\t\t<ui-button tipo=\"nofill\" tema=\"primary\" title=\"Adicionar Linha\" (click)=\"onClickAddItem()\"\r\n\t\t\t\t\t\ticone=\"bi bi-plus-circle\">\r\n\t\t\t\t\t\tAdicionar Linha\r\n\t\t\t\t\t</ui-button>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldMultiText{display:grid;grid-template-columns:1fr auto;grid-template-rows:40px;gap:8px;align-items:center;padding:8px;border:0}.fieldField.FieldMultiText .input{outline:1px solid var(--sys-outline)}.fieldField.FieldMultiText .input:focus-visible{outline:2px solid var(--campoCor)}.index{text-align:center;font-weight:700;min-width:18px}.add{grid-area:auto / auto / auto / span 2}.input{height:40px}.action{min-width:32px;min-height:32px}\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: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsMultiText, isStandalone: true, selector: "fields-multitext", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldMultiText\">\n\t\t\t\t@if(campo()?.showHeader){\n\t\t\t\t<div>Itens</div>\n\t\t\t\t<div class=\"action\"></div>\n\t\t\t\t}\n\t\t\t\t@for (item of items; track $index) {\n\t\t\t\t<div>\n\t\t\t\t\t<input type=\"text\" [value]=\"item\" [name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\"\n\t\t\t\t\t\t[placeholder]=\"campo()?.placeholder ?? ''\" [class]=\"campo()?.classe\" [style]=\"campo()?.style\"\n\t\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class.input]=\"true\"\n\t\t\t\t\t\t[class.outlined]=\"true\" (input)=\"_onLocalInput($event.target.value, $index)\" />\n\t\t\t\t</div>\n\t\t\t\t<div class=\"action\">\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"error\" title=\"Remover Linha\" (click)=\"onClickDelItem($index)\"\n\t\t\t\t\t\ticone=\"bi bi-trash\">\n\t\t\t\t\t</ui-button>\n\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t<div class=\"add\">\n\t\t\t\t\t<ui-button tipo=\"nofill\" tema=\"primary\" title=\"Adicionar Linha\" (click)=\"onClickAddItem()\"\n\t\t\t\t\t\ticone=\"bi bi-plus-circle\">\n\t\t\t\t\t\tAdicionar Linha\n\t\t\t\t\t</ui-button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldMultiText{display:grid;grid-template-columns:1fr auto;grid-template-rows:40px;gap:8px;align-items:center;padding:8px;border:0}.fieldField.FieldMultiText .input{outline:1px solid var(--sys-outline)}.fieldField.FieldMultiText .input:focus-visible{outline:2px solid var(--campoCor)}.index{text-align:center;font-weight:700;min-width:18px}.add{grid-area:auto / auto / auto / span 2}.input{height:40px}.action{min-width:32px;min-height:32px}\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: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsMultiText, decorators: [{
             type: Component,
-            args: [{ selector: 'fields-multitext', imports: [UiButton, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField FieldMultiText\">\r\n\t\t\t\t@if(campo()?.showHeader){\r\n\t\t\t\t<div>Itens</div>\r\n\t\t\t\t<div class=\"action\"></div>\r\n\t\t\t\t}\r\n\t\t\t\t@for (item of items; track $index) {\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<input type=\"text\" [value]=\"item\" [name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\"\r\n\t\t\t\t\t\t[placeholder]=\"campo()?.placeholder ?? ''\" [class]=\"campo()?.classe\" [style]=\"campo()?.style\"\r\n\t\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class.input]=\"true\"\r\n\t\t\t\t\t\t[class.outlined]=\"true\" (input)=\"_onLocalInput($event.target.value, $index)\" />\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"action\">\r\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"error\" title=\"Remover Linha\" (click)=\"onClickDelItem($index)\"\r\n\t\t\t\t\t\ticone=\"bi bi-trash\">\r\n\t\t\t\t\t</ui-button>\r\n\t\t\t\t</div>\r\n\t\t\t\t}\r\n\t\t\t\t<div class=\"add\">\r\n\t\t\t\t\t<ui-button tipo=\"nofill\" tema=\"primary\" title=\"Adicionar Linha\" (click)=\"onClickAddItem()\"\r\n\t\t\t\t\t\ticone=\"bi bi-plus-circle\">\r\n\t\t\t\t\t\tAdicionar Linha\r\n\t\t\t\t\t</ui-button>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldMultiText{display:grid;grid-template-columns:1fr auto;grid-template-rows:40px;gap:8px;align-items:center;padding:8px;border:0}.fieldField.FieldMultiText .input{outline:1px solid var(--sys-outline)}.fieldField.FieldMultiText .input:focus-visible{outline:2px solid var(--campoCor)}.index{text-align:center;font-weight:700;min-width:18px}.add{grid-area:auto / auto / auto / span 2}.input{height:40px}.action{min-width:32px;min-height:32px}\n"] }]
+            args: [{ selector: 'fields-multitext', imports: [UiButton, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldMultiText\">\n\t\t\t\t@if(campo()?.showHeader){\n\t\t\t\t<div>Itens</div>\n\t\t\t\t<div class=\"action\"></div>\n\t\t\t\t}\n\t\t\t\t@for (item of items; track $index) {\n\t\t\t\t<div>\n\t\t\t\t\t<input type=\"text\" [value]=\"item\" [name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\"\n\t\t\t\t\t\t[placeholder]=\"campo()?.placeholder ?? ''\" [class]=\"campo()?.classe\" [style]=\"campo()?.style\"\n\t\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class.input]=\"true\"\n\t\t\t\t\t\t[class.outlined]=\"true\" (input)=\"_onLocalInput($event.target.value, $index)\" />\n\t\t\t\t</div>\n\t\t\t\t<div class=\"action\">\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"error\" title=\"Remover Linha\" (click)=\"onClickDelItem($index)\"\n\t\t\t\t\t\ticone=\"bi bi-trash\">\n\t\t\t\t\t</ui-button>\n\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t<div class=\"add\">\n\t\t\t\t\t<ui-button tipo=\"nofill\" tema=\"primary\" title=\"Adicionar Linha\" (click)=\"onClickAddItem()\"\n\t\t\t\t\t\ticone=\"bi bi-plus-circle\">\n\t\t\t\t\t\tAdicionar Linha\n\t\t\t\t\t</ui-button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldMultiText{display:grid;grid-template-columns:1fr auto;grid-template-rows:40px;gap:8px;align-items:center;padding:8px;border:0}.fieldField.FieldMultiText .input{outline:1px solid var(--sys-outline)}.fieldField.FieldMultiText .input:focus-visible{outline:2px solid var(--campoCor)}.index{text-align:center;font-weight:700;min-width:18px}.add{grid-area:auto / auto / auto / span 2}.input{height:40px}.action{min-width:32px;min-height:32px}\n"] }]
         }], ctorParameters: () => [] });
 
 class FieldsNumber extends BaseFieldsForm {
@@ -5289,11 +5290,11 @@ class FieldsNumber extends BaseFieldsForm {
         this.campo()?.onInput?.(this.form());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsNumber, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsNumber, isStandalone: true, selector: "fields-number", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField FieldText\">\r\n\t\t\t\t<input type=\"number\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\r\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\r\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\r\n\t\t\t\t\t[style]=\"campo()?.style\" [readOnly]=\"campo()?.readonly ?? false\" [class.outlined]=\"true\"\r\n\t\t\t\t\t[class.input]=\"true\" />\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"], dependencies: [{ kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsNumber, isStandalone: true, selector: "fields-number", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldText\">\n\t\t\t\t<input type=\"number\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\n\t\t\t\t\t[style]=\"campo()?.style\" [readOnly]=\"campo()?.readonly ?? false\" [class.outlined]=\"true\"\n\t\t\t\t\t[class.input]=\"true\" />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"], dependencies: [{ kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsNumber, decorators: [{
             type: Component,
-            args: [{ selector: 'fields-number', imports: [UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField FieldText\">\r\n\t\t\t\t<input type=\"number\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\r\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\r\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\r\n\t\t\t\t\t[style]=\"campo()?.style\" [readOnly]=\"campo()?.readonly ?? false\" [class.outlined]=\"true\"\r\n\t\t\t\t\t[class.input]=\"true\" />\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"] }]
+            args: [{ selector: 'fields-number', imports: [UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldText\">\n\t\t\t\t<input type=\"number\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\n\t\t\t\t\t[style]=\"campo()?.style\" [readOnly]=\"campo()?.readonly ?? false\" [class.outlined]=\"true\"\n\t\t\t\t\t[class.input]=\"true\" />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"] }]
         }], ctorParameters: () => [] });
 
 class FieldsPassword extends BaseFieldsForm {
@@ -5318,11 +5319,11 @@ class FieldsPassword extends BaseFieldsForm {
         event.stopPropagation();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsPassword, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsPassword, isStandalone: true, selector: "fields-password", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField FieldPassword\">\r\n\t\t\t\t<input [type]=\"hide() ? 'password' : 'text'\" [value]=\"value()\" (input)=\"onInput($event.target.value)\"\r\n\t\t\t\t\t(change)=\"onChangeEmit()\" [name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\"\r\n\t\t\t\t\t[placeholder]=\"campo()?.placeholder ?? ''\" [class]=\"campo()?.classe\" [style]=\"campo()?.style\"\r\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class.outlined]=\"true\"\r\n\t\t\t\t\t[class.input]=\"true\" />\r\n\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" (click)=\"_aoClicarVerSenha($event)\" aria-label=\"Oculta ou Exibe Senha\"\r\n\t\t\t\t\ttitle=\"Oculta ou Exibe Senha\" [aria-pressed]=\"hide()\"><i\r\n\t\t\t\t\t\t[class]=\"hide() ? 'bi bi-eye-slash-fill' : 'bi bi-eye-fill'\"></i></ui-button>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\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: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsPassword, isStandalone: true, selector: "fields-password", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldPassword\">\n\t\t\t\t<input [type]=\"hide() ? 'password' : 'text'\" [value]=\"value()\" (input)=\"onInput($event.target.value)\"\n\t\t\t\t\t(change)=\"onChangeEmit()\" [name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\"\n\t\t\t\t\t[placeholder]=\"campo()?.placeholder ?? ''\" [class]=\"campo()?.classe\" [style]=\"campo()?.style\"\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class.outlined]=\"true\"\n\t\t\t\t\t[class.input]=\"true\" />\n\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" (click)=\"_aoClicarVerSenha($event)\" aria-label=\"Oculta ou Exibe Senha\"\n\t\t\t\t\ttitle=\"Oculta ou Exibe Senha\" [aria-pressed]=\"hide()\"><i\n\t\t\t\t\t\t[class]=\"hide() ? 'bi bi-eye-slash-fill' : 'bi bi-eye-fill'\"></i></ui-button>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\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: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsPassword, decorators: [{
             type: Component,
-            args: [{ selector: 'fields-password', imports: [UiButton, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField FieldPassword\">\r\n\t\t\t\t<input [type]=\"hide() ? 'password' : 'text'\" [value]=\"value()\" (input)=\"onInput($event.target.value)\"\r\n\t\t\t\t\t(change)=\"onChangeEmit()\" [name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\"\r\n\t\t\t\t\t[placeholder]=\"campo()?.placeholder ?? ''\" [class]=\"campo()?.classe\" [style]=\"campo()?.style\"\r\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class.outlined]=\"true\"\r\n\t\t\t\t\t[class.input]=\"true\" />\r\n\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" (click)=\"_aoClicarVerSenha($event)\" aria-label=\"Oculta ou Exibe Senha\"\r\n\t\t\t\t\ttitle=\"Oculta ou Exibe Senha\" [aria-pressed]=\"hide()\"><i\r\n\t\t\t\t\t\t[class]=\"hide() ? 'bi bi-eye-slash-fill' : 'bi bi-eye-fill'\"></i></ui-button>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"] }]
+            args: [{ selector: 'fields-password', imports: [UiButton, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldPassword\">\n\t\t\t\t<input [type]=\"hide() ? 'password' : 'text'\" [value]=\"value()\" (input)=\"onInput($event.target.value)\"\n\t\t\t\t\t(change)=\"onChangeEmit()\" [name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\"\n\t\t\t\t\t[placeholder]=\"campo()?.placeholder ?? ''\" [class]=\"campo()?.classe\" [style]=\"campo()?.style\"\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class.outlined]=\"true\"\n\t\t\t\t\t[class.input]=\"true\" />\n\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" (click)=\"_aoClicarVerSenha($event)\" aria-label=\"Oculta ou Exibe Senha\"\n\t\t\t\t\ttitle=\"Oculta ou Exibe Senha\" [aria-pressed]=\"hide()\"><i\n\t\t\t\t\t\t[class]=\"hide() ? 'bi bi-eye-slash-fill' : 'bi bi-eye-fill'\"></i></ui-button>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"] }]
         }], ctorParameters: () => [] });
 
 class FieldsSearch extends BaseFieldsForm {
@@ -5360,11 +5361,11 @@ class FieldsSearch extends BaseFieldsForm {
         this.onChangeEmit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsSearch, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsSearch, isStandalone: true, selector: "fields-search", viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\"\r\n\t[class.isCollapsed]=\"isCollapsed()\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField FieldSearch\">\r\n\t\t\t\t<ui-procurar [value]=\"value()\" [name]=\"campo()?.prop\" (inputed)=\"onInput($event)\" (changed)=\"onChangeEmit()\"\r\n\t\t\t\t\t[colapsed]=\"isCollapsed()\" [disabled]=\"campo()?.disabled\"\r\n\t\t\t\t\t[placeholder]=\"campo()?.placeholder ?? 'Procurar...'\"></ui-procurar>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ""], dependencies: [{ kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }, { kind: "component", type: UiProcurar, selector: "ui-procurar", inputs: ["value", "colapsed", "autoColapse", "name", "placeholder", "disabled"], outputs: ["inputed", "changed", "valueChange", "colapsedChange", "autoColapseChange"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsSearch, isStandalone: true, selector: "fields-search", viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\"\n\t[class.isCollapsed]=\"isCollapsed()\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldSearch\">\n\t\t\t\t<ui-procurar [value]=\"value()\" [name]=\"campo()?.prop\" (inputed)=\"onInput($event)\" (changed)=\"onChangeEmit()\"\n\t\t\t\t\t[colapsed]=\"isCollapsed()\" [disabled]=\"campo()?.disabled\"\n\t\t\t\t\t[placeholder]=\"campo()?.placeholder ?? 'Procurar...'\"></ui-procurar>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ""], dependencies: [{ kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }, { kind: "component", type: UiProcurar, selector: "ui-procurar", inputs: ["value", "colapsed", "autoColapse", "name", "placeholder", "disabled"], outputs: ["inputed", "changed", "valueChange", "colapsedChange", "autoColapseChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsSearch, decorators: [{
             type: Component,
-            args: [{ selector: 'fields-search', imports: [UiListErrors, UiProcurar], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\"\r\n\t[class.isCollapsed]=\"isCollapsed()\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField FieldSearch\">\r\n\t\t\t\t<ui-procurar [value]=\"value()\" [name]=\"campo()?.prop\" (inputed)=\"onInput($event)\" (changed)=\"onChangeEmit()\"\r\n\t\t\t\t\t[colapsed]=\"isCollapsed()\" [disabled]=\"campo()?.disabled\"\r\n\t\t\t\t\t[placeholder]=\"campo()?.placeholder ?? 'Procurar...'\"></ui-procurar>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"] }]
+            args: [{ selector: 'fields-search', imports: [UiListErrors, UiProcurar], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\"\n\t[class.isCollapsed]=\"isCollapsed()\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldSearch\">\n\t\t\t\t<ui-procurar [value]=\"value()\" [name]=\"campo()?.prop\" (inputed)=\"onInput($event)\" (changed)=\"onChangeEmit()\"\n\t\t\t\t\t[colapsed]=\"isCollapsed()\" [disabled]=\"campo()?.disabled\"\n\t\t\t\t\t[placeholder]=\"campo()?.placeholder ?? 'Procurar...'\"></ui-procurar>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { searchInput: [{ type: i0.ViewChild, args: ['searchInput', { isSignal: true }] }] } });
 
 class FieldsSelect extends BaseFieldsForm {
@@ -5397,11 +5398,11 @@ class FieldsSelect extends BaseFieldsForm {
         this.onChangeEmit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsSelect, isStandalone: true, selector: "fields-select", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField FieldSelect\">\r\n\t\t\t\t<ui-select [value]=\"this.value()\" [options]=\"fieldOptions()\" (changed)=\"onChange($event)\"\r\n\t\t\t\t\t[multiple]=\"this.campo()?.multiple ?? false\" [name]=\"this.campo()?.prop\" [textEmpty]=\"this.campo()?.textEmpty\"\r\n\t\t\t\t\t[canUnselect]=\"campo()?.canUnselect\"></ui-select>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldSelect{width:100%;padding:0 4px 0 8px}.FieldSelect ui-select{width:100%;display:flex;justify-content:center;align-items:center}.fieldField:has(ui-select.opened){outline:2px solid var(--campoCor)}\n"], dependencies: [{ kind: "component", type: UiSelect, selector: "ui-select", inputs: ["value", "options", "name", "placeholder", "disabled", "multiple", "canUnselect", "textEmpty"], outputs: ["valueChange", "changed"] }, { kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsSelect, isStandalone: true, selector: "fields-select", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldSelect\">\n\t\t\t\t<ui-select [value]=\"this.value()\" [options]=\"fieldOptions()\" (changed)=\"onChange($event)\"\n\t\t\t\t\t[multiple]=\"this.campo()?.multiple ?? false\" [name]=\"this.campo()?.prop\" [textEmpty]=\"this.campo()?.textEmpty\"\n\t\t\t\t\t[canUnselect]=\"campo()?.canUnselect\"></ui-select>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldSelect{width:100%;padding:0 4px 0 8px}.FieldSelect ui-select{width:100%;display:flex;justify-content:center;align-items:center}.fieldField:has(ui-select.opened){outline:2px solid var(--campoCor)}\n"], dependencies: [{ kind: "component", type: UiSelect, selector: "ui-select", inputs: ["value", "options", "name", "placeholder", "disabled", "multiple", "canUnselect", "textEmpty"], outputs: ["valueChange", "changed"] }, { kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsSelect, decorators: [{
             type: Component,
-            args: [{ selector: 'fields-select', imports: [UiSelect, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField FieldSelect\">\r\n\t\t\t\t<ui-select [value]=\"this.value()\" [options]=\"fieldOptions()\" (changed)=\"onChange($event)\"\r\n\t\t\t\t\t[multiple]=\"this.campo()?.multiple ?? false\" [name]=\"this.campo()?.prop\" [textEmpty]=\"this.campo()?.textEmpty\"\r\n\t\t\t\t\t[canUnselect]=\"campo()?.canUnselect\"></ui-select>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldSelect{width:100%;padding:0 4px 0 8px}.FieldSelect ui-select{width:100%;display:flex;justify-content:center;align-items:center}.fieldField:has(ui-select.opened){outline:2px solid var(--campoCor)}\n"] }]
+            args: [{ selector: 'fields-select', imports: [UiSelect, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldSelect\">\n\t\t\t\t<ui-select [value]=\"this.value()\" [options]=\"fieldOptions()\" (changed)=\"onChange($event)\"\n\t\t\t\t\t[multiple]=\"this.campo()?.multiple ?? false\" [name]=\"this.campo()?.prop\" [textEmpty]=\"this.campo()?.textEmpty\"\n\t\t\t\t\t[canUnselect]=\"campo()?.canUnselect\"></ui-select>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldSelect{width:100%;padding:0 4px 0 8px}.FieldSelect ui-select{width:100%;display:flex;justify-content:center;align-items:center}.fieldField:has(ui-select.opened){outline:2px solid var(--campoCor)}\n"] }]
         }], ctorParameters: () => [] });
 
 class FieldsSlide extends BaseFieldsForm {
@@ -5431,11 +5432,11 @@ class FieldsSlide extends BaseFieldsForm {
         }, 1);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsSlide, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsSlide, isStandalone: true, selector: "fields-slide", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField FieldSlide microPos4\">\r\n\t\t\t\t<ui-slide [value]=\"value()\" (changed)=\"onChange($event)\" [focus]=\"signalFocus()\"></ui-slide>\r\n\t\t\t\t<div class=\"tituloClicavel\" (click)=\"toogleAtivo()\">\r\n\t\t\t\t\t{{ value() ? (campo()?.textoAtivo ?? campo()?.tituloClicavel ) : (campo()?.textoInativo ??\r\n\t\t\t\t\tcampo()?.tituloClicavel) }}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldSlide{padding-left:4px;display:flex;flex-wrap:nowrap;align-items:center;transition:outline 0s;transition-delay:.2s}.tituloClicavel{display:flex;align-items:center;padding-left:8px;padding-right:8px;font-size:.875rem;cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;line-height:30px;text-align:var(--ui-text-align, center)}.FieldSlide:has(ui-slide.focused){outline:2px solid var(--sys-primary);transition:outline 0s}\n"], dependencies: [{ kind: "component", type: UiSlide, selector: "ui-slide", inputs: ["value", "disabled", "focused", "focus"], outputs: ["valueChange", "focusedChange", "changed"] }, { kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsSlide, isStandalone: true, selector: "fields-slide", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldSlide microPos4\">\n\t\t\t\t<ui-slide [value]=\"value()\" (changed)=\"onChange($event)\" [focus]=\"signalFocus()\"></ui-slide>\n\t\t\t\t<div class=\"tituloClicavel\" (click)=\"toogleAtivo()\">\n\t\t\t\t\t{{ value() ? (campo()?.textoAtivo ?? campo()?.tituloClicavel ) : (campo()?.textoInativo ??\n\t\t\t\t\tcampo()?.tituloClicavel) }}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldSlide{padding-left:4px;display:flex;flex-wrap:nowrap;align-items:center;transition:outline 0s;transition-delay:.2s}.tituloClicavel{display:flex;align-items:center;padding-left:8px;padding-right:8px;font-size:.875rem;cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;line-height:30px;text-align:var(--ui-text-align, center)}.FieldSlide:has(ui-slide.focused){outline:2px solid var(--sys-primary);transition:outline 0s}\n"], dependencies: [{ kind: "component", type: UiSlide, selector: "ui-slide", inputs: ["value", "disabled", "focused", "focus"], outputs: ["valueChange", "focusedChange", "changed"] }, { kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsSlide, decorators: [{
             type: Component,
-            args: [{ selector: 'fields-slide', imports: [UiSlide, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField FieldSlide microPos4\">\r\n\t\t\t\t<ui-slide [value]=\"value()\" (changed)=\"onChange($event)\" [focus]=\"signalFocus()\"></ui-slide>\r\n\t\t\t\t<div class=\"tituloClicavel\" (click)=\"toogleAtivo()\">\r\n\t\t\t\t\t{{ value() ? (campo()?.textoAtivo ?? campo()?.tituloClicavel ) : (campo()?.textoInativo ??\r\n\t\t\t\t\tcampo()?.tituloClicavel) }}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldSlide{padding-left:4px;display:flex;flex-wrap:nowrap;align-items:center;transition:outline 0s;transition-delay:.2s}.tituloClicavel{display:flex;align-items:center;padding-left:8px;padding-right:8px;font-size:.875rem;cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;line-height:30px;text-align:var(--ui-text-align, center)}.FieldSlide:has(ui-slide.focused){outline:2px solid var(--sys-primary);transition:outline 0s}\n"] }]
+            args: [{ selector: 'fields-slide', imports: [UiSlide, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldSlide microPos4\">\n\t\t\t\t<ui-slide [value]=\"value()\" (changed)=\"onChange($event)\" [focus]=\"signalFocus()\"></ui-slide>\n\t\t\t\t<div class=\"tituloClicavel\" (click)=\"toogleAtivo()\">\n\t\t\t\t\t{{ value() ? (campo()?.textoAtivo ?? campo()?.tituloClicavel ) : (campo()?.textoInativo ??\n\t\t\t\t\tcampo()?.tituloClicavel) }}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldSlide{padding-left:4px;display:flex;flex-wrap:nowrap;align-items:center;transition:outline 0s;transition-delay:.2s}.tituloClicavel{display:flex;align-items:center;padding-left:8px;padding-right:8px;font-size:.875rem;cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;line-height:30px;text-align:var(--ui-text-align, center)}.FieldSlide:has(ui-slide.focused){outline:2px solid var(--sys-primary);transition:outline 0s}\n"] }]
         }], ctorParameters: () => [] });
 
 class FieldsText extends BaseFieldsForm {
@@ -5454,11 +5455,11 @@ class FieldsText extends BaseFieldsForm {
         this.campo()?.onInput?.(this.form());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsText, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsText, isStandalone: true, selector: "fields-text", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField FieldText\">\r\n\t\t\t\t<input type=\"text\" [value]=\"value() ?? ''\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\r\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\r\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\r\n\t\t\t\t\t[style]=\"campo()?.style\" [class.outlined]=\"true\" [class.input]=\"true\" />\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"], dependencies: [{ kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsText, isStandalone: true, selector: "fields-text", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldText\">\n\t\t\t\t<input type=\"text\" [value]=\"value() ?? ''\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\n\t\t\t\t\t[style]=\"campo()?.style\" [class.outlined]=\"true\" [class.input]=\"true\" />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"], dependencies: [{ kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsText, decorators: [{
             type: Component,
-            args: [{ selector: 'fields-text', imports: [UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField FieldText\">\r\n\t\t\t\t<input type=\"text\" [value]=\"value() ?? ''\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\r\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\r\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\r\n\t\t\t\t\t[style]=\"campo()?.style\" [class.outlined]=\"true\" [class.input]=\"true\" />\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"] }]
+            args: [{ selector: 'fields-text', imports: [UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldText\">\n\t\t\t\t<input type=\"text\" [value]=\"value() ?? ''\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\n\t\t\t\t\t[style]=\"campo()?.style\" [class.outlined]=\"true\" [class.input]=\"true\" />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"] }]
         }], ctorParameters: () => [] });
 
 class FieldsUpload extends BaseFieldsForm {
@@ -5586,11 +5587,11 @@ class FieldsUpload extends BaseFieldsForm {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsUpload, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsUpload, isStandalone: true, selector: "fields-upload", viewQueries: [{ propertyName: "inputFile", first: true, predicate: ["inputFile"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField FieldUpload\">\r\n\r\n\t\t\t\t<ui-drop-zone (changed)=\"onDropped($event)\" [disabled]=\"campo()?.disabled\" (clicked)=\"onClickUpload()\"\r\n\t\t\t\t\t[sobrepor]=\"sobrepondo()\">\r\n\t\t\t\t\t@if(filesList().length > 0) {\r\n\r\n\t\t\t\t\t<ui-file-list [filesList]=\"filesList()\" (remove)=\"onRemove($event)\"\r\n\t\t\t\t\t\t[disabled]=\"campo()?.disabled\"></ui-file-list>\r\n\r\n\t\t\t\t\t} @else {\r\n\r\n\t\t\t\t\t<div class=\"fieldDidplayUpload\">\r\n\t\t\t\t\t\t<i class=\"bi bi-cloud-upload-fill\"></i>\r\n\t\t\t\t\t\t<div class=\"f-s-16\"><span class=\"text-primary\">Solte</span> seu arquivo aqui</div>\r\n\t\t\t\t\t\t<div class=\"f-s-14\"><span class=\"text-primary\">ou clique</span> para procurar</div>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t}\r\n\t\t\t\t</ui-drop-zone>\r\n\r\n\t\t\t\t<div [style.display]=\"'none'\">\r\n\t\t\t\t\t<input #inputFile type=\"file\" [accept]=\"acceptFormats\" [multiple]=\"campo()?.multiple\"\r\n\t\t\t\t\t\t(change)=\"onChangedInputFile($event)\" [disabled]=\"campo()?.disabled\" />\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t@if(acceptFormats){\r\n\t<div class=\"dica\">Formatos: {{ acceptFormatsShow() }}</div>\r\n\t}\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldUpload:has(ui-drop-zone){outline:none;border:0}.fieldDidplayUpload{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:10px}.fieldDidplayUpload i{font-size:48px}.dica{margin-top:4px;font-size:12px;filter:grayscale();opacity:.7}\n"], dependencies: [{ kind: "component", type: UiDropZone, selector: "ui-drop-zone", inputs: ["value", "disabled", "sobrepor"], outputs: ["valueChange", "clicked", "changed"] }, { kind: "component", type: UiFileList, selector: "ui-file-list", inputs: ["disabled", "filesList"], outputs: ["remove"] }, { kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsUpload, isStandalone: true, selector: "fields-upload", viewQueries: [{ propertyName: "inputFile", first: true, predicate: ["inputFile"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldUpload\">\n\n\t\t\t\t<ui-drop-zone (changed)=\"onDropped($event)\" [disabled]=\"campo()?.disabled\" (clicked)=\"onClickUpload()\"\n\t\t\t\t\t[sobrepor]=\"sobrepondo()\">\n\t\t\t\t\t@if(filesList().length > 0) {\n\n\t\t\t\t\t<ui-file-list [filesList]=\"filesList()\" (remove)=\"onRemove($event)\"\n\t\t\t\t\t\t[disabled]=\"campo()?.disabled\"></ui-file-list>\n\n\t\t\t\t\t} @else {\n\n\t\t\t\t\t<div class=\"fieldDidplayUpload\">\n\t\t\t\t\t\t<i class=\"bi bi-cloud-upload-fill\"></i>\n\t\t\t\t\t\t<div class=\"f-s-16\"><span class=\"text-primary\">Solte</span> seu arquivo aqui</div>\n\t\t\t\t\t\t<div class=\"f-s-14\"><span class=\"text-primary\">ou clique</span> para procurar</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t}\n\t\t\t\t</ui-drop-zone>\n\n\t\t\t\t<div [style.display]=\"'none'\">\n\t\t\t\t\t<input #inputFile type=\"file\" [accept]=\"acceptFormats\" [multiple]=\"campo()?.multiple\"\n\t\t\t\t\t\t(change)=\"onChangedInputFile($event)\" [disabled]=\"campo()?.disabled\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t@if(acceptFormats){\n\t<div class=\"dica\">Formatos: {{ acceptFormatsShow() }}</div>\n\t}\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldUpload:has(ui-drop-zone){outline:none;border:0}.fieldDidplayUpload{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:10px}.fieldDidplayUpload i{font-size:48px}.dica{margin-top:4px;font-size:12px;filter:grayscale();opacity:.7}\n"], dependencies: [{ kind: "component", type: UiDropZone, selector: "ui-drop-zone", inputs: ["value", "disabled", "sobrepor"], outputs: ["valueChange", "clicked", "changed"] }, { kind: "component", type: UiFileList, selector: "ui-file-list", inputs: ["disabled", "filesList"], outputs: ["remove"] }, { kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsUpload, decorators: [{
             type: Component,
-            args: [{ selector: 'fields-upload', imports: [UiDropZone, UiFileList, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField FieldUpload\">\r\n\r\n\t\t\t\t<ui-drop-zone (changed)=\"onDropped($event)\" [disabled]=\"campo()?.disabled\" (clicked)=\"onClickUpload()\"\r\n\t\t\t\t\t[sobrepor]=\"sobrepondo()\">\r\n\t\t\t\t\t@if(filesList().length > 0) {\r\n\r\n\t\t\t\t\t<ui-file-list [filesList]=\"filesList()\" (remove)=\"onRemove($event)\"\r\n\t\t\t\t\t\t[disabled]=\"campo()?.disabled\"></ui-file-list>\r\n\r\n\t\t\t\t\t} @else {\r\n\r\n\t\t\t\t\t<div class=\"fieldDidplayUpload\">\r\n\t\t\t\t\t\t<i class=\"bi bi-cloud-upload-fill\"></i>\r\n\t\t\t\t\t\t<div class=\"f-s-16\"><span class=\"text-primary\">Solte</span> seu arquivo aqui</div>\r\n\t\t\t\t\t\t<div class=\"f-s-14\"><span class=\"text-primary\">ou clique</span> para procurar</div>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t}\r\n\t\t\t\t</ui-drop-zone>\r\n\r\n\t\t\t\t<div [style.display]=\"'none'\">\r\n\t\t\t\t\t<input #inputFile type=\"file\" [accept]=\"acceptFormats\" [multiple]=\"campo()?.multiple\"\r\n\t\t\t\t\t\t(change)=\"onChangedInputFile($event)\" [disabled]=\"campo()?.disabled\" />\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t@if(acceptFormats){\r\n\t<div class=\"dica\">Formatos: {{ acceptFormatsShow() }}</div>\r\n\t}\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldUpload:has(ui-drop-zone){outline:none;border:0}.fieldDidplayUpload{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:10px}.fieldDidplayUpload i{font-size:48px}.dica{margin-top:4px;font-size:12px;filter:grayscale();opacity:.7}\n"] }]
+            args: [{ selector: 'fields-upload', imports: [UiDropZone, UiFileList, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldUpload\">\n\n\t\t\t\t<ui-drop-zone (changed)=\"onDropped($event)\" [disabled]=\"campo()?.disabled\" (clicked)=\"onClickUpload()\"\n\t\t\t\t\t[sobrepor]=\"sobrepondo()\">\n\t\t\t\t\t@if(filesList().length > 0) {\n\n\t\t\t\t\t<ui-file-list [filesList]=\"filesList()\" (remove)=\"onRemove($event)\"\n\t\t\t\t\t\t[disabled]=\"campo()?.disabled\"></ui-file-list>\n\n\t\t\t\t\t} @else {\n\n\t\t\t\t\t<div class=\"fieldDidplayUpload\">\n\t\t\t\t\t\t<i class=\"bi bi-cloud-upload-fill\"></i>\n\t\t\t\t\t\t<div class=\"f-s-16\"><span class=\"text-primary\">Solte</span> seu arquivo aqui</div>\n\t\t\t\t\t\t<div class=\"f-s-14\"><span class=\"text-primary\">ou clique</span> para procurar</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t}\n\t\t\t\t</ui-drop-zone>\n\n\t\t\t\t<div [style.display]=\"'none'\">\n\t\t\t\t\t<input #inputFile type=\"file\" [accept]=\"acceptFormats\" [multiple]=\"campo()?.multiple\"\n\t\t\t\t\t\t(change)=\"onChangedInputFile($event)\" [disabled]=\"campo()?.disabled\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t@if(acceptFormats){\n\t<div class=\"dica\">Formatos: {{ acceptFormatsShow() }}</div>\n\t}\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldUpload:has(ui-drop-zone){outline:none;border:0}.fieldDidplayUpload{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:10px}.fieldDidplayUpload i{font-size:48px}.dica{margin-top:4px;font-size:12px;filter:grayscale();opacity:.7}\n"] }]
         }], ctorParameters: () => [], propDecorators: { inputFile: [{ type: i0.ViewChild, args: ['inputFile', { ...{ read: ElementRef }, isSignal: true }] }] } });
 
 class FieldsTime extends BaseFieldsForm {
@@ -5609,11 +5610,11 @@ class FieldsTime extends BaseFieldsForm {
         this.campo()?.onInput?.(this.form());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsTime, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsTime, isStandalone: true, selector: "fields-time", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField FieldTime\">\r\n\t\t\t\t<input type=\"time\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\r\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\r\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\r\n\t\t\t\t\t[style]=\"campo()?.style\" [class.outlined]=\"true\" [class.input]=\"true\" />\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"], dependencies: [{ kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsTime, isStandalone: true, selector: "fields-time", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldTime\">\n\t\t\t\t<input type=\"time\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\n\t\t\t\t\t[style]=\"campo()?.style\" [class.outlined]=\"true\" [class.input]=\"true\" />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"], dependencies: [{ kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsTime, decorators: [{
             type: Component,
-            args: [{ selector: 'fields-time', imports: [UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField FieldTime\">\r\n\t\t\t\t<input type=\"time\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\r\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\r\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\r\n\t\t\t\t\t[style]=\"campo()?.style\" [class.outlined]=\"true\" [class.input]=\"true\" />\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"] }]
+            args: [{ selector: 'fields-time', imports: [UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldTime\">\n\t\t\t\t<input type=\"time\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\n\t\t\t\t\t[style]=\"campo()?.style\" [class.outlined]=\"true\" [class.input]=\"true\" />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"] }]
         }], ctorParameters: () => [] });
 
 class FieldsTextarea extends BaseFieldsForm {
@@ -5633,11 +5634,11 @@ class FieldsTextarea extends BaseFieldsForm {
         this.campo()?.onInput?.(this.form());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsTextarea, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsTextarea, isStandalone: true, selector: "fields-textarea", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField FieldTextArea\">\r\n\t\t\t\t<textarea [value]=\"value()\" (input)=\"onInput($event)\" (change)=\"onChangeEmit()\" [name]=\"campo()?.prop\"\r\n\t\t\t\t\t[disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\" [attr.maxLength]=\"campo()?.maxl\"\r\n\t\t\t\t\t[attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\" [style]=\"campo()?.style\" [class.outlined]=\"true\"\r\n\t\t\t\t\t[rows]=\"campo()?.rows ?? 5\" [cols]=\"campo()?.cols\" [attr.readonly]=\"campo()?.readonly ? true : null\"\r\n\t\t\t\t\t[class.input]=\"true\"></textarea>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldTextArea{padding:.5rem 0;line-height:22px}\n"], dependencies: [{ kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsTextarea, isStandalone: true, selector: "fields-textarea", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldTextArea\">\n\t\t\t\t<textarea [value]=\"value()\" (input)=\"onInput($event)\" (change)=\"onChangeEmit()\" [name]=\"campo()?.prop\"\n\t\t\t\t\t[disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\" [attr.maxLength]=\"campo()?.maxl\"\n\t\t\t\t\t[attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\" [style]=\"campo()?.style\" [class.outlined]=\"true\"\n\t\t\t\t\t[rows]=\"campo()?.rows ?? 5\" [cols]=\"campo()?.cols\" [attr.readonly]=\"campo()?.readonly ? true : null\"\n\t\t\t\t\t[class.input]=\"true\"></textarea>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldTextArea{padding:.5rem 0;line-height:22px}\n"], dependencies: [{ kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsTextarea, decorators: [{
             type: Component,
-            args: [{ selector: 'fields-textarea', imports: [UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField FieldTextArea\">\r\n\t\t\t\t<textarea [value]=\"value()\" (input)=\"onInput($event)\" (change)=\"onChangeEmit()\" [name]=\"campo()?.prop\"\r\n\t\t\t\t\t[disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\" [attr.maxLength]=\"campo()?.maxl\"\r\n\t\t\t\t\t[attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\" [style]=\"campo()?.style\" [class.outlined]=\"true\"\r\n\t\t\t\t\t[rows]=\"campo()?.rows ?? 5\" [cols]=\"campo()?.cols\" [attr.readonly]=\"campo()?.readonly ? true : null\"\r\n\t\t\t\t\t[class.input]=\"true\"></textarea>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldTextArea{padding:.5rem 0;line-height:22px}\n"] }]
+            args: [{ selector: 'fields-textarea', imports: [UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldTextArea\">\n\t\t\t\t<textarea [value]=\"value()\" (input)=\"onInput($event)\" (change)=\"onChangeEmit()\" [name]=\"campo()?.prop\"\n\t\t\t\t\t[disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\" [attr.maxLength]=\"campo()?.maxl\"\n\t\t\t\t\t[attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\" [style]=\"campo()?.style\" [class.outlined]=\"true\"\n\t\t\t\t\t[rows]=\"campo()?.rows ?? 5\" [cols]=\"campo()?.cols\" [attr.readonly]=\"campo()?.readonly ? true : null\"\n\t\t\t\t\t[class.input]=\"true\"></textarea>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldTextArea{padding:.5rem 0;line-height:22px}\n"] }]
         }], ctorParameters: () => [] });
 
 class FieldsMultiKV extends BaseFieldsForm {
@@ -5713,11 +5714,11 @@ class FieldsMultiKV extends BaseFieldsForm {
         this.onChangeEmit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsMultiKV, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsMultiKV, isStandalone: true, selector: "fields-multikv", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField FieldMultiKv\">\r\n\t\t\t\t@if(campo()?.showHeader != false){\r\n\t\t\t\t<div class=\"header\">{{ campo()?.tituloChave ?? 'Chaves'}}</div>\r\n\t\t\t\t<div class=\"header\">{{ campo()?.tituloValor ?? 'Valores'}}</div>\r\n\t\t\t\t<div class=\"header action\"></div>\r\n\t\t\t\t}\r\n\t\t\t\t@for (item of items; track $index) {\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<input type=\"text\" [value]=\"item.k\" [name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\"\r\n\t\t\t\t\t\t[placeholder]=\"campo()?.placeholder ?? ''\" [class]=\"campo()?.classe\" [style]=\"campo()?.style\"\r\n\t\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class.input]=\"true\"\r\n\t\t\t\t\t\t[class.outlined]=\"true\" (input)=\"_onLocalInputK($event.target.value, $index)\"\r\n\t\t\t\t\t\t(change)=\"_onLocalChangeK($event.target.value, $index)\" />\r\n\t\t\t\t</div>\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<input type=\"text\" [value]=\"item.v\" [name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\"\r\n\t\t\t\t\t\t[placeholder]=\"campo()?.placeholder ?? ''\" [class]=\"campo()?.classe\" [style]=\"campo()?.style\"\r\n\t\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class.input]=\"true\"\r\n\t\t\t\t\t\t[class.outlined]=\"true\" (input)=\"_onLocalInputV($event.target.value, $index)\"\r\n\t\t\t\t\t\t(change)=\"_onLocalChangeV($event.target.value, $index)\" />\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"action\">\r\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"error\" title=\"Remover Linha\" (click)=\"onClickDelItem($index)\"\r\n\t\t\t\t\t\ticone=\"bi bi-trash\">\r\n\t\t\t\t\t</ui-button>\r\n\t\t\t\t</div>\r\n\t\t\t\t}\r\n\t\t\t\t<div class=\"add\">\r\n\t\t\t\t\t<ui-button tipo=\"nofill\" tema=\"primary\" title=\"Adicionar Linha\" (click)=\"onClickAddItem()\"\r\n\t\t\t\t\t\ticone=\"bi bi-plus-circle\">\r\n\t\t\t\t\t\tAdicionar Linha\r\n\t\t\t\t\t</ui-button>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldMultiKv{display:grid;grid-template-columns:1fr 1fr auto;grid-template-rows:40px;gap:8px;align-items:center;padding:8px;border:0}.fieldField.FieldMultiKv .input{outline:1px solid var(--sys-outline)}.fieldField.FieldMultiKv .input:focus-visible{outline:2px solid var(--campoCor)}.index{text-align:center;font-weight:700;min-width:18px}.add{grid-area:auto / auto / auto / span 3}.input{height:40px}.action{min-width:32px;min-height:32px}.header{font-weight:700;text-decoration:underline;padding-left:10px}\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: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsMultiKV, isStandalone: true, selector: "fields-multikv", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldMultiKv\">\n\t\t\t\t@if(campo()?.showHeader != false){\n\t\t\t\t<div class=\"header\">{{ campo()?.tituloChave ?? 'Chaves'}}</div>\n\t\t\t\t<div class=\"header\">{{ campo()?.tituloValor ?? 'Valores'}}</div>\n\t\t\t\t<div class=\"header action\"></div>\n\t\t\t\t}\n\t\t\t\t@for (item of items; track $index) {\n\t\t\t\t<div>\n\t\t\t\t\t<input type=\"text\" [value]=\"item.k\" [name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\"\n\t\t\t\t\t\t[placeholder]=\"campo()?.placeholder ?? ''\" [class]=\"campo()?.classe\" [style]=\"campo()?.style\"\n\t\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class.input]=\"true\"\n\t\t\t\t\t\t[class.outlined]=\"true\" (input)=\"_onLocalInputK($event.target.value, $index)\"\n\t\t\t\t\t\t(change)=\"_onLocalChangeK($event.target.value, $index)\" />\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<input type=\"text\" [value]=\"item.v\" [name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\"\n\t\t\t\t\t\t[placeholder]=\"campo()?.placeholder ?? ''\" [class]=\"campo()?.classe\" [style]=\"campo()?.style\"\n\t\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class.input]=\"true\"\n\t\t\t\t\t\t[class.outlined]=\"true\" (input)=\"_onLocalInputV($event.target.value, $index)\"\n\t\t\t\t\t\t(change)=\"_onLocalChangeV($event.target.value, $index)\" />\n\t\t\t\t</div>\n\t\t\t\t<div class=\"action\">\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"error\" title=\"Remover Linha\" (click)=\"onClickDelItem($index)\"\n\t\t\t\t\t\ticone=\"bi bi-trash\">\n\t\t\t\t\t</ui-button>\n\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t<div class=\"add\">\n\t\t\t\t\t<ui-button tipo=\"nofill\" tema=\"primary\" title=\"Adicionar Linha\" (click)=\"onClickAddItem()\"\n\t\t\t\t\t\ticone=\"bi bi-plus-circle\">\n\t\t\t\t\t\tAdicionar Linha\n\t\t\t\t\t</ui-button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldMultiKv{display:grid;grid-template-columns:1fr 1fr auto;grid-template-rows:40px;gap:8px;align-items:center;padding:8px;border:0}.fieldField.FieldMultiKv .input{outline:1px solid var(--sys-outline)}.fieldField.FieldMultiKv .input:focus-visible{outline:2px solid var(--campoCor)}.index{text-align:center;font-weight:700;min-width:18px}.add{grid-area:auto / auto / auto / span 3}.input{height:40px}.action{min-width:32px;min-height:32px}.header{font-weight:700;text-decoration:underline;padding-left:10px}\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: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsMultiKV, decorators: [{
             type: Component,
-            args: [{ selector: 'fields-multikv', imports: [UiButton, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\r\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\r\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\r\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\r\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\r\n\t\t{{ campo()?.titulo }}\r\n\t</div>\r\n\t<div class=\"fieldControl doCampo\">\r\n\t\t<div class=\"fieldEffect\">\r\n\t\t\t<div class=\"fieldField FieldMultiKv\">\r\n\t\t\t\t@if(campo()?.showHeader != false){\r\n\t\t\t\t<div class=\"header\">{{ campo()?.tituloChave ?? 'Chaves'}}</div>\r\n\t\t\t\t<div class=\"header\">{{ campo()?.tituloValor ?? 'Valores'}}</div>\r\n\t\t\t\t<div class=\"header action\"></div>\r\n\t\t\t\t}\r\n\t\t\t\t@for (item of items; track $index) {\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<input type=\"text\" [value]=\"item.k\" [name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\"\r\n\t\t\t\t\t\t[placeholder]=\"campo()?.placeholder ?? ''\" [class]=\"campo()?.classe\" [style]=\"campo()?.style\"\r\n\t\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class.input]=\"true\"\r\n\t\t\t\t\t\t[class.outlined]=\"true\" (input)=\"_onLocalInputK($event.target.value, $index)\"\r\n\t\t\t\t\t\t(change)=\"_onLocalChangeK($event.target.value, $index)\" />\r\n\t\t\t\t</div>\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<input type=\"text\" [value]=\"item.v\" [name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\"\r\n\t\t\t\t\t\t[placeholder]=\"campo()?.placeholder ?? ''\" [class]=\"campo()?.classe\" [style]=\"campo()?.style\"\r\n\t\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class.input]=\"true\"\r\n\t\t\t\t\t\t[class.outlined]=\"true\" (input)=\"_onLocalInputV($event.target.value, $index)\"\r\n\t\t\t\t\t\t(change)=\"_onLocalChangeV($event.target.value, $index)\" />\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"action\">\r\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"error\" title=\"Remover Linha\" (click)=\"onClickDelItem($index)\"\r\n\t\t\t\t\t\ticone=\"bi bi-trash\">\r\n\t\t\t\t\t</ui-button>\r\n\t\t\t\t</div>\r\n\t\t\t\t}\r\n\t\t\t\t<div class=\"add\">\r\n\t\t\t\t\t<ui-button tipo=\"nofill\" tema=\"primary\" title=\"Adicionar Linha\" (click)=\"onClickAddItem()\"\r\n\t\t\t\t\t\ticone=\"bi bi-plus-circle\">\r\n\t\t\t\t\t\tAdicionar Linha\r\n\t\t\t\t\t</ui-button>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\r\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldMultiKv{display:grid;grid-template-columns:1fr 1fr auto;grid-template-rows:40px;gap:8px;align-items:center;padding:8px;border:0}.fieldField.FieldMultiKv .input{outline:1px solid var(--sys-outline)}.fieldField.FieldMultiKv .input:focus-visible{outline:2px solid var(--campoCor)}.index{text-align:center;font-weight:700;min-width:18px}.add{grid-area:auto / auto / auto / span 3}.input{height:40px}.action{min-width:32px;min-height:32px}.header{font-weight:700;text-decoration:underline;padding-left:10px}\n"] }]
+            args: [{ selector: 'fields-multikv', imports: [UiButton, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldMultiKv\">\n\t\t\t\t@if(campo()?.showHeader != false){\n\t\t\t\t<div class=\"header\">{{ campo()?.tituloChave ?? 'Chaves'}}</div>\n\t\t\t\t<div class=\"header\">{{ campo()?.tituloValor ?? 'Valores'}}</div>\n\t\t\t\t<div class=\"header action\"></div>\n\t\t\t\t}\n\t\t\t\t@for (item of items; track $index) {\n\t\t\t\t<div>\n\t\t\t\t\t<input type=\"text\" [value]=\"item.k\" [name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\"\n\t\t\t\t\t\t[placeholder]=\"campo()?.placeholder ?? ''\" [class]=\"campo()?.classe\" [style]=\"campo()?.style\"\n\t\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class.input]=\"true\"\n\t\t\t\t\t\t[class.outlined]=\"true\" (input)=\"_onLocalInputK($event.target.value, $index)\"\n\t\t\t\t\t\t(change)=\"_onLocalChangeK($event.target.value, $index)\" />\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<input type=\"text\" [value]=\"item.v\" [name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\"\n\t\t\t\t\t\t[placeholder]=\"campo()?.placeholder ?? ''\" [class]=\"campo()?.classe\" [style]=\"campo()?.style\"\n\t\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class.input]=\"true\"\n\t\t\t\t\t\t[class.outlined]=\"true\" (input)=\"_onLocalInputV($event.target.value, $index)\"\n\t\t\t\t\t\t(change)=\"_onLocalChangeV($event.target.value, $index)\" />\n\t\t\t\t</div>\n\t\t\t\t<div class=\"action\">\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"error\" title=\"Remover Linha\" (click)=\"onClickDelItem($index)\"\n\t\t\t\t\t\ticone=\"bi bi-trash\">\n\t\t\t\t\t</ui-button>\n\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t<div class=\"add\">\n\t\t\t\t\t<ui-button tipo=\"nofill\" tema=\"primary\" title=\"Adicionar Linha\" (click)=\"onClickAddItem()\"\n\t\t\t\t\t\ticone=\"bi bi-plus-circle\">\n\t\t\t\t\t\tAdicionar Linha\n\t\t\t\t\t</ui-button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--MasterRadius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--MasterRadius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--MasterRadius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldMultiKv{display:grid;grid-template-columns:1fr 1fr auto;grid-template-rows:40px;gap:8px;align-items:center;padding:8px;border:0}.fieldField.FieldMultiKv .input{outline:1px solid var(--sys-outline)}.fieldField.FieldMultiKv .input:focus-visible{outline:2px solid var(--campoCor)}.index{text-align:center;font-weight:700;min-width:18px}.add{grid-area:auto / auto / auto / span 3}.input{height:40px}.action{min-width:32px;min-height:32px}.header{font-weight:700;text-decoration:underline;padding-left:10px}\n"] }]
         }], ctorParameters: () => [] });
 
 class FieldsGeneric extends BaseFieldsForm {
@@ -5767,11 +5768,11 @@ class FieldsGeneric extends BaseFieldsForm {
         return null;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsGeneric, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsGeneric, isStandalone: true, selector: "fields-g", usesInheritance: true, ngImport: i0, template: "@if (getComponentForType(campo() ? campo()?.tipo : undefined); as component) {\r\n<ng-container [ngComponentOutlet]=\"component\" [ngComponentOutletInputs]=\"{ form: this.form(), name: name() }\" />\r\n}", dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsGeneric, isStandalone: true, selector: "fields-g", usesInheritance: true, ngImport: i0, template: "@if (getComponentForType(campo() ? campo()?.tipo : undefined); as component) {\n<ng-container [ngComponentOutlet]=\"component\" [ngComponentOutletInputs]=\"{ form: this.form(), name: name() }\" />\n}", dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsGeneric, decorators: [{
             type: Component,
-            args: [{ selector: 'fields-g', imports: [NgComponentOutlet], template: "@if (getComponentForType(campo() ? campo()?.tipo : undefined); as component) {\r\n<ng-container [ngComponentOutlet]=\"component\" [ngComponentOutletInputs]=\"{ form: this.form(), name: name() }\" />\r\n}" }]
+            args: [{ selector: 'fields-g', imports: [NgComponentOutlet], template: "@if (getComponentForType(campo() ? campo()?.tipo : undefined); as component) {\n<ng-container [ngComponentOutlet]=\"component\" [ngComponentOutletInputs]=\"{ form: this.form(), name: name() }\" />\n}" }]
         }] });
 
 class ClassOfPipe {
@@ -5878,11 +5879,11 @@ class FormControls {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormControls, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FormControls, isStandalone: true, selector: "ui-form-controls", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: true, transformFunction: null }, recebido: { classPropertyName: "recebido", publicName: "recebido", isSignal: true, isRequired: false, transformFunction: null }, hasOutline: { classPropertyName: "hasOutline", publicName: "hasOutline", isSignal: true, isRequired: false, transformFunction: null }, faseIndex: { classPropertyName: "faseIndex", publicName: "faseIndex", isSignal: true, isRequired: false, transformFunction: null }, totalFases: { classPropertyName: "totalFases", publicName: "totalFases", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { hasOutline: "hasOutlineChange" }, ngImport: i0, template: "<div class=\"areaFormControl\" [class.collapsed]=\"colapsed()\">\r\n\t<div class=\"areaValues barStatus\">\r\n\t\t<div class=\"f-s-e status\">\r\n\t\t\t<div class=\"statusItem f-s-12 f-t-b\" [title]=\"'Fases. Atual: ' + faseIndex() + '. Total: ' + totalFases()\"\r\n\t\t\t\t[class.ativo]=\"totalFases() > 1\" [class.inativo]=\"faseIndex() < 0 || faseIndex() > totalFases()\">\r\n\t\t\t\t@if(totalFases() > 1){\r\n\t\t\t\t<div class=\"f-s-e\">\r\n\t\t\t\t\t<div>A</div>\r\n\t\t\t\t\t<div>{{ faseIndex() }}</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"f-s-e\">\r\n\t\t\t\t\t<div>U</div>\r\n\t\t\t\t\t<div>{{ totalFases() - 1 }}</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t} @else {\r\n\t\t\t\t<i class=\"fa fa-list-check f-s-18\"></i>\r\n\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t\t<div class=\"statusItem\" [class.ativo]=\"form().algumTocado()\" [class.inativo]=\"!form().algumTocado()\"\r\n\t\t\t\ttitle=\"Algum campo tocado\">\r\n\t\t\t\t<i class=\"fa fa-handshake f-s-20\"></i>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"statusItem\" [class.ativo]=\"form().valido()\" [class.inativo]=\"!form().valido()\"\r\n\t\t\t\ttitle=\"Todos campos V\u00E1lidos\">\r\n\t\t\t\t<i class=\"bi bi-check2-all f-s-20\"></i>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"statusItem\" [class.ativo]=\"form().isEnviado\" [class.inativo]=\"!form().isEnviado\"\r\n\t\t\t\ttitle=\"Estado de Enviado\">\r\n\t\t\t\t<i class=\"bi bi-send-check f-s-18\"></i>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"divider barIcoCollapse\" (click)=\"colapsed.set(!colapsed())\">\r\n\t\t\t<i class=\"bi bi-caret-down\"></i>\r\n\t\t</div>\r\n\t\t<div class=\"f-s-e status\">\r\n\t\t\t<ui-button tipo=\"icon\" tema=\"success\" class=\"dados\" (click)=\"copiar()\" icone=\"bi bi-copy\"\r\n\t\t\t\ttitle=\"Copiar o JSON de valores\"></ui-button>\r\n\t\t\t<ui-button tipo=\"icon\" tema=\"success\" class=\"estado\" (click)=\"setOutline()\" [class.ativo]=\"hasOutline()\"\r\n\t\t\t\ticone=\"fa fa-border-top-left\" [title]=\"(hasOutline() ? 'Com' : 'Sem') +' Outline'\"></ui-button>\r\n\t\t\t<ui-button tipo=\"icon\" tema=\"info\" class=\"estado\" (click)=\"changePreview()\" [class.ativo]=\"showingErrors()\"\r\n\t\t\t\ticone=\"bi bi-exclamation-triangle\" [title]=\"showingErrors() ? 'Errors' : 'Values'\"></ui-button>\r\n\t\t\t<ui-button tipo=\"icon\" tema=\"info\" class=\"estado\" (click)=\"obrigatorio()\" [class.ativo]=\"fullRequired()\"\r\n\t\t\t\ticone=\"fa fa-file-circle-exclamation\" [title]=\"fullRequired() ? 'Obrigat\u00F3rio' : 'Liberado'\"></ui-button>\r\n\r\n\t\t\t<ui-button tipo=\"icon\" tema=\"info\" class=\"estado\" (click)=\"desativados()\" [class.ativo]=\"fullDisabled()\"\r\n\t\t\t\ticone=\"bi bi-person-fill-lock\" [title]=\"fullDisabled() ? 'Desativado' : 'Ativo'\"></ui-button>\r\n\t\t\t<ui-button tipo=\"icon\" tema=\"info\" class=\"estado\" (click)=\"pendentes()\" [class.ativo]=\"fullPending()\"\r\n\t\t\t\ticone=\"fa fa-clock-four\" [title]=\"fullPending() ? 'Pendente' : 'Sincronizado'\"></ui-button>\r\n\r\n\t\t</div>\r\n\t</div>\r\n\t@if(!colapsed()){\r\n\t<div class=\"formColtrols\">\r\n\t\t<div class=\"areaValues jsonArea\">\r\n\t\t\t@if(showingErrors()){\r\n\t\t\t<div>Erros do Formul\u00E1rio (Tipo: {{ form().listaErrors() | classOf }})</div>\r\n\t\t\t<pre class=\"p-2\" [innerHTML]=\"form().listaErrors() | jsonColorido\"></pre>\r\n\t\t\t} @else {\r\n\t\t\t<div>Valor do Formul\u00E1rio (Tipo: {{ form().values() | classOf }})</div>\r\n\t\t\t<pre class=\"p-2\" [innerHTML]=\"valoresOrdenados() | jsonColorido\"></pre>\r\n\t\t\t}\r\n\t\t</div>\r\n\t\t<div class=\"areaValues controls\">\r\n\r\n\t\t\t<ui-button tipo=\"outlined\" tema=\"success\" class=\"dados\" (click)=\"sanitizar()\" icone=\"fa fa-quidditch-broom-ball\"\r\n\t\t\t\ttitle=\"Filtra e mant\u00E9m apenas os valores dos campos que est\u00E3o definidos para este formul\u00E1rio.\">\r\n\t\t\t\tSanitizar\r\n\t\t\t</ui-button>\r\n\t\t\t<ui-button tipo=\"outlined\" tema=\"success\" class=\"dados\" (click)=\"onlyAvailable()\" icone=\"fa fa-power-off\"\r\n\t\t\t\ttitle=\"Filtra e mant\u00E9m apenas os valores dos campos que est\u00E3o dispon\u00EDveis para este formul\u00E1rio.\">\r\n\t\t\t\tDispon\u00EDveis\r\n\t\t\t</ui-button>\r\n\t\t\t<ui-button tipo=\"outlined\" tema=\"success\" class=\"dados\" (click)=\"validar()\" icone=\"bi bi-ui-checks\"\r\n\t\t\t\ttitle=\"Valida o formul\u00E1rio e seus campos.\">\r\n\t\t\t\tValidar\r\n\t\t\t</ui-button>\r\n\t\t\t<ui-button tipo=\"outlined\" tema=\"warning\" class=\"dados\" (click)=\"setarValRecebido()\"\r\n\t\t\t\ticone=\"fa fa-clock-rotate-left\" title=\"Seta os valores que foram recebidos no formul\u00E1rio.\">\r\n\t\t\t\tRecebido\r\n\t\t\t</ui-button>\r\n\t\t\t<ui-button tipo=\"outlined\" tema=\"error\" class=\"dados\" (click)=\"forcarVazio()\" icone=\"bi bi-eraser-fill\"\r\n\t\t\t\ttitle=\"Limpa todos os valores do formul\u00E1rio.\">\r\n\t\t\t\tLimpar\r\n\t\t\t</ui-button>\r\n\t\t\t<ui-button tipo=\"outlined\" tema=\"error\" class=\"dados\" (click)=\"setarValInicio()\" icone=\"bi bi-skip-backward\"\r\n\t\t\t\ttitle=\"Reseta os valores do formul\u00E1rio para os valores iniciais.\">\r\n\t\t\t\tReset\r\n\t\t\t</ui-button>\r\n\t\t\t<ui-button tipo=\"outlined\" tema=\"info\" class=\"dados\" (click)=\"tocados()\"\r\n\t\t\t\t[icone]=\"fullTouched() ? 'fa fa-handshake' : 'fa fa-handshake-slash'\"\r\n\t\t\t\ttitle=\"Marca todos os campos como tocados ou n\u00E3o tocados.\">\r\n\t\t\t\t{{ fullTouched() ? 'Tocados' : 'Tocar Todos' }}\r\n\t\t\t</ui-button>\r\n\r\n\t\t\t<ui-button tipo=\"outlined\" tema=\"error\" class=\"estado\" (click)=\"setErrorAll()\"\r\n\t\t\t\t[class.ativo]=\"form().listaErrors().length > 0\"\r\n\t\t\t\t[icone]=\"form().listaErrors().length > 0 ? 'bi bi-exclamation-triangle' : 'bi bi-circle'\"\r\n\t\t\t\t[title]=\"form().listaErrors().length > 0 ? 'Erros adicionados' : 'Erros removidos'\">\r\n\t\t\t\t{{ form().listaErrors().length > 0 ? 'Erros For\u00E7ados' : 'Erros removidos' }}\r\n\t\t\t</ui-button>\r\n\r\n\t\t</div>\r\n\t</div>\r\n\t}\r\n</div>", styles: [".areaFormControl{display:flex;flex-direction:column;gap:var(--MasterGap);margin-top:var(--MasterGap)}.barStatus{display:flex;flex-direction:row;gap:var(--MasterGap);align-items:center}.formColtrols{display:flex;flex-direction:row;gap:var(--MasterGap)}.collapsed .formColtrols{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(--MasterRadius);padding:.5rem}.areaValues.jsonArea{flex:1;overflow:auto}.divider{flex:1;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer}.controls{display:flex;flex-direction:column;gap:10px;--ui-justify-content: left}.controls .dados,.controls .estado{--ui-font-size: 20px}ui-button.estado.ativo{outline:1px outset var(--sys-high);box-shadow:0 0 1px var(--sys-high),inset 0 0 5px var(--sys-high);border-radius:var(--MasterRadius)}pre{font-size:16px;padding:1rem}.status{gap:5px}.statusItem{width:30px;height:30px;border:1px solid var(--sys-outline);display:flex;justify-content:center;align-items:center;text-align:center;border-radius:4px;line-height:13px;background-color:var(--sys-background)}.statusItem.ativo{background-color:var(--sys-success-15);border-color:var(--sys-success)}.statusItem.inativo{background-color:var(--sys-error-15);border-color:var(--sys-error)}.barIcoCollapse i{transition:.3s}.collapsed .barIcoCollapse i{transition:.3s;transform:rotate(180deg)}\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: "pipe", type: JsonColoridoPipe, name: "jsonColorido" }, { kind: "pipe", type: ClassOfPipe, name: "classOf" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FormControls, isStandalone: true, selector: "ui-form-controls", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: true, transformFunction: null }, recebido: { classPropertyName: "recebido", publicName: "recebido", isSignal: true, isRequired: false, transformFunction: null }, hasOutline: { classPropertyName: "hasOutline", publicName: "hasOutline", isSignal: true, isRequired: false, transformFunction: null }, faseIndex: { classPropertyName: "faseIndex", publicName: "faseIndex", isSignal: true, isRequired: false, transformFunction: null }, totalFases: { classPropertyName: "totalFases", publicName: "totalFases", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { hasOutline: "hasOutlineChange" }, ngImport: i0, template: "<div class=\"areaFormControl\" [class.collapsed]=\"colapsed()\">\n\t<div class=\"areaValues barStatus\">\n\t\t<div class=\"f-s-e status\">\n\t\t\t<div class=\"statusItem f-s-12 f-t-b\" [title]=\"'Fases. Atual: ' + faseIndex() + '. Total: ' + totalFases()\"\n\t\t\t\t[class.ativo]=\"totalFases() > 1\" [class.inativo]=\"faseIndex() < 0 || faseIndex() > totalFases()\">\n\t\t\t\t@if(totalFases() > 1){\n\t\t\t\t<div class=\"f-s-e\">\n\t\t\t\t\t<div>A</div>\n\t\t\t\t\t<div>{{ faseIndex() }}</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"f-s-e\">\n\t\t\t\t\t<div>U</div>\n\t\t\t\t\t<div>{{ totalFases() - 1 }}</div>\n\t\t\t\t</div>\n\t\t\t\t} @else {\n\t\t\t\t<i class=\"fa fa-list-check f-s-18\"></i>\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t<div class=\"statusItem\" [class.ativo]=\"form().algumTocado()\" [class.inativo]=\"!form().algumTocado()\"\n\t\t\t\ttitle=\"Algum campo tocado\">\n\t\t\t\t<i class=\"fa fa-handshake f-s-20\"></i>\n\t\t\t</div>\n\t\t\t<div class=\"statusItem\" [class.ativo]=\"form().valido()\" [class.inativo]=\"!form().valido()\"\n\t\t\t\ttitle=\"Todos campos V\u00E1lidos\">\n\t\t\t\t<i class=\"bi bi-check2-all f-s-20\"></i>\n\t\t\t</div>\n\t\t\t<div class=\"statusItem\" [class.ativo]=\"form().isEnviado\" [class.inativo]=\"!form().isEnviado\"\n\t\t\t\ttitle=\"Estado de Enviado\">\n\t\t\t\t<i class=\"bi bi-send-check f-s-18\"></i>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"divider barIcoCollapse\" (click)=\"colapsed.set(!colapsed())\">\n\t\t\t<i class=\"bi bi-caret-down\"></i>\n\t\t</div>\n\t\t<div class=\"f-s-e status\">\n\t\t\t<ui-button tipo=\"icon\" tema=\"success\" class=\"dados\" (click)=\"copiar()\" icone=\"bi bi-copy\"\n\t\t\t\ttitle=\"Copiar o JSON de valores\"></ui-button>\n\t\t\t<ui-button tipo=\"icon\" tema=\"success\" class=\"estado\" (click)=\"setOutline()\" [class.ativo]=\"hasOutline()\"\n\t\t\t\ticone=\"fa fa-border-top-left\" [title]=\"(hasOutline() ? 'Com' : 'Sem') +' Outline'\"></ui-button>\n\t\t\t<ui-button tipo=\"icon\" tema=\"info\" class=\"estado\" (click)=\"changePreview()\" [class.ativo]=\"showingErrors()\"\n\t\t\t\ticone=\"bi bi-exclamation-triangle\" [title]=\"showingErrors() ? 'Errors' : 'Values'\"></ui-button>\n\t\t\t<ui-button tipo=\"icon\" tema=\"info\" class=\"estado\" (click)=\"obrigatorio()\" [class.ativo]=\"fullRequired()\"\n\t\t\t\ticone=\"fa fa-file-circle-exclamation\" [title]=\"fullRequired() ? 'Obrigat\u00F3rio' : 'Liberado'\"></ui-button>\n\n\t\t\t<ui-button tipo=\"icon\" tema=\"info\" class=\"estado\" (click)=\"desativados()\" [class.ativo]=\"fullDisabled()\"\n\t\t\t\ticone=\"bi bi-person-fill-lock\" [title]=\"fullDisabled() ? 'Desativado' : 'Ativo'\"></ui-button>\n\t\t\t<ui-button tipo=\"icon\" tema=\"info\" class=\"estado\" (click)=\"pendentes()\" [class.ativo]=\"fullPending()\"\n\t\t\t\ticone=\"fa fa-clock-four\" [title]=\"fullPending() ? 'Pendente' : 'Sincronizado'\"></ui-button>\n\n\t\t</div>\n\t</div>\n\t@if(!colapsed()){\n\t<div class=\"formColtrols\">\n\t\t<div class=\"areaValues jsonArea\">\n\t\t\t@if(showingErrors()){\n\t\t\t<div>Erros do Formul\u00E1rio (Tipo: {{ form().listaErrors() | classOf }})</div>\n\t\t\t<pre class=\"p-2\" [innerHTML]=\"form().listaErrors() | jsonColorido\"></pre>\n\t\t\t} @else {\n\t\t\t<div>Valor do Formul\u00E1rio (Tipo: {{ form().values() | classOf }})</div>\n\t\t\t<pre class=\"p-2\" [innerHTML]=\"valoresOrdenados() | jsonColorido\"></pre>\n\t\t\t}\n\t\t</div>\n\t\t<div class=\"areaValues controls\">\n\n\t\t\t<ui-button tipo=\"outlined\" tema=\"success\" class=\"dados\" (click)=\"sanitizar()\" icone=\"fa fa-quidditch-broom-ball\"\n\t\t\t\ttitle=\"Filtra e mant\u00E9m apenas os valores dos campos que est\u00E3o definidos para este formul\u00E1rio.\">\n\t\t\t\tSanitizar\n\t\t\t</ui-button>\n\t\t\t<ui-button tipo=\"outlined\" tema=\"success\" class=\"dados\" (click)=\"onlyAvailable()\" icone=\"fa fa-power-off\"\n\t\t\t\ttitle=\"Filtra e mant\u00E9m apenas os valores dos campos que est\u00E3o dispon\u00EDveis para este formul\u00E1rio.\">\n\t\t\t\tDispon\u00EDveis\n\t\t\t</ui-button>\n\t\t\t<ui-button tipo=\"outlined\" tema=\"success\" class=\"dados\" (click)=\"validar()\" icone=\"bi bi-ui-checks\"\n\t\t\t\ttitle=\"Valida o formul\u00E1rio e seus campos.\">\n\t\t\t\tValidar\n\t\t\t</ui-button>\n\t\t\t<ui-button tipo=\"outlined\" tema=\"warning\" class=\"dados\" (click)=\"setarValRecebido()\"\n\t\t\t\ticone=\"fa fa-clock-rotate-left\" title=\"Seta os valores que foram recebidos no formul\u00E1rio.\">\n\t\t\t\tRecebido\n\t\t\t</ui-button>\n\t\t\t<ui-button tipo=\"outlined\" tema=\"error\" class=\"dados\" (click)=\"forcarVazio()\" icone=\"bi bi-eraser-fill\"\n\t\t\t\ttitle=\"Limpa todos os valores do formul\u00E1rio.\">\n\t\t\t\tLimpar\n\t\t\t</ui-button>\n\t\t\t<ui-button tipo=\"outlined\" tema=\"error\" class=\"dados\" (click)=\"setarValInicio()\" icone=\"bi bi-skip-backward\"\n\t\t\t\ttitle=\"Reseta os valores do formul\u00E1rio para os valores iniciais.\">\n\t\t\t\tReset\n\t\t\t</ui-button>\n\t\t\t<ui-button tipo=\"outlined\" tema=\"info\" class=\"dados\" (click)=\"tocados()\"\n\t\t\t\t[icone]=\"fullTouched() ? 'fa fa-handshake' : 'fa fa-handshake-slash'\"\n\t\t\t\ttitle=\"Marca todos os campos como tocados ou n\u00E3o tocados.\">\n\t\t\t\t{{ fullTouched() ? 'Tocados' : 'Tocar Todos' }}\n\t\t\t</ui-button>\n\n\t\t\t<ui-button tipo=\"outlined\" tema=\"error\" class=\"estado\" (click)=\"setErrorAll()\"\n\t\t\t\t[class.ativo]=\"form().listaErrors().length > 0\"\n\t\t\t\t[icone]=\"form().listaErrors().length > 0 ? 'bi bi-exclamation-triangle' : 'bi bi-circle'\"\n\t\t\t\t[title]=\"form().listaErrors().length > 0 ? 'Erros adicionados' : 'Erros removidos'\">\n\t\t\t\t{{ form().listaErrors().length > 0 ? 'Erros For\u00E7ados' : 'Erros removidos' }}\n\t\t\t</ui-button>\n\n\t\t</div>\n\t</div>\n\t}\n</div>", styles: [".areaFormControl{display:flex;flex-direction:column;gap:var(--MasterGap);margin-top:var(--MasterGap)}.barStatus{display:flex;flex-direction:row;gap:var(--MasterGap);align-items:center}.formColtrols{display:flex;flex-direction:row;gap:var(--MasterGap)}.collapsed .formColtrols{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(--MasterRadius);padding:.5rem}.areaValues.jsonArea{flex:1;overflow:auto}.divider{flex:1;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer}.controls{display:flex;flex-direction:column;gap:10px;--ui-justify-content: left}.controls .dados,.controls .estado{--ui-font-size: 20px}ui-button.estado.ativo{outline:1px outset var(--sys-high);box-shadow:0 0 1px var(--sys-high),inset 0 0 5px var(--sys-high);border-radius:var(--MasterRadius)}pre{font-size:16px;padding:1rem}.status{gap:5px}.statusItem{width:30px;height:30px;border:1px solid var(--sys-outline);display:flex;justify-content:center;align-items:center;text-align:center;border-radius:4px;line-height:13px;background-color:var(--sys-background)}.statusItem.ativo{background-color:var(--sys-success-15);border-color:var(--sys-success)}.statusItem.inativo{background-color:var(--sys-error-15);border-color:var(--sys-error)}.barIcoCollapse i{transition:.3s}.collapsed .barIcoCollapse i{transition:.3s;transform:rotate(180deg)}\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: "pipe", type: JsonColoridoPipe, name: "jsonColorido" }, { kind: "pipe", type: ClassOfPipe, name: "classOf" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormControls, decorators: [{
             type: Component,
-            args: [{ selector: 'ui-form-controls', imports: [UiButton, JsonColoridoPipe, ClassOfPipe], template: "<div class=\"areaFormControl\" [class.collapsed]=\"colapsed()\">\r\n\t<div class=\"areaValues barStatus\">\r\n\t\t<div class=\"f-s-e status\">\r\n\t\t\t<div class=\"statusItem f-s-12 f-t-b\" [title]=\"'Fases. Atual: ' + faseIndex() + '. Total: ' + totalFases()\"\r\n\t\t\t\t[class.ativo]=\"totalFases() > 1\" [class.inativo]=\"faseIndex() < 0 || faseIndex() > totalFases()\">\r\n\t\t\t\t@if(totalFases() > 1){\r\n\t\t\t\t<div class=\"f-s-e\">\r\n\t\t\t\t\t<div>A</div>\r\n\t\t\t\t\t<div>{{ faseIndex() }}</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"f-s-e\">\r\n\t\t\t\t\t<div>U</div>\r\n\t\t\t\t\t<div>{{ totalFases() - 1 }}</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t} @else {\r\n\t\t\t\t<i class=\"fa fa-list-check f-s-18\"></i>\r\n\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t\t<div class=\"statusItem\" [class.ativo]=\"form().algumTocado()\" [class.inativo]=\"!form().algumTocado()\"\r\n\t\t\t\ttitle=\"Algum campo tocado\">\r\n\t\t\t\t<i class=\"fa fa-handshake f-s-20\"></i>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"statusItem\" [class.ativo]=\"form().valido()\" [class.inativo]=\"!form().valido()\"\r\n\t\t\t\ttitle=\"Todos campos V\u00E1lidos\">\r\n\t\t\t\t<i class=\"bi bi-check2-all f-s-20\"></i>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"statusItem\" [class.ativo]=\"form().isEnviado\" [class.inativo]=\"!form().isEnviado\"\r\n\t\t\t\ttitle=\"Estado de Enviado\">\r\n\t\t\t\t<i class=\"bi bi-send-check f-s-18\"></i>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"divider barIcoCollapse\" (click)=\"colapsed.set(!colapsed())\">\r\n\t\t\t<i class=\"bi bi-caret-down\"></i>\r\n\t\t</div>\r\n\t\t<div class=\"f-s-e status\">\r\n\t\t\t<ui-button tipo=\"icon\" tema=\"success\" class=\"dados\" (click)=\"copiar()\" icone=\"bi bi-copy\"\r\n\t\t\t\ttitle=\"Copiar o JSON de valores\"></ui-button>\r\n\t\t\t<ui-button tipo=\"icon\" tema=\"success\" class=\"estado\" (click)=\"setOutline()\" [class.ativo]=\"hasOutline()\"\r\n\t\t\t\ticone=\"fa fa-border-top-left\" [title]=\"(hasOutline() ? 'Com' : 'Sem') +' Outline'\"></ui-button>\r\n\t\t\t<ui-button tipo=\"icon\" tema=\"info\" class=\"estado\" (click)=\"changePreview()\" [class.ativo]=\"showingErrors()\"\r\n\t\t\t\ticone=\"bi bi-exclamation-triangle\" [title]=\"showingErrors() ? 'Errors' : 'Values'\"></ui-button>\r\n\t\t\t<ui-button tipo=\"icon\" tema=\"info\" class=\"estado\" (click)=\"obrigatorio()\" [class.ativo]=\"fullRequired()\"\r\n\t\t\t\ticone=\"fa fa-file-circle-exclamation\" [title]=\"fullRequired() ? 'Obrigat\u00F3rio' : 'Liberado'\"></ui-button>\r\n\r\n\t\t\t<ui-button tipo=\"icon\" tema=\"info\" class=\"estado\" (click)=\"desativados()\" [class.ativo]=\"fullDisabled()\"\r\n\t\t\t\ticone=\"bi bi-person-fill-lock\" [title]=\"fullDisabled() ? 'Desativado' : 'Ativo'\"></ui-button>\r\n\t\t\t<ui-button tipo=\"icon\" tema=\"info\" class=\"estado\" (click)=\"pendentes()\" [class.ativo]=\"fullPending()\"\r\n\t\t\t\ticone=\"fa fa-clock-four\" [title]=\"fullPending() ? 'Pendente' : 'Sincronizado'\"></ui-button>\r\n\r\n\t\t</div>\r\n\t</div>\r\n\t@if(!colapsed()){\r\n\t<div class=\"formColtrols\">\r\n\t\t<div class=\"areaValues jsonArea\">\r\n\t\t\t@if(showingErrors()){\r\n\t\t\t<div>Erros do Formul\u00E1rio (Tipo: {{ form().listaErrors() | classOf }})</div>\r\n\t\t\t<pre class=\"p-2\" [innerHTML]=\"form().listaErrors() | jsonColorido\"></pre>\r\n\t\t\t} @else {\r\n\t\t\t<div>Valor do Formul\u00E1rio (Tipo: {{ form().values() | classOf }})</div>\r\n\t\t\t<pre class=\"p-2\" [innerHTML]=\"valoresOrdenados() | jsonColorido\"></pre>\r\n\t\t\t}\r\n\t\t</div>\r\n\t\t<div class=\"areaValues controls\">\r\n\r\n\t\t\t<ui-button tipo=\"outlined\" tema=\"success\" class=\"dados\" (click)=\"sanitizar()\" icone=\"fa fa-quidditch-broom-ball\"\r\n\t\t\t\ttitle=\"Filtra e mant\u00E9m apenas os valores dos campos que est\u00E3o definidos para este formul\u00E1rio.\">\r\n\t\t\t\tSanitizar\r\n\t\t\t</ui-button>\r\n\t\t\t<ui-button tipo=\"outlined\" tema=\"success\" class=\"dados\" (click)=\"onlyAvailable()\" icone=\"fa fa-power-off\"\r\n\t\t\t\ttitle=\"Filtra e mant\u00E9m apenas os valores dos campos que est\u00E3o dispon\u00EDveis para este formul\u00E1rio.\">\r\n\t\t\t\tDispon\u00EDveis\r\n\t\t\t</ui-button>\r\n\t\t\t<ui-button tipo=\"outlined\" tema=\"success\" class=\"dados\" (click)=\"validar()\" icone=\"bi bi-ui-checks\"\r\n\t\t\t\ttitle=\"Valida o formul\u00E1rio e seus campos.\">\r\n\t\t\t\tValidar\r\n\t\t\t</ui-button>\r\n\t\t\t<ui-button tipo=\"outlined\" tema=\"warning\" class=\"dados\" (click)=\"setarValRecebido()\"\r\n\t\t\t\ticone=\"fa fa-clock-rotate-left\" title=\"Seta os valores que foram recebidos no formul\u00E1rio.\">\r\n\t\t\t\tRecebido\r\n\t\t\t</ui-button>\r\n\t\t\t<ui-button tipo=\"outlined\" tema=\"error\" class=\"dados\" (click)=\"forcarVazio()\" icone=\"bi bi-eraser-fill\"\r\n\t\t\t\ttitle=\"Limpa todos os valores do formul\u00E1rio.\">\r\n\t\t\t\tLimpar\r\n\t\t\t</ui-button>\r\n\t\t\t<ui-button tipo=\"outlined\" tema=\"error\" class=\"dados\" (click)=\"setarValInicio()\" icone=\"bi bi-skip-backward\"\r\n\t\t\t\ttitle=\"Reseta os valores do formul\u00E1rio para os valores iniciais.\">\r\n\t\t\t\tReset\r\n\t\t\t</ui-button>\r\n\t\t\t<ui-button tipo=\"outlined\" tema=\"info\" class=\"dados\" (click)=\"tocados()\"\r\n\t\t\t\t[icone]=\"fullTouched() ? 'fa fa-handshake' : 'fa fa-handshake-slash'\"\r\n\t\t\t\ttitle=\"Marca todos os campos como tocados ou n\u00E3o tocados.\">\r\n\t\t\t\t{{ fullTouched() ? 'Tocados' : 'Tocar Todos' }}\r\n\t\t\t</ui-button>\r\n\r\n\t\t\t<ui-button tipo=\"outlined\" tema=\"error\" class=\"estado\" (click)=\"setErrorAll()\"\r\n\t\t\t\t[class.ativo]=\"form().listaErrors().length > 0\"\r\n\t\t\t\t[icone]=\"form().listaErrors().length > 0 ? 'bi bi-exclamation-triangle' : 'bi bi-circle'\"\r\n\t\t\t\t[title]=\"form().listaErrors().length > 0 ? 'Erros adicionados' : 'Erros removidos'\">\r\n\t\t\t\t{{ form().listaErrors().length > 0 ? 'Erros For\u00E7ados' : 'Erros removidos' }}\r\n\t\t\t</ui-button>\r\n\r\n\t\t</div>\r\n\t</div>\r\n\t}\r\n</div>", styles: [".areaFormControl{display:flex;flex-direction:column;gap:var(--MasterGap);margin-top:var(--MasterGap)}.barStatus{display:flex;flex-direction:row;gap:var(--MasterGap);align-items:center}.formColtrols{display:flex;flex-direction:row;gap:var(--MasterGap)}.collapsed .formColtrols{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(--MasterRadius);padding:.5rem}.areaValues.jsonArea{flex:1;overflow:auto}.divider{flex:1;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer}.controls{display:flex;flex-direction:column;gap:10px;--ui-justify-content: left}.controls .dados,.controls .estado{--ui-font-size: 20px}ui-button.estado.ativo{outline:1px outset var(--sys-high);box-shadow:0 0 1px var(--sys-high),inset 0 0 5px var(--sys-high);border-radius:var(--MasterRadius)}pre{font-size:16px;padding:1rem}.status{gap:5px}.statusItem{width:30px;height:30px;border:1px solid var(--sys-outline);display:flex;justify-content:center;align-items:center;text-align:center;border-radius:4px;line-height:13px;background-color:var(--sys-background)}.statusItem.ativo{background-color:var(--sys-success-15);border-color:var(--sys-success)}.statusItem.inativo{background-color:var(--sys-error-15);border-color:var(--sys-error)}.barIcoCollapse i{transition:.3s}.collapsed .barIcoCollapse i{transition:.3s;transform:rotate(180deg)}\n"] }]
+            args: [{ selector: 'ui-form-controls', imports: [UiButton, JsonColoridoPipe, ClassOfPipe], template: "<div class=\"areaFormControl\" [class.collapsed]=\"colapsed()\">\n\t<div class=\"areaValues barStatus\">\n\t\t<div class=\"f-s-e status\">\n\t\t\t<div class=\"statusItem f-s-12 f-t-b\" [title]=\"'Fases. Atual: ' + faseIndex() + '. Total: ' + totalFases()\"\n\t\t\t\t[class.ativo]=\"totalFases() > 1\" [class.inativo]=\"faseIndex() < 0 || faseIndex() > totalFases()\">\n\t\t\t\t@if(totalFases() > 1){\n\t\t\t\t<div class=\"f-s-e\">\n\t\t\t\t\t<div>A</div>\n\t\t\t\t\t<div>{{ faseIndex() }}</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"f-s-e\">\n\t\t\t\t\t<div>U</div>\n\t\t\t\t\t<div>{{ totalFases() - 1 }}</div>\n\t\t\t\t</div>\n\t\t\t\t} @else {\n\t\t\t\t<i class=\"fa fa-list-check f-s-18\"></i>\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t<div class=\"statusItem\" [class.ativo]=\"form().algumTocado()\" [class.inativo]=\"!form().algumTocado()\"\n\t\t\t\ttitle=\"Algum campo tocado\">\n\t\t\t\t<i class=\"fa fa-handshake f-s-20\"></i>\n\t\t\t</div>\n\t\t\t<div class=\"statusItem\" [class.ativo]=\"form().valido()\" [class.inativo]=\"!form().valido()\"\n\t\t\t\ttitle=\"Todos campos V\u00E1lidos\">\n\t\t\t\t<i class=\"bi bi-check2-all f-s-20\"></i>\n\t\t\t</div>\n\t\t\t<div class=\"statusItem\" [class.ativo]=\"form().isEnviado\" [class.inativo]=\"!form().isEnviado\"\n\t\t\t\ttitle=\"Estado de Enviado\">\n\t\t\t\t<i class=\"bi bi-send-check f-s-18\"></i>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"divider barIcoCollapse\" (click)=\"colapsed.set(!colapsed())\">\n\t\t\t<i class=\"bi bi-caret-down\"></i>\n\t\t</div>\n\t\t<div class=\"f-s-e status\">\n\t\t\t<ui-button tipo=\"icon\" tema=\"success\" class=\"dados\" (click)=\"copiar()\" icone=\"bi bi-copy\"\n\t\t\t\ttitle=\"Copiar o JSON de valores\"></ui-button>\n\t\t\t<ui-button tipo=\"icon\" tema=\"success\" class=\"estado\" (click)=\"setOutline()\" [class.ativo]=\"hasOutline()\"\n\t\t\t\ticone=\"fa fa-border-top-left\" [title]=\"(hasOutline() ? 'Com' : 'Sem') +' Outline'\"></ui-button>\n\t\t\t<ui-button tipo=\"icon\" tema=\"info\" class=\"estado\" (click)=\"changePreview()\" [class.ativo]=\"showingErrors()\"\n\t\t\t\ticone=\"bi bi-exclamation-triangle\" [title]=\"showingErrors() ? 'Errors' : 'Values'\"></ui-button>\n\t\t\t<ui-button tipo=\"icon\" tema=\"info\" class=\"estado\" (click)=\"obrigatorio()\" [class.ativo]=\"fullRequired()\"\n\t\t\t\ticone=\"fa fa-file-circle-exclamation\" [title]=\"fullRequired() ? 'Obrigat\u00F3rio' : 'Liberado'\"></ui-button>\n\n\t\t\t<ui-button tipo=\"icon\" tema=\"info\" class=\"estado\" (click)=\"desativados()\" [class.ativo]=\"fullDisabled()\"\n\t\t\t\ticone=\"bi bi-person-fill-lock\" [title]=\"fullDisabled() ? 'Desativado' : 'Ativo'\"></ui-button>\n\t\t\t<ui-button tipo=\"icon\" tema=\"info\" class=\"estado\" (click)=\"pendentes()\" [class.ativo]=\"fullPending()\"\n\t\t\t\ticone=\"fa fa-clock-four\" [title]=\"fullPending() ? 'Pendente' : 'Sincronizado'\"></ui-button>\n\n\t\t</div>\n\t</div>\n\t@if(!colapsed()){\n\t<div class=\"formColtrols\">\n\t\t<div class=\"areaValues jsonArea\">\n\t\t\t@if(showingErrors()){\n\t\t\t<div>Erros do Formul\u00E1rio (Tipo: {{ form().listaErrors() | classOf }})</div>\n\t\t\t<pre class=\"p-2\" [innerHTML]=\"form().listaErrors() | jsonColorido\"></pre>\n\t\t\t} @else {\n\t\t\t<div>Valor do Formul\u00E1rio (Tipo: {{ form().values() | classOf }})</div>\n\t\t\t<pre class=\"p-2\" [innerHTML]=\"valoresOrdenados() | jsonColorido\"></pre>\n\t\t\t}\n\t\t</div>\n\t\t<div class=\"areaValues controls\">\n\n\t\t\t<ui-button tipo=\"outlined\" tema=\"success\" class=\"dados\" (click)=\"sanitizar()\" icone=\"fa fa-quidditch-broom-ball\"\n\t\t\t\ttitle=\"Filtra e mant\u00E9m apenas os valores dos campos que est\u00E3o definidos para este formul\u00E1rio.\">\n\t\t\t\tSanitizar\n\t\t\t</ui-button>\n\t\t\t<ui-button tipo=\"outlined\" tema=\"success\" class=\"dados\" (click)=\"onlyAvailable()\" icone=\"fa fa-power-off\"\n\t\t\t\ttitle=\"Filtra e mant\u00E9m apenas os valores dos campos que est\u00E3o dispon\u00EDveis para este formul\u00E1rio.\">\n\t\t\t\tDispon\u00EDveis\n\t\t\t</ui-button>\n\t\t\t<ui-button tipo=\"outlined\" tema=\"success\" class=\"dados\" (click)=\"validar()\" icone=\"bi bi-ui-checks\"\n\t\t\t\ttitle=\"Valida o formul\u00E1rio e seus campos.\">\n\t\t\t\tValidar\n\t\t\t</ui-button>\n\t\t\t<ui-button tipo=\"outlined\" tema=\"warning\" class=\"dados\" (click)=\"setarValRecebido()\"\n\t\t\t\ticone=\"fa fa-clock-rotate-left\" title=\"Seta os valores que foram recebidos no formul\u00E1rio.\">\n\t\t\t\tRecebido\n\t\t\t</ui-button>\n\t\t\t<ui-button tipo=\"outlined\" tema=\"error\" class=\"dados\" (click)=\"forcarVazio()\" icone=\"bi bi-eraser-fill\"\n\t\t\t\ttitle=\"Limpa todos os valores do formul\u00E1rio.\">\n\t\t\t\tLimpar\n\t\t\t</ui-button>\n\t\t\t<ui-button tipo=\"outlined\" tema=\"error\" class=\"dados\" (click)=\"setarValInicio()\" icone=\"bi bi-skip-backward\"\n\t\t\t\ttitle=\"Reseta os valores do formul\u00E1rio para os valores iniciais.\">\n\t\t\t\tReset\n\t\t\t</ui-button>\n\t\t\t<ui-button tipo=\"outlined\" tema=\"info\" class=\"dados\" (click)=\"tocados()\"\n\t\t\t\t[icone]=\"fullTouched() ? 'fa fa-handshake' : 'fa fa-handshake-slash'\"\n\t\t\t\ttitle=\"Marca todos os campos como tocados ou n\u00E3o tocados.\">\n\t\t\t\t{{ fullTouched() ? 'Tocados' : 'Tocar Todos' }}\n\t\t\t</ui-button>\n\n\t\t\t<ui-button tipo=\"outlined\" tema=\"error\" class=\"estado\" (click)=\"setErrorAll()\"\n\t\t\t\t[class.ativo]=\"form().listaErrors().length > 0\"\n\t\t\t\t[icone]=\"form().listaErrors().length > 0 ? 'bi bi-exclamation-triangle' : 'bi bi-circle'\"\n\t\t\t\t[title]=\"form().listaErrors().length > 0 ? 'Erros adicionados' : 'Erros removidos'\">\n\t\t\t\t{{ form().listaErrors().length > 0 ? 'Erros For\u00E7ados' : 'Erros removidos' }}\n\t\t\t</ui-button>\n\n\t\t</div>\n\t</div>\n\t}\n</div>", styles: [".areaFormControl{display:flex;flex-direction:column;gap:var(--MasterGap);margin-top:var(--MasterGap)}.barStatus{display:flex;flex-direction:row;gap:var(--MasterGap);align-items:center}.formColtrols{display:flex;flex-direction:row;gap:var(--MasterGap)}.collapsed .formColtrols{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(--MasterRadius);padding:.5rem}.areaValues.jsonArea{flex:1;overflow:auto}.divider{flex:1;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer}.controls{display:flex;flex-direction:column;gap:10px;--ui-justify-content: left}.controls .dados,.controls .estado{--ui-font-size: 20px}ui-button.estado.ativo{outline:1px outset var(--sys-high);box-shadow:0 0 1px var(--sys-high),inset 0 0 5px var(--sys-high);border-radius:var(--MasterRadius)}pre{font-size:16px;padding:1rem}.status{gap:5px}.statusItem{width:30px;height:30px;border:1px solid var(--sys-outline);display:flex;justify-content:center;align-items:center;text-align:center;border-radius:4px;line-height:13px;background-color:var(--sys-background)}.statusItem.ativo{background-color:var(--sys-success-15);border-color:var(--sys-success)}.statusItem.inativo{background-color:var(--sys-error-15);border-color:var(--sys-error)}.barIcoCollapse i{transition:.3s}.collapsed .barIcoCollapse i{transition:.3s;transform:rotate(180deg)}\n"] }]
         }], propDecorators: { form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: true }] }], recebido: [{ type: i0.Input, args: [{ isSignal: true, alias: "recebido", required: false }] }], hasOutline: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasOutline", required: false }] }, { type: i0.Output, args: ["hasOutlineChange"] }], faseIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "faseIndex", required: false }] }], totalFases: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalFases", required: false }] }] } });
 
 class FormFilter extends BaseFieldsValues {
@@ -5921,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\">\r\n\t@for ( item of kvPreenchido(); track $index) {\r\n\t<div>\r\n\t\t{{ item.v }}\r\n\t\t<ui-button tipo=\"icon\" tema=\"error\" icone=\"bi bi-x\" (click)=\"onDeletePropriedade(item.k)\">\r\n\t\t</ui-button>\r\n\t</div>\r\n\t}\r\n</div>\r\n<div class=\"g-fields\" [style.--g-fields-min]=\"gmin()\" [style.--g-fields-max]=\"gmax()\">\r\n\r\n\t@for (campo of form.listaCampos(); track $index) {\r\n\t<fields-g [form]=\"form\" [name]=\"campo.prop\" [class]=\"campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\r\n\t}\r\n\r\n</div>\r\n<div class=\"buttonsGap\">\r\n\t<ui-button tipo=\"fill\" tema=\"primary\" icone=\"bi bi-funnel\" (click)=\"onFiltrar()\">{{ actionTitle() }}</ui-button>\r\n\t<ng-content></ng-content>\r\n</div>\r\n\r\n@if(showFormControls()){\r\n<ui-form-controls [form]=\"form\" [recebido]=\"this.values()\" [(hasOutline)]=\"hasOutline\" [faseIndex]=\"faseIndex()\"\r\n\t[totalFases]=\"listaFase().length\"></ui-form-controls>\r\n}", styles: [":host{display:block;width:100%;margin-top:10px}.buttonsGap{display:flex;flex-direction:var(--ui-form-flex-direction, column);gap:var(--MasterGap);margin-top:var(--MasterGap)}.filtrosAtivos{display:flex;flex-wrap:wrap;gap:var(--MasterGap);margin-bottom:var(--MasterGap)}.filtrosAtivos div{display:flex;gap:2px;align-items:center;background-color:var(--sys-high-15);padding:0 0 0 1rem;border-radius:var(--MasterRadius);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(--MasterRadius);padding:.5rem;gap:var(--MasterGap);margin-top:var(--MasterGap);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(--MasterGap);margin-top:var(--MasterGap)}.filtrosAtivos{display:flex;flex-wrap:wrap;gap:var(--MasterGap);margin-bottom:var(--MasterGap)}.filtrosAtivos div{display:flex;gap:2px;align-items:center;background-color:var(--sys-high-15);padding:0 0 0 1rem;border-radius:var(--MasterRadius);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(--MasterRadius);padding:.5rem;gap:var(--MasterGap);margin-top:var(--MasterGap);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"] }] });
 }
 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\">\r\n\t@for ( item of kvPreenchido(); track $index) {\r\n\t<div>\r\n\t\t{{ item.v }}\r\n\t\t<ui-button tipo=\"icon\" tema=\"error\" icone=\"bi bi-x\" (click)=\"onDeletePropriedade(item.k)\">\r\n\t\t</ui-button>\r\n\t</div>\r\n\t}\r\n</div>\r\n<div class=\"g-fields\" [style.--g-fields-min]=\"gmin()\" [style.--g-fields-max]=\"gmax()\">\r\n\r\n\t@for (campo of form.listaCampos(); track $index) {\r\n\t<fields-g [form]=\"form\" [name]=\"campo.prop\" [class]=\"campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\r\n\t}\r\n\r\n</div>\r\n<div class=\"buttonsGap\">\r\n\t<ui-button tipo=\"fill\" tema=\"primary\" icone=\"bi bi-funnel\" (click)=\"onFiltrar()\">{{ actionTitle() }}</ui-button>\r\n\t<ng-content></ng-content>\r\n</div>\r\n\r\n@if(showFormControls()){\r\n<ui-form-controls [form]=\"form\" [recebido]=\"this.values()\" [(hasOutline)]=\"hasOutline\" [faseIndex]=\"faseIndex()\"\r\n\t[totalFases]=\"listaFase().length\"></ui-form-controls>\r\n}", styles: [":host{display:block;width:100%;margin-top:10px}.buttonsGap{display:flex;flex-direction:var(--ui-form-flex-direction, column);gap:var(--MasterGap);margin-top:var(--MasterGap)}.filtrosAtivos{display:flex;flex-wrap:wrap;gap:var(--MasterGap);margin-bottom:var(--MasterGap)}.filtrosAtivos div{display:flex;gap:2px;align-items:center;background-color:var(--sys-high-15);padding:0 0 0 1rem;border-radius:var(--MasterRadius);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(--MasterRadius);padding:.5rem;gap:var(--MasterGap);margin-top:var(--MasterGap);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(--MasterGap);margin-top:var(--MasterGap)}.filtrosAtivos{display:flex;flex-wrap:wrap;gap:var(--MasterGap);margin-bottom:var(--MasterGap)}.filtrosAtivos div{display:flex;gap:2px;align-items:center;background-color:var(--sys-high-15);padding:0 0 0 1rem;border-radius:var(--MasterRadius);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(--MasterRadius);padding:.5rem;gap:var(--MasterGap);margin-top:var(--MasterGap);display:flex;flex-direction:row;flex-wrap:wrap}.areaValues .card{flex:1;overflow:auto}\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 {
@@ -6075,11 +6076,11 @@ class FormFase {
         return camposNaoEmFases;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormFase, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FormFase, isStandalone: true, selector: "ui-form-fase", inputs: { fases: { classPropertyName: "fases", publicName: "fases", isSignal: true, isRequired: false, transformFunction: null }, campos: { classPropertyName: "campos", publicName: "campos", isSignal: true, isRequired: false, transformFunction: null }, faseIndex: { classPropertyName: "faseIndex", publicName: "faseIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { fases: "fasesChange", faseIndex: "faseIndexChange" }, ngImport: i0, template: "@if(isFaseado()){\r\n<div class=\"faseButtons\">\r\n\t<ui-button tipo=\"icon\" tema=\"primary\" (clicked)=\"faseVoltar()\" class=\"todosBotoes\" [disabled]=\"isDisabledVoltar()\"\r\n\t\ticone=\"fa fa-arrow-left\" title=\"Voltar\" [radiusTabFormat]=\"!isLinear()\"></ui-button>\r\n\t<div class=\"faseButtons faseHeader\" [class.hasGap]=\"isLinear()\">\r\n\t\t@if(isLinear()){\r\n\t\t<div class=\"fase-linha-entre-botoes\">\r\n\t\t\t<div class=\"fase-linha-central\"></div>\r\n\t\t</div>\r\n\t\t}\r\n\t\t@for (fase of fasesList(); track $index) {\r\n\t\t<ui-button tipo=\"nofill\" tema=\"primary\" class=\"todosBotoes faseBotao\" (clicked)=\"faseAvancar($index)\"\r\n\t\t\t[class.ativo]=\"faseIndex() == $index\" [disabled]=\"fase.disabled\" [icone]=\"fase.icone\" [title]=\"fase.nome\"\r\n\t\t\t[radiusTabFormat]=\"!isLinear()\">\r\n\t\t\t<div class=\"faseHeaderText\" [innerHTML]=\"fase.nome\"></div>\r\n\t\t</ui-button>\r\n\t\t}\r\n\t</div>\r\n\t<ui-button tipo=\"nofill\" tema=\"primary\" (clicked)=\"faseAvancar()\" class=\"todosBotoes\" [disabled]=\"isDisabledAvancar()\"\r\n\t\ticone=\"fa fa-arrow-right\" [iconeAntes]=\"false\" [iconeDepois]=\"true\" title=\"Proximo\"\r\n\t\t[radiusTabFormat]=\"!isLinear()\"></ui-button>\r\n</div>\r\n<div class=\"faseUnderline\" [class.underline-linear]=\"isLinear()\"></div>\r\n}", styles: [".faseButtons{display:flex;flex-direction:row;justify-content:center;align-items:stretch;height:45px;flex:1;gap:1px;position:relative}.faseUnderline{height:1px;background-color:var(--sys-outline);margin-top:0;margin-bottom:var(--MasterGap)}.faseUnderline.underline-linear{margin-top:5px}.fase-linha-entre-botoes{display:flex;flex-direction:row;justify-content:center;align-items:stretch;position:absolute;inset:0;pointer-events:none}.fase-linha-central{width:99%;height:1px;background-color:var(--sys-outline);align-self:center}.faseButtons .todosBotoes{--ui-align-items: center;--ui-height: 45px}.faseBotao{background-color:var(--sys-card)}.faseButtons .faseBotao.ativo{--ui-background: color-mix(in srgb, var(--sys-background) 50%, transparent 50%)}.faseButtons .faseBotao:not(.ativo){--ui-outline-color: color-mix(in srgb, var(--sys-background) 50%, transparent 50%);--ui-opacity: .1}.faseButtons .faseBotao{flex:1;position:relative;min-width:120px}.faseHeader{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:relative}.faseHeader.hasGap{gap:15px}.faseHeaderText{font-size:14px;font-weight:600;flex:1}\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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FormFase, isStandalone: true, selector: "ui-form-fase", inputs: { fases: { classPropertyName: "fases", publicName: "fases", isSignal: true, isRequired: false, transformFunction: null }, campos: { classPropertyName: "campos", publicName: "campos", isSignal: true, isRequired: false, transformFunction: null }, faseIndex: { classPropertyName: "faseIndex", publicName: "faseIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { fases: "fasesChange", faseIndex: "faseIndexChange" }, ngImport: i0, template: "@if(isFaseado()){\n<div class=\"faseButtons\">\n\t<ui-button tipo=\"icon\" tema=\"primary\" (clicked)=\"faseVoltar()\" class=\"todosBotoes\" [disabled]=\"isDisabledVoltar()\"\n\t\ticone=\"fa fa-arrow-left\" title=\"Voltar\" [radiusTabFormat]=\"!isLinear()\"></ui-button>\n\t<div class=\"faseButtons faseHeader\" [class.hasGap]=\"isLinear()\">\n\t\t@if(isLinear()){\n\t\t<div class=\"fase-linha-entre-botoes\">\n\t\t\t<div class=\"fase-linha-central\"></div>\n\t\t</div>\n\t\t}\n\t\t@for (fase of fasesList(); track $index) {\n\t\t<ui-button tipo=\"nofill\" tema=\"primary\" class=\"todosBotoes faseBotao\" (clicked)=\"faseAvancar($index)\"\n\t\t\t[class.ativo]=\"faseIndex() == $index\" [disabled]=\"fase.disabled\" [icone]=\"fase.icone\" [title]=\"fase.nome\"\n\t\t\t[radiusTabFormat]=\"!isLinear()\">\n\t\t\t<div class=\"faseHeaderText\" [innerHTML]=\"fase.nome\"></div>\n\t\t</ui-button>\n\t\t}\n\t</div>\n\t<ui-button tipo=\"nofill\" tema=\"primary\" (clicked)=\"faseAvancar()\" class=\"todosBotoes\" [disabled]=\"isDisabledAvancar()\"\n\t\ticone=\"fa fa-arrow-right\" [iconeAntes]=\"false\" [iconeDepois]=\"true\" title=\"Proximo\"\n\t\t[radiusTabFormat]=\"!isLinear()\"></ui-button>\n</div>\n<div class=\"faseUnderline\" [class.underline-linear]=\"isLinear()\"></div>\n}", styles: [".faseButtons{display:flex;flex-direction:row;justify-content:center;align-items:stretch;height:45px;flex:1;gap:1px;position:relative}.faseUnderline{height:1px;background-color:var(--sys-outline);margin-top:0;margin-bottom:var(--MasterGap)}.faseUnderline.underline-linear{margin-top:5px}.fase-linha-entre-botoes{display:flex;flex-direction:row;justify-content:center;align-items:stretch;position:absolute;inset:0;pointer-events:none}.fase-linha-central{width:99%;height:1px;background-color:var(--sys-outline);align-self:center}.faseButtons .todosBotoes{--ui-align-items: center;--ui-height: 45px}.faseBotao{background-color:var(--sys-card)}.faseButtons .faseBotao.ativo{--ui-background: color-mix(in srgb, var(--sys-background) 50%, transparent 50%)}.faseButtons .faseBotao:not(.ativo){--ui-outline-color: color-mix(in srgb, var(--sys-background) 50%, transparent 50%);--ui-opacity: .1}.faseButtons .faseBotao{flex:1;position:relative;min-width:120px}.faseHeader{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:relative}.faseHeader.hasGap{gap:15px}.faseHeaderText{font-size:14px;font-weight:600;flex:1}\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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormFase, decorators: [{
             type: Component,
-            args: [{ selector: 'ui-form-fase', imports: [UiButton], template: "@if(isFaseado()){\r\n<div class=\"faseButtons\">\r\n\t<ui-button tipo=\"icon\" tema=\"primary\" (clicked)=\"faseVoltar()\" class=\"todosBotoes\" [disabled]=\"isDisabledVoltar()\"\r\n\t\ticone=\"fa fa-arrow-left\" title=\"Voltar\" [radiusTabFormat]=\"!isLinear()\"></ui-button>\r\n\t<div class=\"faseButtons faseHeader\" [class.hasGap]=\"isLinear()\">\r\n\t\t@if(isLinear()){\r\n\t\t<div class=\"fase-linha-entre-botoes\">\r\n\t\t\t<div class=\"fase-linha-central\"></div>\r\n\t\t</div>\r\n\t\t}\r\n\t\t@for (fase of fasesList(); track $index) {\r\n\t\t<ui-button tipo=\"nofill\" tema=\"primary\" class=\"todosBotoes faseBotao\" (clicked)=\"faseAvancar($index)\"\r\n\t\t\t[class.ativo]=\"faseIndex() == $index\" [disabled]=\"fase.disabled\" [icone]=\"fase.icone\" [title]=\"fase.nome\"\r\n\t\t\t[radiusTabFormat]=\"!isLinear()\">\r\n\t\t\t<div class=\"faseHeaderText\" [innerHTML]=\"fase.nome\"></div>\r\n\t\t</ui-button>\r\n\t\t}\r\n\t</div>\r\n\t<ui-button tipo=\"nofill\" tema=\"primary\" (clicked)=\"faseAvancar()\" class=\"todosBotoes\" [disabled]=\"isDisabledAvancar()\"\r\n\t\ticone=\"fa fa-arrow-right\" [iconeAntes]=\"false\" [iconeDepois]=\"true\" title=\"Proximo\"\r\n\t\t[radiusTabFormat]=\"!isLinear()\"></ui-button>\r\n</div>\r\n<div class=\"faseUnderline\" [class.underline-linear]=\"isLinear()\"></div>\r\n}", styles: [".faseButtons{display:flex;flex-direction:row;justify-content:center;align-items:stretch;height:45px;flex:1;gap:1px;position:relative}.faseUnderline{height:1px;background-color:var(--sys-outline);margin-top:0;margin-bottom:var(--MasterGap)}.faseUnderline.underline-linear{margin-top:5px}.fase-linha-entre-botoes{display:flex;flex-direction:row;justify-content:center;align-items:stretch;position:absolute;inset:0;pointer-events:none}.fase-linha-central{width:99%;height:1px;background-color:var(--sys-outline);align-self:center}.faseButtons .todosBotoes{--ui-align-items: center;--ui-height: 45px}.faseBotao{background-color:var(--sys-card)}.faseButtons .faseBotao.ativo{--ui-background: color-mix(in srgb, var(--sys-background) 50%, transparent 50%)}.faseButtons .faseBotao:not(.ativo){--ui-outline-color: color-mix(in srgb, var(--sys-background) 50%, transparent 50%);--ui-opacity: .1}.faseButtons .faseBotao{flex:1;position:relative;min-width:120px}.faseHeader{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:relative}.faseHeader.hasGap{gap:15px}.faseHeaderText{font-size:14px;font-weight:600;flex:1}\n"] }]
+            args: [{ selector: 'ui-form-fase', imports: [UiButton], template: "@if(isFaseado()){\n<div class=\"faseButtons\">\n\t<ui-button tipo=\"icon\" tema=\"primary\" (clicked)=\"faseVoltar()\" class=\"todosBotoes\" [disabled]=\"isDisabledVoltar()\"\n\t\ticone=\"fa fa-arrow-left\" title=\"Voltar\" [radiusTabFormat]=\"!isLinear()\"></ui-button>\n\t<div class=\"faseButtons faseHeader\" [class.hasGap]=\"isLinear()\">\n\t\t@if(isLinear()){\n\t\t<div class=\"fase-linha-entre-botoes\">\n\t\t\t<div class=\"fase-linha-central\"></div>\n\t\t</div>\n\t\t}\n\t\t@for (fase of fasesList(); track $index) {\n\t\t<ui-button tipo=\"nofill\" tema=\"primary\" class=\"todosBotoes faseBotao\" (clicked)=\"faseAvancar($index)\"\n\t\t\t[class.ativo]=\"faseIndex() == $index\" [disabled]=\"fase.disabled\" [icone]=\"fase.icone\" [title]=\"fase.nome\"\n\t\t\t[radiusTabFormat]=\"!isLinear()\">\n\t\t\t<div class=\"faseHeaderText\" [innerHTML]=\"fase.nome\"></div>\n\t\t</ui-button>\n\t\t}\n\t</div>\n\t<ui-button tipo=\"nofill\" tema=\"primary\" (clicked)=\"faseAvancar()\" class=\"todosBotoes\" [disabled]=\"isDisabledAvancar()\"\n\t\ticone=\"fa fa-arrow-right\" [iconeAntes]=\"false\" [iconeDepois]=\"true\" title=\"Proximo\"\n\t\t[radiusTabFormat]=\"!isLinear()\"></ui-button>\n</div>\n<div class=\"faseUnderline\" [class.underline-linear]=\"isLinear()\"></div>\n}", styles: [".faseButtons{display:flex;flex-direction:row;justify-content:center;align-items:stretch;height:45px;flex:1;gap:1px;position:relative}.faseUnderline{height:1px;background-color:var(--sys-outline);margin-top:0;margin-bottom:var(--MasterGap)}.faseUnderline.underline-linear{margin-top:5px}.fase-linha-entre-botoes{display:flex;flex-direction:row;justify-content:center;align-items:stretch;position:absolute;inset:0;pointer-events:none}.fase-linha-central{width:99%;height:1px;background-color:var(--sys-outline);align-self:center}.faseButtons .todosBotoes{--ui-align-items: center;--ui-height: 45px}.faseBotao{background-color:var(--sys-card)}.faseButtons .faseBotao.ativo{--ui-background: color-mix(in srgb, var(--sys-background) 50%, transparent 50%)}.faseButtons .faseBotao:not(.ativo){--ui-outline-color: color-mix(in srgb, var(--sys-background) 50%, transparent 50%);--ui-opacity: .1}.faseButtons .faseBotao{flex:1;position:relative;min-width:120px}.faseHeader{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:relative}.faseHeader.hasGap{gap:15px}.faseHeaderText{font-size:14px;font-weight:600;flex:1}\n"] }]
         }], ctorParameters: () => [], propDecorators: { fases: [{ type: i0.Input, args: [{ isSignal: true, alias: "fases", required: false }] }, { type: i0.Output, args: ["fasesChange"] }], campos: [{ type: i0.Input, args: [{ isSignal: true, alias: "campos", required: false }] }], faseIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "faseIndex", required: false }] }, { type: i0.Output, args: ["faseIndexChange"] }] } });
 
 class FormAction extends BaseFieldsValues {
@@ -6223,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>\r\n@if(isFaseado()){\r\n<div class=\"containerFases\" [class.showOutlineFields]=\"hasOutline()\">\r\n\t@for (fase of listaFase(); track $index;let fIndex = $index) {\r\n\t<div class=\"areaFase g-fields\" [style.--fase]=\"faseIndex()\" [class.ativo]=\"faseIndex() == fIndex\"\r\n\t\t[style.--g-fields-min]=\"fase.gridMin\" [style.--g-fields-max]=\"fase.gridMax\"\r\n\t\t[class.showOutlineFields]=\"hasOutline()\">\r\n\t\t@for (faseGrupo of faseGrupo(); track $index) {\r\n\t\t@if(faseGrupo.faseIndex == fIndex){\r\n\r\n\t\t@if(faseGrupo.tipo == 'campo' && faseGrupo.campo){\r\n\r\n\t\t<fields-g [form]=\"form\" [name]=\"faseGrupo.campo.prop\"\r\n\t\t\t[class]=\"faseGrupo.campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\r\n\r\n\t\t} @else if (faseGrupo.tipo == 'grupo' && faseGrupo.grupo) {\r\n\r\n\t\t<div class=\"field-group\" [style.grid-area]=\"faseGrupo.grupo.area ?? 'auto / auto / auto / span 2'\">\r\n\t\t\t@if(faseGrupo.grupo.titulo){ <div class=\"group-title\"\r\n\t\t\t\t[style.grid-area]=\"faseGrupo.grupo.tituloArea ?? 'auto / auto / auto / span 2'\">{{\r\n\t\t\t\tfaseGrupo.grupo!.titulo }}</div> }\r\n\t\t\t@for(campo of faseGrupo.grupo!.campos; track $index){\r\n\t\t\t<fields-g [form]=\"form\" [name]=\"campo\"\r\n\t\t\t\t[class]=\"form.campos()[campo]?.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\r\n\t\t\t}\r\n\t\t</div>\r\n\r\n\t\t}@else{\r\n\r\n\t\t<div class=\"card bg-danger\"> \u274C Falha tipo {{ faseGrupo.tipo }}.<br> Campo {{ faseGrupo.nome }} n\u00E3o encontrado!</div>\r\n\t\t}\r\n\r\n\t\t}\r\n\t\t}\r\n\t</div>\r\n\t}\r\n</div>\r\n\r\n}@else {\r\n<div class=\"g-fields\" [style.--g-fields-min]=\"gmin()\" [style.--g-fields-max]=\"gmax()\"\r\n\t[class.showOutlineFields]=\"hasOutline()\">\r\n\r\n\t@for (campo of form.listaCampos(); track $index) {\r\n\t<fields-g [form]=\"form\" [name]=\"campo.prop\" [class]=\"campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\r\n\t}\r\n\r\n</div>\r\n}\r\n\r\n<div class=\"buttonsGap\">\r\n\t<ui-button tipo=\"fill\" tema=\"primary\" (clicked)=\"onSave()\" [disabled]=\"isDisabledAction()\" class=\"botaoAcaoSave\">\r\n\t\t@if(showFormControls()){\r\n\t\t<div class=\"icons\">\r\n\t\t\t@for (task of tasksToSave(); track $index) {\r\n\t\t\t<i [class]=\"task.icone\" [class.done]=\"task.done\" [class.success]=\"task.success == true\"\r\n\t\t\t\t[class.fail]=\"task.success == false\"></i>\r\n\t\t\t}\r\n\t\t</div>\r\n\t\t}\r\n\t\t<div class=\"f-1\">\r\n\t\t\t{{ actionTitle() ?? 'Salvar' }}\r\n\t\t</div>\r\n\t\t@if(isLoadingActive()){\r\n\t\t<div class=\"loadingSubmit\">\r\n\t\t\t<ui-loading></ui-loading>\r\n\t\t</div>\r\n\t\t}\r\n\t</ui-button>\r\n\t<ng-content></ng-content>\r\n</div>\r\n\r\n@if(showFormControls()){\r\n<ui-form-controls [form]=\"form\" [recebido]=\"this.values()\" [(hasOutline)]=\"hasOutline\" [faseIndex]=\"faseIndex()\"\r\n\t[totalFases]=\"listaFase().length\"></ui-form-controls>\r\n}", styles: [":host{display:block;width:100%}.buttonsGap{display:flex;flex-direction:var(--ui-form-flex-direction, column);gap:var(--MasterGap);margin-top:var(--MasterGap);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(--MasterGap) * 2);margin-top:var(--MasterGap);margin-bottom:var(--MasterGap);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(--MasterGap) * 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(--MasterGap);margin-top:var(--MasterGap);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(--MasterGap) * 2);margin-top:var(--MasterGap);margin-bottom:var(--MasterGap);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(--MasterGap) * 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" }] });
 }
 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>\r\n@if(isFaseado()){\r\n<div class=\"containerFases\" [class.showOutlineFields]=\"hasOutline()\">\r\n\t@for (fase of listaFase(); track $index;let fIndex = $index) {\r\n\t<div class=\"areaFase g-fields\" [style.--fase]=\"faseIndex()\" [class.ativo]=\"faseIndex() == fIndex\"\r\n\t\t[style.--g-fields-min]=\"fase.gridMin\" [style.--g-fields-max]=\"fase.gridMax\"\r\n\t\t[class.showOutlineFields]=\"hasOutline()\">\r\n\t\t@for (faseGrupo of faseGrupo(); track $index) {\r\n\t\t@if(faseGrupo.faseIndex == fIndex){\r\n\r\n\t\t@if(faseGrupo.tipo == 'campo' && faseGrupo.campo){\r\n\r\n\t\t<fields-g [form]=\"form\" [name]=\"faseGrupo.campo.prop\"\r\n\t\t\t[class]=\"faseGrupo.campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\r\n\r\n\t\t} @else if (faseGrupo.tipo == 'grupo' && faseGrupo.grupo) {\r\n\r\n\t\t<div class=\"field-group\" [style.grid-area]=\"faseGrupo.grupo.area ?? 'auto / auto / auto / span 2'\">\r\n\t\t\t@if(faseGrupo.grupo.titulo){ <div class=\"group-title\"\r\n\t\t\t\t[style.grid-area]=\"faseGrupo.grupo.tituloArea ?? 'auto / auto / auto / span 2'\">{{\r\n\t\t\t\tfaseGrupo.grupo!.titulo }}</div> }\r\n\t\t\t@for(campo of faseGrupo.grupo!.campos; track $index){\r\n\t\t\t<fields-g [form]=\"form\" [name]=\"campo\"\r\n\t\t\t\t[class]=\"form.campos()[campo]?.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\r\n\t\t\t}\r\n\t\t</div>\r\n\r\n\t\t}@else{\r\n\r\n\t\t<div class=\"card bg-danger\"> \u274C Falha tipo {{ faseGrupo.tipo }}.<br> Campo {{ faseGrupo.nome }} n\u00E3o encontrado!</div>\r\n\t\t}\r\n\r\n\t\t}\r\n\t\t}\r\n\t</div>\r\n\t}\r\n</div>\r\n\r\n}@else {\r\n<div class=\"g-fields\" [style.--g-fields-min]=\"gmin()\" [style.--g-fields-max]=\"gmax()\"\r\n\t[class.showOutlineFields]=\"hasOutline()\">\r\n\r\n\t@for (campo of form.listaCampos(); track $index) {\r\n\t<fields-g [form]=\"form\" [name]=\"campo.prop\" [class]=\"campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\r\n\t}\r\n\r\n</div>\r\n}\r\n\r\n<div class=\"buttonsGap\">\r\n\t<ui-button tipo=\"fill\" tema=\"primary\" (clicked)=\"onSave()\" [disabled]=\"isDisabledAction()\" class=\"botaoAcaoSave\">\r\n\t\t@if(showFormControls()){\r\n\t\t<div class=\"icons\">\r\n\t\t\t@for (task of tasksToSave(); track $index) {\r\n\t\t\t<i [class]=\"task.icone\" [class.done]=\"task.done\" [class.success]=\"task.success == true\"\r\n\t\t\t\t[class.fail]=\"task.success == false\"></i>\r\n\t\t\t}\r\n\t\t</div>\r\n\t\t}\r\n\t\t<div class=\"f-1\">\r\n\t\t\t{{ actionTitle() ?? 'Salvar' }}\r\n\t\t</div>\r\n\t\t@if(isLoadingActive()){\r\n\t\t<div class=\"loadingSubmit\">\r\n\t\t\t<ui-loading></ui-loading>\r\n\t\t</div>\r\n\t\t}\r\n\t</ui-button>\r\n\t<ng-content></ng-content>\r\n</div>\r\n\r\n@if(showFormControls()){\r\n<ui-form-controls [form]=\"form\" [recebido]=\"this.values()\" [(hasOutline)]=\"hasOutline\" [faseIndex]=\"faseIndex()\"\r\n\t[totalFases]=\"listaFase().length\"></ui-form-controls>\r\n}", styles: [":host{display:block;width:100%}.buttonsGap{display:flex;flex-direction:var(--ui-form-flex-direction, column);gap:var(--MasterGap);margin-top:var(--MasterGap);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(--MasterGap) * 2);margin-top:var(--MasterGap);margin-bottom:var(--MasterGap);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(--MasterGap) * 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(--MasterGap);margin-top:var(--MasterGap);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(--MasterGap) * 2);margin-top:var(--MasterGap);margin-bottom:var(--MasterGap);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(--MasterGap) * 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"] }]
         }], 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 {
@@ -6237,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()\">\r\n\r\n\t@for (campo of form.listaCampos(); track $index) {\r\n\t<fields-g [form]=\"form\" [name]=\"campo.prop\" [class]=\"campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\r\n\t}\r\n\r\n</div>\r\n\r\n@if(showFormControls()){\r\n<ui-form-controls [form]=\"form\" [recebido]=\"this.values()\" [(hasOutline)]=\"hasOutline\" [faseIndex]=\"faseIndex()\"\r\n\t[totalFases]=\"listaFase().length\"></ui-form-controls>\r\n}", styles: [":host{display:block;width:100%}.buttonsGap{display:flex;flex-direction:var(--ui-form-flex-direction, column);gap:var(--MasterGap);margin-top:var(--MasterGap)}.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(--MasterRadius);padding:.5rem;gap:var(--MasterGap);margin-top:var(--MasterGap);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(--MasterGap);margin-top:var(--MasterGap)}.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(--MasterRadius);padding:.5rem;gap:var(--MasterGap);margin-top:var(--MasterGap);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"] }] });
 }
 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()\">\r\n\r\n\t@for (campo of form.listaCampos(); track $index) {\r\n\t<fields-g [form]=\"form\" [name]=\"campo.prop\" [class]=\"campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\r\n\t}\r\n\r\n</div>\r\n\r\n@if(showFormControls()){\r\n<ui-form-controls [form]=\"form\" [recebido]=\"this.values()\" [(hasOutline)]=\"hasOutline\" [faseIndex]=\"faseIndex()\"\r\n\t[totalFases]=\"listaFase().length\"></ui-form-controls>\r\n}", styles: [":host{display:block;width:100%}.buttonsGap{display:flex;flex-direction:var(--ui-form-flex-direction, column);gap:var(--MasterGap);margin-top:var(--MasterGap)}.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(--MasterRadius);padding:.5rem;gap:var(--MasterGap);margin-top:var(--MasterGap);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(--MasterGap);margin-top:var(--MasterGap)}.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(--MasterRadius);padding:.5rem;gap:var(--MasterGap);margin-top:var(--MasterGap);display:flex;flex-direction:row;flex-wrap:wrap}.areaValues .card{flex:1;overflow:auto}\n"] }]
         }], propDecorators: { hasOutline: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasOutline", required: false }] }, { type: i0.Output, args: ["hasOutlineChange"] }] } });
 
 class FormatedValues {
@@ -6385,11 +6386,11 @@ class FormatedValues {
         return value;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormatedValues, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FormatedValues, isStandalone: true, selector: "ui-formated-values", inputs: { campos: { classPropertyName: "campos", publicName: "campos", isSignal: true, isRequired: false, transformFunction: null }, dados: { classPropertyName: "dados", publicName: "dados", isSignal: true, isRequired: false, transformFunction: null }, modo: { classPropertyName: "modo", publicName: "modo", isSignal: true, isRequired: false, transformFunction: null }, especialKeys: { classPropertyName: "especialKeys", publicName: "especialKeys", isSignal: true, isRequired: false, transformFunction: null }, ignoreKeys: { classPropertyName: "ignoreKeys", publicName: "ignoreKeys", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { modo: "modoChange" }, ngImport: i0, template: "<div [class]=\"modo()\" [class.showEntidade]=\"true\">\r\n\r\n\r\n\t@for (field of camposFormatados(); track $index) {\r\n\t<div class=\"linhaDado\" [class.isEspecial]=\"field.isEspecial\">\r\n\t\t<div class=\"titulo\" [innerHTML]=\"field.label\"></div>\r\n\t\t<!-- @if(field.isInner){ -->\r\n\t\t<div class=\"conteudo\" [innerHTML]=\"field.value\"></div>\r\n\t\t<!-- }@else {\r\n\t\t<build-component [componente]=\"field.value\" [inputs]=\"field.inputs\"></build-component>\r\n\t\t} -->\r\n\t</div>\r\n\t}\r\n\r\n</div>", styles: [".showEntidade{margin-top:5px}.linhaDado{border:1px solid transparent;border-bottom:1px dotted var(--sys-primary-15)}.titulo{font-weight:600}.linhaDado.isEspecial .titulo{color:var(--sys-secondary)}.conteudo{color:color-mix(in srgb,var(--sys-secondary) 50%,var(--sys-on-background) 50%)}.linhaDado:hover{border-bottom:1px solid var(--sys-secondary)}.showEntidade.cantos .linhaDado{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:calc(var(--MasterGap) / 2)}.showEntidade.centro .linhaDado{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--MasterGap) / 2)}.showEntidade.centro .titulo{text-align:end}.showEntidade.esquerda .linhaDado{display:grid;grid-template-columns:auto 1fr;gap:calc(var(--MasterGap) / 2)}.showEntidade.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:calc(var(--MasterGap) / 4)}.showEntidade.grid .linhaDado{display:flex;flex-direction:column;flex-wrap:wrap;border:1px solid var(--sys-primary-15);border-radius:var(--MasterRadius);padding:calc(var(--MasterGap) / 2)}.showEntidade.grid .linhaDado:hover{border:1px solid var(--sys-secondary)}.showEntidade.wrap{display:flex;flex-wrap:wrap;gap:calc(var(--MasterGap) / 2)}.showEntidade.wrap .linhaDado{display:flex;flex-direction:column;flex-wrap:wrap;border:1px solid var(--sys-primary-15);border-radius:var(--MasterRadius);padding:calc(var(--MasterGap) / 2)}.showEntidade.wrap .linhaDado:hover{border:1px solid var(--sys-secondary)}@media(max-width:600px){.showEntidade.cantos .linhaDado,.showEntidade.centro .linhaDado,.showEntidade.esquerda .linhaDado,.showEntidade.cantos .linhaDado *,.showEntidade.centro .linhaDado *,.showEntidade.esquerda .linhaDado *{display:flex;flex-direction:column;flex-wrap:wrap;gap:calc(var(--MasterGap) / 4);text-align:start}}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FormatedValues, isStandalone: true, selector: "ui-formated-values", inputs: { campos: { classPropertyName: "campos", publicName: "campos", isSignal: true, isRequired: false, transformFunction: null }, dados: { classPropertyName: "dados", publicName: "dados", isSignal: true, isRequired: false, transformFunction: null }, modo: { classPropertyName: "modo", publicName: "modo", isSignal: true, isRequired: false, transformFunction: null }, especialKeys: { classPropertyName: "especialKeys", publicName: "especialKeys", isSignal: true, isRequired: false, transformFunction: null }, ignoreKeys: { classPropertyName: "ignoreKeys", publicName: "ignoreKeys", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { modo: "modoChange" }, ngImport: i0, template: "<div [class]=\"modo()\" [class.showEntidade]=\"true\">\n\n\n\t@for (field of camposFormatados(); track $index) {\n\t<div class=\"linhaDado\" [class.isEspecial]=\"field.isEspecial\">\n\t\t<div class=\"titulo\" [innerHTML]=\"field.label\"></div>\n\t\t<!-- @if(field.isInner){ -->\n\t\t<div class=\"conteudo\" [innerHTML]=\"field.value\"></div>\n\t\t<!-- }@else {\n\t\t<build-component [componente]=\"field.value\" [inputs]=\"field.inputs\"></build-component>\n\t\t} -->\n\t</div>\n\t}\n\n</div>", styles: [".showEntidade{margin-top:5px}.linhaDado{border:1px solid transparent;border-bottom:1px dotted var(--sys-primary-15)}.titulo{font-weight:600}.linhaDado.isEspecial .titulo{color:var(--sys-secondary)}.conteudo{color:color-mix(in srgb,var(--sys-secondary) 50%,var(--sys-on-background) 50%)}.linhaDado:hover{border-bottom:1px solid var(--sys-secondary)}.showEntidade.cantos .linhaDado{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:calc(var(--MasterGap) / 2)}.showEntidade.centro .linhaDado{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--MasterGap) / 2)}.showEntidade.centro .titulo{text-align:end}.showEntidade.esquerda .linhaDado{display:grid;grid-template-columns:auto 1fr;gap:calc(var(--MasterGap) / 2)}.showEntidade.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:calc(var(--MasterGap) / 4)}.showEntidade.grid .linhaDado{display:flex;flex-direction:column;flex-wrap:wrap;border:1px solid var(--sys-primary-15);border-radius:var(--MasterRadius);padding:calc(var(--MasterGap) / 2)}.showEntidade.grid .linhaDado:hover{border:1px solid var(--sys-secondary)}.showEntidade.wrap{display:flex;flex-wrap:wrap;gap:calc(var(--MasterGap) / 2)}.showEntidade.wrap .linhaDado{display:flex;flex-direction:column;flex-wrap:wrap;border:1px solid var(--sys-primary-15);border-radius:var(--MasterRadius);padding:calc(var(--MasterGap) / 2)}.showEntidade.wrap .linhaDado:hover{border:1px solid var(--sys-secondary)}@media(max-width:600px){.showEntidade.cantos .linhaDado,.showEntidade.centro .linhaDado,.showEntidade.esquerda .linhaDado,.showEntidade.cantos .linhaDado *,.showEntidade.centro .linhaDado *,.showEntidade.esquerda .linhaDado *{display:flex;flex-direction:column;flex-wrap:wrap;gap:calc(var(--MasterGap) / 4);text-align:start}}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormatedValues, decorators: [{
             type: Component,
-            args: [{ selector: 'ui-formated-values', imports: [], template: "<div [class]=\"modo()\" [class.showEntidade]=\"true\">\r\n\r\n\r\n\t@for (field of camposFormatados(); track $index) {\r\n\t<div class=\"linhaDado\" [class.isEspecial]=\"field.isEspecial\">\r\n\t\t<div class=\"titulo\" [innerHTML]=\"field.label\"></div>\r\n\t\t<!-- @if(field.isInner){ -->\r\n\t\t<div class=\"conteudo\" [innerHTML]=\"field.value\"></div>\r\n\t\t<!-- }@else {\r\n\t\t<build-component [componente]=\"field.value\" [inputs]=\"field.inputs\"></build-component>\r\n\t\t} -->\r\n\t</div>\r\n\t}\r\n\r\n</div>", styles: [".showEntidade{margin-top:5px}.linhaDado{border:1px solid transparent;border-bottom:1px dotted var(--sys-primary-15)}.titulo{font-weight:600}.linhaDado.isEspecial .titulo{color:var(--sys-secondary)}.conteudo{color:color-mix(in srgb,var(--sys-secondary) 50%,var(--sys-on-background) 50%)}.linhaDado:hover{border-bottom:1px solid var(--sys-secondary)}.showEntidade.cantos .linhaDado{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:calc(var(--MasterGap) / 2)}.showEntidade.centro .linhaDado{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--MasterGap) / 2)}.showEntidade.centro .titulo{text-align:end}.showEntidade.esquerda .linhaDado{display:grid;grid-template-columns:auto 1fr;gap:calc(var(--MasterGap) / 2)}.showEntidade.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:calc(var(--MasterGap) / 4)}.showEntidade.grid .linhaDado{display:flex;flex-direction:column;flex-wrap:wrap;border:1px solid var(--sys-primary-15);border-radius:var(--MasterRadius);padding:calc(var(--MasterGap) / 2)}.showEntidade.grid .linhaDado:hover{border:1px solid var(--sys-secondary)}.showEntidade.wrap{display:flex;flex-wrap:wrap;gap:calc(var(--MasterGap) / 2)}.showEntidade.wrap .linhaDado{display:flex;flex-direction:column;flex-wrap:wrap;border:1px solid var(--sys-primary-15);border-radius:var(--MasterRadius);padding:calc(var(--MasterGap) / 2)}.showEntidade.wrap .linhaDado:hover{border:1px solid var(--sys-secondary)}@media(max-width:600px){.showEntidade.cantos .linhaDado,.showEntidade.centro .linhaDado,.showEntidade.esquerda .linhaDado,.showEntidade.cantos .linhaDado *,.showEntidade.centro .linhaDado *,.showEntidade.esquerda .linhaDado *{display:flex;flex-direction:column;flex-wrap:wrap;gap:calc(var(--MasterGap) / 4);text-align:start}}\n"] }]
+            args: [{ selector: 'ui-formated-values', imports: [], template: "<div [class]=\"modo()\" [class.showEntidade]=\"true\">\n\n\n\t@for (field of camposFormatados(); track $index) {\n\t<div class=\"linhaDado\" [class.isEspecial]=\"field.isEspecial\">\n\t\t<div class=\"titulo\" [innerHTML]=\"field.label\"></div>\n\t\t<!-- @if(field.isInner){ -->\n\t\t<div class=\"conteudo\" [innerHTML]=\"field.value\"></div>\n\t\t<!-- }@else {\n\t\t<build-component [componente]=\"field.value\" [inputs]=\"field.inputs\"></build-component>\n\t\t} -->\n\t</div>\n\t}\n\n</div>", styles: [".showEntidade{margin-top:5px}.linhaDado{border:1px solid transparent;border-bottom:1px dotted var(--sys-primary-15)}.titulo{font-weight:600}.linhaDado.isEspecial .titulo{color:var(--sys-secondary)}.conteudo{color:color-mix(in srgb,var(--sys-secondary) 50%,var(--sys-on-background) 50%)}.linhaDado:hover{border-bottom:1px solid var(--sys-secondary)}.showEntidade.cantos .linhaDado{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:calc(var(--MasterGap) / 2)}.showEntidade.centro .linhaDado{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--MasterGap) / 2)}.showEntidade.centro .titulo{text-align:end}.showEntidade.esquerda .linhaDado{display:grid;grid-template-columns:auto 1fr;gap:calc(var(--MasterGap) / 2)}.showEntidade.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:calc(var(--MasterGap) / 4)}.showEntidade.grid .linhaDado{display:flex;flex-direction:column;flex-wrap:wrap;border:1px solid var(--sys-primary-15);border-radius:var(--MasterRadius);padding:calc(var(--MasterGap) / 2)}.showEntidade.grid .linhaDado:hover{border:1px solid var(--sys-secondary)}.showEntidade.wrap{display:flex;flex-wrap:wrap;gap:calc(var(--MasterGap) / 2)}.showEntidade.wrap .linhaDado{display:flex;flex-direction:column;flex-wrap:wrap;border:1px solid var(--sys-primary-15);border-radius:var(--MasterRadius);padding:calc(var(--MasterGap) / 2)}.showEntidade.wrap .linhaDado:hover{border:1px solid var(--sys-secondary)}@media(max-width:600px){.showEntidade.cantos .linhaDado,.showEntidade.centro .linhaDado,.showEntidade.esquerda .linhaDado,.showEntidade.cantos .linhaDado *,.showEntidade.centro .linhaDado *,.showEntidade.esquerda .linhaDado *{display:flex;flex-direction:column;flex-wrap:wrap;gap:calc(var(--MasterGap) / 4);text-align:start}}\n"] }]
         }], propDecorators: { campos: [{ type: i0.Input, args: [{ isSignal: true, alias: "campos", required: false }] }], dados: [{ type: i0.Input, args: [{ isSignal: true, alias: "dados", required: false }] }], modo: [{ type: i0.Input, args: [{ isSignal: true, alias: "modo", required: false }] }, { type: i0.Output, args: ["modoChange"] }], especialKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "especialKeys", required: false }] }], ignoreKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "ignoreKeys", required: false }] }] } });
 
 class SingleValues {
@@ -6440,11 +6441,11 @@ class SingleValues {
         return value;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SingleValues, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: SingleValues, isStandalone: true, selector: "ui-single-values", inputs: { dados: { classPropertyName: "dados", publicName: "dados", isSignal: true, isRequired: false, transformFunction: null }, modo: { classPropertyName: "modo", publicName: "modo", isSignal: true, isRequired: false, transformFunction: null }, especialKeys: { classPropertyName: "especialKeys", publicName: "especialKeys", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { modo: "modoChange" }, ngImport: i0, template: "<div [class]=\"modo()\" [class.showEntidade]=\"true\">\r\n\r\n\r\n\t@for (dado of dadosAExibir(); track $index) {\r\n\t<div class=\"linhaDado\" [class.isEspecial]=\"dado.isEspecial\">\r\n\t\t<div class=\"titulo\" [innerHTML]=\"dado.label\"></div>\r\n\t\t<div class=\"conteudo\" [innerHTML]=\"dado.value\"></div>\r\n\t</div>\r\n\t}\r\n\r\n</div>", styles: [".showEntidade{margin-top:5px}.linhaDado{border:1px solid transparent;border-bottom:1px dotted var(--sys-primary-15)}.titulo{font-weight:600}.linhaDado.isEspecial .titulo{color:var(--sys-secondary)}.conteudo{color:color-mix(in srgb,var(--sys-secondary) 50%,var(--sys-on-background) 50%)}.linhaDado:hover{border-bottom:1px solid var(--sys-secondary)}.showEntidade.cantos .linhaDado{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:calc(var(--MasterGap) / 2)}.showEntidade.centro .linhaDado{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--MasterGap) / 2)}.showEntidade.centro .titulo{text-align:end}.showEntidade.esquerda .linhaDado{display:grid;grid-template-columns:auto 1fr;gap:calc(var(--MasterGap) / 2)}.showEntidade.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:calc(var(--MasterGap) / 4)}.showEntidade.grid .linhaDado{display:flex;flex-direction:column;flex-wrap:wrap;border:1px solid var(--sys-primary-15);border-radius:var(--MasterRadius);padding:calc(var(--MasterGap) / 2)}.showEntidade.grid .linhaDado:hover{border:1px solid var(--sys-secondary)}.showEntidade.wrap{display:flex;flex-wrap:wrap;gap:calc(var(--MasterGap) / 2)}.showEntidade.wrap .linhaDado{display:flex;flex-direction:column;flex-wrap:wrap;border:1px solid var(--sys-primary-15);border-radius:var(--MasterRadius);padding:calc(var(--MasterGap) / 2)}.showEntidade.wrap .linhaDado:hover{border:1px solid var(--sys-secondary)}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: SingleValues, isStandalone: true, selector: "ui-single-values", inputs: { dados: { classPropertyName: "dados", publicName: "dados", isSignal: true, isRequired: false, transformFunction: null }, modo: { classPropertyName: "modo", publicName: "modo", isSignal: true, isRequired: false, transformFunction: null }, especialKeys: { classPropertyName: "especialKeys", publicName: "especialKeys", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { modo: "modoChange" }, ngImport: i0, template: "<div [class]=\"modo()\" [class.showEntidade]=\"true\">\n\n\n\t@for (dado of dadosAExibir(); track $index) {\n\t<div class=\"linhaDado\" [class.isEspecial]=\"dado.isEspecial\">\n\t\t<div class=\"titulo\" [innerHTML]=\"dado.label\"></div>\n\t\t<div class=\"conteudo\" [innerHTML]=\"dado.value\"></div>\n\t</div>\n\t}\n\n</div>", styles: [".showEntidade{margin-top:5px}.linhaDado{border:1px solid transparent;border-bottom:1px dotted var(--sys-primary-15)}.titulo{font-weight:600}.linhaDado.isEspecial .titulo{color:var(--sys-secondary)}.conteudo{color:color-mix(in srgb,var(--sys-secondary) 50%,var(--sys-on-background) 50%)}.linhaDado:hover{border-bottom:1px solid var(--sys-secondary)}.showEntidade.cantos .linhaDado{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:calc(var(--MasterGap) / 2)}.showEntidade.centro .linhaDado{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--MasterGap) / 2)}.showEntidade.centro .titulo{text-align:end}.showEntidade.esquerda .linhaDado{display:grid;grid-template-columns:auto 1fr;gap:calc(var(--MasterGap) / 2)}.showEntidade.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:calc(var(--MasterGap) / 4)}.showEntidade.grid .linhaDado{display:flex;flex-direction:column;flex-wrap:wrap;border:1px solid var(--sys-primary-15);border-radius:var(--MasterRadius);padding:calc(var(--MasterGap) / 2)}.showEntidade.grid .linhaDado:hover{border:1px solid var(--sys-secondary)}.showEntidade.wrap{display:flex;flex-wrap:wrap;gap:calc(var(--MasterGap) / 2)}.showEntidade.wrap .linhaDado{display:flex;flex-direction:column;flex-wrap:wrap;border:1px solid var(--sys-primary-15);border-radius:var(--MasterRadius);padding:calc(var(--MasterGap) / 2)}.showEntidade.wrap .linhaDado:hover{border:1px solid var(--sys-secondary)}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SingleValues, decorators: [{
             type: Component,
-            args: [{ selector: 'ui-single-values', imports: [], template: "<div [class]=\"modo()\" [class.showEntidade]=\"true\">\r\n\r\n\r\n\t@for (dado of dadosAExibir(); track $index) {\r\n\t<div class=\"linhaDado\" [class.isEspecial]=\"dado.isEspecial\">\r\n\t\t<div class=\"titulo\" [innerHTML]=\"dado.label\"></div>\r\n\t\t<div class=\"conteudo\" [innerHTML]=\"dado.value\"></div>\r\n\t</div>\r\n\t}\r\n\r\n</div>", styles: [".showEntidade{margin-top:5px}.linhaDado{border:1px solid transparent;border-bottom:1px dotted var(--sys-primary-15)}.titulo{font-weight:600}.linhaDado.isEspecial .titulo{color:var(--sys-secondary)}.conteudo{color:color-mix(in srgb,var(--sys-secondary) 50%,var(--sys-on-background) 50%)}.linhaDado:hover{border-bottom:1px solid var(--sys-secondary)}.showEntidade.cantos .linhaDado{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:calc(var(--MasterGap) / 2)}.showEntidade.centro .linhaDado{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--MasterGap) / 2)}.showEntidade.centro .titulo{text-align:end}.showEntidade.esquerda .linhaDado{display:grid;grid-template-columns:auto 1fr;gap:calc(var(--MasterGap) / 2)}.showEntidade.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:calc(var(--MasterGap) / 4)}.showEntidade.grid .linhaDado{display:flex;flex-direction:column;flex-wrap:wrap;border:1px solid var(--sys-primary-15);border-radius:var(--MasterRadius);padding:calc(var(--MasterGap) / 2)}.showEntidade.grid .linhaDado:hover{border:1px solid var(--sys-secondary)}.showEntidade.wrap{display:flex;flex-wrap:wrap;gap:calc(var(--MasterGap) / 2)}.showEntidade.wrap .linhaDado{display:flex;flex-direction:column;flex-wrap:wrap;border:1px solid var(--sys-primary-15);border-radius:var(--MasterRadius);padding:calc(var(--MasterGap) / 2)}.showEntidade.wrap .linhaDado:hover{border:1px solid var(--sys-secondary)}\n"] }]
+            args: [{ selector: 'ui-single-values', imports: [], template: "<div [class]=\"modo()\" [class.showEntidade]=\"true\">\n\n\n\t@for (dado of dadosAExibir(); track $index) {\n\t<div class=\"linhaDado\" [class.isEspecial]=\"dado.isEspecial\">\n\t\t<div class=\"titulo\" [innerHTML]=\"dado.label\"></div>\n\t\t<div class=\"conteudo\" [innerHTML]=\"dado.value\"></div>\n\t</div>\n\t}\n\n</div>", styles: [".showEntidade{margin-top:5px}.linhaDado{border:1px solid transparent;border-bottom:1px dotted var(--sys-primary-15)}.titulo{font-weight:600}.linhaDado.isEspecial .titulo{color:var(--sys-secondary)}.conteudo{color:color-mix(in srgb,var(--sys-secondary) 50%,var(--sys-on-background) 50%)}.linhaDado:hover{border-bottom:1px solid var(--sys-secondary)}.showEntidade.cantos .linhaDado{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:calc(var(--MasterGap) / 2)}.showEntidade.centro .linhaDado{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--MasterGap) / 2)}.showEntidade.centro .titulo{text-align:end}.showEntidade.esquerda .linhaDado{display:grid;grid-template-columns:auto 1fr;gap:calc(var(--MasterGap) / 2)}.showEntidade.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:calc(var(--MasterGap) / 4)}.showEntidade.grid .linhaDado{display:flex;flex-direction:column;flex-wrap:wrap;border:1px solid var(--sys-primary-15);border-radius:var(--MasterRadius);padding:calc(var(--MasterGap) / 2)}.showEntidade.grid .linhaDado:hover{border:1px solid var(--sys-secondary)}.showEntidade.wrap{display:flex;flex-wrap:wrap;gap:calc(var(--MasterGap) / 2)}.showEntidade.wrap .linhaDado{display:flex;flex-direction:column;flex-wrap:wrap;border:1px solid var(--sys-primary-15);border-radius:var(--MasterRadius);padding:calc(var(--MasterGap) / 2)}.showEntidade.wrap .linhaDado:hover{border:1px solid var(--sys-secondary)}\n"] }]
         }], propDecorators: { dados: [{ type: i0.Input, args: [{ isSignal: true, alias: "dados", required: false }] }], modo: [{ type: i0.Input, args: [{ isSignal: true, alias: "modo", required: false }] }, { type: i0.Output, args: ["modoChange"] }], especialKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "especialKeys", required: false }] }] } });
 
 // Tipos mais específicos, enuns, interfaces e funções uteis.
@@ -6453,5 +6454,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BaseFieldsForm, BaseFieldsValues, CampoDe, FieldsGeneric, FiltroDe, FormAction, FormFilter, FormNoAction, FormatedValues, Formulario, G_END, G_START, G_START_OPEN, IField, IRegraTipo, LOG, LOGC, LibUtil, Regra, SingleValues, UiButton, UiCheckBox, UiChip, UiDropZone, UiFileList, UiListErrors, UiLoading, UiMenu, UiProcurar, UiProgress, UiSelect, UiSlide };
+export { BaseFieldsForm, BaseFieldsValues, CampoDe, FieldsGeneric, FiltroDe, FormAction, FormFilter, FormNoAction, FormatedValues, Formulario, IField, IRegraTipo, LibUtil, Regra, SingleValues, UiButton, UiCheckBox, UiChip, UiDropZone, UiFileList, UiListErrors, UiLoading, UiMenu, UiProcurar, UiProgress, UiSelect, UiSlide };
 //# sourceMappingURL=masterkeymaterial-ui.mjs.map