oxpi-nglib 2.0.29 → 2.0.31

package/esm2022/lib/controls/produto-card/produto-card.component.mjs

@@ -18,11 +18,11 @@ export class ProdutoCardComponent {
     ngOnInit() {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ProdutoCardComponent, deps: [{ token: i1.AuthDataService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: ProdutoCardComponent, selector: "ox-produto-card", inputs: { produto: "produto", ownership: "ownership" }, ngImport: i0, template: "<div class=\"nome-codigo-row\"><span class=\"codigo\" *ngIf=\"produto?.id\">{{produto?.id}}</span>{{produto?.nome}}</div>\n\n<div class=\"icons-row\">\n    <div class=\"valor-col\">\n        <span class=\"valor\" *ngIf=\"produto\">{{produto.precoVenda | currency:\"BRL\"}}</span>\n    </div>\n    <div class=\"ownership\" *ngIf=\"ownership\">\n        <span class=\"usuario\" *ngIf=\"ownership.usuarioLogin\">{{ownership.usuarioLogin}}</span>\n        <span class=\"startEndTime\" *ngIf=\"ownership.startTime\">\n            <span class=\"startTime\">{{ownership.startTime  | date:\"dd/MM/yy\"}}</span>\n        </span>\n    </div>\n    <span class=\"material-icons desativado\" *ngIf=\"produto?.isAtivo === false\">\n        dangerous\n    </span>\n    <span class=\"material-icons sync-pendente\" *ngIf=\"produto?.enviadoPC === false\">\n        cloud_queue\n    </span>\n    <span class=\"material-icons sync-concluido\" *ngIf=\"produto?.enviadoPC === true\">\n        cloud_done\n    </span>\n</div>\n<div class=\"badges\">\n    <div class=\"badge\" *ngIf=\"produto?.estoqueControlado\" style=\"background-color: orange;\">       \n    </div>\n    <div class=\"badge\"  *ngIf=\"produto?.isComposto\" style=\"background-color: rgb(180, 11, 247);\">       \n    </div>\n    <div class=\"badge\"  *ngIf=\"produto?.isIngrediente\" style=\"background-color: rgb(0, 89, 255);\">\n    </div>\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;position:relative}: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}.valor-col{background:transparent;display:flex;flex-direction:column;align-items:center}.valor-col .valor{font-size:small;color:#22272c;text-transform:lowercase}.badges{display:flex;flex-direction:row;gap:4px;position:absolute;top:0;margin:4px;left:0}.badges .badge{background:#f4f4f4;border-radius:4px;height:8px;width:14px;font-size:x-small;color:#22272c;font-family:Courier New,Courier,monospace}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i2.DatePipe, name: "date" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: ProdutoCardComponent, selector: "ox-produto-card", inputs: { produto: "produto", ownership: "ownership" }, ngImport: i0, template: "<div class=\"nome-codigo-row\"><span class=\"codigo\" *ngIf=\"produto?.id\">{{produto?.id}}</span>{{produto?.nome}}</div>\n\n<div class=\"icons-row\">\n    <div class=\"valor-col\">\n        <span class=\"valor\" *ngIf=\"produto\">{{produto.precoVenda | currency:\"BRL\"}}</span>\n    </div>\n    <div class=\"ownership\" *ngIf=\"ownership\">\n        <span class=\"usuario\" *ngIf=\"ownership.usuarioLogin\">{{ownership.usuarioLogin}}</span>\n        <span class=\"startEndTime\" *ngIf=\"ownership.startTime\">\n            <span class=\"startTime\">{{ownership.startTime  | date:\"dd/MM/yy\"}}</span>\n        </span>\n    </div>\n    <span class=\"material-icons desativado\" *ngIf=\"produto?.isAtivo === false\">\n        dangerous\n    </span>\n    <span class=\"material-icons sync-pendente\" *ngIf=\"produto?.enviadoPC === false\">\n        cloud_queue\n    </span>\n    <span class=\"material-icons sync-concluido\" *ngIf=\"produto?.enviadoPC === true\">\n        cloud_done\n    </span>\n</div>\n<div class=\"badges\">\n    <div class=\"badge\" *ngIf=\"produto?.estoqueControlado\" style=\"background-color: orange;\">       \n    </div>\n    <div class=\"badge\"  *ngIf=\"produto?.isComposto\" style=\"background-color: rgb(180, 11, 247);\">       \n    </div>\n    <div class=\"badge\"  *ngIf=\"produto?.isIngrediente\" style=\"background-color: rgb(0, 89, 255);\">\n    </div>\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;position:relative}: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}.valor-col{background:transparent;display:flex;flex-direction:column;align-items:center}.valor-col .valor{font-size:xx-small;color:#31b5b0}.badges{display:flex;flex-direction:row;gap:4px;position:absolute;bottom:0;margin-bottom:4px;left:0;margin-left:16px}.badges .badge{background:#f4f4f4;border-radius:9px;height:3px;width:8px;font-size:x-small;color:#22272c;font-family:Courier New,Courier,monospace}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i2.DatePipe, name: "date" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ProdutoCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ox-produto-card', template: "<div class=\"nome-codigo-row\"><span class=\"codigo\" *ngIf=\"produto?.id\">{{produto?.id}}</span>{{produto?.nome}}</div>\n\n<div class=\"icons-row\">\n    <div class=\"valor-col\">\n        <span class=\"valor\" *ngIf=\"produto\">{{produto.precoVenda | currency:\"BRL\"}}</span>\n    </div>\n    <div class=\"ownership\" *ngIf=\"ownership\">\n        <span class=\"usuario\" *ngIf=\"ownership.usuarioLogin\">{{ownership.usuarioLogin}}</span>\n        <span class=\"startEndTime\" *ngIf=\"ownership.startTime\">\n            <span class=\"startTime\">{{ownership.startTime  | date:\"dd/MM/yy\"}}</span>\n        </span>\n    </div>\n    <span class=\"material-icons desativado\" *ngIf=\"produto?.isAtivo === false\">\n        dangerous\n    </span>\n    <span class=\"material-icons sync-pendente\" *ngIf=\"produto?.enviadoPC === false\">\n        cloud_queue\n    </span>\n    <span class=\"material-icons sync-concluido\" *ngIf=\"produto?.enviadoPC === true\">\n        cloud_done\n    </span>\n</div>\n<div class=\"badges\">\n    <div class=\"badge\" *ngIf=\"produto?.estoqueControlado\" style=\"background-color: orange;\">       \n    </div>\n    <div class=\"badge\"  *ngIf=\"produto?.isComposto\" style=\"background-color: rgb(180, 11, 247);\">       \n    </div>\n    <div class=\"badge\"  *ngIf=\"produto?.isIngrediente\" style=\"background-color: rgb(0, 89, 255);\">\n    </div>\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;position:relative}: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}.valor-col{background:transparent;display:flex;flex-direction:column;align-items:center}.valor-col .valor{font-size:small;color:#22272c;text-transform:lowercase}.badges{display:flex;flex-direction:row;gap:4px;position:absolute;top:0;margin:4px;left:0}.badges .badge{background:#f4f4f4;border-radius:4px;height:8px;width:14px;font-size:x-small;color:#22272c;font-family:Courier New,Courier,monospace}\n"] }]
+            args: [{ selector: 'ox-produto-card', template: "<div class=\"nome-codigo-row\"><span class=\"codigo\" *ngIf=\"produto?.id\">{{produto?.id}}</span>{{produto?.nome}}</div>\n\n<div class=\"icons-row\">\n    <div class=\"valor-col\">\n        <span class=\"valor\" *ngIf=\"produto\">{{produto.precoVenda | currency:\"BRL\"}}</span>\n    </div>\n    <div class=\"ownership\" *ngIf=\"ownership\">\n        <span class=\"usuario\" *ngIf=\"ownership.usuarioLogin\">{{ownership.usuarioLogin}}</span>\n        <span class=\"startEndTime\" *ngIf=\"ownership.startTime\">\n            <span class=\"startTime\">{{ownership.startTime  | date:\"dd/MM/yy\"}}</span>\n        </span>\n    </div>\n    <span class=\"material-icons desativado\" *ngIf=\"produto?.isAtivo === false\">\n        dangerous\n    </span>\n    <span class=\"material-icons sync-pendente\" *ngIf=\"produto?.enviadoPC === false\">\n        cloud_queue\n    </span>\n    <span class=\"material-icons sync-concluido\" *ngIf=\"produto?.enviadoPC === true\">\n        cloud_done\n    </span>\n</div>\n<div class=\"badges\">\n    <div class=\"badge\" *ngIf=\"produto?.estoqueControlado\" style=\"background-color: orange;\">       \n    </div>\n    <div class=\"badge\"  *ngIf=\"produto?.isComposto\" style=\"background-color: rgb(180, 11, 247);\">       \n    </div>\n    <div class=\"badge\"  *ngIf=\"produto?.isIngrediente\" style=\"background-color: rgb(0, 89, 255);\">\n    </div>\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;position:relative}: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}.valor-col{background:transparent;display:flex;flex-direction:column;align-items:center}.valor-col .valor{font-size:xx-small;color:#31b5b0}.badges{display:flex;flex-direction:row;gap:4px;position:absolute;bottom:0;margin-bottom:4px;left:0;margin-left:16px}.badges .badge{background:#f4f4f4;border-radius:9px;height:3px;width:8px;font-size:x-small;color:#22272c;font-family:Courier New,Courier,monospace}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.AuthDataService }]; }, propDecorators: { produto: [{
                 type: Input
             }], ownership: [{

package/fesm2022/oxpi-nglib.mjs

@@ -3534,11 +3534,11 @@ class ProdutoCardComponent {
     ngOnInit() {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ProdutoCardComponent, deps: [{ token: AuthDataService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: ProdutoCardComponent, selector: "ox-produto-card", inputs: { produto: "produto", ownership: "ownership" }, ngImport: i0, template: "<div class=\"nome-codigo-row\"><span class=\"codigo\" *ngIf=\"produto?.id\">{{produto?.id}}</span>{{produto?.nome}}</div>\n\n<div class=\"icons-row\">\n    <div class=\"valor-col\">\n        <span class=\"valor\" *ngIf=\"produto\">{{produto.precoVenda | currency:\"BRL\"}}</span>\n    </div>\n    <div class=\"ownership\" *ngIf=\"ownership\">\n        <span class=\"usuario\" *ngIf=\"ownership.usuarioLogin\">{{ownership.usuarioLogin}}</span>\n        <span class=\"startEndTime\" *ngIf=\"ownership.startTime\">\n            <span class=\"startTime\">{{ownership.startTime  | date:\"dd/MM/yy\"}}</span>\n        </span>\n    </div>\n    <span class=\"material-icons desativado\" *ngIf=\"produto?.isAtivo === false\">\n        dangerous\n    </span>\n    <span class=\"material-icons sync-pendente\" *ngIf=\"produto?.enviadoPC === false\">\n        cloud_queue\n    </span>\n    <span class=\"material-icons sync-concluido\" *ngIf=\"produto?.enviadoPC === true\">\n        cloud_done\n    </span>\n</div>\n<div class=\"badges\">\n    <div class=\"badge\" *ngIf=\"produto?.estoqueControlado\" style=\"background-color: orange;\">       \n    </div>\n    <div class=\"badge\"  *ngIf=\"produto?.isComposto\" style=\"background-color: rgb(180, 11, 247);\">       \n    </div>\n    <div class=\"badge\"  *ngIf=\"produto?.isIngrediente\" style=\"background-color: rgb(0, 89, 255);\">\n    </div>\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;position:relative}: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}.valor-col{background:transparent;display:flex;flex-direction:column;align-items:center}.valor-col .valor{font-size:small;color:#22272c;text-transform:lowercase}.badges{display:flex;flex-direction:row;gap:4px;position:absolute;top:0;margin:4px;left:0}.badges .badge{background:#f4f4f4;border-radius:4px;height:8px;width:14px;font-size:x-small;color:#22272c;font-family:Courier New,Courier,monospace}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i6.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i6.DatePipe, name: "date" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: ProdutoCardComponent, selector: "ox-produto-card", inputs: { produto: "produto", ownership: "ownership" }, ngImport: i0, template: "<div class=\"nome-codigo-row\"><span class=\"codigo\" *ngIf=\"produto?.id\">{{produto?.id}}</span>{{produto?.nome}}</div>\n\n<div class=\"icons-row\">\n    <div class=\"valor-col\">\n        <span class=\"valor\" *ngIf=\"produto\">{{produto.precoVenda | currency:\"BRL\"}}</span>\n    </div>\n    <div class=\"ownership\" *ngIf=\"ownership\">\n        <span class=\"usuario\" *ngIf=\"ownership.usuarioLogin\">{{ownership.usuarioLogin}}</span>\n        <span class=\"startEndTime\" *ngIf=\"ownership.startTime\">\n            <span class=\"startTime\">{{ownership.startTime  | date:\"dd/MM/yy\"}}</span>\n        </span>\n    </div>\n    <span class=\"material-icons desativado\" *ngIf=\"produto?.isAtivo === false\">\n        dangerous\n    </span>\n    <span class=\"material-icons sync-pendente\" *ngIf=\"produto?.enviadoPC === false\">\n        cloud_queue\n    </span>\n    <span class=\"material-icons sync-concluido\" *ngIf=\"produto?.enviadoPC === true\">\n        cloud_done\n    </span>\n</div>\n<div class=\"badges\">\n    <div class=\"badge\" *ngIf=\"produto?.estoqueControlado\" style=\"background-color: orange;\">       \n    </div>\n    <div class=\"badge\"  *ngIf=\"produto?.isComposto\" style=\"background-color: rgb(180, 11, 247);\">       \n    </div>\n    <div class=\"badge\"  *ngIf=\"produto?.isIngrediente\" style=\"background-color: rgb(0, 89, 255);\">\n    </div>\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;position:relative}: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}.valor-col{background:transparent;display:flex;flex-direction:column;align-items:center}.valor-col .valor{font-size:xx-small;color:#31b5b0}.badges{display:flex;flex-direction:row;gap:4px;position:absolute;bottom:0;margin-bottom:4px;left:0;margin-left:16px}.badges .badge{background:#f4f4f4;border-radius:9px;height:3px;width:8px;font-size:x-small;color:#22272c;font-family:Courier New,Courier,monospace}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i6.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i6.DatePipe, name: "date" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ProdutoCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ox-produto-card', template: "<div class=\"nome-codigo-row\"><span class=\"codigo\" *ngIf=\"produto?.id\">{{produto?.id}}</span>{{produto?.nome}}</div>\n\n<div class=\"icons-row\">\n    <div class=\"valor-col\">\n        <span class=\"valor\" *ngIf=\"produto\">{{produto.precoVenda | currency:\"BRL\"}}</span>\n    </div>\n    <div class=\"ownership\" *ngIf=\"ownership\">\n        <span class=\"usuario\" *ngIf=\"ownership.usuarioLogin\">{{ownership.usuarioLogin}}</span>\n        <span class=\"startEndTime\" *ngIf=\"ownership.startTime\">\n            <span class=\"startTime\">{{ownership.startTime  | date:\"dd/MM/yy\"}}</span>\n        </span>\n    </div>\n    <span class=\"material-icons desativado\" *ngIf=\"produto?.isAtivo === false\">\n        dangerous\n    </span>\n    <span class=\"material-icons sync-pendente\" *ngIf=\"produto?.enviadoPC === false\">\n        cloud_queue\n    </span>\n    <span class=\"material-icons sync-concluido\" *ngIf=\"produto?.enviadoPC === true\">\n        cloud_done\n    </span>\n</div>\n<div class=\"badges\">\n    <div class=\"badge\" *ngIf=\"produto?.estoqueControlado\" style=\"background-color: orange;\">       \n    </div>\n    <div class=\"badge\"  *ngIf=\"produto?.isComposto\" style=\"background-color: rgb(180, 11, 247);\">       \n    </div>\n    <div class=\"badge\"  *ngIf=\"produto?.isIngrediente\" style=\"background-color: rgb(0, 89, 255);\">\n    </div>\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;position:relative}: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}.valor-col{background:transparent;display:flex;flex-direction:column;align-items:center}.valor-col .valor{font-size:small;color:#22272c;text-transform:lowercase}.badges{display:flex;flex-direction:row;gap:4px;position:absolute;top:0;margin:4px;left:0}.badges .badge{background:#f4f4f4;border-radius:4px;height:8px;width:14px;font-size:x-small;color:#22272c;font-family:Courier New,Courier,monospace}\n"] }]
+            args: [{ selector: 'ox-produto-card', template: "<div class=\"nome-codigo-row\"><span class=\"codigo\" *ngIf=\"produto?.id\">{{produto?.id}}</span>{{produto?.nome}}</div>\n\n<div class=\"icons-row\">\n    <div class=\"valor-col\">\n        <span class=\"valor\" *ngIf=\"produto\">{{produto.precoVenda | currency:\"BRL\"}}</span>\n    </div>\n    <div class=\"ownership\" *ngIf=\"ownership\">\n        <span class=\"usuario\" *ngIf=\"ownership.usuarioLogin\">{{ownership.usuarioLogin}}</span>\n        <span class=\"startEndTime\" *ngIf=\"ownership.startTime\">\n            <span class=\"startTime\">{{ownership.startTime  | date:\"dd/MM/yy\"}}</span>\n        </span>\n    </div>\n    <span class=\"material-icons desativado\" *ngIf=\"produto?.isAtivo === false\">\n        dangerous\n    </span>\n    <span class=\"material-icons sync-pendente\" *ngIf=\"produto?.enviadoPC === false\">\n        cloud_queue\n    </span>\n    <span class=\"material-icons sync-concluido\" *ngIf=\"produto?.enviadoPC === true\">\n        cloud_done\n    </span>\n</div>\n<div class=\"badges\">\n    <div class=\"badge\" *ngIf=\"produto?.estoqueControlado\" style=\"background-color: orange;\">       \n    </div>\n    <div class=\"badge\"  *ngIf=\"produto?.isComposto\" style=\"background-color: rgb(180, 11, 247);\">       \n    </div>\n    <div class=\"badge\"  *ngIf=\"produto?.isIngrediente\" style=\"background-color: rgb(0, 89, 255);\">\n    </div>\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;position:relative}: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}.valor-col{background:transparent;display:flex;flex-direction:column;align-items:center}.valor-col .valor{font-size:xx-small;color:#31b5b0}.badges{display:flex;flex-direction:row;gap:4px;position:absolute;bottom:0;margin-bottom:4px;left:0;margin-left:16px}.badges .badge{background:#f4f4f4;border-radius:9px;height:3px;width:8px;font-size:x-small;color:#22272c;font-family:Courier New,Courier,monospace}\n"] }]
         }], ctorParameters: function () { return [{ type: AuthDataService }]; }, propDecorators: { produto: [{
                 type: Input
             }], ownership: [{