info-library 2.14.53-beta.0 → 2.14.53
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/controls/alert/alert.component.mjs +7 -6
- package/esm2020/controls/autocomplete/autocomplete.component.mjs +7 -6
- package/esm2020/controls/big-checkbox/big-checkbox.component.mjs +10 -9
- package/esm2020/controls/card/card.component.mjs +7 -6
- package/esm2020/controls/card-menu/card-menu.component.mjs +7 -6
- package/esm2020/controls/checkbox/checkbox.component.mjs +7 -6
- package/esm2020/controls/grid/grid.component.mjs +17 -16
- package/esm2020/controls/list-checkbox/list-checkbox.component.mjs +8 -7
- package/esm2020/controls/multi-select/multi-select.component.mjs +7 -6
- package/esm2020/controls/select/select.component.mjs +7 -6
- package/esm2020/controls/timeline/timeline.component.mjs +7 -6
- package/esm2020/layouts/dialog/dialog.component.mjs +11 -10
- package/esm2020/layouts/modal/modal.component.mjs +10 -9
- package/esm2020/layouts/pagebar/pagebar.component.mjs +14 -13
- package/esm2020/layouts/topbar/topbar.component.mjs +8 -7
- package/esm2020/model/html-sanitizer-config.model.mjs +2 -2
- package/fesm2015/info-library.mjs +71 -71
- package/fesm2015/info-library.mjs.map +1 -1
- package/fesm2020/info-library.mjs +71 -71
- package/fesm2020/info-library.mjs.map +1 -1
- package/package.json +4 -4
|
@@ -64,7 +64,7 @@ class HtmlSanitizerConfig {
|
|
|
64
64
|
//allowedTags: string[] = ['small', 'b', 'strong', 'i', 'em', 'u', 'br', 'p', 'span', 'ul', 'ol', 'li'];
|
|
65
65
|
//allowedAttributes: string[] = [ 'class' ];
|
|
66
66
|
this.forbiddenTags = ['img', 'iframe', 'script', 'svg', 'object', 'embed', 'video', 'audio', 'source', 'style'];
|
|
67
|
-
this.forbiddenAttributes = ['
|
|
67
|
+
this.forbiddenAttributes = ['src', 'srcset', 'onerror', 'onclick', 'onload'];
|
|
68
68
|
}
|
|
69
69
|
}
|
|
70
70
|
|
|
@@ -759,7 +759,7 @@ function InfoAlertComponent_div_0_li_8_Template(rf, ctx) { if (rf & 1) {
|
|
|
759
759
|
} if (rf & 2) {
|
|
760
760
|
const m_r3 = ctx.$implicit;
|
|
761
761
|
i0.ɵɵadvance(3);
|
|
762
|
-
i0.ɵɵproperty("
|
|
762
|
+
i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(4, 1, m_r3));
|
|
763
763
|
} }
|
|
764
764
|
function InfoAlertComponent_div_0_Template(rf, ctx) { if (rf & 1) {
|
|
765
765
|
const _r5 = i0.ɵɵgetCurrentView();
|
|
@@ -794,12 +794,12 @@ class InfoAlertComponent {
|
|
|
794
794
|
}
|
|
795
795
|
}
|
|
796
796
|
/** @nocollapse */ InfoAlertComponent.ɵfac = function InfoAlertComponent_Factory(t) { return new (t || InfoAlertComponent)(); };
|
|
797
|
-
/** @nocollapse */ InfoAlertComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoAlertComponent, selectors: [["info-alert"]], inputs: { messages: "messages" }, ngContentSelectors: _c1$9, decls: 1, vars: 2, consts: [[4, "ngIf"], [1, "alert"], ["alert", ""], [4, "ngFor", "ngForOf"], [1, "close", 3, "click"], [1, "material-icons"], [3, "
|
|
797
|
+
/** @nocollapse */ InfoAlertComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoAlertComponent, selectors: [["info-alert"]], inputs: { messages: "messages" }, ngContentSelectors: _c1$9, decls: 1, vars: 2, consts: [[4, "ngIf"], [1, "alert"], ["alert", ""], [4, "ngFor", "ngForOf"], [1, "close", 3, "click"], [1, "material-icons"], [3, "safeHtml"]], template: function InfoAlertComponent_Template(rf, ctx) { if (rf & 1) {
|
|
798
798
|
i0.ɵɵprojectionDef();
|
|
799
799
|
i0.ɵɵtemplate(0, InfoAlertComponent_div_0_Template, 12, 4, "div", 0);
|
|
800
800
|
} if (rf & 2) {
|
|
801
801
|
i0.ɵɵproperty("ngIf", ctx.messages != i0.ɵɵpureFunction0(1, _c0$i) && ctx.messages.length > 0);
|
|
802
|
-
} }, dependencies: [i1$3.NgForOf, i1$3.NgIf, i4.MatIcon, InfoTranslatePipe], styles: ["body[_ngcontent-%COMP%]{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}[_nghost-%COMP%]{display:block;position:fixed;bottom:70px;right:30px;margin-left:280px;min-width:350px;z-index:100}[_nghost-%COMP%]:last-child{margin-bottom:0}[_nghost-%COMP%] .alert[_ngcontent-%COMP%]{box-shadow:0 5px 5px 2px #00000040;padding:1.0476190667rem 1.5714286rem;position:relative}[_nghost-%COMP%] .alert[_ngcontent-%COMP%] h5[_ngcontent-%COMP%]{text-align:center;padding-bottom:10px;margin:0 -20px 5px;border-bottom:solid 1px rgba(255,255,255,.1)}[_nghost-%COMP%] .alert[_ngcontent-%COMP%] ul[_ngcontent-%COMP%]{padding:0;margin:0;list-style:none}[_nghost-%COMP%] .alert[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%]{border-bottom:solid 1px rgba(255,255,255,.1);padding:7px 5px}[_nghost-%COMP%] .alert[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%]:last-child{border-bottom:none}[_nghost-%COMP%] .alert[_ngcontent-%COMP%] .close[_ngcontent-%COMP%]{color:#fff;font-size:20px;line-height:1;position:absolute;right:10px;top:15px;transition:background .2s ease-in-out,color .2s ease-in-out}[_nghost-%COMP%] .alert[_ngcontent-%COMP%] .close[_ngcontent-%COMP%]:hover{cursor:pointer;color:#ddd}[_nghost-%COMP%] .alert[_ngcontent-%COMP%] .close[_ngcontent-%COMP%] .material-icons[_ngcontent-%COMP%]{color:inherit;font-size:inherit;margin:0;vertical-align:top}[_nghost-%COMP%] .alert[_ngcontent-%COMP%] .material-icons{color:main-color(A100);margin:0 1.5714286rem 0 0;vertical-align:top}"] });
|
|
802
|
+
} }, dependencies: [i1$3.NgForOf, i1$3.NgIf, i4.MatIcon, InfoSafeHtmlDirective, InfoTranslatePipe], styles: ["body[_ngcontent-%COMP%]{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}[_nghost-%COMP%]{display:block;position:fixed;bottom:70px;right:30px;margin-left:280px;min-width:350px;z-index:100}[_nghost-%COMP%]:last-child{margin-bottom:0}[_nghost-%COMP%] .alert[_ngcontent-%COMP%]{box-shadow:0 5px 5px 2px #00000040;padding:1.0476190667rem 1.5714286rem;position:relative}[_nghost-%COMP%] .alert[_ngcontent-%COMP%] h5[_ngcontent-%COMP%]{text-align:center;padding-bottom:10px;margin:0 -20px 5px;border-bottom:solid 1px rgba(255,255,255,.1)}[_nghost-%COMP%] .alert[_ngcontent-%COMP%] ul[_ngcontent-%COMP%]{padding:0;margin:0;list-style:none}[_nghost-%COMP%] .alert[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%]{border-bottom:solid 1px rgba(255,255,255,.1);padding:7px 5px}[_nghost-%COMP%] .alert[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%]:last-child{border-bottom:none}[_nghost-%COMP%] .alert[_ngcontent-%COMP%] .close[_ngcontent-%COMP%]{color:#fff;font-size:20px;line-height:1;position:absolute;right:10px;top:15px;transition:background .2s ease-in-out,color .2s ease-in-out}[_nghost-%COMP%] .alert[_ngcontent-%COMP%] .close[_ngcontent-%COMP%]:hover{cursor:pointer;color:#ddd}[_nghost-%COMP%] .alert[_ngcontent-%COMP%] .close[_ngcontent-%COMP%] .material-icons[_ngcontent-%COMP%]{color:inherit;font-size:inherit;margin:0;vertical-align:top}[_nghost-%COMP%] .alert[_ngcontent-%COMP%] .material-icons{color:main-color(A100);margin:0 1.5714286rem 0 0;vertical-align:top}"] });
|
|
803
803
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoAlertComponent, [{
|
|
804
804
|
type: Component,
|
|
805
805
|
args: [{ selector: 'info-alert', template: `
|
|
@@ -808,7 +808,7 @@ class InfoAlertComponent {
|
|
|
808
808
|
<h5>{{ 'Atencao' | translate }}</h5>
|
|
809
809
|
<ng-content></ng-content>
|
|
810
810
|
<ul>
|
|
811
|
-
<li *ngFor="let m of messages"><mat-icon>error</mat-icon><label [
|
|
811
|
+
<li *ngFor="let m of messages"><mat-icon>error</mat-icon><label [safeHtml]="m | translate"></label></li>
|
|
812
812
|
</ul>
|
|
813
813
|
<a class="close" (click)="onClose()"><i class="material-icons">clear</i></a>
|
|
814
814
|
</div>
|
|
@@ -994,7 +994,7 @@ class InfoModalComponent {
|
|
|
994
994
|
useExisting: forwardRef((() => InfoModalComponent)),
|
|
995
995
|
multi: true
|
|
996
996
|
}
|
|
997
|
-
])], ngContentSelectors: _c1$8, decls: 12, vars: 8, consts: [["mat-dialog-title", ""], [3, "
|
|
997
|
+
])], ngContentSelectors: _c1$8, decls: 12, vars: 8, consts: [["mat-dialog-title", ""], [3, "safeHtml"], ["class", "close-icon", 3, "click", 4, "ngIf"], ["class", "loading-bar", 4, "ngIf"], [1, "info-modal-content"], ["class", "ml-5", 4, "ngIf"], ["class", "block", 4, "ngIf"], [3, "messages"], [1, "close-icon", 3, "click"], [1, "loading-bar"], ["color", "primary", "mode", "indeterminate"], [1, "ml-5"], ["mat-button", "", "type", "button", 3, "disabled", "click", 4, "ngIf"], ["mat-button", "", "type", "button", "color", "warn", 3, "disabled", "click", 4, "ngIf"], ["mat-button", "", "type", "button", 3, "disabled", "click"], ["mat-button", "", "type", "button", "color", "warn", 3, "disabled", "click"], [1, "block"]], template: function InfoModalComponent_Template(rf, ctx) { if (rf & 1) {
|
|
998
998
|
i0.ɵɵprojectionDef(_c0$h);
|
|
999
999
|
i0.ɵɵelementStart(0, "h2", 0);
|
|
1000
1000
|
i0.ɵɵelement(1, "label", 1);
|
|
@@ -1013,7 +1013,7 @@ class InfoModalComponent {
|
|
|
1013
1013
|
i0.ɵɵelement(11, "info-alert", 7);
|
|
1014
1014
|
} if (rf & 2) {
|
|
1015
1015
|
i0.ɵɵadvance(1);
|
|
1016
|
-
i0.ɵɵproperty("
|
|
1016
|
+
i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(2, 6, ctx.modaltitle));
|
|
1017
1017
|
i0.ɵɵadvance(2);
|
|
1018
1018
|
i0.ɵɵproperty("ngIf", ctx.showcloseicon);
|
|
1019
1019
|
i0.ɵɵadvance(1);
|
|
@@ -1024,7 +1024,7 @@ class InfoModalComponent {
|
|
|
1024
1024
|
i0.ɵɵproperty("ngIf", ctx.loading && ctx.loadingblock);
|
|
1025
1025
|
i0.ɵɵadvance(1);
|
|
1026
1026
|
i0.ɵɵproperty("messages", ctx.messages);
|
|
1027
|
-
} }, dependencies: [i1$3.NgIf, i4.MatIcon, i13.MatButton, i1$4.MatDialogTitle, i1$4.MatDialogContent, i1$4.MatDialogActions, i7.MatProgressBar, InfoAlertComponent, InfoTranslatePipe], encapsulation: 2 });
|
|
1027
|
+
} }, dependencies: [i1$3.NgIf, i4.MatIcon, i13.MatButton, i1$4.MatDialogTitle, i1$4.MatDialogContent, i1$4.MatDialogActions, i7.MatProgressBar, InfoSafeHtmlDirective, InfoAlertComponent, InfoTranslatePipe], encapsulation: 2 });
|
|
1028
1028
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoModalComponent, [{
|
|
1029
1029
|
type: Component,
|
|
1030
1030
|
args: [{ selector: 'info-modal', providers: [
|
|
@@ -1033,7 +1033,7 @@ class InfoModalComponent {
|
|
|
1033
1033
|
useExisting: forwardRef((() => InfoModalComponent)),
|
|
1034
1034
|
multi: true
|
|
1035
1035
|
}
|
|
1036
|
-
], template: "<h2 mat-dialog-title >\r\n <label [
|
|
1036
|
+
], template: "<h2 mat-dialog-title >\r\n <label [safeHtml]=\"modaltitle | translate\"></label>\r\n <mat-icon class=\"close-icon\" (click)=\"close()\" *ngIf=\"showcloseicon\" >close</mat-icon>\r\n\r\n <section class=\"loading-bar\" *ngIf=\"loading\">\r\n <mat-progress-bar color=\"primary\" mode=\"indeterminate\"></mat-progress-bar>\r\n </section>\r\n</h2>\r\n\r\n<mat-dialog-content class=\"info-modal-content\">\r\n <ng-content></ng-content>\r\n</mat-dialog-content>\r\n\r\n<mat-dialog-actions>\r\n <ng-content select=\"[buttons]\"></ng-content>\r\n <div *ngIf=\"(labelclose != '' && readonly) || (labelcancel != '' && !readonly) || (labelsubmit != '' && !readonly)\" class=\"ml-5\">\r\n <button mat-button *ngIf=\"labelclose != '' && readonly\" type=\"button\" (click)=\"close()\" [disabled]=\"loading\">{{ labelclose | translate }}</button>\r\n <button mat-button *ngIf=\"labelcancel != '' && !readonly\" type=\"button\" (click)=\"close()\" color=\"warn\" [disabled]=\"loading\">{{ labelcancel | translate }}</button>\r\n <button mat-button *ngIf=\"labelsubmit != '' && !readonly\" type=\"button\" [disabled]=\"loading || formInvalid\" (click)=\"submit()\" >{{ labelsubmit | translate }}</button>\r\n </div> \r\n</mat-dialog-actions>\r\n\r\n<div class=\"block\" *ngIf=\"loading && loadingblock\"></div>\r\n<info-alert [messages]=\"messages\"></info-alert>" }]
|
|
1037
1037
|
}], function () { return [{ type: InfoDataService }, { type: InfoFormPropModel, decorators: [{
|
|
1038
1038
|
type: Inject,
|
|
1039
1039
|
args: [MAT_DIALOG_DATA]
|
|
@@ -1621,7 +1621,7 @@ function InfoAutoCompleteComponent_mat_option_6_Template(rf, ctx) { if (rf & 1)
|
|
|
1621
1621
|
i0.ɵɵelementEnd();
|
|
1622
1622
|
} if (rf & 2) {
|
|
1623
1623
|
const option_r4 = ctx.$implicit;
|
|
1624
|
-
i0.ɵɵproperty("value", option_r4)("
|
|
1624
|
+
i0.ɵɵproperty("value", option_r4)("safeHtml", option_r4.Nome);
|
|
1625
1625
|
} }
|
|
1626
1626
|
function InfoAutoCompleteComponent_mat_progress_bar_10_Template(rf, ctx) { if (rf & 1) {
|
|
1627
1627
|
i0.ɵɵelement(0, "mat-progress-bar", 9);
|
|
@@ -1789,7 +1789,7 @@ class InfoAutoCompleteComponent {
|
|
|
1789
1789
|
provide: NG_VALUE_ACCESSOR,
|
|
1790
1790
|
useExisting: forwardRef((() => InfoAutoCompleteComponent)),
|
|
1791
1791
|
multi: true
|
|
1792
|
-
}])], decls: 11, vars: 10, consts: [["matInput", "", "type", "text", 3, "ngModel", "placeholder", "formControl", "matAutocomplete", "required", "ngModelChange", "blur", "focus"], ["inputAuto", ""], [3, "displayWith"], ["auto", "matAutocomplete"], [3, "value", "
|
|
1792
|
+
}])], decls: 11, vars: 10, consts: [["matInput", "", "type", "text", 3, "ngModel", "placeholder", "formControl", "matAutocomplete", "required", "ngModelChange", "blur", "focus"], ["inputAuto", ""], [3, "displayWith"], ["auto", "matAutocomplete"], [3, "value", "safeHtml", "onSelectionChange", 4, "ngFor", "ngForOf"], ["matSuffix", "", 2, "color", "#aaa"], [1, "select-loading"], ["color", "primary", "mode", "indeterminate", 4, "ngIf"], [3, "value", "safeHtml", "onSelectionChange"], ["color", "primary", "mode", "indeterminate"]], template: function InfoAutoCompleteComponent_Template(rf, ctx) { if (rf & 1) {
|
|
1793
1793
|
i0.ɵɵelementStart(0, "mat-form-field")(1, "input", 0, 1);
|
|
1794
1794
|
i0.ɵɵlistener("ngModelChange", function InfoAutoCompleteComponent_Template_input_ngModelChange_1_listener($event) { return ctx.selectedValue = $event; })("blur", function InfoAutoCompleteComponent_Template_input_blur_1_listener($event) { return ctx.onBlur($event.target.value); })("focus", function InfoAutoCompleteComponent_Template_input_focus_1_listener($event) { return ctx.onFocus($event.target.value); });
|
|
1795
1795
|
i0.ɵɵpipe(3, "translate");
|
|
@@ -1813,14 +1813,14 @@ class InfoAutoCompleteComponent {
|
|
|
1813
1813
|
i0.ɵɵproperty("ngForOf", ctx.options);
|
|
1814
1814
|
i0.ɵɵadvance(4);
|
|
1815
1815
|
i0.ɵɵproperty("ngIf", ctx.loading);
|
|
1816
|
-
} }, dependencies: [i1$3.NgForOf, i1$3.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.RequiredValidator, i2.FormControlDirective, i4.MatIcon, i4$1.MatFormField, i4$1.MatSuffix, i6.MatInput, i6$1.MatOption, i7.MatProgressBar, i9.MatAutocomplete, i9.MatAutocompleteTrigger, InfoTranslatePipe], styles: ["[_nghost-%COMP%] .select-loading[_ngcontent-%COMP%]{position:relative;bottom:15px;opacity:.3;height:1px}[_nghost-%COMP%] .select-loading[_ngcontent-%COMP%] .mat-progress-bar[_ngcontent-%COMP%]{height:1px;margin:0}[_nghost-%COMP%] mat-option[_ngcontent-%COMP%] small[_ngcontent-%COMP%]{margin-left:10px;font-style:italic}"] });
|
|
1816
|
+
} }, dependencies: [i1$3.NgForOf, i1$3.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.RequiredValidator, i2.FormControlDirective, i4.MatIcon, i4$1.MatFormField, i4$1.MatSuffix, i6.MatInput, i6$1.MatOption, i7.MatProgressBar, i9.MatAutocomplete, i9.MatAutocompleteTrigger, InfoSafeHtmlDirective, InfoTranslatePipe], styles: ["[_nghost-%COMP%] .select-loading[_ngcontent-%COMP%]{position:relative;bottom:15px;opacity:.3;height:1px}[_nghost-%COMP%] .select-loading[_ngcontent-%COMP%] .mat-progress-bar[_ngcontent-%COMP%]{height:1px;margin:0}[_nghost-%COMP%] mat-option[_ngcontent-%COMP%] small[_ngcontent-%COMP%]{margin-left:10px;font-style:italic}"] });
|
|
1817
1817
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoAutoCompleteComponent, [{
|
|
1818
1818
|
type: Component,
|
|
1819
1819
|
args: [{ selector: 'info-autocomplete', providers: [{
|
|
1820
1820
|
provide: NG_VALUE_ACCESSOR,
|
|
1821
1821
|
useExisting: forwardRef((() => InfoAutoCompleteComponent)),
|
|
1822
1822
|
multi: true
|
|
1823
|
-
}], template: "<mat-form-field>\r\n <input matInput type=\"text\" [(ngModel)]=\"selectedValue\" [placeholder]=\"placeholder | translate\" [formControl]=\"control\" [matAutocomplete]=\"auto\" \r\n [required]=\"required\" (blur)=\"onBlur($event.target.value)\" (focus)=\"onFocus($event.target.value)\" #inputAuto>\r\n\r\n <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"displayFn\">\r\n <mat-option *ngFor=\"let option of options\" [value]=\"option\" (onSelectionChange)=\"writeValue(option.Id)\" [
|
|
1823
|
+
}], template: "<mat-form-field>\r\n <input matInput type=\"text\" [(ngModel)]=\"selectedValue\" [placeholder]=\"placeholder | translate\" [formControl]=\"control\" [matAutocomplete]=\"auto\" \r\n [required]=\"required\" (blur)=\"onBlur($event.target.value)\" (focus)=\"onFocus($event.target.value)\" #inputAuto>\r\n\r\n <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"displayFn\">\r\n <mat-option *ngFor=\"let option of options\" [value]=\"option\" (onSelectionChange)=\"writeValue(option.Id)\" [safeHtml]=\"option.Nome\" >\r\n </mat-option>\r\n </mat-autocomplete>\r\n \r\n <mat-icon matSuffix style=\"color: #aaa\">spellcheck</mat-icon>\r\n</mat-form-field>\r\n\r\n<section class=\"select-loading\">\r\n <mat-progress-bar color=\"primary\" mode=\"indeterminate\" *ngIf=\"loading\"></mat-progress-bar>\r\n</section>", styles: [":host .select-loading{position:relative;bottom:15px;opacity:.3;height:1px}:host .select-loading .mat-progress-bar{height:1px;margin:0}:host mat-option small{margin-left:10px;font-style:italic}\n"] }]
|
|
1824
1824
|
}], function () { return [{ type: InfoDataService }]; }, { placeholder: [{
|
|
1825
1825
|
type: Input
|
|
1826
1826
|
}], name: [{
|
|
@@ -1877,13 +1877,13 @@ function InfoBigCheckboxComponent_mat_list_option_2_div_1_Template(rf, ctx) { if
|
|
|
1877
1877
|
i0.ɵɵelement(0, "div", 8);
|
|
1878
1878
|
} if (rf & 2) {
|
|
1879
1879
|
const item_r6 = i0.ɵɵnextContext().$implicit;
|
|
1880
|
-
i0.ɵɵproperty("
|
|
1880
|
+
i0.ɵɵproperty("safeHtml", item_r6.Nome);
|
|
1881
1881
|
} }
|
|
1882
1882
|
function InfoBigCheckboxComponent_mat_list_option_2_div_2_Template(rf, ctx) { if (rf & 1) {
|
|
1883
1883
|
i0.ɵɵelement(0, "div", 8);
|
|
1884
1884
|
} if (rf & 2) {
|
|
1885
1885
|
const item_r6 = i0.ɵɵnextContext().$implicit;
|
|
1886
|
-
i0.ɵɵproperty("
|
|
1886
|
+
i0.ɵɵproperty("safeHtml", item_r6.Descricao);
|
|
1887
1887
|
} }
|
|
1888
1888
|
const _c0$g = function (a0) { return { "silver": a0 }; };
|
|
1889
1889
|
function InfoBigCheckboxComponent_mat_list_option_2_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -1907,13 +1907,13 @@ function InfoBigCheckboxComponent_ng_container_3_mat_list_item_10_div_1_Template
|
|
|
1907
1907
|
i0.ɵɵelement(0, "div", 8);
|
|
1908
1908
|
} if (rf & 2) {
|
|
1909
1909
|
const item_r15 = i0.ɵɵnextContext().$implicit;
|
|
1910
|
-
i0.ɵɵproperty("
|
|
1910
|
+
i0.ɵɵproperty("safeHtml", item_r15.Nome);
|
|
1911
1911
|
} }
|
|
1912
1912
|
function InfoBigCheckboxComponent_ng_container_3_mat_list_item_10_div_2_Template(rf, ctx) { if (rf & 1) {
|
|
1913
1913
|
i0.ɵɵelement(0, "div", 8);
|
|
1914
1914
|
} if (rf & 2) {
|
|
1915
1915
|
const item_r15 = i0.ɵɵnextContext().$implicit;
|
|
1916
|
-
i0.ɵɵproperty("
|
|
1916
|
+
i0.ɵɵproperty("safeHtml", item_r15.Descricao);
|
|
1917
1917
|
} }
|
|
1918
1918
|
function InfoBigCheckboxComponent_ng_container_3_mat_list_item_10_Template(rf, ctx) { if (rf & 1) {
|
|
1919
1919
|
const _r22 = i0.ɵɵgetCurrentView();
|
|
@@ -2090,7 +2090,7 @@ class InfoBigCheckboxComponent {
|
|
|
2090
2090
|
}
|
|
2091
2091
|
}
|
|
2092
2092
|
/** @nocollapse */ InfoBigCheckboxComponent.ɵfac = function InfoBigCheckboxComponent_Factory(t) { return new (t || InfoBigCheckboxComponent)(i0.ɵɵdirectiveInject(InfoDataService)); };
|
|
2093
|
-
/** @nocollapse */ InfoBigCheckboxComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoBigCheckboxComponent, selectors: [["info-big-checkbox"]], inputs: { readonly: "readonly", preload: "preload", enabledcheckall: "enabledcheckall", labelselectall: "labelselectall", labelsearch: "labelsearch", minchar: "minchar", max: "max", message: "message", submessage: "submessage", value: "value", api: "api", method: "method", model: "model", data: "data", aux: "aux", params: "params", paramsmodel: "paramsmodel" }, decls: 5, vars: 4, consts: [[1, "col-md-12", "mb-3"], ["class", "silver", 3, "selected", "disabled", "click", 4, "ngIf"], [3, "ngClass", "selected", "disabled", "click", 4, "ngFor", "ngForOf"], [4, "ngIf"], ["class", "col-md-12 none-data", 4, "ngIf"], [1, "silver", 3, "selected", "disabled", "click"], [3, "ngClass", "selected", "disabled", "click"], [3, "
|
|
2093
|
+
/** @nocollapse */ InfoBigCheckboxComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoBigCheckboxComponent, selectors: [["info-big-checkbox"]], inputs: { readonly: "readonly", preload: "preload", enabledcheckall: "enabledcheckall", labelselectall: "labelselectall", labelsearch: "labelsearch", minchar: "minchar", max: "max", message: "message", submessage: "submessage", value: "value", api: "api", method: "method", model: "model", data: "data", aux: "aux", params: "params", paramsmodel: "paramsmodel" }, decls: 5, vars: 4, consts: [[1, "col-md-12", "mb-3"], ["class", "silver", 3, "selected", "disabled", "click", 4, "ngIf"], [3, "ngClass", "selected", "disabled", "click", 4, "ngFor", "ngForOf"], [4, "ngIf"], ["class", "col-md-12 none-data", 4, "ngIf"], [1, "silver", 3, "selected", "disabled", "click"], [3, "ngClass", "selected", "disabled", "click"], [3, "safeHtml", 4, "ngIf"], [3, "safeHtml"], [1, "col-md-12", "mb-4", "input-search"], ["matInput", "", "autocomplete", "false", "autocomplete", "off", 3, "placeholder", "name", "ngModel", "ngModelChange"], ["matSuffix", ""], [1, "mt-2"], [1, "col-md-12"], [3, "ngClass", "click", 4, "ngFor", "ngForOf"], [3, "ngClass", "click"], [1, "col-md-12", "none-data"]], template: function InfoBigCheckboxComponent_Template(rf, ctx) { if (rf & 1) {
|
|
2094
2094
|
i0.ɵɵelementStart(0, "mat-selection-list", 0);
|
|
2095
2095
|
i0.ɵɵtemplate(1, InfoBigCheckboxComponent_mat_list_option_1_Template, 4, 5, "mat-list-option", 1);
|
|
2096
2096
|
i0.ɵɵtemplate(2, InfoBigCheckboxComponent_mat_list_option_2_Template, 3, 7, "mat-list-option", 2);
|
|
@@ -2106,10 +2106,10 @@ class InfoBigCheckboxComponent {
|
|
|
2106
2106
|
i0.ɵɵproperty("ngIf", ctx.existData());
|
|
2107
2107
|
i0.ɵɵadvance(1);
|
|
2108
2108
|
i0.ɵɵproperty("ngIf", !ctx.existData());
|
|
2109
|
-
} }, dependencies: [i1$3.NgClass, i1$3.NgForOf, i1$3.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgModel, i4.MatIcon, i4$1.MatFormField, i4$1.MatHint, i4$1.MatSuffix, i6.MatInput, i7$1.MatList, i7$1.MatListItem, i7$1.MatSelectionList, i7$1.MatListOption, InfoTranslatePipe], styles: ["[_nghost-%COMP%] mat-list-option[_ngcontent-%COMP%]{font-size:14px;cursor:pointer;padding:0!important;font-family:Open Sans,sans-serif}[_nghost-%COMP%] mat-list-option[_ngcontent-%COMP%] label[_ngcontent-%COMP%]{padding-left:5px}[_nghost-%COMP%] mat-list-item[_ngcontent-%COMP%]{height:38px;font-size:14px;cursor:pointer;padding:0 10px 0 20px}[_nghost-%COMP%] mat-list-item[_ngcontent-%COMP%]:hover{background:rgba(0,0,0,.04)}[_nghost-%COMP%] mat-list-item[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{position:absolute;right:3px;top:8px}[_nghost-%COMP%] mat-list-option.silver[_ngcontent-%COMP%], [_nghost-%COMP%] mat-list-item.silver[_ngcontent-%COMP%]{background:#f5f5f5}[_nghost-%COMP%] mat-list-option[_ngcontent-%COMP%]:hover, [_nghost-%COMP%] mat-list-item[_ngcontent-%COMP%]:hover{background:#eee}[_nghost-%COMP%] mat-list-item-content[_ngcontent-%COMP%]{padding-left:0!important}[_nghost-%COMP%] .none-data[_ngcontent-%COMP%]{font-size:14px;color:#666;background:#f5f5f5;text-align:center;padding:5px 0}[_nghost-%COMP%] .none-data[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{margin-right:5px;font-size:18px;top:4px;left:5px}"] });
|
|
2109
|
+
} }, dependencies: [i1$3.NgClass, i1$3.NgForOf, i1$3.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgModel, i4.MatIcon, i4$1.MatFormField, i4$1.MatHint, i4$1.MatSuffix, i6.MatInput, i7$1.MatList, i7$1.MatListItem, i7$1.MatSelectionList, i7$1.MatListOption, InfoSafeHtmlDirective, InfoTranslatePipe], styles: ["[_nghost-%COMP%] mat-list-option[_ngcontent-%COMP%]{font-size:14px;cursor:pointer;padding:0!important;font-family:Open Sans,sans-serif}[_nghost-%COMP%] mat-list-option[_ngcontent-%COMP%] label[_ngcontent-%COMP%]{padding-left:5px}[_nghost-%COMP%] mat-list-item[_ngcontent-%COMP%]{height:38px;font-size:14px;cursor:pointer;padding:0 10px 0 20px}[_nghost-%COMP%] mat-list-item[_ngcontent-%COMP%]:hover{background:rgba(0,0,0,.04)}[_nghost-%COMP%] mat-list-item[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{position:absolute;right:3px;top:8px}[_nghost-%COMP%] mat-list-option.silver[_ngcontent-%COMP%], [_nghost-%COMP%] mat-list-item.silver[_ngcontent-%COMP%]{background:#f5f5f5}[_nghost-%COMP%] mat-list-option[_ngcontent-%COMP%]:hover, [_nghost-%COMP%] mat-list-item[_ngcontent-%COMP%]:hover{background:#eee}[_nghost-%COMP%] mat-list-item-content[_ngcontent-%COMP%]{padding-left:0!important}[_nghost-%COMP%] .none-data[_ngcontent-%COMP%]{font-size:14px;color:#666;background:#f5f5f5;text-align:center;padding:5px 0}[_nghost-%COMP%] .none-data[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{margin-right:5px;font-size:18px;top:4px;left:5px}"] });
|
|
2110
2110
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoBigCheckboxComponent, [{
|
|
2111
2111
|
type: Component,
|
|
2112
|
-
args: [{ selector: 'info-big-checkbox', template: "<mat-selection-list class=\"col-md-12 mb-3\">\r\n <mat-list-option class=\"silver\" (click)=\"selectAll()\" [selected]=\"getModel().length == 0\" [disabled]=\"readonly\" *ngIf=\"enabledcheckall\">\r\n <label>{{ labelselectall | translate }}</label>\r\n </mat-list-option>\r\n\r\n <mat-list-option *ngFor=\"let item of getModel(); let i = index\" [ngClass]=\"{ 'silver': i % 2 == 1 }\" [selected]=\"item.Selecionado\" (click)=\"item.Selecionado = !item.Selecionado\" [disabled]=\"readonly\">\r\n <div *ngIf=\"item.Descricao == null\" [
|
|
2112
|
+
args: [{ selector: 'info-big-checkbox', template: "<mat-selection-list class=\"col-md-12 mb-3\">\r\n <mat-list-option class=\"silver\" (click)=\"selectAll()\" [selected]=\"getModel().length == 0\" [disabled]=\"readonly\" *ngIf=\"enabledcheckall\">\r\n <label>{{ labelselectall | translate }}</label>\r\n </mat-list-option>\r\n\r\n <mat-list-option *ngFor=\"let item of getModel(); let i = index\" [ngClass]=\"{ 'silver': i % 2 == 1 }\" [selected]=\"item.Selecionado\" (click)=\"item.Selecionado = !item.Selecionado\" [disabled]=\"readonly\">\r\n <div *ngIf=\"item.Descricao == null\" [safeHtml]=\"item.Nome\"></div>\r\n <div *ngIf=\"item.Descricao != null\" [safeHtml]=\"item.Descricao\"></div>\r\n </mat-list-option>\r\n</mat-selection-list>\r\n \r\n<ng-container *ngIf=\"existData()\" >\r\n <mat-form-field class=\"col-md-12 mb-4 input-search\">\r\n <input matInput placeholder=\"{{ message | translate}}\" [name]=\"name\" autocomplete=\"false\" [(ngModel)]=\"value\" autocomplete=\"off\" >\r\n <mat-icon matSuffix >search</mat-icon>\r\n <mat-hint class=\"mt-2\">{{ submessage | translate}}</mat-hint>\r\n </mat-form-field>\r\n \r\n <mat-list class=\"col-md-12\" >\r\n <mat-list-item *ngFor=\"let item of getFilteredData(); let i = index\" [ngClass]=\"{ 'silver': i % 2 == 0 }\" (click)=\"add(item)\">\r\n <div *ngIf=\"item.Descricao == null\" [safeHtml]=\"item.Nome\"></div>\r\n <div *ngIf=\"item.Descricao != null\" [safeHtml]=\"item.Descricao\"></div>\r\n <mat-icon>add_circle</mat-icon>\r\n </mat-list-item>\r\n </mat-list>\r\n</ng-container>\r\n\r\n<div class=\"col-md-12 none-data\" *ngIf=\"!existData()\" >\r\n <mat-icon>info</mat-icon> {{ 'NenhumItemEncontrado' | translate }}\r\n</div>", styles: [":host mat-list-option{font-size:14px;cursor:pointer;padding:0!important;font-family:Open Sans,sans-serif}:host mat-list-option label{padding-left:5px}:host mat-list-item{height:38px;font-size:14px;cursor:pointer;padding:0 10px 0 20px}:host mat-list-item:hover{background:rgba(0,0,0,.04)}:host mat-list-item mat-icon{position:absolute;right:3px;top:8px}:host mat-list-option.silver,:host mat-list-item.silver{background:#f5f5f5}:host mat-list-option:hover,:host mat-list-item:hover{background:#eee}:host mat-list-item-content{padding-left:0!important}:host .none-data{font-size:14px;color:#666;background:#f5f5f5;text-align:center;padding:5px 0}:host .none-data mat-icon{margin-right:5px;font-size:18px;top:4px;left:5px}\n"] }]
|
|
2113
2113
|
}], function () { return [{ type: InfoDataService }]; }, { readonly: [{
|
|
2114
2114
|
type: Input
|
|
2115
2115
|
}], preload: [{
|
|
@@ -2151,7 +2151,7 @@ function InfoCardComponent_p_5_Template(rf, ctx) { if (rf & 1) {
|
|
|
2151
2151
|
i0.ɵɵpipe(1, "translate");
|
|
2152
2152
|
} if (rf & 2) {
|
|
2153
2153
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
2154
|
-
i0.ɵɵproperty("
|
|
2154
|
+
i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(1, 1, ctx_r0.description));
|
|
2155
2155
|
} }
|
|
2156
2156
|
function InfoCardComponent_mark_6_Template(rf, ctx) { if (rf & 1) {
|
|
2157
2157
|
i0.ɵɵelementStart(0, "mark")(1, "small");
|
|
@@ -2175,7 +2175,7 @@ class InfoCardComponent {
|
|
|
2175
2175
|
}
|
|
2176
2176
|
}
|
|
2177
2177
|
/** @nocollapse */ InfoCardComponent.ɵfac = function InfoCardComponent_Factory(t) { return new (t || InfoCardComponent)(i0.ɵɵdirectiveInject(i1$2.Router)); };
|
|
2178
|
-
/** @nocollapse */ InfoCardComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoCardComponent, selectors: [["info-card"]], inputs: { label: "label", description: "description", mark: "mark", url: "url", icon: "icon" }, outputs: { onclick: "onclick" }, decls: 10, vars: 6, consts: [[3, "click"], [3, "
|
|
2178
|
+
/** @nocollapse */ InfoCardComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoCardComponent, selectors: [["info-card"]], inputs: { label: "label", description: "description", mark: "mark", url: "url", icon: "icon" }, outputs: { onclick: "onclick" }, decls: 10, vars: 6, consts: [[3, "click"], [3, "safeHtml", 4, "ngIf"], [4, "ngIf"], [3, "safeHtml"]], template: function InfoCardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
2179
2179
|
i0.ɵɵelementStart(0, "mat-card", 0);
|
|
2180
2180
|
i0.ɵɵlistener("click", function InfoCardComponent_Template_mat_card_click_0_listener() { return ctx.onCardClick(); });
|
|
2181
2181
|
i0.ɵɵelementStart(1, "mat-card-content")(2, "h4");
|
|
@@ -2197,10 +2197,10 @@ class InfoCardComponent {
|
|
|
2197
2197
|
i0.ɵɵproperty("ngIf", ctx.mark);
|
|
2198
2198
|
i0.ɵɵadvance(3);
|
|
2199
2199
|
i0.ɵɵtextInterpolate(ctx.icon);
|
|
2200
|
-
} }, dependencies: [i1$3.NgIf, i3.MatCard, i3.MatCardContent, i3.MatCardFooter, i4.MatIcon, InfoTranslatePipe], styles: ["body[_ngcontent-%COMP%]{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}[_nghost-%COMP%] mat-card-footer[_ngcontent-%COMP%]{position:relative;overflow:hidden;height:70px}[_nghost-%COMP%] mat-card-footer[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{color:#aaa;position:absolute;bottom:36px;right:42px;font-size:5.71rem;opacity:.4}"] });
|
|
2200
|
+
} }, dependencies: [i1$3.NgIf, i3.MatCard, i3.MatCardContent, i3.MatCardFooter, i4.MatIcon, InfoSafeHtmlDirective, InfoTranslatePipe], styles: ["body[_ngcontent-%COMP%]{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}[_nghost-%COMP%] mat-card-footer[_ngcontent-%COMP%]{position:relative;overflow:hidden;height:70px}[_nghost-%COMP%] mat-card-footer[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{color:#aaa;position:absolute;bottom:36px;right:42px;font-size:5.71rem;opacity:.4}"] });
|
|
2201
2201
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoCardComponent, [{
|
|
2202
2202
|
type: Component,
|
|
2203
|
-
args: [{ selector: 'info-card', template: "<mat-card (click)=\"onCardClick()\">\r\n <mat-card-content>\r\n <h4>{{ label | translate }}</h4>\r\n <p *ngIf=\"description\" [
|
|
2203
|
+
args: [{ selector: 'info-card', template: "<mat-card (click)=\"onCardClick()\">\r\n <mat-card-content>\r\n <h4>{{ label | translate }}</h4>\r\n <p *ngIf=\"description\" [safeHtml]=\"description | translate\"></p>\r\n <mark *ngIf=\"mark\"><small>{{ mark }}</small></mark>\r\n </mat-card-content>\r\n <mat-card-footer>\r\n <mat-icon>{{icon}}</mat-icon>\r\n </mat-card-footer>\r\n</mat-card>", styles: ["body{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}:host mat-card-footer{position:relative;overflow:hidden;height:70px}:host mat-card-footer mat-icon{color:#aaa;position:absolute;bottom:36px;right:42px;font-size:5.71rem;opacity:.4}\n"] }]
|
|
2204
2204
|
}], function () { return [{ type: i1$2.Router }]; }, { label: [{
|
|
2205
2205
|
type: Input
|
|
2206
2206
|
}], description: [{
|
|
@@ -2220,7 +2220,7 @@ function InfoMenuCardComponent_h6_2_Template(rf, ctx) { if (rf & 1) {
|
|
|
2220
2220
|
i0.ɵɵpipe(1, "translate");
|
|
2221
2221
|
} if (rf & 2) {
|
|
2222
2222
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
2223
|
-
i0.ɵɵproperty("
|
|
2223
|
+
i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(1, 1, ctx_r0.label));
|
|
2224
2224
|
} }
|
|
2225
2225
|
function InfoMenuCardComponent_p_3_Template(rf, ctx) { if (rf & 1) {
|
|
2226
2226
|
i0.ɵɵelementStart(0, "p");
|
|
@@ -2316,7 +2316,7 @@ class InfoMenuCardComponent {
|
|
|
2316
2316
|
}
|
|
2317
2317
|
}
|
|
2318
2318
|
/** @nocollapse */ InfoMenuCardComponent.ɵfac = function InfoMenuCardComponent_Factory(t) { return new (t || InfoMenuCardComponent)(); };
|
|
2319
|
-
/** @nocollapse */ InfoMenuCardComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoMenuCardComponent, selectors: [["info-card-menu"]], inputs: { label: "label", description: "description", icon: "icon", menu: "menu", cols: "cols", loadinit: "loadinit" }, decls: 7, vars: 4, consts: [[3, "
|
|
2319
|
+
/** @nocollapse */ InfoMenuCardComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoMenuCardComponent, selectors: [["info-card-menu"]], inputs: { label: "label", description: "description", icon: "icon", menu: "menu", cols: "cols", loadinit: "loadinit" }, decls: 7, vars: 4, consts: [[3, "safeHtml", 4, "ngIf"], [4, "ngIf"], [1, "row"], [4, "ngFor", "ngForOf"], [3, "safeHtml"], [3, "ngClass"], ["href", "#", 3, "routerLink", 4, "ngIf"], ["href", "#", 3, "routerLink"], ["title", "no", "md-line", "", 3, "title"]], template: function InfoMenuCardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
2320
2320
|
i0.ɵɵelementStart(0, "mat-card")(1, "mat-card-content");
|
|
2321
2321
|
i0.ɵɵtemplate(2, InfoMenuCardComponent_h6_2_Template, 2, 3, "h6", 0);
|
|
2322
2322
|
i0.ɵɵtemplate(3, InfoMenuCardComponent_p_3_Template, 3, 3, "p", 1);
|
|
@@ -2334,10 +2334,10 @@ class InfoMenuCardComponent {
|
|
|
2334
2334
|
i0.ɵɵproperty("ngForOf", ctx.menuRows);
|
|
2335
2335
|
i0.ɵɵadvance(1);
|
|
2336
2336
|
i0.ɵɵproperty("ngIf", ctx.icon == null);
|
|
2337
|
-
} }, dependencies: [i1$3.NgClass, i1$3.NgForOf, i1$3.NgIf, i3.MatCard, i3.MatCardContent, i3.MatCardFooter, i4.MatIcon, i7$1.MatNavList, i7$1.MatListItem, i1$2.RouterLink, InfoTranslatePipe], styles: ["body[_ngcontent-%COMP%]{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}[_nghost-%COMP%] h6[_ngcontent-%COMP%]{width:100%;padding-bottom:10px;font-size:11px}[_nghost-%COMP%] .mat-nav-list[_ngcontent-%COMP%] .mat-list-item[_ngcontent-%COMP%]{height:40px!important}[_nghost-%COMP%] mat-card-footer[_ngcontent-%COMP%]{position:relative;overflow:hidden;height:40px}[_nghost-%COMP%] mat-card-footer[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{color:#aaa;position:absolute;bottom:36px;right:0;width:100%;text-align:right;font-size:5.71rem;opacity:.4}"] });
|
|
2337
|
+
} }, dependencies: [i1$3.NgClass, i1$3.NgForOf, i1$3.NgIf, i3.MatCard, i3.MatCardContent, i3.MatCardFooter, i4.MatIcon, i7$1.MatNavList, i7$1.MatListItem, i1$2.RouterLink, InfoSafeHtmlDirective, InfoTranslatePipe], styles: ["body[_ngcontent-%COMP%]{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}[_nghost-%COMP%] h6[_ngcontent-%COMP%]{width:100%;padding-bottom:10px;font-size:11px}[_nghost-%COMP%] .mat-nav-list[_ngcontent-%COMP%] .mat-list-item[_ngcontent-%COMP%]{height:40px!important}[_nghost-%COMP%] mat-card-footer[_ngcontent-%COMP%]{position:relative;overflow:hidden;height:40px}[_nghost-%COMP%] mat-card-footer[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{color:#aaa;position:absolute;bottom:36px;right:0;width:100%;text-align:right;font-size:5.71rem;opacity:.4}"] });
|
|
2338
2338
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoMenuCardComponent, [{
|
|
2339
2339
|
type: Component,
|
|
2340
|
-
args: [{ selector: 'info-card-menu', template: "<mat-card>\r\n <mat-card-content>\r\n <h6 *ngIf=\"label != null\" [
|
|
2340
|
+
args: [{ selector: 'info-card-menu', template: "<mat-card>\r\n <mat-card-content>\r\n <h6 *ngIf=\"label != null\" [safeHtml]=\"label | translate\" ></h6>\r\n <p *ngIf=\"description != null\">{{ description | translate }}</p>\r\n\r\n <div class=\"row\">\r\n <ng-container *ngFor=\"let row of menuRows\">\r\n <mat-nav-list [ngClass]=\"colClass\">\r\n <ng-container *ngFor=\"let item of row\">\r\n <mat-list-item *ngIf=\"item.permission\" href=\"#\" [routerLink]=\"item.url\" >\r\n <a title=\"no\" title=\"{{ item.title | translate }}\" md-line>{{ item.title | translate }}</a>\r\n </mat-list-item>\r\n </ng-container>\r\n </mat-nav-list>\r\n </ng-container>\r\n </div>\r\n </mat-card-content>\r\n <mat-card-footer *ngIf=\"icon == null\">\r\n <mat-icon>{{icon}}</mat-icon>\r\n </mat-card-footer>\r\n</mat-card>", styles: ["body{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}:host h6{width:100%;padding-bottom:10px;font-size:11px}:host .mat-nav-list .mat-list-item{height:40px!important}:host mat-card-footer{position:relative;overflow:hidden;height:40px}:host mat-card-footer mat-icon{color:#aaa;position:absolute;bottom:36px;right:0;width:100%;text-align:right;font-size:5.71rem;opacity:.4}\n"] }]
|
|
2341
2341
|
}], null, { label: [{
|
|
2342
2342
|
type: Input
|
|
2343
2343
|
}], description: [{
|
|
@@ -2408,7 +2408,7 @@ class InfoCheckboxComponent {
|
|
|
2408
2408
|
provide: NG_VALUE_ACCESSOR,
|
|
2409
2409
|
useExisting: forwardRef((() => InfoCheckboxComponent)),
|
|
2410
2410
|
multi: true
|
|
2411
|
-
}])], decls: 4, vars: 8, consts: [[1, "info-checkbox-content", "mat-form-field-margin", 3, "ngClass"], [3, "ngModel", "disabled", "ngModelChange", "change"], [3, "
|
|
2411
|
+
}])], decls: 4, vars: 8, consts: [[1, "info-checkbox-content", "mat-form-field-margin", 3, "ngClass"], [3, "ngModel", "disabled", "ngModelChange", "change"], [3, "safeHtml"]], template: function InfoCheckboxComponent_Template(rf, ctx) { if (rf & 1) {
|
|
2412
2412
|
i0.ɵɵelementStart(0, "section", 0)(1, "mat-checkbox", 1);
|
|
2413
2413
|
i0.ɵɵlistener("ngModelChange", function InfoCheckboxComponent_Template_mat_checkbox_ngModelChange_1_listener($event) { return ctx.value = $event; })("change", function InfoCheckboxComponent_Template_mat_checkbox_change_1_listener() { return ctx.onChangeValue(); });
|
|
2414
2414
|
i0.ɵɵelement(2, "div", 2);
|
|
@@ -2419,15 +2419,15 @@ class InfoCheckboxComponent {
|
|
|
2419
2419
|
i0.ɵɵadvance(1);
|
|
2420
2420
|
i0.ɵɵproperty("ngModel", ctx.value)("disabled", ctx.disabled);
|
|
2421
2421
|
i0.ɵɵadvance(1);
|
|
2422
|
-
i0.ɵɵproperty("
|
|
2423
|
-
} }, dependencies: [i1$3.NgClass, i2.NgControlStatus, i2.NgModel, i3$1.MatCheckbox, InfoTranslatePipe], styles: [".info-checkbox-content[_ngcontent-%COMP%]{padding-top:20px}.info-checkbox-min[_ngcontent-%COMP%]{padding-top:0!important;margin:0 0 13px!important}"] });
|
|
2422
|
+
i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(3, 4, ctx.placeholder));
|
|
2423
|
+
} }, dependencies: [i1$3.NgClass, i2.NgControlStatus, i2.NgModel, i3$1.MatCheckbox, InfoSafeHtmlDirective, InfoTranslatePipe], styles: [".info-checkbox-content[_ngcontent-%COMP%]{padding-top:20px}.info-checkbox-min[_ngcontent-%COMP%]{padding-top:0!important;margin:0 0 13px!important}"] });
|
|
2424
2424
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoCheckboxComponent, [{
|
|
2425
2425
|
type: Component,
|
|
2426
2426
|
args: [{ selector: 'info-checkbox', providers: [{
|
|
2427
2427
|
provide: NG_VALUE_ACCESSOR,
|
|
2428
2428
|
useExisting: forwardRef((() => InfoCheckboxComponent)),
|
|
2429
2429
|
multi: true
|
|
2430
|
-
}], template: "<section class=\"info-checkbox-content mat-form-field-margin \" [ngClass]=\"{ 'info-checkbox-min': min }\">\r\n <mat-checkbox [(ngModel)]=\"value\" (change)=\"onChangeValue()\" [disabled]=\"disabled\"><div [
|
|
2430
|
+
}], template: "<section class=\"info-checkbox-content mat-form-field-margin \" [ngClass]=\"{ 'info-checkbox-min': min }\">\r\n <mat-checkbox [(ngModel)]=\"value\" (change)=\"onChangeValue()\" [disabled]=\"disabled\"><div [safeHtml]=\"placeholder | translate\"></div></mat-checkbox>\r\n</section>", styles: [".info-checkbox-content{padding-top:20px}.info-checkbox-min{padding-top:0!important;margin:0 0 13px!important}\n"] }]
|
|
2431
2431
|
}], null, { placeholder: [{
|
|
2432
2432
|
type: Input
|
|
2433
2433
|
}], type: [{
|
|
@@ -2979,14 +2979,14 @@ function InfoDialogComponent_h1_0_Template(rf, ctx) { if (rf & 1) {
|
|
|
2979
2979
|
i0.ɵɵpipe(1, "translate");
|
|
2980
2980
|
} if (rf & 2) {
|
|
2981
2981
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
2982
|
-
i0.ɵɵproperty("
|
|
2982
|
+
i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(1, 1, ctx_r0.model.title));
|
|
2983
2983
|
} }
|
|
2984
2984
|
function InfoDialogComponent_p_2_Template(rf, ctx) { if (rf & 1) {
|
|
2985
2985
|
i0.ɵɵelement(0, "p", 8);
|
|
2986
2986
|
i0.ɵɵpipe(1, "translate");
|
|
2987
2987
|
} if (rf & 2) {
|
|
2988
2988
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
2989
|
-
i0.ɵɵproperty("
|
|
2989
|
+
i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(1, 1, ctx_r1.model.message));
|
|
2990
2990
|
} }
|
|
2991
2991
|
function InfoDialogComponent_info_message_3_Template(rf, ctx) { if (rf & 1) {
|
|
2992
2992
|
i0.ɵɵelementStart(0, "info-message", 9);
|
|
@@ -3112,7 +3112,7 @@ class InfoDialogComponent {
|
|
|
3112
3112
|
}
|
|
3113
3113
|
}
|
|
3114
3114
|
/** @nocollapse */ InfoDialogComponent.ɵfac = function InfoDialogComponent_Factory(t) { return new (t || InfoDialogComponent)(i0.ɵɵdirectiveInject(i1$4.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); };
|
|
3115
|
-
/** @nocollapse */ InfoDialogComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoDialogComponent, selectors: [["info-dialog"]], decls: 10, vars: 9, consts: [["mat-dialog-title", "", 3, "
|
|
3115
|
+
/** @nocollapse */ InfoDialogComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoDialogComponent, selectors: [["info-dialog"]], decls: 10, vars: 9, consts: [["mat-dialog-title", "", 3, "safeHtml", 4, "ngIf"], ["mat-dialog-content", "", 1, "mb-3"], [3, "safeHtml", 4, "ngIf"], ["color", "danger", 4, "ngIf"], ["mat-dialog-actions", "", 1, "buttons"], ["mat-button", "", 3, "color", "click", 4, "ngIf"], ["mat-button", "", "cdkFocusInitial", "", 3, "color", "click"], ["mat-dialog-title", "", 3, "safeHtml"], [3, "safeHtml"], ["color", "danger"], ["mat-button", "", 3, "color", "click"]], template: function InfoDialogComponent_Template(rf, ctx) { if (rf & 1) {
|
|
3116
3116
|
i0.ɵɵtemplate(0, InfoDialogComponent_h1_0_Template, 2, 3, "h1", 0);
|
|
3117
3117
|
i0.ɵɵelementStart(1, "div", 1);
|
|
3118
3118
|
i0.ɵɵtemplate(2, InfoDialogComponent_p_2_Template, 2, 3, "p", 2);
|
|
@@ -3141,10 +3141,10 @@ class InfoDialogComponent {
|
|
|
3141
3141
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(8, 7, ctx.model.labelOk));
|
|
3142
3142
|
i0.ɵɵadvance(2);
|
|
3143
3143
|
i0.ɵɵproperty("ngIf", ctx.model.labelCancel);
|
|
3144
|
-
} }, dependencies: [i1$3.NgIf, i13.MatButton, i1$4.MatDialogTitle, i1$4.MatDialogContent, i1$4.MatDialogActions, InfoMessageComponent, InfoTranslatePipe], encapsulation: 2 });
|
|
3144
|
+
} }, dependencies: [i1$3.NgIf, i13.MatButton, i1$4.MatDialogTitle, i1$4.MatDialogContent, i1$4.MatDialogActions, InfoSafeHtmlDirective, InfoMessageComponent, InfoTranslatePipe], encapsulation: 2 });
|
|
3145
3145
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoDialogComponent, [{
|
|
3146
3146
|
type: Component,
|
|
3147
|
-
args: [{ selector: 'info-dialog', template: "<h1 mat-dialog-title *ngIf=\"model.title\" [
|
|
3147
|
+
args: [{ selector: 'info-dialog', template: "<h1 mat-dialog-title *ngIf=\"model.title\" [safeHtml]=\"model.title | translate\" ></h1>\r\n\r\n<div mat-dialog-content class=\"mb-3\">\r\n <p *ngIf=\"!model.processingMode\" [safeHtml]=\"model.message | translate\"></p>\r\n <info-message *ngIf=\"model.processingMode\" color=\"danger\">{{ 'A plataforma est\u00E1 efetuando o processamento em segundo plano.<br /> Isto pode levar alguns minutos e assim que conclu\u00EDdo, uma notifica\u00E7\u00E3o ser\u00E1 enviada.' | translate}}</info-message>\r\n</div>\r\n\r\n<div mat-dialog-actions class=\"buttons\">\r\n <button mat-button (click)=\"onclickAux()\" [color]=\"model.colorAux\" *ngIf=\"model.labelAux\" >{{ model.labelAux | translate }}</button>\r\n <button mat-button (click)=\"onclickOk()\" [color]=\"model.colorOk\" cdkFocusInitial>{{ model.labelOk | translate }}</button>\r\n <button mat-button (click)=\"onclickCancel()\" [color]=\"model.colorCancel\" *ngIf=\"model.labelCancel\" >{{ model.labelCancel | translate }}</button>\r\n</div> " }]
|
|
3148
3148
|
}], function () { return [{ type: i1$4.MatDialogRef }, { type: InfoDialogModel, decorators: [{
|
|
3149
3149
|
type: Inject,
|
|
3150
3150
|
args: [MAT_DIALOG_DATA]
|
|
@@ -3757,7 +3757,7 @@ function InfoPagebarComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
3757
3757
|
i0.ɵɵadvance(1);
|
|
3758
3758
|
i0.ɵɵproperty("ngIf", ctx_r0.icon);
|
|
3759
3759
|
i0.ɵɵadvance(1);
|
|
3760
|
-
i0.ɵɵproperty("
|
|
3760
|
+
i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(4, 6, ctx_r0.pagetitle));
|
|
3761
3761
|
i0.ɵɵadvance(3);
|
|
3762
3762
|
i0.ɵɵproperty("ngIf", ctx_r0.backurl);
|
|
3763
3763
|
i0.ɵɵadvance(1);
|
|
@@ -3880,7 +3880,7 @@ function InfoPagebarComponent_div_2_Template(rf, ctx) { if (rf & 1) {
|
|
|
3880
3880
|
i0.ɵɵadvance(2);
|
|
3881
3881
|
i0.ɵɵproperty("ngIf", ctx_r1.podeCriarAtalho);
|
|
3882
3882
|
i0.ɵɵadvance(1);
|
|
3883
|
-
i0.ɵɵproperty("
|
|
3883
|
+
i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(8, 9, ctx_r1.description));
|
|
3884
3884
|
i0.ɵɵadvance(3);
|
|
3885
3885
|
i0.ɵɵproperty("ngIf", ctx_r1.backurl);
|
|
3886
3886
|
i0.ɵɵadvance(1);
|
|
@@ -3993,7 +3993,7 @@ class InfoPagebarComponent {
|
|
|
3993
3993
|
}
|
|
3994
3994
|
}
|
|
3995
3995
|
/** @nocollapse */ InfoPagebarComponent.ɵfac = function InfoPagebarComponent_Factory(t) { return new (t || InfoPagebarComponent)(i0.ɵɵdirectiveInject(i1$2.Router), i0.ɵɵdirectiveInject(i1$4.MatDialog), i0.ɵɵdirectiveInject(InfoDataService), i0.ɵɵdirectiveInject(InfoTranslateService), i0.ɵɵdirectiveInject(InfoPlatformModel), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ElementRef)); };
|
|
3996
|
-
/** @nocollapse */ InfoPagebarComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoPagebarComponent, selectors: [["info-pagebar"]], inputs: { margintop: "margintop", icon: "icon", description: "description", backurl: "backurl", access: "access", transparent: "transparent", pagetitle: "pagetitle" }, ngContentSelectors: _c5$1, decls: 6, vars: 9, consts: [[3, "ngStyle", "ngClass"], [4, "ngIf"], ["class", "row", 4, "ngIf"], ["class", "loading-bar", 4, "ngIf"], ["content", ""], [3, "ngClass"], [3, "
|
|
3996
|
+
/** @nocollapse */ InfoPagebarComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoPagebarComponent, selectors: [["info-pagebar"]], inputs: { margintop: "margintop", icon: "icon", description: "description", backurl: "backurl", access: "access", transparent: "transparent", pagetitle: "pagetitle" }, ngContentSelectors: _c5$1, decls: 6, vars: 9, consts: [[3, "ngStyle", "ngClass"], [4, "ngIf"], ["class", "row", 4, "ngIf"], ["class", "loading-bar", 4, "ngIf"], ["content", ""], [3, "ngClass"], [3, "safeHtml"], [1, "link-button"], ["mat-button", "", "type", "button", "color", "primary", 3, "click", 4, "ngIf"], [4, "ngTemplateOutlet"], ["class", "acesso-rapido", 3, "mouseenter", "mouseleave", 4, "ngIf"], ["mat-button", "", "type", "button", "color", "primary", 3, "click"], [1, "fs-20"], [1, "acesso-rapido", 3, "mouseenter", "mouseleave"], [4, "ngFor", "ngForOf"], ["target", "_blank", 3, "routerLink"], [1, "row"], [1, "col-md-6"], ["id", "page-title", 4, "ngIf"], [3, "outerHTML"], ["type", "button", "mat-icon-button", "", "class", "shortcut-button", 3, "ngClass", "disabled", "click", 4, "ngIf"], [1, "pagebar-description", 3, "safeHtml"], [1, "col-md-6", "align-right", "buttons"], ["id", "page-title"], ["type", "button", "mat-icon-button", "", 1, "shortcut-button", 3, "ngClass", "disabled", "click"], ["inline", ""], [1, "loading-bar"], ["color", "primary", "mode", "indeterminate"]], template: function InfoPagebarComponent_Template(rf, ctx) { if (rf & 1) {
|
|
3997
3997
|
i0.ɵɵprojectionDef();
|
|
3998
3998
|
i0.ɵɵelementStart(0, "div", 0);
|
|
3999
3999
|
i0.ɵɵtemplate(1, InfoPagebarComponent_ng_container_1_Template, 10, 11, "ng-container", 1);
|
|
@@ -4009,10 +4009,10 @@ class InfoPagebarComponent {
|
|
|
4009
4009
|
i0.ɵɵproperty("ngIf", ctx._platform.Config.ux <= 2);
|
|
4010
4010
|
i0.ɵɵadvance(1);
|
|
4011
4011
|
i0.ɵɵproperty("ngIf", ctx.loading);
|
|
4012
|
-
} }, dependencies: [i1$3.NgClass, i1$3.NgForOf, i1$3.NgIf, i1$3.NgTemplateOutlet, i1$3.NgStyle, i4.MatIcon, i13.MatButton, i7.MatProgressBar, i1$2.RouterLinkWithHref, InfoTranslatePipe], styles: ["body[_ngcontent-%COMP%]{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}.topmenu[_nghost-%COMP%] > div[_ngcontent-%COMP%]{left:0!important;top:125px!important;width:100%!important}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%]{position:fixed;left:120px;z-index:100;top:80px;background:#FFF;padding:15px 20px 10px;min-height:60px;width:calc(100% - 120px);transition:left .2s ease-in-out,width .2s ease-in-out}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%] h2[_ngcontent-%COMP%]{font-size:1.7em;font-weight:500;display:inline-block;padding-right:20px;margin:0;max-width:65%;background:inherit}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{top:3px;font-size:22px}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] > small[_ngcontent-%COMP%]{font-size:70%}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%] h2.title-icon[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{top:14px;left:0;font-size:42px;position:absolute}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%] h2.title-icon[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{font-size:30px;margin-left:40px;position:relative;top:3px}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%] .link-button[_ngcontent-%COMP%]{display:block;background:inherit;position:absolute;right:20px;top:18px;padding-left:20px}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%] hr[_ngcontent-%COMP%]{position:absolute;top:50%;margin:0;width:calc(100% - 40px);z-index:-1}@media only screen and (max-width: 991px){.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%]{left:0}}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%]{position:fixed;left:120px;right:0;z-index:100;top:70px;background:#fff;padding:10px 20px;min-height:60px;border-bottom:solid 1px #e4e9f0;box-shadow:0 0 5px #eee}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%]{left:0}}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%] h2[_ngcontent-%COMP%]{margin:0;padding:0;font-size:1.2em;display:inline}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{font-size:.9em;width:100%;padding-top:3px;margin:0}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{display:none}}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%] .buttons[_ngcontent-%COMP%]{padding-top:2px}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%] .buttons[_ngcontent-%COMP%] .mat-button[_ngcontent-%COMP%]{margin-left:8px}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%]:hover .shortcut-button[_ngcontent-%COMP%]{opacity:1}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%] .shortcut-button[_ngcontent-%COMP%]{width:22px;height:22px;line-height:22px;text-align:center;opacity:0;transition:opacity .2s}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%] .shortcut-button.tem-atalho[_ngcontent-%COMP%]{opacity:1!important}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%] .shortcut-button[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{font-size:14px;color:#b99206;top:-2px}"] });
|
|
4012
|
+
} }, dependencies: [i1$3.NgClass, i1$3.NgForOf, i1$3.NgIf, i1$3.NgTemplateOutlet, i1$3.NgStyle, i4.MatIcon, i13.MatButton, i7.MatProgressBar, i1$2.RouterLinkWithHref, InfoSafeHtmlDirective, InfoTranslatePipe], styles: ["body[_ngcontent-%COMP%]{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}.topmenu[_nghost-%COMP%] > div[_ngcontent-%COMP%]{left:0!important;top:125px!important;width:100%!important}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%]{position:fixed;left:120px;z-index:100;top:80px;background:#FFF;padding:15px 20px 10px;min-height:60px;width:calc(100% - 120px);transition:left .2s ease-in-out,width .2s ease-in-out}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%] h2[_ngcontent-%COMP%]{font-size:1.7em;font-weight:500;display:inline-block;padding-right:20px;margin:0;max-width:65%;background:inherit}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{top:3px;font-size:22px}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] > small[_ngcontent-%COMP%]{font-size:70%}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%] h2.title-icon[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{top:14px;left:0;font-size:42px;position:absolute}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%] h2.title-icon[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{font-size:30px;margin-left:40px;position:relative;top:3px}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%] .link-button[_ngcontent-%COMP%]{display:block;background:inherit;position:absolute;right:20px;top:18px;padding-left:20px}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%] hr[_ngcontent-%COMP%]{position:absolute;top:50%;margin:0;width:calc(100% - 40px);z-index:-1}@media only screen and (max-width: 991px){.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%]{left:0}}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%]{position:fixed;left:120px;right:0;z-index:100;top:70px;background:#fff;padding:10px 20px;min-height:60px;border-bottom:solid 1px #e4e9f0;box-shadow:0 0 5px #eee}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%]{left:0}}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%] h2[_ngcontent-%COMP%]{margin:0;padding:0;font-size:1.2em;display:inline}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{font-size:.9em;width:100%;padding-top:3px;margin:0}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{display:none}}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%] .buttons[_ngcontent-%COMP%]{padding-top:2px}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%] .buttons[_ngcontent-%COMP%] .mat-button[_ngcontent-%COMP%]{margin-left:8px}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%]:hover .shortcut-button[_ngcontent-%COMP%]{opacity:1}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%] .shortcut-button[_ngcontent-%COMP%]{width:22px;height:22px;line-height:22px;text-align:center;opacity:0;transition:opacity .2s}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%] .shortcut-button.tem-atalho[_ngcontent-%COMP%]{opacity:1!important}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%] .shortcut-button[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{font-size:14px;color:#b99206;top:-2px}"] });
|
|
4013
4013
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoPagebarComponent, [{
|
|
4014
4014
|
type: Component,
|
|
4015
|
-
args: [{ selector: 'info-pagebar', template: "<div [ngStyle]=\"{ 'marginTop': margintop + 'px' }\" [ngClass]=\"{ 'transparent': transparent }\" >\r\n \r\n <ng-container *ngIf=\"_platform.Config.ux >= 3\" >\r\n <h2 [ngClass]=\"{ 'title-icon': icon }\">\r\n <mat-icon *ngIf=\"icon\">{{ icon }}</mat-icon>\r\n <span [
|
|
4015
|
+
args: [{ selector: 'info-pagebar', template: "<div [ngStyle]=\"{ 'marginTop': margintop + 'px' }\" [ngClass]=\"{ 'transparent': transparent }\" >\r\n \r\n <ng-container *ngIf=\"_platform.Config.ux >= 3\" >\r\n <h2 [ngClass]=\"{ 'title-icon': icon }\">\r\n <mat-icon *ngIf=\"icon\">{{ icon }}</mat-icon>\r\n <span [safeHtml]=\"pagetitle | translate\"></span>\r\n </h2>\r\n \r\n <div class=\"link-button\">\r\n <button mat-button type=\"button\" *ngIf=\"backurl\" color=\"primary\" (click)=\"goBack()\">\r\n <mat-icon class=\"fs-20\">chevron_left</mat-icon>{{ 'Voltar' | translate}}</button>\r\n\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n\r\n <dl *ngIf=\"(access || []).length > 0\" class=\"acesso-rapido\" (mouseenter)=\"exibirAcessos = true\" (mouseleave)=\"exibirAcessos = false\">\r\n <dt>\r\n <mat-icon class=\"fs-20\">share</mat-icon>\r\n </dt>\r\n <dd *ngIf=\"exibirAcessos\">\r\n <ul>\r\n <li *ngFor=\"let a of access\">\r\n <a target=\"_blank\" [routerLink]=\"a.Url\" ><mat-icon>chevron_right</mat-icon> {{ a.Label | translate }}</a>\r\n </li>\r\n </ul> \r\n </dd>\r\n </dl>\r\n </div>\r\n <hr>\r\n </ng-container>\r\n \r\n <div class=\"row\" *ngIf=\"_platform.Config.ux <= 2\" >\r\n <div class=\"col-md-6\">\r\n <h2>\r\n <label id=\"page-title\" *ngIf=\"_platform.PaginaAtiva\">\r\n <mat-icon>{{ _platform.PaginaAtiva.Icone }}</mat-icon>\r\n {{ _platform.PaginaAtiva.Titulo | translate }}\r\n\r\n <ng-container *ngIf=\"pagetitle != null && pagetitle != ''\"> / </ng-container>\r\n </label>\r\n <label [outerHTML]=\"pagetitle | translate\"></label>\r\n </h2>\r\n <button *ngIf=\"podeCriarAtalho\" type=\"button\" mat-icon-button class=\"shortcut-button\" [ngClass]=\"{ 'tem-atalho': !!atalhoId }\" (click)=\"toggleAtalho()\" [disabled]=\"loading\">\r\n <mat-icon inline>{{ atalhoId ? 'star' : 'star_border' }}</mat-icon>\r\n </button>\r\n \r\n <p class=\"pagebar-description\" [safeHtml]=\"description | translate\"></p>\r\n </div>\r\n\r\n <div class=\"col-md-6 align-right buttons\">\r\n <button mat-button type=\"button\" *ngIf=\"backurl\" color=\"primary\" (click)=\"goBack()\">\r\n <mat-icon class=\"fs-20\">chevron_left</mat-icon>{{ 'Voltar' | translate}}\r\n </button>\r\n \r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n\r\n <dl *ngIf=\"(access || []).length > 0\" class=\"acesso-rapido\" (mouseenter)=\"exibirAcessos = true\" (mouseleave)=\"exibirAcessos = false\">\r\n <dt>\r\n <mat-icon class=\"fs-20\">share</mat-icon>\r\n </dt>\r\n <dd *ngIf=\"exibirAcessos\">\r\n <ul>\r\n <li *ngFor=\"let a of access\">\r\n <a target=\"_blank\" [routerLink]=\"a.Url\" ><mat-icon>chevron_right</mat-icon> {{ a.Label | translate }}</a>\r\n </li>\r\n </ul> \r\n </dd>\r\n </dl>\r\n </div>\r\n </div>\r\n</div>\r\n<section class=\"loading-bar\" *ngIf=\"loading\">\r\n <mat-progress-bar color=\"primary\" mode=\"indeterminate\"></mat-progress-bar>\r\n</section>\r\n\r\n<ng-template #content><ng-content></ng-content></ng-template>", styles: ["body{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}:host.topmenu>div{left:0!important;top:125px!important;width:100%!important}:host.uxc3>div{position:fixed;left:120px;z-index:100;top:80px;background:#FFF;padding:15px 20px 10px;min-height:60px;width:calc(100% - 120px);transition:left .2s ease-in-out,width .2s ease-in-out}:host.uxc3>div h2{font-size:1.7em;font-weight:500;display:inline-block;padding-right:20px;margin:0;max-width:65%;background:inherit}:host.uxc3>div h2 .mat-icon{top:3px;font-size:22px}:host.uxc3>div h2>small{font-size:70%}:host.uxc3>div h2.title-icon mat-icon{top:14px;left:0;font-size:42px;position:absolute}:host.uxc3>div h2.title-icon span{font-size:30px;margin-left:40px;position:relative;top:3px}:host.uxc3>div .link-button{display:block;background:inherit;position:absolute;right:20px;top:18px;padding-left:20px}:host.uxc3>div hr{position:absolute;top:50%;margin:0;width:calc(100% - 40px);z-index:-1}@media only screen and (max-width: 991px){:host.uxc3>div{left:0}}:host.uxc2>div{position:fixed;left:120px;right:0;z-index:100;top:70px;background:#fff;padding:10px 20px;min-height:60px;border-bottom:solid 1px #e4e9f0;box-shadow:0 0 5px #eee}@media only screen and (max-width: 543px){:host.uxc2>div{left:0}}:host.uxc2>div h2{margin:0;padding:0;font-size:1.2em;display:inline}:host.uxc2>div p{font-size:.9em;width:100%;padding-top:3px;margin:0}@media only screen and (max-width: 543px){:host.uxc2>div p{display:none}}:host.uxc2>div .buttons{padding-top:2px}:host.uxc2>div .buttons .mat-button{margin-left:8px}:host.uxc2>div:hover .shortcut-button{opacity:1}:host.uxc2>div .shortcut-button{width:22px;height:22px;line-height:22px;text-align:center;opacity:0;transition:opacity .2s}:host.uxc2>div .shortcut-button.tem-atalho{opacity:1!important}:host.uxc2>div .shortcut-button .mat-icon{font-size:14px;color:#b99206;top:-2px}\n"] }]
|
|
4016
4016
|
}], function () { return [{ type: i1$2.Router }, { type: i1$4.MatDialog }, { type: InfoDataService }, { type: InfoTranslateService }, { type: InfoPlatformModel }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, { margintop: [{
|
|
4017
4017
|
type: Input
|
|
4018
4018
|
}], icon: [{
|
|
@@ -4281,7 +4281,7 @@ function InfoGridComponent_fieldset_7_Template(rf, ctx) { if (rf & 1) {
|
|
|
4281
4281
|
} if (rf & 2) {
|
|
4282
4282
|
const ctx_r3 = i0.ɵɵnextContext();
|
|
4283
4283
|
i0.ɵɵadvance(1);
|
|
4284
|
-
i0.ɵɵproperty("
|
|
4284
|
+
i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(2, 1, ctx_r3.pagebarTitle));
|
|
4285
4285
|
} }
|
|
4286
4286
|
function InfoGridComponent_mat_progress_bar_9_Template(rf, ctx) { if (rf & 1) {
|
|
4287
4287
|
i0.ɵɵelement(0, "mat-progress-bar", 32);
|
|
@@ -4414,7 +4414,7 @@ function InfoGridComponent_table_10_tr_7_ng_container_2_ng_container_2_ng_contai
|
|
|
4414
4414
|
const mod_r55 = ctx_r89.$implicit;
|
|
4415
4415
|
const j_r56 = ctx_r89.index;
|
|
4416
4416
|
const ctx_r85 = i0.ɵɵnextContext(2);
|
|
4417
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(6, _c5, ctx_r85.enabledexpand == true && mod_r55[col_r66].length > ctx_r85.limitcharacters, (ctx_r85.colunasItensExpandidos[j_r56] || i0.ɵɵpureFunction0(5, _c1$4))[i_r67]))("
|
|
4417
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(6, _c5, ctx_r85.enabledexpand == true && mod_r55[col_r66].length > ctx_r85.limitcharacters, (ctx_r85.colunasItensExpandidos[j_r56] || i0.ɵɵpureFunction0(5, _c1$4))[i_r67]))("safeHtml", i0.ɵɵpipeBind2(1, 2, mod_r55[col_r66], ctx_r85.colunasTranslate[i_r67]) || "");
|
|
4418
4418
|
} }
|
|
4419
4419
|
function InfoGridComponent_table_10_tr_7_ng_container_2_ng_container_2_ng_container_1_td_1_label_2_Template(rf, ctx) { if (rf & 1) {
|
|
4420
4420
|
i0.ɵɵelementStart(0, "label", 63);
|
|
@@ -4526,7 +4526,7 @@ function InfoGridComponent_table_10_tr_7_ng_container_2_ng_container_2_td_2_Temp
|
|
|
4526
4526
|
} if (rf & 2) {
|
|
4527
4527
|
const col_r66 = i0.ɵɵnextContext(2).$implicit;
|
|
4528
4528
|
const mod_r55 = i0.ɵɵnextContext().$implicit;
|
|
4529
|
-
i0.ɵɵproperty("
|
|
4529
|
+
i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind2(1, 1, mod_r55[col_r66], "shortDate"));
|
|
4530
4530
|
} }
|
|
4531
4531
|
function InfoGridComponent_table_10_tr_7_ng_container_2_ng_container_2_td_3_Template(rf, ctx) { if (rf & 1) {
|
|
4532
4532
|
i0.ɵɵelementStart(0, "td", 66);
|
|
@@ -4546,7 +4546,7 @@ function InfoGridComponent_table_10_tr_7_ng_container_2_ng_container_2_td_4_Temp
|
|
|
4546
4546
|
} if (rf & 2) {
|
|
4547
4547
|
const col_r66 = i0.ɵɵnextContext(2).$implicit;
|
|
4548
4548
|
const mod_r55 = i0.ɵɵnextContext().$implicit;
|
|
4549
|
-
i0.ɵɵproperty("
|
|
4549
|
+
i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind2(1, 1, mod_r55[col_r66], "MM/yyyy"));
|
|
4550
4550
|
} }
|
|
4551
4551
|
function InfoGridComponent_table_10_tr_7_ng_container_2_ng_container_2_td_5_Template(rf, ctx) { if (rf & 1) {
|
|
4552
4552
|
i0.ɵɵelementStart(0, "td", 66);
|
|
@@ -5589,7 +5589,7 @@ class InfoGridComponent {
|
|
|
5589
5589
|
let _t;
|
|
5590
5590
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.formSearch = _t.first);
|
|
5591
5591
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.paginator = _t.first);
|
|
5592
|
-
} }, inputs: { pagetitle: "pagetitle", prefixtitle: "prefixtitle", description: "description", pagebarbuttons: "pagebarbuttons", fullarea: "fullarea", api: "api", method: "method", form: "form", width: "width", parent: "parent", apidownload: "apidownload", methoddownload: "methoddownload", backurl: "backurl", newurl: "newurl", newlabel: "newlabel", editurl: "editurl", viewurl: "viewurl", templateurl: "templateurl", paged: "paged", size: "size", autorefresh: "autorefresh", enabledcols: "enabledcols", enablednew: "enablednew", enablededit: "enablededit", enableddelete: "enableddelete", enabledview: "enabledview", enabledcancelsearch: "enabledcancelsearch", enableddetail: "enableddetail", enabledclassicons: "enabledclassicons", enabledclickaccess: "enabledclickaccess", enabledclickevent: "enabledclickevent", enabledexpand: "enabledexpand", searchopened: "searchopened", searchonlyonebutton: "searchonlyonebutton", disablesearchlast: "disablesearchlast", statictitle: "statictitle", disabledcol: "disabledcol", accessicon: "accessicon", loadoninit: "loadoninit", data: "data", searchmodel: "searchmodel", dynamiccols: "dynamiccols", buttons: "buttons", searchbuttons: "searchbuttons", showmessageerror: "showmessageerror", defaultnewobject: "defaultnewobject", parentIdUrl: "parentIdUrl", cols: "cols" }, outputs: { onbeforesearch: "onbeforesearch", onloadcomplete: "onloadcomplete", onclosemodal: "onclosemodal", onnew: "onnew", onedit: "onedit", onview: "onview", ondelete: "ondelete", customdelete: "customdelete", parentIdUrlChange: "parentIdUrlChange" }, features: [i0.ɵɵProvidersFeature([InfoFormPropModel])], ngContentSelectors: _c14, decls: 16, vars: 16, consts: [[3, "pagetitle", "description", 4, "ngIf"], [3, "ngClass"], [1, "table-responsive", "white"], [1, "table-title", "grid-search", 3, "ngStyle"], ["autocomplete", "off", 3, "ngSubmit"], ["formSearch", "ngForm"], ["class", "search-container row", 4, "ngIf"], [4, "ngIf"], [1, "loading-bar"], ["color", "primary", "mode", "indeterminate", 4, "ngIf"], ["class", "table table-hover", 3, "ngStyle", "ngClass", 4, "ngIf"], ["class", "blank-table", 4, "ngIf"], [3, "hidden", "size", "change"], ["paginator", ""], ["class", "block", 4, "ngIf"], [3, "messages"], [3, "pagetitle", "description"], ["mat-button", "", "type", "button", "color", "primary", 3, "click", 4, "ngIf"], [4, "ngFor", "ngForOf"], ["mat-button", "", "type", "button", "color", "primary", 3, "click"], [1, "fs-20"], ["type", "button", "mat-button", "", "color", "primary", 3, "click"], ["class", "fs-20", 4, "ngIf"], [1, "search-container", "row"], [1, "row"], [3, "class", 4, "ngIf"], [1, "search-buttons"], ["mat-button", "", "type", "submit", "color", "primary", 3, "disabled"], ["mat-button", "", "type", "button", "color", "warn", 3, "click", 4, "ngIf"], ["mat-button", "", "type", "button", "color", "warn", 3, "click"], ["mat-button", "", "type", "button", "color", "primary", 3, "disabled", "click"], [3, "
|
|
5592
|
+
} }, inputs: { pagetitle: "pagetitle", prefixtitle: "prefixtitle", description: "description", pagebarbuttons: "pagebarbuttons", fullarea: "fullarea", api: "api", method: "method", form: "form", width: "width", parent: "parent", apidownload: "apidownload", methoddownload: "methoddownload", backurl: "backurl", newurl: "newurl", newlabel: "newlabel", editurl: "editurl", viewurl: "viewurl", templateurl: "templateurl", paged: "paged", size: "size", autorefresh: "autorefresh", enabledcols: "enabledcols", enablednew: "enablednew", enablededit: "enablededit", enableddelete: "enableddelete", enabledview: "enabledview", enabledcancelsearch: "enabledcancelsearch", enableddetail: "enableddetail", enabledclassicons: "enabledclassicons", enabledclickaccess: "enabledclickaccess", enabledclickevent: "enabledclickevent", enabledexpand: "enabledexpand", searchopened: "searchopened", searchonlyonebutton: "searchonlyonebutton", disablesearchlast: "disablesearchlast", statictitle: "statictitle", disabledcol: "disabledcol", accessicon: "accessicon", loadoninit: "loadoninit", data: "data", searchmodel: "searchmodel", dynamiccols: "dynamiccols", buttons: "buttons", searchbuttons: "searchbuttons", showmessageerror: "showmessageerror", defaultnewobject: "defaultnewobject", parentIdUrl: "parentIdUrl", cols: "cols" }, outputs: { onbeforesearch: "onbeforesearch", onloadcomplete: "onloadcomplete", onclosemodal: "onclosemodal", onnew: "onnew", onedit: "onedit", onview: "onview", ondelete: "ondelete", customdelete: "customdelete", parentIdUrlChange: "parentIdUrlChange" }, features: [i0.ɵɵProvidersFeature([InfoFormPropModel])], ngContentSelectors: _c14, decls: 16, vars: 16, consts: [[3, "pagetitle", "description", 4, "ngIf"], [3, "ngClass"], [1, "table-responsive", "white"], [1, "table-title", "grid-search", 3, "ngStyle"], ["autocomplete", "off", 3, "ngSubmit"], ["formSearch", "ngForm"], ["class", "search-container row", 4, "ngIf"], [4, "ngIf"], [1, "loading-bar"], ["color", "primary", "mode", "indeterminate", 4, "ngIf"], ["class", "table table-hover", 3, "ngStyle", "ngClass", 4, "ngIf"], ["class", "blank-table", 4, "ngIf"], [3, "hidden", "size", "change"], ["paginator", ""], ["class", "block", 4, "ngIf"], [3, "messages"], [3, "pagetitle", "description"], ["mat-button", "", "type", "button", "color", "primary", 3, "click", 4, "ngIf"], [4, "ngFor", "ngForOf"], ["mat-button", "", "type", "button", "color", "primary", 3, "click"], [1, "fs-20"], ["type", "button", "mat-button", "", "color", "primary", 3, "click"], ["class", "fs-20", 4, "ngIf"], [1, "search-container", "row"], [1, "row"], [3, "class", 4, "ngIf"], [1, "search-buttons"], ["mat-button", "", "type", "submit", "color", "primary", 3, "disabled"], ["mat-button", "", "type", "button", "color", "warn", 3, "click", 4, "ngIf"], ["mat-button", "", "type", "button", "color", "warn", 3, "click"], ["mat-button", "", "type", "button", "color", "primary", 3, "disabled", "click"], [3, "safeHtml"], ["color", "primary", "mode", "indeterminate"], [1, "table", "table-hover", 3, "ngStyle", "ngClass"], ["style", "width: 5%;", 4, "ngIf"], ["class", "actions align-right buttons", 4, "ngIf"], [1, "grid-content"], [3, "ngClass", "class", "click", 4, "ngFor", "ngForOf"], [2, "width", "5%"], [3, "class", "ngClass", 4, "ngIf"], [3, "ngStyle", "ngClass", 4, "ngIf"], [3, "ngStyle", "ngClass"], [1, "actions", "align-right", "buttons"], ["mat-icon-button", "", "type", "button", "matTooltipPosition", "left", 3, "matTooltip", "click", 4, "ngIf"], ["mat-icon-button", "", "type", "button", "class", "managercols", "matTooltipPosition", "left", 3, "matTooltip", "click", 4, "ngIf"], ["mat-icon-button", "", "type", "button", "matTooltipPosition", "left", 3, "matTooltip", "click"], ["mat-icon-button", "", "type", "button", "matTooltipPosition", "left", 1, "managercols", 3, "matTooltip", "click"], [1, "icon-out"], [3, "ngClass", "click"], ["class", "material-icons", 3, "matTooltip", "ngClass", 4, "ngIf"], [1, "material-icons", 3, "matTooltip", "ngClass"], [3, "ngSwitch", 4, "ngIf"], [3, "ngSwitch"], [4, "ngSwitchCase"], ["nowrap", "", 3, "safeHtml", 4, "ngSwitchCase"], ["nowrap", "", 4, "ngSwitchCase"], ["nowrap", "", 3, "class", 4, "ngSwitchCase"], ["class", "text-center", 4, "ngSwitchCase"], [3, "ngClass", 4, "ngIf"], [3, "ngClass", "safeHtml", 4, "ngIf"], ["class", "break-word", 3, "ngClass", 4, "ngIf"], ["class", "mostrar-mais", 3, "ngClass", "click", 4, "ngIf"], [3, "ngClass", "safeHtml"], [1, "break-word", 3, "ngClass"], [1, "mostrar-mais", 3, "ngClass", "click"], ["nowrap", "", 3, "safeHtml"], ["nowrap", ""], [1, "text-center"], [4, "ngIf", "ngIfThen", "ngIfElse"], ["checked", ""], ["unchecked", ""], [1, "td-actions", "clickaccess"], ["mat-icon-button", "", "type", "button", 3, "click", 4, "ngIf"], ["mat-icon-button", "", "type", "button", 3, "click"], ["class", "td-actions", 4, "ngIf"], [1, "td-actions"], ["mat-icon-button", "", "target", "_blank", 3, "href", "matTooltip", 4, "ngIf"], ["mat-icon-button", "", "type", "button", 3, "matTooltip", "click", 4, "ngIf"], ["mat-icon-button", "", "type", "button", 3, "matTooltip", "disabled", "click", 4, "ngIf"], ["mat-icon-button", "", "target", "_blank", 3, "href", "matTooltip"], ["mat-icon-button", "", "type", "button", 3, "matTooltip", "disabled", "click"], ["mat-icon-button", "", "type", "button", 3, "matTooltip", "click"], [1, "blank-table"], [1, "block"]], template: function InfoGridComponent_Template(rf, ctx) { if (rf & 1) {
|
|
5593
5593
|
i0.ɵɵprojectionDef();
|
|
5594
5594
|
i0.ɵɵtemplate(0, InfoGridComponent_info_pagebar_0_Template, 6, 7, "info-pagebar", 0);
|
|
5595
5595
|
i0.ɵɵelementStart(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "form", 4, 5);
|
|
@@ -5629,10 +5629,10 @@ class InfoGridComponent {
|
|
|
5629
5629
|
i0.ɵɵproperty("ngIf", ctx.loading);
|
|
5630
5630
|
i0.ɵɵadvance(1);
|
|
5631
5631
|
i0.ɵɵproperty("messages", ctx.messages);
|
|
5632
|
-
} }, dependencies: [i1$3.NgClass, i1$3.NgForOf, i1$3.NgIf, i1$3.NgStyle, i1$3.NgSwitch, i1$3.NgSwitchCase, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i4.MatIcon, i13.MatButton, i13.MatAnchor, i7.MatProgressBar, i15.MatTooltip, InfoAlertComponent, InfoPaginatorComponent, InfoPagebarComponent, i1$3.DecimalPipe, i1$3.DatePipe, InfoTranslatePipe], styles: ["body[_ngcontent-%COMP%]{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}[_nghost-%COMP%]{display:block;position:relative}[_nghost-%COMP%] #auto-refresh[_ngcontent-%COMP%]{position:absolute;top:8px;right:0;margin:0;padding:0;background:transparent}[_nghost-%COMP%] #auto-refresh[_ngcontent-%COMP%] i[_ngcontent-%COMP%]{font-size:18px;cursor:default}[_nghost-%COMP%] .loading-bar[_ngcontent-%COMP%] .mat-progress-bar[_ngcontent-%COMP%]{height:3px;top:25px;opacity:.1}[_nghost-%COMP%] .table-title[_ngcontent-%COMP%]{background:#fcfcfc}[_nghost-%COMP%] .table-title[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%]{width:25px;height:25px;line-height:25px;text-align:center}[_nghost-%COMP%] .table-title[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{font-size:18px}[_nghost-%COMP%] .table-title[_ngcontent-%COMP%] [_ngcontent-%COMP%]:hover{transition:color .2s}[_nghost-%COMP%] .search-container[_ngcontent-%COMP%]{margin-top:10px;position:relative}[_nghost-%COMP%] .title-grid[_ngcontent-%COMP%]{padding-top:8px;font-size:.8rem;text-transform:uppercase;font-weight:700}[_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_id[_ngcontent-%COMP%], [_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_dia[_ngcontent-%COMP%]{width:80px}[_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_moeda[_ngcontent-%COMP%]{width:90px}[_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_dataposicao[_ngcontent-%COMP%], [_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_referencia[_ngcontent-%COMP%], [_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_data[_ngcontent-%COMP%], [_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_datacotacao[_ngcontent-%COMP%]{width:125px}[_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_conta[_ngcontent-%COMP%], [_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_identificador[_ngcontent-%COMP%]{width:250px}[_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_cliente[_ngcontent-%COMP%], [_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_nome[_ngcontent-%COMP%], [_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_descricao[_ngcontent-%COMP%], [_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_nome[_ngcontent-%COMP%]{width:400px}[_nghost-%COMP%] table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] .icone-secundario[_ngcontent-%COMP%]{font-size:12px}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table-title[_ngcontent-%COMP%]{padding:0!important}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%]{background:transparent}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] th[_ngcontent-%COMP%]{border-top:none;text-transform:capitalize;padding:5px;font-size:10px}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] th.actions[_ngcontent-%COMP%]{border-bottom-width:0}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] th[_ngcontent-%COMP%]:after{display:none}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] th[_ngcontent-%COMP%] .managercols[_ngcontent-%COMP%]{background-color:var(--ux-cor-P);right:0;opacity:0;transition:opacity .3s ease-in-out}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%]:hover .managercols[_ngcontent-%COMP%]{opacity:1!important}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%]{height:35px;background:#f9f9f9}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td[_ngcontent-%COMP%]{font-size:13px;font-weight:600;cursor:default;padding:8px 5px 0;transition:color .2s ease-in-out}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td[_ngcontent-%COMP%] .mostrar-mais[_ngcontent-%COMP%]{width:100%;display:flex;position:relative;bottom:18px;box-shadow:0 -6px 6px -3px RGB(0 0 0/20%);align-items:baseline;justify-content:center;background-color:#f9f9f9}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td[_ngcontent-%COMP%] .mostrar-mais[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{height:5px;line-height:11px;cursor:pointer;transition:transform .2s ease-in-out;transform:rotate(0)}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td[_ngcontent-%COMP%] .mostrar-mais[_ngcontent-%COMP%] .mat-icon.icone-expandido[_ngcontent-%COMP%]{transform:rotate(180deg)}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td[_ngcontent-%COMP%] .mostrar-mais.mostrar-mais-expandido[_ngcontent-%COMP%]{bottom:0;box-shadow:none}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td.td-actions[_ngcontent-%COMP%]{border-radius:5px;padding-top:7px;padding-bottom:4px;border-bottom:none;margin-top:1px;right:2px}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td.td-actions[_ngcontent-%COMP%] button[_ngcontent-%COMP%]:disabled{pointer-events:none;opacity:.4}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{height:17px;line-height:17px}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{position:relative;text-transform:uppercase;border:solid 1px;border-radius:3px;padding:2px 5px;font-size:8px;display:inline-block;margin:0 0 0 5px;top:-2px}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] .td-expansivel[_ngcontent-%COMP%] .label-expansivel[_ngcontent-%COMP%]{overflow:hidden;height:35px}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] .td-expansivel[_ngcontent-%COMP%] .label-expansivel.break-word[_ngcontent-%COMP%]{word-break:break-word}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] .td-expansivel[_ngcontent-%COMP%] .label-expansivel.label-expandida[_ngcontent-%COMP%]{height:100%}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%]:hover{background:#f9f9f9}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%]:hover .mostrar-mais[_ngcontent-%COMP%]{background-color:#f9f9f9}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%]:nth-child(even):hover{background:#fff}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%]:nth-child(even):hover .mostrar-mais[_ngcontent-%COMP%]{background-color:#fff}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%]:nth-child(even):hover .td-actions[_ngcontent-%COMP%]{background:#fff}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr.clickable[_ngcontent-%COMP%]{position:relative;z-index:0}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr.clickable[_ngcontent-%COMP%] *[_ngcontent-%COMP%]{cursor:pointer}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr.clickable[_ngcontent-%COMP%] td[_ngcontent-%COMP%]:first-child{padding-left:8px}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr.clickable[_ngcontent-%COMP%]:hover:after{z-index:-1;content:\" \";display:block;width:100%;height:100%;position:absolute;top:0;border-right:solid 2px var(--cor-C);border-left:solid 2px var(--cor-C);left:0;opacity:.4}"] });
|
|
5632
|
+
} }, dependencies: [i1$3.NgClass, i1$3.NgForOf, i1$3.NgIf, i1$3.NgStyle, i1$3.NgSwitch, i1$3.NgSwitchCase, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i4.MatIcon, i13.MatButton, i13.MatAnchor, i7.MatProgressBar, i15.MatTooltip, InfoSafeHtmlDirective, InfoAlertComponent, InfoPaginatorComponent, InfoPagebarComponent, i1$3.DecimalPipe, i1$3.DatePipe, InfoTranslatePipe], styles: ["body[_ngcontent-%COMP%]{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}[_nghost-%COMP%]{display:block;position:relative}[_nghost-%COMP%] #auto-refresh[_ngcontent-%COMP%]{position:absolute;top:8px;right:0;margin:0;padding:0;background:transparent}[_nghost-%COMP%] #auto-refresh[_ngcontent-%COMP%] i[_ngcontent-%COMP%]{font-size:18px;cursor:default}[_nghost-%COMP%] .loading-bar[_ngcontent-%COMP%] .mat-progress-bar[_ngcontent-%COMP%]{height:3px;top:25px;opacity:.1}[_nghost-%COMP%] .table-title[_ngcontent-%COMP%]{background:#fcfcfc}[_nghost-%COMP%] .table-title[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%]{width:25px;height:25px;line-height:25px;text-align:center}[_nghost-%COMP%] .table-title[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{font-size:18px}[_nghost-%COMP%] .table-title[_ngcontent-%COMP%] [_ngcontent-%COMP%]:hover{transition:color .2s}[_nghost-%COMP%] .search-container[_ngcontent-%COMP%]{margin-top:10px;position:relative}[_nghost-%COMP%] .title-grid[_ngcontent-%COMP%]{padding-top:8px;font-size:.8rem;text-transform:uppercase;font-weight:700}[_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_id[_ngcontent-%COMP%], [_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_dia[_ngcontent-%COMP%]{width:80px}[_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_moeda[_ngcontent-%COMP%]{width:90px}[_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_dataposicao[_ngcontent-%COMP%], [_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_referencia[_ngcontent-%COMP%], [_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_data[_ngcontent-%COMP%], [_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_datacotacao[_ngcontent-%COMP%]{width:125px}[_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_conta[_ngcontent-%COMP%], [_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_identificador[_ngcontent-%COMP%]{width:250px}[_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_cliente[_ngcontent-%COMP%], [_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_nome[_ngcontent-%COMP%], [_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_descricao[_ngcontent-%COMP%], [_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_nome[_ngcontent-%COMP%]{width:400px}[_nghost-%COMP%] table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] .icone-secundario[_ngcontent-%COMP%]{font-size:12px}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table-title[_ngcontent-%COMP%]{padding:0!important}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%]{background:transparent}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] th[_ngcontent-%COMP%]{border-top:none;text-transform:capitalize;padding:5px;font-size:10px}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] th.actions[_ngcontent-%COMP%]{border-bottom-width:0}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] th[_ngcontent-%COMP%]:after{display:none}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] th[_ngcontent-%COMP%] .managercols[_ngcontent-%COMP%]{background-color:var(--ux-cor-P);right:0;opacity:0;transition:opacity .3s ease-in-out}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%]:hover .managercols[_ngcontent-%COMP%]{opacity:1!important}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%]{height:35px;background:#f9f9f9}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td[_ngcontent-%COMP%]{font-size:13px;font-weight:600;cursor:default;padding:8px 5px 0;transition:color .2s ease-in-out}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td[_ngcontent-%COMP%] .mostrar-mais[_ngcontent-%COMP%]{width:100%;display:flex;position:relative;bottom:18px;box-shadow:0 -6px 6px -3px RGB(0 0 0/20%);align-items:baseline;justify-content:center;background-color:#f9f9f9}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td[_ngcontent-%COMP%] .mostrar-mais[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{height:5px;line-height:11px;cursor:pointer;transition:transform .2s ease-in-out;transform:rotate(0)}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td[_ngcontent-%COMP%] .mostrar-mais[_ngcontent-%COMP%] .mat-icon.icone-expandido[_ngcontent-%COMP%]{transform:rotate(180deg)}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td[_ngcontent-%COMP%] .mostrar-mais.mostrar-mais-expandido[_ngcontent-%COMP%]{bottom:0;box-shadow:none}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td.td-actions[_ngcontent-%COMP%]{border-radius:5px;padding-top:7px;padding-bottom:4px;border-bottom:none;margin-top:1px;right:2px}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td.td-actions[_ngcontent-%COMP%] button[_ngcontent-%COMP%]:disabled{pointer-events:none;opacity:.4}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{height:17px;line-height:17px}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{position:relative;text-transform:uppercase;border:solid 1px;border-radius:3px;padding:2px 5px;font-size:8px;display:inline-block;margin:0 0 0 5px;top:-2px}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] .td-expansivel[_ngcontent-%COMP%] .label-expansivel[_ngcontent-%COMP%]{overflow:hidden;height:35px}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] .td-expansivel[_ngcontent-%COMP%] .label-expansivel.break-word[_ngcontent-%COMP%]{word-break:break-word}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] .td-expansivel[_ngcontent-%COMP%] .label-expansivel.label-expandida[_ngcontent-%COMP%]{height:100%}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%]:hover{background:#f9f9f9}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%]:hover .mostrar-mais[_ngcontent-%COMP%]{background-color:#f9f9f9}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%]:nth-child(even):hover{background:#fff}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%]:nth-child(even):hover .mostrar-mais[_ngcontent-%COMP%]{background-color:#fff}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%]:nth-child(even):hover .td-actions[_ngcontent-%COMP%]{background:#fff}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr.clickable[_ngcontent-%COMP%]{position:relative;z-index:0}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr.clickable[_ngcontent-%COMP%] *[_ngcontent-%COMP%]{cursor:pointer}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr.clickable[_ngcontent-%COMP%] td[_ngcontent-%COMP%]:first-child{padding-left:8px}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr.clickable[_ngcontent-%COMP%]:hover:after{z-index:-1;content:\" \";display:block;width:100%;height:100%;position:absolute;top:0;border-right:solid 2px var(--cor-C);border-left:solid 2px var(--cor-C);left:0;opacity:.4}"] });
|
|
5633
5633
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoGridComponent, [{
|
|
5634
5634
|
type: Component,
|
|
5635
|
-
args: [{ selector: 'info-grid', providers: [InfoFormPropModel], template: "<info-pagebar *ngIf=\"showPagebar\" [pagetitle]=\"pagebarTitle\" [description]=\"description\">\r\n <button mat-button type=\"button\" *ngIf=\"backurl != null && backurl != ''\" color=\"primary\" (click)=\"back()\">\r\n <mat-icon class=\"fs-20\">chevron_left</mat-icon>{{\"Voltar\" | translate}}\r\n </button>\r\n\r\n <ng-container *ngFor=\"let b of pagebarbuttons\">\r\n <button type=\"button\" mat-button color=\"primary\" (click)=\"b.modal == null ? navigateTo(b.url, false, null) : openCustomModal(b.modal, b.modalwidth, null)\">\r\n <mat-icon *ngIf=\"b.icon != 'chevron_right'\" class=\"fs-20\">{{ b.icon }}</mat-icon>\r\n {{ b.label | translate }}\r\n </button>\r\n </ng-container>\r\n\r\n <button mat-button type=\"button\" *ngIf=\"searchmodel != null && !enabledSearch\" color=\"primary\" (click)=\"enabledSearch = !enabledSearch\">\r\n <mat-icon class=\"fs-20\">search</mat-icon> {{ \"Pesquisar\" | translate}}\r\n </button>\r\n\r\n <button mat-button type=\"button\" *ngIf=\"searchmodel != null && enabledSearch\" color=\"primary\" (click)=\"enabledSearch = !enabledSearch\">\r\n <mat-icon class=\"fs-20\">search_off</mat-icon> {{ \"Ocultar\" | translate}}\r\n </button>\r\n\r\n <button mat-button type=\"button\" *ngIf=\"enablednew && hasPermissionNew\" color=\"primary\" (click)=\"add()\">\r\n <mat-icon class=\"fs-20\">add</mat-icon> {{ newlabel | translate}}\r\n </button>\r\n</info-pagebar>\r\n\r\n<div [ngClass]=\"{ 'table-full': fullarea }\">\r\n <div class=\"table-responsive white\">\r\n <div class=\"table-title grid-search\" [ngStyle]=\"{ 'padding': (enabledSearch ? 10 : 0) + 'px 20px' }\">\r\n <form autocomplete=\"off\" #formSearch=\"ngForm\" (ngSubmit)=\"search()\">\r\n <div *ngIf=\"enabledSearch\" class=\"search-container row\">\r\n <div class=\"col-md-{{(searchbuttons || []).length == 0 ? '10' : '9' }}\">\r\n <div class=\"row\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n <div class=\"col-md-{{(searchbuttons || []).length == 0 ? '2' : '3' }} align-right\" *ngIf=\"searchmodel != null\">\r\n <div class=\"search-buttons \">\r\n <ng-container *ngIf=\"searchonlyonebutton\">\r\n <button mat-button type=\"submit\" color=\"primary\" [disabled]=\"formSearch.invalid || loading\">\r\n {{ 'Buscar' | translate }}\r\n </button>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"!searchonlyonebutton\">\r\n <button mat-button type=\"button\" color=\"warn\" (click)=\"cancelSearch()\" *ngIf=\"enabledcancelsearch\">\r\n <mat-icon class=\"fs-20\">close</mat-icon>\r\n </button>\r\n <button mat-button type=\"submit\" color=\"primary\" [disabled]=\"formSearch.invalid || loading\">\r\n <mat-icon class=\"fs-20\">search</mat-icon>\r\n </button>\r\n \r\n <ng-container *ngFor=\"let b of searchbuttons\">\r\n <button mat-button type=\"button\" color=\"primary\" [disabled]=\"formSearch.invalid || loading\" (click)=\"b.method()\">\r\n <mat-icon *ngIf=\"b.icon\" class=\"fs-20\">{{b.icon | translate}}</mat-icon> {{b.label | translate}}\r\n </button>\r\n </ng-container>\r\n \r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n </form>\r\n </div>\r\n\r\n <fieldset *ngIf=\"!showPagebar\"><legend [innerHTML]=\"pagebarTitle | translate\"></legend></fieldset>\r\n <section class=\"loading-bar\"><mat-progress-bar color=\"primary\" mode=\"indeterminate\" *ngIf=\"loading\"></mat-progress-bar></section>\r\n\r\n <!-- <div id=\"auto-refresh\" *ngIf=\"autorefresh > 0\">\r\n <i class=\"material-icons\" matTooltip=\"{{ 'AutoRefresh' | translate }} {{ autorefresh }} seg\" matTooltipPosition=\"left\">access_time</i>\r\n </div> -->\r\n\r\n <table class=\"table table-hover\" [ngStyle]=\"{ 'min-height.px': tableHeight }\" [ngClass]=\"{ 'loading': loading, 'clickaccess': enabledclickaccess }\" *ngIf=\"data != null\">\r\n <thead>\r\n <tr>\r\n <th style=\"width: 5%;\" *ngIf=\"enabledclassicons && data?.length > 0 && data[0]?.Icon != null\"></th>\r\n\r\n <ng-container *ngFor=\"let col of colunasHeaders; let i = index\">\r\n <th *ngIf=\"colunasWidth[i] == ''\" [class]=\"'col_' + col.toLowerCase()\" [ngClass]=\"{ 'text-center': colunasType[i] == 'check', 'align-right': colunasType[i].startsWith('n') }\">{{ col | translate }}</th>\r\n <th *ngIf=\"colunasWidth[i] != ''\" [ngStyle]=\"{ 'width': colunasWidth[i] }\" [ngClass]=\"{ 'text-center': colunasType[i] == 'check', 'align-right': colunasType[i].startsWith('n') }\">{{ col | translate }}</th>\r\n </ng-container>\r\n\r\n <th class=\"actions align-right buttons\" *ngIf=\"(templateurl != '') || (buttons != null && buttons.length > 0) || enableddetail || enabledview || enabledcols || ((disabledcol == '') && enablededit && hasPermissionEdit) || ((disabledcol == '') && enableddelete && hasPermissionDelete)\">\r\n <button mat-icon-button type=\"button\"[matTooltip]=\"newlabel | translate\" matTooltipPosition=\"left\" (click)=\"add()\" *ngIf=\"!showPagebar && enablednew && hasPermissionNew\">\r\n <mat-icon>add_circle</mat-icon>\r\n </button>\r\n <button mat-icon-button type=\"button\" class=\"managercols\" [matTooltip]=\"'CustomizarTabela' | translate\" matTooltipPosition=\"left\" (click)=\"customizeTable()\" *ngIf=\"enabledcols\">\r\n <mat-icon class=\"icon-out\">settings</mat-icon>\r\n </button>\r\n </th>\r\n </tr>\r\n </thead>\r\n <tbody class=\"grid-content\">\r\n <tr *ngFor=\"let mod of data; let j = index\" [ngClass]=\"{ 'default-color': !enabledclassicons, 'clickable': (((disabledcol == '' || mod[disabledcol] === true) && enablededit && hasPermissionEdit) || enabledview) }\" [class]=\"mod.Class\" (click)=\"access(mod, $event)\">\r\n <td *ngIf=\"enabledclassicons && mod?.Icon != null\">\r\n <ng-container *ngFor=\"let icon of icons\">\r\n <i class=\"material-icons\" [matTooltip]=\"icon.Tooltip | translate\" *ngIf=\"icon.Name == mod.Icon\" [ngClass]=\"{ 'icone-secundario': icon.Principal == false }\">{{icon.Icon}}</i>\r\n </ng-container>\r\n </td>\r\n\r\n <ng-container *ngFor=\"let col of colunasItens; let i = index\">\r\n <td *ngIf=\"mod[col] == null || mod[col] == undefined\"></td>\r\n <ng-container [ngSwitch]=\"colunasType[i]\" *ngIf=\"mod[col] != null && mod[col] != undefined\">\r\n <ng-container *ngSwitchCase=\"'label'\">\r\n <td [ngClass]=\"{ 'td-expansivel': mod[col].length > limitcharacters && enabledexpand == true}\" *ngIf=\"mod[col] !== true && mod[col] !== false && mod[col] !== 0 && mod[col] !== '0'\">\r\n <label [ngClass]=\"{'label-expansivel': enabledexpand == true && mod[col].length > limitcharacters, 'label-expandida': (colunasItensExpandidos[j] || [])[i] }\" *ngIf=\"colunasHtml[i] === true\" [innerHTML]=\"(mod[col] | translate:colunasTranslate[i]) || '' \"></label>\r\n <label class=\"break-word\" [ngClass]=\"{'label-expansivel': enabledexpand == true && mod[col].length > limitcharacters, 'label-expandida': (colunasItensExpandidos[j] || [])[i] }\" *ngIf=\"colunasHtml[i] === false\">{{ (mod[col] | translate:colunasHtml[i]) || '' }}</label>\r\n <div *ngIf=\"enabledexpand == true && mod[col].length > limitcharacters\" [ngClass]=\"{'mostrar-mais-expandido': (colunasItensExpandidos[j] || [])[i] }\" class=\"mostrar-mais\" (click)=\"mostrarMais(j, i, $event)\">\r\n <mat-icon [ngClass]=\"{'icone-expandido': (colunasItensExpandidos[j] || [])[i] }\">keyboard_arrow_down</mat-icon>\r\n </div>\r\n <p *ngIf=\"i == 0 && mod.Badge != null && mod.Badge != undefined\">{{ mod.Badge | translate:colunasTranslate[i] }}</p>\r\n </td>\r\n <td *ngIf=\"mod[col] === true\"><mat-icon>check_box</mat-icon></td>\r\n <td *ngIf=\"mod[col] === false\"><mat-icon>check_box_outline_blank</mat-icon></td>\r\n <td *ngIf=\"mod[col] === 0 || mod[col] === '0'\">0</td>\r\n </ng-container>\r\n\r\n <td nowrap *ngSwitchCase=\"'date'\" [innerHTML]=\"mod[col] | date:'shortDate'\"></td>\r\n <td nowrap *ngSwitchCase=\"'datetime'\">{{ mod[col] | date:'shortDate' }} {{ mod[col] | date:'mediumTime' }}</td>\r\n <td nowrap *ngSwitchCase=\"'monthyear'\" [innerHTML]=\"mod[col] | date:'MM/yyyy'\"></td>\r\n <td nowrap *ngSwitchCase=\"'n0'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.0-0' }}</td>\r\n <td nowrap *ngSwitchCase=\"'n2'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.2-2' }}</td>\r\n <td nowrap *ngSwitchCase=\"'n4'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.4-4' }}</td>\r\n <td nowrap *ngSwitchCase=\"'n6'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.6-6' }}</td>\r\n <td nowrap *ngSwitchCase=\"'n9'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.9-9' }}</td>\r\n <td nowrap *ngSwitchCase=\"'n12'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.12-12' }}</td>\r\n \r\n <td *ngSwitchCase=\"'check'\" class=\"text-center\">\r\n <ng-container *ngIf=\"mod[col] != null && (mod[col] === true || mod[col] == 1 || mod[col].toLowerCase() == 's'); then checked; else unchecked\"></ng-container>\r\n <ng-template #checked><mat-icon>check_box</mat-icon></ng-template>\r\n <ng-template #unchecked><mat-icon>check_box_outline_blank</mat-icon></ng-template>\r\n </td>\r\n </ng-container>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"enabledclickaccess\">\r\n <td class=\"td-actions clickaccess\">\r\n <button mat-icon-button type=\"button\" (click)=\"access(mod, $event)\" *ngIf=\"enabledview\">\r\n <mat-icon>{{accessicon || 'arrow_forward'}}</mat-icon>\r\n </button>\r\n </td>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"!enabledclickaccess\">\r\n <td class=\"td-actions\" *ngIf=\"(templateurl != '') || (buttons != null && buttons.length > 0) || (mod.Download != null) || enableddetail || (mod?.Info != null) || enabledview || ((disabledcol == '' || mod[disabledcol] === true) && enablededit && hasPermissionEdit) || ((disabledcol == '' || mod[disabledcol] === true) && enableddelete && hasPermissionDelete)\">\r\n\r\n <a mat-icon-button href=\"{{ templateurl.replace('{id}', mod.Id) }}\" target=\"_blank\" [matTooltip]=\"'Abrir' | translate\" *ngIf=\"templateurl != ''\">\r\n <mat-icon>visibility</mat-icon>\r\n </a>\r\n\r\n <ng-container *ngFor=\"let b of buttons\">\r\n <button mat-icon-button type=\"button\" [matTooltip]=\"b.label | translate\" (click)=\"$event.stopPropagation(); b.modalComponent != null ? openCustomModal(b.modalComponent, b.widthModalComponent, mod) : b.api != null ? eventButton(mod, b.api, b.method, b.confirm) : navigateTo(b.navigateTo, b.passId, mod.Id)\" *ngIf=\"b.showOnlyClass == null || b.showOnlyClass == mod.Class\" [disabled]=\"b.disabledField && mod[b.disabledField] === true\">\r\n <mat-icon>{{b.icon}}</mat-icon>\r\n </button>\r\n </ng-container>\r\n\r\n <button mat-icon-button type=\"button\" [matTooltip]=\"'Download' | translate\" (click)=\"$event.stopPropagation(); download(mod.Download)\" *ngIf=\"mod.Download != null\">\r\n <mat-icon>file_download</mat-icon>\r\n </button>\r\n \r\n <button mat-icon-button type=\"button\" [matTooltip]=\"'Detalhe' | translate\" (click)=\"$event.stopPropagation(); detail(mod)\" *ngIf=\"enableddetail\">\r\n <mat-icon>list</mat-icon>\r\n </button>\r\n \r\n <button mat-icon-button type=\"button\" [matTooltip]=\"'Informacao' | translate\" (click)=\"$event.stopPropagation(); info(mod?.Info)\" *ngIf=\"mod?.Info != null\" [disabled]=\"mod?.Info == ''\">\r\n <mat-icon>info</mat-icon>\r\n </button>\r\n \r\n <button mat-icon-button type=\"button\" [matTooltip]=\"'Excluir' | translate\" (click)=\"delete(mod, $event)\" *ngIf=\"(disabledcol == '' || mod[disabledcol] === true) && enableddelete && hasPermissionDelete && !mod.HideDelete\">\r\n <mat-icon>delete</mat-icon>\r\n </button>\r\n\r\n <button mat-icon-button type=\"button\" [matTooltip]=\"'Acessar' | translate\" (click)=\"edit(mod, $event)\" *ngIf=\"((disabledcol == '' || mod[disabledcol] === true) && enablededit && hasPermissionEdit) || enabledview\">\r\n <mat-icon>arrow_forward</mat-icon>\r\n </button>\r\n </td>\r\n </ng-container>\r\n </tr>\r\n </tbody>\r\n </table>\r\n <span class=\"blank-table\" *ngIf=\"data != null && data.length == 0\">{{\"NenhumItemEncontrado\" | translate}}</span>\r\n\r\n <info-paginator #paginator [hidden]=\"!paged || (data != null && data.length == 0)\" [size]=\"size\" (change)=\"changePage($event)\" ></info-paginator>\r\n </div>\r\n</div>\r\n\r\n<div class=\"block\" *ngIf=\"loading\"></div>\r\n<info-alert [messages]=\"messages\"></info-alert>", styles: ["body{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}:host{display:block;position:relative}:host #auto-refresh{position:absolute;top:8px;right:0;margin:0;padding:0;background:transparent}:host #auto-refresh i{font-size:18px;cursor:default}:host .loading-bar .mat-progress-bar{height:3px;top:25px;opacity:.1}:host .table-title{background:#fcfcfc}:host .table-title .mat-icon-button{width:25px;height:25px;line-height:25px;text-align:center}:host .table-title .mat-icon-button .mat-icon{font-size:18px}:host .table-title :hover{transition:color .2s}:host .search-container{margin-top:10px;position:relative}:host .title-grid{padding-top:8px;font-size:.8rem;text-transform:uppercase;font-weight:700}:host table thead .col_id,:host table thead .col_dia{width:80px}:host table thead .col_moeda{width:90px}:host table thead .col_dataposicao,:host table thead .col_referencia,:host table thead .col_data,:host table thead .col_datacotacao{width:125px}:host table thead .col_conta,:host table thead .col_identificador{width:250px}:host table thead .col_cliente,:host table thead .col_nome,:host table thead .col_descricao,:host table thead .col_nome{width:400px}:host table tbody .icone-secundario{font-size:12px}:host.uxc3 div.table-responsive .table-title{padding:0!important}:host.uxc3 div.table-responsive .table thead{background:transparent}:host.uxc3 div.table-responsive .table thead th{border-top:none;text-transform:capitalize;padding:5px;font-size:10px}:host.uxc3 div.table-responsive .table thead th.actions{border-bottom-width:0}:host.uxc3 div.table-responsive .table thead th:after{display:none}:host.uxc3 div.table-responsive .table thead th .managercols{background-color:var(--ux-cor-P);right:0;opacity:0;transition:opacity .3s ease-in-out}:host.uxc3 div.table-responsive .table thead:hover .managercols{opacity:1!important}:host.uxc3 div.table-responsive .table tbody tr{height:35px;background:#f9f9f9}:host.uxc3 div.table-responsive .table tbody tr td{font-size:13px;font-weight:600;cursor:default;padding:8px 5px 0;transition:color .2s ease-in-out}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais{width:100%;display:flex;position:relative;bottom:18px;box-shadow:0 -6px 6px -3px RGB(0 0 0/20%);align-items:baseline;justify-content:center;background-color:#f9f9f9}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais .mat-icon{height:5px;line-height:11px;cursor:pointer;transition:transform .2s ease-in-out;transform:rotate(0)}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais .mat-icon.icone-expandido{transform:rotate(180deg)}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais.mostrar-mais-expandido{bottom:0;box-shadow:none}:host.uxc3 div.table-responsive .table tbody tr td.td-actions{border-radius:5px;padding-top:7px;padding-bottom:4px;border-bottom:none;margin-top:1px;right:2px}:host.uxc3 div.table-responsive .table tbody tr td.td-actions button:disabled{pointer-events:none;opacity:.4}:host.uxc3 div.table-responsive .table tbody tr td mat-icon{height:17px;line-height:17px}:host.uxc3 div.table-responsive .table tbody tr td p{position:relative;text-transform:uppercase;border:solid 1px;border-radius:3px;padding:2px 5px;font-size:8px;display:inline-block;margin:0 0 0 5px;top:-2px}:host.uxc3 div.table-responsive .table tbody tr .td-expansivel .label-expansivel{overflow:hidden;height:35px}:host.uxc3 div.table-responsive .table tbody tr .td-expansivel .label-expansivel.break-word{word-break:break-word}:host.uxc3 div.table-responsive .table tbody tr .td-expansivel .label-expansivel.label-expandida{height:100%}:host.uxc3 div.table-responsive .table tbody tr:hover{background:#f9f9f9}:host.uxc3 div.table-responsive .table tbody tr:hover .mostrar-mais{background-color:#f9f9f9}:host.uxc3 div.table-responsive .table tbody tr:nth-child(even):hover{background:#fff}:host.uxc3 div.table-responsive .table tbody tr:nth-child(even):hover .mostrar-mais{background-color:#fff}:host.uxc3 div.table-responsive .table tbody tr:nth-child(even):hover .td-actions{background:#fff}:host.uxc3 div.table-responsive .table tbody tr.clickable{position:relative;z-index:0}:host.uxc3 div.table-responsive .table tbody tr.clickable *{cursor:pointer}:host.uxc3 div.table-responsive .table tbody tr.clickable td:first-child{padding-left:8px}:host.uxc3 div.table-responsive .table tbody tr.clickable:hover:after{z-index:-1;content:\" \";display:block;width:100%;height:100%;position:absolute;top:0;border-right:solid 2px var(--cor-C);border-left:solid 2px var(--cor-C);left:0;opacity:.4}\n"] }]
|
|
5635
|
+
args: [{ selector: 'info-grid', providers: [InfoFormPropModel], template: "<info-pagebar *ngIf=\"showPagebar\" [pagetitle]=\"pagebarTitle\" [description]=\"description\">\r\n <button mat-button type=\"button\" *ngIf=\"backurl != null && backurl != ''\" color=\"primary\" (click)=\"back()\">\r\n <mat-icon class=\"fs-20\">chevron_left</mat-icon>{{\"Voltar\" | translate}}\r\n </button>\r\n\r\n <ng-container *ngFor=\"let b of pagebarbuttons\">\r\n <button type=\"button\" mat-button color=\"primary\" (click)=\"b.modal == null ? navigateTo(b.url, false, null) : openCustomModal(b.modal, b.modalwidth, null)\">\r\n <mat-icon *ngIf=\"b.icon != 'chevron_right'\" class=\"fs-20\">{{ b.icon }}</mat-icon>\r\n {{ b.label | translate }}\r\n </button>\r\n </ng-container>\r\n\r\n <button mat-button type=\"button\" *ngIf=\"searchmodel != null && !enabledSearch\" color=\"primary\" (click)=\"enabledSearch = !enabledSearch\">\r\n <mat-icon class=\"fs-20\">search</mat-icon> {{ \"Pesquisar\" | translate}}\r\n </button>\r\n\r\n <button mat-button type=\"button\" *ngIf=\"searchmodel != null && enabledSearch\" color=\"primary\" (click)=\"enabledSearch = !enabledSearch\">\r\n <mat-icon class=\"fs-20\">search_off</mat-icon> {{ \"Ocultar\" | translate}}\r\n </button>\r\n\r\n <button mat-button type=\"button\" *ngIf=\"enablednew && hasPermissionNew\" color=\"primary\" (click)=\"add()\">\r\n <mat-icon class=\"fs-20\">add</mat-icon> {{ newlabel | translate}}\r\n </button>\r\n</info-pagebar>\r\n\r\n<div [ngClass]=\"{ 'table-full': fullarea }\">\r\n <div class=\"table-responsive white\">\r\n <div class=\"table-title grid-search\" [ngStyle]=\"{ 'padding': (enabledSearch ? 10 : 0) + 'px 20px' }\">\r\n <form autocomplete=\"off\" #formSearch=\"ngForm\" (ngSubmit)=\"search()\">\r\n <div *ngIf=\"enabledSearch\" class=\"search-container row\">\r\n <div class=\"col-md-{{(searchbuttons || []).length == 0 ? '10' : '9' }}\">\r\n <div class=\"row\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n <div class=\"col-md-{{(searchbuttons || []).length == 0 ? '2' : '3' }} align-right\" *ngIf=\"searchmodel != null\">\r\n <div class=\"search-buttons \">\r\n <ng-container *ngIf=\"searchonlyonebutton\">\r\n <button mat-button type=\"submit\" color=\"primary\" [disabled]=\"formSearch.invalid || loading\">\r\n {{ 'Buscar' | translate }}\r\n </button>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"!searchonlyonebutton\">\r\n <button mat-button type=\"button\" color=\"warn\" (click)=\"cancelSearch()\" *ngIf=\"enabledcancelsearch\">\r\n <mat-icon class=\"fs-20\">close</mat-icon>\r\n </button>\r\n <button mat-button type=\"submit\" color=\"primary\" [disabled]=\"formSearch.invalid || loading\">\r\n <mat-icon class=\"fs-20\">search</mat-icon>\r\n </button>\r\n \r\n <ng-container *ngFor=\"let b of searchbuttons\">\r\n <button mat-button type=\"button\" color=\"primary\" [disabled]=\"formSearch.invalid || loading\" (click)=\"b.method()\">\r\n <mat-icon *ngIf=\"b.icon\" class=\"fs-20\">{{b.icon | translate}}</mat-icon> {{b.label | translate}}\r\n </button>\r\n </ng-container>\r\n \r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n </form>\r\n </div>\r\n\r\n <fieldset *ngIf=\"!showPagebar\"><legend [safeHtml]=\"pagebarTitle | translate\"></legend></fieldset>\r\n <section class=\"loading-bar\"><mat-progress-bar color=\"primary\" mode=\"indeterminate\" *ngIf=\"loading\"></mat-progress-bar></section>\r\n\r\n <!-- <div id=\"auto-refresh\" *ngIf=\"autorefresh > 0\">\r\n <i class=\"material-icons\" matTooltip=\"{{ 'AutoRefresh' | translate }} {{ autorefresh }} seg\" matTooltipPosition=\"left\">access_time</i>\r\n </div> -->\r\n\r\n <table class=\"table table-hover\" [ngStyle]=\"{ 'min-height.px': tableHeight }\" [ngClass]=\"{ 'loading': loading, 'clickaccess': enabledclickaccess }\" *ngIf=\"data != null\">\r\n <thead>\r\n <tr>\r\n <th style=\"width: 5%;\" *ngIf=\"enabledclassicons && data?.length > 0 && data[0]?.Icon != null\"></th>\r\n\r\n <ng-container *ngFor=\"let col of colunasHeaders; let i = index\">\r\n <th *ngIf=\"colunasWidth[i] == ''\" [class]=\"'col_' + col.toLowerCase()\" [ngClass]=\"{ 'text-center': colunasType[i] == 'check', 'align-right': colunasType[i].startsWith('n') }\">{{ col | translate }}</th>\r\n <th *ngIf=\"colunasWidth[i] != ''\" [ngStyle]=\"{ 'width': colunasWidth[i] }\" [ngClass]=\"{ 'text-center': colunasType[i] == 'check', 'align-right': colunasType[i].startsWith('n') }\">{{ col | translate }}</th>\r\n </ng-container>\r\n\r\n <th class=\"actions align-right buttons\" *ngIf=\"(templateurl != '') || (buttons != null && buttons.length > 0) || enableddetail || enabledview || enabledcols || ((disabledcol == '') && enablededit && hasPermissionEdit) || ((disabledcol == '') && enableddelete && hasPermissionDelete)\">\r\n <button mat-icon-button type=\"button\"[matTooltip]=\"newlabel | translate\" matTooltipPosition=\"left\" (click)=\"add()\" *ngIf=\"!showPagebar && enablednew && hasPermissionNew\">\r\n <mat-icon>add_circle</mat-icon>\r\n </button>\r\n <button mat-icon-button type=\"button\" class=\"managercols\" [matTooltip]=\"'CustomizarTabela' | translate\" matTooltipPosition=\"left\" (click)=\"customizeTable()\" *ngIf=\"enabledcols\">\r\n <mat-icon class=\"icon-out\">settings</mat-icon>\r\n </button>\r\n </th>\r\n </tr>\r\n </thead>\r\n <tbody class=\"grid-content\">\r\n <tr *ngFor=\"let mod of data; let j = index\" [ngClass]=\"{ 'default-color': !enabledclassicons, 'clickable': (((disabledcol == '' || mod[disabledcol] === true) && enablededit && hasPermissionEdit) || enabledview) }\" [class]=\"mod.Class\" (click)=\"access(mod, $event)\">\r\n <td *ngIf=\"enabledclassicons && mod?.Icon != null\">\r\n <ng-container *ngFor=\"let icon of icons\">\r\n <i class=\"material-icons\" [matTooltip]=\"icon.Tooltip | translate\" *ngIf=\"icon.Name == mod.Icon\" [ngClass]=\"{ 'icone-secundario': icon.Principal == false }\">{{icon.Icon}}</i>\r\n </ng-container>\r\n </td>\r\n\r\n <ng-container *ngFor=\"let col of colunasItens; let i = index\">\r\n <td *ngIf=\"mod[col] == null || mod[col] == undefined\"></td>\r\n <ng-container [ngSwitch]=\"colunasType[i]\" *ngIf=\"mod[col] != null && mod[col] != undefined\">\r\n <ng-container *ngSwitchCase=\"'label'\">\r\n <td [ngClass]=\"{ 'td-expansivel': mod[col].length > limitcharacters && enabledexpand == true}\" *ngIf=\"mod[col] !== true && mod[col] !== false && mod[col] !== 0 && mod[col] !== '0'\">\r\n <label [ngClass]=\"{'label-expansivel': enabledexpand == true && mod[col].length > limitcharacters, 'label-expandida': (colunasItensExpandidos[j] || [])[i] }\" *ngIf=\"colunasHtml[i] === true\" [safeHtml]=\"(mod[col] | translate:colunasTranslate[i]) || '' \"></label>\r\n <label class=\"break-word\" [ngClass]=\"{'label-expansivel': enabledexpand == true && mod[col].length > limitcharacters, 'label-expandida': (colunasItensExpandidos[j] || [])[i] }\" *ngIf=\"colunasHtml[i] === false\">{{ (mod[col] | translate:colunasHtml[i]) || '' }}</label>\r\n <div *ngIf=\"enabledexpand == true && mod[col].length > limitcharacters\" [ngClass]=\"{'mostrar-mais-expandido': (colunasItensExpandidos[j] || [])[i] }\" class=\"mostrar-mais\" (click)=\"mostrarMais(j, i, $event)\">\r\n <mat-icon [ngClass]=\"{'icone-expandido': (colunasItensExpandidos[j] || [])[i] }\">keyboard_arrow_down</mat-icon>\r\n </div>\r\n <p *ngIf=\"i == 0 && mod.Badge != null && mod.Badge != undefined\">{{ mod.Badge | translate:colunasTranslate[i] }}</p>\r\n </td>\r\n <td *ngIf=\"mod[col] === true\"><mat-icon>check_box</mat-icon></td>\r\n <td *ngIf=\"mod[col] === false\"><mat-icon>check_box_outline_blank</mat-icon></td>\r\n <td *ngIf=\"mod[col] === 0 || mod[col] === '0'\">0</td>\r\n </ng-container>\r\n\r\n <td nowrap *ngSwitchCase=\"'date'\" [safeHtml]=\"mod[col] | date:'shortDate'\"></td>\r\n <td nowrap *ngSwitchCase=\"'datetime'\">{{ mod[col] | date:'shortDate' }} {{ mod[col] | date:'mediumTime' }}</td>\r\n <td nowrap *ngSwitchCase=\"'monthyear'\" [safeHtml]=\"mod[col] | date:'MM/yyyy'\"></td>\r\n <td nowrap *ngSwitchCase=\"'n0'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.0-0' }}</td>\r\n <td nowrap *ngSwitchCase=\"'n2'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.2-2' }}</td>\r\n <td nowrap *ngSwitchCase=\"'n4'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.4-4' }}</td>\r\n <td nowrap *ngSwitchCase=\"'n6'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.6-6' }}</td>\r\n <td nowrap *ngSwitchCase=\"'n9'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.9-9' }}</td>\r\n <td nowrap *ngSwitchCase=\"'n12'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.12-12' }}</td>\r\n \r\n <td *ngSwitchCase=\"'check'\" class=\"text-center\">\r\n <ng-container *ngIf=\"mod[col] != null && (mod[col] === true || mod[col] == 1 || mod[col].toLowerCase() == 's'); then checked; else unchecked\"></ng-container>\r\n <ng-template #checked><mat-icon>check_box</mat-icon></ng-template>\r\n <ng-template #unchecked><mat-icon>check_box_outline_blank</mat-icon></ng-template>\r\n </td>\r\n </ng-container>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"enabledclickaccess\">\r\n <td class=\"td-actions clickaccess\">\r\n <button mat-icon-button type=\"button\" (click)=\"access(mod, $event)\" *ngIf=\"enabledview\">\r\n <mat-icon>{{accessicon || 'arrow_forward'}}</mat-icon>\r\n </button>\r\n </td>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"!enabledclickaccess\">\r\n <td class=\"td-actions\" *ngIf=\"(templateurl != '') || (buttons != null && buttons.length > 0) || (mod.Download != null) || enableddetail || (mod?.Info != null) || enabledview || ((disabledcol == '' || mod[disabledcol] === true) && enablededit && hasPermissionEdit) || ((disabledcol == '' || mod[disabledcol] === true) && enableddelete && hasPermissionDelete)\">\r\n\r\n <a mat-icon-button href=\"{{ templateurl.replace('{id}', mod.Id) }}\" target=\"_blank\" [matTooltip]=\"'Abrir' | translate\" *ngIf=\"templateurl != ''\">\r\n <mat-icon>visibility</mat-icon>\r\n </a>\r\n\r\n <ng-container *ngFor=\"let b of buttons\">\r\n <button mat-icon-button type=\"button\" [matTooltip]=\"b.label | translate\" (click)=\"$event.stopPropagation(); b.modalComponent != null ? openCustomModal(b.modalComponent, b.widthModalComponent, mod) : b.api != null ? eventButton(mod, b.api, b.method, b.confirm) : navigateTo(b.navigateTo, b.passId, mod.Id)\" *ngIf=\"b.showOnlyClass == null || b.showOnlyClass == mod.Class\" [disabled]=\"b.disabledField && mod[b.disabledField] === true\">\r\n <mat-icon>{{b.icon}}</mat-icon>\r\n </button>\r\n </ng-container>\r\n\r\n <button mat-icon-button type=\"button\" [matTooltip]=\"'Download' | translate\" (click)=\"$event.stopPropagation(); download(mod.Download)\" *ngIf=\"mod.Download != null\">\r\n <mat-icon>file_download</mat-icon>\r\n </button>\r\n \r\n <button mat-icon-button type=\"button\" [matTooltip]=\"'Detalhe' | translate\" (click)=\"$event.stopPropagation(); detail(mod)\" *ngIf=\"enableddetail\">\r\n <mat-icon>list</mat-icon>\r\n </button>\r\n \r\n <button mat-icon-button type=\"button\" [matTooltip]=\"'Informacao' | translate\" (click)=\"$event.stopPropagation(); info(mod?.Info)\" *ngIf=\"mod?.Info != null\" [disabled]=\"mod?.Info == ''\">\r\n <mat-icon>info</mat-icon>\r\n </button>\r\n \r\n <button mat-icon-button type=\"button\" [matTooltip]=\"'Excluir' | translate\" (click)=\"delete(mod, $event)\" *ngIf=\"(disabledcol == '' || mod[disabledcol] === true) && enableddelete && hasPermissionDelete && !mod.HideDelete\">\r\n <mat-icon>delete</mat-icon>\r\n </button>\r\n\r\n <button mat-icon-button type=\"button\" [matTooltip]=\"'Acessar' | translate\" (click)=\"edit(mod, $event)\" *ngIf=\"((disabledcol == '' || mod[disabledcol] === true) && enablededit && hasPermissionEdit) || enabledview\">\r\n <mat-icon>arrow_forward</mat-icon>\r\n </button>\r\n </td>\r\n </ng-container>\r\n </tr>\r\n </tbody>\r\n </table>\r\n <span class=\"blank-table\" *ngIf=\"data != null && data.length == 0\">{{\"NenhumItemEncontrado\" | translate}}</span>\r\n\r\n <info-paginator #paginator [hidden]=\"!paged || (data != null && data.length == 0)\" [size]=\"size\" (change)=\"changePage($event)\" ></info-paginator>\r\n </div>\r\n</div>\r\n\r\n<div class=\"block\" *ngIf=\"loading\"></div>\r\n<info-alert [messages]=\"messages\"></info-alert>", styles: ["body{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}:host{display:block;position:relative}:host #auto-refresh{position:absolute;top:8px;right:0;margin:0;padding:0;background:transparent}:host #auto-refresh i{font-size:18px;cursor:default}:host .loading-bar .mat-progress-bar{height:3px;top:25px;opacity:.1}:host .table-title{background:#fcfcfc}:host .table-title .mat-icon-button{width:25px;height:25px;line-height:25px;text-align:center}:host .table-title .mat-icon-button .mat-icon{font-size:18px}:host .table-title :hover{transition:color .2s}:host .search-container{margin-top:10px;position:relative}:host .title-grid{padding-top:8px;font-size:.8rem;text-transform:uppercase;font-weight:700}:host table thead .col_id,:host table thead .col_dia{width:80px}:host table thead .col_moeda{width:90px}:host table thead .col_dataposicao,:host table thead .col_referencia,:host table thead .col_data,:host table thead .col_datacotacao{width:125px}:host table thead .col_conta,:host table thead .col_identificador{width:250px}:host table thead .col_cliente,:host table thead .col_nome,:host table thead .col_descricao,:host table thead .col_nome{width:400px}:host table tbody .icone-secundario{font-size:12px}:host.uxc3 div.table-responsive .table-title{padding:0!important}:host.uxc3 div.table-responsive .table thead{background:transparent}:host.uxc3 div.table-responsive .table thead th{border-top:none;text-transform:capitalize;padding:5px;font-size:10px}:host.uxc3 div.table-responsive .table thead th.actions{border-bottom-width:0}:host.uxc3 div.table-responsive .table thead th:after{display:none}:host.uxc3 div.table-responsive .table thead th .managercols{background-color:var(--ux-cor-P);right:0;opacity:0;transition:opacity .3s ease-in-out}:host.uxc3 div.table-responsive .table thead:hover .managercols{opacity:1!important}:host.uxc3 div.table-responsive .table tbody tr{height:35px;background:#f9f9f9}:host.uxc3 div.table-responsive .table tbody tr td{font-size:13px;font-weight:600;cursor:default;padding:8px 5px 0;transition:color .2s ease-in-out}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais{width:100%;display:flex;position:relative;bottom:18px;box-shadow:0 -6px 6px -3px RGB(0 0 0/20%);align-items:baseline;justify-content:center;background-color:#f9f9f9}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais .mat-icon{height:5px;line-height:11px;cursor:pointer;transition:transform .2s ease-in-out;transform:rotate(0)}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais .mat-icon.icone-expandido{transform:rotate(180deg)}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais.mostrar-mais-expandido{bottom:0;box-shadow:none}:host.uxc3 div.table-responsive .table tbody tr td.td-actions{border-radius:5px;padding-top:7px;padding-bottom:4px;border-bottom:none;margin-top:1px;right:2px}:host.uxc3 div.table-responsive .table tbody tr td.td-actions button:disabled{pointer-events:none;opacity:.4}:host.uxc3 div.table-responsive .table tbody tr td mat-icon{height:17px;line-height:17px}:host.uxc3 div.table-responsive .table tbody tr td p{position:relative;text-transform:uppercase;border:solid 1px;border-radius:3px;padding:2px 5px;font-size:8px;display:inline-block;margin:0 0 0 5px;top:-2px}:host.uxc3 div.table-responsive .table tbody tr .td-expansivel .label-expansivel{overflow:hidden;height:35px}:host.uxc3 div.table-responsive .table tbody tr .td-expansivel .label-expansivel.break-word{word-break:break-word}:host.uxc3 div.table-responsive .table tbody tr .td-expansivel .label-expansivel.label-expandida{height:100%}:host.uxc3 div.table-responsive .table tbody tr:hover{background:#f9f9f9}:host.uxc3 div.table-responsive .table tbody tr:hover .mostrar-mais{background-color:#f9f9f9}:host.uxc3 div.table-responsive .table tbody tr:nth-child(even):hover{background:#fff}:host.uxc3 div.table-responsive .table tbody tr:nth-child(even):hover .mostrar-mais{background-color:#fff}:host.uxc3 div.table-responsive .table tbody tr:nth-child(even):hover .td-actions{background:#fff}:host.uxc3 div.table-responsive .table tbody tr.clickable{position:relative;z-index:0}:host.uxc3 div.table-responsive .table tbody tr.clickable *{cursor:pointer}:host.uxc3 div.table-responsive .table tbody tr.clickable td:first-child{padding-left:8px}:host.uxc3 div.table-responsive .table tbody tr.clickable:hover:after{z-index:-1;content:\" \";display:block;width:100%;height:100%;position:absolute;top:0;border-right:solid 2px var(--cor-C);border-left:solid 2px var(--cor-C);left:0;opacity:.4}\n"] }]
|
|
5636
5636
|
}], function () { return [{ type: InfoDialogModal }, { type: InfoPlatformModel }, { type: i1$4.MatDialog }, { type: InfoFormPropModel }, { type: InfoDataService }, { type: i1$2.Router }, { type: i1$2.ActivatedRoute }, { type: InfoAuthenticationService }, { type: i0.ChangeDetectorRef }, { type: InfoTranslateService }, { type: InfoLastSearchModel }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, { pagetitle: [{
|
|
5637
5637
|
type: Input
|
|
5638
5638
|
}], prefixtitle: [{
|
|
@@ -6126,7 +6126,7 @@ function InfoListCheckboxComponent_li_9_Template(rf, ctx) { if (rf & 1) {
|
|
|
6126
6126
|
i0.ɵɵadvance(1);
|
|
6127
6127
|
i0.ɵɵproperty("ngModel", item_r9.Selecionado)("disabled", ctx_r2.disabled);
|
|
6128
6128
|
i0.ɵɵadvance(1);
|
|
6129
|
-
i0.ɵɵproperty("
|
|
6129
|
+
i0.ɵɵproperty("safeHtml", item_r9.Descricao);
|
|
6130
6130
|
} }
|
|
6131
6131
|
function InfoListCheckboxComponent_div_13_label_5_Template(rf, ctx) { if (rf & 1) {
|
|
6132
6132
|
i0.ɵɵelementStart(0, "label", 10);
|
|
@@ -6171,7 +6171,7 @@ function InfoListCheckboxComponent_div_13_li_8_Template(rf, ctx) { if (rf & 1) {
|
|
|
6171
6171
|
i0.ɵɵadvance(1);
|
|
6172
6172
|
i0.ɵɵproperty("ngModel", item_r19.Selecionado)("indeterminate", true)("disabled", ctx_r15.disabled);
|
|
6173
6173
|
i0.ɵɵadvance(1);
|
|
6174
|
-
i0.ɵɵproperty("
|
|
6174
|
+
i0.ɵɵproperty("safeHtml", item_r19.Descricao);
|
|
6175
6175
|
} }
|
|
6176
6176
|
function InfoListCheckboxComponent_div_13_Template(rf, ctx) { if (rf & 1) {
|
|
6177
6177
|
const _r24 = i0.ɵɵgetCurrentView();
|
|
@@ -6243,7 +6243,7 @@ class InfoListCheckboxComponent {
|
|
|
6243
6243
|
}
|
|
6244
6244
|
}
|
|
6245
6245
|
/** @nocollapse */ InfoListCheckboxComponent.ɵfac = function InfoListCheckboxComponent_Factory(t) { return new (t || InfoListCheckboxComponent)(i0.ɵɵdirectiveInject(InfoTranslateService)); };
|
|
6246
|
-
/** @nocollapse */ InfoListCheckboxComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoListCheckboxComponent, selectors: [["info-list-checkbox"]], inputs: { filterlabel: "filterlabel", filterdescription: "filterdescription", selectedlabel: "selectedlabel", selecteddescription: "selecteddescription", model: "model", max: "max", onelist: "onelist", disabled: "disabled" }, decls: 14, vars: 13, consts: [[1, "row"], [1, "pr-0", 3, "ngClass"], [1, "col-md-12"], ["matInput", "", "name", "FilterList", 3, "placeholder", "ngModel", "ngModelChange"], ["class", "description", 4, "ngIf"], ["class", "actions", 4, "ngIf"], [1, "checkbox-list"], [3, "value", "valueChange", 4, "ngFor", "ngForOf"], [1, "col-md-12", "align-right"], ["class", "col-md-6 pr-0", 4, "ngIf"], [1, "description"], [1, "actions"], [3, "click"], [3, "value", "valueChange"], [3, "ngModel", "disabled", "ngModelChange"], [3, "
|
|
6246
|
+
/** @nocollapse */ InfoListCheckboxComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoListCheckboxComponent, selectors: [["info-list-checkbox"]], inputs: { filterlabel: "filterlabel", filterdescription: "filterdescription", selectedlabel: "selectedlabel", selecteddescription: "selecteddescription", model: "model", max: "max", onelist: "onelist", disabled: "disabled" }, decls: 14, vars: 13, consts: [[1, "row"], [1, "pr-0", 3, "ngClass"], [1, "col-md-12"], ["matInput", "", "name", "FilterList", 3, "placeholder", "ngModel", "ngModelChange"], ["class", "description", 4, "ngIf"], ["class", "actions", 4, "ngIf"], [1, "checkbox-list"], [3, "value", "valueChange", 4, "ngFor", "ngForOf"], [1, "col-md-12", "align-right"], ["class", "col-md-6 pr-0", 4, "ngIf"], [1, "description"], [1, "actions"], [3, "click"], [3, "value", "valueChange"], [3, "ngModel", "disabled", "ngModelChange"], [3, "safeHtml"], [1, "col-md-6", "pr-0"], ["matInput", "", "name", "FilterSelected", 3, "placeholder", "ngModel", "ngModelChange"], [3, "ngModel", "indeterminate", "disabled", "ngModelChange"]], template: function InfoListCheckboxComponent_Template(rf, ctx) { if (rf & 1) {
|
|
6247
6247
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "mat-form-field", 2)(3, "input", 3);
|
|
6248
6248
|
i0.ɵɵlistener("ngModelChange", function InfoListCheckboxComponent_Template_input_ngModelChange_3_listener($event) { return ctx.filterList = $event; });
|
|
6249
6249
|
i0.ɵɵpipe(4, "translate");
|
|
@@ -6275,10 +6275,10 @@ class InfoListCheckboxComponent {
|
|
|
6275
6275
|
i0.ɵɵtextInterpolate(ctx.message);
|
|
6276
6276
|
i0.ɵɵadvance(1);
|
|
6277
6277
|
i0.ɵɵproperty("ngIf", !ctx.onelist);
|
|
6278
|
-
} }, dependencies: [i1$3.NgClass, i1$3.NgForOf, i1$3.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgModel, i4$1.MatFormField, i6.MatInput, i3$1.MatCheckbox, InfoTranslatePipe], styles: ["ul.checkbox-list[_ngcontent-%COMP%]{height:270px;overflow-y:auto}"] });
|
|
6278
|
+
} }, dependencies: [i1$3.NgClass, i1$3.NgForOf, i1$3.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgModel, i4$1.MatFormField, i6.MatInput, i3$1.MatCheckbox, InfoSafeHtmlDirective, InfoTranslatePipe], styles: ["ul.checkbox-list[_ngcontent-%COMP%]{height:270px;overflow-y:auto}"] });
|
|
6279
6279
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoListCheckboxComponent, [{
|
|
6280
6280
|
type: Component,
|
|
6281
|
-
args: [{ selector: 'info-list-checkbox', template: "<div class=\"row\">\r\n <div [ngClass]=\"{'col-md-6': !onelist, 'col-md-12': onelist}\" class=\"pr-0\">\r\n <mat-form-field class=\"col-md-12\" >\r\n <input matInput placeholder=\"{{ filterlabel | translate}}\" name=\"FilterList\" [(ngModel)]=\"filterList\" >\r\n </mat-form-field>\r\n\r\n <div class=\"col-md-12\">\r\n <label class=\"description\" *ngIf=\"filterdescription != '' || selecteddescription != ''\"> {{ filterdescription | translate }}</label>\r\n <div class=\"actions\" *ngIf=\"!disabled\">\r\n <a (click)=\"marcarFiltrados(filterList, true)\">{{'MarcarFiltrados' | translate}}</a>\r\n <a (click)=\"marcarTodos(true)\">{{'MarcarTodos' | translate}}</a>\r\n <a (click)=\"marcarFiltrados(filterList, false)\">{{'DesmarcarFiltrados' | translate}}</a>\r\n <a (click)=\"marcarTodos(false)\">{{'DesmarcarTodos' | translate}}</a>\r\n </div>\r\n\r\n <ul class=\"checkbox-list\">\r\n <li *ngFor=\"let item of getModel(filterList)\" [(value)]=\"item.Id\">\r\n <mat-checkbox [(ngModel)]=\"item.Selecionado\" [disabled]=\"disabled\"><span [
|
|
6281
|
+
args: [{ selector: 'info-list-checkbox', template: "<div class=\"row\">\r\n <div [ngClass]=\"{'col-md-6': !onelist, 'col-md-12': onelist}\" class=\"pr-0\">\r\n <mat-form-field class=\"col-md-12\" >\r\n <input matInput placeholder=\"{{ filterlabel | translate}}\" name=\"FilterList\" [(ngModel)]=\"filterList\" >\r\n </mat-form-field>\r\n\r\n <div class=\"col-md-12\">\r\n <label class=\"description\" *ngIf=\"filterdescription != '' || selecteddescription != ''\"> {{ filterdescription | translate }}</label>\r\n <div class=\"actions\" *ngIf=\"!disabled\">\r\n <a (click)=\"marcarFiltrados(filterList, true)\">{{'MarcarFiltrados' | translate}}</a>\r\n <a (click)=\"marcarTodos(true)\">{{'MarcarTodos' | translate}}</a>\r\n <a (click)=\"marcarFiltrados(filterList, false)\">{{'DesmarcarFiltrados' | translate}}</a>\r\n <a (click)=\"marcarTodos(false)\">{{'DesmarcarTodos' | translate}}</a>\r\n </div>\r\n\r\n <ul class=\"checkbox-list\">\r\n <li *ngFor=\"let item of getModel(filterList)\" [(value)]=\"item.Id\">\r\n <mat-checkbox [(ngModel)]=\"item.Selecionado\" [disabled]=\"disabled\"><span [safeHtml]=\"item.Descricao\"></span></mat-checkbox>\r\n </li>\r\n </ul>\r\n </div>\r\n <div class=\"col-md-12 align-right\"><small>{{message}}</small></div>\r\n </div>\r\n\r\n <div class=\"col-md-6 pr-0\" *ngIf=\"!onelist\">\r\n <mat-form-field class=\"col-md-12\">\r\n <input matInput placeholder=\"{{ selectedlabel | translate}}\" name=\"FilterSelected\" [(ngModel)]=\"filterSelected\" >\r\n </mat-form-field>\r\n\r\n <div class=\"col-md-12\">\r\n <label class=\"description\" *ngIf=\"filterdescription != '' || selecteddescription != ''\"> {{ selecteddescription | translate }}</label>\r\n <div class=\"actions\" *ngIf=\"!disabled\">\r\n <a (click)=\"marcarFiltrados(filterSelected, false, true)\">{{'DesmarcarFiltrados' | translate}}</a>\r\n <a (click)=\"marcarTodos(false)\">{{'DesmarcarTodos' | translate}}</a>\r\n </div>\r\n\r\n <ul class=\"checkbox-list\">\r\n <li *ngFor=\"let item of getModel(filterSelected, true)\" [(value)]=\"item.Id\" >\r\n <mat-checkbox [(ngModel)]=\"item.Selecionado\" [indeterminate]=\"true\" [disabled]=\"disabled\"><span [safeHtml]=\"item.Descricao\"></span></mat-checkbox>\r\n </li>\r\n </ul>\r\n </div>\r\n <div class=\"col-md-12 align-right\"><small>{{message}}</small></div>\r\n </div>\r\n</div>", styles: ["ul.checkbox-list{height:270px;overflow-y:auto}\n"] }]
|
|
6282
6282
|
}], function () { return [{ type: InfoTranslateService }]; }, { filterlabel: [{
|
|
6283
6283
|
type: Input
|
|
6284
6284
|
}], filterdescription: [{
|
|
@@ -6314,7 +6314,7 @@ function InfoSelectComponent_mat_option_4_Template(rf, ctx) { if (rf & 1) {
|
|
|
6314
6314
|
} if (rf & 2) {
|
|
6315
6315
|
const i_r3 = ctx.$implicit;
|
|
6316
6316
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
6317
|
-
i0.ɵɵproperty("value", i_r3.Id)("
|
|
6317
|
+
i0.ɵɵproperty("value", i_r3.Id)("safeHtml", i0.ɵɵpipeBind2(1, 2, i_r3.Nome, ctx_r1.notranslate === null));
|
|
6318
6318
|
} }
|
|
6319
6319
|
function InfoSelectComponent_mat_progress_bar_6_Template(rf, ctx) { if (rf & 1) {
|
|
6320
6320
|
i0.ɵɵelement(0, "mat-progress-bar", 7);
|
|
@@ -6410,7 +6410,7 @@ class InfoSelectComponent {
|
|
|
6410
6410
|
provide: NG_VALUE_ACCESSOR,
|
|
6411
6411
|
useExisting: forwardRef((() => InfoSelectComponent)),
|
|
6412
6412
|
multi: true
|
|
6413
|
-
}])], decls: 7, vars: 9, consts: [[3, "placeholder", "ngModel", "disabled", "required", "ngModelChange", "selectionChange"], [3, "value", 4, "ngIf"], [3, "value", "
|
|
6413
|
+
}])], decls: 7, vars: 9, consts: [[3, "placeholder", "ngModel", "disabled", "required", "ngModelChange", "selectionChange"], [3, "value", 4, "ngIf"], [3, "value", "safeHtml", 4, "ngFor", "ngForOf"], [1, "select-loading"], ["color", "primary", "mode", "indeterminate", 4, "ngIf"], [3, "value"], [3, "value", "safeHtml"], ["color", "primary", "mode", "indeterminate"]], template: function InfoSelectComponent_Template(rf, ctx) { if (rf & 1) {
|
|
6414
6414
|
i0.ɵɵelementStart(0, "mat-form-field")(1, "mat-select", 0);
|
|
6415
6415
|
i0.ɵɵlistener("ngModelChange", function InfoSelectComponent_Template_mat_select_ngModelChange_1_listener($event) { return ctx.selectedValue = $event; })("selectionChange", function InfoSelectComponent_Template_mat_select_selectionChange_1_listener() { return ctx.onChangeValue(); });
|
|
6416
6416
|
i0.ɵɵpipe(2, "translate");
|
|
@@ -6429,14 +6429,14 @@ class InfoSelectComponent {
|
|
|
6429
6429
|
i0.ɵɵproperty("ngForOf", ctx.data);
|
|
6430
6430
|
i0.ɵɵadvance(2);
|
|
6431
6431
|
i0.ɵɵproperty("ngIf", ctx.loading);
|
|
6432
|
-
} }, dependencies: [i1$3.NgForOf, i1$3.NgIf, i2.NgControlStatus, i2.RequiredValidator, i2.NgModel, i4$1.MatFormField, i5$1.MatSelect, i6$1.MatOption, i7.MatProgressBar, InfoTranslatePipe], styles: ["[_nghost-%COMP%] .mat-select-trigger[_ngcontent-%COMP%]{height:19px}[_nghost-%COMP%] .mat-form-field-type-mat-select[_ngcontent-%COMP%] .mat-form-field-label[_ngcontent-%COMP%]{height:20px}[_nghost-%COMP%] .mat-option[_ngcontent-%COMP%]{height:unset;white-space:normal}[_nghost-%COMP%] .select-loading[_ngcontent-%COMP%]{position:relative;bottom:15px;opacity:.3;height:1px}[_nghost-%COMP%] .select-loading[_ngcontent-%COMP%] .mat-progress-bar[_ngcontent-%COMP%]{height:1px;margin:0}.min[_nghost-%COMP%] .mat-form-field[_ngcontent-%COMP%]{margin:0!important}"] });
|
|
6432
|
+
} }, dependencies: [i1$3.NgForOf, i1$3.NgIf, i2.NgControlStatus, i2.RequiredValidator, i2.NgModel, i4$1.MatFormField, i5$1.MatSelect, i6$1.MatOption, i7.MatProgressBar, InfoSafeHtmlDirective, InfoTranslatePipe], styles: ["[_nghost-%COMP%] .mat-select-trigger[_ngcontent-%COMP%]{height:19px}[_nghost-%COMP%] .mat-form-field-type-mat-select[_ngcontent-%COMP%] .mat-form-field-label[_ngcontent-%COMP%]{height:20px}[_nghost-%COMP%] .mat-option[_ngcontent-%COMP%]{height:unset;white-space:normal}[_nghost-%COMP%] .select-loading[_ngcontent-%COMP%]{position:relative;bottom:15px;opacity:.3;height:1px}[_nghost-%COMP%] .select-loading[_ngcontent-%COMP%] .mat-progress-bar[_ngcontent-%COMP%]{height:1px;margin:0}.min[_nghost-%COMP%] .mat-form-field[_ngcontent-%COMP%]{margin:0!important}"] });
|
|
6433
6433
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoSelectComponent, [{
|
|
6434
6434
|
type: Component,
|
|
6435
6435
|
args: [{ selector: 'info-select', providers: [{
|
|
6436
6436
|
provide: NG_VALUE_ACCESSOR,
|
|
6437
6437
|
useExisting: forwardRef((() => InfoSelectComponent)),
|
|
6438
6438
|
multi: true
|
|
6439
|
-
}], template: "<mat-form-field>\r\n <mat-select [placeholder]=\"placeholder | translate\" [(ngModel)]=\"selectedValue\" (selectionChange)=\"onChangeValue()\" [disabled]=\"disabled || loading\" [required]=\"required\">\r\n <mat-option *ngIf=\"blank\" [value]=\"blankItem.Id\">{{ blankItem.Nome | translate }}</mat-option>\r\n <mat-option *ngFor=\"let i of data\" [value]=\"i.Id\" [
|
|
6439
|
+
}], template: "<mat-form-field>\r\n <mat-select [placeholder]=\"placeholder | translate\" [(ngModel)]=\"selectedValue\" (selectionChange)=\"onChangeValue()\" [disabled]=\"disabled || loading\" [required]=\"required\">\r\n <mat-option *ngIf=\"blank\" [value]=\"blankItem.Id\">{{ blankItem.Nome | translate }}</mat-option>\r\n <mat-option *ngFor=\"let i of data\" [value]=\"i.Id\" [safeHtml]=\"i.Nome | translate:(notranslate===null)\"></mat-option>\r\n </mat-select>\r\n</mat-form-field>\r\n\r\n<section class=\"select-loading\">\r\n <mat-progress-bar color=\"primary\" mode=\"indeterminate\" *ngIf=\"loading\" >\r\n </mat-progress-bar>\r\n</section>", styles: [":host .mat-select-trigger{height:19px}:host .mat-form-field-type-mat-select .mat-form-field-label{height:20px}:host .mat-option{height:unset;white-space:normal}:host .select-loading{position:relative;bottom:15px;opacity:.3;height:1px}:host .select-loading .mat-progress-bar{height:1px;margin:0}:host.min .mat-form-field{margin:0!important}\n"] }]
|
|
6440
6440
|
}], function () { return [{ type: InfoDataService }]; }, { placeholder: [{
|
|
6441
6441
|
type: Input
|
|
6442
6442
|
}], name: [{
|
|
@@ -6515,7 +6515,7 @@ function InfoTimelineComponent_div_4_Template(rf, ctx) { if (rf & 1) {
|
|
|
6515
6515
|
i0.ɵɵadvance(2);
|
|
6516
6516
|
i0.ɵɵproperty("ngIf", item_r2.Title);
|
|
6517
6517
|
i0.ɵɵadvance(1);
|
|
6518
|
-
i0.ɵɵproperty("
|
|
6518
|
+
i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(5, 4, item_r2.Content));
|
|
6519
6519
|
i0.ɵɵadvance(2);
|
|
6520
6520
|
i0.ɵɵproperty("ngIf", item_r2.Date);
|
|
6521
6521
|
} }
|
|
@@ -6541,7 +6541,7 @@ class InfoTimelineComponent {
|
|
|
6541
6541
|
/** @nocollapse */ InfoTimelineComponent.ɵfac = function InfoTimelineComponent_Factory(t) { return new (t || InfoTimelineComponent)(); };
|
|
6542
6542
|
/** @nocollapse */ InfoTimelineComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoTimelineComponent, selectors: [["info-timeline"]], hostVars: 12, hostBindings: function InfoTimelineComponent_HostBindings(rf, ctx) { if (rf & 2) {
|
|
6543
6543
|
i0.ɵɵclassProp("timeline", true)("show-date", true)("align-left", ctx.alignLeft)("align-center", ctx.alignCenter)("align-right", ctx.alignRight)("align-between", ctx.alignBetween);
|
|
6544
|
-
} }, inputs: { showdate: "showdate", align: "align", style: "style", label: "label", data: "data" }, decls: 5, vars: 2, consts: [[1, "line"], [1, "timeline-box"], ["class", "box-label", 4, "ngIf"], [1, "box-items"], ["class", "item", 4, "ngFor", "ngForOf"], [1, "box-label"], [1, "label-text"], [1, "item"], [1, "item-point", 3, "ngStyle"], [1, "item-content"], [4, "ngIf"], [3, "
|
|
6544
|
+
} }, inputs: { showdate: "showdate", align: "align", style: "style", label: "label", data: "data" }, decls: 5, vars: 2, consts: [[1, "line"], [1, "timeline-box"], ["class", "box-label", 4, "ngIf"], [1, "box-items"], ["class", "item", 4, "ngFor", "ngForOf"], [1, "box-label"], [1, "label-text"], [1, "item"], [1, "item-point", 3, "ngStyle"], [1, "item-content"], [4, "ngIf"], [3, "safeHtml"]], template: function InfoTimelineComponent_Template(rf, ctx) { if (rf & 1) {
|
|
6545
6545
|
i0.ɵɵelement(0, "span", 0);
|
|
6546
6546
|
i0.ɵɵelementStart(1, "div", 1);
|
|
6547
6547
|
i0.ɵɵtemplate(2, InfoTimelineComponent_div_2_Template, 3, 1, "div", 2);
|
|
@@ -6553,13 +6553,13 @@ class InfoTimelineComponent {
|
|
|
6553
6553
|
i0.ɵɵproperty("ngIf", ctx.label != "");
|
|
6554
6554
|
i0.ɵɵadvance(2);
|
|
6555
6555
|
i0.ɵɵproperty("ngForOf", ctx.data);
|
|
6556
|
-
} }, dependencies: [i1$3.NgForOf, i1$3.NgIf, i1$3.NgStyle, InfoTranslatePipe], styles: ["body[_ngcontent-%COMP%]{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}[_nghost-%COMP%]{display:block;position:relative;margin:20px 0 10px;font-size:.9em}[_nghost-%COMP%] .line[_ngcontent-%COMP%]{border-left:2px solid #eee;height:100%;left:6px;margin-left:-1px;position:absolute;top:0}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-label[_ngcontent-%COMP%]{display:flex;padding:.7857143rem 0}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-label[_ngcontent-%COMP%] .label-text[_ngcontent-%COMP%]{border-radius:0;color:#fff;display:inline-block;min-width:6.2857144rem;padding:.39285715rem .7857143rem;position:relative;text-align:center}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%]{display:flex;flex-direction:column}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{margin:0;padding-left:50px;position:relative}@media only screen and (max-width: 543px){[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{padding-left:32px}}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-point[_ngcontent-%COMP%]{background:#fff;border-radius:50%;display:block;height:12px;left:0;position:absolute;top:calc(1.17857145rem + 1px);width:12px}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-date[_ngcontent-%COMP%]{font-size:.875rem;margin-bottom:.7857143rem}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]{margin-bottom:5px;background:#eee;border-radius:0;display:inline-block;padding:12px;position:relative;width:auto;min-width:180px;box-shadow:0 0 5px #f5f5f5}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:after, [_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:before{border:10px solid transparent;content:\"\";display:block;height:0;position:absolute;top:14px;width:0}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:before{border-right-color:#eee;right:100%}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:after{display:none;left:100%;border-left-color:#eee}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%] .item-title[_ngcontent-%COMP%]{margin-top:0}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%] h2[_ngcontent-%COMP%]{font-weight:700;font-size:.9em;margin:0;display:block}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{margin:5px 0!important}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%] h3[_ngcontent-%COMP%]{font-size:.7em;text-align:right;color:#666;display:block;margin:0}.show-date[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-point[_ngcontent-%COMP%]{top:calc(1.17857145rem + 1px)}.align-right[_nghost-%COMP%] .line[_ngcontent-%COMP%]{left:auto;margin:0 -1px 0 auto;right:6px}.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-label[_ngcontent-%COMP%]{justify-content:flex-end}.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%]{align-items:flex-end}.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{padding:0 50px 0 0}@media only screen and (max-width: 543px){.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{padding:0 32px 0 0}}.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-point[_ngcontent-%COMP%]{left:auto;right:0}.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-date[_ngcontent-%COMP%]{text-align:right}.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:before{display:none}.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:after{display:block}.align-center[_nghost-%COMP%] .line[_ngcontent-%COMP%]{left:50%}.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-label[_ngcontent-%COMP%]{justify-content:center}.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%]{align-items:center}.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{padding:0;text-align:center}@media only screen and (max-width: 543px){.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{padding:0}}.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-point[_ngcontent-%COMP%]{left:50%;margin:-26px 0 0 -6px;top:0}.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-date[_ngcontent-%COMP%]{margin-bottom:33px;text-align:center}.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-date[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{background:#eee;border:1px solid #eee;border-radius:0;display:inline-block;padding:.39285715rem .7857143rem}.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:before{border-color:transparent transparent #ddd transparent;left:50%;margin:-20px 0 0 -10px;top:0}.align-center.show-date[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-point[_ngcontent-%COMP%]{margin-top:40px}@media only screen and (min-width: 768px){.align-between[_nghost-%COMP%] .line[_ngcontent-%COMP%]{left:50%}.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-label[_ngcontent-%COMP%]{justify-content:center}.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{width:50%}.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(even){align-self:flex-end}.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(even) .item-point[_ngcontent-%COMP%]{left:0;margin-left:-6px}.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(odd){padding:0 50px 0 0;text-align:right}}@media only screen and (min-width: 768px) and (max-width: 543px){.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(odd){padding:0 32px 0 0}}@media only screen and (min-width: 768px){.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(odd) .item-point[_ngcontent-%COMP%]{left:100%;margin-left:-6px}}@media only screen and (min-width: 768px){.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(odd) .item-content[_ngcontent-%COMP%]{text-align:left}.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(odd) .item-content[_ngcontent-%COMP%]:before{display:none}.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(odd) .item-content[_ngcontent-%COMP%]:after{display:block}}"] });
|
|
6556
|
+
} }, dependencies: [i1$3.NgForOf, i1$3.NgIf, i1$3.NgStyle, InfoSafeHtmlDirective, InfoTranslatePipe], styles: ["body[_ngcontent-%COMP%]{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}[_nghost-%COMP%]{display:block;position:relative;margin:20px 0 10px;font-size:.9em}[_nghost-%COMP%] .line[_ngcontent-%COMP%]{border-left:2px solid #eee;height:100%;left:6px;margin-left:-1px;position:absolute;top:0}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-label[_ngcontent-%COMP%]{display:flex;padding:.7857143rem 0}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-label[_ngcontent-%COMP%] .label-text[_ngcontent-%COMP%]{border-radius:0;color:#fff;display:inline-block;min-width:6.2857144rem;padding:.39285715rem .7857143rem;position:relative;text-align:center}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%]{display:flex;flex-direction:column}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{margin:0;padding-left:50px;position:relative}@media only screen and (max-width: 543px){[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{padding-left:32px}}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-point[_ngcontent-%COMP%]{background:#fff;border-radius:50%;display:block;height:12px;left:0;position:absolute;top:calc(1.17857145rem + 1px);width:12px}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-date[_ngcontent-%COMP%]{font-size:.875rem;margin-bottom:.7857143rem}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]{margin-bottom:5px;background:#eee;border-radius:0;display:inline-block;padding:12px;position:relative;width:auto;min-width:180px;box-shadow:0 0 5px #f5f5f5}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:after, [_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:before{border:10px solid transparent;content:\"\";display:block;height:0;position:absolute;top:14px;width:0}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:before{border-right-color:#eee;right:100%}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:after{display:none;left:100%;border-left-color:#eee}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%] .item-title[_ngcontent-%COMP%]{margin-top:0}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%] h2[_ngcontent-%COMP%]{font-weight:700;font-size:.9em;margin:0;display:block}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{margin:5px 0!important}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%] h3[_ngcontent-%COMP%]{font-size:.7em;text-align:right;color:#666;display:block;margin:0}.show-date[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-point[_ngcontent-%COMP%]{top:calc(1.17857145rem + 1px)}.align-right[_nghost-%COMP%] .line[_ngcontent-%COMP%]{left:auto;margin:0 -1px 0 auto;right:6px}.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-label[_ngcontent-%COMP%]{justify-content:flex-end}.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%]{align-items:flex-end}.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{padding:0 50px 0 0}@media only screen and (max-width: 543px){.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{padding:0 32px 0 0}}.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-point[_ngcontent-%COMP%]{left:auto;right:0}.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-date[_ngcontent-%COMP%]{text-align:right}.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:before{display:none}.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:after{display:block}.align-center[_nghost-%COMP%] .line[_ngcontent-%COMP%]{left:50%}.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-label[_ngcontent-%COMP%]{justify-content:center}.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%]{align-items:center}.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{padding:0;text-align:center}@media only screen and (max-width: 543px){.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{padding:0}}.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-point[_ngcontent-%COMP%]{left:50%;margin:-26px 0 0 -6px;top:0}.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-date[_ngcontent-%COMP%]{margin-bottom:33px;text-align:center}.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-date[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{background:#eee;border:1px solid #eee;border-radius:0;display:inline-block;padding:.39285715rem .7857143rem}.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:before{border-color:transparent transparent #ddd transparent;left:50%;margin:-20px 0 0 -10px;top:0}.align-center.show-date[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-point[_ngcontent-%COMP%]{margin-top:40px}@media only screen and (min-width: 768px){.align-between[_nghost-%COMP%] .line[_ngcontent-%COMP%]{left:50%}.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-label[_ngcontent-%COMP%]{justify-content:center}.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{width:50%}.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(even){align-self:flex-end}.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(even) .item-point[_ngcontent-%COMP%]{left:0;margin-left:-6px}.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(odd){padding:0 50px 0 0;text-align:right}}@media only screen and (min-width: 768px) and (max-width: 543px){.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(odd){padding:0 32px 0 0}}@media only screen and (min-width: 768px){.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(odd) .item-point[_ngcontent-%COMP%]{left:100%;margin-left:-6px}}@media only screen and (min-width: 768px){.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(odd) .item-content[_ngcontent-%COMP%]{text-align:left}.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(odd) .item-content[_ngcontent-%COMP%]:before{display:none}.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(odd) .item-content[_ngcontent-%COMP%]:after{display:block}}"] });
|
|
6557
6557
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoTimelineComponent, [{
|
|
6558
6558
|
type: Component,
|
|
6559
6559
|
args: [{ selector: 'info-timeline', host: {
|
|
6560
6560
|
'[class.timeline]': 'true',
|
|
6561
6561
|
'[class.show-date]': 'true'
|
|
6562
|
-
}, template: "<span class=\"line\"></span>\r\n\r\n<div class=\"timeline-box\">\r\n <div class=\"box-label\" *ngIf=\"label != ''\">\r\n <div class=\"label-text\">{{label}}</div>\r\n </div>\r\n\r\n <div class=\"box-items\">\r\n <div class=\"item\" *ngFor=\"let item of data\">\r\n <div class=\"item-point\" [ngStyle]=\"{ 'border-color': item.PointColor }\"></div>\r\n <div class=\"item-content\">\r\n <h2 *ngIf=\"item.Title\">{{item.Title}}</h2>\r\n <p [
|
|
6562
|
+
}, template: "<span class=\"line\"></span>\r\n\r\n<div class=\"timeline-box\">\r\n <div class=\"box-label\" *ngIf=\"label != ''\">\r\n <div class=\"label-text\">{{label}}</div>\r\n </div>\r\n\r\n <div class=\"box-items\">\r\n <div class=\"item\" *ngFor=\"let item of data\">\r\n <div class=\"item-point\" [ngStyle]=\"{ 'border-color': item.PointColor }\"></div>\r\n <div class=\"item-content\">\r\n <h2 *ngIf=\"item.Title\">{{item.Title}}</h2>\r\n <p [safeHtml]=\"item.Content | translate\"></p>\r\n <h3 *ngIf=\"item.Date\">{{ item.Date }} \u00E0s {{ item.Hour }}</h3>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: ["body{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}:host{display:block;position:relative;margin:20px 0 10px;font-size:.9em}:host .line{border-left:2px solid #eee;height:100%;left:6px;margin-left:-1px;position:absolute;top:0}:host .timeline-box .box-label{display:flex;padding:.7857143rem 0}:host .timeline-box .box-label .label-text{border-radius:0;color:#fff;display:inline-block;min-width:6.2857144rem;padding:.39285715rem .7857143rem;position:relative;text-align:center}:host .timeline-box .box-items{display:flex;flex-direction:column}:host .timeline-box .box-items .item{margin:0;padding-left:50px;position:relative}@media only screen and (max-width: 543px){:host .timeline-box .box-items .item{padding-left:32px}}:host .timeline-box .box-items .item .item-point{background:#fff;border-radius:50%;display:block;height:12px;left:0;position:absolute;top:calc(1.17857145rem + 1px);width:12px}:host .timeline-box .box-items .item .item-date{font-size:.875rem;margin-bottom:.7857143rem}:host .timeline-box .box-items .item .item-content{margin-bottom:5px;background:#eee;border-radius:0;display:inline-block;padding:12px;position:relative;width:auto;min-width:180px;box-shadow:0 0 5px #f5f5f5}:host .timeline-box .box-items .item .item-content:after,:host .timeline-box .box-items .item .item-content:before{border:10px solid transparent;content:\"\";display:block;height:0;position:absolute;top:14px;width:0}:host .timeline-box .box-items .item .item-content:before{border-right-color:#eee;right:100%}:host .timeline-box .box-items .item .item-content:after{display:none;left:100%;border-left-color:#eee}:host .timeline-box .box-items .item .item-content .item-title{margin-top:0}:host .timeline-box .box-items .item .item-content h2{font-weight:700;font-size:.9em;margin:0;display:block}:host .timeline-box .box-items .item .item-content p{margin:5px 0!important}:host .timeline-box .box-items .item .item-content h3{font-size:.7em;text-align:right;color:#666;display:block;margin:0}:host.show-date .timeline-box .box-items .item .item-point{top:calc(1.17857145rem + 1px)}:host.align-right .line{left:auto;margin:0 -1px 0 auto;right:6px}:host.align-right .timeline-box .box-label{justify-content:flex-end}:host.align-right .timeline-box .box-items{align-items:flex-end}:host.align-right .timeline-box .box-items .item{padding:0 50px 0 0}@media only screen and (max-width: 543px){:host.align-right .timeline-box .box-items .item{padding:0 32px 0 0}}:host.align-right .timeline-box .box-items .item .item-point{left:auto;right:0}:host.align-right .timeline-box .box-items .item .item-date{text-align:right}:host.align-right .timeline-box .box-items .item .item-content:before{display:none}:host.align-right .timeline-box .box-items .item .item-content:after{display:block}:host.align-center .line{left:50%}:host.align-center .timeline-box .box-label{justify-content:center}:host.align-center .timeline-box .box-items{align-items:center}:host.align-center .timeline-box .box-items .item{padding:0;text-align:center}@media only screen and (max-width: 543px){:host.align-center .timeline-box .box-items .item{padding:0}}:host.align-center .timeline-box .box-items .item .item-point{left:50%;margin:-26px 0 0 -6px;top:0}:host.align-center .timeline-box .box-items .item .item-date{margin-bottom:33px;text-align:center}:host.align-center .timeline-box .box-items .item .item-date span{background:#eee;border:1px solid #eee;border-radius:0;display:inline-block;padding:.39285715rem .7857143rem}:host.align-center .timeline-box .box-items .item .item-content:before{border-color:transparent transparent #ddd transparent;left:50%;margin:-20px 0 0 -10px;top:0}:host.align-center.show-date .timeline-box .box-items .item .item-point{margin-top:40px}@media only screen and (min-width: 768px){:host.align-between .line{left:50%}:host.align-between .timeline-box .box-label{justify-content:center}:host.align-between .timeline-box .box-items .item{width:50%}:host.align-between .timeline-box .box-items .item:nth-child(even){align-self:flex-end}:host.align-between .timeline-box .box-items .item:nth-child(even) .item-point{left:0;margin-left:-6px}:host.align-between .timeline-box .box-items .item:nth-child(odd){padding:0 50px 0 0;text-align:right}}@media only screen and (min-width: 768px) and (max-width: 543px){:host.align-between .timeline-box .box-items .item:nth-child(odd){padding:0 32px 0 0}}@media only screen and (min-width: 768px){:host.align-between .timeline-box .box-items .item:nth-child(odd) .item-point{left:100%;margin-left:-6px}}@media only screen and (min-width: 768px){:host.align-between .timeline-box .box-items .item:nth-child(odd) .item-content{text-align:left}:host.align-between .timeline-box .box-items .item:nth-child(odd) .item-content:before{display:none}:host.align-between .timeline-box .box-items .item:nth-child(odd) .item-content:after{display:block}}\n"] }]
|
|
6563
6563
|
}], function () { return []; }, { showdate: [{
|
|
6564
6564
|
type: Input
|
|
6565
6565
|
}], align: [{
|
|
@@ -6721,7 +6721,7 @@ function InfoMultiSelectComponent_mat_option_5_Template(rf, ctx) { if (rf & 1) {
|
|
|
6721
6721
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
6722
6722
|
i0.ɵɵproperty("value", i_r2.Id);
|
|
6723
6723
|
i0.ɵɵadvance(1);
|
|
6724
|
-
i0.ɵɵproperty("
|
|
6724
|
+
i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind2(2, 2, i_r2.Nome, ctx_r0.notranslate === null));
|
|
6725
6725
|
} }
|
|
6726
6726
|
function InfoMultiSelectComponent_mat_progress_bar_7_Template(rf, ctx) { if (rf & 1) {
|
|
6727
6727
|
i0.ɵɵelement(0, "mat-progress-bar", 6);
|
|
@@ -6811,7 +6811,7 @@ class InfoMultiSelectComponent {
|
|
|
6811
6811
|
provide: NG_VALUE_ACCESSOR,
|
|
6812
6812
|
useExisting: forwardRef((() => InfoMultiSelectComponent)),
|
|
6813
6813
|
multi: true
|
|
6814
|
-
}])], decls: 8, vars: 8, consts: [["multiple", "", 3, "ngModel", "disabled", "required", "ngModelChange", "selectionChange"], [3, "value", 4, "ngFor", "ngForOf"], [1, "select-loading"], ["color", "primary", "mode", "indeterminate", 4, "ngIf"], [3, "value"], [3, "
|
|
6814
|
+
}])], decls: 8, vars: 8, consts: [["multiple", "", 3, "ngModel", "disabled", "required", "ngModelChange", "selectionChange"], [3, "value", 4, "ngFor", "ngForOf"], [1, "select-loading"], ["color", "primary", "mode", "indeterminate", 4, "ngIf"], [3, "value"], [3, "safeHtml"], ["color", "primary", "mode", "indeterminate"]], template: function InfoMultiSelectComponent_Template(rf, ctx) { if (rf & 1) {
|
|
6815
6815
|
i0.ɵɵelementStart(0, "mat-form-field")(1, "mat-label");
|
|
6816
6816
|
i0.ɵɵtext(2);
|
|
6817
6817
|
i0.ɵɵpipe(3, "translate");
|
|
@@ -6832,14 +6832,14 @@ class InfoMultiSelectComponent {
|
|
|
6832
6832
|
i0.ɵɵproperty("ngForOf", ctx.data);
|
|
6833
6833
|
i0.ɵɵadvance(2);
|
|
6834
6834
|
i0.ɵɵproperty("ngIf", ctx.loading);
|
|
6835
|
-
} }, dependencies: [i1$3.NgForOf, i1$3.NgIf, i2.NgControlStatus, i2.RequiredValidator, i2.NgModel, i4$1.MatFormField, i4$1.MatLabel, i5$1.MatSelect, i6$1.MatOption, i7.MatProgressBar, InfoTranslatePipe], styles: ["[_nghost-%COMP%] .mat-select-trigger[_ngcontent-%COMP%]{height:19px}[_nghost-%COMP%] .mat-form-field-type-mat-select[_ngcontent-%COMP%] .mat-form-field-label[_ngcontent-%COMP%]{height:20px}[_nghost-%COMP%] .select-loading[_ngcontent-%COMP%]{position:relative;bottom:15px;opacity:.3;height:1px}[_nghost-%COMP%] .select-loading[_ngcontent-%COMP%] .mat-progress-bar[_ngcontent-%COMP%]{height:1px;margin:0}.min[_nghost-%COMP%] .mat-form-field[_ngcontent-%COMP%]{margin:0!important}"] });
|
|
6835
|
+
} }, dependencies: [i1$3.NgForOf, i1$3.NgIf, i2.NgControlStatus, i2.RequiredValidator, i2.NgModel, i4$1.MatFormField, i4$1.MatLabel, i5$1.MatSelect, i6$1.MatOption, i7.MatProgressBar, InfoSafeHtmlDirective, InfoTranslatePipe], styles: ["[_nghost-%COMP%] .mat-select-trigger[_ngcontent-%COMP%]{height:19px}[_nghost-%COMP%] .mat-form-field-type-mat-select[_ngcontent-%COMP%] .mat-form-field-label[_ngcontent-%COMP%]{height:20px}[_nghost-%COMP%] .select-loading[_ngcontent-%COMP%]{position:relative;bottom:15px;opacity:.3;height:1px}[_nghost-%COMP%] .select-loading[_ngcontent-%COMP%] .mat-progress-bar[_ngcontent-%COMP%]{height:1px;margin:0}.min[_nghost-%COMP%] .mat-form-field[_ngcontent-%COMP%]{margin:0!important}"] });
|
|
6836
6836
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoMultiSelectComponent, [{
|
|
6837
6837
|
type: Component,
|
|
6838
6838
|
args: [{ selector: 'info-multi-select', providers: [{
|
|
6839
6839
|
provide: NG_VALUE_ACCESSOR,
|
|
6840
6840
|
useExisting: forwardRef((() => InfoMultiSelectComponent)),
|
|
6841
6841
|
multi: true
|
|
6842
|
-
}], template: "<mat-form-field>\r\n <mat-label>{{placeholder | translate}}</mat-label>\r\n\r\n <mat-select [(ngModel)]=\"selectedValues\" (selectionChange)=\"onChangeValue()\" [disabled]=\"disabled || loading\" [required]=\"required\" multiple>\r\n <mat-option *ngFor=\"let i of data\" [value]=\"i.Id\">\r\n <span [
|
|
6842
|
+
}], template: "<mat-form-field>\r\n <mat-label>{{placeholder | translate}}</mat-label>\r\n\r\n <mat-select [(ngModel)]=\"selectedValues\" (selectionChange)=\"onChangeValue()\" [disabled]=\"disabled || loading\" [required]=\"required\" multiple>\r\n <mat-option *ngFor=\"let i of data\" [value]=\"i.Id\">\r\n <span [safeHtml]=\"i.Nome | translate:(notranslate===null)\"></span>\r\n </mat-option>\r\n </mat-select>\r\n</mat-form-field>\r\n\r\n<section class=\"select-loading\">\r\n <mat-progress-bar color=\"primary\" mode=\"indeterminate\" *ngIf=\"loading\" >\r\n </mat-progress-bar>\r\n</section>", styles: [":host .mat-select-trigger{height:19px}:host .mat-form-field-type-mat-select .mat-form-field-label{height:20px}:host .select-loading{position:relative;bottom:15px;opacity:.3;height:1px}:host .select-loading .mat-progress-bar{height:1px;margin:0}:host.min .mat-form-field{margin:0!important}\n"] }]
|
|
6843
6843
|
}], function () { return [{ type: InfoDataService }]; }, { placeholder: [{
|
|
6844
6844
|
type: Input
|
|
6845
6845
|
}], name: [{
|
|
@@ -7159,7 +7159,7 @@ function InfoTopbarComponent_ng_container_0_div_29_ng_container_14_li_1_Template
|
|
|
7159
7159
|
i0.ɵɵadvance(4);
|
|
7160
7160
|
i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(5, 3, "Dia"), " ", item_r40.Date, "");
|
|
7161
7161
|
i0.ɵɵadvance(2);
|
|
7162
|
-
i0.ɵɵproperty("
|
|
7162
|
+
i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(7, 5, item_r40.Description));
|
|
7163
7163
|
} }
|
|
7164
7164
|
function InfoTopbarComponent_ng_container_0_div_29_ng_container_14_Template(rf, ctx) { if (rf & 1) {
|
|
7165
7165
|
i0.ɵɵelementContainerStart(0);
|
|
@@ -7465,7 +7465,7 @@ function InfoTopbarComponent_ng_container_1_div_28_ng_container_12_li_1_Template
|
|
|
7465
7465
|
i0.ɵɵadvance(3);
|
|
7466
7466
|
i0.ɵɵtextInterpolate(item_r85.Icon);
|
|
7467
7467
|
i0.ɵɵadvance(2);
|
|
7468
|
-
i0.ɵɵproperty("
|
|
7468
|
+
i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(6, 3, item_r85.Description));
|
|
7469
7469
|
i0.ɵɵadvance(3);
|
|
7470
7470
|
i0.ɵɵtextInterpolate(item_r85.Date);
|
|
7471
7471
|
} }
|
|
@@ -7910,7 +7910,7 @@ class InfoTopbarComponent {
|
|
|
7910
7910
|
}
|
|
7911
7911
|
}
|
|
7912
7912
|
/** @nocollapse */ InfoTopbarComponent.ɵfac = function InfoTopbarComponent_Factory(t) { return new (t || InfoTopbarComponent)(i0.ɵɵdirectiveInject(InfoTranslateService), i0.ɵɵdirectiveInject(InfoAuthenticationService), i0.ɵɵdirectiveInject(InfoDataService), i0.ɵɵdirectiveInject(InfoThemeService), i0.ɵɵdirectiveInject(i1$2.Router), i0.ɵɵdirectiveInject(InfoDialogModal), i0.ɵɵdirectiveInject(InfoSessionModel), i0.ɵɵdirectiveInject(InfoPlatformModel), i0.ɵɵdirectiveInject(i1$4.MatDialog), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(Utilities)); };
|
|
7913
|
-
/** @nocollapse */ InfoTopbarComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoTopbarComponent, selectors: [["info-topbar"]], inputs: { opened: "opened", languages: "languages", themes: "themes", notificationapi: "notificationapi", notificationgetmethod: "notificationgetmethod", notificationpostmethod: "notificationpostmethod", notificationverifymethod: "notificationverifymethod", notificationverifyenabled: "notificationverifyenabled", fastsearchform: "fastsearchform", fastsearchformwidth: "fastsearchformwidth", fastsearchtitle: "fastsearchtitle", profileurl: "profileurl", setthemeonchangecompany: "setthemeonchangecompany", enabledia: "enabledia" }, outputs: { onchangestate: "onchangestate", ongetnotification: "ongetnotification", onverifynotification: "onverifynotification" }, ngContentSelectors: _c3$3, decls: 4, vars: 4, consts: [[4, "ngIf"], ["class", "loading-bar", 4, "ngIf"], ["class", "block", 4, "ngIf"], [1, "site-navbar"], [1, "logo"], [1, "logo-img"], [1, "logo-img-resp"], [1, "nav-items"], [1, "nav-item", "usuario-logado", 3, "ngClass"], [3, "click"], [1, "menu-lateral-direita"], [1, "fechar", 3, "click"], [1, "empresas"], [4, "ngFor", "ngForOf"], ["class", "nav-item selecao-empresa", 3, "ngClass", 4, "ngIf"], ["class", "nav-item selecao-infoia", 3, "ngClass", 4, "ngIf"], [1, "nav-item"], ["mat-icon-button", "", 3, "matTooltip", "click"], ["class", "nav-item", 4, "ngIf"], ["class", "nav-item", 3, "ngClass", 4, "ngIf"], ["class", "nav-item selecao-tema", 3, "ngClass", 4, "ngIf"], ["class", "nav-item selecao-idioma", 3, "ngClass", 4, "ngIf"], [1, "items-overlay", 3, "click"], ["divModal", ""], [1, "navbar-button", 3, "ngClass", "click"], [1, "nav-item", "selecao-empresa", 3, "ngClass"], [1, "nav-item", "selecao-infoia", 3, "ngClass"], [1, "menu-lateral-direita", "infoia"], [1, "nav-item", 3, "ngClass"], ["class", "badge", 4, "ngIf"], [1, "badge"], [2, "cursor", "default"], [1, "content"], [3, "
|
|
7913
|
+
/** @nocollapse */ InfoTopbarComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoTopbarComponent, selectors: [["info-topbar"]], inputs: { opened: "opened", languages: "languages", themes: "themes", notificationapi: "notificationapi", notificationgetmethod: "notificationgetmethod", notificationpostmethod: "notificationpostmethod", notificationverifymethod: "notificationverifymethod", notificationverifyenabled: "notificationverifyenabled", fastsearchform: "fastsearchform", fastsearchformwidth: "fastsearchformwidth", fastsearchtitle: "fastsearchtitle", profileurl: "profileurl", setthemeonchangecompany: "setthemeonchangecompany", enabledia: "enabledia" }, outputs: { onchangestate: "onchangestate", ongetnotification: "ongetnotification", onverifynotification: "onverifynotification" }, ngContentSelectors: _c3$3, decls: 4, vars: 4, consts: [[4, "ngIf"], ["class", "loading-bar", 4, "ngIf"], ["class", "block", 4, "ngIf"], [1, "site-navbar"], [1, "logo"], [1, "logo-img"], [1, "logo-img-resp"], [1, "nav-items"], [1, "nav-item", "usuario-logado", 3, "ngClass"], [3, "click"], [1, "menu-lateral-direita"], [1, "fechar", 3, "click"], [1, "empresas"], [4, "ngFor", "ngForOf"], ["class", "nav-item selecao-empresa", 3, "ngClass", 4, "ngIf"], ["class", "nav-item selecao-infoia", 3, "ngClass", 4, "ngIf"], [1, "nav-item"], ["mat-icon-button", "", 3, "matTooltip", "click"], ["class", "nav-item", 4, "ngIf"], ["class", "nav-item", 3, "ngClass", 4, "ngIf"], ["class", "nav-item selecao-tema", 3, "ngClass", 4, "ngIf"], ["class", "nav-item selecao-idioma", 3, "ngClass", 4, "ngIf"], [1, "items-overlay", 3, "click"], ["divModal", ""], [1, "navbar-button", 3, "ngClass", "click"], [1, "nav-item", "selecao-empresa", 3, "ngClass"], [1, "nav-item", "selecao-infoia", 3, "ngClass"], [1, "menu-lateral-direita", "infoia"], [1, "nav-item", 3, "ngClass"], ["class", "badge", 4, "ngIf"], [1, "badge"], [2, "cursor", "default"], [1, "content"], [3, "safeHtml"], [1, "nav-item", "selecao-tema", 3, "ngClass"], [1, "temas"], [1, "nav-item", "selecao-idioma", 3, "ngClass"], [1, "idiomas"], ["class", "sessao-clone text-lightgray", 4, "ngIf"], ["id", "page-title", "class", "page-title", 4, "ngIf"], [1, "nav-item", "user-profile", 3, "ngClass"], ["mat-button", "", 3, "click"], [1, "name"], [1, "dropdown-menu"], [1, "menu-title"], [1, "company"], [1, "sessao-clone", "text-lightgray"], ["id", "page-title", 1, "page-title"], [1, "desc", 3, "safeHtml"], [1, "date"], [1, "languages"], [1, "themes"], ["mat-icon-button", "", 3, "matTooltip", "routerLink"], [1, "loading-bar"], ["color", "primary", "mode", "indeterminate"], [1, "block"]], template: function InfoTopbarComponent_Template(rf, ctx) { if (rf & 1) {
|
|
7914
7914
|
i0.ɵɵprojectionDef();
|
|
7915
7915
|
i0.ɵɵtemplate(0, InfoTopbarComponent_ng_container_0_Template, 47, 29, "ng-container", 0);
|
|
7916
7916
|
i0.ɵɵtemplate(1, InfoTopbarComponent_ng_container_1_Template, 40, 24, "ng-container", 0);
|
|
@@ -7924,10 +7924,10 @@ class InfoTopbarComponent {
|
|
|
7924
7924
|
i0.ɵɵproperty("ngIf", ctx.loading);
|
|
7925
7925
|
i0.ɵɵadvance(1);
|
|
7926
7926
|
i0.ɵɵproperty("ngIf", ctx.loading);
|
|
7927
|
-
} }, dependencies: [i1$3.NgClass, i1$3.NgForOf, i1$3.NgIf, i4.MatIcon, i13.MatButton, i7.MatProgressBar, i15.MatTooltip, i1$2.RouterLink, InfoTranslatePipe], styles: ["body[_ngcontent-%COMP%]{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}.topmenu[_nghost-%COMP%]{border-bottom-width:0!important;box-shadow:none!important}.uxc3[_nghost-%COMP%]{transition:left .2s ease-in-out;display:block;height:85px;left:0;position:fixed;right:0;top:0;z-index:9998}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%]{left:0}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%]{width:100%}.uxc3[_nghost-%COMP%] .logo[_ngcontent-%COMP%]{position:absolute;top:17px}.uxc3[_nghost-%COMP%] .logo[_ngcontent-%COMP%] .logo-img[_ngcontent-%COMP%]{display:none!important}.uxc3[_nghost-%COMP%] .logo[_ngcontent-%COMP%] .logo-img-resp[_ngcontent-%COMP%]{display:block!important;height:45px!important}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%]{position:absolute;top:70px!important;left:-100%;width:calc(100% + 6px);border-right:none!important;padding-left:25px!important;padding-top:15px!important;transition:left .2s ease-in-out}.uxc3[_nghost-%COMP%] .usuario-logado.menu-aberto[_ngcontent-%COMP%]{left:0%}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%] dl[_ngcontent-%COMP%]{text-align:left!important}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%] dl[_ngcontent-%COMP%] dt[_ngcontent-%COMP%]{display:inline-block;font-size:14px}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%] dl[_ngcontent-%COMP%] dd[_ngcontent-%COMP%]{position:relative;display:inline-block;padding-right:20px;margin-right:5px}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%] dl[_ngcontent-%COMP%] dd[_ngcontent-%COMP%]:after{position:absolute;top:2px;right:0;content:\"-\";width:10px;height:10px}.uxc3[_nghost-%COMP%] .selecao-empresa[_ngcontent-%COMP%]{position:absolute;top:115px!important;left:-100%;width:calc(100% + 6px);margin:0!important;padding:5px 15px 6px 25px;transition:left .2s ease-in-out}.uxc3[_nghost-%COMP%] .selecao-empresa.menu-aberto[_ngcontent-%COMP%]{left:0%}.uxc3[_nghost-%COMP%] .selecao-empresa[_ngcontent-%COMP%] button[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .selecao-empresa[_ngcontent-%COMP%] dl[_ngcontent-%COMP%]{width:100%!important}}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%]{align-items:center;display:flex;flex-wrap:nowrap;height:100%;justify-content:space-between;padding:0 22px}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%]{flex-wrap:wrap}}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .logo[_ngcontent-%COMP%]{display:block;height:60px;width:500px}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .logo[_ngcontent-%COMP%] .logo-img[_ngcontent-%COMP%]{display:block;height:100%;width:100%}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .logo[_ngcontent-%COMP%] .logo-img-resp[_ngcontent-%COMP%]{display:none;height:100%;width:100%}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%]{cursor:pointer;display:none;height:24px;margin:0;position:absolute;transform:rotate(0);width:35px;top:20px;left:70px}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%]{display:block}}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] sub[_ngcontent-%COMP%]{position:absolute;bottom:-10px;text-transform:uppercase}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{display:block;height:3px;opacity:1;position:absolute;transform:rotate(0);transition:.25s ease-in-out;width:50%;top:10px}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(even){left:50%}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(odd){left:0}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(1), .uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(2){top:0}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(3), .uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(4){top:10px}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(5), .uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(6){top:20px}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(1), .uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(6){transform:rotate(45deg)}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(2), .uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(5){transform:rotate(-45deg)}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(1){left:2px;top:6px}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(2){left:calc(50% - 7px);top:6px}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(3){left:-50%;opacity:0}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(4){left:100%;opacity:0}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(5){left:2px;top:15px}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(6){left:calc(50% - 7px);top:15px}.uxc3[_nghost-%COMP%] dl[_ngcontent-%COMP%]{line-height:20px;text-transform:none;transition:border .2s ease-in-out}.uxc3[_nghost-%COMP%] dl[_ngcontent-%COMP%] dt[_ngcontent-%COMP%]{font-size:10px;font-weight:500;transition:color .2s ease-in-out}.uxc3[_nghost-%COMP%] dl[_ngcontent-%COMP%] dd[_ngcontent-%COMP%]{position:relative;top:0;font-size:14px;font-weight:600;margin-bottom:0;transition:color .2s ease-in-out}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .selecao-empresa[_ngcontent-%COMP%]{top:-1px;padding:5px 20px 5px 0;cursor:pointer}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%] dl[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .selecao-empresa[_ngcontent-%COMP%] dl[_ngcontent-%COMP%]{top:5px;margin:0}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%] dl[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .selecao-empresa[_ngcontent-%COMP%] dl[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{position:absolute;font-size:22px;top:17px;right:0;text-align:center}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%]{padding-left:10px}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%] dl[_ngcontent-%COMP%]{text-align:right}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%] dl[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{left:0}.uxc3[_nghost-%COMP%] .selecao-empresa[_ngcontent-%COMP%]{padding-left:20px}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%]{display:block;height:100%;margin:0 -5px;text-align:right}@media screen and (min-width: 544px){.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%]{width:100%}}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%]{display:block;top:0;position:absolute;right:10px}}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%]{align-items:center;display:inline-block;text-align:left;margin:15px 3px 0 0}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%]{position:relative;cursor:pointer;min-width:40px;padding:0;transition:color .2s ease-in-out;top:-14px}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button[_ngcontent-%COMP%] .mat-button-wrapper[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%] .mat-button-wrapper[_ngcontent-%COMP%]{display:flex;height:100%;padding:5px;width:100%}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button[_ngcontent-%COMP%] .mat-button-wrapper[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%] .mat-button-wrapper[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{font-size:24px;height:auto!important;line-height:auto!important;vertical-align:middle;width:auto!important}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button[_ngcontent-%COMP%] .mat-button-wrapper[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%] .marker[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%] .mat-button-wrapper[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%] .marker[_ngcontent-%COMP%]{border-radius:50%;height:6px;position:absolute;right:0;top:0;width:6px}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button[_ngcontent-%COMP%] .mat-button-wrapper[_ngcontent-%COMP%] .badge[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%] .mat-button-wrapper[_ngcontent-%COMP%] .badge[_ngcontent-%COMP%]{position:absolute;background:#af1b11;border-radius:8px;font-size:10px;color:#fff;padding:0 5px;line-height:16px;right:0;top:0}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button[_ngcontent-%COMP%] .mat-button-focus-overlay[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button[_ngcontent-%COMP%] .mat-button-ripple[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%] .mat-button-focus-overlay[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%] .mat-button-ripple[_ngcontent-%COMP%]{display:none}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%]{display:none;top:0;right:0;padding:0;position:fixed;width:420px;height:100%;z-index:9999}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%]{left:auto;margin-left:0;right:0}}@media screen and (max-width: 543px){.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%]{left:0;margin-left:0;width:100%}}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%]:before{border:10px solid transparent;bottom:100%;content:\"\";left:50%;margin:0 0 0 -10px;position:absolute}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%]:before{left:100%;margin-left:-34px}}@media screen and (max-width: 543px){.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%]:before{display:none}}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > .fechar[_ngcontent-%COMP%]{position:absolute;top:30px;right:30px;font-size:28px;cursor:pointer;opacity:.8}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > .fechar[_ngcontent-%COMP%]:hover{opacity:1}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > h4[_ngcontent-%COMP%]{font-size:24px;font-weight:500;margin:30px 0 30px 38px}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{list-style-type:none;margin:0;height:calc(100% - 170px);overflow-y:auto;border-radius:0 0 4px 4px;padding:0}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]:hover{background:rgba(0,0,0,.05)}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li.disabled[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]{cursor:default!important;opacity:.4}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]:last-child{border-bottom:0}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] dl[_ngcontent-%COMP%]{line-height:20px;padding:5px 0;margin-bottom:0}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] dl[_ngcontent-%COMP%] dt[_ngcontent-%COMP%]{font-weight:600;font-size:13px;margin-bottom:5px}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] dl[_ngcontent-%COMP%] dd[_ngcontent-%COMP%]{font-size:14px;font-weight:500}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]{font-size:14px;font-weight:500;padding:10px 40px!important;align-items:center;display:flex;padding:11px;transition:background .2s ease-in-out;cursor:pointer}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{background:rgba(255,255,255,.1);border-radius:50%;font-size:22px;height:auto;margin-right:11px;padding:7px;width:auto}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item.opened[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item.opened[_ngcontent-%COMP%] .lista-empresas[_ngcontent-%COMP%]{display:block}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item.opened[_ngcontent-%COMP%] ~ .items-overlay[_ngcontent-%COMP%]{transition:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible;opacity:.5}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .items-overlay[_ngcontent-%COMP%]{height:100%;left:0;opacity:0;position:fixed;top:0;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:9998}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%]{width:100%}}.uxc2[_nghost-%COMP%]{background:#fff;border-bottom:1px solid #e4e9f0;display:block;height:70px;left:120px;position:fixed;right:0;top:0;z-index:9998}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%]{left:0}}.uxc2[_nghost-%COMP%] .sessao-clone[_ngcontent-%COMP%]{position:absolute;padding:8px;top:0;background-color:#a80707;z-index:1}.uxc2[_nghost-%COMP%] .sessao-clone[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%]{font-size:10px}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%]{align-items:center;display:flex;flex-wrap:nowrap;height:100%;justify-content:space-between;padding:0 22px}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%]{flex-wrap:wrap}}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%]{cursor:pointer;display:none;height:24px;margin:0;position:relative;transform:rotate(0);width:30px}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%]{display:block}}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{display:block;height:3px;opacity:1;position:absolute;transform:rotate(0);transition:.25s ease-in-out;width:50%}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(even){left:50%}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(odd){left:0}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(1), .uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(2){top:0}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(3), .uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(4){top:10px}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(5), .uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(6){top:20px}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(1), .uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(6){transform:rotate(45deg)}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(2), .uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(5){transform:rotate(-45deg)}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(1){left:3px;top:6px}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(2){left:calc(50% - 3px);top:6px}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(3){left:-50%;opacity:0}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(4){left:100%;opacity:0}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(5){left:3px;top:15px}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(6){left:calc(50% - 3px);top:15px}.uxc2[_nghost-%COMP%] .page-title[_ngcontent-%COMP%]{font-size:1.4rem;font-weight:400;line-height:1;margin:0;width:100%}.uxc2[_nghost-%COMP%] .page-title[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{top:4px;left:0;font-size:1.1em}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%] .page-title[_ngcontent-%COMP%]{display:none}}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%]{display:block;height:100%;margin:0 -5px;text-align:right}@media only screen and (min-width: 544px){.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%]{width:100%}}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%]{align-items:center;display:inline-block;text-align:left;margin:15px 3px 0 0}@media only screen and (min-width: 544px){.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%]{position:relative}}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button{position:relative;cursor:pointer;min-width:40px;padding:0;transition:color .2s ease-in-out}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-wrapper, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-wrapper{display:flex;height:100%;padding:5px;width:100%}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-wrapper .mat-icon, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-wrapper .mat-icon{font-size:22px;height:30px;line-height:30px;vertical-align:top;width:30px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-wrapper .mat-icon .marker, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-wrapper .mat-icon .marker{border-radius:50%;height:6px;position:absolute;right:0;top:0;width:6px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-wrapper .badge, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-wrapper .badge{position:absolute;background:#af1b11;border-radius:8px;font-size:10px;color:#fff;padding:0 5px;line-height:16px;right:0;top:0}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-wrapper .avatar, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-wrapper .avatar{border-radius:50%;height:40px;overflow:hidden;width:40px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-wrapper .name, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-wrapper .name{top:10px;padding-left:10px;white-space:nowrap;line-height:19px;text-align:left;font-size:12px;margin-top:-3px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-wrapper .name label, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-wrapper .name label{display:block;margin:0;font-size:10px;line-height:12px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-wrapper .name span, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-wrapper .name span{top:-3px}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-wrapper .name, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-wrapper .name{display:none}}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-focus-overlay, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-ripple, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-focus-overlay, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-ripple{display:none}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%]{box-shadow:0 5px 10px 2px #00000040;display:none;left:50%;margin:0 0 0 -150px;padding:0;position:absolute;top:100%;width:300px;z-index:9999}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%]{left:auto;margin-left:0;right:0}}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%]{left:0;margin-left:0;width:100%}}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu.calendar[_ngcontent-%COMP%]{left:-34%}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu.calendar[_ngcontent-%COMP%]:before{left:60%}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%]:before{border:10px solid transparent;bottom:100%;content:\"\";left:50%;margin:0 0 0 -10px;position:absolute}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%]:before{left:100%;margin-left:-34px}}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%]:before{display:none}}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .company[_ngcontent-%COMP%] a[_ngcontent-%COMP%], .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .languages[_ngcontent-%COMP%] a[_ngcontent-%COMP%], .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .themesa[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{cursor:pointer!important}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .themes[_ngcontent-%COMP%]{max-height:500px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .pesquisa-rapida[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{color:#fff}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .menu-footer[_ngcontent-%COMP%], .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .menu-title[_ngcontent-%COMP%]{margin:0;padding:11px;text-align:center}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .menu-title[_ngcontent-%COMP%]{border-bottom:1px solid rgba(255,255,255,.1);color:#fff;font-size:16px;line-height:1.3}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .menu-footer[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{color:#fff}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .menu-footer[_ngcontent-%COMP%] a[_ngcontent-%COMP%]:hover{color:#fffc}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{list-style-type:none;margin:0;max-height:241px;overflow:auto;padding:0}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]{border-bottom:1px solid rgba(255,255,255,.05)}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li.disabled[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]{cursor:default!important;opacity:.4}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li.disabled[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]:hover{background:inherit!important}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]:last-child{border-bottom:0}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]{align-items:center;color:#fff;display:flex;padding:11px;transition:background .2s ease-in-out;cursor:pointer}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{background:rgba(255,255,255,.1);border-radius:50%;font-size:22px;height:auto;margin-right:11px;padding:7px;width:auto}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%] .avatar[_ngcontent-%COMP%]{border-radius:50%;height:40px;margin-right:11px;width:40px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%] .content[_ngcontent-%COMP%]{font-size:.85rem}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%] .content[_ngcontent-%COMP%] .desc[_ngcontent-%COMP%]{display:block}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%] .content[_ngcontent-%COMP%] .date[_ngcontent-%COMP%]{display:block;font-size:.75rem;font-style:italic;margin-top:4px;opacity:.6}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%] .content[_ngcontent-%COMP%] .meta[_ngcontent-%COMP%]{align-items:flex-end;display:flex;justify-content:space-between;line-height:1.3;margin-bottom:4px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%] .content[_ngcontent-%COMP%] .meta[_ngcontent-%COMP%] .date[_ngcontent-%COMP%]{margin:0 0 0 11px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu.mini-menu[_ngcontent-%COMP%]{left:auto;right:0;width:220px}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu.mini-menu[_ngcontent-%COMP%]{width:100%}}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu.mini-menu[_ngcontent-%COMP%]:before{display:none}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu.mini-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]{padding-top:8px;padding-bottom:8px;cursor:pointer}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu.mini-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%] .fa[_ngcontent-%COMP%]{margin-right:11px;min-width:15px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item.opened[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%]{display:block}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item.opened[_ngcontent-%COMP%] ~ .items-overlay[_ngcontent-%COMP%]{opacity:1;transition:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .items-overlay[_ngcontent-%COMP%]{height:100%;left:0;opacity:0;position:fixed;top:0;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:9998}"] });
|
|
7927
|
+
} }, dependencies: [i1$3.NgClass, i1$3.NgForOf, i1$3.NgIf, i4.MatIcon, i13.MatButton, i7.MatProgressBar, i15.MatTooltip, i1$2.RouterLink, InfoSafeHtmlDirective, InfoTranslatePipe], styles: ["body[_ngcontent-%COMP%]{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}.topmenu[_nghost-%COMP%]{border-bottom-width:0!important;box-shadow:none!important}.uxc3[_nghost-%COMP%]{transition:left .2s ease-in-out;display:block;height:85px;left:0;position:fixed;right:0;top:0;z-index:9998}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%]{left:0}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%]{width:100%}.uxc3[_nghost-%COMP%] .logo[_ngcontent-%COMP%]{position:absolute;top:17px}.uxc3[_nghost-%COMP%] .logo[_ngcontent-%COMP%] .logo-img[_ngcontent-%COMP%]{display:none!important}.uxc3[_nghost-%COMP%] .logo[_ngcontent-%COMP%] .logo-img-resp[_ngcontent-%COMP%]{display:block!important;height:45px!important}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%]{position:absolute;top:70px!important;left:-100%;width:calc(100% + 6px);border-right:none!important;padding-left:25px!important;padding-top:15px!important;transition:left .2s ease-in-out}.uxc3[_nghost-%COMP%] .usuario-logado.menu-aberto[_ngcontent-%COMP%]{left:0%}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%] dl[_ngcontent-%COMP%]{text-align:left!important}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%] dl[_ngcontent-%COMP%] dt[_ngcontent-%COMP%]{display:inline-block;font-size:14px}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%] dl[_ngcontent-%COMP%] dd[_ngcontent-%COMP%]{position:relative;display:inline-block;padding-right:20px;margin-right:5px}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%] dl[_ngcontent-%COMP%] dd[_ngcontent-%COMP%]:after{position:absolute;top:2px;right:0;content:\"-\";width:10px;height:10px}.uxc3[_nghost-%COMP%] .selecao-empresa[_ngcontent-%COMP%]{position:absolute;top:115px!important;left:-100%;width:calc(100% + 6px);margin:0!important;padding:5px 15px 6px 25px;transition:left .2s ease-in-out}.uxc3[_nghost-%COMP%] .selecao-empresa.menu-aberto[_ngcontent-%COMP%]{left:0%}.uxc3[_nghost-%COMP%] .selecao-empresa[_ngcontent-%COMP%] button[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .selecao-empresa[_ngcontent-%COMP%] dl[_ngcontent-%COMP%]{width:100%!important}}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%]{align-items:center;display:flex;flex-wrap:nowrap;height:100%;justify-content:space-between;padding:0 22px}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%]{flex-wrap:wrap}}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .logo[_ngcontent-%COMP%]{display:block;height:60px;width:500px}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .logo[_ngcontent-%COMP%] .logo-img[_ngcontent-%COMP%]{display:block;height:100%;width:100%}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .logo[_ngcontent-%COMP%] .logo-img-resp[_ngcontent-%COMP%]{display:none;height:100%;width:100%}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%]{cursor:pointer;display:none;height:24px;margin:0;position:absolute;transform:rotate(0);width:35px;top:20px;left:70px}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%]{display:block}}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] sub[_ngcontent-%COMP%]{position:absolute;bottom:-10px;text-transform:uppercase}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{display:block;height:3px;opacity:1;position:absolute;transform:rotate(0);transition:.25s ease-in-out;width:50%;top:10px}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(even){left:50%}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(odd){left:0}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(1), .uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(2){top:0}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(3), .uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(4){top:10px}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(5), .uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(6){top:20px}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(1), .uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(6){transform:rotate(45deg)}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(2), .uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(5){transform:rotate(-45deg)}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(1){left:2px;top:6px}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(2){left:calc(50% - 7px);top:6px}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(3){left:-50%;opacity:0}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(4){left:100%;opacity:0}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(5){left:2px;top:15px}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(6){left:calc(50% - 7px);top:15px}.uxc3[_nghost-%COMP%] dl[_ngcontent-%COMP%]{line-height:20px;text-transform:none;transition:border .2s ease-in-out}.uxc3[_nghost-%COMP%] dl[_ngcontent-%COMP%] dt[_ngcontent-%COMP%]{font-size:10px;font-weight:500;transition:color .2s ease-in-out}.uxc3[_nghost-%COMP%] dl[_ngcontent-%COMP%] dd[_ngcontent-%COMP%]{position:relative;top:0;font-size:14px;font-weight:600;margin-bottom:0;transition:color .2s ease-in-out}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .selecao-empresa[_ngcontent-%COMP%]{top:-1px;padding:5px 20px 5px 0;cursor:pointer}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%] dl[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .selecao-empresa[_ngcontent-%COMP%] dl[_ngcontent-%COMP%]{top:5px;margin:0}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%] dl[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .selecao-empresa[_ngcontent-%COMP%] dl[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{position:absolute;font-size:22px;top:17px;right:0;text-align:center}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%]{padding-left:10px}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%] dl[_ngcontent-%COMP%]{text-align:right}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%] dl[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{left:0}.uxc3[_nghost-%COMP%] .selecao-empresa[_ngcontent-%COMP%]{padding-left:20px}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%]{display:block;height:100%;margin:0 -5px;text-align:right}@media screen and (min-width: 544px){.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%]{width:100%}}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%]{display:block;top:0;position:absolute;right:10px}}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%]{align-items:center;display:inline-block;text-align:left;margin:15px 3px 0 0}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%]{position:relative;cursor:pointer;min-width:40px;padding:0;transition:color .2s ease-in-out;top:-14px}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button[_ngcontent-%COMP%] .mat-button-wrapper[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%] .mat-button-wrapper[_ngcontent-%COMP%]{display:flex;height:100%;padding:5px;width:100%}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button[_ngcontent-%COMP%] .mat-button-wrapper[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%] .mat-button-wrapper[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{font-size:24px;height:auto!important;line-height:auto!important;vertical-align:middle;width:auto!important}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button[_ngcontent-%COMP%] .mat-button-wrapper[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%] .marker[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%] .mat-button-wrapper[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%] .marker[_ngcontent-%COMP%]{border-radius:50%;height:6px;position:absolute;right:0;top:0;width:6px}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button[_ngcontent-%COMP%] .mat-button-wrapper[_ngcontent-%COMP%] .badge[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%] .mat-button-wrapper[_ngcontent-%COMP%] .badge[_ngcontent-%COMP%]{position:absolute;background:#af1b11;border-radius:8px;font-size:10px;color:#fff;padding:0 5px;line-height:16px;right:0;top:0}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button[_ngcontent-%COMP%] .mat-button-focus-overlay[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button[_ngcontent-%COMP%] .mat-button-ripple[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%] .mat-button-focus-overlay[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%] .mat-button-ripple[_ngcontent-%COMP%]{display:none}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%]{display:none;top:0;right:0;padding:0;position:fixed;width:420px;height:100%;z-index:9999}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%]{left:auto;margin-left:0;right:0}}@media screen and (max-width: 543px){.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%]{left:0;margin-left:0;width:100%}}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%]:before{border:10px solid transparent;bottom:100%;content:\"\";left:50%;margin:0 0 0 -10px;position:absolute}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%]:before{left:100%;margin-left:-34px}}@media screen and (max-width: 543px){.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%]:before{display:none}}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > .fechar[_ngcontent-%COMP%]{position:absolute;top:30px;right:30px;font-size:28px;cursor:pointer;opacity:.8}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > .fechar[_ngcontent-%COMP%]:hover{opacity:1}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > h4[_ngcontent-%COMP%]{font-size:24px;font-weight:500;margin:30px 0 30px 38px}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{list-style-type:none;margin:0;height:calc(100% - 170px);overflow-y:auto;border-radius:0 0 4px 4px;padding:0}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]:hover{background:rgba(0,0,0,.05)}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li.disabled[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]{cursor:default!important;opacity:.4}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]:last-child{border-bottom:0}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] dl[_ngcontent-%COMP%]{line-height:20px;padding:5px 0;margin-bottom:0}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] dl[_ngcontent-%COMP%] dt[_ngcontent-%COMP%]{font-weight:600;font-size:13px;margin-bottom:5px}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] dl[_ngcontent-%COMP%] dd[_ngcontent-%COMP%]{font-size:14px;font-weight:500}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]{font-size:14px;font-weight:500;padding:10px 40px!important;align-items:center;display:flex;padding:11px;transition:background .2s ease-in-out;cursor:pointer}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{background:rgba(255,255,255,.1);border-radius:50%;font-size:22px;height:auto;margin-right:11px;padding:7px;width:auto}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item.opened[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item.opened[_ngcontent-%COMP%] .lista-empresas[_ngcontent-%COMP%]{display:block}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item.opened[_ngcontent-%COMP%] ~ .items-overlay[_ngcontent-%COMP%]{transition:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible;opacity:.5}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .items-overlay[_ngcontent-%COMP%]{height:100%;left:0;opacity:0;position:fixed;top:0;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:9998}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%]{width:100%}}.uxc2[_nghost-%COMP%]{background:#fff;border-bottom:1px solid #e4e9f0;display:block;height:70px;left:120px;position:fixed;right:0;top:0;z-index:9998}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%]{left:0}}.uxc2[_nghost-%COMP%] .sessao-clone[_ngcontent-%COMP%]{position:absolute;padding:8px;top:0;background-color:#a80707;z-index:1}.uxc2[_nghost-%COMP%] .sessao-clone[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%]{font-size:10px}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%]{align-items:center;display:flex;flex-wrap:nowrap;height:100%;justify-content:space-between;padding:0 22px}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%]{flex-wrap:wrap}}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%]{cursor:pointer;display:none;height:24px;margin:0;position:relative;transform:rotate(0);width:30px}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%]{display:block}}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{display:block;height:3px;opacity:1;position:absolute;transform:rotate(0);transition:.25s ease-in-out;width:50%}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(even){left:50%}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(odd){left:0}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(1), .uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(2){top:0}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(3), .uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(4){top:10px}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(5), .uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(6){top:20px}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(1), .uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(6){transform:rotate(45deg)}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(2), .uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(5){transform:rotate(-45deg)}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(1){left:3px;top:6px}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(2){left:calc(50% - 3px);top:6px}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(3){left:-50%;opacity:0}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(4){left:100%;opacity:0}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(5){left:3px;top:15px}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(6){left:calc(50% - 3px);top:15px}.uxc2[_nghost-%COMP%] .page-title[_ngcontent-%COMP%]{font-size:1.4rem;font-weight:400;line-height:1;margin:0;width:100%}.uxc2[_nghost-%COMP%] .page-title[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{top:4px;left:0;font-size:1.1em}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%] .page-title[_ngcontent-%COMP%]{display:none}}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%]{display:block;height:100%;margin:0 -5px;text-align:right}@media only screen and (min-width: 544px){.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%]{width:100%}}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%]{align-items:center;display:inline-block;text-align:left;margin:15px 3px 0 0}@media only screen and (min-width: 544px){.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%]{position:relative}}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button{position:relative;cursor:pointer;min-width:40px;padding:0;transition:color .2s ease-in-out}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-wrapper, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-wrapper{display:flex;height:100%;padding:5px;width:100%}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-wrapper .mat-icon, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-wrapper .mat-icon{font-size:22px;height:30px;line-height:30px;vertical-align:top;width:30px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-wrapper .mat-icon .marker, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-wrapper .mat-icon .marker{border-radius:50%;height:6px;position:absolute;right:0;top:0;width:6px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-wrapper .badge, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-wrapper .badge{position:absolute;background:#af1b11;border-radius:8px;font-size:10px;color:#fff;padding:0 5px;line-height:16px;right:0;top:0}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-wrapper .avatar, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-wrapper .avatar{border-radius:50%;height:40px;overflow:hidden;width:40px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-wrapper .name, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-wrapper .name{top:10px;padding-left:10px;white-space:nowrap;line-height:19px;text-align:left;font-size:12px;margin-top:-3px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-wrapper .name label, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-wrapper .name label{display:block;margin:0;font-size:10px;line-height:12px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-wrapper .name span, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-wrapper .name span{top:-3px}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-wrapper .name, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-wrapper .name{display:none}}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-focus-overlay, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-ripple, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-focus-overlay, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-ripple{display:none}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%]{box-shadow:0 5px 10px 2px #00000040;display:none;left:50%;margin:0 0 0 -150px;padding:0;position:absolute;top:100%;width:300px;z-index:9999}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%]{left:auto;margin-left:0;right:0}}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%]{left:0;margin-left:0;width:100%}}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu.calendar[_ngcontent-%COMP%]{left:-34%}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu.calendar[_ngcontent-%COMP%]:before{left:60%}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%]:before{border:10px solid transparent;bottom:100%;content:\"\";left:50%;margin:0 0 0 -10px;position:absolute}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%]:before{left:100%;margin-left:-34px}}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%]:before{display:none}}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .company[_ngcontent-%COMP%] a[_ngcontent-%COMP%], .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .languages[_ngcontent-%COMP%] a[_ngcontent-%COMP%], .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .themesa[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{cursor:pointer!important}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .themes[_ngcontent-%COMP%]{max-height:500px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .pesquisa-rapida[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{color:#fff}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .menu-footer[_ngcontent-%COMP%], .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .menu-title[_ngcontent-%COMP%]{margin:0;padding:11px;text-align:center}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .menu-title[_ngcontent-%COMP%]{border-bottom:1px solid rgba(255,255,255,.1);color:#fff;font-size:16px;line-height:1.3}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .menu-footer[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{color:#fff}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .menu-footer[_ngcontent-%COMP%] a[_ngcontent-%COMP%]:hover{color:#fffc}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{list-style-type:none;margin:0;max-height:241px;overflow:auto;padding:0}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]{border-bottom:1px solid rgba(255,255,255,.05)}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li.disabled[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]{cursor:default!important;opacity:.4}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li.disabled[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]:hover{background:inherit!important}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]:last-child{border-bottom:0}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]{align-items:center;color:#fff;display:flex;padding:11px;transition:background .2s ease-in-out;cursor:pointer}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{background:rgba(255,255,255,.1);border-radius:50%;font-size:22px;height:auto;margin-right:11px;padding:7px;width:auto}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%] .avatar[_ngcontent-%COMP%]{border-radius:50%;height:40px;margin-right:11px;width:40px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%] .content[_ngcontent-%COMP%]{font-size:.85rem}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%] .content[_ngcontent-%COMP%] .desc[_ngcontent-%COMP%]{display:block}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%] .content[_ngcontent-%COMP%] .date[_ngcontent-%COMP%]{display:block;font-size:.75rem;font-style:italic;margin-top:4px;opacity:.6}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%] .content[_ngcontent-%COMP%] .meta[_ngcontent-%COMP%]{align-items:flex-end;display:flex;justify-content:space-between;line-height:1.3;margin-bottom:4px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%] .content[_ngcontent-%COMP%] .meta[_ngcontent-%COMP%] .date[_ngcontent-%COMP%]{margin:0 0 0 11px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu.mini-menu[_ngcontent-%COMP%]{left:auto;right:0;width:220px}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu.mini-menu[_ngcontent-%COMP%]{width:100%}}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu.mini-menu[_ngcontent-%COMP%]:before{display:none}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu.mini-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]{padding-top:8px;padding-bottom:8px;cursor:pointer}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu.mini-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%] .fa[_ngcontent-%COMP%]{margin-right:11px;min-width:15px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item.opened[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%]{display:block}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item.opened[_ngcontent-%COMP%] ~ .items-overlay[_ngcontent-%COMP%]{opacity:1;transition:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .items-overlay[_ngcontent-%COMP%]{height:100%;left:0;opacity:0;position:fixed;top:0;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:9998}"] });
|
|
7928
7928
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoTopbarComponent, [{
|
|
7929
7929
|
type: Component,
|
|
7930
|
-
args: [{ selector: 'info-topbar', template: "<ng-container *ngIf=\"_platform.Config.ux >= 3\">\r\n <div class=\"site-navbar\">\r\n <a class=\"logo\" >\r\n <i class=\"logo-img\"></i>\r\n <i class=\"logo-img-resp\"></i>\r\n </a>\r\n \r\n <div class=\"nav-items\">\r\n <div class=\"nav-item usuario-logado\" [class.separador]=\"_session.Empresas.length > 1 || _session.Unidades\" [ngClass]=\"{ 'opened' : topMenu.cliente }\">\r\n <dl (click)=\"(_session.Clientes || []).length > 1 ? open('cliente') : null\">\r\n <dt>{{ _session.Perfil }}</dt>\r\n <dd>{{ _session.Usuario }}</dd>\r\n </dl>\r\n\r\n <div class=\"menu-lateral-direita\">\r\n <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n <h4>{{ 'Clientes' | translate }}</h4>\r\n \r\n <ul class=\"empresas\">\r\n <li *ngFor=\"let client of _session.Clientes\" >\r\n <a (click)=\"setClient(client); divModal.click();\">{{ client.Nome }}</a>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n\r\n <div class=\"nav-item selecao-empresa\" *ngIf=\"_session.Empresas.length > 1\" [ngClass]=\"{ 'opened' : topMenu.empresa }\">\r\n <dl (click)=\"open('empresa')\">\r\n <dt>{{ 'Empresa' | translate }}</dt>\r\n <dd>{{ _session.Empresa }}</dd>\r\n </dl>\r\n \r\n <div class=\"menu-lateral-direita\">\r\n <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n <h4>{{ 'Empresas' | translate }}</h4>\r\n \r\n <ul class=\"empresas\">\r\n <li *ngFor=\"let company of _session.Empresas\" >\r\n <a (click)=\"setCompany(company); divModal.click();\">{{ company.Nome }}</a>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n\r\n <div class=\"nav-item selecao-empresa\" *ngIf=\"_session.Unidade && (_session.Unidades || []).length > 1\" [ngClass]=\"{ 'opened' : topMenu.unidade }\">\r\n <dl (click)=\"open('unidade')\">\r\n <dt>{{ 'Unidade' | translate }}</dt>\r\n <dd>{{ _session.Unidade }}</dd>\r\n </dl>\r\n \r\n <div class=\"menu-lateral-direita\">\r\n <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n <h4>{{ 'Unidades' | translate }}</h4>\r\n \r\n <ul class=\"empresas\">\r\n <li *ngFor=\"let unity of _session.Unidades\" >\r\n <a (click)=\"setUnity(unity); divModal.click();\">{{ unity.Nome }}</a>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n\r\n <div class=\"nav-item selecao-infoia\" [ngClass]=\"{ 'opened': topMenu.infoia }\" *ngIf=\"enabledia\">\r\n <button mat-icon-button (click)=\"open('infoia')\" [matTooltip]=\"'Info IA' | translate\">\r\n <label>{{ 'InfoIA' | translate }}</label>\r\n <mat-icon>diversity_2</mat-icon>\r\n </button>\r\n \r\n <div class=\"menu-lateral-direita infoia\">\r\n <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n <h4>{{ 'InfoIA' | translate }}</h4>\r\n <div>\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"nav-item\">\r\n <button mat-icon-button (click)=\"navigate(profileurl)\" [matTooltip]=\"'MeuPerfil' | translate\">\r\n <mat-icon>person</mat-icon>\r\n </button>\r\n </div>\r\n \r\n <div class=\"nav-item\" *ngIf=\"fastsearchform\">\r\n <button mat-icon-button (click)=\"openFastSearch()\" [matTooltip]=\"fastsearchtitle | translate\">\r\n <mat-icon>search</mat-icon>\r\n </button>\r\n </div>\r\n \r\n <div class=\"nav-item\" [ngClass]=\"{ 'opened' : topMenu.notificacao }\" *ngIf=\"notificationapi\">\r\n <button mat-icon-button (click)=\"setNotificationStatus(true, false, false);open('notificacao')\" [matTooltip]=\"'Notificacoes' | translate\"><mat-icon>notifications_none</mat-icon>\r\n <span class=\"badge\" *ngIf=\"notifications.Count > 0\">{{ notifications.Count }}</span>\r\n </button>\r\n \r\n <div class=\"menu-lateral-direita\" >\r\n <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n <h4>{{ 'Notificacoes' | translate }}</h4>\r\n \r\n <ul>\r\n <li *ngIf=\"notifications.Itens.length == 0\">\r\n <a style=\"cursor: default;\">\r\n <mat-icon>notifications</mat-icon>\r\n <div class=\"content\">\r\n <span>{{ 'TNotificacoesNenhuma' | translate }}</span>\r\n </div>\r\n </a>\r\n </li>\r\n \r\n <ng-container *ngIf=\"notifications.Itens.length > 0\">\r\n <li *ngFor=\"let item of notifications.Itens\">\r\n <a (click)=\"navigate(item.Url);close()\">\r\n <dl>\r\n <dt>{{ 'Dia' | translate }} {{ item.Date }}</dt>\r\n <dd [innerHtml]=\"item.Description | translate\"></dd>\r\n </dl>\r\n </a>\r\n </li>\r\n </ng-container>\r\n </ul>\r\n </div>\r\n </div>\r\n \r\n <!-- <div class=\"nav-item\">\r\n <button mat-icon-button (click)=\"alternarModo()\" [matTooltip]=\"'AlternarModo' | translate\"><mat-icon>brightness_6</mat-icon></button>\r\n </div> -->\r\n \r\n <div class=\"nav-item selecao-tema\" [ngClass]=\"{ 'opened': topMenu.tema }\" *ngIf=\"!prodution && themes.length > 0\">\r\n <button mat-icon-button (click)=\"open('tema')\" [matTooltip]=\"'Tema' | translate\"><mat-icon>invert_colors</mat-icon></button>\r\n \r\n <div class=\"menu-lateral-direita\">\r\n <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n <h4>{{ 'Temas' | translate }}</h4>\r\n \r\n <ul class=\"temas\">\r\n <li *ngFor=\"let theme of themes\">\r\n <a (click)=\"setTheme(theme.name); divModal.click();\"> {{ theme.description | translate }}</a>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n \r\n <div class=\"nav-item\" *ngIf=\"_platform.Config.enabledPrime\">\r\n <button mat-icon-button [matTooltip]=\"(_platform.ModoPrime ? 'ModoPadrao' : 'Prime') | translate\" (click)=\"toggleMode()\"><mat-icon>brightness_6</mat-icon></button>\r\n </div>\r\n \r\n <div class=\"nav-item selecao-idioma\" [ngClass]=\"{ 'opened': topMenu.idioma }\" *ngIf=\"languages.length > 0\">\r\n <button mat-icon-button (click)=\"open('idioma')\" [matTooltip]=\"'Idioma' | translate\"><mat-icon>public</mat-icon></button>\r\n \r\n <div class=\"menu-lateral-direita\">\r\n <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n <h4>{{ 'Idiomas' | translate }}</h4>\r\n \r\n <ul class=\"idiomas\">\r\n <li *ngFor=\"let lang of languages\">\r\n <a (click)=\"setLanguage(lang.lang); divModal.click();\">{{ lang.name | translate }}</a>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n \r\n <div class=\"nav-item\">\r\n <button mat-icon-button [matTooltip]=\"'Sair' | translate\" (click)=\"logout()\"><mat-icon>power_settings_new</mat-icon></button>\r\n </div>\r\n \r\n <div class=\"items-overlay\" (click)=\"close()\" #divModal></div>\r\n </div>\r\n \r\n <div class=\"navbar-button\" [ngClass]=\"{ 'open' : opened }\" (click)=\"openSidebar()\">\r\n <span></span>\r\n <span></span>\r\n <span></span>\r\n <span></span>\r\n <span></span>\r\n <span></span>\r\n </div>\r\n </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"_platform.Config.ux <= 2\">\r\n <div class=\"site-navbar\">\r\n <div class=\"sessao-clone text-lightgray\" *ngIf=\"_session.Clone\">\r\n <div><label>({{ 'ModoClone' | translate }})</label></div>\r\n </div>\r\n\r\n <div class=\"navbar-button\" [ngClass]=\"{ 'open' : opened }\" (click)=\"openSidebar()\">\r\n <span></span>\r\n <span></span>\r\n <span></span>\r\n <span></span>\r\n <span></span>\r\n <span></span>\r\n </div>\r\n\r\n <h1 id=\"page-title\" class=\"page-title\" *ngIf=\"_platform.PaginaAtiva\">\r\n <mat-icon>{{ _platform.PaginaAtiva.Icone }}</mat-icon> {{ _platform.PaginaAtiva.Titulo | translate }}\r\n </h1>\r\n\r\n <div class=\"nav-items\">\r\n <div class=\"nav-item user-profile\" [ngClass]=\"{ 'opened' : topMenu.empresa }\">\r\n <button mat-button (click)=\"open('empresa')\">\r\n <mat-icon>fingerprint</mat-icon>\r\n <div class=\"name\">\r\n <label>{{ \"Empresa\" | translate }}</label>\r\n <span>{{ _session.Empresa }}</span>\r\n </div>\r\n </button>\r\n\r\n <div class=\"dropdown-menu\">\r\n <h4 class=\"menu-title\">{{ 'Empresa' | translate }}</h4>\r\n\r\n <ul class=\"company\">\r\n <li *ngFor=\"let company of _session.Empresas\" >\r\n <a (click)=\"setCompany(company); divModal.click();\">{{ company.Nome }}</a>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n\r\n <div class=\"nav-item\" [ngClass]=\"{ 'opened' : topMenu.notificacao }\" *ngIf=\"notificationapi\">\r\n <button mat-icon-button (click)=\"setNotificationStatus(true, false, false);open('notificacao')\" [matTooltip]=\"'Notificacoes' | translate\"><mat-icon>notifications_none</mat-icon>\r\n <span class=\"badge\" *ngIf=\"notifications.Count > 0\">{{ notifications.Count }}</span>\r\n </button>\r\n\r\n <div class=\"dropdown-menu\">\r\n <h4 class=\"menu-title\">{{ 'Notificacoes' | translate }}</h4>\r\n\r\n <ul>\r\n <li *ngIf=\"notifications.Itens.length == 0\">\r\n <a style=\"cursor: default;\">\r\n <mat-icon>notifications_off</mat-icon>\r\n <div class=\"content\">\r\n <span>{{ 'TNotificacoesNenhuma' | translate }}</span>\r\n </div>\r\n </a>\r\n </li>\r\n\r\n <ng-container *ngIf=\"notifications.Itens.length > 0\">\r\n <li *ngFor=\"let item of notifications.Itens\">\r\n <a (click)=\"navigate(item.Url);close()\">\r\n <mat-icon>{{ item.Icon }}</mat-icon>\r\n <div class=\"content\">\r\n <span class=\"desc\" [innerHtml]=\"item.Description | translate\"></span>\r\n <span class=\"date\">{{ item.Date }}</span>\r\n </div>\r\n </a>\r\n </li>\r\n </ng-container>\r\n </ul>\r\n </div>\r\n </div>\r\n\r\n <div class=\"nav-item\" [ngClass]=\"{ 'opened': topMenu.idioma }\" *ngIf=\"languages.length > 0\">\r\n <button mat-icon-button (click)=\"open('idioma')\" [matTooltip]=\"'Idioma' | translate\"><mat-icon>public</mat-icon></button>\r\n <div class=\"dropdown-menu\">\r\n <h4 class=\"menu-title\">{{ 'Idioma' | translate }}</h4>\r\n <ul class=\"languages\">\r\n <li *ngFor=\"let lang of languages\">\r\n <a (click)=\"setLanguage(lang.lang); divModal.click();\">{{ lang.name | translate }}</a>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n\r\n <div class=\"nav-item\" [ngClass]=\"{ 'opened': topMenu.tema }\" *ngIf=\"!prodution && themes.length > 0\">\r\n <button mat-icon-button (click)=\"open('tema')\" [matTooltip]=\"'Tema' | translate\"><mat-icon>invert_colors</mat-icon></button>\r\n <div class=\"dropdown-menu\">\r\n <h4 class=\"menu-title\">{{ 'Temas' | translate }}</h4>\r\n <ul class=\"themes\">\r\n <li *ngFor=\"let theme of themes\">\r\n <a (click)=\"setTheme(theme.name); divModal.click();\"> {{ theme.description | translate }}</a>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n \r\n <div class=\"nav-item\" *ngIf=\"fastsearchform\">\r\n <button mat-icon-button (click)=\"openFastSearch()\" [matTooltip]=\"fastsearchtitle | translate\">\r\n <mat-icon>search</mat-icon>\r\n </button>\r\n </div>\r\n\r\n <div class=\"nav-item\" *ngIf=\"profileurl != ''\">\r\n <button mat-icon-button [matTooltip]=\"'MeuPerfil' | translate\" [routerLink]=\"profileurl\"><mat-icon>person</mat-icon></button>\r\n </div>\r\n\r\n <div class=\"nav-item\">\r\n <button mat-icon-button [matTooltip]=\"'Sair' | translate\" (click)=\"logout()\"><mat-icon>power_settings_new</mat-icon></button>\r\n </div>\r\n\r\n <div class=\"items-overlay\" (click)=\"close()\" #divModal></div>\r\n </div>\r\n </div>\r\n</ng-container>\r\n\r\n<section class=\"loading-bar\" *ngIf=\"loading\"><mat-progress-bar color=\"primary\" mode=\"indeterminate\"></mat-progress-bar></section>\r\n<div class=\"block\" *ngIf=\"loading\"></div>", styles: ["body{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}:host.topmenu{border-bottom-width:0!important;box-shadow:none!important}:host.uxc3{transition:left .2s ease-in-out;display:block;height:85px;left:0;position:fixed;right:0;top:0;z-index:9998}@media screen and (max-width: 991px){:host.uxc3{left:0}:host.uxc3 .nav-items{width:100%}:host.uxc3 .logo{position:absolute;top:17px}:host.uxc3 .logo .logo-img{display:none!important}:host.uxc3 .logo .logo-img-resp{display:block!important;height:45px!important}:host.uxc3 .usuario-logado{position:absolute;top:70px!important;left:-100%;width:calc(100% + 6px);border-right:none!important;padding-left:25px!important;padding-top:15px!important;transition:left .2s ease-in-out}:host.uxc3 .usuario-logado.menu-aberto{left:0%}:host.uxc3 .usuario-logado dl{text-align:left!important}:host.uxc3 .usuario-logado dl dt{display:inline-block;font-size:14px}:host.uxc3 .usuario-logado dl dd{position:relative;display:inline-block;padding-right:20px;margin-right:5px}:host.uxc3 .usuario-logado dl dd:after{position:absolute;top:2px;right:0;content:\"-\";width:10px;height:10px}:host.uxc3 .selecao-empresa{position:absolute;top:115px!important;left:-100%;width:calc(100% + 6px);margin:0!important;padding:5px 15px 6px 25px;transition:left .2s ease-in-out}:host.uxc3 .selecao-empresa.menu-aberto{left:0%}:host.uxc3 .selecao-empresa button,:host.uxc3 .selecao-empresa dl{width:100%!important}}:host.uxc3 .site-navbar{align-items:center;display:flex;flex-wrap:nowrap;height:100%;justify-content:space-between;padding:0 22px}@media screen and (max-width: 991px){:host.uxc3 .site-navbar{flex-wrap:wrap}}:host.uxc3 .site-navbar .logo{display:block;height:60px;width:500px}:host.uxc3 .site-navbar .logo .logo-img{display:block;height:100%;width:100%}:host.uxc3 .site-navbar .logo .logo-img-resp{display:none;height:100%;width:100%}:host.uxc3 .site-navbar .navbar-button{cursor:pointer;display:none;height:24px;margin:0;position:absolute;transform:rotate(0);width:35px;top:20px;left:70px}@media screen and (max-width: 991px){:host.uxc3 .site-navbar .navbar-button{display:block}}:host.uxc3 .site-navbar .navbar-button sub{position:absolute;bottom:-10px;text-transform:uppercase}:host.uxc3 .site-navbar .navbar-button span{display:block;height:3px;opacity:1;position:absolute;transform:rotate(0);transition:.25s ease-in-out;width:50%;top:10px}:host.uxc3 .site-navbar .navbar-button span:nth-child(even){left:50%}:host.uxc3 .site-navbar .navbar-button span:nth-child(odd){left:0}:host.uxc3 .site-navbar .navbar-button span:nth-child(1),:host.uxc3 .site-navbar .navbar-button span:nth-child(2){top:0}:host.uxc3 .site-navbar .navbar-button span:nth-child(3),:host.uxc3 .site-navbar .navbar-button span:nth-child(4){top:10px}:host.uxc3 .site-navbar .navbar-button span:nth-child(5),:host.uxc3 .site-navbar .navbar-button span:nth-child(6){top:20px}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(1),:host.uxc3 .site-navbar .navbar-button.open span:nth-child(6){transform:rotate(45deg)}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(2),:host.uxc3 .site-navbar .navbar-button.open span:nth-child(5){transform:rotate(-45deg)}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(1){left:2px;top:6px}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(2){left:calc(50% - 7px);top:6px}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(3){left:-50%;opacity:0}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(4){left:100%;opacity:0}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(5){left:2px;top:15px}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(6){left:calc(50% - 7px);top:15px}:host.uxc3 dl{line-height:20px;text-transform:none;transition:border .2s ease-in-out}:host.uxc3 dl dt{font-size:10px;font-weight:500;transition:color .2s ease-in-out}:host.uxc3 dl dd{position:relative;top:0;font-size:14px;font-weight:600;margin-bottom:0;transition:color .2s ease-in-out}:host.uxc3 .usuario-logado,:host.uxc3 .selecao-empresa{top:-1px;padding:5px 20px 5px 0;cursor:pointer}:host.uxc3 .usuario-logado dl,:host.uxc3 .selecao-empresa dl{top:5px;margin:0}:host.uxc3 .usuario-logado dl mat-icon,:host.uxc3 .selecao-empresa dl mat-icon{position:absolute;font-size:22px;top:17px;right:0;text-align:center}:host.uxc3 .usuario-logado{padding-left:10px}:host.uxc3 .usuario-logado dl{text-align:right}:host.uxc3 .usuario-logado dl mat-icon{left:0}:host.uxc3 .selecao-empresa{padding-left:20px}:host.uxc3 .nav-items{display:block;height:100%;margin:0 -5px;text-align:right}@media screen and (min-width: 544px){:host.uxc3 .nav-items{width:100%}}@media screen and (max-width: 991px){:host.uxc3 .nav-items{display:block;top:0;position:absolute;right:10px}}:host.uxc3 .nav-items .nav-item{align-items:center;display:inline-block;text-align:left;margin:15px 3px 0 0}:host.uxc3 .nav-items .nav-item .mat-button,:host.uxc3 .nav-items .nav-item .mat-icon-button{position:relative;cursor:pointer;min-width:40px;padding:0;transition:color .2s ease-in-out;top:-14px}:host.uxc3 .nav-items .nav-item .mat-button .mat-button-wrapper,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-wrapper{display:flex;height:100%;padding:5px;width:100%}:host.uxc3 .nav-items .nav-item .mat-button .mat-button-wrapper .mat-icon,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-wrapper .mat-icon{font-size:24px;height:auto!important;line-height:auto!important;vertical-align:middle;width:auto!important}:host.uxc3 .nav-items .nav-item .mat-button .mat-button-wrapper .mat-icon .marker,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-wrapper .mat-icon .marker{border-radius:50%;height:6px;position:absolute;right:0;top:0;width:6px}:host.uxc3 .nav-items .nav-item .mat-button .mat-button-wrapper .badge,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-wrapper .badge{position:absolute;background:#af1b11;border-radius:8px;font-size:10px;color:#fff;padding:0 5px;line-height:16px;right:0;top:0}:host.uxc3 .nav-items .nav-item .mat-button .mat-button-focus-overlay,:host.uxc3 .nav-items .nav-item .mat-button .mat-button-ripple,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-focus-overlay,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-ripple{display:none}:host.uxc3 .nav-items .nav-item .menu-lateral-direita{display:none;top:0;right:0;padding:0;position:fixed;width:420px;height:100%;z-index:9999}@media screen and (max-width: 991px){:host.uxc3 .nav-items .nav-item .menu-lateral-direita{left:auto;margin-left:0;right:0}}@media screen and (max-width: 543px){:host.uxc3 .nav-items .nav-item .menu-lateral-direita{left:0;margin-left:0;width:100%}}:host.uxc3 .nav-items .nav-item .menu-lateral-direita:before{border:10px solid transparent;bottom:100%;content:\"\";left:50%;margin:0 0 0 -10px;position:absolute}@media screen and (max-width: 991px){:host.uxc3 .nav-items .nav-item .menu-lateral-direita:before{left:100%;margin-left:-34px}}@media screen and (max-width: 543px){:host.uxc3 .nav-items .nav-item .menu-lateral-direita:before{display:none}}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>.fechar{position:absolute;top:30px;right:30px;font-size:28px;cursor:pointer;opacity:.8}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>.fechar:hover{opacity:1}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>h4{font-size:24px;font-weight:500;margin:30px 0 30px 38px}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul{list-style-type:none;margin:0;height:calc(100% - 170px);overflow-y:auto;border-radius:0 0 4px 4px;padding:0}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li:hover{background:rgba(0,0,0,.05)}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li.disabled>a{cursor:default!important;opacity:.4}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li:last-child{border-bottom:0}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li dl{line-height:20px;padding:5px 0;margin-bottom:0}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li dl dt{font-weight:600;font-size:13px;margin-bottom:5px}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li dl dd{font-size:14px;font-weight:500}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li>a{font-size:14px;font-weight:500;padding:10px 40px!important;align-items:center;display:flex;padding:11px;transition:background .2s ease-in-out;cursor:pointer}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li>a .mat-icon{background:rgba(255,255,255,.1);border-radius:50%;font-size:22px;height:auto;margin-right:11px;padding:7px;width:auto}:host.uxc3 .nav-items .nav-item.opened .menu-lateral-direita,:host.uxc3 .nav-items .nav-item.opened .lista-empresas{display:block}:host.uxc3 .nav-items .nav-item.opened~.items-overlay{transition:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible;opacity:.5}:host.uxc3 .nav-items .items-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:9998}@media screen and (max-width: 991px){:host.uxc3{width:100%}}:host.uxc2{background:#fff;border-bottom:1px solid #e4e9f0;display:block;height:70px;left:120px;position:fixed;right:0;top:0;z-index:9998}@media only screen and (max-width: 991px){:host.uxc2{left:0}}:host.uxc2 .sessao-clone{position:absolute;padding:8px;top:0;background-color:#a80707;z-index:1}:host.uxc2 .sessao-clone .mat-icon-button{font-size:10px}:host.uxc2 .site-navbar{align-items:center;display:flex;flex-wrap:nowrap;height:100%;justify-content:space-between;padding:0 22px}@media only screen and (max-width: 991px){:host.uxc2 .site-navbar{flex-wrap:wrap}}:host.uxc2 .site-navbar .navbar-button{cursor:pointer;display:none;height:24px;margin:0;position:relative;transform:rotate(0);width:30px}@media only screen and (max-width: 991px){:host.uxc2 .site-navbar .navbar-button{display:block}}:host.uxc2 .site-navbar .navbar-button span{display:block;height:3px;opacity:1;position:absolute;transform:rotate(0);transition:.25s ease-in-out;width:50%}:host.uxc2 .site-navbar .navbar-button span:nth-child(even){left:50%}:host.uxc2 .site-navbar .navbar-button span:nth-child(odd){left:0}:host.uxc2 .site-navbar .navbar-button span:nth-child(1),:host.uxc2 .site-navbar .navbar-button span:nth-child(2){top:0}:host.uxc2 .site-navbar .navbar-button span:nth-child(3),:host.uxc2 .site-navbar .navbar-button span:nth-child(4){top:10px}:host.uxc2 .site-navbar .navbar-button span:nth-child(5),:host.uxc2 .site-navbar .navbar-button span:nth-child(6){top:20px}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(1),:host.uxc2 .site-navbar .navbar-button.open span:nth-child(6){transform:rotate(45deg)}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(2),:host.uxc2 .site-navbar .navbar-button.open span:nth-child(5){transform:rotate(-45deg)}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(1){left:3px;top:6px}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(2){left:calc(50% - 3px);top:6px}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(3){left:-50%;opacity:0}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(4){left:100%;opacity:0}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(5){left:3px;top:15px}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(6){left:calc(50% - 3px);top:15px}:host.uxc2 .page-title{font-size:1.4rem;font-weight:400;line-height:1;margin:0;width:100%}:host.uxc2 .page-title mat-icon{top:4px;left:0;font-size:1.1em}@media only screen and (max-width: 991px){:host.uxc2 .page-title{display:none}}:host.uxc2 .nav-items{display:block;height:100%;margin:0 -5px;text-align:right}@media only screen and (min-width: 544px){:host.uxc2 .nav-items{width:100%}}:host.uxc2 .nav-items .nav-item{align-items:center;display:inline-block;text-align:left;margin:15px 3px 0 0}@media only screen and (min-width: 544px){:host.uxc2 .nav-items .nav-item{position:relative}}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button{position:relative;cursor:pointer;min-width:40px;padding:0;transition:color .2s ease-in-out}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper{display:flex;height:100%;padding:5px;width:100%}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper .mat-icon,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper .mat-icon{font-size:22px;height:30px;line-height:30px;vertical-align:top;width:30px}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper .mat-icon .marker,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper .mat-icon .marker{border-radius:50%;height:6px;position:absolute;right:0;top:0;width:6px}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper .badge,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper .badge{position:absolute;background:#af1b11;border-radius:8px;font-size:10px;color:#fff;padding:0 5px;line-height:16px;right:0;top:0}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper .avatar,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper .avatar{border-radius:50%;height:40px;overflow:hidden;width:40px}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper .name,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper .name{top:10px;padding-left:10px;white-space:nowrap;line-height:19px;text-align:left;font-size:12px;margin-top:-3px}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper .name label,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper .name label{display:block;margin:0;font-size:10px;line-height:12px}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper .name span,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper .name span{top:-3px}@media only screen and (max-width: 991px){:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper .name,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper .name{display:none}}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-focus-overlay,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-ripple,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-focus-overlay,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-ripple{display:none}:host.uxc2 .nav-items .nav-item .dropdown-menu{box-shadow:0 5px 10px 2px #00000040;display:none;left:50%;margin:0 0 0 -150px;padding:0;position:absolute;top:100%;width:300px;z-index:9999}@media only screen and (max-width: 991px){:host.uxc2 .nav-items .nav-item .dropdown-menu{left:auto;margin-left:0;right:0}}@media only screen and (max-width: 543px){:host.uxc2 .nav-items .nav-item .dropdown-menu{left:0;margin-left:0;width:100%}}:host.uxc2 .nav-items .nav-item .dropdown-menu.calendar{left:-34%}:host.uxc2 .nav-items .nav-item .dropdown-menu.calendar:before{left:60%}:host.uxc2 .nav-items .nav-item .dropdown-menu:before{border:10px solid transparent;bottom:100%;content:\"\";left:50%;margin:0 0 0 -10px;position:absolute}@media only screen and (max-width: 991px){:host.uxc2 .nav-items .nav-item .dropdown-menu:before{left:100%;margin-left:-34px}}@media only screen and (max-width: 543px){:host.uxc2 .nav-items .nav-item .dropdown-menu:before{display:none}}:host.uxc2 .nav-items .nav-item .dropdown-menu .company a,:host.uxc2 .nav-items .nav-item .dropdown-menu .languages a,:host.uxc2 .nav-items .nav-item .dropdown-menu .themesa a{cursor:pointer!important}:host.uxc2 .nav-items .nav-item .dropdown-menu .themes{max-height:500px}:host.uxc2 .nav-items .nav-item .dropdown-menu .pesquisa-rapida input{color:#fff}:host.uxc2 .nav-items .nav-item .dropdown-menu .menu-footer,:host.uxc2 .nav-items .nav-item .dropdown-menu .menu-title{margin:0;padding:11px;text-align:center}:host.uxc2 .nav-items .nav-item .dropdown-menu .menu-title{border-bottom:1px solid rgba(255,255,255,.1);color:#fff;font-size:16px;line-height:1.3}:host.uxc2 .nav-items .nav-item .dropdown-menu .menu-footer a{color:#fff}:host.uxc2 .nav-items .nav-item .dropdown-menu .menu-footer a:hover{color:#fffc}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul{list-style-type:none;margin:0;max-height:241px;overflow:auto;padding:0}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li{border-bottom:1px solid rgba(255,255,255,.05)}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li.disabled>a{cursor:default!important;opacity:.4}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li.disabled>a:hover{background:inherit!important}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li:last-child{border-bottom:0}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a{align-items:center;color:#fff;display:flex;padding:11px;transition:background .2s ease-in-out;cursor:pointer}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .mat-icon{background:rgba(255,255,255,.1);border-radius:50%;font-size:22px;height:auto;margin-right:11px;padding:7px;width:auto}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .avatar{border-radius:50%;height:40px;margin-right:11px;width:40px}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .content{font-size:.85rem}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .content .desc{display:block}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .content .date{display:block;font-size:.75rem;font-style:italic;margin-top:4px;opacity:.6}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .content .meta{align-items:flex-end;display:flex;justify-content:space-between;line-height:1.3;margin-bottom:4px}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .content .meta .date{margin:0 0 0 11px}:host.uxc2 .nav-items .nav-item .dropdown-menu.mini-menu{left:auto;right:0;width:220px}@media only screen and (max-width: 543px){:host.uxc2 .nav-items .nav-item .dropdown-menu.mini-menu{width:100%}}:host.uxc2 .nav-items .nav-item .dropdown-menu.mini-menu:before{display:none}:host.uxc2 .nav-items .nav-item .dropdown-menu.mini-menu>ul>li>a{padding-top:8px;padding-bottom:8px;cursor:pointer}:host.uxc2 .nav-items .nav-item .dropdown-menu.mini-menu>ul>li>a .fa{margin-right:11px;min-width:15px}:host.uxc2 .nav-items .nav-item.opened .dropdown-menu{display:block}:host.uxc2 .nav-items .nav-item.opened~.items-overlay{opacity:1;transition:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible}:host.uxc2 .nav-items .items-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:9998}\n"] }]
|
|
7930
|
+
args: [{ selector: 'info-topbar', template: "<ng-container *ngIf=\"_platform.Config.ux >= 3\">\r\n <div class=\"site-navbar\">\r\n <a class=\"logo\" >\r\n <i class=\"logo-img\"></i>\r\n <i class=\"logo-img-resp\"></i>\r\n </a>\r\n \r\n <div class=\"nav-items\">\r\n <div class=\"nav-item usuario-logado\" [class.separador]=\"_session.Empresas.length > 1 || _session.Unidades\" [ngClass]=\"{ 'opened' : topMenu.cliente }\">\r\n <dl (click)=\"(_session.Clientes || []).length > 1 ? open('cliente') : null\">\r\n <dt>{{ _session.Perfil }}</dt>\r\n <dd>{{ _session.Usuario }}</dd>\r\n </dl>\r\n\r\n <div class=\"menu-lateral-direita\">\r\n <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n <h4>{{ 'Clientes' | translate }}</h4>\r\n \r\n <ul class=\"empresas\">\r\n <li *ngFor=\"let client of _session.Clientes\" >\r\n <a (click)=\"setClient(client); divModal.click();\">{{ client.Nome }}</a>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n\r\n <div class=\"nav-item selecao-empresa\" *ngIf=\"_session.Empresas.length > 1\" [ngClass]=\"{ 'opened' : topMenu.empresa }\">\r\n <dl (click)=\"open('empresa')\">\r\n <dt>{{ 'Empresa' | translate }}</dt>\r\n <dd>{{ _session.Empresa }}</dd>\r\n </dl>\r\n \r\n <div class=\"menu-lateral-direita\">\r\n <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n <h4>{{ 'Empresas' | translate }}</h4>\r\n \r\n <ul class=\"empresas\">\r\n <li *ngFor=\"let company of _session.Empresas\" >\r\n <a (click)=\"setCompany(company); divModal.click();\">{{ company.Nome }}</a>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n\r\n <div class=\"nav-item selecao-empresa\" *ngIf=\"_session.Unidade && (_session.Unidades || []).length > 1\" [ngClass]=\"{ 'opened' : topMenu.unidade }\">\r\n <dl (click)=\"open('unidade')\">\r\n <dt>{{ 'Unidade' | translate }}</dt>\r\n <dd>{{ _session.Unidade }}</dd>\r\n </dl>\r\n \r\n <div class=\"menu-lateral-direita\">\r\n <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n <h4>{{ 'Unidades' | translate }}</h4>\r\n \r\n <ul class=\"empresas\">\r\n <li *ngFor=\"let unity of _session.Unidades\" >\r\n <a (click)=\"setUnity(unity); divModal.click();\">{{ unity.Nome }}</a>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n\r\n <div class=\"nav-item selecao-infoia\" [ngClass]=\"{ 'opened': topMenu.infoia }\" *ngIf=\"enabledia\">\r\n <button mat-icon-button (click)=\"open('infoia')\" [matTooltip]=\"'Info IA' | translate\">\r\n <label>{{ 'InfoIA' | translate }}</label>\r\n <mat-icon>diversity_2</mat-icon>\r\n </button>\r\n \r\n <div class=\"menu-lateral-direita infoia\">\r\n <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n <h4>{{ 'InfoIA' | translate }}</h4>\r\n <div>\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"nav-item\">\r\n <button mat-icon-button (click)=\"navigate(profileurl)\" [matTooltip]=\"'MeuPerfil' | translate\">\r\n <mat-icon>person</mat-icon>\r\n </button>\r\n </div>\r\n \r\n <div class=\"nav-item\" *ngIf=\"fastsearchform\">\r\n <button mat-icon-button (click)=\"openFastSearch()\" [matTooltip]=\"fastsearchtitle | translate\">\r\n <mat-icon>search</mat-icon>\r\n </button>\r\n </div>\r\n \r\n <div class=\"nav-item\" [ngClass]=\"{ 'opened' : topMenu.notificacao }\" *ngIf=\"notificationapi\">\r\n <button mat-icon-button (click)=\"setNotificationStatus(true, false, false);open('notificacao')\" [matTooltip]=\"'Notificacoes' | translate\"><mat-icon>notifications_none</mat-icon>\r\n <span class=\"badge\" *ngIf=\"notifications.Count > 0\">{{ notifications.Count }}</span>\r\n </button>\r\n \r\n <div class=\"menu-lateral-direita\" >\r\n <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n <h4>{{ 'Notificacoes' | translate }}</h4>\r\n \r\n <ul>\r\n <li *ngIf=\"notifications.Itens.length == 0\">\r\n <a style=\"cursor: default;\">\r\n <mat-icon>notifications</mat-icon>\r\n <div class=\"content\">\r\n <span>{{ 'TNotificacoesNenhuma' | translate }}</span>\r\n </div>\r\n </a>\r\n </li>\r\n \r\n <ng-container *ngIf=\"notifications.Itens.length > 0\">\r\n <li *ngFor=\"let item of notifications.Itens\">\r\n <a (click)=\"navigate(item.Url);close()\">\r\n <dl>\r\n <dt>{{ 'Dia' | translate }} {{ item.Date }}</dt>\r\n <dd [safeHtml]=\"item.Description | translate\"></dd>\r\n </dl>\r\n </a>\r\n </li>\r\n </ng-container>\r\n </ul>\r\n </div>\r\n </div>\r\n \r\n <!-- <div class=\"nav-item\">\r\n <button mat-icon-button (click)=\"alternarModo()\" [matTooltip]=\"'AlternarModo' | translate\"><mat-icon>brightness_6</mat-icon></button>\r\n </div> -->\r\n \r\n <div class=\"nav-item selecao-tema\" [ngClass]=\"{ 'opened': topMenu.tema }\" *ngIf=\"!prodution && themes.length > 0\">\r\n <button mat-icon-button (click)=\"open('tema')\" [matTooltip]=\"'Tema' | translate\"><mat-icon>invert_colors</mat-icon></button>\r\n \r\n <div class=\"menu-lateral-direita\">\r\n <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n <h4>{{ 'Temas' | translate }}</h4>\r\n \r\n <ul class=\"temas\">\r\n <li *ngFor=\"let theme of themes\">\r\n <a (click)=\"setTheme(theme.name); divModal.click();\"> {{ theme.description | translate }}</a>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n \r\n <div class=\"nav-item\" *ngIf=\"_platform.Config.enabledPrime\">\r\n <button mat-icon-button [matTooltip]=\"(_platform.ModoPrime ? 'ModoPadrao' : 'Prime') | translate\" (click)=\"toggleMode()\"><mat-icon>brightness_6</mat-icon></button>\r\n </div>\r\n \r\n <div class=\"nav-item selecao-idioma\" [ngClass]=\"{ 'opened': topMenu.idioma }\" *ngIf=\"languages.length > 0\">\r\n <button mat-icon-button (click)=\"open('idioma')\" [matTooltip]=\"'Idioma' | translate\"><mat-icon>public</mat-icon></button>\r\n \r\n <div class=\"menu-lateral-direita\">\r\n <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n <h4>{{ 'Idiomas' | translate }}</h4>\r\n \r\n <ul class=\"idiomas\">\r\n <li *ngFor=\"let lang of languages\">\r\n <a (click)=\"setLanguage(lang.lang); divModal.click();\">{{ lang.name | translate }}</a>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n \r\n <div class=\"nav-item\">\r\n <button mat-icon-button [matTooltip]=\"'Sair' | translate\" (click)=\"logout()\"><mat-icon>power_settings_new</mat-icon></button>\r\n </div>\r\n \r\n <div class=\"items-overlay\" (click)=\"close()\" #divModal></div>\r\n </div>\r\n \r\n <div class=\"navbar-button\" [ngClass]=\"{ 'open' : opened }\" (click)=\"openSidebar()\">\r\n <span></span>\r\n <span></span>\r\n <span></span>\r\n <span></span>\r\n <span></span>\r\n <span></span>\r\n </div>\r\n </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"_platform.Config.ux <= 2\">\r\n <div class=\"site-navbar\">\r\n <div class=\"sessao-clone text-lightgray\" *ngIf=\"_session.Clone\">\r\n <div><label>({{ 'ModoClone' | translate }})</label></div>\r\n </div>\r\n\r\n <div class=\"navbar-button\" [ngClass]=\"{ 'open' : opened }\" (click)=\"openSidebar()\">\r\n <span></span>\r\n <span></span>\r\n <span></span>\r\n <span></span>\r\n <span></span>\r\n <span></span>\r\n </div>\r\n\r\n <h1 id=\"page-title\" class=\"page-title\" *ngIf=\"_platform.PaginaAtiva\">\r\n <mat-icon>{{ _platform.PaginaAtiva.Icone }}</mat-icon> {{ _platform.PaginaAtiva.Titulo | translate }}\r\n </h1>\r\n\r\n <div class=\"nav-items\">\r\n <div class=\"nav-item user-profile\" [ngClass]=\"{ 'opened' : topMenu.empresa }\">\r\n <button mat-button (click)=\"open('empresa')\">\r\n <mat-icon>fingerprint</mat-icon>\r\n <div class=\"name\">\r\n <label>{{ \"Empresa\" | translate }}</label>\r\n <span>{{ _session.Empresa }}</span>\r\n </div>\r\n </button>\r\n\r\n <div class=\"dropdown-menu\">\r\n <h4 class=\"menu-title\">{{ 'Empresa' | translate }}</h4>\r\n\r\n <ul class=\"company\">\r\n <li *ngFor=\"let company of _session.Empresas\" >\r\n <a (click)=\"setCompany(company); divModal.click();\">{{ company.Nome }}</a>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n\r\n <div class=\"nav-item\" [ngClass]=\"{ 'opened' : topMenu.notificacao }\" *ngIf=\"notificationapi\">\r\n <button mat-icon-button (click)=\"setNotificationStatus(true, false, false);open('notificacao')\" [matTooltip]=\"'Notificacoes' | translate\"><mat-icon>notifications_none</mat-icon>\r\n <span class=\"badge\" *ngIf=\"notifications.Count > 0\">{{ notifications.Count }}</span>\r\n </button>\r\n\r\n <div class=\"dropdown-menu\">\r\n <h4 class=\"menu-title\">{{ 'Notificacoes' | translate }}</h4>\r\n\r\n <ul>\r\n <li *ngIf=\"notifications.Itens.length == 0\">\r\n <a style=\"cursor: default;\">\r\n <mat-icon>notifications_off</mat-icon>\r\n <div class=\"content\">\r\n <span>{{ 'TNotificacoesNenhuma' | translate }}</span>\r\n </div>\r\n </a>\r\n </li>\r\n\r\n <ng-container *ngIf=\"notifications.Itens.length > 0\">\r\n <li *ngFor=\"let item of notifications.Itens\">\r\n <a (click)=\"navigate(item.Url);close()\">\r\n <mat-icon>{{ item.Icon }}</mat-icon>\r\n <div class=\"content\">\r\n <span class=\"desc\" [safeHtml]=\"item.Description | translate\"></span>\r\n <span class=\"date\">{{ item.Date }}</span>\r\n </div>\r\n </a>\r\n </li>\r\n </ng-container>\r\n </ul>\r\n </div>\r\n </div>\r\n\r\n <div class=\"nav-item\" [ngClass]=\"{ 'opened': topMenu.idioma }\" *ngIf=\"languages.length > 0\">\r\n <button mat-icon-button (click)=\"open('idioma')\" [matTooltip]=\"'Idioma' | translate\"><mat-icon>public</mat-icon></button>\r\n <div class=\"dropdown-menu\">\r\n <h4 class=\"menu-title\">{{ 'Idioma' | translate }}</h4>\r\n <ul class=\"languages\">\r\n <li *ngFor=\"let lang of languages\">\r\n <a (click)=\"setLanguage(lang.lang); divModal.click();\">{{ lang.name | translate }}</a>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n\r\n <div class=\"nav-item\" [ngClass]=\"{ 'opened': topMenu.tema }\" *ngIf=\"!prodution && themes.length > 0\">\r\n <button mat-icon-button (click)=\"open('tema')\" [matTooltip]=\"'Tema' | translate\"><mat-icon>invert_colors</mat-icon></button>\r\n <div class=\"dropdown-menu\">\r\n <h4 class=\"menu-title\">{{ 'Temas' | translate }}</h4>\r\n <ul class=\"themes\">\r\n <li *ngFor=\"let theme of themes\">\r\n <a (click)=\"setTheme(theme.name); divModal.click();\"> {{ theme.description | translate }}</a>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n \r\n <div class=\"nav-item\" *ngIf=\"fastsearchform\">\r\n <button mat-icon-button (click)=\"openFastSearch()\" [matTooltip]=\"fastsearchtitle | translate\">\r\n <mat-icon>search</mat-icon>\r\n </button>\r\n </div>\r\n\r\n <div class=\"nav-item\" *ngIf=\"profileurl != ''\">\r\n <button mat-icon-button [matTooltip]=\"'MeuPerfil' | translate\" [routerLink]=\"profileurl\"><mat-icon>person</mat-icon></button>\r\n </div>\r\n\r\n <div class=\"nav-item\">\r\n <button mat-icon-button [matTooltip]=\"'Sair' | translate\" (click)=\"logout()\"><mat-icon>power_settings_new</mat-icon></button>\r\n </div>\r\n\r\n <div class=\"items-overlay\" (click)=\"close()\" #divModal></div>\r\n </div>\r\n </div>\r\n</ng-container>\r\n\r\n<section class=\"loading-bar\" *ngIf=\"loading\"><mat-progress-bar color=\"primary\" mode=\"indeterminate\"></mat-progress-bar></section>\r\n<div class=\"block\" *ngIf=\"loading\"></div>", styles: ["body{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}:host.topmenu{border-bottom-width:0!important;box-shadow:none!important}:host.uxc3{transition:left .2s ease-in-out;display:block;height:85px;left:0;position:fixed;right:0;top:0;z-index:9998}@media screen and (max-width: 991px){:host.uxc3{left:0}:host.uxc3 .nav-items{width:100%}:host.uxc3 .logo{position:absolute;top:17px}:host.uxc3 .logo .logo-img{display:none!important}:host.uxc3 .logo .logo-img-resp{display:block!important;height:45px!important}:host.uxc3 .usuario-logado{position:absolute;top:70px!important;left:-100%;width:calc(100% + 6px);border-right:none!important;padding-left:25px!important;padding-top:15px!important;transition:left .2s ease-in-out}:host.uxc3 .usuario-logado.menu-aberto{left:0%}:host.uxc3 .usuario-logado dl{text-align:left!important}:host.uxc3 .usuario-logado dl dt{display:inline-block;font-size:14px}:host.uxc3 .usuario-logado dl dd{position:relative;display:inline-block;padding-right:20px;margin-right:5px}:host.uxc3 .usuario-logado dl dd:after{position:absolute;top:2px;right:0;content:\"-\";width:10px;height:10px}:host.uxc3 .selecao-empresa{position:absolute;top:115px!important;left:-100%;width:calc(100% + 6px);margin:0!important;padding:5px 15px 6px 25px;transition:left .2s ease-in-out}:host.uxc3 .selecao-empresa.menu-aberto{left:0%}:host.uxc3 .selecao-empresa button,:host.uxc3 .selecao-empresa dl{width:100%!important}}:host.uxc3 .site-navbar{align-items:center;display:flex;flex-wrap:nowrap;height:100%;justify-content:space-between;padding:0 22px}@media screen and (max-width: 991px){:host.uxc3 .site-navbar{flex-wrap:wrap}}:host.uxc3 .site-navbar .logo{display:block;height:60px;width:500px}:host.uxc3 .site-navbar .logo .logo-img{display:block;height:100%;width:100%}:host.uxc3 .site-navbar .logo .logo-img-resp{display:none;height:100%;width:100%}:host.uxc3 .site-navbar .navbar-button{cursor:pointer;display:none;height:24px;margin:0;position:absolute;transform:rotate(0);width:35px;top:20px;left:70px}@media screen and (max-width: 991px){:host.uxc3 .site-navbar .navbar-button{display:block}}:host.uxc3 .site-navbar .navbar-button sub{position:absolute;bottom:-10px;text-transform:uppercase}:host.uxc3 .site-navbar .navbar-button span{display:block;height:3px;opacity:1;position:absolute;transform:rotate(0);transition:.25s ease-in-out;width:50%;top:10px}:host.uxc3 .site-navbar .navbar-button span:nth-child(even){left:50%}:host.uxc3 .site-navbar .navbar-button span:nth-child(odd){left:0}:host.uxc3 .site-navbar .navbar-button span:nth-child(1),:host.uxc3 .site-navbar .navbar-button span:nth-child(2){top:0}:host.uxc3 .site-navbar .navbar-button span:nth-child(3),:host.uxc3 .site-navbar .navbar-button span:nth-child(4){top:10px}:host.uxc3 .site-navbar .navbar-button span:nth-child(5),:host.uxc3 .site-navbar .navbar-button span:nth-child(6){top:20px}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(1),:host.uxc3 .site-navbar .navbar-button.open span:nth-child(6){transform:rotate(45deg)}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(2),:host.uxc3 .site-navbar .navbar-button.open span:nth-child(5){transform:rotate(-45deg)}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(1){left:2px;top:6px}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(2){left:calc(50% - 7px);top:6px}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(3){left:-50%;opacity:0}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(4){left:100%;opacity:0}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(5){left:2px;top:15px}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(6){left:calc(50% - 7px);top:15px}:host.uxc3 dl{line-height:20px;text-transform:none;transition:border .2s ease-in-out}:host.uxc3 dl dt{font-size:10px;font-weight:500;transition:color .2s ease-in-out}:host.uxc3 dl dd{position:relative;top:0;font-size:14px;font-weight:600;margin-bottom:0;transition:color .2s ease-in-out}:host.uxc3 .usuario-logado,:host.uxc3 .selecao-empresa{top:-1px;padding:5px 20px 5px 0;cursor:pointer}:host.uxc3 .usuario-logado dl,:host.uxc3 .selecao-empresa dl{top:5px;margin:0}:host.uxc3 .usuario-logado dl mat-icon,:host.uxc3 .selecao-empresa dl mat-icon{position:absolute;font-size:22px;top:17px;right:0;text-align:center}:host.uxc3 .usuario-logado{padding-left:10px}:host.uxc3 .usuario-logado dl{text-align:right}:host.uxc3 .usuario-logado dl mat-icon{left:0}:host.uxc3 .selecao-empresa{padding-left:20px}:host.uxc3 .nav-items{display:block;height:100%;margin:0 -5px;text-align:right}@media screen and (min-width: 544px){:host.uxc3 .nav-items{width:100%}}@media screen and (max-width: 991px){:host.uxc3 .nav-items{display:block;top:0;position:absolute;right:10px}}:host.uxc3 .nav-items .nav-item{align-items:center;display:inline-block;text-align:left;margin:15px 3px 0 0}:host.uxc3 .nav-items .nav-item .mat-button,:host.uxc3 .nav-items .nav-item .mat-icon-button{position:relative;cursor:pointer;min-width:40px;padding:0;transition:color .2s ease-in-out;top:-14px}:host.uxc3 .nav-items .nav-item .mat-button .mat-button-wrapper,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-wrapper{display:flex;height:100%;padding:5px;width:100%}:host.uxc3 .nav-items .nav-item .mat-button .mat-button-wrapper .mat-icon,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-wrapper .mat-icon{font-size:24px;height:auto!important;line-height:auto!important;vertical-align:middle;width:auto!important}:host.uxc3 .nav-items .nav-item .mat-button .mat-button-wrapper .mat-icon .marker,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-wrapper .mat-icon .marker{border-radius:50%;height:6px;position:absolute;right:0;top:0;width:6px}:host.uxc3 .nav-items .nav-item .mat-button .mat-button-wrapper .badge,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-wrapper .badge{position:absolute;background:#af1b11;border-radius:8px;font-size:10px;color:#fff;padding:0 5px;line-height:16px;right:0;top:0}:host.uxc3 .nav-items .nav-item .mat-button .mat-button-focus-overlay,:host.uxc3 .nav-items .nav-item .mat-button .mat-button-ripple,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-focus-overlay,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-ripple{display:none}:host.uxc3 .nav-items .nav-item .menu-lateral-direita{display:none;top:0;right:0;padding:0;position:fixed;width:420px;height:100%;z-index:9999}@media screen and (max-width: 991px){:host.uxc3 .nav-items .nav-item .menu-lateral-direita{left:auto;margin-left:0;right:0}}@media screen and (max-width: 543px){:host.uxc3 .nav-items .nav-item .menu-lateral-direita{left:0;margin-left:0;width:100%}}:host.uxc3 .nav-items .nav-item .menu-lateral-direita:before{border:10px solid transparent;bottom:100%;content:\"\";left:50%;margin:0 0 0 -10px;position:absolute}@media screen and (max-width: 991px){:host.uxc3 .nav-items .nav-item .menu-lateral-direita:before{left:100%;margin-left:-34px}}@media screen and (max-width: 543px){:host.uxc3 .nav-items .nav-item .menu-lateral-direita:before{display:none}}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>.fechar{position:absolute;top:30px;right:30px;font-size:28px;cursor:pointer;opacity:.8}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>.fechar:hover{opacity:1}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>h4{font-size:24px;font-weight:500;margin:30px 0 30px 38px}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul{list-style-type:none;margin:0;height:calc(100% - 170px);overflow-y:auto;border-radius:0 0 4px 4px;padding:0}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li:hover{background:rgba(0,0,0,.05)}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li.disabled>a{cursor:default!important;opacity:.4}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li:last-child{border-bottom:0}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li dl{line-height:20px;padding:5px 0;margin-bottom:0}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li dl dt{font-weight:600;font-size:13px;margin-bottom:5px}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li dl dd{font-size:14px;font-weight:500}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li>a{font-size:14px;font-weight:500;padding:10px 40px!important;align-items:center;display:flex;padding:11px;transition:background .2s ease-in-out;cursor:pointer}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li>a .mat-icon{background:rgba(255,255,255,.1);border-radius:50%;font-size:22px;height:auto;margin-right:11px;padding:7px;width:auto}:host.uxc3 .nav-items .nav-item.opened .menu-lateral-direita,:host.uxc3 .nav-items .nav-item.opened .lista-empresas{display:block}:host.uxc3 .nav-items .nav-item.opened~.items-overlay{transition:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible;opacity:.5}:host.uxc3 .nav-items .items-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:9998}@media screen and (max-width: 991px){:host.uxc3{width:100%}}:host.uxc2{background:#fff;border-bottom:1px solid #e4e9f0;display:block;height:70px;left:120px;position:fixed;right:0;top:0;z-index:9998}@media only screen and (max-width: 991px){:host.uxc2{left:0}}:host.uxc2 .sessao-clone{position:absolute;padding:8px;top:0;background-color:#a80707;z-index:1}:host.uxc2 .sessao-clone .mat-icon-button{font-size:10px}:host.uxc2 .site-navbar{align-items:center;display:flex;flex-wrap:nowrap;height:100%;justify-content:space-between;padding:0 22px}@media only screen and (max-width: 991px){:host.uxc2 .site-navbar{flex-wrap:wrap}}:host.uxc2 .site-navbar .navbar-button{cursor:pointer;display:none;height:24px;margin:0;position:relative;transform:rotate(0);width:30px}@media only screen and (max-width: 991px){:host.uxc2 .site-navbar .navbar-button{display:block}}:host.uxc2 .site-navbar .navbar-button span{display:block;height:3px;opacity:1;position:absolute;transform:rotate(0);transition:.25s ease-in-out;width:50%}:host.uxc2 .site-navbar .navbar-button span:nth-child(even){left:50%}:host.uxc2 .site-navbar .navbar-button span:nth-child(odd){left:0}:host.uxc2 .site-navbar .navbar-button span:nth-child(1),:host.uxc2 .site-navbar .navbar-button span:nth-child(2){top:0}:host.uxc2 .site-navbar .navbar-button span:nth-child(3),:host.uxc2 .site-navbar .navbar-button span:nth-child(4){top:10px}:host.uxc2 .site-navbar .navbar-button span:nth-child(5),:host.uxc2 .site-navbar .navbar-button span:nth-child(6){top:20px}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(1),:host.uxc2 .site-navbar .navbar-button.open span:nth-child(6){transform:rotate(45deg)}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(2),:host.uxc2 .site-navbar .navbar-button.open span:nth-child(5){transform:rotate(-45deg)}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(1){left:3px;top:6px}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(2){left:calc(50% - 3px);top:6px}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(3){left:-50%;opacity:0}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(4){left:100%;opacity:0}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(5){left:3px;top:15px}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(6){left:calc(50% - 3px);top:15px}:host.uxc2 .page-title{font-size:1.4rem;font-weight:400;line-height:1;margin:0;width:100%}:host.uxc2 .page-title mat-icon{top:4px;left:0;font-size:1.1em}@media only screen and (max-width: 991px){:host.uxc2 .page-title{display:none}}:host.uxc2 .nav-items{display:block;height:100%;margin:0 -5px;text-align:right}@media only screen and (min-width: 544px){:host.uxc2 .nav-items{width:100%}}:host.uxc2 .nav-items .nav-item{align-items:center;display:inline-block;text-align:left;margin:15px 3px 0 0}@media only screen and (min-width: 544px){:host.uxc2 .nav-items .nav-item{position:relative}}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button{position:relative;cursor:pointer;min-width:40px;padding:0;transition:color .2s ease-in-out}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper{display:flex;height:100%;padding:5px;width:100%}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper .mat-icon,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper .mat-icon{font-size:22px;height:30px;line-height:30px;vertical-align:top;width:30px}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper .mat-icon .marker,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper .mat-icon .marker{border-radius:50%;height:6px;position:absolute;right:0;top:0;width:6px}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper .badge,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper .badge{position:absolute;background:#af1b11;border-radius:8px;font-size:10px;color:#fff;padding:0 5px;line-height:16px;right:0;top:0}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper .avatar,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper .avatar{border-radius:50%;height:40px;overflow:hidden;width:40px}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper .name,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper .name{top:10px;padding-left:10px;white-space:nowrap;line-height:19px;text-align:left;font-size:12px;margin-top:-3px}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper .name label,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper .name label{display:block;margin:0;font-size:10px;line-height:12px}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper .name span,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper .name span{top:-3px}@media only screen and (max-width: 991px){:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper .name,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper .name{display:none}}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-focus-overlay,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-ripple,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-focus-overlay,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-ripple{display:none}:host.uxc2 .nav-items .nav-item .dropdown-menu{box-shadow:0 5px 10px 2px #00000040;display:none;left:50%;margin:0 0 0 -150px;padding:0;position:absolute;top:100%;width:300px;z-index:9999}@media only screen and (max-width: 991px){:host.uxc2 .nav-items .nav-item .dropdown-menu{left:auto;margin-left:0;right:0}}@media only screen and (max-width: 543px){:host.uxc2 .nav-items .nav-item .dropdown-menu{left:0;margin-left:0;width:100%}}:host.uxc2 .nav-items .nav-item .dropdown-menu.calendar{left:-34%}:host.uxc2 .nav-items .nav-item .dropdown-menu.calendar:before{left:60%}:host.uxc2 .nav-items .nav-item .dropdown-menu:before{border:10px solid transparent;bottom:100%;content:\"\";left:50%;margin:0 0 0 -10px;position:absolute}@media only screen and (max-width: 991px){:host.uxc2 .nav-items .nav-item .dropdown-menu:before{left:100%;margin-left:-34px}}@media only screen and (max-width: 543px){:host.uxc2 .nav-items .nav-item .dropdown-menu:before{display:none}}:host.uxc2 .nav-items .nav-item .dropdown-menu .company a,:host.uxc2 .nav-items .nav-item .dropdown-menu .languages a,:host.uxc2 .nav-items .nav-item .dropdown-menu .themesa a{cursor:pointer!important}:host.uxc2 .nav-items .nav-item .dropdown-menu .themes{max-height:500px}:host.uxc2 .nav-items .nav-item .dropdown-menu .pesquisa-rapida input{color:#fff}:host.uxc2 .nav-items .nav-item .dropdown-menu .menu-footer,:host.uxc2 .nav-items .nav-item .dropdown-menu .menu-title{margin:0;padding:11px;text-align:center}:host.uxc2 .nav-items .nav-item .dropdown-menu .menu-title{border-bottom:1px solid rgba(255,255,255,.1);color:#fff;font-size:16px;line-height:1.3}:host.uxc2 .nav-items .nav-item .dropdown-menu .menu-footer a{color:#fff}:host.uxc2 .nav-items .nav-item .dropdown-menu .menu-footer a:hover{color:#fffc}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul{list-style-type:none;margin:0;max-height:241px;overflow:auto;padding:0}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li{border-bottom:1px solid rgba(255,255,255,.05)}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li.disabled>a{cursor:default!important;opacity:.4}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li.disabled>a:hover{background:inherit!important}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li:last-child{border-bottom:0}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a{align-items:center;color:#fff;display:flex;padding:11px;transition:background .2s ease-in-out;cursor:pointer}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .mat-icon{background:rgba(255,255,255,.1);border-radius:50%;font-size:22px;height:auto;margin-right:11px;padding:7px;width:auto}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .avatar{border-radius:50%;height:40px;margin-right:11px;width:40px}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .content{font-size:.85rem}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .content .desc{display:block}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .content .date{display:block;font-size:.75rem;font-style:italic;margin-top:4px;opacity:.6}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .content .meta{align-items:flex-end;display:flex;justify-content:space-between;line-height:1.3;margin-bottom:4px}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .content .meta .date{margin:0 0 0 11px}:host.uxc2 .nav-items .nav-item .dropdown-menu.mini-menu{left:auto;right:0;width:220px}@media only screen and (max-width: 543px){:host.uxc2 .nav-items .nav-item .dropdown-menu.mini-menu{width:100%}}:host.uxc2 .nav-items .nav-item .dropdown-menu.mini-menu:before{display:none}:host.uxc2 .nav-items .nav-item .dropdown-menu.mini-menu>ul>li>a{padding-top:8px;padding-bottom:8px;cursor:pointer}:host.uxc2 .nav-items .nav-item .dropdown-menu.mini-menu>ul>li>a .fa{margin-right:11px;min-width:15px}:host.uxc2 .nav-items .nav-item.opened .dropdown-menu{display:block}:host.uxc2 .nav-items .nav-item.opened~.items-overlay{opacity:1;transition:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible}:host.uxc2 .nav-items .items-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:9998}\n"] }]
|
|
7931
7931
|
}], function () { return [{ type: InfoTranslateService }, { type: InfoAuthenticationService }, { type: InfoDataService }, { type: InfoThemeService }, { type: i1$2.Router }, { type: InfoDialogModal }, { type: InfoSessionModel }, { type: InfoPlatformModel }, { type: i1$4.MatDialog }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: Utilities }]; }, { opened: [{
|
|
7932
7932
|
type: Input
|
|
7933
7933
|
}], languages: [{
|