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
|
@@ -65,7 +65,7 @@ class HtmlSanitizerConfig {
|
|
|
65
65
|
//allowedTags: string[] = ['small', 'b', 'strong', 'i', 'em', 'u', 'br', 'p', 'span', 'ul', 'ol', 'li'];
|
|
66
66
|
//allowedAttributes: string[] = [ 'class' ];
|
|
67
67
|
this.forbiddenTags = ['img', 'iframe', 'script', 'svg', 'object', 'embed', 'video', 'audio', 'source', 'style'];
|
|
68
|
-
this.forbiddenAttributes = ['
|
|
68
|
+
this.forbiddenAttributes = ['src', 'srcset', 'onerror', 'onclick', 'onload'];
|
|
69
69
|
}
|
|
70
70
|
}
|
|
71
71
|
|
|
@@ -781,7 +781,7 @@ function InfoAlertComponent_div_0_li_8_Template(rf, ctx) {
|
|
|
781
781
|
if (rf & 2) {
|
|
782
782
|
const m_r3 = ctx.$implicit;
|
|
783
783
|
i0.ɵɵadvance(3);
|
|
784
|
-
i0.ɵɵproperty("
|
|
784
|
+
i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(4, 1, m_r3));
|
|
785
785
|
}
|
|
786
786
|
}
|
|
787
787
|
function InfoAlertComponent_div_0_Template(rf, ctx) {
|
|
@@ -820,7 +820,7 @@ class InfoAlertComponent {
|
|
|
820
820
|
}
|
|
821
821
|
}
|
|
822
822
|
/** @nocollapse */ InfoAlertComponent.ɵfac = function InfoAlertComponent_Factory(t) { return new (t || InfoAlertComponent)(); };
|
|
823
|
-
/** @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, "
|
|
823
|
+
/** @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) {
|
|
824
824
|
if (rf & 1) {
|
|
825
825
|
i0.ɵɵprojectionDef();
|
|
826
826
|
i0.ɵɵtemplate(0, InfoAlertComponent_div_0_Template, 12, 4, "div", 0);
|
|
@@ -828,7 +828,7 @@ class InfoAlertComponent {
|
|
|
828
828
|
if (rf & 2) {
|
|
829
829
|
i0.ɵɵproperty("ngIf", ctx.messages != i0.ɵɵpureFunction0(1, _c0$i) && ctx.messages.length > 0);
|
|
830
830
|
}
|
|
831
|
-
}, 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}"] });
|
|
831
|
+
}, 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}"] });
|
|
832
832
|
(function () {
|
|
833
833
|
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoAlertComponent, [{
|
|
834
834
|
type: Component,
|
|
@@ -838,7 +838,7 @@ class InfoAlertComponent {
|
|
|
838
838
|
<h5>{{ 'Atencao' | translate }}</h5>
|
|
839
839
|
<ng-content></ng-content>
|
|
840
840
|
<ul>
|
|
841
|
-
<li *ngFor="let m of messages"><mat-icon>error</mat-icon><label [
|
|
841
|
+
<li *ngFor="let m of messages"><mat-icon>error</mat-icon><label [safeHtml]="m | translate"></label></li>
|
|
842
842
|
</ul>
|
|
843
843
|
<a class="close" (click)="onClose()"><i class="material-icons">clear</i></a>
|
|
844
844
|
</div>
|
|
@@ -1044,7 +1044,7 @@ class InfoModalComponent {
|
|
|
1044
1044
|
useExisting: forwardRef((() => InfoModalComponent)),
|
|
1045
1045
|
multi: true
|
|
1046
1046
|
}
|
|
1047
|
-
])], ngContentSelectors: _c1$8, decls: 12, vars: 8, consts: [["mat-dialog-title", ""], [3, "
|
|
1047
|
+
])], 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) {
|
|
1048
1048
|
if (rf & 1) {
|
|
1049
1049
|
i0.ɵɵprojectionDef(_c0$h);
|
|
1050
1050
|
i0.ɵɵelementStart(0, "h2", 0);
|
|
@@ -1065,7 +1065,7 @@ class InfoModalComponent {
|
|
|
1065
1065
|
}
|
|
1066
1066
|
if (rf & 2) {
|
|
1067
1067
|
i0.ɵɵadvance(1);
|
|
1068
|
-
i0.ɵɵproperty("
|
|
1068
|
+
i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(2, 6, ctx.modaltitle));
|
|
1069
1069
|
i0.ɵɵadvance(2);
|
|
1070
1070
|
i0.ɵɵproperty("ngIf", ctx.showcloseicon);
|
|
1071
1071
|
i0.ɵɵadvance(1);
|
|
@@ -1077,7 +1077,7 @@ class InfoModalComponent {
|
|
|
1077
1077
|
i0.ɵɵadvance(1);
|
|
1078
1078
|
i0.ɵɵproperty("messages", ctx.messages);
|
|
1079
1079
|
}
|
|
1080
|
-
}, dependencies: [i1$3.NgIf, i4.MatIcon, i13.MatButton, i1$4.MatDialogTitle, i1$4.MatDialogContent, i1$4.MatDialogActions, i7.MatProgressBar, InfoAlertComponent, InfoTranslatePipe], encapsulation: 2 });
|
|
1080
|
+
}, dependencies: [i1$3.NgIf, i4.MatIcon, i13.MatButton, i1$4.MatDialogTitle, i1$4.MatDialogContent, i1$4.MatDialogActions, i7.MatProgressBar, InfoSafeHtmlDirective, InfoAlertComponent, InfoTranslatePipe], encapsulation: 2 });
|
|
1081
1081
|
(function () {
|
|
1082
1082
|
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoModalComponent, [{
|
|
1083
1083
|
type: Component,
|
|
@@ -1087,7 +1087,7 @@ class InfoModalComponent {
|
|
|
1087
1087
|
useExisting: forwardRef((() => InfoModalComponent)),
|
|
1088
1088
|
multi: true
|
|
1089
1089
|
}
|
|
1090
|
-
], template: "<h2 mat-dialog-title >\r\n <label [
|
|
1090
|
+
], 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>" }]
|
|
1091
1091
|
}], function () {
|
|
1092
1092
|
return [{ type: InfoDataService }, { type: InfoFormPropModel, decorators: [{
|
|
1093
1093
|
type: Inject,
|
|
@@ -1691,7 +1691,7 @@ function InfoAutoCompleteComponent_mat_option_6_Template(rf, ctx) {
|
|
|
1691
1691
|
}
|
|
1692
1692
|
if (rf & 2) {
|
|
1693
1693
|
const option_r4 = ctx.$implicit;
|
|
1694
|
-
i0.ɵɵproperty("value", option_r4)("
|
|
1694
|
+
i0.ɵɵproperty("value", option_r4)("safeHtml", option_r4.Nome);
|
|
1695
1695
|
}
|
|
1696
1696
|
}
|
|
1697
1697
|
function InfoAutoCompleteComponent_mat_progress_bar_10_Template(rf, ctx) {
|
|
@@ -1862,7 +1862,7 @@ class InfoAutoCompleteComponent {
|
|
|
1862
1862
|
provide: NG_VALUE_ACCESSOR,
|
|
1863
1863
|
useExisting: forwardRef((() => InfoAutoCompleteComponent)),
|
|
1864
1864
|
multi: true
|
|
1865
|
-
}])], decls: 11, vars: 10, consts: [["matInput", "", "type", "text", 3, "ngModel", "placeholder", "formControl", "matAutocomplete", "required", "ngModelChange", "blur", "focus"], ["inputAuto", ""], [3, "displayWith"], ["auto", "matAutocomplete"], [3, "value", "
|
|
1865
|
+
}])], 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) {
|
|
1866
1866
|
if (rf & 1) {
|
|
1867
1867
|
i0.ɵɵelementStart(0, "mat-form-field")(1, "input", 0, 1);
|
|
1868
1868
|
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); });
|
|
@@ -1889,7 +1889,7 @@ class InfoAutoCompleteComponent {
|
|
|
1889
1889
|
i0.ɵɵadvance(4);
|
|
1890
1890
|
i0.ɵɵproperty("ngIf", ctx.loading);
|
|
1891
1891
|
}
|
|
1892
|
-
}, 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}"] });
|
|
1892
|
+
}, 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}"] });
|
|
1893
1893
|
(function () {
|
|
1894
1894
|
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoAutoCompleteComponent, [{
|
|
1895
1895
|
type: Component,
|
|
@@ -1897,7 +1897,7 @@ class InfoAutoCompleteComponent {
|
|
|
1897
1897
|
provide: NG_VALUE_ACCESSOR,
|
|
1898
1898
|
useExisting: forwardRef((() => InfoAutoCompleteComponent)),
|
|
1899
1899
|
multi: true
|
|
1900
|
-
}], 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)\" [
|
|
1900
|
+
}], 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"] }]
|
|
1901
1901
|
}], function () { return [{ type: InfoDataService }]; }, { placeholder: [{
|
|
1902
1902
|
type: Input
|
|
1903
1903
|
}], name: [{
|
|
@@ -1960,7 +1960,7 @@ function InfoBigCheckboxComponent_mat_list_option_2_div_1_Template(rf, ctx) {
|
|
|
1960
1960
|
}
|
|
1961
1961
|
if (rf & 2) {
|
|
1962
1962
|
const item_r6 = i0.ɵɵnextContext().$implicit;
|
|
1963
|
-
i0.ɵɵproperty("
|
|
1963
|
+
i0.ɵɵproperty("safeHtml", item_r6.Nome);
|
|
1964
1964
|
}
|
|
1965
1965
|
}
|
|
1966
1966
|
function InfoBigCheckboxComponent_mat_list_option_2_div_2_Template(rf, ctx) {
|
|
@@ -1969,7 +1969,7 @@ function InfoBigCheckboxComponent_mat_list_option_2_div_2_Template(rf, ctx) {
|
|
|
1969
1969
|
}
|
|
1970
1970
|
if (rf & 2) {
|
|
1971
1971
|
const item_r6 = i0.ɵɵnextContext().$implicit;
|
|
1972
|
-
i0.ɵɵproperty("
|
|
1972
|
+
i0.ɵɵproperty("safeHtml", item_r6.Descricao);
|
|
1973
1973
|
}
|
|
1974
1974
|
}
|
|
1975
1975
|
const _c0$g = function (a0) { return { "silver": a0 }; };
|
|
@@ -1999,7 +1999,7 @@ function InfoBigCheckboxComponent_ng_container_3_mat_list_item_10_div_1_Template
|
|
|
1999
1999
|
}
|
|
2000
2000
|
if (rf & 2) {
|
|
2001
2001
|
const item_r15 = i0.ɵɵnextContext().$implicit;
|
|
2002
|
-
i0.ɵɵproperty("
|
|
2002
|
+
i0.ɵɵproperty("safeHtml", item_r15.Nome);
|
|
2003
2003
|
}
|
|
2004
2004
|
}
|
|
2005
2005
|
function InfoBigCheckboxComponent_ng_container_3_mat_list_item_10_div_2_Template(rf, ctx) {
|
|
@@ -2008,7 +2008,7 @@ function InfoBigCheckboxComponent_ng_container_3_mat_list_item_10_div_2_Template
|
|
|
2008
2008
|
}
|
|
2009
2009
|
if (rf & 2) {
|
|
2010
2010
|
const item_r15 = i0.ɵɵnextContext().$implicit;
|
|
2011
|
-
i0.ɵɵproperty("
|
|
2011
|
+
i0.ɵɵproperty("safeHtml", item_r15.Descricao);
|
|
2012
2012
|
}
|
|
2013
2013
|
}
|
|
2014
2014
|
function InfoBigCheckboxComponent_ng_container_3_mat_list_item_10_Template(rf, ctx) {
|
|
@@ -2195,7 +2195,7 @@ class InfoBigCheckboxComponent {
|
|
|
2195
2195
|
}
|
|
2196
2196
|
}
|
|
2197
2197
|
/** @nocollapse */ InfoBigCheckboxComponent.ɵfac = function InfoBigCheckboxComponent_Factory(t) { return new (t || InfoBigCheckboxComponent)(i0.ɵɵdirectiveInject(InfoDataService)); };
|
|
2198
|
-
/** @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, "
|
|
2198
|
+
/** @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) {
|
|
2199
2199
|
if (rf & 1) {
|
|
2200
2200
|
i0.ɵɵelementStart(0, "mat-selection-list", 0);
|
|
2201
2201
|
i0.ɵɵtemplate(1, InfoBigCheckboxComponent_mat_list_option_1_Template, 4, 5, "mat-list-option", 1);
|
|
@@ -2214,11 +2214,11 @@ class InfoBigCheckboxComponent {
|
|
|
2214
2214
|
i0.ɵɵadvance(1);
|
|
2215
2215
|
i0.ɵɵproperty("ngIf", !ctx.existData());
|
|
2216
2216
|
}
|
|
2217
|
-
}, 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}"] });
|
|
2217
|
+
}, 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}"] });
|
|
2218
2218
|
(function () {
|
|
2219
2219
|
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoBigCheckboxComponent, [{
|
|
2220
2220
|
type: Component,
|
|
2221
|
-
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\" [
|
|
2221
|
+
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"] }]
|
|
2222
2222
|
}], function () { return [{ type: InfoDataService }]; }, { readonly: [{
|
|
2223
2223
|
type: Input
|
|
2224
2224
|
}], preload: [{
|
|
@@ -2263,7 +2263,7 @@ function InfoCardComponent_p_5_Template(rf, ctx) {
|
|
|
2263
2263
|
}
|
|
2264
2264
|
if (rf & 2) {
|
|
2265
2265
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
2266
|
-
i0.ɵɵproperty("
|
|
2266
|
+
i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(1, 1, ctx_r0.description));
|
|
2267
2267
|
}
|
|
2268
2268
|
}
|
|
2269
2269
|
function InfoCardComponent_mark_6_Template(rf, ctx) {
|
|
@@ -2291,7 +2291,7 @@ class InfoCardComponent {
|
|
|
2291
2291
|
}
|
|
2292
2292
|
}
|
|
2293
2293
|
/** @nocollapse */ InfoCardComponent.ɵfac = function InfoCardComponent_Factory(t) { return new (t || InfoCardComponent)(i0.ɵɵdirectiveInject(i1$2.Router)); };
|
|
2294
|
-
/** @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, "
|
|
2294
|
+
/** @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) {
|
|
2295
2295
|
if (rf & 1) {
|
|
2296
2296
|
i0.ɵɵelementStart(0, "mat-card", 0);
|
|
2297
2297
|
i0.ɵɵlistener("click", function InfoCardComponent_Template_mat_card_click_0_listener() { return ctx.onCardClick(); });
|
|
@@ -2316,11 +2316,11 @@ class InfoCardComponent {
|
|
|
2316
2316
|
i0.ɵɵadvance(3);
|
|
2317
2317
|
i0.ɵɵtextInterpolate(ctx.icon);
|
|
2318
2318
|
}
|
|
2319
|
-
}, 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}"] });
|
|
2319
|
+
}, 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}"] });
|
|
2320
2320
|
(function () {
|
|
2321
2321
|
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoCardComponent, [{
|
|
2322
2322
|
type: Component,
|
|
2323
|
-
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\" [
|
|
2323
|
+
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"] }]
|
|
2324
2324
|
}], function () { return [{ type: i1$2.Router }]; }, { label: [{
|
|
2325
2325
|
type: Input
|
|
2326
2326
|
}], description: [{
|
|
@@ -2343,7 +2343,7 @@ function InfoMenuCardComponent_h6_2_Template(rf, ctx) {
|
|
|
2343
2343
|
}
|
|
2344
2344
|
if (rf & 2) {
|
|
2345
2345
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
2346
|
-
i0.ɵɵproperty("
|
|
2346
|
+
i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(1, 1, ctx_r0.label));
|
|
2347
2347
|
}
|
|
2348
2348
|
}
|
|
2349
2349
|
function InfoMenuCardComponent_p_3_Template(rf, ctx) {
|
|
@@ -2455,7 +2455,7 @@ class InfoMenuCardComponent {
|
|
|
2455
2455
|
}
|
|
2456
2456
|
}
|
|
2457
2457
|
/** @nocollapse */ InfoMenuCardComponent.ɵfac = function InfoMenuCardComponent_Factory(t) { return new (t || InfoMenuCardComponent)(); };
|
|
2458
|
-
/** @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, "
|
|
2458
|
+
/** @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) {
|
|
2459
2459
|
if (rf & 1) {
|
|
2460
2460
|
i0.ɵɵelementStart(0, "mat-card")(1, "mat-card-content");
|
|
2461
2461
|
i0.ɵɵtemplate(2, InfoMenuCardComponent_h6_2_Template, 2, 3, "h6", 0);
|
|
@@ -2476,11 +2476,11 @@ class InfoMenuCardComponent {
|
|
|
2476
2476
|
i0.ɵɵadvance(1);
|
|
2477
2477
|
i0.ɵɵproperty("ngIf", ctx.icon == null);
|
|
2478
2478
|
}
|
|
2479
|
-
}, 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}"] });
|
|
2479
|
+
}, 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}"] });
|
|
2480
2480
|
(function () {
|
|
2481
2481
|
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoMenuCardComponent, [{
|
|
2482
2482
|
type: Component,
|
|
2483
|
-
args: [{ selector: 'info-card-menu', template: "<mat-card>\r\n <mat-card-content>\r\n <h6 *ngIf=\"label != null\" [
|
|
2483
|
+
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"] }]
|
|
2484
2484
|
}], null, { label: [{
|
|
2485
2485
|
type: Input
|
|
2486
2486
|
}], description: [{
|
|
@@ -2552,7 +2552,7 @@ class InfoCheckboxComponent {
|
|
|
2552
2552
|
provide: NG_VALUE_ACCESSOR,
|
|
2553
2553
|
useExisting: forwardRef((() => InfoCheckboxComponent)),
|
|
2554
2554
|
multi: true
|
|
2555
|
-
}])], decls: 4, vars: 8, consts: [[1, "info-checkbox-content", "mat-form-field-margin", 3, "ngClass"], [3, "ngModel", "disabled", "ngModelChange", "change"], [3, "
|
|
2555
|
+
}])], 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) {
|
|
2556
2556
|
if (rf & 1) {
|
|
2557
2557
|
i0.ɵɵelementStart(0, "section", 0)(1, "mat-checkbox", 1);
|
|
2558
2558
|
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(); });
|
|
@@ -2565,9 +2565,9 @@ class InfoCheckboxComponent {
|
|
|
2565
2565
|
i0.ɵɵadvance(1);
|
|
2566
2566
|
i0.ɵɵproperty("ngModel", ctx.value)("disabled", ctx.disabled);
|
|
2567
2567
|
i0.ɵɵadvance(1);
|
|
2568
|
-
i0.ɵɵproperty("
|
|
2568
|
+
i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(3, 4, ctx.placeholder));
|
|
2569
2569
|
}
|
|
2570
|
-
}, 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}"] });
|
|
2570
|
+
}, 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}"] });
|
|
2571
2571
|
(function () {
|
|
2572
2572
|
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoCheckboxComponent, [{
|
|
2573
2573
|
type: Component,
|
|
@@ -2575,7 +2575,7 @@ class InfoCheckboxComponent {
|
|
|
2575
2575
|
provide: NG_VALUE_ACCESSOR,
|
|
2576
2576
|
useExisting: forwardRef((() => InfoCheckboxComponent)),
|
|
2577
2577
|
multi: true
|
|
2578
|
-
}], 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 [
|
|
2578
|
+
}], 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"] }]
|
|
2579
2579
|
}], null, { placeholder: [{
|
|
2580
2580
|
type: Input
|
|
2581
2581
|
}], type: [{
|
|
@@ -2994,7 +2994,7 @@ function InfoDialogComponent_h1_0_Template(rf, ctx) {
|
|
|
2994
2994
|
}
|
|
2995
2995
|
if (rf & 2) {
|
|
2996
2996
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
2997
|
-
i0.ɵɵproperty("
|
|
2997
|
+
i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(1, 1, ctx_r0.model.title));
|
|
2998
2998
|
}
|
|
2999
2999
|
}
|
|
3000
3000
|
function InfoDialogComponent_p_2_Template(rf, ctx) {
|
|
@@ -3004,7 +3004,7 @@ function InfoDialogComponent_p_2_Template(rf, ctx) {
|
|
|
3004
3004
|
}
|
|
3005
3005
|
if (rf & 2) {
|
|
3006
3006
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
3007
|
-
i0.ɵɵproperty("
|
|
3007
|
+
i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(1, 1, ctx_r1.model.message));
|
|
3008
3008
|
}
|
|
3009
3009
|
}
|
|
3010
3010
|
function InfoDialogComponent_info_message_3_Template(rf, ctx) {
|
|
@@ -3141,7 +3141,7 @@ class InfoDialogComponent {
|
|
|
3141
3141
|
}
|
|
3142
3142
|
}
|
|
3143
3143
|
/** @nocollapse */ InfoDialogComponent.ɵfac = function InfoDialogComponent_Factory(t) { return new (t || InfoDialogComponent)(i0.ɵɵdirectiveInject(i1$4.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); };
|
|
3144
|
-
/** @nocollapse */ InfoDialogComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoDialogComponent, selectors: [["info-dialog"]], decls: 10, vars: 9, consts: [["mat-dialog-title", "", 3, "
|
|
3144
|
+
/** @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) {
|
|
3145
3145
|
if (rf & 1) {
|
|
3146
3146
|
i0.ɵɵtemplate(0, InfoDialogComponent_h1_0_Template, 2, 3, "h1", 0);
|
|
3147
3147
|
i0.ɵɵelementStart(1, "div", 1);
|
|
@@ -3173,11 +3173,11 @@ class InfoDialogComponent {
|
|
|
3173
3173
|
i0.ɵɵadvance(2);
|
|
3174
3174
|
i0.ɵɵproperty("ngIf", ctx.model.labelCancel);
|
|
3175
3175
|
}
|
|
3176
|
-
}, dependencies: [i1$3.NgIf, i13.MatButton, i1$4.MatDialogTitle, i1$4.MatDialogContent, i1$4.MatDialogActions, InfoMessageComponent, InfoTranslatePipe], encapsulation: 2 });
|
|
3176
|
+
}, dependencies: [i1$3.NgIf, i13.MatButton, i1$4.MatDialogTitle, i1$4.MatDialogContent, i1$4.MatDialogActions, InfoSafeHtmlDirective, InfoMessageComponent, InfoTranslatePipe], encapsulation: 2 });
|
|
3177
3177
|
(function () {
|
|
3178
3178
|
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoDialogComponent, [{
|
|
3179
3179
|
type: Component,
|
|
3180
|
-
args: [{ selector: 'info-dialog', template: "<h1 mat-dialog-title *ngIf=\"model.title\" [
|
|
3180
|
+
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> " }]
|
|
3181
3181
|
}], function () {
|
|
3182
3182
|
return [{ type: i1$4.MatDialogRef }, { type: InfoDialogModel, decorators: [{
|
|
3183
3183
|
type: Inject,
|
|
@@ -4060,7 +4060,7 @@ function InfoPagebarComponent_ng_container_1_Template(rf, ctx) {
|
|
|
4060
4060
|
i0.ɵɵadvance(1);
|
|
4061
4061
|
i0.ɵɵproperty("ngIf", ctx_r0.icon);
|
|
4062
4062
|
i0.ɵɵadvance(1);
|
|
4063
|
-
i0.ɵɵproperty("
|
|
4063
|
+
i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(4, 6, ctx_r0.pagetitle));
|
|
4064
4064
|
i0.ɵɵadvance(3);
|
|
4065
4065
|
i0.ɵɵproperty("ngIf", ctx_r0.backurl);
|
|
4066
4066
|
i0.ɵɵadvance(1);
|
|
@@ -4208,7 +4208,7 @@ function InfoPagebarComponent_div_2_Template(rf, ctx) {
|
|
|
4208
4208
|
i0.ɵɵadvance(2);
|
|
4209
4209
|
i0.ɵɵproperty("ngIf", ctx_r1.podeCriarAtalho);
|
|
4210
4210
|
i0.ɵɵadvance(1);
|
|
4211
|
-
i0.ɵɵproperty("
|
|
4211
|
+
i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(8, 9, ctx_r1.description));
|
|
4212
4212
|
i0.ɵɵadvance(3);
|
|
4213
4213
|
i0.ɵɵproperty("ngIf", ctx_r1.backurl);
|
|
4214
4214
|
i0.ɵɵadvance(1);
|
|
@@ -4326,7 +4326,7 @@ class InfoPagebarComponent {
|
|
|
4326
4326
|
}
|
|
4327
4327
|
}
|
|
4328
4328
|
/** @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)); };
|
|
4329
|
-
/** @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, "
|
|
4329
|
+
/** @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) {
|
|
4330
4330
|
if (rf & 1) {
|
|
4331
4331
|
i0.ɵɵprojectionDef();
|
|
4332
4332
|
i0.ɵɵelementStart(0, "div", 0);
|
|
@@ -4345,11 +4345,11 @@ class InfoPagebarComponent {
|
|
|
4345
4345
|
i0.ɵɵadvance(1);
|
|
4346
4346
|
i0.ɵɵproperty("ngIf", ctx.loading);
|
|
4347
4347
|
}
|
|
4348
|
-
}, 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}"] });
|
|
4348
|
+
}, 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}"] });
|
|
4349
4349
|
(function () {
|
|
4350
4350
|
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoPagebarComponent, [{
|
|
4351
4351
|
type: Component,
|
|
4352
|
-
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 [
|
|
4352
|
+
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"] }]
|
|
4353
4353
|
}], function () { return [{ type: i1$2.Router }, { type: i1$4.MatDialog }, { type: InfoDataService }, { type: InfoTranslateService }, { type: InfoPlatformModel }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, { margintop: [{
|
|
4354
4354
|
type: Input
|
|
4355
4355
|
}], icon: [{
|
|
@@ -4669,7 +4669,7 @@ function InfoGridComponent_fieldset_7_Template(rf, ctx) {
|
|
|
4669
4669
|
if (rf & 2) {
|
|
4670
4670
|
const ctx_r3 = i0.ɵɵnextContext();
|
|
4671
4671
|
i0.ɵɵadvance(1);
|
|
4672
|
-
i0.ɵɵproperty("
|
|
4672
|
+
i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(2, 1, ctx_r3.pagebarTitle));
|
|
4673
4673
|
}
|
|
4674
4674
|
}
|
|
4675
4675
|
function InfoGridComponent_mat_progress_bar_9_Template(rf, ctx) {
|
|
@@ -4838,7 +4838,7 @@ function InfoGridComponent_table_10_tr_7_ng_container_2_ng_container_2_ng_contai
|
|
|
4838
4838
|
const mod_r55 = ctx_r89.$implicit;
|
|
4839
4839
|
const j_r56 = ctx_r89.index;
|
|
4840
4840
|
const ctx_r85 = i0.ɵɵnextContext(2);
|
|
4841
|
-
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]))("
|
|
4841
|
+
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]) || "");
|
|
4842
4842
|
}
|
|
4843
4843
|
}
|
|
4844
4844
|
function InfoGridComponent_table_10_tr_7_ng_container_2_ng_container_2_ng_container_1_td_1_label_2_Template(rf, ctx) {
|
|
@@ -4974,7 +4974,7 @@ function InfoGridComponent_table_10_tr_7_ng_container_2_ng_container_2_td_2_Temp
|
|
|
4974
4974
|
if (rf & 2) {
|
|
4975
4975
|
const col_r66 = i0.ɵɵnextContext(2).$implicit;
|
|
4976
4976
|
const mod_r55 = i0.ɵɵnextContext().$implicit;
|
|
4977
|
-
i0.ɵɵproperty("
|
|
4977
|
+
i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind2(1, 1, mod_r55[col_r66], "shortDate"));
|
|
4978
4978
|
}
|
|
4979
4979
|
}
|
|
4980
4980
|
function InfoGridComponent_table_10_tr_7_ng_container_2_ng_container_2_td_3_Template(rf, ctx) {
|
|
@@ -5000,7 +5000,7 @@ function InfoGridComponent_table_10_tr_7_ng_container_2_ng_container_2_td_4_Temp
|
|
|
5000
5000
|
if (rf & 2) {
|
|
5001
5001
|
const col_r66 = i0.ɵɵnextContext(2).$implicit;
|
|
5002
5002
|
const mod_r55 = i0.ɵɵnextContext().$implicit;
|
|
5003
|
-
i0.ɵɵproperty("
|
|
5003
|
+
i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind2(1, 1, mod_r55[col_r66], "MM/yyyy"));
|
|
5004
5004
|
}
|
|
5005
5005
|
}
|
|
5006
5006
|
function InfoGridComponent_table_10_tr_7_ng_container_2_ng_container_2_td_5_Template(rf, ctx) {
|
|
@@ -6137,7 +6137,7 @@ class InfoGridComponent {
|
|
|
6137
6137
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.formSearch = _t.first);
|
|
6138
6138
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.paginator = _t.first);
|
|
6139
6139
|
}
|
|
6140
|
-
}, 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, "
|
|
6140
|
+
}, 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) {
|
|
6141
6141
|
if (rf & 1) {
|
|
6142
6142
|
i0.ɵɵprojectionDef();
|
|
6143
6143
|
i0.ɵɵtemplate(0, InfoGridComponent_info_pagebar_0_Template, 6, 7, "info-pagebar", 0);
|
|
@@ -6180,11 +6180,11 @@ class InfoGridComponent {
|
|
|
6180
6180
|
i0.ɵɵadvance(1);
|
|
6181
6181
|
i0.ɵɵproperty("messages", ctx.messages);
|
|
6182
6182
|
}
|
|
6183
|
-
}, 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}"] });
|
|
6183
|
+
}, 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}"] });
|
|
6184
6184
|
(function () {
|
|
6185
6185
|
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoGridComponent, [{
|
|
6186
6186
|
type: Component,
|
|
6187
|
-
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"] }]
|
|
6187
|
+
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"] }]
|
|
6188
6188
|
}], 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: [{
|
|
6189
6189
|
type: Input
|
|
6190
6190
|
}], prefixtitle: [{
|
|
@@ -6726,7 +6726,7 @@ function InfoListCheckboxComponent_li_9_Template(rf, ctx) {
|
|
|
6726
6726
|
i0.ɵɵadvance(1);
|
|
6727
6727
|
i0.ɵɵproperty("ngModel", item_r9.Selecionado)("disabled", ctx_r2.disabled);
|
|
6728
6728
|
i0.ɵɵadvance(1);
|
|
6729
|
-
i0.ɵɵproperty("
|
|
6729
|
+
i0.ɵɵproperty("safeHtml", item_r9.Descricao);
|
|
6730
6730
|
}
|
|
6731
6731
|
}
|
|
6732
6732
|
function InfoListCheckboxComponent_div_13_label_5_Template(rf, ctx) {
|
|
@@ -6780,7 +6780,7 @@ function InfoListCheckboxComponent_div_13_li_8_Template(rf, ctx) {
|
|
|
6780
6780
|
i0.ɵɵadvance(1);
|
|
6781
6781
|
i0.ɵɵproperty("ngModel", item_r19.Selecionado)("indeterminate", true)("disabled", ctx_r15.disabled);
|
|
6782
6782
|
i0.ɵɵadvance(1);
|
|
6783
|
-
i0.ɵɵproperty("
|
|
6783
|
+
i0.ɵɵproperty("safeHtml", item_r19.Descricao);
|
|
6784
6784
|
}
|
|
6785
6785
|
}
|
|
6786
6786
|
function InfoListCheckboxComponent_div_13_Template(rf, ctx) {
|
|
@@ -6856,7 +6856,7 @@ class InfoListCheckboxComponent {
|
|
|
6856
6856
|
}
|
|
6857
6857
|
}
|
|
6858
6858
|
/** @nocollapse */ InfoListCheckboxComponent.ɵfac = function InfoListCheckboxComponent_Factory(t) { return new (t || InfoListCheckboxComponent)(i0.ɵɵdirectiveInject(InfoTranslateService)); };
|
|
6859
|
-
/** @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, "
|
|
6859
|
+
/** @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) {
|
|
6860
6860
|
if (rf & 1) {
|
|
6861
6861
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "mat-form-field", 2)(3, "input", 3);
|
|
6862
6862
|
i0.ɵɵlistener("ngModelChange", function InfoListCheckboxComponent_Template_input_ngModelChange_3_listener($event) { return ctx.filterList = $event; });
|
|
@@ -6891,11 +6891,11 @@ class InfoListCheckboxComponent {
|
|
|
6891
6891
|
i0.ɵɵadvance(1);
|
|
6892
6892
|
i0.ɵɵproperty("ngIf", !ctx.onelist);
|
|
6893
6893
|
}
|
|
6894
|
-
}, 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}"] });
|
|
6894
|
+
}, 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}"] });
|
|
6895
6895
|
(function () {
|
|
6896
6896
|
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoListCheckboxComponent, [{
|
|
6897
6897
|
type: Component,
|
|
6898
|
-
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 [
|
|
6898
|
+
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"] }]
|
|
6899
6899
|
}], function () { return [{ type: InfoTranslateService }]; }, { filterlabel: [{
|
|
6900
6900
|
type: Input
|
|
6901
6901
|
}], filterdescription: [{
|
|
@@ -6937,7 +6937,7 @@ function InfoSelectComponent_mat_option_4_Template(rf, ctx) {
|
|
|
6937
6937
|
if (rf & 2) {
|
|
6938
6938
|
const i_r3 = ctx.$implicit;
|
|
6939
6939
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
6940
|
-
i0.ɵɵproperty("value", i_r3.Id)("
|
|
6940
|
+
i0.ɵɵproperty("value", i_r3.Id)("safeHtml", i0.ɵɵpipeBind2(1, 2, i_r3.Nome, ctx_r1.notranslate === null));
|
|
6941
6941
|
}
|
|
6942
6942
|
}
|
|
6943
6943
|
function InfoSelectComponent_mat_progress_bar_6_Template(rf, ctx) {
|
|
@@ -7036,7 +7036,7 @@ class InfoSelectComponent {
|
|
|
7036
7036
|
provide: NG_VALUE_ACCESSOR,
|
|
7037
7037
|
useExisting: forwardRef((() => InfoSelectComponent)),
|
|
7038
7038
|
multi: true
|
|
7039
|
-
}])], decls: 7, vars: 9, consts: [[3, "placeholder", "ngModel", "disabled", "required", "ngModelChange", "selectionChange"], [3, "value", 4, "ngIf"], [3, "value", "
|
|
7039
|
+
}])], 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) {
|
|
7040
7040
|
if (rf & 1) {
|
|
7041
7041
|
i0.ɵɵelementStart(0, "mat-form-field")(1, "mat-select", 0);
|
|
7042
7042
|
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(); });
|
|
@@ -7058,7 +7058,7 @@ class InfoSelectComponent {
|
|
|
7058
7058
|
i0.ɵɵadvance(2);
|
|
7059
7059
|
i0.ɵɵproperty("ngIf", ctx.loading);
|
|
7060
7060
|
}
|
|
7061
|
-
}, 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}"] });
|
|
7061
|
+
}, 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}"] });
|
|
7062
7062
|
(function () {
|
|
7063
7063
|
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoSelectComponent, [{
|
|
7064
7064
|
type: Component,
|
|
@@ -7066,7 +7066,7 @@ class InfoSelectComponent {
|
|
|
7066
7066
|
provide: NG_VALUE_ACCESSOR,
|
|
7067
7067
|
useExisting: forwardRef((() => InfoSelectComponent)),
|
|
7068
7068
|
multi: true
|
|
7069
|
-
}], 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\" [
|
|
7069
|
+
}], 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"] }]
|
|
7070
7070
|
}], function () { return [{ type: InfoDataService }]; }, { placeholder: [{
|
|
7071
7071
|
type: Input
|
|
7072
7072
|
}], name: [{
|
|
@@ -7157,7 +7157,7 @@ function InfoTimelineComponent_div_4_Template(rf, ctx) {
|
|
|
7157
7157
|
i0.ɵɵadvance(2);
|
|
7158
7158
|
i0.ɵɵproperty("ngIf", item_r2.Title);
|
|
7159
7159
|
i0.ɵɵadvance(1);
|
|
7160
|
-
i0.ɵɵproperty("
|
|
7160
|
+
i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(5, 4, item_r2.Content));
|
|
7161
7161
|
i0.ɵɵadvance(2);
|
|
7162
7162
|
i0.ɵɵproperty("ngIf", item_r2.Date);
|
|
7163
7163
|
}
|
|
@@ -7186,7 +7186,7 @@ class InfoTimelineComponent {
|
|
|
7186
7186
|
if (rf & 2) {
|
|
7187
7187
|
i0.ɵɵclassProp("timeline", true)("show-date", true)("align-left", ctx.alignLeft)("align-center", ctx.alignCenter)("align-right", ctx.alignRight)("align-between", ctx.alignBetween);
|
|
7188
7188
|
}
|
|
7189
|
-
}, 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, "
|
|
7189
|
+
}, 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) {
|
|
7190
7190
|
if (rf & 1) {
|
|
7191
7191
|
i0.ɵɵelement(0, "span", 0);
|
|
7192
7192
|
i0.ɵɵelementStart(1, "div", 1);
|
|
@@ -7201,14 +7201,14 @@ class InfoTimelineComponent {
|
|
|
7201
7201
|
i0.ɵɵadvance(2);
|
|
7202
7202
|
i0.ɵɵproperty("ngForOf", ctx.data);
|
|
7203
7203
|
}
|
|
7204
|
-
}, 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}}"] });
|
|
7204
|
+
}, 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}}"] });
|
|
7205
7205
|
(function () {
|
|
7206
7206
|
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoTimelineComponent, [{
|
|
7207
7207
|
type: Component,
|
|
7208
7208
|
args: [{ selector: 'info-timeline', host: {
|
|
7209
7209
|
'[class.timeline]': 'true',
|
|
7210
7210
|
'[class.show-date]': 'true'
|
|
7211
|
-
}, 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 [
|
|
7211
|
+
}, 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"] }]
|
|
7212
7212
|
}], function () { return []; }, { showdate: [{
|
|
7213
7213
|
type: Input
|
|
7214
7214
|
}], align: [{
|
|
@@ -7381,7 +7381,7 @@ function InfoMultiSelectComponent_mat_option_5_Template(rf, ctx) {
|
|
|
7381
7381
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
7382
7382
|
i0.ɵɵproperty("value", i_r2.Id);
|
|
7383
7383
|
i0.ɵɵadvance(1);
|
|
7384
|
-
i0.ɵɵproperty("
|
|
7384
|
+
i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind2(2, 2, i_r2.Nome, ctx_r0.notranslate === null));
|
|
7385
7385
|
}
|
|
7386
7386
|
}
|
|
7387
7387
|
function InfoMultiSelectComponent_mat_progress_bar_7_Template(rf, ctx) {
|
|
@@ -7474,7 +7474,7 @@ class InfoMultiSelectComponent {
|
|
|
7474
7474
|
provide: NG_VALUE_ACCESSOR,
|
|
7475
7475
|
useExisting: forwardRef((() => InfoMultiSelectComponent)),
|
|
7476
7476
|
multi: true
|
|
7477
|
-
}])], 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, "
|
|
7477
|
+
}])], 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) {
|
|
7478
7478
|
if (rf & 1) {
|
|
7479
7479
|
i0.ɵɵelementStart(0, "mat-form-field")(1, "mat-label");
|
|
7480
7480
|
i0.ɵɵtext(2);
|
|
@@ -7498,7 +7498,7 @@ class InfoMultiSelectComponent {
|
|
|
7498
7498
|
i0.ɵɵadvance(2);
|
|
7499
7499
|
i0.ɵɵproperty("ngIf", ctx.loading);
|
|
7500
7500
|
}
|
|
7501
|
-
}, 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}"] });
|
|
7501
|
+
}, 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}"] });
|
|
7502
7502
|
(function () {
|
|
7503
7503
|
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoMultiSelectComponent, [{
|
|
7504
7504
|
type: Component,
|
|
@@ -7506,7 +7506,7 @@ class InfoMultiSelectComponent {
|
|
|
7506
7506
|
provide: NG_VALUE_ACCESSOR,
|
|
7507
7507
|
useExisting: forwardRef((() => InfoMultiSelectComponent)),
|
|
7508
7508
|
multi: true
|
|
7509
|
-
}], 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 [
|
|
7509
|
+
}], 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"] }]
|
|
7510
7510
|
}], function () { return [{ type: InfoDataService }]; }, { placeholder: [{
|
|
7511
7511
|
type: Input
|
|
7512
7512
|
}], name: [{
|
|
@@ -8346,7 +8346,7 @@ function InfoTopbarComponent_ng_container_0_div_29_ng_container_14_li_1_Template
|
|
|
8346
8346
|
i0.ɵɵadvance(4);
|
|
8347
8347
|
i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(5, 3, "Dia"), " ", item_r40.Date, "");
|
|
8348
8348
|
i0.ɵɵadvance(2);
|
|
8349
|
-
i0.ɵɵproperty("
|
|
8349
|
+
i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(7, 5, item_r40.Description));
|
|
8350
8350
|
}
|
|
8351
8351
|
}
|
|
8352
8352
|
function InfoTopbarComponent_ng_container_0_div_29_ng_container_14_Template(rf, ctx) {
|
|
@@ -8694,7 +8694,7 @@ function InfoTopbarComponent_ng_container_1_div_28_ng_container_12_li_1_Template
|
|
|
8694
8694
|
i0.ɵɵadvance(3);
|
|
8695
8695
|
i0.ɵɵtextInterpolate(item_r85.Icon);
|
|
8696
8696
|
i0.ɵɵadvance(2);
|
|
8697
|
-
i0.ɵɵproperty("
|
|
8697
|
+
i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(6, 3, item_r85.Description));
|
|
8698
8698
|
i0.ɵɵadvance(3);
|
|
8699
8699
|
i0.ɵɵtextInterpolate(item_r85.Date);
|
|
8700
8700
|
}
|
|
@@ -9173,7 +9173,7 @@ class InfoTopbarComponent {
|
|
|
9173
9173
|
}
|
|
9174
9174
|
}
|
|
9175
9175
|
/** @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)); };
|
|
9176
|
-
/** @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$2, 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, "
|
|
9176
|
+
/** @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$2, 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) {
|
|
9177
9177
|
if (rf & 1) {
|
|
9178
9178
|
i0.ɵɵprojectionDef();
|
|
9179
9179
|
i0.ɵɵtemplate(0, InfoTopbarComponent_ng_container_0_Template, 47, 29, "ng-container", 0);
|
|
@@ -9190,11 +9190,11 @@ class InfoTopbarComponent {
|
|
|
9190
9190
|
i0.ɵɵadvance(1);
|
|
9191
9191
|
i0.ɵɵproperty("ngIf", ctx.loading);
|
|
9192
9192
|
}
|
|
9193
|
-
}, 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}"] });
|
|
9193
|
+
}, 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}"] });
|
|
9194
9194
|
(function () {
|
|
9195
9195
|
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoTopbarComponent, [{
|
|
9196
9196
|
type: Component,
|
|
9197
|
-
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"] }]
|
|
9197
|
+
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"] }]
|
|
9198
9198
|
}], 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: [{
|
|
9199
9199
|
type: Input
|
|
9200
9200
|
}], languages: [{
|