@masterkeymaterial/ui 1.0.3 → 1.0.4

package/fesm2022/masterkeymaterial-ui.mjs

@@ -3694,11 +3694,11 @@ class UiFileList {
         this.remove.emit(file);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: UiFileList, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", 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<ui-icon name=\"file-earmark-fill\"></ui-icon>\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)\" iconeNome=\"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", "iconeNome", "iconeAntes", "iconeDepois", "iconeCategory", "disabled", "eventPropagation", "radiusTabFormat", "tabindex", "tipo", "tema", "classes", "ativo"], outputs: ["iconeChange", "iconeAntesChange", "iconeDepoisChange", "iconeCategoryChange", "clicked", "temaChange"] }, { kind: "component", type: UiIcon, selector: "ui-icon", inputs: ["name"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", 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<ui-icon name=\"file-earmark-fill\"></ui-icon>\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)\" iconeNome=\"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:40px 1fr auto;align-items:center;gap:5px;height:40px}.e-filelist-item-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;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", "iconeNome", "iconeAntes", "iconeDepois", "iconeCategory", "disabled", "eventPropagation", "radiusTabFormat", "tabindex", "tipo", "tema", "classes", "ativo"], outputs: ["iconeChange", "iconeAntesChange", "iconeDepoisChange", "iconeCategoryChange", "clicked", "temaChange"] }, { kind: "component", type: UiIcon, selector: "ui-icon", inputs: ["name"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: UiFileList, decorators: [{
             type: Component,
-            args: [{ selector: 'ui-file-list', imports: [UiButton, UiIcon], 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<ui-icon name=\"file-earmark-fill\"></ui-icon>\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)\" iconeNome=\"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"] }]
+            args: [{ selector: 'ui-file-list', imports: [UiButton, UiIcon], 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<ui-icon name=\"file-earmark-fill\"></ui-icon>\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)\" iconeNome=\"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:40px 1fr auto;align-items:center;gap:5px;height:40px}.e-filelist-item-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;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 UiFilePreview {
@@ -3741,11 +3741,11 @@ class UiFilePreview {
         this.remover.emit(this.arquivo());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: UiFilePreview, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: UiFilePreview, isStandalone: true, selector: "ui-file-preview", inputs: { arquivo: { classPropertyName: "arquivo", publicName: "arquivo", isSignal: true, isRequired: true, transformFunction: null }, removivel: { classPropertyName: "removivel", publicName: "removivel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { remover: "remover" }, ngImport: i0, template: "<div class=\"preview-container\">\n\t@if (isImage()) {\n\t\t<img [src]=\"arquivo().base64\" [alt]=\"arquivo().name\" class=\"preview-img\" />\n\t} @else if (isPdf()) {\n\t\t@if (safePdfUrl()) {\n\t\t\t<embed [src]=\"safePdfUrl()\" type=\"application/pdf\" class=\"preview-embed\" />\n\t\t} @else {\n\t\t\t<div class=\"preview-other\">\n\t\t\t\t<ui-icon name=\"file-earmark\"></ui-icon>\n\t\t\t\t<span class=\"preview-ext\">pdf</span>\n\t\t\t</div>\n\t\t}\n\t} @else {\n\t\t<div class=\"preview-other\">\n\t\t\t<ui-icon name=\"file-earmark\"></ui-icon>\n\t\t\t<span class=\"preview-ext\">{{ arquivo().extension.slice(1) }}</span>\n\t\t</div>\n\t}\n\t@if (removivel()) {\n\t\t<button class=\"btn-remover\" (click)=\"onRemover()\" type=\"button\" title=\"Remover\">\n\t\t\t<ui-icon name=\"x\"></ui-icon>\n\t\t</button>\n\t}\n</div>\n", styles: [":host{display:inline-flex;position:relative;height:var(--ui-altura-miniatura, 80px);width:auto;overflow:hidden;border-radius:var(--sys-border-radius, 8px);background-color:var(--sys-primary-15, rgba(0, 0, 0, .06));flex-shrink:0}.preview-container{position:relative;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-img{height:100%;width:auto;object-fit:cover;display:block}.preview-embed{height:100%;width:80px;pointer-events:none}.preview-other{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;gap:4px;min-width:60px;font-size:1.8rem;color:var(--sys-primary, #666)}.preview-ext{font-size:.65rem;color:var(--sys-primary, #666);font-weight:600;text-transform:uppercase}.btn-remover{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;border:none;background-color:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;font-size:.8rem;opacity:0;transition:opacity .15s ease;z-index:2;line-height:1}.preview-container:hover .btn-remover{opacity:1}@media(hover:none){.btn-remover{opacity:1}}\n"], dependencies: [{ kind: "component", type: UiIcon, selector: "ui-icon", inputs: ["name"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: UiFilePreview, isStandalone: true, selector: "ui-file-preview", inputs: { arquivo: { classPropertyName: "arquivo", publicName: "arquivo", isSignal: true, isRequired: true, transformFunction: null }, removivel: { classPropertyName: "removivel", publicName: "removivel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { remover: "remover" }, ngImport: i0, template: "<div class=\"preview-container\">\n\t@if (isImage()) {\n\t\t<img [src]=\"arquivo().base64\" [alt]=\"arquivo().name\" class=\"preview-img\" />\n\t} @else if (isPdf()) {\n\t\t@if (safePdfUrl()) {\n\t\t\t<embed [src]=\"safePdfUrl()\" type=\"application/pdf\" class=\"preview-embed\" />\n\t\t} @else {\n\t\t\t<div class=\"preview-other\">\n\t\t\t\t<ui-icon name=\"file-earmark\"></ui-icon>\n\t\t\t\t<span class=\"preview-ext\">pdf</span>\n\t\t\t</div>\n\t\t}\n\t} @else {\n\t\t<div class=\"preview-other\">\n\t\t\t<ui-icon name=\"file-earmark\"></ui-icon>\n\t\t\t<span class=\"preview-ext\">{{ arquivo().extension.slice(1) }}</span>\n\t\t</div>\n\t}\n\t@if (removivel()) {\n\t\t<button class=\"btn-remover\" (click)=\"onRemover()\" type=\"button\" title=\"Remover\">\n\t\t\t<ui-icon name=\"x\"></ui-icon>\n\t\t</button>\n\t}\n</div>\n", styles: [":host{display:inline-flex;position:relative;height:var(--ui-altura-miniatura, 80px);width:auto;overflow:hidden;border-radius:var(--sys-border-radius, 15px);background-color:var(--sys-primary-15, rgba(0, 0, 0, .06));flex-shrink:0}.preview-container{position:relative;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-img{height:100%;width:auto;object-fit:cover;display:block}.preview-embed{height:100%;width:80px;pointer-events:none}.preview-other{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;gap:4px;min-width:60px;font-size:1.8rem;color:var(--sys-primary, #666)}.preview-ext{font-size:.65rem;color:var(--sys-primary, #666);font-weight:600;text-transform:uppercase}.btn-remover{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;border:none;background-color:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;font-size:.8rem;opacity:0;transition:opacity .15s ease;z-index:2;line-height:1}.preview-container:hover .btn-remover{opacity:1}@media(hover:none){.btn-remover{opacity:1}}\n"], dependencies: [{ kind: "component", type: UiIcon, selector: "ui-icon", inputs: ["name"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: UiFilePreview, decorators: [{
             type: Component,
-            args: [{ selector: 'ui-file-preview', imports: [UiIcon], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"preview-container\">\n\t@if (isImage()) {\n\t\t<img [src]=\"arquivo().base64\" [alt]=\"arquivo().name\" class=\"preview-img\" />\n\t} @else if (isPdf()) {\n\t\t@if (safePdfUrl()) {\n\t\t\t<embed [src]=\"safePdfUrl()\" type=\"application/pdf\" class=\"preview-embed\" />\n\t\t} @else {\n\t\t\t<div class=\"preview-other\">\n\t\t\t\t<ui-icon name=\"file-earmark\"></ui-icon>\n\t\t\t\t<span class=\"preview-ext\">pdf</span>\n\t\t\t</div>\n\t\t}\n\t} @else {\n\t\t<div class=\"preview-other\">\n\t\t\t<ui-icon name=\"file-earmark\"></ui-icon>\n\t\t\t<span class=\"preview-ext\">{{ arquivo().extension.slice(1) }}</span>\n\t\t</div>\n\t}\n\t@if (removivel()) {\n\t\t<button class=\"btn-remover\" (click)=\"onRemover()\" type=\"button\" title=\"Remover\">\n\t\t\t<ui-icon name=\"x\"></ui-icon>\n\t\t</button>\n\t}\n</div>\n", styles: [":host{display:inline-flex;position:relative;height:var(--ui-altura-miniatura, 80px);width:auto;overflow:hidden;border-radius:var(--sys-border-radius, 8px);background-color:var(--sys-primary-15, rgba(0, 0, 0, .06));flex-shrink:0}.preview-container{position:relative;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-img{height:100%;width:auto;object-fit:cover;display:block}.preview-embed{height:100%;width:80px;pointer-events:none}.preview-other{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;gap:4px;min-width:60px;font-size:1.8rem;color:var(--sys-primary, #666)}.preview-ext{font-size:.65rem;color:var(--sys-primary, #666);font-weight:600;text-transform:uppercase}.btn-remover{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;border:none;background-color:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;font-size:.8rem;opacity:0;transition:opacity .15s ease;z-index:2;line-height:1}.preview-container:hover .btn-remover{opacity:1}@media(hover:none){.btn-remover{opacity:1}}\n"] }]
+            args: [{ selector: 'ui-file-preview', imports: [UiIcon], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"preview-container\">\n\t@if (isImage()) {\n\t\t<img [src]=\"arquivo().base64\" [alt]=\"arquivo().name\" class=\"preview-img\" />\n\t} @else if (isPdf()) {\n\t\t@if (safePdfUrl()) {\n\t\t\t<embed [src]=\"safePdfUrl()\" type=\"application/pdf\" class=\"preview-embed\" />\n\t\t} @else {\n\t\t\t<div class=\"preview-other\">\n\t\t\t\t<ui-icon name=\"file-earmark\"></ui-icon>\n\t\t\t\t<span class=\"preview-ext\">pdf</span>\n\t\t\t</div>\n\t\t}\n\t} @else {\n\t\t<div class=\"preview-other\">\n\t\t\t<ui-icon name=\"file-earmark\"></ui-icon>\n\t\t\t<span class=\"preview-ext\">{{ arquivo().extension.slice(1) }}</span>\n\t\t</div>\n\t}\n\t@if (removivel()) {\n\t\t<button class=\"btn-remover\" (click)=\"onRemover()\" type=\"button\" title=\"Remover\">\n\t\t\t<ui-icon name=\"x\"></ui-icon>\n\t\t</button>\n\t}\n</div>\n", styles: [":host{display:inline-flex;position:relative;height:var(--ui-altura-miniatura, 80px);width:auto;overflow:hidden;border-radius:var(--sys-border-radius, 15px);background-color:var(--sys-primary-15, rgba(0, 0, 0, .06));flex-shrink:0}.preview-container{position:relative;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-img{height:100%;width:auto;object-fit:cover;display:block}.preview-embed{height:100%;width:80px;pointer-events:none}.preview-other{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;gap:4px;min-width:60px;font-size:1.8rem;color:var(--sys-primary, #666)}.preview-ext{font-size:.65rem;color:var(--sys-primary, #666);font-weight:600;text-transform:uppercase}.btn-remover{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;border:none;background-color:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;font-size:.8rem;opacity:0;transition:opacity .15s ease;z-index:2;line-height:1}.preview-container:hover .btn-remover{opacity:1}@media(hover:none){.btn-remover{opacity:1}}\n"] }]
         }], propDecorators: { arquivo: [{ type: i0.Input, args: [{ isSignal: true, alias: "arquivo", required: true }] }], removivel: [{ type: i0.Input, args: [{ isSignal: true, alias: "removivel", required: false }] }], remover: [{ type: i0.Output, args: ["remover"] }] } });
 
 class UiMicroGallery {
@@ -4638,7 +4638,7 @@ class UiCard {
     ...(ngDevMode ? [undefined, { debugName: "tema" }] : /* istanbul ignore next */ []));
     clicked = output();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: UiCard, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.1", type: UiCard, isStandalone: true, selector: "ui-card", inputs: { elevacao: { classPropertyName: "elevacao", publicName: "elevacao", isSignal: true, isRequired: false, transformFunction: null }, clicavel: { classPropertyName: "clicavel", publicName: "clicavel", isSignal: true, isRequired: false, transformFunction: null }, tema: { classPropertyName: "tema", publicName: "tema", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, host: { properties: { "attr.data-elevacao": "elevacao()", "attr.data-tema": "tema() || null", "class.clicavel": "clicavel()" } }, ngImport: i0, template: "<div class=\"card\" (click)=\"clicked.emit($event)\">\n\t<ng-content select=\"[slot=media]\" />\n\t<ng-content select=\"[slot=header]\" />\n\t<div class=\"card-content\">\n\t\t<ng-content select=\"[slot=content]\" />\n\t\t<ng-content />\n\t</div>\n\t<ng-content select=\"[slot=footer]\" />\n</div>", styles: [":host{display:block}.card{background:var(--sys-surface, #fff);border-radius:var(--sys-border-radius, 8px);overflow:hidden;transition:box-shadow .2s ease,transform .15s ease}:host([data-elevacao=\"0\"]) .card{box-shadow:none;border:1px solid var(--sys-outline, #e0e0e0)}:host([data-elevacao=\"1\"]) .card{box-shadow:0 1px 4px #0000001f}:host([data-elevacao=\"2\"]) .card{box-shadow:0 3px 10px #00000026}:host([data-elevacao=\"3\"]) .card{box-shadow:0 8px 24px #0000002e}:host(.clicavel) .card{cursor:pointer}:host(.clicavel) .card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000002e}.card-content{padding:16px}:host([data-tema=\"primary\"]) .card{border-top:3px solid var(--sys-primary)}:host([data-tema=\"secondary\"]) .card{border-top:3px solid var(--sys-secondary)}:host([data-tema=\"success\"]) .card{border-top:3px solid var(--sys-success)}:host([data-tema=\"warning\"]) .card{border-top:3px solid var(--sys-warning)}:host([data-tema=\"error\"]) .card{border-top:3px solid var(--sys-error)}:host([data-tema=\"info\"]) .card{border-top:3px solid var(--sys-info)}:host([data-tema=\"high\"]) .card{border-top:3px solid var(--sys-high)}::ng-deep [slot=header]{padding:12px 16px 0;font-weight:600;font-size:1.05em}::ng-deep [slot=footer]{padding:8px 16px;border-top:1px solid var(--sys-outline, #eee)}::ng-deep [slot=media] img{width:100%;display:block;object-fit:cover}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.1", type: UiCard, isStandalone: true, selector: "ui-card", inputs: { elevacao: { classPropertyName: "elevacao", publicName: "elevacao", isSignal: true, isRequired: false, transformFunction: null }, clicavel: { classPropertyName: "clicavel", publicName: "clicavel", isSignal: true, isRequired: false, transformFunction: null }, tema: { classPropertyName: "tema", publicName: "tema", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, host: { properties: { "attr.data-elevacao": "elevacao()", "attr.data-tema": "tema() || null", "class.clicavel": "clicavel()" } }, ngImport: i0, template: "<div class=\"card\" (click)=\"clicked.emit($event)\">\n\t<ng-content select=\"[slot=media]\" />\n\t<ng-content select=\"[slot=header]\" />\n\t<div class=\"card-content\">\n\t\t<ng-content select=\"[slot=content]\" />\n\t\t<ng-content />\n\t</div>\n\t<ng-content select=\"[slot=footer]\" />\n</div>", styles: [":host{display:block}.card{background:var(--sys-surface, #fff);border-radius:var(--sys-border-radius, 15px);overflow:hidden;transition:box-shadow .2s ease,transform .15s ease}:host([data-elevacao=\"0\"]) .card{box-shadow:none;border:1px solid var(--sys-outline, #e0e0e0)}:host([data-elevacao=\"1\"]) .card{box-shadow:0 1px 4px #0000001f}:host([data-elevacao=\"2\"]) .card{box-shadow:0 3px 10px #00000026}:host([data-elevacao=\"3\"]) .card{box-shadow:0 8px 24px #0000002e}:host(.clicavel) .card{cursor:pointer}:host(.clicavel) .card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000002e}.card-content{padding:16px}:host([data-tema=\"primary\"]) .card{border-top:3px solid var(--sys-primary)}:host([data-tema=\"secondary\"]) .card{border-top:3px solid var(--sys-secondary)}:host([data-tema=\"success\"]) .card{border-top:3px solid var(--sys-success)}:host([data-tema=\"warning\"]) .card{border-top:3px solid var(--sys-warning)}:host([data-tema=\"error\"]) .card{border-top:3px solid var(--sys-error)}:host([data-tema=\"info\"]) .card{border-top:3px solid var(--sys-info)}:host([data-tema=\"high\"]) .card{border-top:3px solid var(--sys-high)}::ng-deep [slot=header]{padding:12px 16px 0;font-weight:600;font-size:1.05em}::ng-deep [slot=footer]{padding:8px 16px;border-top:1px solid var(--sys-outline, #eee)}::ng-deep [slot=media] img{width:100%;display:block;object-fit:cover}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: UiCard, decorators: [{
             type: Component,
@@ -4646,7 +4646,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
                         '[attr.data-elevacao]': 'elevacao()',
                         '[attr.data-tema]': 'tema() || null',
                         '[class.clicavel]': 'clicavel()',
-                    }, template: "<div class=\"card\" (click)=\"clicked.emit($event)\">\n\t<ng-content select=\"[slot=media]\" />\n\t<ng-content select=\"[slot=header]\" />\n\t<div class=\"card-content\">\n\t\t<ng-content select=\"[slot=content]\" />\n\t\t<ng-content />\n\t</div>\n\t<ng-content select=\"[slot=footer]\" />\n</div>", styles: [":host{display:block}.card{background:var(--sys-surface, #fff);border-radius:var(--sys-border-radius, 8px);overflow:hidden;transition:box-shadow .2s ease,transform .15s ease}:host([data-elevacao=\"0\"]) .card{box-shadow:none;border:1px solid var(--sys-outline, #e0e0e0)}:host([data-elevacao=\"1\"]) .card{box-shadow:0 1px 4px #0000001f}:host([data-elevacao=\"2\"]) .card{box-shadow:0 3px 10px #00000026}:host([data-elevacao=\"3\"]) .card{box-shadow:0 8px 24px #0000002e}:host(.clicavel) .card{cursor:pointer}:host(.clicavel) .card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000002e}.card-content{padding:16px}:host([data-tema=\"primary\"]) .card{border-top:3px solid var(--sys-primary)}:host([data-tema=\"secondary\"]) .card{border-top:3px solid var(--sys-secondary)}:host([data-tema=\"success\"]) .card{border-top:3px solid var(--sys-success)}:host([data-tema=\"warning\"]) .card{border-top:3px solid var(--sys-warning)}:host([data-tema=\"error\"]) .card{border-top:3px solid var(--sys-error)}:host([data-tema=\"info\"]) .card{border-top:3px solid var(--sys-info)}:host([data-tema=\"high\"]) .card{border-top:3px solid var(--sys-high)}::ng-deep [slot=header]{padding:12px 16px 0;font-weight:600;font-size:1.05em}::ng-deep [slot=footer]{padding:8px 16px;border-top:1px solid var(--sys-outline, #eee)}::ng-deep [slot=media] img{width:100%;display:block;object-fit:cover}\n"] }]
+                    }, template: "<div class=\"card\" (click)=\"clicked.emit($event)\">\n\t<ng-content select=\"[slot=media]\" />\n\t<ng-content select=\"[slot=header]\" />\n\t<div class=\"card-content\">\n\t\t<ng-content select=\"[slot=content]\" />\n\t\t<ng-content />\n\t</div>\n\t<ng-content select=\"[slot=footer]\" />\n</div>", styles: [":host{display:block}.card{background:var(--sys-surface, #fff);border-radius:var(--sys-border-radius, 15px);overflow:hidden;transition:box-shadow .2s ease,transform .15s ease}:host([data-elevacao=\"0\"]) .card{box-shadow:none;border:1px solid var(--sys-outline, #e0e0e0)}:host([data-elevacao=\"1\"]) .card{box-shadow:0 1px 4px #0000001f}:host([data-elevacao=\"2\"]) .card{box-shadow:0 3px 10px #00000026}:host([data-elevacao=\"3\"]) .card{box-shadow:0 8px 24px #0000002e}:host(.clicavel) .card{cursor:pointer}:host(.clicavel) .card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000002e}.card-content{padding:16px}:host([data-tema=\"primary\"]) .card{border-top:3px solid var(--sys-primary)}:host([data-tema=\"secondary\"]) .card{border-top:3px solid var(--sys-secondary)}:host([data-tema=\"success\"]) .card{border-top:3px solid var(--sys-success)}:host([data-tema=\"warning\"]) .card{border-top:3px solid var(--sys-warning)}:host([data-tema=\"error\"]) .card{border-top:3px solid var(--sys-error)}:host([data-tema=\"info\"]) .card{border-top:3px solid var(--sys-info)}:host([data-tema=\"high\"]) .card{border-top:3px solid var(--sys-high)}::ng-deep [slot=header]{padding:12px 16px 0;font-weight:600;font-size:1.05em}::ng-deep [slot=footer]{padding:8px 16px;border-top:1px solid var(--sys-outline, #eee)}::ng-deep [slot=media] img{width:100%;display:block;object-fit:cover}\n"] }]
         }], propDecorators: { elevacao: [{ type: i0.Input, args: [{ isSignal: true, alias: "elevacao", required: false }] }], clicavel: [{ type: i0.Input, args: [{ isSignal: true, alias: "clicavel", required: false }] }], tema: [{ type: i0.Input, args: [{ isSignal: true, alias: "tema", required: false }] }], clicked: [{ type: i0.Output, args: ["clicked"] }] } });
 
 class UiAvatar {
@@ -4671,7 +4671,7 @@ class UiAvatar {
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "iniciais" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: UiAvatar, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: UiAvatar, isStandalone: true, selector: "ui-avatar", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, nome: { classPropertyName: "nome", publicName: "nome", isSignal: true, isRequired: false, transformFunction: null }, tamanho: { classPropertyName: "tamanho", publicName: "tamanho", isSignal: true, isRequired: false, transformFunction: null }, formato: { classPropertyName: "formato", publicName: "formato", isSignal: true, isRequired: false, transformFunction: null }, tema: { classPropertyName: "tema", publicName: "tema", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-tamanho": "tamanho()", "attr.data-formato": "formato()", "attr.data-tema": "tema() || null" } }, ngImport: i0, template: "@if(src()) {\n<img class=\"avatar-img\" [src]=\"src()\" [alt]=\"nome() ?? 'avatar'\" />\n} @else {\n<span class=\"avatar-iniciais\">{{ iniciais() }}</span>\n}", styles: [":host{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;vertical-align:middle}:host([data-tamanho=\"xs\"]){width:24px;height:24px;font-size:10px}:host([data-tamanho=\"sm\"]){width:32px;height:32px;font-size:12px}:host([data-tamanho=\"md\"]){width:40px;height:40px;font-size:15px}:host([data-tamanho=\"lg\"]){width:56px;height:56px;font-size:20px}:host([data-tamanho=\"xl\"]){width:80px;height:80px;font-size:28px}:host([data-formato=\"circle\"]){border-radius:50%}:host([data-formato=\"square\"]){border-radius:var(--sys-border-radius, 8px)}.avatar-img{width:100%;height:100%;object-fit:cover;display:block}.avatar-iniciais{font-weight:600;line-height:1;-webkit-user-select:none;user-select:none;color:#fff}:host([data-tema=\"primary\"]){background:var(--sys-primary);color:var(--sys-on-primary)}:host([data-tema=\"secondary\"]){background:var(--sys-secondary);color:var(--sys-on-secondary)}:host([data-tema=\"success\"]){background:var(--sys-success);color:var(--sys-on-success)}:host([data-tema=\"warning\"]){background:var(--sys-warning);color:var(--sys-on-warning)}:host([data-tema=\"error\"]){background:var(--sys-error);color:var(--sys-on-error)}:host([data-tema=\"info\"]){background:var(--sys-info);color:var(--sys-on-info)}:host([data-tema=\"high\"]){background:var(--sys-high);color:var(--sys-on-high)}:host(:not([data-tema])){background:var(--sys-primary, #6200ee);color:#fff}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: UiAvatar, isStandalone: true, selector: "ui-avatar", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, nome: { classPropertyName: "nome", publicName: "nome", isSignal: true, isRequired: false, transformFunction: null }, tamanho: { classPropertyName: "tamanho", publicName: "tamanho", isSignal: true, isRequired: false, transformFunction: null }, formato: { classPropertyName: "formato", publicName: "formato", isSignal: true, isRequired: false, transformFunction: null }, tema: { classPropertyName: "tema", publicName: "tema", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-tamanho": "tamanho()", "attr.data-formato": "formato()", "attr.data-tema": "tema() || null" } }, ngImport: i0, template: "@if(src()) {\n<img class=\"avatar-img\" [src]=\"src()\" [alt]=\"nome() ?? 'avatar'\" />\n} @else {\n<span class=\"avatar-iniciais\">{{ iniciais() }}</span>\n}", styles: [":host{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;vertical-align:middle}:host([data-tamanho=\"xs\"]){width:24px;height:24px;font-size:10px}:host([data-tamanho=\"sm\"]){width:32px;height:32px;font-size:12px}:host([data-tamanho=\"md\"]){width:40px;height:40px;font-size:15px}:host([data-tamanho=\"lg\"]){width:56px;height:56px;font-size:20px}:host([data-tamanho=\"xl\"]){width:80px;height:80px;font-size:28px}:host([data-tamanho=\"2xl\"]){width:150px;height:150px;font-size:52px}:host([data-formato=\"circle\"]){border-radius:50%}:host([data-formato=\"rounded\"]){border-radius:16px}:host([data-formato=\"square\"]){border-radius:4px}.avatar-img{width:100%;height:100%;object-fit:cover;display:block}.avatar-iniciais{font-weight:600;line-height:1;-webkit-user-select:none;user-select:none;color:inherit}:host([data-tema=\"primary\"]){background:var(--sys-primary);color:var(--sys-on-primary)}:host([data-tema=\"secondary\"]){background:var(--sys-secondary);color:var(--sys-on-secondary)}:host([data-tema=\"success\"]){background:var(--sys-success);color:var(--sys-on-success)}:host([data-tema=\"warning\"]){background:var(--sys-warning);color:var(--sys-on-warning)}:host([data-tema=\"error\"]){background:var(--sys-error);color:var(--sys-on-error)}:host([data-tema=\"info\"]){background:var(--sys-info);color:var(--sys-on-info)}:host([data-tema=\"high\"]){background:var(--sys-high);color:var(--sys-on-high)}:host(:not([data-tema])){background:var(--sys-primary, #6200ee);color:#fff}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: UiAvatar, decorators: [{
             type: Component,
@@ -4679,7 +4679,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
                         '[attr.data-tamanho]': 'tamanho()',
                         '[attr.data-formato]': 'formato()',
                         '[attr.data-tema]': 'tema() || null',
-                    }, template: "@if(src()) {\n<img class=\"avatar-img\" [src]=\"src()\" [alt]=\"nome() ?? 'avatar'\" />\n} @else {\n<span class=\"avatar-iniciais\">{{ iniciais() }}</span>\n}", styles: [":host{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;vertical-align:middle}:host([data-tamanho=\"xs\"]){width:24px;height:24px;font-size:10px}:host([data-tamanho=\"sm\"]){width:32px;height:32px;font-size:12px}:host([data-tamanho=\"md\"]){width:40px;height:40px;font-size:15px}:host([data-tamanho=\"lg\"]){width:56px;height:56px;font-size:20px}:host([data-tamanho=\"xl\"]){width:80px;height:80px;font-size:28px}:host([data-formato=\"circle\"]){border-radius:50%}:host([data-formato=\"square\"]){border-radius:var(--sys-border-radius, 8px)}.avatar-img{width:100%;height:100%;object-fit:cover;display:block}.avatar-iniciais{font-weight:600;line-height:1;-webkit-user-select:none;user-select:none;color:#fff}:host([data-tema=\"primary\"]){background:var(--sys-primary);color:var(--sys-on-primary)}:host([data-tema=\"secondary\"]){background:var(--sys-secondary);color:var(--sys-on-secondary)}:host([data-tema=\"success\"]){background:var(--sys-success);color:var(--sys-on-success)}:host([data-tema=\"warning\"]){background:var(--sys-warning);color:var(--sys-on-warning)}:host([data-tema=\"error\"]){background:var(--sys-error);color:var(--sys-on-error)}:host([data-tema=\"info\"]){background:var(--sys-info);color:var(--sys-on-info)}:host([data-tema=\"high\"]){background:var(--sys-high);color:var(--sys-on-high)}:host(:not([data-tema])){background:var(--sys-primary, #6200ee);color:#fff}\n"] }]
+                    }, template: "@if(src()) {\n<img class=\"avatar-img\" [src]=\"src()\" [alt]=\"nome() ?? 'avatar'\" />\n} @else {\n<span class=\"avatar-iniciais\">{{ iniciais() }}</span>\n}", styles: [":host{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;vertical-align:middle}:host([data-tamanho=\"xs\"]){width:24px;height:24px;font-size:10px}:host([data-tamanho=\"sm\"]){width:32px;height:32px;font-size:12px}:host([data-tamanho=\"md\"]){width:40px;height:40px;font-size:15px}:host([data-tamanho=\"lg\"]){width:56px;height:56px;font-size:20px}:host([data-tamanho=\"xl\"]){width:80px;height:80px;font-size:28px}:host([data-tamanho=\"2xl\"]){width:150px;height:150px;font-size:52px}:host([data-formato=\"circle\"]){border-radius:50%}:host([data-formato=\"rounded\"]){border-radius:16px}:host([data-formato=\"square\"]){border-radius:4px}.avatar-img{width:100%;height:100%;object-fit:cover;display:block}.avatar-iniciais{font-weight:600;line-height:1;-webkit-user-select:none;user-select:none;color:inherit}:host([data-tema=\"primary\"]){background:var(--sys-primary);color:var(--sys-on-primary)}:host([data-tema=\"secondary\"]){background:var(--sys-secondary);color:var(--sys-on-secondary)}:host([data-tema=\"success\"]){background:var(--sys-success);color:var(--sys-on-success)}:host([data-tema=\"warning\"]){background:var(--sys-warning);color:var(--sys-on-warning)}:host([data-tema=\"error\"]){background:var(--sys-error);color:var(--sys-on-error)}:host([data-tema=\"info\"]){background:var(--sys-info);color:var(--sys-on-info)}:host([data-tema=\"high\"]){background:var(--sys-high);color:var(--sys-on-high)}:host(:not([data-tema])){background:var(--sys-primary, #6200ee);color:#fff}\n"] }]
         }], propDecorators: { src: [{ type: i0.Input, args: [{ isSignal: true, alias: "src", required: false }] }], nome: [{ type: i0.Input, args: [{ isSignal: true, alias: "nome", required: false }] }], tamanho: [{ type: i0.Input, args: [{ isSignal: true, alias: "tamanho", required: false }] }], formato: [{ type: i0.Input, args: [{ isSignal: true, alias: "formato", required: false }] }], tema: [{ type: i0.Input, args: [{ isSignal: true, alias: "tema", required: false }] }] } });
 
 class UiTag {
@@ -4732,13 +4732,13 @@ class UiTabs {
         this.changed.emit(aba);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: UiTabs, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: UiTabs, isStandalone: true, selector: "ui-tabs", inputs: { abas: { classPropertyName: "abas", publicName: "abas", isSignal: true, isRequired: false, transformFunction: null }, ativa: { classPropertyName: "ativa", publicName: "ativa", isSignal: true, isRequired: false, transformFunction: null }, tipo: { classPropertyName: "tipo", publicName: "tipo", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ativa: "ativaChange", changed: "changed" }, host: { properties: { "attr.data-tipo": "tipo()" } }, ngImport: i0, template: "<div class=\"tabs-bar\">\n\t@for(aba of abas(); track aba.k) {\n\t<button class=\"tab-item\" type=\"button\" [class.ativo]=\"ativa() === aba.k\" (click)=\"selecionar(aba)\">\n\t\t@if(aba.html) {\n\t\t<span [innerHTML]=\"aba.html\"></span>\n\t\t} @else {\n\t\t{{ aba.v ?? aba.k }}\n\t\t}\n\t</button>\n\t}\n</div>\n<div class=\"tabs-conteudo\">\n\t<ng-content />\n</div>", styles: [":host{display:block}.tabs-bar{display:flex;align-items:center;overflow-x:auto;scrollbar-width:none}.tabs-bar::-webkit-scrollbar{display:none}.tab-item{display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font-size:.9em;font-weight:500;padding:10px 16px;white-space:nowrap;color:inherit;opacity:.6;transition:opacity .15s,color .15s;position:relative}.tab-item:hover{opacity:.9}.tab-item.ativo{opacity:1;color:var(--sys-primary)}:host([data-tipo=\"line\"]) .tabs-bar{position:relative;gap:0}:host([data-tipo=\"line\"]) .tabs-bar:before{content:\"\";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--sys-outline, #eee);border-radius:2px;z-index:0}:host([data-tipo=\"line\"]) .tab-item{z-index:1}:host([data-tipo=\"line\"]) .tab-item.ativo:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--sys-primary);border-radius:2px 2px 0 0;z-index:2}:host([data-tipo=\"fill\"]) .tabs-bar{background:var(--sys-surface-variant, rgba(0, 0, 0, .05));border-radius:var(--sys-border-radius, 8px);padding:4px;gap:2px}:host([data-tipo=\"fill\"]) .tab-item{border-radius:calc(var(--sys-border-radius, 8px) - 2px)}:host([data-tipo=\"fill\"]) .tab-item.ativo{background:var(--sys-surface, #fff);box-shadow:0 1px 4px #0000001f;color:var(--sys-primary);opacity:1}:host([data-tipo=\"pill\"]) .tabs-bar{gap:4px}:host([data-tipo=\"pill\"]) .tab-item{border-radius:999px;padding:6px 18px}:host([data-tipo=\"pill\"]) .tab-item.ativo{background:var(--sys-primary);color:var(--sys-on-primary);opacity:1}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: UiTabs, isStandalone: true, selector: "ui-tabs", inputs: { abas: { classPropertyName: "abas", publicName: "abas", isSignal: true, isRequired: false, transformFunction: null }, ativa: { classPropertyName: "ativa", publicName: "ativa", isSignal: true, isRequired: false, transformFunction: null }, tipo: { classPropertyName: "tipo", publicName: "tipo", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ativa: "ativaChange", changed: "changed" }, host: { properties: { "attr.data-tipo": "tipo()" } }, ngImport: i0, template: "<div class=\"tabs-bar\">\n\t@for(aba of abas(); track aba.k) {\n\t<button class=\"tab-item\" type=\"button\" [class.ativo]=\"ativa() === aba.k\" (click)=\"selecionar(aba)\">\n\t\t@if(aba.html) {\n\t\t<span [innerHTML]=\"aba.html\"></span>\n\t\t} @else {\n\t\t{{ aba.v ?? aba.k }}\n\t\t}\n\t</button>\n\t}\n</div>\n<div class=\"tabs-conteudo\">\n\t<ng-content />\n</div>", styles: [":host{display:block}.tabs-bar{display:flex;align-items:center;overflow-x:auto;scrollbar-width:none}.tabs-bar::-webkit-scrollbar{display:none}.tab-item{display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font-size:.9em;font-weight:500;padding:10px 16px;white-space:nowrap;color:inherit;opacity:.6;transition:opacity .15s,color .15s;position:relative}.tab-item:hover{opacity:.9}.tab-item.ativo{opacity:1;color:var(--sys-primary)}:host([data-tipo=\"line\"]) .tabs-bar{position:relative;gap:0}:host([data-tipo=\"line\"]) .tabs-bar:before{content:\"\";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--sys-outline, #eee);border-radius:2px;z-index:0}:host([data-tipo=\"line\"]) .tab-item{z-index:1}:host([data-tipo=\"line\"]) .tab-item.ativo:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--sys-primary);border-radius:2px 2px 0 0;z-index:2}:host([data-tipo=\"fill\"]) .tabs-bar{background:var(--sys-surface-variant, rgba(0, 0, 0, .05));border-radius:var(--sys-border-radius, 15px);padding:4px;gap:2px}:host([data-tipo=\"fill\"]) .tab-item{border-radius:calc(var(--sys-border-radius, 15px) - 2px)}:host([data-tipo=\"fill\"]) .tab-item.ativo{background:var(--sys-surface, #fff);box-shadow:0 1px 4px #0000001f;color:var(--sys-primary);opacity:1}:host([data-tipo=\"pill\"]) .tabs-bar{gap:4px}:host([data-tipo=\"pill\"]) .tab-item{border-radius:999px;padding:6px 18px}:host([data-tipo=\"pill\"]) .tab-item.ativo{background:var(--sys-primary);color:var(--sys-on-primary);opacity:1}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: UiTabs, decorators: [{
             type: Component,
             args: [{ selector: 'ui-tabs', host: {
                         '[attr.data-tipo]': 'tipo()',
-                    }, template: "<div class=\"tabs-bar\">\n\t@for(aba of abas(); track aba.k) {\n\t<button class=\"tab-item\" type=\"button\" [class.ativo]=\"ativa() === aba.k\" (click)=\"selecionar(aba)\">\n\t\t@if(aba.html) {\n\t\t<span [innerHTML]=\"aba.html\"></span>\n\t\t} @else {\n\t\t{{ aba.v ?? aba.k }}\n\t\t}\n\t</button>\n\t}\n</div>\n<div class=\"tabs-conteudo\">\n\t<ng-content />\n</div>", styles: [":host{display:block}.tabs-bar{display:flex;align-items:center;overflow-x:auto;scrollbar-width:none}.tabs-bar::-webkit-scrollbar{display:none}.tab-item{display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font-size:.9em;font-weight:500;padding:10px 16px;white-space:nowrap;color:inherit;opacity:.6;transition:opacity .15s,color .15s;position:relative}.tab-item:hover{opacity:.9}.tab-item.ativo{opacity:1;color:var(--sys-primary)}:host([data-tipo=\"line\"]) .tabs-bar{position:relative;gap:0}:host([data-tipo=\"line\"]) .tabs-bar:before{content:\"\";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--sys-outline, #eee);border-radius:2px;z-index:0}:host([data-tipo=\"line\"]) .tab-item{z-index:1}:host([data-tipo=\"line\"]) .tab-item.ativo:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--sys-primary);border-radius:2px 2px 0 0;z-index:2}:host([data-tipo=\"fill\"]) .tabs-bar{background:var(--sys-surface-variant, rgba(0, 0, 0, .05));border-radius:var(--sys-border-radius, 8px);padding:4px;gap:2px}:host([data-tipo=\"fill\"]) .tab-item{border-radius:calc(var(--sys-border-radius, 8px) - 2px)}:host([data-tipo=\"fill\"]) .tab-item.ativo{background:var(--sys-surface, #fff);box-shadow:0 1px 4px #0000001f;color:var(--sys-primary);opacity:1}:host([data-tipo=\"pill\"]) .tabs-bar{gap:4px}:host([data-tipo=\"pill\"]) .tab-item{border-radius:999px;padding:6px 18px}:host([data-tipo=\"pill\"]) .tab-item.ativo{background:var(--sys-primary);color:var(--sys-on-primary);opacity:1}\n"] }]
+                    }, template: "<div class=\"tabs-bar\">\n\t@for(aba of abas(); track aba.k) {\n\t<button class=\"tab-item\" type=\"button\" [class.ativo]=\"ativa() === aba.k\" (click)=\"selecionar(aba)\">\n\t\t@if(aba.html) {\n\t\t<span [innerHTML]=\"aba.html\"></span>\n\t\t} @else {\n\t\t{{ aba.v ?? aba.k }}\n\t\t}\n\t</button>\n\t}\n</div>\n<div class=\"tabs-conteudo\">\n\t<ng-content />\n</div>", styles: [":host{display:block}.tabs-bar{display:flex;align-items:center;overflow-x:auto;scrollbar-width:none}.tabs-bar::-webkit-scrollbar{display:none}.tab-item{display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font-size:.9em;font-weight:500;padding:10px 16px;white-space:nowrap;color:inherit;opacity:.6;transition:opacity .15s,color .15s;position:relative}.tab-item:hover{opacity:.9}.tab-item.ativo{opacity:1;color:var(--sys-primary)}:host([data-tipo=\"line\"]) .tabs-bar{position:relative;gap:0}:host([data-tipo=\"line\"]) .tabs-bar:before{content:\"\";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--sys-outline, #eee);border-radius:2px;z-index:0}:host([data-tipo=\"line\"]) .tab-item{z-index:1}:host([data-tipo=\"line\"]) .tab-item.ativo:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--sys-primary);border-radius:2px 2px 0 0;z-index:2}:host([data-tipo=\"fill\"]) .tabs-bar{background:var(--sys-surface-variant, rgba(0, 0, 0, .05));border-radius:var(--sys-border-radius, 15px);padding:4px;gap:2px}:host([data-tipo=\"fill\"]) .tab-item{border-radius:calc(var(--sys-border-radius, 15px) - 2px)}:host([data-tipo=\"fill\"]) .tab-item.ativo{background:var(--sys-surface, #fff);box-shadow:0 1px 4px #0000001f;color:var(--sys-primary);opacity:1}:host([data-tipo=\"pill\"]) .tabs-bar{gap:4px}:host([data-tipo=\"pill\"]) .tab-item{border-radius:999px;padding:6px 18px}:host([data-tipo=\"pill\"]) .tab-item.ativo{background:var(--sys-primary);color:var(--sys-on-primary);opacity:1}\n"] }]
         }], propDecorators: { abas: [{ type: i0.Input, args: [{ isSignal: true, alias: "abas", required: false }] }], ativa: [{ type: i0.Input, args: [{ isSignal: true, alias: "ativa", required: false }] }, { type: i0.Output, args: ["ativaChange"] }], tipo: [{ type: i0.Input, args: [{ isSignal: true, alias: "tipo", required: false }] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
 
 class UiAccordion {
@@ -4764,11 +4764,11 @@ class UiAccordion {
         return this.abertos().has(item);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: UiAccordion, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.1", type: UiAccordion, isStandalone: true, selector: "ui-accordion", inputs: { multiplo: { classPropertyName: "multiplo", publicName: "multiplo", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"accordion\">\n\t<ng-content />\n</div>\n", styles: [":host{display:block}.accordion{border:1px solid var(--sys-outline, #e0e0e0);border-radius:var(--sys-border-radius, 8px);overflow:hidden}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.1", type: UiAccordion, isStandalone: true, selector: "ui-accordion", inputs: { multiplo: { classPropertyName: "multiplo", publicName: "multiplo", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"accordion\">\n\t<ng-content />\n</div>\n", styles: [":host{display:block}.accordion{border:1px solid var(--sys-outline, #e0e0e0);border-radius:var(--sys-border-radius, 15px);overflow:hidden}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: UiAccordion, decorators: [{
             type: Component,
-            args: [{ selector: 'ui-accordion', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"accordion\">\n\t<ng-content />\n</div>\n", styles: [":host{display:block}.accordion{border:1px solid var(--sys-outline, #e0e0e0);border-radius:var(--sys-border-radius, 8px);overflow:hidden}\n"] }]
+            args: [{ selector: 'ui-accordion', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"accordion\">\n\t<ng-content />\n</div>\n", styles: [":host{display:block}.accordion{border:1px solid var(--sys-outline, #e0e0e0);border-radius:var(--sys-border-radius, 15px);overflow:hidden}\n"] }]
         }], propDecorators: { multiplo: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiplo", required: false }] }] } });
 
 class UiAccordionItem {
@@ -5007,11 +5007,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
 class UiToastContainer {
     toastService = inject(UiToastService);
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: UiToastContainer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: UiToastContainer, isStandalone: true, selector: "ui-toast-container", ngImport: i0, template: "<div class=\"toast-stack\">\n\t@for(toast of toastService.toasts(); track toast.id) {\n\t<div class=\"toast\" [attr.data-tipo]=\"toast.tipo\" role=\"alert\">\n\t\t<div class=\"toast-icone\">\n\t\t\t@switch(toast.tipo) {\n\t\t\t@case('success') { <ui-icon name=\"check-circle\"></ui-icon> }\n\t\t\t@case('error') { <ui-icon name=\"x-circle\"></ui-icon> }\n\t\t\t@case('warning') { <ui-icon name=\"exclamation-triangle\"></ui-icon> }\n\t\t\t@case('info') { <ui-icon name=\"info-circle\"></ui-icon> }\n\t\t\t}\n\t\t</div>\n\t\t<div class=\"toast-body\">\n\t\t\t@if(toast.titulo) { <strong class=\"toast-titulo\">{{ toast.titulo }}</strong> }\n\t\t\t<span class=\"toast-mensagem\">{{ toast.mensagem }}</span>\n\t\t</div>\n\t\t<button class=\"toast-fechar\" type=\"button\" (click)=\"toastService.remove(toast.id)\" aria-label=\"Fechar\">\n\t\t\t<ui-icon name=\"x\"></ui-icon>\n\t\t</button>\n\t</div>\n\t}\n</div>", styles: [":host{display:contents}.toast-stack{position:fixed;bottom:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:10px;align-items:flex-end;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:var(--sys-border-radius, 8px);background:var(--sys-surface, #fff);box-shadow:0 4px 16px #0000002e;min-width:280px;max-width:420px;pointer-events:all;animation:toast-in .25s ease;border-left:4px solid transparent}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.toast[data-tipo=success]{border-left-color:var(--sys-success)}.toast[data-tipo=error]{border-left-color:var(--sys-error)}.toast[data-tipo=warning]{border-left-color:var(--sys-warning)}.toast[data-tipo=info]{border-left-color:var(--sys-info)}.toast-icone{font-size:18px;flex-shrink:0;margin-top:1px}.toast[data-tipo=success] .toast-icone{color:var(--sys-success)}.toast[data-tipo=error] .toast-icone{color:var(--sys-error)}.toast[data-tipo=warning] .toast-icone{color:var(--sys-warning)}.toast[data-tipo=info] .toast-icone{color:var(--sys-info)}.toast-body{flex:1;display:flex;flex-direction:column;gap:2px}.toast-titulo{font-size:.9em}.toast-mensagem{font-size:.875em;opacity:.8}.toast-fechar{background:none;border:none;cursor:pointer;padding:0;font-size:16px;opacity:.45;line-height:1;color:inherit;flex-shrink:0;margin-top:1px}.toast-fechar:hover{opacity:.9}\n"], dependencies: [{ kind: "component", type: UiIcon, selector: "ui-icon", inputs: ["name"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: UiToastContainer, isStandalone: true, selector: "ui-toast-container", ngImport: i0, template: "<div class=\"toast-stack\">\n\t@for(toast of toastService.toasts(); track toast.id) {\n\t<div class=\"toast\" [attr.data-tipo]=\"toast.tipo\" role=\"alert\">\n\t\t<div class=\"toast-icone\">\n\t\t\t@switch(toast.tipo) {\n\t\t\t@case('success') { <ui-icon name=\"check-circle\"></ui-icon> }\n\t\t\t@case('error') { <ui-icon name=\"x-circle\"></ui-icon> }\n\t\t\t@case('warning') { <ui-icon name=\"exclamation-triangle\"></ui-icon> }\n\t\t\t@case('info') { <ui-icon name=\"info-circle\"></ui-icon> }\n\t\t\t}\n\t\t</div>\n\t\t<div class=\"toast-body\">\n\t\t\t@if(toast.titulo) { <strong class=\"toast-titulo\">{{ toast.titulo }}</strong> }\n\t\t\t<span class=\"toast-mensagem\">{{ toast.mensagem }}</span>\n\t\t</div>\n\t\t<button class=\"toast-fechar\" type=\"button\" (click)=\"toastService.remove(toast.id)\" aria-label=\"Fechar\">\n\t\t\t<ui-icon name=\"x\"></ui-icon>\n\t\t</button>\n\t</div>\n\t}\n</div>", styles: [":host{display:contents}.toast-stack{position:fixed;bottom:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:10px;align-items:flex-end;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:var(--sys-border-radius, 15px);background:var(--sys-surface, #fff);box-shadow:0 4px 16px #0000002e;min-width:280px;max-width:420px;pointer-events:all;animation:toast-in .25s ease;border-left:4px solid transparent}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.toast[data-tipo=success]{border-left-color:var(--sys-success)}.toast[data-tipo=error]{border-left-color:var(--sys-error)}.toast[data-tipo=warning]{border-left-color:var(--sys-warning)}.toast[data-tipo=info]{border-left-color:var(--sys-info)}.toast-icone{font-size:18px;flex-shrink:0;margin-top:1px}.toast[data-tipo=success] .toast-icone{color:var(--sys-success)}.toast[data-tipo=error] .toast-icone{color:var(--sys-error)}.toast[data-tipo=warning] .toast-icone{color:var(--sys-warning)}.toast[data-tipo=info] .toast-icone{color:var(--sys-info)}.toast-body{flex:1;display:flex;flex-direction:column;gap:2px}.toast-titulo{font-size:.9em}.toast-mensagem{font-size:.875em;opacity:.8}.toast-fechar{background:none;border:none;cursor:pointer;padding:0;font-size:16px;opacity:.45;line-height:1;color:inherit;flex-shrink:0;margin-top:1px}.toast-fechar:hover{opacity:.9}\n"], dependencies: [{ kind: "component", type: UiIcon, selector: "ui-icon", inputs: ["name"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: UiToastContainer, decorators: [{
             type: Component,
-            args: [{ selector: 'ui-toast-container', imports: [UiIcon], template: "<div class=\"toast-stack\">\n\t@for(toast of toastService.toasts(); track toast.id) {\n\t<div class=\"toast\" [attr.data-tipo]=\"toast.tipo\" role=\"alert\">\n\t\t<div class=\"toast-icone\">\n\t\t\t@switch(toast.tipo) {\n\t\t\t@case('success') { <ui-icon name=\"check-circle\"></ui-icon> }\n\t\t\t@case('error') { <ui-icon name=\"x-circle\"></ui-icon> }\n\t\t\t@case('warning') { <ui-icon name=\"exclamation-triangle\"></ui-icon> }\n\t\t\t@case('info') { <ui-icon name=\"info-circle\"></ui-icon> }\n\t\t\t}\n\t\t</div>\n\t\t<div class=\"toast-body\">\n\t\t\t@if(toast.titulo) { <strong class=\"toast-titulo\">{{ toast.titulo }}</strong> }\n\t\t\t<span class=\"toast-mensagem\">{{ toast.mensagem }}</span>\n\t\t</div>\n\t\t<button class=\"toast-fechar\" type=\"button\" (click)=\"toastService.remove(toast.id)\" aria-label=\"Fechar\">\n\t\t\t<ui-icon name=\"x\"></ui-icon>\n\t\t</button>\n\t</div>\n\t}\n</div>", styles: [":host{display:contents}.toast-stack{position:fixed;bottom:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:10px;align-items:flex-end;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:var(--sys-border-radius, 8px);background:var(--sys-surface, #fff);box-shadow:0 4px 16px #0000002e;min-width:280px;max-width:420px;pointer-events:all;animation:toast-in .25s ease;border-left:4px solid transparent}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.toast[data-tipo=success]{border-left-color:var(--sys-success)}.toast[data-tipo=error]{border-left-color:var(--sys-error)}.toast[data-tipo=warning]{border-left-color:var(--sys-warning)}.toast[data-tipo=info]{border-left-color:var(--sys-info)}.toast-icone{font-size:18px;flex-shrink:0;margin-top:1px}.toast[data-tipo=success] .toast-icone{color:var(--sys-success)}.toast[data-tipo=error] .toast-icone{color:var(--sys-error)}.toast[data-tipo=warning] .toast-icone{color:var(--sys-warning)}.toast[data-tipo=info] .toast-icone{color:var(--sys-info)}.toast-body{flex:1;display:flex;flex-direction:column;gap:2px}.toast-titulo{font-size:.9em}.toast-mensagem{font-size:.875em;opacity:.8}.toast-fechar{background:none;border:none;cursor:pointer;padding:0;font-size:16px;opacity:.45;line-height:1;color:inherit;flex-shrink:0;margin-top:1px}.toast-fechar:hover{opacity:.9}\n"] }]
+            args: [{ selector: 'ui-toast-container', imports: [UiIcon], template: "<div class=\"toast-stack\">\n\t@for(toast of toastService.toasts(); track toast.id) {\n\t<div class=\"toast\" [attr.data-tipo]=\"toast.tipo\" role=\"alert\">\n\t\t<div class=\"toast-icone\">\n\t\t\t@switch(toast.tipo) {\n\t\t\t@case('success') { <ui-icon name=\"check-circle\"></ui-icon> }\n\t\t\t@case('error') { <ui-icon name=\"x-circle\"></ui-icon> }\n\t\t\t@case('warning') { <ui-icon name=\"exclamation-triangle\"></ui-icon> }\n\t\t\t@case('info') { <ui-icon name=\"info-circle\"></ui-icon> }\n\t\t\t}\n\t\t</div>\n\t\t<div class=\"toast-body\">\n\t\t\t@if(toast.titulo) { <strong class=\"toast-titulo\">{{ toast.titulo }}</strong> }\n\t\t\t<span class=\"toast-mensagem\">{{ toast.mensagem }}</span>\n\t\t</div>\n\t\t<button class=\"toast-fechar\" type=\"button\" (click)=\"toastService.remove(toast.id)\" aria-label=\"Fechar\">\n\t\t\t<ui-icon name=\"x\"></ui-icon>\n\t\t</button>\n\t</div>\n\t}\n</div>", styles: [":host{display:contents}.toast-stack{position:fixed;bottom:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:10px;align-items:flex-end;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:var(--sys-border-radius, 15px);background:var(--sys-surface, #fff);box-shadow:0 4px 16px #0000002e;min-width:280px;max-width:420px;pointer-events:all;animation:toast-in .25s ease;border-left:4px solid transparent}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.toast[data-tipo=success]{border-left-color:var(--sys-success)}.toast[data-tipo=error]{border-left-color:var(--sys-error)}.toast[data-tipo=warning]{border-left-color:var(--sys-warning)}.toast[data-tipo=info]{border-left-color:var(--sys-info)}.toast-icone{font-size:18px;flex-shrink:0;margin-top:1px}.toast[data-tipo=success] .toast-icone{color:var(--sys-success)}.toast[data-tipo=error] .toast-icone{color:var(--sys-error)}.toast[data-tipo=warning] .toast-icone{color:var(--sys-warning)}.toast[data-tipo=info] .toast-icone{color:var(--sys-info)}.toast-body{flex:1;display:flex;flex-direction:column;gap:2px}.toast-titulo{font-size:.9em}.toast-mensagem{font-size:.875em;opacity:.8}.toast-fechar{background:none;border:none;cursor:pointer;padding:0;font-size:16px;opacity:.45;line-height:1;color:inherit;flex-shrink:0;margin-top:1px}.toast-fechar:hover{opacity:.9}\n"] }]
         }] });
 
 const MODAL_BOX_DATA = new InjectionToken('MODAL_BOX_DATA');
@@ -5551,11 +5551,11 @@ class FieldsAutocomplete extends BaseFieldsForm {
         this.overlayRef = null;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: FieldsAutocomplete, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: FieldsAutocomplete, isStandalone: true, selector: "fields-autocomplete", viewQueries: [{ propertyName: "triggerElement", first: true, predicate: ["triggerElement"], descendants: true, isSignal: true }, { propertyName: "optionsTemplate", first: true, predicate: ["optionsTemplate"], 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<ng-template #optionsTemplate>\n\t<div class=\"select-options-container\">\n\t\t<div class=\"options-list\">\n\t\t\t@for(option of optionsFiltered(); track option.k) {\n\t\t\t<div class=\"option-item\" [class.selected]=\"option.selected\" [style.width.px]=\"offsetWidth()\" [title]=\"option.v\"\n\t\t\t\t(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=\"option-item-check\"></div>\n\t\t\t\t<div class=\"option-item-text\" [innerHTML]=\"option.html\"></div>\n\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\t</div>\n</ng-template>\n", 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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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;display:flex;flex-direction:column;border-radius:10px;overflow:hidden;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: "22.0.1", type: FieldsAutocomplete, isStandalone: true, selector: "fields-autocomplete", viewQueries: [{ propertyName: "triggerElement", first: true, predicate: ["triggerElement"], descendants: true, isSignal: true }, { propertyName: "optionsTemplate", first: true, predicate: ["optionsTemplate"], 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<ng-template #optionsTemplate>\n\t<div class=\"select-options-container\">\n\t\t<div class=\"options-list\">\n\t\t\t@for(option of optionsFiltered(); track option.k) {\n\t\t\t<div class=\"option-item\" [class.selected]=\"option.selected\" [style.width.px]=\"offsetWidth()\" [title]=\"option.v\"\n\t\t\t\t(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=\"option-item-check\"></div>\n\t\t\t\t<div class=\"option-item-text\" [innerHTML]=\"option.html\"></div>\n\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\t</div>\n</ng-template>\n", 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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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;display:flex;flex-direction:column;border-radius:10px;overflow:hidden;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: "22.0.1", 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()\"\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<ng-template #optionsTemplate>\n\t<div class=\"select-options-container\">\n\t\t<div class=\"options-list\">\n\t\t\t@for(option of optionsFiltered(); track option.k) {\n\t\t\t<div class=\"option-item\" [class.selected]=\"option.selected\" [style.width.px]=\"offsetWidth()\" [title]=\"option.v\"\n\t\t\t\t(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=\"option-item-check\"></div>\n\t\t\t\t<div class=\"option-item-text\" [innerHTML]=\"option.html\"></div>\n\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\t</div>\n</ng-template>\n", 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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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;display:flex;flex-direction:column;border-radius:10px;overflow:hidden;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<ng-template #optionsTemplate>\n\t<div class=\"select-options-container\">\n\t\t<div class=\"options-list\">\n\t\t\t@for(option of optionsFiltered(); track option.k) {\n\t\t\t<div class=\"option-item\" [class.selected]=\"option.selected\" [style.width.px]=\"offsetWidth()\" [title]=\"option.v\"\n\t\t\t\t(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=\"option-item-check\"></div>\n\t\t\t\t<div class=\"option-item-text\" [innerHTML]=\"option.html\"></div>\n\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\t</div>\n</ng-template>\n", 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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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;display:flex;flex-direction:column;border-radius:10px;overflow:hidden;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: { triggerElement: [{ type: i0.ViewChild, args: ['triggerElement', { isSignal: true }] }], optionsTemplate: [{ type: i0.ViewChild, args: ['optionsTemplate', { isSignal: true }] }] } });
 
 class FieldsButton extends BaseFieldsForm {
@@ -5581,11 +5581,11 @@ class FieldsButton extends BaseFieldsForm {
         this.onChangeEmit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: FieldsButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", 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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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", "iconeNome", "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: "22.0.1", 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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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", "iconeNome", "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: "22.0.1", 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()\"\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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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 {
@@ -5616,11 +5616,11 @@ class FieldsCheckbox extends BaseFieldsForm {
         }, 1);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: FieldsCheckbox, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", 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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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: "22.0.1", 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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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: "22.0.1", 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()\"\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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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 {
@@ -5682,11 +5682,11 @@ class FieldsColor extends BaseFieldsForm {
         this.campo()?.onInput?.(this.form());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: FieldsColor, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", 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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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: "22.0.1", 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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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: "22.0.1", 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()\"\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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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 {
@@ -5705,11 +5705,11 @@ class FieldsDate extends BaseFieldsForm {
         this.campo()?.onInput?.(this.form());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: FieldsDate, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", 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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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: "22.0.1", 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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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: "22.0.1", 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()\"\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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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 {
@@ -5728,11 +5728,11 @@ class FieldsDatetime extends BaseFieldsForm {
         this.campo()?.onInput?.(this.form());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: FieldsDatetime, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", 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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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: "22.0.1", 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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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: "22.0.1", 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()\"\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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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 {
@@ -5774,11 +5774,11 @@ class FieldsDisplay extends BaseFieldsForm {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: FieldsDisplay, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", 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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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: "22.0.1", 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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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: "22.0.1", 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()\"\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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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 {
@@ -5974,11 +5974,11 @@ class FieldsEditor extends BaseFieldsForm {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: FieldsEditor, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", 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()\" [iconeNome]=\"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()\" [iconeNome]=\"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()\" [iconeNome]=\"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')\" [iconeNome]=\"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')\" [iconeNome]=\"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')\" [iconeNome]=\"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[iconeNome]=\"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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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(--sys-border-radius);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", "iconeNome", "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: "22.0.1", 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()\" [iconeNome]=\"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()\" [iconeNome]=\"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()\" [iconeNome]=\"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')\" [iconeNome]=\"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')\" [iconeNome]=\"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')\" [iconeNome]=\"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[iconeNome]=\"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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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(--sys-border-radius);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", "iconeNome", "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: "22.0.1", 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()\"\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()\" [iconeNome]=\"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()\" [iconeNome]=\"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()\" [iconeNome]=\"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')\" [iconeNome]=\"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')\" [iconeNome]=\"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')\" [iconeNome]=\"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[iconeNome]=\"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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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(--sys-border-radius);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()\" [iconeNome]=\"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()\" [iconeNome]=\"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()\" [iconeNome]=\"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')\" [iconeNome]=\"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')\" [iconeNome]=\"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')\" [iconeNome]=\"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[iconeNome]=\"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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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(--sys-border-radius);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 {
@@ -5997,11 +5997,11 @@ class FieldsEmail extends BaseFieldsForm {
         this.campo()?.onInput?.(this.form());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: FieldsEmail, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", 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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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: "22.0.1", 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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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: "22.0.1", 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()\"\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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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 {
@@ -6037,11 +6037,11 @@ class FieldsIcon extends BaseFieldsForm {
         this.campo()?.onInput?.(this.form());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: FieldsIcon, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", 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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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", "iconeNome", "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: "22.0.1", 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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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", "iconeNome", "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: "22.0.1", 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()\"\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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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 {
@@ -6128,11 +6128,11 @@ class FieldsMultifactor extends BaseFieldsForm {
         ev.target?.select();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: FieldsMultifactor, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", 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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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: "22.0.1", 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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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: "22.0.1", 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()\"\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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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 {
@@ -6195,11 +6195,11 @@ class FieldsMultiText extends BaseFieldsForm {
         this.onChangeEmit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: FieldsMultiText, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", 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\ticoneNome=\"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\ticoneNome=\"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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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", "iconeNome", "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: "22.0.1", 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\ticoneNome=\"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\ticoneNome=\"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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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", "iconeNome", "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: "22.0.1", 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()\"\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\ticoneNome=\"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\ticoneNome=\"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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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\ticoneNome=\"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\ticoneNome=\"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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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 {
@@ -6224,11 +6224,11 @@ class FieldsNumber extends BaseFieldsForm {
         this.campo()?.onInput?.(this.form());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: FieldsNumber, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", 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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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: "22.0.1", 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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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: "22.0.1", 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()\"\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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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 {
@@ -6254,11 +6254,11 @@ class FieldsPassword extends BaseFieldsForm {
         event.stopPropagation();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: FieldsPassword, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", 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()\">\n\t\t\t\t\t<ui-icon [name]=\"hide() ? 'eye-slash' : 'eye'\"></ui-icon>\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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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", "iconeNome", "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"] }, { kind: "component", type: UiIcon, selector: "ui-icon", inputs: ["name"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", 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()\">\n\t\t\t\t\t<ui-icon [name]=\"hide() ? 'eye-slash' : 'eye'\"></ui-icon>\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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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", "iconeNome", "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"] }, { kind: "component", type: UiIcon, selector: "ui-icon", inputs: ["name"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: FieldsPassword, decorators: [{
             type: Component,
-            args: [{ selector: 'fields-password', imports: [UiButton, UiListErrors, UiIcon], 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()\">\n\t\t\t\t\t<ui-icon [name]=\"hide() ? 'eye-slash' : 'eye'\"></ui-icon>\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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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, UiIcon], 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()\">\n\t\t\t\t\t<ui-icon [name]=\"hide() ? 'eye-slash' : 'eye'\"></ui-icon>\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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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 {
@@ -6298,11 +6298,11 @@ class FieldsSearch extends BaseFieldsForm {
         this.onChangeEmit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: FieldsSearch, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", 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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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: "22.0.1", 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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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: "22.0.1", 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()\"\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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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 {
@@ -6336,11 +6336,11 @@ class FieldsSelect extends BaseFieldsForm {
         this.onChangeEmit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: FieldsSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", 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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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: "22.0.1", 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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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: "22.0.1", 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()\"\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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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 {
@@ -6371,11 +6371,11 @@ class FieldsSlide extends BaseFieldsForm {
         }, 1);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: FieldsSlide, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", 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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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: "22.0.1", 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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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: "22.0.1", 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()\"\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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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 {
@@ -6394,11 +6394,11 @@ class FieldsText extends BaseFieldsForm {
         this.campo()?.onInput?.(this.form());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: FieldsText, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", 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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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: "22.0.1", 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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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: "22.0.1", 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()\"\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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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 {
@@ -6529,11 +6529,11 @@ class FieldsUpload extends BaseFieldsForm {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: FieldsUpload, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", 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<ui-icon name=\"cloud-upload\"></ui-icon>\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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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"] }, { kind: "component", type: UiIcon, selector: "ui-icon", inputs: ["name"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", 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<ui-icon name=\"cloud-upload\"></ui-icon>\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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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"] }, { kind: "component", type: UiIcon, selector: "ui-icon", inputs: ["name"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: FieldsUpload, decorators: [{
             type: Component,
-            args: [{ selector: 'fields-upload', imports: [UiDropZone, UiFileList, UiListErrors, UiIcon], 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<ui-icon name=\"cloud-upload\"></ui-icon>\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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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, UiIcon], 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<ui-icon name=\"cloud-upload\"></ui-icon>\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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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 {
@@ -6552,11 +6552,11 @@ class FieldsTime extends BaseFieldsForm {
         this.campo()?.onInput?.(this.form());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: FieldsTime, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", 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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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: "22.0.1", 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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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: "22.0.1", 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()\"\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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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 {
@@ -6576,11 +6576,11 @@ class FieldsTextarea extends BaseFieldsForm {
         this.campo()?.onInput?.(this.form());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: FieldsTextarea, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", 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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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: "22.0.1", 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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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: "22.0.1", 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()\"\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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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 {
@@ -6656,11 +6656,11 @@ class FieldsMultiKV extends BaseFieldsForm {
         this.onChangeEmit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: FieldsMultiKV, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", 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\ticoneNome=\"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\ticoneNome=\"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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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", "iconeNome", "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: "22.0.1", 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\ticoneNome=\"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\ticoneNome=\"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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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", "iconeNome", "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: "22.0.1", 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()\"\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\ticoneNome=\"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\ticoneNome=\"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(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius);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\ticoneNome=\"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\ticoneNome=\"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(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);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(--sys-border-radius, 15px);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 {