oxpi-nglib 3.0.0 → 3.0.1

package/fesm2022/oxpi-nglib.mjs

@@ -484,11 +484,11 @@ class BusyIndicatorComponent {
     ngOnInit() {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: BusyIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: BusyIndicatorComponent, isStandalone: true, selector: "ox-busy-indicator", inputs: { isBusy: { classPropertyName: "isBusy", publicName: "isBusy", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (isBusy()) {\n  <div class=\"busy-indicator-container\">\n    <div class=\"busy-indicator\"></div>\n  </div>\n}", styles: [".busy-indicator-container{position:fixed;left:50%;top:35%;text-align:center;z-index:1000;margin-left:-47px;background:#fff;border-radius:8px;padding:20px;border:solid 2px transparent;background-clip:padding-box;box-shadow:10px 10px 10px #2e364414}.busy-indicator{border:10px solid #e2e2e2;border-top:10px solid var(--app-color, black);border-radius:50%;width:50px;height:50px;animation:spin .5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: BusyIndicatorComponent, isStandalone: true, selector: "ox-busy-indicator", inputs: { isBusy: { classPropertyName: "isBusy", publicName: "isBusy", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (isBusy()) {\r\n  <div class=\"busy-indicator-container\">\r\n    <div class=\"busy-indicator\"></div>\r\n  </div>\r\n}", styles: [".busy-indicator-container{position:fixed;left:50%;top:35%;text-align:center;z-index:1000;margin-left:-47px;background:#fff;border-radius:8px;padding:20px;border:solid 2px transparent;background-clip:padding-box;box-shadow:10px 10px 10px #2e364414}.busy-indicator{border:10px solid #e2e2e2;border-top:10px solid var(--app-color, black);border-radius:50%;width:50px;height:50px;animation:spin .5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: BusyIndicatorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ox-busy-indicator', changeDetection: ChangeDetectionStrategy.OnPush, imports: [], template: "@if (isBusy()) {\n  <div class=\"busy-indicator-container\">\n    <div class=\"busy-indicator\"></div>\n  </div>\n}", styles: [".busy-indicator-container{position:fixed;left:50%;top:35%;text-align:center;z-index:1000;margin-left:-47px;background:#fff;border-radius:8px;padding:20px;border:solid 2px transparent;background-clip:padding-box;box-shadow:10px 10px 10px #2e364414}.busy-indicator{border:10px solid #e2e2e2;border-top:10px solid var(--app-color, black);border-radius:50%;width:50px;height:50px;animation:spin .5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
+            args: [{ selector: 'ox-busy-indicator', changeDetection: ChangeDetectionStrategy.OnPush, imports: [], template: "@if (isBusy()) {\r\n  <div class=\"busy-indicator-container\">\r\n    <div class=\"busy-indicator\"></div>\r\n  </div>\r\n}", styles: [".busy-indicator-container{position:fixed;left:50%;top:35%;text-align:center;z-index:1000;margin-left:-47px;background:#fff;border-radius:8px;padding:20px;border:solid 2px transparent;background-clip:padding-box;box-shadow:10px 10px 10px #2e364414}.busy-indicator{border:10px solid #e2e2e2;border-top:10px solid var(--app-color, black);border-radius:50%;width:50px;height:50px;animation:spin .5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { isBusy: [{ type: i0.Input, args: [{ isSignal: true, alias: "isBusy", required: false }] }] } });
 
 class FuncionarioFormComponent {
@@ -525,11 +525,11 @@ class FuncionarioFormComponent {
         this.exibeAtribuicoes = ev.value === 2;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: FuncionarioFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: FuncionarioFormComponent, isStandalone: true, selector: "ox-funcionario-form", inputs: { model: "model" }, ngImport: i0, template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n@if (model) {\n  <div class=\"form-group\">\n    <label for=\"nome\">Nome</label>\n    <input id=\"nome\" [(ngModel)]=\"model.nome\" required class=\"form-control input-300\" tabindex=\"2\">\n  </div>\n}\n@if (model) {\n  <div class=\"form-group\">\n    <label for=\"cargo\">Cargo</label>\n    <mat-select id=\"cargo\" (selectionChange)=\"cargoChanged($event)\" [(value)]=\"model.cargoId\" tabindex=\"2\"\n      class=\"form-control input-300\" color=\"primary\">\n      @for (m of cargos; track m) {\n        <mat-option [value]=\"m.id\">\n          {{m.nome}}\n        </mat-option>\n      }\n    </mat-select>\n  </div>\n}\n@if (model) {\n  <div class=\"form-group\">\n    <label for=\"nome\">Nome</label>\n    <input id=\"nome\" [(ngModel)]=\"model.nome\" required class=\"form-control input-300\" tabindex=\"2\">\n  </div>\n}\n@if (model && exibeAtribuicoes) {\n  <div class=\"vbox margin-top-16\">\n    <label>Atribui\u00E7\u00F5es</label>\n    <div class=\"vbox gap-4 margin-top-8\">\n      <mat-slide-toggle [(ngModel)]=\"model.atribuicaoConferenciaCheckout\" tabindex=-1>Confer\u00EAncia Checkout\n      </mat-slide-toggle>\n      <mat-slide-toggle [(ngModel)]=\"model.atribuicaoLimpeza\" tabindex=-1>Limpeza</mat-slide-toggle>\n      <mat-slide-toggle [(ngModel)]=\"model.atribuicaoLiberacaoLimpeza\" tabindex=-1>Libera\u00E7\u00E3o de Limpeza</mat-slide-toggle>\n      <mat-slide-toggle [(ngModel)]=\"model.atribuicaoRevisao\" tabindex=-1>Revis\u00E3o</mat-slide-toggle>\n      <mat-slide-toggle [(ngModel)]=\"model.atribuicaoFinalizaPedido\" tabindex=-1>Finaliza Pedido</mat-slide-toggle>\n    </div>\n    <div class=\"form-group margin-top-16\">\n      <label for=\"senha\">Senha (opcional)</label>\n      <input id=\"senha\" [(ngModel)]=\"model.senha\" class=\"form-control input-120\" tabindex=\"3\">\n    </div>\n  </div>\n}", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i3.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: FuncionarioFormComponent, isStandalone: true, selector: "ox-funcionario-form", inputs: { model: "model" }, ngImport: i0, template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\r\n@if (model) {\r\n  <div class=\"form-group\">\r\n    <label for=\"nome\">Nome</label>\r\n    <input id=\"nome\" [(ngModel)]=\"model.nome\" required class=\"form-control input-300\" tabindex=\"2\">\r\n  </div>\r\n}\r\n@if (model) {\r\n  <div class=\"form-group\">\r\n    <label for=\"cargo\">Cargo</label>\r\n    <mat-select id=\"cargo\" (selectionChange)=\"cargoChanged($event)\" [(value)]=\"model.cargoId\" tabindex=\"2\"\r\n      class=\"form-control input-300\" color=\"primary\">\r\n      @for (m of cargos; track m) {\r\n        <mat-option [value]=\"m.id\">\r\n          {{m.nome}}\r\n        </mat-option>\r\n      }\r\n    </mat-select>\r\n  </div>\r\n}\r\n@if (model) {\r\n  <div class=\"form-group\">\r\n    <label for=\"nome\">Nome</label>\r\n    <input id=\"nome\" [(ngModel)]=\"model.nome\" required class=\"form-control input-300\" tabindex=\"2\">\r\n  </div>\r\n}\r\n@if (model && exibeAtribuicoes) {\r\n  <div class=\"vbox margin-top-16\">\r\n    <label>Atribui\u00E7\u00F5es</label>\r\n    <div class=\"vbox gap-4 margin-top-8\">\r\n      <mat-slide-toggle [(ngModel)]=\"model.atribuicaoConferenciaCheckout\" tabindex=-1>Confer\u00EAncia Checkout\r\n      </mat-slide-toggle>\r\n      <mat-slide-toggle [(ngModel)]=\"model.atribuicaoLimpeza\" tabindex=-1>Limpeza</mat-slide-toggle>\r\n      <mat-slide-toggle [(ngModel)]=\"model.atribuicaoLiberacaoLimpeza\" tabindex=-1>Libera\u00E7\u00E3o de Limpeza</mat-slide-toggle>\r\n      <mat-slide-toggle [(ngModel)]=\"model.atribuicaoRevisao\" tabindex=-1>Revis\u00E3o</mat-slide-toggle>\r\n      <mat-slide-toggle [(ngModel)]=\"model.atribuicaoFinalizaPedido\" tabindex=-1>Finaliza Pedido</mat-slide-toggle>\r\n    </div>\r\n    <div class=\"form-group margin-top-16\">\r\n      <label for=\"senha\">Senha (opcional)</label>\r\n      <input id=\"senha\" [(ngModel)]=\"model.senha\" class=\"form-control input-120\" tabindex=\"3\">\r\n    </div>\r\n  </div>\r\n}", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i3.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: FuncionarioFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ox-funcionario-form', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, MatSelectModule, MatSlideToggleModule, BusyIndicatorComponent], template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n@if (model) {\n  <div class=\"form-group\">\n    <label for=\"nome\">Nome</label>\n    <input id=\"nome\" [(ngModel)]=\"model.nome\" required class=\"form-control input-300\" tabindex=\"2\">\n  </div>\n}\n@if (model) {\n  <div class=\"form-group\">\n    <label for=\"cargo\">Cargo</label>\n    <mat-select id=\"cargo\" (selectionChange)=\"cargoChanged($event)\" [(value)]=\"model.cargoId\" tabindex=\"2\"\n      class=\"form-control input-300\" color=\"primary\">\n      @for (m of cargos; track m) {\n        <mat-option [value]=\"m.id\">\n          {{m.nome}}\n        </mat-option>\n      }\n    </mat-select>\n  </div>\n}\n@if (model) {\n  <div class=\"form-group\">\n    <label for=\"nome\">Nome</label>\n    <input id=\"nome\" [(ngModel)]=\"model.nome\" required class=\"form-control input-300\" tabindex=\"2\">\n  </div>\n}\n@if (model && exibeAtribuicoes) {\n  <div class=\"vbox margin-top-16\">\n    <label>Atribui\u00E7\u00F5es</label>\n    <div class=\"vbox gap-4 margin-top-8\">\n      <mat-slide-toggle [(ngModel)]=\"model.atribuicaoConferenciaCheckout\" tabindex=-1>Confer\u00EAncia Checkout\n      </mat-slide-toggle>\n      <mat-slide-toggle [(ngModel)]=\"model.atribuicaoLimpeza\" tabindex=-1>Limpeza</mat-slide-toggle>\n      <mat-slide-toggle [(ngModel)]=\"model.atribuicaoLiberacaoLimpeza\" tabindex=-1>Libera\u00E7\u00E3o de Limpeza</mat-slide-toggle>\n      <mat-slide-toggle [(ngModel)]=\"model.atribuicaoRevisao\" tabindex=-1>Revis\u00E3o</mat-slide-toggle>\n      <mat-slide-toggle [(ngModel)]=\"model.atribuicaoFinalizaPedido\" tabindex=-1>Finaliza Pedido</mat-slide-toggle>\n    </div>\n    <div class=\"form-group margin-top-16\">\n      <label for=\"senha\">Senha (opcional)</label>\n      <input id=\"senha\" [(ngModel)]=\"model.senha\" class=\"form-control input-120\" tabindex=\"3\">\n    </div>\n  </div>\n}" }]
+            args: [{ selector: 'ox-funcionario-form', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, MatSelectModule, MatSlideToggleModule, BusyIndicatorComponent], template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\r\n@if (model) {\r\n  <div class=\"form-group\">\r\n    <label for=\"nome\">Nome</label>\r\n    <input id=\"nome\" [(ngModel)]=\"model.nome\" required class=\"form-control input-300\" tabindex=\"2\">\r\n  </div>\r\n}\r\n@if (model) {\r\n  <div class=\"form-group\">\r\n    <label for=\"cargo\">Cargo</label>\r\n    <mat-select id=\"cargo\" (selectionChange)=\"cargoChanged($event)\" [(value)]=\"model.cargoId\" tabindex=\"2\"\r\n      class=\"form-control input-300\" color=\"primary\">\r\n      @for (m of cargos; track m) {\r\n        <mat-option [value]=\"m.id\">\r\n          {{m.nome}}\r\n        </mat-option>\r\n      }\r\n    </mat-select>\r\n  </div>\r\n}\r\n@if (model) {\r\n  <div class=\"form-group\">\r\n    <label for=\"nome\">Nome</label>\r\n    <input id=\"nome\" [(ngModel)]=\"model.nome\" required class=\"form-control input-300\" tabindex=\"2\">\r\n  </div>\r\n}\r\n@if (model && exibeAtribuicoes) {\r\n  <div class=\"vbox margin-top-16\">\r\n    <label>Atribui\u00E7\u00F5es</label>\r\n    <div class=\"vbox gap-4 margin-top-8\">\r\n      <mat-slide-toggle [(ngModel)]=\"model.atribuicaoConferenciaCheckout\" tabindex=-1>Confer\u00EAncia Checkout\r\n      </mat-slide-toggle>\r\n      <mat-slide-toggle [(ngModel)]=\"model.atribuicaoLimpeza\" tabindex=-1>Limpeza</mat-slide-toggle>\r\n      <mat-slide-toggle [(ngModel)]=\"model.atribuicaoLiberacaoLimpeza\" tabindex=-1>Libera\u00E7\u00E3o de Limpeza</mat-slide-toggle>\r\n      <mat-slide-toggle [(ngModel)]=\"model.atribuicaoRevisao\" tabindex=-1>Revis\u00E3o</mat-slide-toggle>\r\n      <mat-slide-toggle [(ngModel)]=\"model.atribuicaoFinalizaPedido\" tabindex=-1>Finaliza Pedido</mat-slide-toggle>\r\n    </div>\r\n    <div class=\"form-group margin-top-16\">\r\n      <label for=\"senha\">Senha (opcional)</label>\r\n      <input id=\"senha\" [(ngModel)]=\"model.senha\" class=\"form-control input-120\" tabindex=\"3\">\r\n    </div>\r\n  </div>\r\n}" }]
         }], propDecorators: { model: [{
                 type: Input
             }] } });
@@ -594,11 +594,11 @@ class FuncionarioAddDialogComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: FuncionarioAddDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: FuncionarioAddDialogComponent, isStandalone: true, selector: "ox-funcionario-add-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n  <h2 class=\"titulo\">Novo Funcion\u00E1rio</h2>\n  <button mat-icon-button [mat-dialog-close]>\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n<div class=\"dialog-content\">\n  @if (model) {\n    <ox-funcionario-form [model]=\"model\"></ox-funcionario-form>\n  }\n</div>\n<div class=\"dialog-footer\">\n  <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n  <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: FuncionarioFormComponent, selector: "ox-funcionario-form", inputs: ["model"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: FuncionarioAddDialogComponent, isStandalone: true, selector: "ox-funcionario-add-dialog", ngImport: i0, template: "<div class=\"ox-header\">\r\n  <h2 class=\"titulo\">Novo Funcion\u00E1rio</h2>\r\n  <button mat-icon-button [mat-dialog-close]>\r\n    <mat-icon>close</mat-icon>\r\n  </button>\r\n</div>\r\n<div class=\"dialog-content\">\r\n  @if (model) {\r\n    <ox-funcionario-form [model]=\"model\"></ox-funcionario-form>\r\n  }\r\n</div>\r\n<div class=\"dialog-footer\">\r\n  <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\r\n  <button mat-button [mat-dialog-close]>VOLTAR</button>\r\n</div>\r\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: FuncionarioFormComponent, selector: "ox-funcionario-form", inputs: ["model"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: FuncionarioAddDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ox-funcionario-add-dialog', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogModule, MatButtonModule, MatIconModule, FuncionarioFormComponent, BusyIndicatorComponent], template: "<div class=\"ox-header\">\n  <h2 class=\"titulo\">Novo Funcion\u00E1rio</h2>\n  <button mat-icon-button [mat-dialog-close]>\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n<div class=\"dialog-content\">\n  @if (model) {\n    <ox-funcionario-form [model]=\"model\"></ox-funcionario-form>\n  }\n</div>\n<div class=\"dialog-footer\">\n  <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n  <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
+            args: [{ selector: 'ox-funcionario-add-dialog', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogModule, MatButtonModule, MatIconModule, FuncionarioFormComponent, BusyIndicatorComponent], template: "<div class=\"ox-header\">\r\n  <h2 class=\"titulo\">Novo Funcion\u00E1rio</h2>\r\n  <button mat-icon-button [mat-dialog-close]>\r\n    <mat-icon>close</mat-icon>\r\n  </button>\r\n</div>\r\n<div class=\"dialog-content\">\r\n  @if (model) {\r\n    <ox-funcionario-form [model]=\"model\"></ox-funcionario-form>\r\n  }\r\n</div>\r\n<div class=\"dialog-footer\">\r\n  <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\r\n  <button mat-button [mat-dialog-close]>VOLTAR</button>\r\n</div>\r\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
         }], ctorParameters: () => [] });
 
 class FuncionarioEditDialogComponent {
@@ -651,11 +651,11 @@ class FuncionarioEditDialogComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: FuncionarioEditDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: FuncionarioEditDialogComponent, isStandalone: true, selector: "ox-funcionario-edit-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n  <h2 class=\"titulo\">Editando Funcion\u00E1rio</h2>\n  <button mat-icon-button [mat-dialog-close]>\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n<div class=\"dialog-content\">\n  @if (model) {\n    <ox-funcionario-form [model]=\"model\"></ox-funcionario-form>\n  }\n</div>\n<div class=\"dialog-footer\">\n  <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n  <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: FuncionarioFormComponent, selector: "ox-funcionario-form", inputs: ["model"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: FuncionarioEditDialogComponent, isStandalone: true, selector: "ox-funcionario-edit-dialog", ngImport: i0, template: "<div class=\"ox-header\">\r\n  <h2 class=\"titulo\">Editando Funcion\u00E1rio</h2>\r\n  <button mat-icon-button [mat-dialog-close]>\r\n    <mat-icon>close</mat-icon>\r\n  </button>\r\n</div>\r\n<div class=\"dialog-content\">\r\n  @if (model) {\r\n    <ox-funcionario-form [model]=\"model\"></ox-funcionario-form>\r\n  }\r\n</div>\r\n<div class=\"dialog-footer\">\r\n  <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\r\n  <button mat-button [mat-dialog-close]>VOLTAR</button>\r\n</div>\r\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: FuncionarioFormComponent, selector: "ox-funcionario-form", inputs: ["model"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: FuncionarioEditDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ox-funcionario-edit-dialog', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogModule, MatButtonModule, MatIconModule, FuncionarioFormComponent, BusyIndicatorComponent], template: "<div class=\"ox-header\">\n  <h2 class=\"titulo\">Editando Funcion\u00E1rio</h2>\n  <button mat-icon-button [mat-dialog-close]>\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n<div class=\"dialog-content\">\n  @if (model) {\n    <ox-funcionario-form [model]=\"model\"></ox-funcionario-form>\n  }\n</div>\n<div class=\"dialog-footer\">\n  <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n  <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
+            args: [{ selector: 'ox-funcionario-edit-dialog', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogModule, MatButtonModule, MatIconModule, FuncionarioFormComponent, BusyIndicatorComponent], template: "<div class=\"ox-header\">\r\n  <h2 class=\"titulo\">Editando Funcion\u00E1rio</h2>\r\n  <button mat-icon-button [mat-dialog-close]>\r\n    <mat-icon>close</mat-icon>\r\n  </button>\r\n</div>\r\n<div class=\"dialog-content\">\r\n  @if (model) {\r\n    <ox-funcionario-form [model]=\"model\"></ox-funcionario-form>\r\n  }\r\n</div>\r\n<div class=\"dialog-footer\">\r\n  <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\r\n  <button mat-button [mat-dialog-close]>VOLTAR</button>\r\n</div>\r\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
         }], ctorParameters: () => [] });
 
 const fadeAnimation = trigger('fade', [
@@ -926,6 +926,7 @@ class AuthDataService {
         financasMensal: false,
         financasResumoDiario: false,
         financasConfiguracoes: false,
+        financasNewDashboard: false,
         recepcaoEnergizar: false,
         recepcaoConfiguracoes: false,
         recepcaoTrocaOperador: false,
@@ -1136,11 +1137,11 @@ class ItemCardComponent {
     ngOnInit() {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ItemCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: ItemCardComponent, isStandalone: true, selector: "ox-item-card", inputs: { nome: { classPropertyName: "nome", publicName: "nome", isSignal: true, isRequired: false, transformFunction: null }, codigo: { classPropertyName: "codigo", publicName: "codigo", isSignal: false, isRequired: false, transformFunction: null }, star: { classPropertyName: "star", publicName: "star", isSignal: true, isRequired: false, transformFunction: null }, cloud: { classPropertyName: "cloud", publicName: "cloud", isSignal: true, isRequired: false, transformFunction: null }, desativado: { classPropertyName: "desativado", publicName: "desativado", isSignal: true, isRequired: false, transformFunction: null }, ownership: { classPropertyName: "ownership", publicName: "ownership", isSignal: false, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"nome-codigo-row\">@if (codigo) {\n  <span class=\"codigo\">{{codigo}}</span>\n}{{nome()}}</div>\n\n<div class=\"icons-row\">\n  @if (ownership) {\n    <div class=\"ownership\">\n      @if (ownership?.usuarioLogin) {\n        <span class=\"usuario\">{{ownership?.usuarioLogin}}</span>\n      }\n      @if (ownership?.startTime) {\n        <span class=\"startEndTime\">\n          <span class=\"startTime\">{{ownership?.startTime  | date:\"dd/MM/yy\"}}</span>\n        </span>\n      }\n    </div>\n  }\n  @if (star()) {\n    <span class=\"material-icons star\">\n      grade\n    </span>\n  }\n  @if (desativado() === true) {\n    <span class=\"material-icons desativado\">\n      dangerous\n    </span>\n  }\n  @if (cloud() === false) {\n    <span class=\"material-icons sync-pendente\">\n      cloud_queue\n    </span>\n  }\n  @if (cloud() === true) {\n    <span class=\"material-icons sync-concluido\">\n      cloud_done\n    </span>\n  }\n</div>", styles: [":host{display:flex;flex-direction:row;border-bottom:1px solid #e6e9ec;border-left:3px solid #e6e9ec;padding:12px 16px;background:#fff;justify-content:space-between;cursor:pointer;flex-shrink:0;align-items:center;transition:border-left-color 1s;-webkit-user-select:none;user-select:none;font-size:small}:host:hover{box-shadow:0 0 16px #0000000f;background:transparent;z-index:1}:host(.selected){border-left-color:var(--app-color, black);z-index:1;box-shadow:0 0 8px 5px #00000008;flex-shrink:0;background:linear-gradient(45deg,var(--item-card-selected-bg, rgba(0, 0, 0, .05)),transparent)}.ownership{background:transparent;display:flex;flex-direction:column;align-items:center}.ownership .usuario{font-size:x-small;color:#515962;text-transform:lowercase}.ownership .startTime,.ownership .endTime{font-size:xx-small}.ownership .startEndTime{display:flex;flex-direction:row;color:#464646}.nome-codigo-row{display:flex;flex-direction:row;flex-grow:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-right:8px}.icons-row{display:flex;flex-direction:row;align-items:center;gap:8px}.codigo{color:#666;font-size:x-small;border-radius:4px;padding:0 4px;width:50px;min-width:50px;text-align:center;border:1px solid #eee;margin-right:16px;display:flex;align-items:center;justify-content:center}.sync-pendente{color:#141212;font-size:16px}.sync-concluido{color:#dbdbdb;font-size:16px}.star{color:#000}.desativado{color:#8f07bb;font-size:16px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i4.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: ItemCardComponent, isStandalone: true, selector: "ox-item-card", inputs: { nome: { classPropertyName: "nome", publicName: "nome", isSignal: true, isRequired: false, transformFunction: null }, codigo: { classPropertyName: "codigo", publicName: "codigo", isSignal: false, isRequired: false, transformFunction: null }, star: { classPropertyName: "star", publicName: "star", isSignal: true, isRequired: false, transformFunction: null }, cloud: { classPropertyName: "cloud", publicName: "cloud", isSignal: true, isRequired: false, transformFunction: null }, desativado: { classPropertyName: "desativado", publicName: "desativado", isSignal: true, isRequired: false, transformFunction: null }, ownership: { classPropertyName: "ownership", publicName: "ownership", isSignal: false, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"nome-codigo-row\">@if (codigo) {\r\n  <span class=\"codigo\">{{codigo}}</span>\r\n}{{nome()}}</div>\r\n\r\n<div class=\"icons-row\">\r\n  @if (ownership) {\r\n    <div class=\"ownership\">\r\n      @if (ownership?.usuarioLogin) {\r\n        <span class=\"usuario\">{{ownership?.usuarioLogin}}</span>\r\n      }\r\n      @if (ownership?.startTime) {\r\n        <span class=\"startEndTime\">\r\n          <span class=\"startTime\">{{ownership?.startTime  | date:\"dd/MM/yy\"}}</span>\r\n        </span>\r\n      }\r\n    </div>\r\n  }\r\n  @if (star()) {\r\n    <span class=\"material-icons star\">\r\n      grade\r\n    </span>\r\n  }\r\n  @if (desativado() === true) {\r\n    <span class=\"material-icons desativado\">\r\n      dangerous\r\n    </span>\r\n  }\r\n  @if (cloud() === false) {\r\n    <span class=\"material-icons sync-pendente\">\r\n      cloud_queue\r\n    </span>\r\n  }\r\n  @if (cloud() === true) {\r\n    <span class=\"material-icons sync-concluido\">\r\n      cloud_done\r\n    </span>\r\n  }\r\n</div>", styles: [":host{display:flex;flex-direction:row;border-bottom:1px solid #e6e9ec;border-left:3px solid #e6e9ec;padding:12px 16px;background:#fff;justify-content:space-between;cursor:pointer;flex-shrink:0;align-items:center;transition:border-left-color 1s;-webkit-user-select:none;user-select:none;font-size:small}:host:hover{box-shadow:0 0 16px #0000000f;background:transparent;z-index:1}:host(.selected){border-left-color:var(--app-color, black);z-index:1;box-shadow:0 0 8px 5px #00000008;flex-shrink:0;background:linear-gradient(45deg,var(--item-card-selected-bg, rgba(0, 0, 0, .05)),transparent)}.ownership{background:transparent;display:flex;flex-direction:column;align-items:center}.ownership .usuario{font-size:x-small;color:#515962;text-transform:lowercase}.ownership .startTime,.ownership .endTime{font-size:xx-small}.ownership .startEndTime{display:flex;flex-direction:row;color:#464646}.nome-codigo-row{display:flex;flex-direction:row;flex-grow:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-right:8px}.icons-row{display:flex;flex-direction:row;align-items:center;gap:8px}.codigo{color:#666;font-size:x-small;border-radius:4px;padding:0 4px;width:50px;min-width:50px;text-align:center;border:1px solid #eee;margin-right:16px;display:flex;align-items:center;justify-content:center}.sync-pendente{color:#141212;font-size:16px}.sync-concluido{color:#dbdbdb;font-size:16px}.star{color:#000}.desativado{color:#8f07bb;font-size:16px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i4.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ItemCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ox-item-card', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule], template: "<div class=\"nome-codigo-row\">@if (codigo) {\n  <span class=\"codigo\">{{codigo}}</span>\n}{{nome()}}</div>\n\n<div class=\"icons-row\">\n  @if (ownership) {\n    <div class=\"ownership\">\n      @if (ownership?.usuarioLogin) {\n        <span class=\"usuario\">{{ownership?.usuarioLogin}}</span>\n      }\n      @if (ownership?.startTime) {\n        <span class=\"startEndTime\">\n          <span class=\"startTime\">{{ownership?.startTime  | date:\"dd/MM/yy\"}}</span>\n        </span>\n      }\n    </div>\n  }\n  @if (star()) {\n    <span class=\"material-icons star\">\n      grade\n    </span>\n  }\n  @if (desativado() === true) {\n    <span class=\"material-icons desativado\">\n      dangerous\n    </span>\n  }\n  @if (cloud() === false) {\n    <span class=\"material-icons sync-pendente\">\n      cloud_queue\n    </span>\n  }\n  @if (cloud() === true) {\n    <span class=\"material-icons sync-concluido\">\n      cloud_done\n    </span>\n  }\n</div>", styles: [":host{display:flex;flex-direction:row;border-bottom:1px solid #e6e9ec;border-left:3px solid #e6e9ec;padding:12px 16px;background:#fff;justify-content:space-between;cursor:pointer;flex-shrink:0;align-items:center;transition:border-left-color 1s;-webkit-user-select:none;user-select:none;font-size:small}:host:hover{box-shadow:0 0 16px #0000000f;background:transparent;z-index:1}:host(.selected){border-left-color:var(--app-color, black);z-index:1;box-shadow:0 0 8px 5px #00000008;flex-shrink:0;background:linear-gradient(45deg,var(--item-card-selected-bg, rgba(0, 0, 0, .05)),transparent)}.ownership{background:transparent;display:flex;flex-direction:column;align-items:center}.ownership .usuario{font-size:x-small;color:#515962;text-transform:lowercase}.ownership .startTime,.ownership .endTime{font-size:xx-small}.ownership .startEndTime{display:flex;flex-direction:row;color:#464646}.nome-codigo-row{display:flex;flex-direction:row;flex-grow:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-right:8px}.icons-row{display:flex;flex-direction:row;align-items:center;gap:8px}.codigo{color:#666;font-size:x-small;border-radius:4px;padding:0 4px;width:50px;min-width:50px;text-align:center;border:1px solid #eee;margin-right:16px;display:flex;align-items:center;justify-content:center}.sync-pendente{color:#141212;font-size:16px}.sync-concluido{color:#dbdbdb;font-size:16px}.star{color:#000}.desativado{color:#8f07bb;font-size:16px}\n"] }]
+            args: [{ selector: 'ox-item-card', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule], template: "<div class=\"nome-codigo-row\">@if (codigo) {\r\n  <span class=\"codigo\">{{codigo}}</span>\r\n}{{nome()}}</div>\r\n\r\n<div class=\"icons-row\">\r\n  @if (ownership) {\r\n    <div class=\"ownership\">\r\n      @if (ownership?.usuarioLogin) {\r\n        <span class=\"usuario\">{{ownership?.usuarioLogin}}</span>\r\n      }\r\n      @if (ownership?.startTime) {\r\n        <span class=\"startEndTime\">\r\n          <span class=\"startTime\">{{ownership?.startTime  | date:\"dd/MM/yy\"}}</span>\r\n        </span>\r\n      }\r\n    </div>\r\n  }\r\n  @if (star()) {\r\n    <span class=\"material-icons star\">\r\n      grade\r\n    </span>\r\n  }\r\n  @if (desativado() === true) {\r\n    <span class=\"material-icons desativado\">\r\n      dangerous\r\n    </span>\r\n  }\r\n  @if (cloud() === false) {\r\n    <span class=\"material-icons sync-pendente\">\r\n      cloud_queue\r\n    </span>\r\n  }\r\n  @if (cloud() === true) {\r\n    <span class=\"material-icons sync-concluido\">\r\n      cloud_done\r\n    </span>\r\n  }\r\n</div>", styles: [":host{display:flex;flex-direction:row;border-bottom:1px solid #e6e9ec;border-left:3px solid #e6e9ec;padding:12px 16px;background:#fff;justify-content:space-between;cursor:pointer;flex-shrink:0;align-items:center;transition:border-left-color 1s;-webkit-user-select:none;user-select:none;font-size:small}:host:hover{box-shadow:0 0 16px #0000000f;background:transparent;z-index:1}:host(.selected){border-left-color:var(--app-color, black);z-index:1;box-shadow:0 0 8px 5px #00000008;flex-shrink:0;background:linear-gradient(45deg,var(--item-card-selected-bg, rgba(0, 0, 0, .05)),transparent)}.ownership{background:transparent;display:flex;flex-direction:column;align-items:center}.ownership .usuario{font-size:x-small;color:#515962;text-transform:lowercase}.ownership .startTime,.ownership .endTime{font-size:xx-small}.ownership .startEndTime{display:flex;flex-direction:row;color:#464646}.nome-codigo-row{display:flex;flex-direction:row;flex-grow:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-right:8px}.icons-row{display:flex;flex-direction:row;align-items:center;gap:8px}.codigo{color:#666;font-size:x-small;border-radius:4px;padding:0 4px;width:50px;min-width:50px;text-align:center;border:1px solid #eee;margin-right:16px;display:flex;align-items:center;justify-content:center}.sync-pendente{color:#141212;font-size:16px}.sync-concluido{color:#dbdbdb;font-size:16px}.star{color:#000}.desativado{color:#8f07bb;font-size:16px}\n"] }]
         }], propDecorators: { nome: [{ type: i0.Input, args: [{ isSignal: true, alias: "nome", required: false }] }], codigo: [{
                 type: Input
             }], star: [{ type: i0.Input, args: [{ isSignal: true, alias: "star", required: false }] }], cloud: [{ type: i0.Input, args: [{ isSignal: true, alias: "cloud", required: false }] }], desativado: [{ type: i0.Input, args: [{ isSignal: true, alias: "desativado", required: false }] }], ownership: [{
@@ -1286,11 +1287,11 @@ class FuncionariosComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: FuncionariosComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: FuncionariosComponent, isStandalone: true, selector: "ox-funcionarios", ngImport: i0, template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n@if (mobile) {\n  <div class=\"tool-panel\">\n    <div class=\"tool-section\">\n      <label>Pesquisa</label>\n      <div class=\"search-input-container\">\n        <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n      </div>\n    </div>\n    <div class=\"tool-section ordem-sm2\">\n      <label>A\u00E7\u00F5es</label>\n      <div class=\"tool-row\">\n        <button mat-icon-button (click)=\"atualiza()\">\n          <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n        </button>\n        @if (allowAdd) {\n          <button mat-icon-button (click)=\"novo()\">\n            <mat-icon aria-label=\"Novo\">add</mat-icon>\n          </button>\n        }\n        @if (selectedItem && allowExcluir) {\n          <button mat-icon-button (click)=\"excluir()\" [@fade]>\n            <mat-icon aria-label=\"Excluir\">delete</mat-icon>\n          </button>\n        }\n      </div>\n    </div>\n  </div>\n}\n@if (items) {\n  <div class=\"result-container\">\n    @if (mobile) {\n      <div class=\"cards-container cards-container-shadow\">\n        @for (i of items; track i) {\n          <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" (click)=\"abreCadastro(i)\"></ox-item-card>\n        }\n      </div>\n    }\n    @if (!mobile) {\n      <div class=\"listagem-desktop-grid\">\n        <div class=\"listagem-column-container listagem-list-column\">\n          <h3>Funcion\u00E1rios</h3>\n          <div class=\"tool-panel tool-panel-float\">\n            <div class=\"tool-section\">\n              <label>Pesquisa</label>\n              <div class=\"search-input-container\">\n                <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n              </div>\n            </div>\n            <div class=\"tool-section ordem-sm2\">\n              <label>A\u00E7\u00F5es</label>\n              <div class=\"tool-row\">\n                <button mat-icon-button (click)=\"atualiza()\">\n                  <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n                </button>\n                @if (allowAdd) {\n                  <button mat-icon-button (click)=\"novo()\">\n                    <mat-icon aria-label=\"Novo\">add</mat-icon>\n                  </button>\n                }\n                @if (selectedItem && allowExcluir) {\n                  <button mat-icon-button (click)=\"excluir()\" [@fade]>\n                    <mat-icon aria-label=\"Excluir\">delete</mat-icon>\n                  </button>\n                }\n              </div>\n            </div>\n          </div>\n          <div class=\"listagem-list-container\">\n            @if (items.length === 0) {\n              <h4 class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\n            }\n            @for (i of items; track i) {\n              <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" [class.selected]=\"i === selectedItem\"\n              (click)=\"selectedItem = i;\"></ox-item-card>\n            }\n          </div>\n        </div>\n        <div class=\"listagem-column-container listagem-column-form\">\n          @if (!selectedItem) {\n            <h3>Selecione um funcion\u00E1rio no lado direito</h3>\n          }\n          @if (selectedItem) {\n            <h3>{{selectedItem.nome | uppercase}}</h3>\n          }\n          <div class=\"listagem-form-container\">\n            @if (selectedItem) {\n              <ox-funcionario-form [@fade] [model]=\"selectedItem\">\n              </ox-funcionario-form>\n            }\n          </div>\n          <div class=\"listagem-form-acoes\">\n            @if (selectedItem) {\n              <button (click)=\"salvar()\" mat-fab color=\"primary\" tabindex=\"20\">\n                <mat-icon>save</mat-icon>\n              </button>\n            }\n          </div>\n        </div>\n      </div>\n    }\n  </div>\n}", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#f0f0f0}:host{background-color:#fdfdfd}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: ItemCardComponent, selector: "ox-item-card", inputs: ["nome", "codigo", "star", "cloud", "desativado", "ownership"] }, { kind: "component", type: FuncionarioFormComponent, selector: "ox-funcionario-form", inputs: ["model"] }, { kind: "pipe", type: i4.UpperCasePipe, name: "uppercase" }], animations: [fadeAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: FuncionariosComponent, isStandalone: true, selector: "ox-funcionarios", ngImport: i0, template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\r\n@if (mobile) {\r\n  <div class=\"tool-panel\">\r\n    <div class=\"tool-section\">\r\n      <label>Pesquisa</label>\r\n      <div class=\"search-input-container\">\r\n        <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\r\n      </div>\r\n    </div>\r\n    <div class=\"tool-section ordem-sm2\">\r\n      <label>A\u00E7\u00F5es</label>\r\n      <div class=\"tool-row\">\r\n        <button mat-icon-button (click)=\"atualiza()\">\r\n          <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\r\n        </button>\r\n        @if (allowAdd) {\r\n          <button mat-icon-button (click)=\"novo()\">\r\n            <mat-icon aria-label=\"Novo\">add</mat-icon>\r\n          </button>\r\n        }\r\n        @if (selectedItem && allowExcluir) {\r\n          <button mat-icon-button (click)=\"excluir()\" [@fade]>\r\n            <mat-icon aria-label=\"Excluir\">delete</mat-icon>\r\n          </button>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n}\r\n@if (items) {\r\n  <div class=\"result-container\">\r\n    @if (mobile) {\r\n      <div class=\"cards-container cards-container-shadow\">\r\n        @for (i of items; track i) {\r\n          <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" (click)=\"abreCadastro(i)\"></ox-item-card>\r\n        }\r\n      </div>\r\n    }\r\n    @if (!mobile) {\r\n      <div class=\"listagem-desktop-grid\">\r\n        <div class=\"listagem-column-container listagem-list-column\">\r\n          <h3>Funcion\u00E1rios</h3>\r\n          <div class=\"tool-panel tool-panel-float\">\r\n            <div class=\"tool-section\">\r\n              <label>Pesquisa</label>\r\n              <div class=\"search-input-container\">\r\n                <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\r\n              </div>\r\n            </div>\r\n            <div class=\"tool-section ordem-sm2\">\r\n              <label>A\u00E7\u00F5es</label>\r\n              <div class=\"tool-row\">\r\n                <button mat-icon-button (click)=\"atualiza()\">\r\n                  <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\r\n                </button>\r\n                @if (allowAdd) {\r\n                  <button mat-icon-button (click)=\"novo()\">\r\n                    <mat-icon aria-label=\"Novo\">add</mat-icon>\r\n                  </button>\r\n                }\r\n                @if (selectedItem && allowExcluir) {\r\n                  <button mat-icon-button (click)=\"excluir()\" [@fade]>\r\n                    <mat-icon aria-label=\"Excluir\">delete</mat-icon>\r\n                  </button>\r\n                }\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"listagem-list-container\">\r\n            @if (items.length === 0) {\r\n              <h4 class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\r\n            }\r\n            @for (i of items; track i) {\r\n              <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" [class.selected]=\"i === selectedItem\"\r\n              (click)=\"selectedItem = i;\"></ox-item-card>\r\n            }\r\n          </div>\r\n        </div>\r\n        <div class=\"listagem-column-container listagem-column-form\">\r\n          @if (!selectedItem) {\r\n            <h3>Selecione um funcion\u00E1rio no lado direito</h3>\r\n          }\r\n          @if (selectedItem) {\r\n            <h3>{{selectedItem.nome | uppercase}}</h3>\r\n          }\r\n          <div class=\"listagem-form-container\">\r\n            @if (selectedItem) {\r\n              <ox-funcionario-form [@fade] [model]=\"selectedItem\">\r\n              </ox-funcionario-form>\r\n            }\r\n          </div>\r\n          <div class=\"listagem-form-acoes\">\r\n            @if (selectedItem) {\r\n              <button (click)=\"salvar()\" mat-fab color=\"primary\" tabindex=\"20\">\r\n                <mat-icon>save</mat-icon>\r\n              </button>\r\n            }\r\n          </div>\r\n        </div>\r\n      </div>\r\n    }\r\n  </div>\r\n}", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#f0f0f0}:host{background-color:#fdfdfd}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: ItemCardComponent, selector: "ox-item-card", inputs: ["nome", "codigo", "star", "cloud", "desativado", "ownership"] }, { kind: "component", type: FuncionarioFormComponent, selector: "ox-funcionario-form", inputs: ["model"] }, { kind: "pipe", type: i4.UpperCasePipe, name: "uppercase" }], animations: [fadeAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: FuncionariosComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ox-funcionarios', animations: [fadeAnimation], changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, FormsModule, MatButtonModule, MatIconModule, BusyIndicatorComponent, ItemCardComponent, FuncionarioFormComponent], template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n@if (mobile) {\n  <div class=\"tool-panel\">\n    <div class=\"tool-section\">\n      <label>Pesquisa</label>\n      <div class=\"search-input-container\">\n        <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n      </div>\n    </div>\n    <div class=\"tool-section ordem-sm2\">\n      <label>A\u00E7\u00F5es</label>\n      <div class=\"tool-row\">\n        <button mat-icon-button (click)=\"atualiza()\">\n          <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n        </button>\n        @if (allowAdd) {\n          <button mat-icon-button (click)=\"novo()\">\n            <mat-icon aria-label=\"Novo\">add</mat-icon>\n          </button>\n        }\n        @if (selectedItem && allowExcluir) {\n          <button mat-icon-button (click)=\"excluir()\" [@fade]>\n            <mat-icon aria-label=\"Excluir\">delete</mat-icon>\n          </button>\n        }\n      </div>\n    </div>\n  </div>\n}\n@if (items) {\n  <div class=\"result-container\">\n    @if (mobile) {\n      <div class=\"cards-container cards-container-shadow\">\n        @for (i of items; track i) {\n          <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" (click)=\"abreCadastro(i)\"></ox-item-card>\n        }\n      </div>\n    }\n    @if (!mobile) {\n      <div class=\"listagem-desktop-grid\">\n        <div class=\"listagem-column-container listagem-list-column\">\n          <h3>Funcion\u00E1rios</h3>\n          <div class=\"tool-panel tool-panel-float\">\n            <div class=\"tool-section\">\n              <label>Pesquisa</label>\n              <div class=\"search-input-container\">\n                <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n              </div>\n            </div>\n            <div class=\"tool-section ordem-sm2\">\n              <label>A\u00E7\u00F5es</label>\n              <div class=\"tool-row\">\n                <button mat-icon-button (click)=\"atualiza()\">\n                  <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n                </button>\n                @if (allowAdd) {\n                  <button mat-icon-button (click)=\"novo()\">\n                    <mat-icon aria-label=\"Novo\">add</mat-icon>\n                  </button>\n                }\n                @if (selectedItem && allowExcluir) {\n                  <button mat-icon-button (click)=\"excluir()\" [@fade]>\n                    <mat-icon aria-label=\"Excluir\">delete</mat-icon>\n                  </button>\n                }\n              </div>\n            </div>\n          </div>\n          <div class=\"listagem-list-container\">\n            @if (items.length === 0) {\n              <h4 class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\n            }\n            @for (i of items; track i) {\n              <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" [class.selected]=\"i === selectedItem\"\n              (click)=\"selectedItem = i;\"></ox-item-card>\n            }\n          </div>\n        </div>\n        <div class=\"listagem-column-container listagem-column-form\">\n          @if (!selectedItem) {\n            <h3>Selecione um funcion\u00E1rio no lado direito</h3>\n          }\n          @if (selectedItem) {\n            <h3>{{selectedItem.nome | uppercase}}</h3>\n          }\n          <div class=\"listagem-form-container\">\n            @if (selectedItem) {\n              <ox-funcionario-form [@fade] [model]=\"selectedItem\">\n              </ox-funcionario-form>\n            }\n          </div>\n          <div class=\"listagem-form-acoes\">\n            @if (selectedItem) {\n              <button (click)=\"salvar()\" mat-fab color=\"primary\" tabindex=\"20\">\n                <mat-icon>save</mat-icon>\n              </button>\n            }\n          </div>\n        </div>\n      </div>\n    }\n  </div>\n}", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#f0f0f0}:host{background-color:#fdfdfd}\n"] }]
+            args: [{ selector: 'ox-funcionarios', animations: [fadeAnimation], changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, FormsModule, MatButtonModule, MatIconModule, BusyIndicatorComponent, ItemCardComponent, FuncionarioFormComponent], template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\r\n@if (mobile) {\r\n  <div class=\"tool-panel\">\r\n    <div class=\"tool-section\">\r\n      <label>Pesquisa</label>\r\n      <div class=\"search-input-container\">\r\n        <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\r\n      </div>\r\n    </div>\r\n    <div class=\"tool-section ordem-sm2\">\r\n      <label>A\u00E7\u00F5es</label>\r\n      <div class=\"tool-row\">\r\n        <button mat-icon-button (click)=\"atualiza()\">\r\n          <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\r\n        </button>\r\n        @if (allowAdd) {\r\n          <button mat-icon-button (click)=\"novo()\">\r\n            <mat-icon aria-label=\"Novo\">add</mat-icon>\r\n          </button>\r\n        }\r\n        @if (selectedItem && allowExcluir) {\r\n          <button mat-icon-button (click)=\"excluir()\" [@fade]>\r\n            <mat-icon aria-label=\"Excluir\">delete</mat-icon>\r\n          </button>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n}\r\n@if (items) {\r\n  <div class=\"result-container\">\r\n    @if (mobile) {\r\n      <div class=\"cards-container cards-container-shadow\">\r\n        @for (i of items; track i) {\r\n          <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" (click)=\"abreCadastro(i)\"></ox-item-card>\r\n        }\r\n      </div>\r\n    }\r\n    @if (!mobile) {\r\n      <div class=\"listagem-desktop-grid\">\r\n        <div class=\"listagem-column-container listagem-list-column\">\r\n          <h3>Funcion\u00E1rios</h3>\r\n          <div class=\"tool-panel tool-panel-float\">\r\n            <div class=\"tool-section\">\r\n              <label>Pesquisa</label>\r\n              <div class=\"search-input-container\">\r\n                <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\r\n              </div>\r\n            </div>\r\n            <div class=\"tool-section ordem-sm2\">\r\n              <label>A\u00E7\u00F5es</label>\r\n              <div class=\"tool-row\">\r\n                <button mat-icon-button (click)=\"atualiza()\">\r\n                  <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\r\n                </button>\r\n                @if (allowAdd) {\r\n                  <button mat-icon-button (click)=\"novo()\">\r\n                    <mat-icon aria-label=\"Novo\">add</mat-icon>\r\n                  </button>\r\n                }\r\n                @if (selectedItem && allowExcluir) {\r\n                  <button mat-icon-button (click)=\"excluir()\" [@fade]>\r\n                    <mat-icon aria-label=\"Excluir\">delete</mat-icon>\r\n                  </button>\r\n                }\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"listagem-list-container\">\r\n            @if (items.length === 0) {\r\n              <h4 class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\r\n            }\r\n            @for (i of items; track i) {\r\n              <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" [class.selected]=\"i === selectedItem\"\r\n              (click)=\"selectedItem = i;\"></ox-item-card>\r\n            }\r\n          </div>\r\n        </div>\r\n        <div class=\"listagem-column-container listagem-column-form\">\r\n          @if (!selectedItem) {\r\n            <h3>Selecione um funcion\u00E1rio no lado direito</h3>\r\n          }\r\n          @if (selectedItem) {\r\n            <h3>{{selectedItem.nome | uppercase}}</h3>\r\n          }\r\n          <div class=\"listagem-form-container\">\r\n            @if (selectedItem) {\r\n              <ox-funcionario-form [@fade] [model]=\"selectedItem\">\r\n              </ox-funcionario-form>\r\n            }\r\n          </div>\r\n          <div class=\"listagem-form-acoes\">\r\n            @if (selectedItem) {\r\n              <button (click)=\"salvar()\" mat-fab color=\"primary\" tabindex=\"20\">\r\n                <mat-icon>save</mat-icon>\r\n              </button>\r\n            }\r\n          </div>\r\n        </div>\r\n      </div>\r\n    }\r\n  </div>\r\n}", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#f0f0f0}:host{background-color:#fdfdfd}\n"] }]
         }], ctorParameters: () => [] });
 
 class ClientesFormComponent {
@@ -1307,11 +1308,11 @@ class ClientesFormComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ClientesFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: ClientesFormComponent, isStandalone: true, selector: "app-clientes-form", inputs: { model: "model" }, ngImport: i0, template: "@if (model) {\n  <div class=\"form-section vbox\">\n    <h4>Dados Principais</h4>\n    <div class=\"hbox gap-16\">\n      <div class=\"form-block\">\n        <label>{{model.juridica ? 'CNPJ' : 'CPF' }}</label>\n        <input [(ngModel)]=\"model.cnpjCpf\" class=\"form-control input-180\" mask=\"000.000.000-00||00.000.000/0000-00\"\n          tabindex=\"3\">\n      </div>\n      <div class=\"form-block\">\n        <label>{{model.juridica ? 'IE' : 'RG' }}</label>\n        <input [(ngModel)]=\"model.ieRg\" class=\"form-control input-120\" tabindex=\"3\">\n      </div>\n      @if (!model.juridica) {\n        <div class=\"form-block\">\n          <label>Org\u00E3o Expeditor</label>\n          <input [(ngModel)]=\"model.orgaoExpedidor\" class=\"form-control input-120\" tabindex=\"3\">\n        </div>\n      }\n    </div>\n    <div class=\"hbox gap-16\">\n      <div class=\"form-block\">\n        <label>{{model.juridica ? 'Nome' : 'Raz\u00E3o Social' }}</label>\n        <input id=\"nome\" required cdkFocusInitial [(ngModel)]=\"model.nome\" class=\"form-control input-300\"\n          tabindex=\"1\">\n      </div>\n    </div>\n    @if (model.juridica) {\n      <div class=\"form-block\">\n        <label>Nome Fantasia</label>\n        <input id=\"nome\" [(ngModel)]=\"model.fantasia\" class=\"form-control input-300\" tabindex=\"1\">\n      </div>\n    }\n    <mat-checkbox [(ngModel)]=\"model.juridica\" tabindex=\"4\">Pessoa Jur\u00EDdica</mat-checkbox>\n  </div>\n  <div class=\"form-section vbox\">\n    <h4>Contato</h4>\n    <div class=\"hbox gap-16\">\n      <div class=\"form-block\">\n        <label>Telefone</label>\n        <input [(ngModel)]=\"model.telefone\" mask=\"(00)00000-0000\" class=\"form-control input-180\" tabindex=\"3\">\n        <mat-checkbox [(ngModel)]=\"model.recebeWhatsApp\" tabindex=\"4\"\n        style=\"margin-top: 8px; max-width: 180px;\">Deseja receber WhatsApp</mat-checkbox>\n      </div>\n      <div class=\"form-block\">\n        <label>E-mail</label>\n        <input [(ngModel)]=\"model.email\" type=\"email\" class=\"form-control input-260\" tabindex=\"3\">\n        <mat-checkbox [(ngModel)]=\"model.recebeEmail\" tabindex=\"4\" style=\"margin-top: 8px; max-width: 260px;\">Deseja\n        receber E-mail</mat-checkbox>\n      </div>\n    </div>\n  </div>\n  <div class=\"form-section vbox\">\n    <h4>Endere\u00E7o</h4>\n    <div class=\"hbox gap-16\">\n      <div class=\"form-block\">\n        <label>Endere\u00E7o</label>\n        <input [(ngModel)]=\"model.endereco\" class=\"form-control input-260\" tabindex=\"3\">\n      </div>\n      <div class=\"form-block\">\n        <label>N\u00FAmero</label>\n        <input [(ngModel)]=\"model.numero\" class=\"form-control input-120\" tabindex=\"3\">\n      </div>\n    </div>\n    <div class=\"hbox gap-16\">\n      <div class=\"form-block\">\n        <label>CEP</label>\n        <input [(ngModel)]=\"model.cep\" mask=\"00000-000\" class=\"form-control input-120\" tabindex=\"3\">\n      </div>\n      <div class=\"form-block\">\n        <label>Bairro</label>\n        <input [(ngModel)]=\"model.bairro\" class=\"form-control input-260\" tabindex=\"3\">\n      </div>\n    </div>\n    <div class=\"hbox gap-16\">\n      <div class=\"form-block\">\n        <label>Complemento</label>\n        <input [(ngModel)]=\"model.complemento\" class=\"form-control input-120\" tabindex=\"3\">\n      </div>\n      <div class=\"form-block\">\n        <label>Cidade</label>\n        <input [(ngModel)]=\"model.cidade\" class=\"form-control input-120\" tabindex=\"3\">\n      </div>\n      <div class=\"form-block\">\n        <label>Estado</label>\n        <mat-select [(ngModel)]=\"model.uf\" tabindex=\"3\" style=\"width: 80px;\" class=\"form-control\" color=\"primary\">\n          @for (e of estados; track e) {\n            <mat-option [value]=\"e\">\n              {{e}}\n            </mat-option>\n          }\n        </mat-select>\n      </div>\n    </div>\n  </div>\n  <div class=\"form-section vbox\">\n    <h4>Complemento</h4>\n    @if (!model.juridica) {\n      <div class=\"hbox gap-16\">\n        <div class=\"form-block\">\n          <label>Data Nascimento</label>\n          <div class=\"hbox\">\n            <input id=\"vencimento\" [(ngModel)]=\"model.dataNascimento\" class=\"form-control input-small\"\n              [matDatepicker]=\"pickerdataNascimento\" tabindex=\"8\">\n            <mat-datepicker-toggle [for]=\"pickerdataNascimento\"></mat-datepicker-toggle>\n            <mat-datepicker [touchUi]=\"false\" #pickerdataNascimento></mat-datepicker>\n          </div>\n        </div>\n        <div class=\"form-block\">\n          <label>Sexo</label>\n          <mat-select id=\"sexo\" [(ngModel)]=\"model.sexo\" tabindex=\"8\" style=\"width: 80px;\" class=\"form-control\"\n            color=\"primary\">\n            @for (m of sexos; track m) {\n              <mat-option [value]=\"m\">\n                {{m}}\n              </mat-option>\n            }\n          </mat-select>\n        </div>\n      </div>\n    }\n    <div class=\"hbox gap-16\">\n      <div class=\"form-block\">\n        <label>Observa\u00E7\u00F5es</label>\n        <input [(ngModel)]=\"model.obs\" class=\"form-control input-300\" tabindex=\"3\">\n      </div>\n      <div class=\"form-block\">\n        <label>Contato</label>\n        <input [(ngModel)]=\"model.contato\" class=\"form-control input-120\" tabindex=\"3\">\n      </div>\n    </div>\n    <div class=\"hbox gap-16\">\n      <div class=\"form-block\">\n        <label>Profiss\u00E3o</label>\n        <input [(ngModel)]=\"model.profissao\" class=\"form-control input-120\" tabindex=\"3\">\n      </div>\n      <div class=\"form-block\">\n        <label>\u00DAltimo Destino</label>\n        <input [(ngModel)]=\"model.ultimoDestino\" class=\"form-control input-120\" tabindex=\"3\">\n      </div>\n      <div class=\"form-block\">\n        <label>Pr\u00F3ximo Destino</label>\n        <input [(ngModel)]=\"model.proximoDestino\" class=\"form-control input-120\" tabindex=\"3\">\n      </div>\n    </div>\n  </div>\n}", styles: [":host{display:flex;flex-direction:column;gap:16px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2$2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i4$1.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i4$1.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i4$1.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: ClientesFormComponent, isStandalone: true, selector: "app-clientes-form", inputs: { model: "model" }, ngImport: i0, template: "@if (model) {\r\n  <div class=\"form-section vbox\">\r\n    <h4>Dados Principais</h4>\r\n    <div class=\"hbox gap-16\">\r\n      <div class=\"form-block\">\r\n        <label>{{model.juridica ? 'CNPJ' : 'CPF' }}</label>\r\n        <input [(ngModel)]=\"model.cnpjCpf\" class=\"form-control input-180\" mask=\"000.000.000-00||00.000.000/0000-00\"\r\n          tabindex=\"3\">\r\n      </div>\r\n      <div class=\"form-block\">\r\n        <label>{{model.juridica ? 'IE' : 'RG' }}</label>\r\n        <input [(ngModel)]=\"model.ieRg\" class=\"form-control input-120\" tabindex=\"3\">\r\n      </div>\r\n      @if (!model.juridica) {\r\n        <div class=\"form-block\">\r\n          <label>Org\u00E3o Expeditor</label>\r\n          <input [(ngModel)]=\"model.orgaoExpedidor\" class=\"form-control input-120\" tabindex=\"3\">\r\n        </div>\r\n      }\r\n    </div>\r\n    <div class=\"hbox gap-16\">\r\n      <div class=\"form-block\">\r\n        <label>{{model.juridica ? 'Nome' : 'Raz\u00E3o Social' }}</label>\r\n        <input id=\"nome\" required cdkFocusInitial [(ngModel)]=\"model.nome\" class=\"form-control input-300\"\r\n          tabindex=\"1\">\r\n      </div>\r\n    </div>\r\n    @if (model.juridica) {\r\n      <div class=\"form-block\">\r\n        <label>Nome Fantasia</label>\r\n        <input id=\"nome\" [(ngModel)]=\"model.fantasia\" class=\"form-control input-300\" tabindex=\"1\">\r\n      </div>\r\n    }\r\n    <mat-checkbox [(ngModel)]=\"model.juridica\" tabindex=\"4\">Pessoa Jur\u00EDdica</mat-checkbox>\r\n  </div>\r\n  <div class=\"form-section vbox\">\r\n    <h4>Contato</h4>\r\n    <div class=\"hbox gap-16\">\r\n      <div class=\"form-block\">\r\n        <label>Telefone</label>\r\n        <input [(ngModel)]=\"model.telefone\" mask=\"(00)00000-0000\" class=\"form-control input-180\" tabindex=\"3\">\r\n        <mat-checkbox [(ngModel)]=\"model.recebeWhatsApp\" tabindex=\"4\"\r\n        style=\"margin-top: 8px; max-width: 180px;\">Deseja receber WhatsApp</mat-checkbox>\r\n      </div>\r\n      <div class=\"form-block\">\r\n        <label>E-mail</label>\r\n        <input [(ngModel)]=\"model.email\" type=\"email\" class=\"form-control input-260\" tabindex=\"3\">\r\n        <mat-checkbox [(ngModel)]=\"model.recebeEmail\" tabindex=\"4\" style=\"margin-top: 8px; max-width: 260px;\">Deseja\r\n        receber E-mail</mat-checkbox>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"form-section vbox\">\r\n    <h4>Endere\u00E7o</h4>\r\n    <div class=\"hbox gap-16\">\r\n      <div class=\"form-block\">\r\n        <label>Endere\u00E7o</label>\r\n        <input [(ngModel)]=\"model.endereco\" class=\"form-control input-260\" tabindex=\"3\">\r\n      </div>\r\n      <div class=\"form-block\">\r\n        <label>N\u00FAmero</label>\r\n        <input [(ngModel)]=\"model.numero\" class=\"form-control input-120\" tabindex=\"3\">\r\n      </div>\r\n    </div>\r\n    <div class=\"hbox gap-16\">\r\n      <div class=\"form-block\">\r\n        <label>CEP</label>\r\n        <input [(ngModel)]=\"model.cep\" mask=\"00000-000\" class=\"form-control input-120\" tabindex=\"3\">\r\n      </div>\r\n      <div class=\"form-block\">\r\n        <label>Bairro</label>\r\n        <input [(ngModel)]=\"model.bairro\" class=\"form-control input-260\" tabindex=\"3\">\r\n      </div>\r\n    </div>\r\n    <div class=\"hbox gap-16\">\r\n      <div class=\"form-block\">\r\n        <label>Complemento</label>\r\n        <input [(ngModel)]=\"model.complemento\" class=\"form-control input-120\" tabindex=\"3\">\r\n      </div>\r\n      <div class=\"form-block\">\r\n        <label>Cidade</label>\r\n        <input [(ngModel)]=\"model.cidade\" class=\"form-control input-120\" tabindex=\"3\">\r\n      </div>\r\n      <div class=\"form-block\">\r\n        <label>Estado</label>\r\n        <mat-select [(ngModel)]=\"model.uf\" tabindex=\"3\" style=\"width: 80px;\" class=\"form-control\" color=\"primary\">\r\n          @for (e of estados; track e) {\r\n            <mat-option [value]=\"e\">\r\n              {{e}}\r\n            </mat-option>\r\n          }\r\n        </mat-select>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"form-section vbox\">\r\n    <h4>Complemento</h4>\r\n    @if (!model.juridica) {\r\n      <div class=\"hbox gap-16\">\r\n        <div class=\"form-block\">\r\n          <label>Data Nascimento</label>\r\n          <div class=\"hbox\">\r\n            <input id=\"vencimento\" [(ngModel)]=\"model.dataNascimento\" class=\"form-control input-small\"\r\n              [matDatepicker]=\"pickerdataNascimento\" tabindex=\"8\">\r\n            <mat-datepicker-toggle [for]=\"pickerdataNascimento\"></mat-datepicker-toggle>\r\n            <mat-datepicker [touchUi]=\"false\" #pickerdataNascimento></mat-datepicker>\r\n          </div>\r\n        </div>\r\n        <div class=\"form-block\">\r\n          <label>Sexo</label>\r\n          <mat-select id=\"sexo\" [(ngModel)]=\"model.sexo\" tabindex=\"8\" style=\"width: 80px;\" class=\"form-control\"\r\n            color=\"primary\">\r\n            @for (m of sexos; track m) {\r\n              <mat-option [value]=\"m\">\r\n                {{m}}\r\n              </mat-option>\r\n            }\r\n          </mat-select>\r\n        </div>\r\n      </div>\r\n    }\r\n    <div class=\"hbox gap-16\">\r\n      <div class=\"form-block\">\r\n        <label>Observa\u00E7\u00F5es</label>\r\n        <input [(ngModel)]=\"model.obs\" class=\"form-control input-300\" tabindex=\"3\">\r\n      </div>\r\n      <div class=\"form-block\">\r\n        <label>Contato</label>\r\n        <input [(ngModel)]=\"model.contato\" class=\"form-control input-120\" tabindex=\"3\">\r\n      </div>\r\n    </div>\r\n    <div class=\"hbox gap-16\">\r\n      <div class=\"form-block\">\r\n        <label>Profiss\u00E3o</label>\r\n        <input [(ngModel)]=\"model.profissao\" class=\"form-control input-120\" tabindex=\"3\">\r\n      </div>\r\n      <div class=\"form-block\">\r\n        <label>\u00DAltimo Destino</label>\r\n        <input [(ngModel)]=\"model.ultimoDestino\" class=\"form-control input-120\" tabindex=\"3\">\r\n      </div>\r\n      <div class=\"form-block\">\r\n        <label>Pr\u00F3ximo Destino</label>\r\n        <input [(ngModel)]=\"model.proximoDestino\" class=\"form-control input-120\" tabindex=\"3\">\r\n      </div>\r\n    </div>\r\n  </div>\r\n}", styles: [":host{display:flex;flex-direction:column;gap:16px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2$2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i4$1.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i4$1.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i4$1.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ClientesFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-clientes-form', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, NgxMaskDirective, MatCheckboxModule, MatSelectModule, MatDatepickerModule], template: "@if (model) {\n  <div class=\"form-section vbox\">\n    <h4>Dados Principais</h4>\n    <div class=\"hbox gap-16\">\n      <div class=\"form-block\">\n        <label>{{model.juridica ? 'CNPJ' : 'CPF' }}</label>\n        <input [(ngModel)]=\"model.cnpjCpf\" class=\"form-control input-180\" mask=\"000.000.000-00||00.000.000/0000-00\"\n          tabindex=\"3\">\n      </div>\n      <div class=\"form-block\">\n        <label>{{model.juridica ? 'IE' : 'RG' }}</label>\n        <input [(ngModel)]=\"model.ieRg\" class=\"form-control input-120\" tabindex=\"3\">\n      </div>\n      @if (!model.juridica) {\n        <div class=\"form-block\">\n          <label>Org\u00E3o Expeditor</label>\n          <input [(ngModel)]=\"model.orgaoExpedidor\" class=\"form-control input-120\" tabindex=\"3\">\n        </div>\n      }\n    </div>\n    <div class=\"hbox gap-16\">\n      <div class=\"form-block\">\n        <label>{{model.juridica ? 'Nome' : 'Raz\u00E3o Social' }}</label>\n        <input id=\"nome\" required cdkFocusInitial [(ngModel)]=\"model.nome\" class=\"form-control input-300\"\n          tabindex=\"1\">\n      </div>\n    </div>\n    @if (model.juridica) {\n      <div class=\"form-block\">\n        <label>Nome Fantasia</label>\n        <input id=\"nome\" [(ngModel)]=\"model.fantasia\" class=\"form-control input-300\" tabindex=\"1\">\n      </div>\n    }\n    <mat-checkbox [(ngModel)]=\"model.juridica\" tabindex=\"4\">Pessoa Jur\u00EDdica</mat-checkbox>\n  </div>\n  <div class=\"form-section vbox\">\n    <h4>Contato</h4>\n    <div class=\"hbox gap-16\">\n      <div class=\"form-block\">\n        <label>Telefone</label>\n        <input [(ngModel)]=\"model.telefone\" mask=\"(00)00000-0000\" class=\"form-control input-180\" tabindex=\"3\">\n        <mat-checkbox [(ngModel)]=\"model.recebeWhatsApp\" tabindex=\"4\"\n        style=\"margin-top: 8px; max-width: 180px;\">Deseja receber WhatsApp</mat-checkbox>\n      </div>\n      <div class=\"form-block\">\n        <label>E-mail</label>\n        <input [(ngModel)]=\"model.email\" type=\"email\" class=\"form-control input-260\" tabindex=\"3\">\n        <mat-checkbox [(ngModel)]=\"model.recebeEmail\" tabindex=\"4\" style=\"margin-top: 8px; max-width: 260px;\">Deseja\n        receber E-mail</mat-checkbox>\n      </div>\n    </div>\n  </div>\n  <div class=\"form-section vbox\">\n    <h4>Endere\u00E7o</h4>\n    <div class=\"hbox gap-16\">\n      <div class=\"form-block\">\n        <label>Endere\u00E7o</label>\n        <input [(ngModel)]=\"model.endereco\" class=\"form-control input-260\" tabindex=\"3\">\n      </div>\n      <div class=\"form-block\">\n        <label>N\u00FAmero</label>\n        <input [(ngModel)]=\"model.numero\" class=\"form-control input-120\" tabindex=\"3\">\n      </div>\n    </div>\n    <div class=\"hbox gap-16\">\n      <div class=\"form-block\">\n        <label>CEP</label>\n        <input [(ngModel)]=\"model.cep\" mask=\"00000-000\" class=\"form-control input-120\" tabindex=\"3\">\n      </div>\n      <div class=\"form-block\">\n        <label>Bairro</label>\n        <input [(ngModel)]=\"model.bairro\" class=\"form-control input-260\" tabindex=\"3\">\n      </div>\n    </div>\n    <div class=\"hbox gap-16\">\n      <div class=\"form-block\">\n        <label>Complemento</label>\n        <input [(ngModel)]=\"model.complemento\" class=\"form-control input-120\" tabindex=\"3\">\n      </div>\n      <div class=\"form-block\">\n        <label>Cidade</label>\n        <input [(ngModel)]=\"model.cidade\" class=\"form-control input-120\" tabindex=\"3\">\n      </div>\n      <div class=\"form-block\">\n        <label>Estado</label>\n        <mat-select [(ngModel)]=\"model.uf\" tabindex=\"3\" style=\"width: 80px;\" class=\"form-control\" color=\"primary\">\n          @for (e of estados; track e) {\n            <mat-option [value]=\"e\">\n              {{e}}\n            </mat-option>\n          }\n        </mat-select>\n      </div>\n    </div>\n  </div>\n  <div class=\"form-section vbox\">\n    <h4>Complemento</h4>\n    @if (!model.juridica) {\n      <div class=\"hbox gap-16\">\n        <div class=\"form-block\">\n          <label>Data Nascimento</label>\n          <div class=\"hbox\">\n            <input id=\"vencimento\" [(ngModel)]=\"model.dataNascimento\" class=\"form-control input-small\"\n              [matDatepicker]=\"pickerdataNascimento\" tabindex=\"8\">\n            <mat-datepicker-toggle [for]=\"pickerdataNascimento\"></mat-datepicker-toggle>\n            <mat-datepicker [touchUi]=\"false\" #pickerdataNascimento></mat-datepicker>\n          </div>\n        </div>\n        <div class=\"form-block\">\n          <label>Sexo</label>\n          <mat-select id=\"sexo\" [(ngModel)]=\"model.sexo\" tabindex=\"8\" style=\"width: 80px;\" class=\"form-control\"\n            color=\"primary\">\n            @for (m of sexos; track m) {\n              <mat-option [value]=\"m\">\n                {{m}}\n              </mat-option>\n            }\n          </mat-select>\n        </div>\n      </div>\n    }\n    <div class=\"hbox gap-16\">\n      <div class=\"form-block\">\n        <label>Observa\u00E7\u00F5es</label>\n        <input [(ngModel)]=\"model.obs\" class=\"form-control input-300\" tabindex=\"3\">\n      </div>\n      <div class=\"form-block\">\n        <label>Contato</label>\n        <input [(ngModel)]=\"model.contato\" class=\"form-control input-120\" tabindex=\"3\">\n      </div>\n    </div>\n    <div class=\"hbox gap-16\">\n      <div class=\"form-block\">\n        <label>Profiss\u00E3o</label>\n        <input [(ngModel)]=\"model.profissao\" class=\"form-control input-120\" tabindex=\"3\">\n      </div>\n      <div class=\"form-block\">\n        <label>\u00DAltimo Destino</label>\n        <input [(ngModel)]=\"model.ultimoDestino\" class=\"form-control input-120\" tabindex=\"3\">\n      </div>\n      <div class=\"form-block\">\n        <label>Pr\u00F3ximo Destino</label>\n        <input [(ngModel)]=\"model.proximoDestino\" class=\"form-control input-120\" tabindex=\"3\">\n      </div>\n    </div>\n  </div>\n}", styles: [":host{display:flex;flex-direction:column;gap:16px}\n"] }]
+            args: [{ selector: 'app-clientes-form', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, NgxMaskDirective, MatCheckboxModule, MatSelectModule, MatDatepickerModule], template: "@if (model) {\r\n  <div class=\"form-section vbox\">\r\n    <h4>Dados Principais</h4>\r\n    <div class=\"hbox gap-16\">\r\n      <div class=\"form-block\">\r\n        <label>{{model.juridica ? 'CNPJ' : 'CPF' }}</label>\r\n        <input [(ngModel)]=\"model.cnpjCpf\" class=\"form-control input-180\" mask=\"000.000.000-00||00.000.000/0000-00\"\r\n          tabindex=\"3\">\r\n      </div>\r\n      <div class=\"form-block\">\r\n        <label>{{model.juridica ? 'IE' : 'RG' }}</label>\r\n        <input [(ngModel)]=\"model.ieRg\" class=\"form-control input-120\" tabindex=\"3\">\r\n      </div>\r\n      @if (!model.juridica) {\r\n        <div class=\"form-block\">\r\n          <label>Org\u00E3o Expeditor</label>\r\n          <input [(ngModel)]=\"model.orgaoExpedidor\" class=\"form-control input-120\" tabindex=\"3\">\r\n        </div>\r\n      }\r\n    </div>\r\n    <div class=\"hbox gap-16\">\r\n      <div class=\"form-block\">\r\n        <label>{{model.juridica ? 'Nome' : 'Raz\u00E3o Social' }}</label>\r\n        <input id=\"nome\" required cdkFocusInitial [(ngModel)]=\"model.nome\" class=\"form-control input-300\"\r\n          tabindex=\"1\">\r\n      </div>\r\n    </div>\r\n    @if (model.juridica) {\r\n      <div class=\"form-block\">\r\n        <label>Nome Fantasia</label>\r\n        <input id=\"nome\" [(ngModel)]=\"model.fantasia\" class=\"form-control input-300\" tabindex=\"1\">\r\n      </div>\r\n    }\r\n    <mat-checkbox [(ngModel)]=\"model.juridica\" tabindex=\"4\">Pessoa Jur\u00EDdica</mat-checkbox>\r\n  </div>\r\n  <div class=\"form-section vbox\">\r\n    <h4>Contato</h4>\r\n    <div class=\"hbox gap-16\">\r\n      <div class=\"form-block\">\r\n        <label>Telefone</label>\r\n        <input [(ngModel)]=\"model.telefone\" mask=\"(00)00000-0000\" class=\"form-control input-180\" tabindex=\"3\">\r\n        <mat-checkbox [(ngModel)]=\"model.recebeWhatsApp\" tabindex=\"4\"\r\n        style=\"margin-top: 8px; max-width: 180px;\">Deseja receber WhatsApp</mat-checkbox>\r\n      </div>\r\n      <div class=\"form-block\">\r\n        <label>E-mail</label>\r\n        <input [(ngModel)]=\"model.email\" type=\"email\" class=\"form-control input-260\" tabindex=\"3\">\r\n        <mat-checkbox [(ngModel)]=\"model.recebeEmail\" tabindex=\"4\" style=\"margin-top: 8px; max-width: 260px;\">Deseja\r\n        receber E-mail</mat-checkbox>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"form-section vbox\">\r\n    <h4>Endere\u00E7o</h4>\r\n    <div class=\"hbox gap-16\">\r\n      <div class=\"form-block\">\r\n        <label>Endere\u00E7o</label>\r\n        <input [(ngModel)]=\"model.endereco\" class=\"form-control input-260\" tabindex=\"3\">\r\n      </div>\r\n      <div class=\"form-block\">\r\n        <label>N\u00FAmero</label>\r\n        <input [(ngModel)]=\"model.numero\" class=\"form-control input-120\" tabindex=\"3\">\r\n      </div>\r\n    </div>\r\n    <div class=\"hbox gap-16\">\r\n      <div class=\"form-block\">\r\n        <label>CEP</label>\r\n        <input [(ngModel)]=\"model.cep\" mask=\"00000-000\" class=\"form-control input-120\" tabindex=\"3\">\r\n      </div>\r\n      <div class=\"form-block\">\r\n        <label>Bairro</label>\r\n        <input [(ngModel)]=\"model.bairro\" class=\"form-control input-260\" tabindex=\"3\">\r\n      </div>\r\n    </div>\r\n    <div class=\"hbox gap-16\">\r\n      <div class=\"form-block\">\r\n        <label>Complemento</label>\r\n        <input [(ngModel)]=\"model.complemento\" class=\"form-control input-120\" tabindex=\"3\">\r\n      </div>\r\n      <div class=\"form-block\">\r\n        <label>Cidade</label>\r\n        <input [(ngModel)]=\"model.cidade\" class=\"form-control input-120\" tabindex=\"3\">\r\n      </div>\r\n      <div class=\"form-block\">\r\n        <label>Estado</label>\r\n        <mat-select [(ngModel)]=\"model.uf\" tabindex=\"3\" style=\"width: 80px;\" class=\"form-control\" color=\"primary\">\r\n          @for (e of estados; track e) {\r\n            <mat-option [value]=\"e\">\r\n              {{e}}\r\n            </mat-option>\r\n          }\r\n        </mat-select>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"form-section vbox\">\r\n    <h4>Complemento</h4>\r\n    @if (!model.juridica) {\r\n      <div class=\"hbox gap-16\">\r\n        <div class=\"form-block\">\r\n          <label>Data Nascimento</label>\r\n          <div class=\"hbox\">\r\n            <input id=\"vencimento\" [(ngModel)]=\"model.dataNascimento\" class=\"form-control input-small\"\r\n              [matDatepicker]=\"pickerdataNascimento\" tabindex=\"8\">\r\n            <mat-datepicker-toggle [for]=\"pickerdataNascimento\"></mat-datepicker-toggle>\r\n            <mat-datepicker [touchUi]=\"false\" #pickerdataNascimento></mat-datepicker>\r\n          </div>\r\n        </div>\r\n        <div class=\"form-block\">\r\n          <label>Sexo</label>\r\n          <mat-select id=\"sexo\" [(ngModel)]=\"model.sexo\" tabindex=\"8\" style=\"width: 80px;\" class=\"form-control\"\r\n            color=\"primary\">\r\n            @for (m of sexos; track m) {\r\n              <mat-option [value]=\"m\">\r\n                {{m}}\r\n              </mat-option>\r\n            }\r\n          </mat-select>\r\n        </div>\r\n      </div>\r\n    }\r\n    <div class=\"hbox gap-16\">\r\n      <div class=\"form-block\">\r\n        <label>Observa\u00E7\u00F5es</label>\r\n        <input [(ngModel)]=\"model.obs\" class=\"form-control input-300\" tabindex=\"3\">\r\n      </div>\r\n      <div class=\"form-block\">\r\n        <label>Contato</label>\r\n        <input [(ngModel)]=\"model.contato\" class=\"form-control input-120\" tabindex=\"3\">\r\n      </div>\r\n    </div>\r\n    <div class=\"hbox gap-16\">\r\n      <div class=\"form-block\">\r\n        <label>Profiss\u00E3o</label>\r\n        <input [(ngModel)]=\"model.profissao\" class=\"form-control input-120\" tabindex=\"3\">\r\n      </div>\r\n      <div class=\"form-block\">\r\n        <label>\u00DAltimo Destino</label>\r\n        <input [(ngModel)]=\"model.ultimoDestino\" class=\"form-control input-120\" tabindex=\"3\">\r\n      </div>\r\n      <div class=\"form-block\">\r\n        <label>Pr\u00F3ximo Destino</label>\r\n        <input [(ngModel)]=\"model.proximoDestino\" class=\"form-control input-120\" tabindex=\"3\">\r\n      </div>\r\n    </div>\r\n  </div>\r\n}", styles: [":host{display:flex;flex-direction:column;gap:16px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { model: [{
                 type: Input
             }] } });
@@ -1377,11 +1378,11 @@ class ClientesAddDialogComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ClientesAddDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: ClientesAddDialogComponent, isStandalone: true, selector: "app-clientes-add-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n  <h2 class=\"titulo\">Novo Cliente</h2>\n  <button mat-icon-button [mat-dialog-close]>\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n<div class=\"dialog-content\">\n  @if (model) {\n    <app-clientes-form [model]=\"model\"></app-clientes-form>\n  }\n</div>\n<div class=\"dialog-footer\">\n  <button mat-button color=\"primary\" [disabled]=\"isBusy\" (click)=\"salvar()\"  tabindex=\"100\">SALVAR</button>\n  <button mat-button [mat-dialog-close] >VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ClientesFormComponent, selector: "app-clientes-form", inputs: ["model"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: ClientesAddDialogComponent, isStandalone: true, selector: "app-clientes-add-dialog", ngImport: i0, template: "<div class=\"ox-header\">\r\n  <h2 class=\"titulo\">Novo Cliente</h2>\r\n  <button mat-icon-button [mat-dialog-close]>\r\n    <mat-icon>close</mat-icon>\r\n  </button>\r\n</div>\r\n<div class=\"dialog-content\">\r\n  @if (model) {\r\n    <app-clientes-form [model]=\"model\"></app-clientes-form>\r\n  }\r\n</div>\r\n<div class=\"dialog-footer\">\r\n  <button mat-button color=\"primary\" [disabled]=\"isBusy\" (click)=\"salvar()\"  tabindex=\"100\">SALVAR</button>\r\n  <button mat-button [mat-dialog-close] >VOLTAR</button>\r\n</div>\r\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ClientesFormComponent, selector: "app-clientes-form", inputs: ["model"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ClientesAddDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-clientes-add-dialog', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogModule, MatButtonModule, MatIconModule, ClientesFormComponent, BusyIndicatorComponent], template: "<div class=\"ox-header\">\n  <h2 class=\"titulo\">Novo Cliente</h2>\n  <button mat-icon-button [mat-dialog-close]>\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n<div class=\"dialog-content\">\n  @if (model) {\n    <app-clientes-form [model]=\"model\"></app-clientes-form>\n  }\n</div>\n<div class=\"dialog-footer\">\n  <button mat-button color=\"primary\" [disabled]=\"isBusy\" (click)=\"salvar()\"  tabindex=\"100\">SALVAR</button>\n  <button mat-button [mat-dialog-close] >VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
+            args: [{ selector: 'app-clientes-add-dialog', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogModule, MatButtonModule, MatIconModule, ClientesFormComponent, BusyIndicatorComponent], template: "<div class=\"ox-header\">\r\n  <h2 class=\"titulo\">Novo Cliente</h2>\r\n  <button mat-icon-button [mat-dialog-close]>\r\n    <mat-icon>close</mat-icon>\r\n  </button>\r\n</div>\r\n<div class=\"dialog-content\">\r\n  @if (model) {\r\n    <app-clientes-form [model]=\"model\"></app-clientes-form>\r\n  }\r\n</div>\r\n<div class=\"dialog-footer\">\r\n  <button mat-button color=\"primary\" [disabled]=\"isBusy\" (click)=\"salvar()\"  tabindex=\"100\">SALVAR</button>\r\n  <button mat-button [mat-dialog-close] >VOLTAR</button>\r\n</div>\r\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
         }], ctorParameters: () => [] });
 
 class ClientesEditDialogComponent {
@@ -1437,11 +1438,11 @@ class ClientesEditDialogComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ClientesEditDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: ClientesEditDialogComponent, isStandalone: true, selector: "app-clientes-edit-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n  <h2 class=\"titulo\">Editando Cliente</h2>\n  <button mat-icon-button [mat-dialog-close]>\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n<div class=\"dialog-content\">\n  @if (model) {\n    <app-clientes-form [model]=\"model\"></app-clientes-form>\n  }\n</div>\n<div class=\"dialog-footer\">\n  <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n  <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ClientesFormComponent, selector: "app-clientes-form", inputs: ["model"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: ClientesEditDialogComponent, isStandalone: true, selector: "app-clientes-edit-dialog", ngImport: i0, template: "<div class=\"ox-header\">\r\n  <h2 class=\"titulo\">Editando Cliente</h2>\r\n  <button mat-icon-button [mat-dialog-close]>\r\n    <mat-icon>close</mat-icon>\r\n  </button>\r\n</div>\r\n<div class=\"dialog-content\">\r\n  @if (model) {\r\n    <app-clientes-form [model]=\"model\"></app-clientes-form>\r\n  }\r\n</div>\r\n<div class=\"dialog-footer\">\r\n  <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\r\n  <button mat-button [mat-dialog-close]>VOLTAR</button>\r\n</div>\r\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ClientesFormComponent, selector: "app-clientes-form", inputs: ["model"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ClientesEditDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-clientes-edit-dialog', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogModule, MatButtonModule, MatIconModule, ClientesFormComponent, BusyIndicatorComponent], template: "<div class=\"ox-header\">\n  <h2 class=\"titulo\">Editando Cliente</h2>\n  <button mat-icon-button [mat-dialog-close]>\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n<div class=\"dialog-content\">\n  @if (model) {\n    <app-clientes-form [model]=\"model\"></app-clientes-form>\n  }\n</div>\n<div class=\"dialog-footer\">\n  <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n  <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
+            args: [{ selector: 'app-clientes-edit-dialog', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogModule, MatButtonModule, MatIconModule, ClientesFormComponent, BusyIndicatorComponent], template: "<div class=\"ox-header\">\r\n  <h2 class=\"titulo\">Editando Cliente</h2>\r\n  <button mat-icon-button [mat-dialog-close]>\r\n    <mat-icon>close</mat-icon>\r\n  </button>\r\n</div>\r\n<div class=\"dialog-content\">\r\n  @if (model) {\r\n    <app-clientes-form [model]=\"model\"></app-clientes-form>\r\n  }\r\n</div>\r\n<div class=\"dialog-footer\">\r\n  <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\r\n  <button mat-button [mat-dialog-close]>VOLTAR</button>\r\n</div>\r\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
         }], ctorParameters: () => [] });
 
 class ClientesComponent {
@@ -1591,11 +1592,11 @@ class ClientesComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ClientesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: ClientesComponent, isStandalone: true, selector: "app-clientes", ngImport: i0, template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n@if (mobile) {\n  <div class=\"tool-panel\">\n    <div class=\"tool-section ordem-sm2\">\n      <label>A\u00E7\u00F5es</label>\n      <div class=\"tool-row\">\n        <button mat-icon-button (click)=\"atualiza()\">\n          <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n        </button>\n        @if (allowAdd) {\n          <button mat-icon-button (click)=\"novo()\">\n            <mat-icon aria-label=\"Novo Grupo\">add</mat-icon>\n          </button>\n        }\n        @if (selectedItem && allowExcluir) {\n          <button mat-icon-button (click)=\"excluir()\" [@fade]>\n            <mat-icon aria-label=\"Excluir Grupo\">delete</mat-icon>\n          </button>\n        }\n      </div>\n    </div>\n    <div class=\"tool-section\">\n      <label>Pesquisa</label>\n      <div class=\"search-input-container\">\n        <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\n          (input)=\"lazyTrigger.fire()\">\n      </div>\n    </div>\n  </div>\n}\n@if (items) {\n  <div class=\"result-container\">\n    @if (mobile) {\n      <div class=\"cards-container cards-container-shadow\">\n        @for (i of items; track i) {\n          <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" (click)=\"abreCadastro(i)\"></ox-item-card>\n        }\n      </div>\n    }\n    @if (!mobile) {\n      <div class=\"listagem-desktop-grid\">\n        <div class=\"listagem-column-container listagem-list-column\">\n          <h3>Clientes</h3>\n          <div class=\"tool-panel tool-panel-float\">\n            <div class=\"tool-section\">\n              <label>Pesquisa</label>\n              <div class=\"search-input-container\">\n                <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\n                  (input)=\"lazyTrigger.fire()\">\n              </div>\n            </div>\n            <div class=\"tool-section ordem-sm2\">\n              <label>A\u00E7\u00F5es</label>\n              <div class=\"tool-row\">\n                <button mat-icon-button (click)=\"atualiza()\">\n                  <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n                </button>\n                @if (allowAdd) {\n                  <button mat-icon-button (click)=\"novo()\">\n                    <mat-icon aria-label=\"Novo\">add</mat-icon>\n                  </button>\n                }\n                @if (selectedItem && allowExcluir) {\n                  <button mat-icon-button (click)=\"excluir()\" [@fade]>\n                    <mat-icon aria-label=\"Excluir\">delete</mat-icon>\n                  </button>\n                }\n              </div>\n            </div>\n          </div>\n          <div class=\"listagem-list-container\">\n            @if (items.length === 0) {\n              <h4 class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\n            }\n            @for (i of items; track i) {\n              <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" [class.selected]=\"i === selectedItem\"\n              (click)=\"selectedItem = i; onSelectItem();\"></ox-item-card >\n            }\n          </div>\n        </div>\n        <div id=\"form-column\" class=\"listagem-column-container listagem-column-form\">\n          @if (!selectedItem) {\n            <h3 class=\"selecione-um-item-msg\">Selecione um cliente no lado direito</h3>\n          }\n          @if (selectedItem) {\n            <h3>{{selectedItem.nome | uppercase}}</h3>\n          }\n          <div class=\"listagem-form-container\">\n            @if (selectedItem) {\n              <app-clientes-form [@fade] [model]=\"selectedItem\"></app-clientes-form>\n            }\n          </div>\n          <div class=\"listagem-form-acoes\">\n            @if (selectedItem) {\n              <button (click)=\"salvar()\" mat-fab color=\"primary\" tabindex=\"20\">\n                <mat-icon>save</mat-icon>\n              </button>\n            }\n          </div>\n        </div>\n      </div>\n    }\n  </div>\n}", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#f0f0f0}:host{background-color:#fafafa}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: ItemCardComponent, selector: "ox-item-card", inputs: ["nome", "codigo", "star", "cloud", "desativado", "ownership"] }, { kind: "component", type: ClientesFormComponent, selector: "app-clientes-form", inputs: ["model"] }, { kind: "pipe", type: i4.UpperCasePipe, name: "uppercase" }], animations: [fadeAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: ClientesComponent, isStandalone: true, selector: "app-clientes", ngImport: i0, template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\r\n@if (mobile) {\r\n  <div class=\"tool-panel\">\r\n    <div class=\"tool-section ordem-sm2\">\r\n      <label>A\u00E7\u00F5es</label>\r\n      <div class=\"tool-row\">\r\n        <button mat-icon-button (click)=\"atualiza()\">\r\n          <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\r\n        </button>\r\n        @if (allowAdd) {\r\n          <button mat-icon-button (click)=\"novo()\">\r\n            <mat-icon aria-label=\"Novo Grupo\">add</mat-icon>\r\n          </button>\r\n        }\r\n        @if (selectedItem && allowExcluir) {\r\n          <button mat-icon-button (click)=\"excluir()\" [@fade]>\r\n            <mat-icon aria-label=\"Excluir Grupo\">delete</mat-icon>\r\n          </button>\r\n        }\r\n      </div>\r\n    </div>\r\n    <div class=\"tool-section\">\r\n      <label>Pesquisa</label>\r\n      <div class=\"search-input-container\">\r\n        <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\r\n          (input)=\"lazyTrigger.fire()\">\r\n      </div>\r\n    </div>\r\n  </div>\r\n}\r\n@if (items) {\r\n  <div class=\"result-container\">\r\n    @if (mobile) {\r\n      <div class=\"cards-container cards-container-shadow\">\r\n        @for (i of items; track i) {\r\n          <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" (click)=\"abreCadastro(i)\"></ox-item-card>\r\n        }\r\n      </div>\r\n    }\r\n    @if (!mobile) {\r\n      <div class=\"listagem-desktop-grid\">\r\n        <div class=\"listagem-column-container listagem-list-column\">\r\n          <h3>Clientes</h3>\r\n          <div class=\"tool-panel tool-panel-float\">\r\n            <div class=\"tool-section\">\r\n              <label>Pesquisa</label>\r\n              <div class=\"search-input-container\">\r\n                <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\r\n                  (input)=\"lazyTrigger.fire()\">\r\n              </div>\r\n            </div>\r\n            <div class=\"tool-section ordem-sm2\">\r\n              <label>A\u00E7\u00F5es</label>\r\n              <div class=\"tool-row\">\r\n                <button mat-icon-button (click)=\"atualiza()\">\r\n                  <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\r\n                </button>\r\n                @if (allowAdd) {\r\n                  <button mat-icon-button (click)=\"novo()\">\r\n                    <mat-icon aria-label=\"Novo\">add</mat-icon>\r\n                  </button>\r\n                }\r\n                @if (selectedItem && allowExcluir) {\r\n                  <button mat-icon-button (click)=\"excluir()\" [@fade]>\r\n                    <mat-icon aria-label=\"Excluir\">delete</mat-icon>\r\n                  </button>\r\n                }\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"listagem-list-container\">\r\n            @if (items.length === 0) {\r\n              <h4 class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\r\n            }\r\n            @for (i of items; track i) {\r\n              <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" [class.selected]=\"i === selectedItem\"\r\n              (click)=\"selectedItem = i; onSelectItem();\"></ox-item-card >\r\n            }\r\n          </div>\r\n        </div>\r\n        <div id=\"form-column\" class=\"listagem-column-container listagem-column-form\">\r\n          @if (!selectedItem) {\r\n            <h3 class=\"selecione-um-item-msg\">Selecione um cliente no lado direito</h3>\r\n          }\r\n          @if (selectedItem) {\r\n            <h3>{{selectedItem.nome | uppercase}}</h3>\r\n          }\r\n          <div class=\"listagem-form-container\">\r\n            @if (selectedItem) {\r\n              <app-clientes-form [@fade] [model]=\"selectedItem\"></app-clientes-form>\r\n            }\r\n          </div>\r\n          <div class=\"listagem-form-acoes\">\r\n            @if (selectedItem) {\r\n              <button (click)=\"salvar()\" mat-fab color=\"primary\" tabindex=\"20\">\r\n                <mat-icon>save</mat-icon>\r\n              </button>\r\n            }\r\n          </div>\r\n        </div>\r\n      </div>\r\n    }\r\n  </div>\r\n}", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#f0f0f0}:host{background-color:#fafafa}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: ItemCardComponent, selector: "ox-item-card", inputs: ["nome", "codigo", "star", "cloud", "desativado", "ownership"] }, { kind: "component", type: ClientesFormComponent, selector: "app-clientes-form", inputs: ["model"] }, { kind: "pipe", type: i4.UpperCasePipe, name: "uppercase" }], animations: [fadeAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ClientesComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-clientes', animations: [fadeAnimation], changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, FormsModule, MatButtonModule, MatIconModule, BusyIndicatorComponent, ItemCardComponent, ClientesFormComponent], template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n@if (mobile) {\n  <div class=\"tool-panel\">\n    <div class=\"tool-section ordem-sm2\">\n      <label>A\u00E7\u00F5es</label>\n      <div class=\"tool-row\">\n        <button mat-icon-button (click)=\"atualiza()\">\n          <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n        </button>\n        @if (allowAdd) {\n          <button mat-icon-button (click)=\"novo()\">\n            <mat-icon aria-label=\"Novo Grupo\">add</mat-icon>\n          </button>\n        }\n        @if (selectedItem && allowExcluir) {\n          <button mat-icon-button (click)=\"excluir()\" [@fade]>\n            <mat-icon aria-label=\"Excluir Grupo\">delete</mat-icon>\n          </button>\n        }\n      </div>\n    </div>\n    <div class=\"tool-section\">\n      <label>Pesquisa</label>\n      <div class=\"search-input-container\">\n        <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\n          (input)=\"lazyTrigger.fire()\">\n      </div>\n    </div>\n  </div>\n}\n@if (items) {\n  <div class=\"result-container\">\n    @if (mobile) {\n      <div class=\"cards-container cards-container-shadow\">\n        @for (i of items; track i) {\n          <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" (click)=\"abreCadastro(i)\"></ox-item-card>\n        }\n      </div>\n    }\n    @if (!mobile) {\n      <div class=\"listagem-desktop-grid\">\n        <div class=\"listagem-column-container listagem-list-column\">\n          <h3>Clientes</h3>\n          <div class=\"tool-panel tool-panel-float\">\n            <div class=\"tool-section\">\n              <label>Pesquisa</label>\n              <div class=\"search-input-container\">\n                <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\n                  (input)=\"lazyTrigger.fire()\">\n              </div>\n            </div>\n            <div class=\"tool-section ordem-sm2\">\n              <label>A\u00E7\u00F5es</label>\n              <div class=\"tool-row\">\n                <button mat-icon-button (click)=\"atualiza()\">\n                  <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n                </button>\n                @if (allowAdd) {\n                  <button mat-icon-button (click)=\"novo()\">\n                    <mat-icon aria-label=\"Novo\">add</mat-icon>\n                  </button>\n                }\n                @if (selectedItem && allowExcluir) {\n                  <button mat-icon-button (click)=\"excluir()\" [@fade]>\n                    <mat-icon aria-label=\"Excluir\">delete</mat-icon>\n                  </button>\n                }\n              </div>\n            </div>\n          </div>\n          <div class=\"listagem-list-container\">\n            @if (items.length === 0) {\n              <h4 class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\n            }\n            @for (i of items; track i) {\n              <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" [class.selected]=\"i === selectedItem\"\n              (click)=\"selectedItem = i; onSelectItem();\"></ox-item-card >\n            }\n          </div>\n        </div>\n        <div id=\"form-column\" class=\"listagem-column-container listagem-column-form\">\n          @if (!selectedItem) {\n            <h3 class=\"selecione-um-item-msg\">Selecione um cliente no lado direito</h3>\n          }\n          @if (selectedItem) {\n            <h3>{{selectedItem.nome | uppercase}}</h3>\n          }\n          <div class=\"listagem-form-container\">\n            @if (selectedItem) {\n              <app-clientes-form [@fade] [model]=\"selectedItem\"></app-clientes-form>\n            }\n          </div>\n          <div class=\"listagem-form-acoes\">\n            @if (selectedItem) {\n              <button (click)=\"salvar()\" mat-fab color=\"primary\" tabindex=\"20\">\n                <mat-icon>save</mat-icon>\n              </button>\n            }\n          </div>\n        </div>\n      </div>\n    }\n  </div>\n}", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#f0f0f0}:host{background-color:#fafafa}\n"] }]
+            args: [{ selector: 'app-clientes', animations: [fadeAnimation], changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, FormsModule, MatButtonModule, MatIconModule, BusyIndicatorComponent, ItemCardComponent, ClientesFormComponent], template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\r\n@if (mobile) {\r\n  <div class=\"tool-panel\">\r\n    <div class=\"tool-section ordem-sm2\">\r\n      <label>A\u00E7\u00F5es</label>\r\n      <div class=\"tool-row\">\r\n        <button mat-icon-button (click)=\"atualiza()\">\r\n          <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\r\n        </button>\r\n        @if (allowAdd) {\r\n          <button mat-icon-button (click)=\"novo()\">\r\n            <mat-icon aria-label=\"Novo Grupo\">add</mat-icon>\r\n          </button>\r\n        }\r\n        @if (selectedItem && allowExcluir) {\r\n          <button mat-icon-button (click)=\"excluir()\" [@fade]>\r\n            <mat-icon aria-label=\"Excluir Grupo\">delete</mat-icon>\r\n          </button>\r\n        }\r\n      </div>\r\n    </div>\r\n    <div class=\"tool-section\">\r\n      <label>Pesquisa</label>\r\n      <div class=\"search-input-container\">\r\n        <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\r\n          (input)=\"lazyTrigger.fire()\">\r\n      </div>\r\n    </div>\r\n  </div>\r\n}\r\n@if (items) {\r\n  <div class=\"result-container\">\r\n    @if (mobile) {\r\n      <div class=\"cards-container cards-container-shadow\">\r\n        @for (i of items; track i) {\r\n          <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" (click)=\"abreCadastro(i)\"></ox-item-card>\r\n        }\r\n      </div>\r\n    }\r\n    @if (!mobile) {\r\n      <div class=\"listagem-desktop-grid\">\r\n        <div class=\"listagem-column-container listagem-list-column\">\r\n          <h3>Clientes</h3>\r\n          <div class=\"tool-panel tool-panel-float\">\r\n            <div class=\"tool-section\">\r\n              <label>Pesquisa</label>\r\n              <div class=\"search-input-container\">\r\n                <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\r\n                  (input)=\"lazyTrigger.fire()\">\r\n              </div>\r\n            </div>\r\n            <div class=\"tool-section ordem-sm2\">\r\n              <label>A\u00E7\u00F5es</label>\r\n              <div class=\"tool-row\">\r\n                <button mat-icon-button (click)=\"atualiza()\">\r\n                  <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\r\n                </button>\r\n                @if (allowAdd) {\r\n                  <button mat-icon-button (click)=\"novo()\">\r\n                    <mat-icon aria-label=\"Novo\">add</mat-icon>\r\n                  </button>\r\n                }\r\n                @if (selectedItem && allowExcluir) {\r\n                  <button mat-icon-button (click)=\"excluir()\" [@fade]>\r\n                    <mat-icon aria-label=\"Excluir\">delete</mat-icon>\r\n                  </button>\r\n                }\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"listagem-list-container\">\r\n            @if (items.length === 0) {\r\n              <h4 class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\r\n            }\r\n            @for (i of items; track i) {\r\n              <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" [class.selected]=\"i === selectedItem\"\r\n              (click)=\"selectedItem = i; onSelectItem();\"></ox-item-card >\r\n            }\r\n          </div>\r\n        </div>\r\n        <div id=\"form-column\" class=\"listagem-column-container listagem-column-form\">\r\n          @if (!selectedItem) {\r\n            <h3 class=\"selecione-um-item-msg\">Selecione um cliente no lado direito</h3>\r\n          }\r\n          @if (selectedItem) {\r\n            <h3>{{selectedItem.nome | uppercase}}</h3>\r\n          }\r\n          <div class=\"listagem-form-container\">\r\n            @if (selectedItem) {\r\n              <app-clientes-form [@fade] [model]=\"selectedItem\"></app-clientes-form>\r\n            }\r\n          </div>\r\n          <div class=\"listagem-form-acoes\">\r\n            @if (selectedItem) {\r\n              <button (click)=\"salvar()\" mat-fab color=\"primary\" tabindex=\"20\">\r\n                <mat-icon>save</mat-icon>\r\n              </button>\r\n            }\r\n          </div>\r\n        </div>\r\n      </div>\r\n    }\r\n  </div>\r\n}", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#f0f0f0}:host{background-color:#fafafa}\n"] }]
         }], ctorParameters: () => [] });
 
 function printTxt(txt) {
@@ -1700,11 +1701,11 @@ function validaCnpj(cnpj) {
 class SelecaoListItemComponent {
     text = '';
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: SelecaoListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: SelecaoListItemComponent, isStandalone: true, selector: "ox-selecao-list-item", inputs: { text: "text" }, ngImport: i0, template: "@if (text) {\n  <span>{{text}}</span>\n}\n@if (!text) {\n  <ng-content></ng-content>\n}\n", styles: [":host{background:#fff;padding:8px;border-bottom:1px solid #eceeef;border-left:4px solid white;flex-wrap:nowrap;cursor:pointer}:host span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:85%;color:#000}:host:hover{box-shadow:0 0 16px #0000000f;background:transparent;z-index:1}@media(max-width:576px){:host{padding:16px}}:host(.selected){border-left-color:var(--app-color, black);z-index:1;box-shadow:0 0 8px 5px #00000008;flex-shrink:0;background:linear-gradient(45deg,var(--item-card-selected-bg, rgba(0, 0, 0, .05)),transparent)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: SelecaoListItemComponent, isStandalone: true, selector: "ox-selecao-list-item", inputs: { text: "text" }, ngImport: i0, template: "@if (text) {\r\n  <span>{{text}}</span>\r\n}\r\n@if (!text) {\r\n  <ng-content></ng-content>\r\n}\r\n", styles: [":host{background:#fff;padding:8px;border-bottom:1px solid #eceeef;border-left:4px solid white;flex-wrap:nowrap;cursor:pointer}:host span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:85%;color:#000}:host:hover{box-shadow:0 0 16px #0000000f;background:transparent;z-index:1}@media(max-width:576px){:host{padding:16px}}:host(.selected){border-left-color:var(--app-color, black);z-index:1;box-shadow:0 0 8px 5px #00000008;flex-shrink:0;background:linear-gradient(45deg,var(--item-card-selected-bg, rgba(0, 0, 0, .05)),transparent)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: SelecaoListItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ox-selecao-list-item', changeDetection: ChangeDetectionStrategy.OnPush, imports: [], template: "@if (text) {\n  <span>{{text}}</span>\n}\n@if (!text) {\n  <ng-content></ng-content>\n}\n", styles: [":host{background:#fff;padding:8px;border-bottom:1px solid #eceeef;border-left:4px solid white;flex-wrap:nowrap;cursor:pointer}:host span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:85%;color:#000}:host:hover{box-shadow:0 0 16px #0000000f;background:transparent;z-index:1}@media(max-width:576px){:host{padding:16px}}:host(.selected){border-left-color:var(--app-color, black);z-index:1;box-shadow:0 0 8px 5px #00000008;flex-shrink:0;background:linear-gradient(45deg,var(--item-card-selected-bg, rgba(0, 0, 0, .05)),transparent)}\n"] }]
+            args: [{ selector: 'ox-selecao-list-item', changeDetection: ChangeDetectionStrategy.OnPush, imports: [], template: "@if (text) {\r\n  <span>{{text}}</span>\r\n}\r\n@if (!text) {\r\n  <ng-content></ng-content>\r\n}\r\n", styles: [":host{background:#fff;padding:8px;border-bottom:1px solid #eceeef;border-left:4px solid white;flex-wrap:nowrap;cursor:pointer}:host span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:85%;color:#000}:host:hover{box-shadow:0 0 16px #0000000f;background:transparent;z-index:1}@media(max-width:576px){:host{padding:16px}}:host(.selected){border-left-color:var(--app-color, black);z-index:1;box-shadow:0 0 8px 5px #00000008;flex-shrink:0;background:linear-gradient(45deg,var(--item-card-selected-bg, rgba(0, 0, 0, .05)),transparent)}\n"] }]
         }], propDecorators: { text: [{
                 type: Input
             }] } });
@@ -1803,11 +1804,11 @@ class SelecaoClienteDialogComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: SelecaoClienteDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: SelecaoClienteDialogComponent, isStandalone: true, selector: "app-selecao-cliente-dialog", ngImport: i0, template: "<div class=\"dialog-header\">\n  <h2>Sele\u00E7\u00E3o de Clientes</h2>\n</div>\n<div class=\"tool-panel\">\n  <div class=\"tool-section\">\n    <label>Pesquisa</label>\n    <div class=\"search-input-container\">\n      <input (keydown)=\"nav.onKeyDown($event)\" cdkFocusInitial [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n    </div>\n  </div>\n  <div class=\"tool-section\">\n    <label>A\u00E7\u00F5es</label>\n    <div class=\"tool-row\">\n      <button color=\"primary\" mat-icon-button (click)=\"atualiza()\">\n        <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n      </button>\n      @if (allowAdd) {\n        <button color=\"primary\" mat-icon-button (click)=\"novo()\">\n          <mat-icon aria-label=\"novo\">add</mat-icon>\n        </button>\n      }\n      @if (selectedItem) {\n        <button color=\"primary\" mat-icon-button (click)=\"editar()\">\n          <mat-icon aria-label=\"editar\">edit</mat-icon>\n        </button>\n      }\n    </div>\n  </div>\n</div>\n<div class=\"dialog-content\">\n  @for (i of items; track i) {\n    <ox-selecao-list-item (click)=\"selectItem(i)\" [class.selected]=\"i === selectedItem\">\n      <div class=\"hbox gap-16\">\n        <span class=\"grow-1\">{{i.nome}}</span> @if (i.cnpjCpf) {\n        <span class=\"cnpj-badge\" >{{i.cnpjCpfFormatado}}</span>\n      }\n    </div>\n  </ox-selecao-list-item>\n}\n</div>\n<div class=\"dialog-footer\">\n  <button mat-button [disabled]=\"selectedItem == undefined\" color=\"primary\" [mat-dialog-close]=\"selectedItem\">CONFIRMAR</button>\n  <button mat-button [mat-dialog-close]=\"undefined\">VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}.cnpj-badge{padding:4px 8px;font-size:9px;border-radius:9px;background:#e6f9f7;color:#0040ff;font-weight:500}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: SelecaoListItemComponent, selector: "ox-selecao-list-item", inputs: ["text"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: SelecaoClienteDialogComponent, isStandalone: true, selector: "app-selecao-cliente-dialog", ngImport: i0, template: "<div class=\"dialog-header\">\r\n  <h2>Sele\u00E7\u00E3o de Clientes</h2>\r\n</div>\r\n<div class=\"tool-panel\">\r\n  <div class=\"tool-section\">\r\n    <label>Pesquisa</label>\r\n    <div class=\"search-input-container\">\r\n      <input (keydown)=\"nav.onKeyDown($event)\" cdkFocusInitial [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\r\n    </div>\r\n  </div>\r\n  <div class=\"tool-section\">\r\n    <label>A\u00E7\u00F5es</label>\r\n    <div class=\"tool-row\">\r\n      <button color=\"primary\" mat-icon-button (click)=\"atualiza()\">\r\n        <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\r\n      </button>\r\n      @if (allowAdd) {\r\n        <button color=\"primary\" mat-icon-button (click)=\"novo()\">\r\n          <mat-icon aria-label=\"novo\">add</mat-icon>\r\n        </button>\r\n      }\r\n      @if (selectedItem) {\r\n        <button color=\"primary\" mat-icon-button (click)=\"editar()\">\r\n          <mat-icon aria-label=\"editar\">edit</mat-icon>\r\n        </button>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n<div class=\"dialog-content\">\r\n  @for (i of items; track i) {\r\n    <ox-selecao-list-item (click)=\"selectItem(i)\" [class.selected]=\"i === selectedItem\">\r\n      <div class=\"hbox gap-16\">\r\n        <span class=\"grow-1\">{{i.nome}}</span> @if (i.cnpjCpf) {\r\n        <span class=\"cnpj-badge\" >{{i.cnpjCpfFormatado}}</span>\r\n      }\r\n    </div>\r\n  </ox-selecao-list-item>\r\n}\r\n</div>\r\n<div class=\"dialog-footer\">\r\n  <button mat-button [disabled]=\"selectedItem == undefined\" color=\"primary\" [mat-dialog-close]=\"selectedItem\">CONFIRMAR</button>\r\n  <button mat-button [mat-dialog-close]=\"undefined\">VOLTAR</button>\r\n</div>\r\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\r\n", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}.cnpj-badge{padding:4px 8px;font-size:9px;border-radius:9px;background:#e6f9f7;color:#0040ff;font-weight:500}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: SelecaoListItemComponent, selector: "ox-selecao-list-item", inputs: ["text"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: SelecaoClienteDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-selecao-cliente-dialog', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, MatDialogModule, MatButtonModule, MatIconModule, SelecaoListItemComponent, BusyIndicatorComponent], template: "<div class=\"dialog-header\">\n  <h2>Sele\u00E7\u00E3o de Clientes</h2>\n</div>\n<div class=\"tool-panel\">\n  <div class=\"tool-section\">\n    <label>Pesquisa</label>\n    <div class=\"search-input-container\">\n      <input (keydown)=\"nav.onKeyDown($event)\" cdkFocusInitial [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n    </div>\n  </div>\n  <div class=\"tool-section\">\n    <label>A\u00E7\u00F5es</label>\n    <div class=\"tool-row\">\n      <button color=\"primary\" mat-icon-button (click)=\"atualiza()\">\n        <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n      </button>\n      @if (allowAdd) {\n        <button color=\"primary\" mat-icon-button (click)=\"novo()\">\n          <mat-icon aria-label=\"novo\">add</mat-icon>\n        </button>\n      }\n      @if (selectedItem) {\n        <button color=\"primary\" mat-icon-button (click)=\"editar()\">\n          <mat-icon aria-label=\"editar\">edit</mat-icon>\n        </button>\n      }\n    </div>\n  </div>\n</div>\n<div class=\"dialog-content\">\n  @for (i of items; track i) {\n    <ox-selecao-list-item (click)=\"selectItem(i)\" [class.selected]=\"i === selectedItem\">\n      <div class=\"hbox gap-16\">\n        <span class=\"grow-1\">{{i.nome}}</span> @if (i.cnpjCpf) {\n        <span class=\"cnpj-badge\" >{{i.cnpjCpfFormatado}}</span>\n      }\n    </div>\n  </ox-selecao-list-item>\n}\n</div>\n<div class=\"dialog-footer\">\n  <button mat-button [disabled]=\"selectedItem == undefined\" color=\"primary\" [mat-dialog-close]=\"selectedItem\">CONFIRMAR</button>\n  <button mat-button [mat-dialog-close]=\"undefined\">VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}.cnpj-badge{padding:4px 8px;font-size:9px;border-radius:9px;background:#e6f9f7;color:#0040ff;font-weight:500}\n"] }]
+            args: [{ selector: 'app-selecao-cliente-dialog', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, MatDialogModule, MatButtonModule, MatIconModule, SelecaoListItemComponent, BusyIndicatorComponent], template: "<div class=\"dialog-header\">\r\n  <h2>Sele\u00E7\u00E3o de Clientes</h2>\r\n</div>\r\n<div class=\"tool-panel\">\r\n  <div class=\"tool-section\">\r\n    <label>Pesquisa</label>\r\n    <div class=\"search-input-container\">\r\n      <input (keydown)=\"nav.onKeyDown($event)\" cdkFocusInitial [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\r\n    </div>\r\n  </div>\r\n  <div class=\"tool-section\">\r\n    <label>A\u00E7\u00F5es</label>\r\n    <div class=\"tool-row\">\r\n      <button color=\"primary\" mat-icon-button (click)=\"atualiza()\">\r\n        <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\r\n      </button>\r\n      @if (allowAdd) {\r\n        <button color=\"primary\" mat-icon-button (click)=\"novo()\">\r\n          <mat-icon aria-label=\"novo\">add</mat-icon>\r\n        </button>\r\n      }\r\n      @if (selectedItem) {\r\n        <button color=\"primary\" mat-icon-button (click)=\"editar()\">\r\n          <mat-icon aria-label=\"editar\">edit</mat-icon>\r\n        </button>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n<div class=\"dialog-content\">\r\n  @for (i of items; track i) {\r\n    <ox-selecao-list-item (click)=\"selectItem(i)\" [class.selected]=\"i === selectedItem\">\r\n      <div class=\"hbox gap-16\">\r\n        <span class=\"grow-1\">{{i.nome}}</span> @if (i.cnpjCpf) {\r\n        <span class=\"cnpj-badge\" >{{i.cnpjCpfFormatado}}</span>\r\n      }\r\n    </div>\r\n  </ox-selecao-list-item>\r\n}\r\n</div>\r\n<div class=\"dialog-footer\">\r\n  <button mat-button [disabled]=\"selectedItem == undefined\" color=\"primary\" [mat-dialog-close]=\"selectedItem\">CONFIRMAR</button>\r\n  <button mat-button [mat-dialog-close]=\"undefined\">VOLTAR</button>\r\n</div>\r\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\r\n", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}.cnpj-badge{padding:4px 8px;font-size:9px;border-radius:9px;background:#e6f9f7;color:#0040ff;font-weight:500}\n"] }]
         }], ctorParameters: () => [] });
 
 class FornecedoresFormComponent {
@@ -1840,11 +1841,11 @@ class FornecedoresFormComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: FornecedoresFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: FornecedoresFormComponent, isStandalone: true, selector: "app-fornecedores-form", inputs: { model: "model" }, ngImport: i0, template: "@if (model) {\n  <div class=\"form-block\">\n    <label>Nome</label>\n    <input id=\"nome\" maxlength=\"60\" required cdkFocusInitial [(ngModel)]=\"model.nome\" class=\"form-control input-300\" tabindex=\"1\">\n  </div>\n  <h4 class=\"margin-top-16\">Dados Complementares</h4>\n  <div class=\"form-group\">\n    <label>Nome Fantasia</label>\n    <input [(ngModel)]=\"model.fantasia\" maxlength=\"60\" class=\"form-control input-300\" tabindex=\"2\">\n  </div>\n  <div class=\"form-group\">\n    <label>CPF/CNPJ</label>\n    <div class=\"hbox gap-4\">\n      <input [(ngModel)]=\"model.cnpjCpf\" (change)=\"validarCpfCnpj()\" mask=\"000.000.000-00||00.000.000/0000-00\"\n        class=\"form-control input-180\" tabindex=\"3\">\n      @if (boolCpfCnpjValidado === true) {\n        <i class=\"material-icons\" style=\"align-self: center; color: #03a928;\">\n          check_circle\n        </i>\n      }\n      @if (boolCpfCnpjValidado === false) {\n        <i class=\"material-icons\" style=\"align-self: center; color: #a98203;\">\n          cancel\n        </i>\n      }\n    </div>\n  </div>\n  <div class=\"form-group\">\n    <label>Observa\u00E7\u00F5es</label>\n    <input [(ngModel)]=\"model.obs\" maxlength=\"60\" class=\"form-control input-300\">\n  </div>\n  <div class=\"hbox gap-8\">\n    <div class=\"form-group\">\n      <label>Telefone</label>\n      <input [(ngModel)]=\"model.telefone\" maxlength=\"30\" class=\"form-control input-180\">\n    </div>\n    <div class=\"form-group\">\n      <label>Fax</label>\n      <input [(ngModel)]=\"model.fax\" maxlength=\"15\" class=\"form-control input-120\">\n    </div>\n  </div>\n  <div class=\"hbox gap-8\">\n    <div class=\"form-group\">\n      <label>Contato</label>\n      <input [(ngModel)]=\"model.contato\" maxlength=\"30\" class=\"form-control input-120\">\n    </div>\n    <div class=\"form-group\">\n      <label>E-mail</label>\n      <input [(ngModel)]=\"model.email\" maxlength=\"60\" class=\"form-control input-200\">\n    </div>\n  </div>\n  <div class=\"form-group\">\n    <label>Endere\u00E7o</label>\n    <input [(ngModel)]=\"model.endereco\" maxlength=\"60\" class=\"form-control input-300\">\n  </div>\n  <div class=\"hbox gap-8\">\n    <div class=\"form-group\">\n      <label>N\u00FAmero</label>\n      <input [(ngModel)]=\"model.numero\" maxlength=\"15\" class=\"form-control input-120\">\n    </div>\n    <div class=\"form-group\">\n      <label>CEP</label>\n      <input [(ngModel)]=\"model.cep\" maxlength=\"9\" class=\"form-control input-120\">\n    </div>\n    <div class=\"form-group\">\n      <label>Bairro</label>\n      <input [(ngModel)]=\"model.bairro\" maxlength=\"60\" class=\"form-control input-120\">\n    </div>\n  </div>\n  <div class=\"hbox gap-8\">\n    <div class=\"form-group\">\n      <label>Complemento</label>\n      <input [(ngModel)]=\"model.complemento\" maxlength=\"30\" class=\"form-control input-200\">\n    </div>\n    <div class=\"form-group\">\n      <label>IE/RG</label>\n      <input [(ngModel)]=\"model.ieRg\" maxlength=\"20\" class=\"form-control input-120\">\n    </div>\n  </div>\n}", styles: [":host{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: FornecedoresFormComponent, isStandalone: true, selector: "app-fornecedores-form", inputs: { model: "model" }, ngImport: i0, template: "@if (model) {\r\n  <div class=\"form-block\">\r\n    <label>Nome</label>\r\n    <input id=\"nome\" maxlength=\"60\" required cdkFocusInitial [(ngModel)]=\"model.nome\" class=\"form-control input-300\" tabindex=\"1\">\r\n  </div>\r\n  <h4 class=\"margin-top-16\">Dados Complementares</h4>\r\n  <div class=\"form-group\">\r\n    <label>Nome Fantasia</label>\r\n    <input [(ngModel)]=\"model.fantasia\" maxlength=\"60\" class=\"form-control input-300\" tabindex=\"2\">\r\n  </div>\r\n  <div class=\"form-group\">\r\n    <label>CPF/CNPJ</label>\r\n    <div class=\"hbox gap-4\">\r\n      <input [(ngModel)]=\"model.cnpjCpf\" (change)=\"validarCpfCnpj()\" mask=\"000.000.000-00||00.000.000/0000-00\"\r\n        class=\"form-control input-180\" tabindex=\"3\">\r\n      @if (boolCpfCnpjValidado === true) {\r\n        <i class=\"material-icons\" style=\"align-self: center; color: #03a928;\">\r\n          check_circle\r\n        </i>\r\n      }\r\n      @if (boolCpfCnpjValidado === false) {\r\n        <i class=\"material-icons\" style=\"align-self: center; color: #a98203;\">\r\n          cancel\r\n        </i>\r\n      }\r\n    </div>\r\n  </div>\r\n  <div class=\"form-group\">\r\n    <label>Observa\u00E7\u00F5es</label>\r\n    <input [(ngModel)]=\"model.obs\" maxlength=\"60\" class=\"form-control input-300\">\r\n  </div>\r\n  <div class=\"hbox gap-8\">\r\n    <div class=\"form-group\">\r\n      <label>Telefone</label>\r\n      <input [(ngModel)]=\"model.telefone\" maxlength=\"30\" class=\"form-control input-180\">\r\n    </div>\r\n    <div class=\"form-group\">\r\n      <label>Fax</label>\r\n      <input [(ngModel)]=\"model.fax\" maxlength=\"15\" class=\"form-control input-120\">\r\n    </div>\r\n  </div>\r\n  <div class=\"hbox gap-8\">\r\n    <div class=\"form-group\">\r\n      <label>Contato</label>\r\n      <input [(ngModel)]=\"model.contato\" maxlength=\"30\" class=\"form-control input-120\">\r\n    </div>\r\n    <div class=\"form-group\">\r\n      <label>E-mail</label>\r\n      <input [(ngModel)]=\"model.email\" maxlength=\"60\" class=\"form-control input-200\">\r\n    </div>\r\n  </div>\r\n  <div class=\"form-group\">\r\n    <label>Endere\u00E7o</label>\r\n    <input [(ngModel)]=\"model.endereco\" maxlength=\"60\" class=\"form-control input-300\">\r\n  </div>\r\n  <div class=\"hbox gap-8\">\r\n    <div class=\"form-group\">\r\n      <label>N\u00FAmero</label>\r\n      <input [(ngModel)]=\"model.numero\" maxlength=\"15\" class=\"form-control input-120\">\r\n    </div>\r\n    <div class=\"form-group\">\r\n      <label>CEP</label>\r\n      <input [(ngModel)]=\"model.cep\" maxlength=\"9\" class=\"form-control input-120\">\r\n    </div>\r\n    <div class=\"form-group\">\r\n      <label>Bairro</label>\r\n      <input [(ngModel)]=\"model.bairro\" maxlength=\"60\" class=\"form-control input-120\">\r\n    </div>\r\n  </div>\r\n  <div class=\"hbox gap-8\">\r\n    <div class=\"form-group\">\r\n      <label>Complemento</label>\r\n      <input [(ngModel)]=\"model.complemento\" maxlength=\"30\" class=\"form-control input-200\">\r\n    </div>\r\n    <div class=\"form-group\">\r\n      <label>IE/RG</label>\r\n      <input [(ngModel)]=\"model.ieRg\" maxlength=\"20\" class=\"form-control input-120\">\r\n    </div>\r\n  </div>\r\n}", styles: [":host{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: FornecedoresFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-fornecedores-form', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, NgxMaskDirective], template: "@if (model) {\n  <div class=\"form-block\">\n    <label>Nome</label>\n    <input id=\"nome\" maxlength=\"60\" required cdkFocusInitial [(ngModel)]=\"model.nome\" class=\"form-control input-300\" tabindex=\"1\">\n  </div>\n  <h4 class=\"margin-top-16\">Dados Complementares</h4>\n  <div class=\"form-group\">\n    <label>Nome Fantasia</label>\n    <input [(ngModel)]=\"model.fantasia\" maxlength=\"60\" class=\"form-control input-300\" tabindex=\"2\">\n  </div>\n  <div class=\"form-group\">\n    <label>CPF/CNPJ</label>\n    <div class=\"hbox gap-4\">\n      <input [(ngModel)]=\"model.cnpjCpf\" (change)=\"validarCpfCnpj()\" mask=\"000.000.000-00||00.000.000/0000-00\"\n        class=\"form-control input-180\" tabindex=\"3\">\n      @if (boolCpfCnpjValidado === true) {\n        <i class=\"material-icons\" style=\"align-self: center; color: #03a928;\">\n          check_circle\n        </i>\n      }\n      @if (boolCpfCnpjValidado === false) {\n        <i class=\"material-icons\" style=\"align-self: center; color: #a98203;\">\n          cancel\n        </i>\n      }\n    </div>\n  </div>\n  <div class=\"form-group\">\n    <label>Observa\u00E7\u00F5es</label>\n    <input [(ngModel)]=\"model.obs\" maxlength=\"60\" class=\"form-control input-300\">\n  </div>\n  <div class=\"hbox gap-8\">\n    <div class=\"form-group\">\n      <label>Telefone</label>\n      <input [(ngModel)]=\"model.telefone\" maxlength=\"30\" class=\"form-control input-180\">\n    </div>\n    <div class=\"form-group\">\n      <label>Fax</label>\n      <input [(ngModel)]=\"model.fax\" maxlength=\"15\" class=\"form-control input-120\">\n    </div>\n  </div>\n  <div class=\"hbox gap-8\">\n    <div class=\"form-group\">\n      <label>Contato</label>\n      <input [(ngModel)]=\"model.contato\" maxlength=\"30\" class=\"form-control input-120\">\n    </div>\n    <div class=\"form-group\">\n      <label>E-mail</label>\n      <input [(ngModel)]=\"model.email\" maxlength=\"60\" class=\"form-control input-200\">\n    </div>\n  </div>\n  <div class=\"form-group\">\n    <label>Endere\u00E7o</label>\n    <input [(ngModel)]=\"model.endereco\" maxlength=\"60\" class=\"form-control input-300\">\n  </div>\n  <div class=\"hbox gap-8\">\n    <div class=\"form-group\">\n      <label>N\u00FAmero</label>\n      <input [(ngModel)]=\"model.numero\" maxlength=\"15\" class=\"form-control input-120\">\n    </div>\n    <div class=\"form-group\">\n      <label>CEP</label>\n      <input [(ngModel)]=\"model.cep\" maxlength=\"9\" class=\"form-control input-120\">\n    </div>\n    <div class=\"form-group\">\n      <label>Bairro</label>\n      <input [(ngModel)]=\"model.bairro\" maxlength=\"60\" class=\"form-control input-120\">\n    </div>\n  </div>\n  <div class=\"hbox gap-8\">\n    <div class=\"form-group\">\n      <label>Complemento</label>\n      <input [(ngModel)]=\"model.complemento\" maxlength=\"30\" class=\"form-control input-200\">\n    </div>\n    <div class=\"form-group\">\n      <label>IE/RG</label>\n      <input [(ngModel)]=\"model.ieRg\" maxlength=\"20\" class=\"form-control input-120\">\n    </div>\n  </div>\n}", styles: [":host{display:flex;flex-direction:column}\n"] }]
+            args: [{ selector: 'app-fornecedores-form', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, NgxMaskDirective], template: "@if (model) {\r\n  <div class=\"form-block\">\r\n    <label>Nome</label>\r\n    <input id=\"nome\" maxlength=\"60\" required cdkFocusInitial [(ngModel)]=\"model.nome\" class=\"form-control input-300\" tabindex=\"1\">\r\n  </div>\r\n  <h4 class=\"margin-top-16\">Dados Complementares</h4>\r\n  <div class=\"form-group\">\r\n    <label>Nome Fantasia</label>\r\n    <input [(ngModel)]=\"model.fantasia\" maxlength=\"60\" class=\"form-control input-300\" tabindex=\"2\">\r\n  </div>\r\n  <div class=\"form-group\">\r\n    <label>CPF/CNPJ</label>\r\n    <div class=\"hbox gap-4\">\r\n      <input [(ngModel)]=\"model.cnpjCpf\" (change)=\"validarCpfCnpj()\" mask=\"000.000.000-00||00.000.000/0000-00\"\r\n        class=\"form-control input-180\" tabindex=\"3\">\r\n      @if (boolCpfCnpjValidado === true) {\r\n        <i class=\"material-icons\" style=\"align-self: center; color: #03a928;\">\r\n          check_circle\r\n        </i>\r\n      }\r\n      @if (boolCpfCnpjValidado === false) {\r\n        <i class=\"material-icons\" style=\"align-self: center; color: #a98203;\">\r\n          cancel\r\n        </i>\r\n      }\r\n    </div>\r\n  </div>\r\n  <div class=\"form-group\">\r\n    <label>Observa\u00E7\u00F5es</label>\r\n    <input [(ngModel)]=\"model.obs\" maxlength=\"60\" class=\"form-control input-300\">\r\n  </div>\r\n  <div class=\"hbox gap-8\">\r\n    <div class=\"form-group\">\r\n      <label>Telefone</label>\r\n      <input [(ngModel)]=\"model.telefone\" maxlength=\"30\" class=\"form-control input-180\">\r\n    </div>\r\n    <div class=\"form-group\">\r\n      <label>Fax</label>\r\n      <input [(ngModel)]=\"model.fax\" maxlength=\"15\" class=\"form-control input-120\">\r\n    </div>\r\n  </div>\r\n  <div class=\"hbox gap-8\">\r\n    <div class=\"form-group\">\r\n      <label>Contato</label>\r\n      <input [(ngModel)]=\"model.contato\" maxlength=\"30\" class=\"form-control input-120\">\r\n    </div>\r\n    <div class=\"form-group\">\r\n      <label>E-mail</label>\r\n      <input [(ngModel)]=\"model.email\" maxlength=\"60\" class=\"form-control input-200\">\r\n    </div>\r\n  </div>\r\n  <div class=\"form-group\">\r\n    <label>Endere\u00E7o</label>\r\n    <input [(ngModel)]=\"model.endereco\" maxlength=\"60\" class=\"form-control input-300\">\r\n  </div>\r\n  <div class=\"hbox gap-8\">\r\n    <div class=\"form-group\">\r\n      <label>N\u00FAmero</label>\r\n      <input [(ngModel)]=\"model.numero\" maxlength=\"15\" class=\"form-control input-120\">\r\n    </div>\r\n    <div class=\"form-group\">\r\n      <label>CEP</label>\r\n      <input [(ngModel)]=\"model.cep\" maxlength=\"9\" class=\"form-control input-120\">\r\n    </div>\r\n    <div class=\"form-group\">\r\n      <label>Bairro</label>\r\n      <input [(ngModel)]=\"model.bairro\" maxlength=\"60\" class=\"form-control input-120\">\r\n    </div>\r\n  </div>\r\n  <div class=\"hbox gap-8\">\r\n    <div class=\"form-group\">\r\n      <label>Complemento</label>\r\n      <input [(ngModel)]=\"model.complemento\" maxlength=\"30\" class=\"form-control input-200\">\r\n    </div>\r\n    <div class=\"form-group\">\r\n      <label>IE/RG</label>\r\n      <input [(ngModel)]=\"model.ieRg\" maxlength=\"20\" class=\"form-control input-120\">\r\n    </div>\r\n  </div>\r\n}", styles: [":host{display:flex;flex-direction:column}\n"] }]
         }], ctorParameters: () => [], propDecorators: { model: [{
                 type: Input
             }] } });
@@ -1902,11 +1903,11 @@ class FornecedoresAddDialogComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: FornecedoresAddDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: FornecedoresAddDialogComponent, isStandalone: true, selector: "app-fornecedores-add-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n  <h2 class=\"titulo\">Novo Fornecedor</h2>\n  <button mat-icon-button [mat-dialog-close]>\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n<div class=\"dialog-content\">\n  @if (model) {\n    <app-fornecedores-form [model]=\"model\"></app-fornecedores-form>\n  }\n</div>\n<div class=\"dialog-footer\">\n  <button mat-button color=\"primary\" [disabled]=\"isBusy\" (click)=\"salvar()\"  tabindex=\"100\">SALVAR</button>\n  <button mat-button [mat-dialog-close] >VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: FornecedoresFormComponent, selector: "app-fornecedores-form", inputs: ["model"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: FornecedoresAddDialogComponent, isStandalone: true, selector: "app-fornecedores-add-dialog", ngImport: i0, template: "<div class=\"ox-header\">\r\n  <h2 class=\"titulo\">Novo Fornecedor</h2>\r\n  <button mat-icon-button [mat-dialog-close]>\r\n    <mat-icon>close</mat-icon>\r\n  </button>\r\n</div>\r\n<div class=\"dialog-content\">\r\n  @if (model) {\r\n    <app-fornecedores-form [model]=\"model\"></app-fornecedores-form>\r\n  }\r\n</div>\r\n<div class=\"dialog-footer\">\r\n  <button mat-button color=\"primary\" [disabled]=\"isBusy\" (click)=\"salvar()\"  tabindex=\"100\">SALVAR</button>\r\n  <button mat-button [mat-dialog-close] >VOLTAR</button>\r\n</div>\r\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: FornecedoresFormComponent, selector: "app-fornecedores-form", inputs: ["model"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: FornecedoresAddDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-fornecedores-add-dialog', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogModule, MatButtonModule, MatIconModule, FornecedoresFormComponent, BusyIndicatorComponent], template: "<div class=\"ox-header\">\n  <h2 class=\"titulo\">Novo Fornecedor</h2>\n  <button mat-icon-button [mat-dialog-close]>\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n<div class=\"dialog-content\">\n  @if (model) {\n    <app-fornecedores-form [model]=\"model\"></app-fornecedores-form>\n  }\n</div>\n<div class=\"dialog-footer\">\n  <button mat-button color=\"primary\" [disabled]=\"isBusy\" (click)=\"salvar()\"  tabindex=\"100\">SALVAR</button>\n  <button mat-button [mat-dialog-close] >VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
+            args: [{ selector: 'app-fornecedores-add-dialog', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogModule, MatButtonModule, MatIconModule, FornecedoresFormComponent, BusyIndicatorComponent], template: "<div class=\"ox-header\">\r\n  <h2 class=\"titulo\">Novo Fornecedor</h2>\r\n  <button mat-icon-button [mat-dialog-close]>\r\n    <mat-icon>close</mat-icon>\r\n  </button>\r\n</div>\r\n<div class=\"dialog-content\">\r\n  @if (model) {\r\n    <app-fornecedores-form [model]=\"model\"></app-fornecedores-form>\r\n  }\r\n</div>\r\n<div class=\"dialog-footer\">\r\n  <button mat-button color=\"primary\" [disabled]=\"isBusy\" (click)=\"salvar()\"  tabindex=\"100\">SALVAR</button>\r\n  <button mat-button [mat-dialog-close] >VOLTAR</button>\r\n</div>\r\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
         }], ctorParameters: () => [] });
 
 class FornecedoresEditDialogComponent {
@@ -1962,11 +1963,11 @@ class FornecedoresEditDialogComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: FornecedoresEditDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: FornecedoresEditDialogComponent, isStandalone: true, selector: "app-fornecedores-edit-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n  <h2 class=\"titulo\">Editando Fornecedor</h2>\n  <button mat-icon-button [mat-dialog-close]>\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n<div class=\"dialog-content\">\n  @if (model) {\n    <app-fornecedores-form [model]=\"model\"></app-fornecedores-form>\n  }\n</div>\n<div class=\"dialog-footer\">\n  <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n  <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: FornecedoresFormComponent, selector: "app-fornecedores-form", inputs: ["model"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: FornecedoresEditDialogComponent, isStandalone: true, selector: "app-fornecedores-edit-dialog", ngImport: i0, template: "<div class=\"ox-header\">\r\n  <h2 class=\"titulo\">Editando Fornecedor</h2>\r\n  <button mat-icon-button [mat-dialog-close]>\r\n    <mat-icon>close</mat-icon>\r\n  </button>\r\n</div>\r\n<div class=\"dialog-content\">\r\n  @if (model) {\r\n    <app-fornecedores-form [model]=\"model\"></app-fornecedores-form>\r\n  }\r\n</div>\r\n<div class=\"dialog-footer\">\r\n  <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\r\n  <button mat-button [mat-dialog-close]>VOLTAR</button>\r\n</div>\r\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: FornecedoresFormComponent, selector: "app-fornecedores-form", inputs: ["model"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: FornecedoresEditDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-fornecedores-edit-dialog', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogModule, MatButtonModule, MatIconModule, FornecedoresFormComponent, BusyIndicatorComponent], template: "<div class=\"ox-header\">\n  <h2 class=\"titulo\">Editando Fornecedor</h2>\n  <button mat-icon-button [mat-dialog-close]>\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n<div class=\"dialog-content\">\n  @if (model) {\n    <app-fornecedores-form [model]=\"model\"></app-fornecedores-form>\n  }\n</div>\n<div class=\"dialog-footer\">\n  <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n  <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
+            args: [{ selector: 'app-fornecedores-edit-dialog', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogModule, MatButtonModule, MatIconModule, FornecedoresFormComponent, BusyIndicatorComponent], template: "<div class=\"ox-header\">\r\n  <h2 class=\"titulo\">Editando Fornecedor</h2>\r\n  <button mat-icon-button [mat-dialog-close]>\r\n    <mat-icon>close</mat-icon>\r\n  </button>\r\n</div>\r\n<div class=\"dialog-content\">\r\n  @if (model) {\r\n    <app-fornecedores-form [model]=\"model\"></app-fornecedores-form>\r\n  }\r\n</div>\r\n<div class=\"dialog-footer\">\r\n  <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\r\n  <button mat-button [mat-dialog-close]>VOLTAR</button>\r\n</div>\r\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
         }], ctorParameters: () => [] });
 
 class FornecedoresComponent {
@@ -2116,11 +2117,11 @@ class FornecedoresComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: FornecedoresComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: FornecedoresComponent, isStandalone: true, selector: "app-fornecedores", ngImport: i0, template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n@if (mobile) {\n  <div class=\"tool-panel\">\n    <div class=\"tool-section ordem-sm2\">\n      <label>A\u00E7\u00F5es</label>\n      <div class=\"tool-row\">\n        <button mat-icon-button (click)=\"atualiza()\">\n          <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n        </button>\n        @if (allowAdd) {\n          <button mat-icon-button (click)=\"novo()\">\n            <mat-icon aria-label=\"Novo Grupo\">add</mat-icon>\n          </button>\n        }\n        @if (selectedItem && allowExcluir) {\n          <button mat-icon-button (click)=\"excluir()\" [@fade]>\n            <mat-icon aria-label=\"Excluir Grupo\">delete</mat-icon>\n          </button>\n        }\n      </div>\n    </div>\n    <div class=\"tool-section\">\n      <label>Pesquisa</label>\n      <div class=\"search-input-container\">\n        <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\n          (input)=\"lazyTrigger.fire()\">\n      </div>\n    </div>\n  </div>\n}\n@if (items) {\n  <div class=\"result-container\">\n    @if (mobile) {\n      <div class=\"cards-container cards-container-shadow\">\n        @for (i of items; track i) {\n          <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" (click)=\"abreCadastro(i)\"></ox-item-card>\n        }\n      </div>\n    }\n    @if (!mobile) {\n      <div class=\"listagem-desktop-grid\">\n        <div class=\"listagem-column-container listagem-list-column\">\n          <h3>Fornecedores</h3>\n          <div class=\"tool-panel tool-panel-float\">\n            <div class=\"tool-section\">\n              <label>Pesquisa</label>\n              <div class=\"search-input-container\">\n                <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\n                  (input)=\"lazyTrigger.fire()\">\n              </div>\n            </div>\n            <div class=\"tool-section ordem-sm2\">\n              <label>A\u00E7\u00F5es</label>\n              <div class=\"tool-row\">\n                <button mat-icon-button (click)=\"atualiza()\">\n                  <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n                </button>\n                @if (allowAdd) {\n                  <button mat-icon-button (click)=\"novo()\">\n                    <mat-icon aria-label=\"Novo\">add</mat-icon>\n                  </button>\n                }\n                @if (selectedItem && allowExcluir) {\n                  <button mat-icon-button (click)=\"excluir()\" [@fade]>\n                    <mat-icon aria-label=\"Excluir\">delete</mat-icon>\n                  </button>\n                }\n              </div>\n            </div>\n          </div>\n          <div class=\"listagem-list-container\">\n            @if (items.length === 0) {\n              <h4 class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\n            }\n            @for (i of items; track i) {\n              <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" [class.selected]=\"i === selectedItem\"\n              (click)=\"selectedItem = i; onSelectItem();\"></ox-item-card >\n            }\n          </div>\n        </div>\n        <div id=\"form-column\" class=\"listagem-column-container listagem-column-form\">\n          @if (!selectedItem) {\n            <h3 class=\"selecione-um-item-msg\">Selecione um fornecedor no lado direito</h3>\n          }\n          @if (selectedItem) {\n            <h3>{{selectedItem.nome | uppercase}}</h3>\n          }\n          <div class=\"listagem-form-container\">\n            @if (selectedItem) {\n              <app-fornecedores-form [@fade] [model]=\"selectedItem\"></app-fornecedores-form>\n            }\n          </div>\n          <div class=\"listagem-form-acoes\">\n            @if (selectedItem) {\n              <button (click)=\"salvar()\" mat-fab color=\"primary\" tabindex=\"20\">\n                <mat-icon>save</mat-icon>\n              </button>\n            }\n          </div>\n        </div>\n      </div>\n    }\n  </div>\n}", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#f0f0f0}:host{background-color:#fafafa}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: ItemCardComponent, selector: "ox-item-card", inputs: ["nome", "codigo", "star", "cloud", "desativado", "ownership"] }, { kind: "component", type: FornecedoresFormComponent, selector: "app-fornecedores-form", inputs: ["model"] }, { kind: "pipe", type: i4.UpperCasePipe, name: "uppercase" }], animations: [fadeAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: FornecedoresComponent, isStandalone: true, selector: "app-fornecedores", ngImport: i0, template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\r\n@if (mobile) {\r\n  <div class=\"tool-panel\">\r\n    <div class=\"tool-section ordem-sm2\">\r\n      <label>A\u00E7\u00F5es</label>\r\n      <div class=\"tool-row\">\r\n        <button mat-icon-button (click)=\"atualiza()\">\r\n          <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\r\n        </button>\r\n        @if (allowAdd) {\r\n          <button mat-icon-button (click)=\"novo()\">\r\n            <mat-icon aria-label=\"Novo Grupo\">add</mat-icon>\r\n          </button>\r\n        }\r\n        @if (selectedItem && allowExcluir) {\r\n          <button mat-icon-button (click)=\"excluir()\" [@fade]>\r\n            <mat-icon aria-label=\"Excluir Grupo\">delete</mat-icon>\r\n          </button>\r\n        }\r\n      </div>\r\n    </div>\r\n    <div class=\"tool-section\">\r\n      <label>Pesquisa</label>\r\n      <div class=\"search-input-container\">\r\n        <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\r\n          (input)=\"lazyTrigger.fire()\">\r\n      </div>\r\n    </div>\r\n  </div>\r\n}\r\n@if (items) {\r\n  <div class=\"result-container\">\r\n    @if (mobile) {\r\n      <div class=\"cards-container cards-container-shadow\">\r\n        @for (i of items; track i) {\r\n          <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" (click)=\"abreCadastro(i)\"></ox-item-card>\r\n        }\r\n      </div>\r\n    }\r\n    @if (!mobile) {\r\n      <div class=\"listagem-desktop-grid\">\r\n        <div class=\"listagem-column-container listagem-list-column\">\r\n          <h3>Fornecedores</h3>\r\n          <div class=\"tool-panel tool-panel-float\">\r\n            <div class=\"tool-section\">\r\n              <label>Pesquisa</label>\r\n              <div class=\"search-input-container\">\r\n                <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\r\n                  (input)=\"lazyTrigger.fire()\">\r\n              </div>\r\n            </div>\r\n            <div class=\"tool-section ordem-sm2\">\r\n              <label>A\u00E7\u00F5es</label>\r\n              <div class=\"tool-row\">\r\n                <button mat-icon-button (click)=\"atualiza()\">\r\n                  <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\r\n                </button>\r\n                @if (allowAdd) {\r\n                  <button mat-icon-button (click)=\"novo()\">\r\n                    <mat-icon aria-label=\"Novo\">add</mat-icon>\r\n                  </button>\r\n                }\r\n                @if (selectedItem && allowExcluir) {\r\n                  <button mat-icon-button (click)=\"excluir()\" [@fade]>\r\n                    <mat-icon aria-label=\"Excluir\">delete</mat-icon>\r\n                  </button>\r\n                }\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"listagem-list-container\">\r\n            @if (items.length === 0) {\r\n              <h4 class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\r\n            }\r\n            @for (i of items; track i) {\r\n              <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" [class.selected]=\"i === selectedItem\"\r\n              (click)=\"selectedItem = i; onSelectItem();\"></ox-item-card >\r\n            }\r\n          </div>\r\n        </div>\r\n        <div id=\"form-column\" class=\"listagem-column-container listagem-column-form\">\r\n          @if (!selectedItem) {\r\n            <h3 class=\"selecione-um-item-msg\">Selecione um fornecedor no lado direito</h3>\r\n          }\r\n          @if (selectedItem) {\r\n            <h3>{{selectedItem.nome | uppercase}}</h3>\r\n          }\r\n          <div class=\"listagem-form-container\">\r\n            @if (selectedItem) {\r\n              <app-fornecedores-form [@fade] [model]=\"selectedItem\"></app-fornecedores-form>\r\n            }\r\n          </div>\r\n          <div class=\"listagem-form-acoes\">\r\n            @if (selectedItem) {\r\n              <button (click)=\"salvar()\" mat-fab color=\"primary\" tabindex=\"20\">\r\n                <mat-icon>save</mat-icon>\r\n              </button>\r\n            }\r\n          </div>\r\n        </div>\r\n      </div>\r\n    }\r\n  </div>\r\n}", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#f0f0f0}:host{background-color:#fafafa}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: ItemCardComponent, selector: "ox-item-card", inputs: ["nome", "codigo", "star", "cloud", "desativado", "ownership"] }, { kind: "component", type: FornecedoresFormComponent, selector: "app-fornecedores-form", inputs: ["model"] }, { kind: "pipe", type: i4.UpperCasePipe, name: "uppercase" }], animations: [fadeAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: FornecedoresComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-fornecedores', animations: [fadeAnimation], changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, FormsModule, MatButtonModule, MatIconModule, BusyIndicatorComponent, ItemCardComponent, FornecedoresFormComponent], template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n@if (mobile) {\n  <div class=\"tool-panel\">\n    <div class=\"tool-section ordem-sm2\">\n      <label>A\u00E7\u00F5es</label>\n      <div class=\"tool-row\">\n        <button mat-icon-button (click)=\"atualiza()\">\n          <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n        </button>\n        @if (allowAdd) {\n          <button mat-icon-button (click)=\"novo()\">\n            <mat-icon aria-label=\"Novo Grupo\">add</mat-icon>\n          </button>\n        }\n        @if (selectedItem && allowExcluir) {\n          <button mat-icon-button (click)=\"excluir()\" [@fade]>\n            <mat-icon aria-label=\"Excluir Grupo\">delete</mat-icon>\n          </button>\n        }\n      </div>\n    </div>\n    <div class=\"tool-section\">\n      <label>Pesquisa</label>\n      <div class=\"search-input-container\">\n        <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\n          (input)=\"lazyTrigger.fire()\">\n      </div>\n    </div>\n  </div>\n}\n@if (items) {\n  <div class=\"result-container\">\n    @if (mobile) {\n      <div class=\"cards-container cards-container-shadow\">\n        @for (i of items; track i) {\n          <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" (click)=\"abreCadastro(i)\"></ox-item-card>\n        }\n      </div>\n    }\n    @if (!mobile) {\n      <div class=\"listagem-desktop-grid\">\n        <div class=\"listagem-column-container listagem-list-column\">\n          <h3>Fornecedores</h3>\n          <div class=\"tool-panel tool-panel-float\">\n            <div class=\"tool-section\">\n              <label>Pesquisa</label>\n              <div class=\"search-input-container\">\n                <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\n                  (input)=\"lazyTrigger.fire()\">\n              </div>\n            </div>\n            <div class=\"tool-section ordem-sm2\">\n              <label>A\u00E7\u00F5es</label>\n              <div class=\"tool-row\">\n                <button mat-icon-button (click)=\"atualiza()\">\n                  <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n                </button>\n                @if (allowAdd) {\n                  <button mat-icon-button (click)=\"novo()\">\n                    <mat-icon aria-label=\"Novo\">add</mat-icon>\n                  </button>\n                }\n                @if (selectedItem && allowExcluir) {\n                  <button mat-icon-button (click)=\"excluir()\" [@fade]>\n                    <mat-icon aria-label=\"Excluir\">delete</mat-icon>\n                  </button>\n                }\n              </div>\n            </div>\n          </div>\n          <div class=\"listagem-list-container\">\n            @if (items.length === 0) {\n              <h4 class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\n            }\n            @for (i of items; track i) {\n              <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" [class.selected]=\"i === selectedItem\"\n              (click)=\"selectedItem = i; onSelectItem();\"></ox-item-card >\n            }\n          </div>\n        </div>\n        <div id=\"form-column\" class=\"listagem-column-container listagem-column-form\">\n          @if (!selectedItem) {\n            <h3 class=\"selecione-um-item-msg\">Selecione um fornecedor no lado direito</h3>\n          }\n          @if (selectedItem) {\n            <h3>{{selectedItem.nome | uppercase}}</h3>\n          }\n          <div class=\"listagem-form-container\">\n            @if (selectedItem) {\n              <app-fornecedores-form [@fade] [model]=\"selectedItem\"></app-fornecedores-form>\n            }\n          </div>\n          <div class=\"listagem-form-acoes\">\n            @if (selectedItem) {\n              <button (click)=\"salvar()\" mat-fab color=\"primary\" tabindex=\"20\">\n                <mat-icon>save</mat-icon>\n              </button>\n            }\n          </div>\n        </div>\n      </div>\n    }\n  </div>\n}", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#f0f0f0}:host{background-color:#fafafa}\n"] }]
+            args: [{ selector: 'app-fornecedores', animations: [fadeAnimation], changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, FormsModule, MatButtonModule, MatIconModule, BusyIndicatorComponent, ItemCardComponent, FornecedoresFormComponent], template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\r\n@if (mobile) {\r\n  <div class=\"tool-panel\">\r\n    <div class=\"tool-section ordem-sm2\">\r\n      <label>A\u00E7\u00F5es</label>\r\n      <div class=\"tool-row\">\r\n        <button mat-icon-button (click)=\"atualiza()\">\r\n          <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\r\n        </button>\r\n        @if (allowAdd) {\r\n          <button mat-icon-button (click)=\"novo()\">\r\n            <mat-icon aria-label=\"Novo Grupo\">add</mat-icon>\r\n          </button>\r\n        }\r\n        @if (selectedItem && allowExcluir) {\r\n          <button mat-icon-button (click)=\"excluir()\" [@fade]>\r\n            <mat-icon aria-label=\"Excluir Grupo\">delete</mat-icon>\r\n          </button>\r\n        }\r\n      </div>\r\n    </div>\r\n    <div class=\"tool-section\">\r\n      <label>Pesquisa</label>\r\n      <div class=\"search-input-container\">\r\n        <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\r\n          (input)=\"lazyTrigger.fire()\">\r\n      </div>\r\n    </div>\r\n  </div>\r\n}\r\n@if (items) {\r\n  <div class=\"result-container\">\r\n    @if (mobile) {\r\n      <div class=\"cards-container cards-container-shadow\">\r\n        @for (i of items; track i) {\r\n          <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" (click)=\"abreCadastro(i)\"></ox-item-card>\r\n        }\r\n      </div>\r\n    }\r\n    @if (!mobile) {\r\n      <div class=\"listagem-desktop-grid\">\r\n        <div class=\"listagem-column-container listagem-list-column\">\r\n          <h3>Fornecedores</h3>\r\n          <div class=\"tool-panel tool-panel-float\">\r\n            <div class=\"tool-section\">\r\n              <label>Pesquisa</label>\r\n              <div class=\"search-input-container\">\r\n                <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\r\n                  (input)=\"lazyTrigger.fire()\">\r\n              </div>\r\n            </div>\r\n            <div class=\"tool-section ordem-sm2\">\r\n              <label>A\u00E7\u00F5es</label>\r\n              <div class=\"tool-row\">\r\n                <button mat-icon-button (click)=\"atualiza()\">\r\n                  <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\r\n                </button>\r\n                @if (allowAdd) {\r\n                  <button mat-icon-button (click)=\"novo()\">\r\n                    <mat-icon aria-label=\"Novo\">add</mat-icon>\r\n                  </button>\r\n                }\r\n                @if (selectedItem && allowExcluir) {\r\n                  <button mat-icon-button (click)=\"excluir()\" [@fade]>\r\n                    <mat-icon aria-label=\"Excluir\">delete</mat-icon>\r\n                  </button>\r\n                }\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"listagem-list-container\">\r\n            @if (items.length === 0) {\r\n              <h4 class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\r\n            }\r\n            @for (i of items; track i) {\r\n              <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" [class.selected]=\"i === selectedItem\"\r\n              (click)=\"selectedItem = i; onSelectItem();\"></ox-item-card >\r\n            }\r\n          </div>\r\n        </div>\r\n        <div id=\"form-column\" class=\"listagem-column-container listagem-column-form\">\r\n          @if (!selectedItem) {\r\n            <h3 class=\"selecione-um-item-msg\">Selecione um fornecedor no lado direito</h3>\r\n          }\r\n          @if (selectedItem) {\r\n            <h3>{{selectedItem.nome | uppercase}}</h3>\r\n          }\r\n          <div class=\"listagem-form-container\">\r\n            @if (selectedItem) {\r\n              <app-fornecedores-form [@fade] [model]=\"selectedItem\"></app-fornecedores-form>\r\n            }\r\n          </div>\r\n          <div class=\"listagem-form-acoes\">\r\n            @if (selectedItem) {\r\n              <button (click)=\"salvar()\" mat-fab color=\"primary\" tabindex=\"20\">\r\n                <mat-icon>save</mat-icon>\r\n              </button>\r\n            }\r\n          </div>\r\n        </div>\r\n      </div>\r\n    }\r\n  </div>\r\n}", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#f0f0f0}:host{background-color:#fafafa}\n"] }]
         }], ctorParameters: () => [] });
 
 class SelecaoFornecedorDialogComponent {
@@ -2214,11 +2215,11 @@ class SelecaoFornecedorDialogComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: SelecaoFornecedorDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: SelecaoFornecedorDialogComponent, isStandalone: true, selector: "app-selecao-fornecedor-dialog", ngImport: i0, template: "<div class=\"dialog-header\">\n  <h2>Sele\u00E7\u00E3o de Fornecedores</h2>\n</div>\n<div class=\"tool-panel\">\n  <div class=\"tool-section\">\n    <label>Pesquisa</label>\n    <div class=\"search-input-container\">\n      <input (keydown)=\"nav.onKeyDown($event)\" cdkFocusInitial [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n    </div>\n  </div>\n  <div class=\"tool-section\">\n    <label>A\u00E7\u00F5es</label>\n    <div class=\"tool-row\">\n      <button color=\"primary\" mat-icon-button (click)=\"atualiza()\">\n        <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n      </button>\n      @if (allowAdd) {\n        <button color=\"primary\" mat-icon-button (click)=\"novo()\">\n          <mat-icon aria-label=\"novo\">add</mat-icon>\n        </button>\n      }\n      @if (selectedItem) {\n        <button color=\"primary\" mat-icon-button (click)=\"editar()\">\n          <mat-icon aria-label=\"editar\">edit</mat-icon>\n        </button>\n      }\n    </div>\n  </div>\n</div>\n<div class=\"dialog-content\">\n  @for (i of items; track i) {\n    <div (click)=\"selectItem(i)\" [ngClass]=\"{selected: selectedItem === i}\" class=\"list-item\">\n      <span>{{i.nome}}</span>\n    </div>\n  }\n</div>\n<div class=\"dialog-footer\">\n  <button mat-button [disabled]=\"selectedItem == undefined\" color=\"primary\" [mat-dialog-close]=\"selectedItem\">CONFIRMAR</button>\n  <button mat-button [mat-dialog-close]=\"undefined\">VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: SelecaoFornecedorDialogComponent, isStandalone: true, selector: "app-selecao-fornecedor-dialog", ngImport: i0, template: "<div class=\"dialog-header\">\r\n  <h2>Sele\u00E7\u00E3o de Fornecedores</h2>\r\n</div>\r\n<div class=\"tool-panel\">\r\n  <div class=\"tool-section\">\r\n    <label>Pesquisa</label>\r\n    <div class=\"search-input-container\">\r\n      <input (keydown)=\"nav.onKeyDown($event)\" cdkFocusInitial [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\r\n    </div>\r\n  </div>\r\n  <div class=\"tool-section\">\r\n    <label>A\u00E7\u00F5es</label>\r\n    <div class=\"tool-row\">\r\n      <button color=\"primary\" mat-icon-button (click)=\"atualiza()\">\r\n        <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\r\n      </button>\r\n      @if (allowAdd) {\r\n        <button color=\"primary\" mat-icon-button (click)=\"novo()\">\r\n          <mat-icon aria-label=\"novo\">add</mat-icon>\r\n        </button>\r\n      }\r\n      @if (selectedItem) {\r\n        <button color=\"primary\" mat-icon-button (click)=\"editar()\">\r\n          <mat-icon aria-label=\"editar\">edit</mat-icon>\r\n        </button>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n<div class=\"dialog-content\">\r\n  @for (i of items; track i) {\r\n    <div (click)=\"selectItem(i)\" [ngClass]=\"{selected: selectedItem === i}\" class=\"list-item\">\r\n      <span>{{i.nome}}</span>\r\n    </div>\r\n  }\r\n</div>\r\n<div class=\"dialog-footer\">\r\n  <button mat-button [disabled]=\"selectedItem == undefined\" color=\"primary\" [mat-dialog-close]=\"selectedItem\">CONFIRMAR</button>\r\n  <button mat-button [mat-dialog-close]=\"undefined\">VOLTAR</button>\r\n</div>\r\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\r\n", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: SelecaoFornecedorDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-selecao-fornecedor-dialog', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, FormsModule, MatDialogModule, MatButtonModule, MatIconModule, BusyIndicatorComponent], template: "<div class=\"dialog-header\">\n  <h2>Sele\u00E7\u00E3o de Fornecedores</h2>\n</div>\n<div class=\"tool-panel\">\n  <div class=\"tool-section\">\n    <label>Pesquisa</label>\n    <div class=\"search-input-container\">\n      <input (keydown)=\"nav.onKeyDown($event)\" cdkFocusInitial [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n    </div>\n  </div>\n  <div class=\"tool-section\">\n    <label>A\u00E7\u00F5es</label>\n    <div class=\"tool-row\">\n      <button color=\"primary\" mat-icon-button (click)=\"atualiza()\">\n        <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n      </button>\n      @if (allowAdd) {\n        <button color=\"primary\" mat-icon-button (click)=\"novo()\">\n          <mat-icon aria-label=\"novo\">add</mat-icon>\n        </button>\n      }\n      @if (selectedItem) {\n        <button color=\"primary\" mat-icon-button (click)=\"editar()\">\n          <mat-icon aria-label=\"editar\">edit</mat-icon>\n        </button>\n      }\n    </div>\n  </div>\n</div>\n<div class=\"dialog-content\">\n  @for (i of items; track i) {\n    <div (click)=\"selectItem(i)\" [ngClass]=\"{selected: selectedItem === i}\" class=\"list-item\">\n      <span>{{i.nome}}</span>\n    </div>\n  }\n</div>\n<div class=\"dialog-footer\">\n  <button mat-button [disabled]=\"selectedItem == undefined\" color=\"primary\" [mat-dialog-close]=\"selectedItem\">CONFIRMAR</button>\n  <button mat-button [mat-dialog-close]=\"undefined\">VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
+            args: [{ selector: 'app-selecao-fornecedor-dialog', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, FormsModule, MatDialogModule, MatButtonModule, MatIconModule, BusyIndicatorComponent], template: "<div class=\"dialog-header\">\r\n  <h2>Sele\u00E7\u00E3o de Fornecedores</h2>\r\n</div>\r\n<div class=\"tool-panel\">\r\n  <div class=\"tool-section\">\r\n    <label>Pesquisa</label>\r\n    <div class=\"search-input-container\">\r\n      <input (keydown)=\"nav.onKeyDown($event)\" cdkFocusInitial [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\r\n    </div>\r\n  </div>\r\n  <div class=\"tool-section\">\r\n    <label>A\u00E7\u00F5es</label>\r\n    <div class=\"tool-row\">\r\n      <button color=\"primary\" mat-icon-button (click)=\"atualiza()\">\r\n        <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\r\n      </button>\r\n      @if (allowAdd) {\r\n        <button color=\"primary\" mat-icon-button (click)=\"novo()\">\r\n          <mat-icon aria-label=\"novo\">add</mat-icon>\r\n        </button>\r\n      }\r\n      @if (selectedItem) {\r\n        <button color=\"primary\" mat-icon-button (click)=\"editar()\">\r\n          <mat-icon aria-label=\"editar\">edit</mat-icon>\r\n        </button>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n<div class=\"dialog-content\">\r\n  @for (i of items; track i) {\r\n    <div (click)=\"selectItem(i)\" [ngClass]=\"{selected: selectedItem === i}\" class=\"list-item\">\r\n      <span>{{i.nome}}</span>\r\n    </div>\r\n  }\r\n</div>\r\n<div class=\"dialog-footer\">\r\n  <button mat-button [disabled]=\"selectedItem == undefined\" color=\"primary\" [mat-dialog-close]=\"selectedItem\">CONFIRMAR</button>\r\n  <button mat-button [mat-dialog-close]=\"undefined\">VOLTAR</button>\r\n</div>\r\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\r\n", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
         }], ctorParameters: () => [] });
 
 class CheckButtonComponent {
@@ -2300,11 +2301,11 @@ class ImageViewerComponent {
         this.disableNext = this.paginaAtual == this.infos.length;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ImageViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: ImageViewerComponent, isStandalone: true, selector: "ox-image-viewer", inputs: { info: "info", infos: "infos", isOpen: "isOpen" }, outputs: { isOpenChange: "isOpenChange" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0, template: "@if (isOpen) {\n  <div class=\"image-fullsize\">\n    <div class=\"titulo\">\n      {{info?.titulo}}\n    </div>\n    <div class=\"img-container\" (click)=\"isOpen = !isOpen\">\n      @if (info) {\n        <img class=\"image\" [src]=\"info?.url\" />\n      }\n    </div>\n    @if (infos) {\n      <div class=\"action-bar\">\n        <button (click)=\"goBack()\" [disabled]=\"disableBack\" mat-icon-button>\n          <mat-icon>chevron_left</mat-icon>\n        </button>\n        <span class=\"picker-text\">\n          {{paginaAtual}}/{{infos?.length}}\n        </span>\n        <button (click)=\"goNext()\" [disabled]=\"disableNext\" mat-icon-button>\n          <mat-icon>chevron_right</mat-icon>\n        </button>\n      </div>\n    }\n  </div>\n}\n", styles: [".image-fullsize{position:absolute;left:0;top:0;background:#000c;width:100%;height:100%;display:flex;flex-flow:column}.titulo{color:#fff;text-align:center;padding:16px;font-size:large;font-weight:300}.action-bar{background:linear-gradient(135deg,#000c,#000000e6,#000c);color:#fff;padding:8px}.img-container{flex-grow:1;display:flex;justify-content:center;align-items:center}.image{box-shadow:0 5px 35px #000000a6;max-width:100%;height:auto}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: ImageViewerComponent, isStandalone: true, selector: "ox-image-viewer", inputs: { info: "info", infos: "infos", isOpen: "isOpen" }, outputs: { isOpenChange: "isOpenChange" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0, template: "@if (isOpen) {\r\n  <div class=\"image-fullsize\">\r\n    <div class=\"titulo\">\r\n      {{info?.titulo}}\r\n    </div>\r\n    <div class=\"img-container\" (click)=\"isOpen = !isOpen\">\r\n      @if (info) {\r\n        <img class=\"image\" [src]=\"info?.url\" />\r\n      }\r\n    </div>\r\n    @if (infos) {\r\n      <div class=\"action-bar\">\r\n        <button (click)=\"goBack()\" [disabled]=\"disableBack\" mat-icon-button>\r\n          <mat-icon>chevron_left</mat-icon>\r\n        </button>\r\n        <span class=\"picker-text\">\r\n          {{paginaAtual}}/{{infos?.length}}\r\n        </span>\r\n        <button (click)=\"goNext()\" [disabled]=\"disableNext\" mat-icon-button>\r\n          <mat-icon>chevron_right</mat-icon>\r\n        </button>\r\n      </div>\r\n    }\r\n  </div>\r\n}\r\n", styles: [".image-fullsize{position:absolute;left:0;top:0;background:#000c;width:100%;height:100%;display:flex;flex-flow:column}.titulo{color:#fff;text-align:center;padding:16px;font-size:large;font-weight:300}.action-bar{background:linear-gradient(135deg,#000c,#000000e6,#000c);color:#fff;padding:8px}.img-container{flex-grow:1;display:flex;justify-content:center;align-items:center}.image{box-shadow:0 5px 35px #000000a6;max-width:100%;height:auto}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ImageViewerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ox-image-viewer', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatIconModule, MatButtonModule], template: "@if (isOpen) {\n  <div class=\"image-fullsize\">\n    <div class=\"titulo\">\n      {{info?.titulo}}\n    </div>\n    <div class=\"img-container\" (click)=\"isOpen = !isOpen\">\n      @if (info) {\n        <img class=\"image\" [src]=\"info?.url\" />\n      }\n    </div>\n    @if (infos) {\n      <div class=\"action-bar\">\n        <button (click)=\"goBack()\" [disabled]=\"disableBack\" mat-icon-button>\n          <mat-icon>chevron_left</mat-icon>\n        </button>\n        <span class=\"picker-text\">\n          {{paginaAtual}}/{{infos?.length}}\n        </span>\n        <button (click)=\"goNext()\" [disabled]=\"disableNext\" mat-icon-button>\n          <mat-icon>chevron_right</mat-icon>\n        </button>\n      </div>\n    }\n  </div>\n}\n", styles: [".image-fullsize{position:absolute;left:0;top:0;background:#000c;width:100%;height:100%;display:flex;flex-flow:column}.titulo{color:#fff;text-align:center;padding:16px;font-size:large;font-weight:300}.action-bar{background:linear-gradient(135deg,#000c,#000000e6,#000c);color:#fff;padding:8px}.img-container{flex-grow:1;display:flex;justify-content:center;align-items:center}.image{box-shadow:0 5px 35px #000000a6;max-width:100%;height:auto}\n"] }]
+            args: [{ selector: 'ox-image-viewer', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatIconModule, MatButtonModule], template: "@if (isOpen) {\r\n  <div class=\"image-fullsize\">\r\n    <div class=\"titulo\">\r\n      {{info?.titulo}}\r\n    </div>\r\n    <div class=\"img-container\" (click)=\"isOpen = !isOpen\">\r\n      @if (info) {\r\n        <img class=\"image\" [src]=\"info?.url\" />\r\n      }\r\n    </div>\r\n    @if (infos) {\r\n      <div class=\"action-bar\">\r\n        <button (click)=\"goBack()\" [disabled]=\"disableBack\" mat-icon-button>\r\n          <mat-icon>chevron_left</mat-icon>\r\n        </button>\r\n        <span class=\"picker-text\">\r\n          {{paginaAtual}}/{{infos?.length}}\r\n        </span>\r\n        <button (click)=\"goNext()\" [disabled]=\"disableNext\" mat-icon-button>\r\n          <mat-icon>chevron_right</mat-icon>\r\n        </button>\r\n      </div>\r\n    }\r\n  </div>\r\n}\r\n", styles: [".image-fullsize{position:absolute;left:0;top:0;background:#000c;width:100%;height:100%;display:flex;flex-flow:column}.titulo{color:#fff;text-align:center;padding:16px;font-size:large;font-weight:300}.action-bar{background:linear-gradient(135deg,#000c,#000000e6,#000c);color:#fff;padding:8px}.img-container{flex-grow:1;display:flex;justify-content:center;align-items:center}.image{box-shadow:0 5px 35px #000000a6;max-width:100%;height:auto}\n"] }]
         }], ctorParameters: () => [], propDecorators: { info: [{
                 type: Input
             }], infos: [{
@@ -2602,11 +2603,11 @@ class RadioButtonGroupComponent {
         this.change.emit(this.selectedItem);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: RadioButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: RadioButtonGroupComponent, isStandalone: true, selector: "ox-radio-button-group", inputs: { selectedItem: "selectedItem", items: "items" }, outputs: { change: "change" }, ngImport: i0, template: "@for (item of items; track item) {\n  <ox-check-button [radioBehavior]=\"true\" (changed)=\"raiseChange(item)\" [checked]=\"item == selectedItem\">\n    {{item.name}}\n  </ox-check-button>\n}", styles: [":host>:first-child{border-radius:4px 0 0 4px}:host>:last-child{border-radius:0 4px 4px 0}\n"], dependencies: [{ kind: "component", type: CheckButtonComponent, selector: "ox-check-button", inputs: ["checked", "radioBehavior"], outputs: ["changed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: RadioButtonGroupComponent, isStandalone: true, selector: "ox-radio-button-group", inputs: { selectedItem: "selectedItem", items: "items" }, outputs: { change: "change" }, ngImport: i0, template: "@for (item of items; track item) {\r\n  <ox-check-button [radioBehavior]=\"true\" (changed)=\"raiseChange(item)\" [checked]=\"item == selectedItem\">\r\n    {{item.name}}\r\n  </ox-check-button>\r\n}", styles: [":host>:first-child{border-radius:4px 0 0 4px}:host>:last-child{border-radius:0 4px 4px 0}\n"], dependencies: [{ kind: "component", type: CheckButtonComponent, selector: "ox-check-button", inputs: ["checked", "radioBehavior"], outputs: ["changed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: RadioButtonGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ox-radio-button-group', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CheckButtonComponent], template: "@for (item of items; track item) {\n  <ox-check-button [radioBehavior]=\"true\" (changed)=\"raiseChange(item)\" [checked]=\"item == selectedItem\">\n    {{item.name}}\n  </ox-check-button>\n}", styles: [":host>:first-child{border-radius:4px 0 0 4px}:host>:last-child{border-radius:0 4px 4px 0}\n"] }]
+            args: [{ selector: 'ox-radio-button-group', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CheckButtonComponent], template: "@for (item of items; track item) {\r\n  <ox-check-button [radioBehavior]=\"true\" (changed)=\"raiseChange(item)\" [checked]=\"item == selectedItem\">\r\n    {{item.name}}\r\n  </ox-check-button>\r\n}", styles: [":host>:first-child{border-radius:4px 0 0 4px}:host>:last-child{border-radius:0 4px 4px 0}\n"] }]
         }], ctorParameters: () => [], propDecorators: { change: [{ type: i0.Output, args: ["change"] }], selectedItem: [{
                 type: Input
             }], items: [{