info-library 2.14.52 → 2.14.53-beta.1

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.
Files changed (34) hide show
  1. package/directives/index.d.ts +1 -0
  2. package/directives/safehtml.directive.d.ts +16 -0
  3. package/esm2020/controls/alert/alert.component.mjs +7 -6
  4. package/esm2020/controls/autocomplete/autocomplete.component.mjs +7 -6
  5. package/esm2020/controls/big-checkbox/big-checkbox.component.mjs +10 -9
  6. package/esm2020/controls/card/card.component.mjs +7 -6
  7. package/esm2020/controls/card-menu/card-menu.component.mjs +7 -6
  8. package/esm2020/controls/checkbox/checkbox.component.mjs +7 -6
  9. package/esm2020/controls/grid/grid.component.mjs +17 -16
  10. package/esm2020/controls/list-checkbox/list-checkbox.component.mjs +8 -7
  11. package/esm2020/controls/multi-select/multi-select.component.mjs +7 -6
  12. package/esm2020/controls/select/select.component.mjs +7 -6
  13. package/esm2020/controls/timeline/timeline.component.mjs +7 -6
  14. package/esm2020/directives/index.mjs +2 -0
  15. package/esm2020/directives/safehtml.directive.mjs +42 -0
  16. package/esm2020/global-config.mjs +2 -1
  17. package/esm2020/info-library.module.mjs +6 -1
  18. package/esm2020/layouts/dialog/dialog.component.mjs +11 -10
  19. package/esm2020/layouts/modal/modal.component.mjs +10 -9
  20. package/esm2020/layouts/pagebar/pagebar.component.mjs +14 -13
  21. package/esm2020/layouts/topbar/topbar.component.mjs +8 -7
  22. package/esm2020/model/html-sanitizer-config.model.mjs +9 -0
  23. package/esm2020/public_api.mjs +3 -2
  24. package/esm2020/service/configuration.service.mjs +20 -1
  25. package/fesm2015/info-library.mjs +199 -127
  26. package/fesm2015/info-library.mjs.map +1 -1
  27. package/fesm2020/info-library.mjs +194 -127
  28. package/fesm2020/info-library.mjs.map +1 -1
  29. package/global-config.d.ts +2 -0
  30. package/info-library.module.d.ts +53 -52
  31. package/model/html-sanitizer-config.model.d.ts +4 -0
  32. package/package.json +4 -4
  33. package/public_api.d.ts +2 -1
  34. package/service/configuration.service.d.ts +1 -0
@@ -1,19 +1,20 @@
1
1
  import * as i0 from '@angular/core';
2
- import { InjectionToken, Injectable, Inject, Pipe, Component, Input, EventEmitter, forwardRef, Output, ViewChild, Renderer2, ElementRef, Directive, HostListener, ContentChildren, HostBinding, SecurityContext, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
2
+ import { InjectionToken, SecurityContext, Directive, Inject, Input, Injectable, Pipe, Component, EventEmitter, forwardRef, Output, ViewChild, Renderer2, ElementRef, HostListener, ContentChildren, HostBinding, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
3
+ import * as i1 from '@angular/platform-browser';
4
+ import DOMPurify from 'dompurify';
3
5
  import { conformToMask, createTextMaskInputElement } from 'text-mask-core/dist/textMaskCore';
4
- import * as i1$1 from '@angular/router';
6
+ import * as i1$2 from '@angular/router';
5
7
  import { NavigationStart, GuardsCheckStart, NavigationEnd, RouterModule } from '@angular/router';
6
- import * as i1 from '@angular/common/http';
8
+ import * as i1$1 from '@angular/common/http';
7
9
  import { HttpHeaders, HttpClientModule } from '@angular/common/http';
8
10
  import { of, Observable } from 'rxjs';
9
11
  import { map, catchError, switchMap, debounceTime, distinctUntilChanged } from 'rxjs/operators';
10
12
  import * as CryptoJS from 'crypto-js';
11
- import * as i1$3 from '@angular/material/dialog';
13
+ import * as i1$4 from '@angular/material/dialog';
12
14
  import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
13
- import * as i9 from '@angular/platform-browser';
14
15
  import * as i2 from '@angular/forms';
15
16
  import { NG_VALUE_ACCESSOR, UntypedFormControl, FormControl, NgControl, NgModel, NgForm, FormsModule, ReactiveFormsModule } from '@angular/forms';
16
- import * as i1$2 from '@angular/common';
17
+ import * as i1$3 from '@angular/common';
17
18
  import { CommonModule } from '@angular/common';
18
19
  import * as i4 from '@angular/material/icon';
19
20
  import { MatIconModule } from '@angular/material/icon';
@@ -21,14 +22,14 @@ import * as i13 from '@angular/material/button';
21
22
  import { MatButtonModule } from '@angular/material/button';
22
23
  import * as i7 from '@angular/material/progress-bar';
23
24
  import { MatProgressBarModule } from '@angular/material/progress-bar';
24
- import * as i1$4 from '@angular/cdk/overlay';
25
+ import * as i1$5 from '@angular/cdk/overlay';
25
26
  import * as i4$1 from '@angular/material/form-field';
26
27
  import { MatFormFieldModule } from '@angular/material/form-field';
27
28
  import * as i6 from '@angular/material/input';
28
29
  import { MatInputModule } from '@angular/material/input';
29
30
  import * as i6$1 from '@angular/material/core';
30
31
  import { MAT_DATE_LOCALE, DateAdapter, MAT_DATE_FORMATS } from '@angular/material/core';
31
- import * as i9$1 from '@angular/material/autocomplete';
32
+ import * as i9 from '@angular/material/autocomplete';
32
33
  import { MatAutocompleteModule } from '@angular/material/autocomplete';
33
34
  import * as i7$1 from '@angular/material/list';
34
35
  import { MatListModule } from '@angular/material/list';
@@ -55,7 +56,51 @@ import { MatChipsModule } from '@angular/material/chips';
55
56
  import { MatRadioModule } from '@angular/material/radio';
56
57
 
57
58
  const DICTIONARIES_CONFIG = new InjectionToken('DICTIONARIES_CONFIG');
58
- const APICONTROLLER_CONFIG = new InjectionToken('APICONTROLLER_CONFIG');
59
+ const APICONTROLLER_CONFIG = new InjectionToken('APICONTROLLER_CONFIG');
60
+ const HTML_SANITIZER_CONFIG = new InjectionToken('HTML_SANITIZER_CONFIG');
61
+
62
+ class HtmlSanitizerConfig {
63
+ constructor() {
64
+ //allowedTags: string[] = ['small', 'b', 'strong', 'i', 'em', 'u', 'br', 'p', 'span', 'ul', 'ol', 'li'];
65
+ //allowedAttributes: string[] = [ 'class' ];
66
+ this.forbiddenTags = ['img', 'iframe', 'script', 'svg', 'object', 'embed', 'video', 'audio', 'source', 'style'];
67
+ this.forbiddenAttributes = ['style', 'src', 'srcset', 'onerror', 'onclick', 'onload'];
68
+ }
69
+ }
70
+
71
+ class InfoSafeHtmlDirective {
72
+ constructor(elementRef, sanitizer, config) {
73
+ this.elementRef = elementRef;
74
+ this.sanitizer = sanitizer;
75
+ this.config = config;
76
+ this.safeHtml = '';
77
+ this.defaultConfig = new HtmlSanitizerConfig();
78
+ this.domPurifyConfig = {
79
+ FORBID_TAGS: this.config?.forbiddenTags ?? this.defaultConfig.forbiddenTags,
80
+ FORBID_ATTR: this.config?.forbiddenAttributes ?? this.defaultConfig.forbiddenAttributes
81
+ };
82
+ }
83
+ ngOnChanges() {
84
+ if (!this.safeHtml)
85
+ return;
86
+ const sanitized = DOMPurify.sanitize(this.safeHtml, this.domPurifyConfig);
87
+ const finalHtml = this.sanitizer.sanitize(SecurityContext.HTML, sanitized) || '';
88
+ this.elementRef.nativeElement.innerHTML = finalHtml;
89
+ }
90
+ }
91
+ /** @nocollapse */ InfoSafeHtmlDirective.ɵfac = function InfoSafeHtmlDirective_Factory(t) { return new (t || InfoSafeHtmlDirective)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.DomSanitizer), i0.ɵɵdirectiveInject(HTML_SANITIZER_CONFIG)); };
92
+ /** @nocollapse */ InfoSafeHtmlDirective.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: InfoSafeHtmlDirective, selectors: [["", "safeHtml", ""]], inputs: { safeHtml: "safeHtml" }, features: [i0.ɵɵNgOnChangesFeature] });
93
+ (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoSafeHtmlDirective, [{
94
+ type: Directive,
95
+ args: [{
96
+ selector: '[safeHtml]'
97
+ }]
98
+ }], function () { return [{ type: i0.ElementRef }, { type: i1.DomSanitizer }, { type: HtmlSanitizerConfig, decorators: [{
99
+ type: Inject,
100
+ args: [HTML_SANITIZER_CONFIG]
101
+ }] }]; }, { safeHtml: [{
102
+ type: Input
103
+ }] }); })();
59
104
 
60
105
  class InfoAppConfigModel {
61
106
  constructor() {
@@ -692,7 +737,7 @@ class InfoDataService {
692
737
  return method.substring(0, method.indexOf('?')) + '?' + encodeURIComponent(this._utilities.jsonToEncrypt(method.substring(method.indexOf('?') + 1).replace(/null/g, '').replace(/undefined/g, '')));
693
738
  }
694
739
  }
695
- /** @nocollapse */ InfoDataService.ɵfac = function InfoDataService_Factory(t) { return new (t || InfoDataService)(i0.ɵɵinject(APICONTROLLER_CONFIG), i0.ɵɵinject(i1.HttpClient), i0.ɵɵinject(i1$1.Router), i0.ɵɵinject(InfoPlatformModel), i0.ɵɵinject(Utilities)); };
740
+ /** @nocollapse */ InfoDataService.ɵfac = function InfoDataService_Factory(t) { return new (t || InfoDataService)(i0.ɵɵinject(APICONTROLLER_CONFIG), i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(i1$2.Router), i0.ɵɵinject(InfoPlatformModel), i0.ɵɵinject(Utilities)); };
696
741
  /** @nocollapse */ InfoDataService.ɵprov = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjectable({ token: InfoDataService, factory: InfoDataService.ɵfac, providedIn: 'root' });
697
742
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoDataService, [{
698
743
  type: Injectable,
@@ -702,7 +747,7 @@ class InfoDataService {
702
747
  }], function () { return [{ type: undefined, decorators: [{
703
748
  type: Inject,
704
749
  args: [APICONTROLLER_CONFIG]
705
- }] }, { type: i1.HttpClient }, { type: i1$1.Router }, { type: InfoPlatformModel }, { type: Utilities }]; }, null); })();
750
+ }] }, { type: i1$1.HttpClient }, { type: i1$2.Router }, { type: InfoPlatformModel }, { type: Utilities }]; }, null); })();
706
751
 
707
752
  function InfoAlertComponent_div_0_li_8_Template(rf, ctx) { if (rf & 1) {
708
753
  i0.ɵɵelementStart(0, "li")(1, "mat-icon");
@@ -714,7 +759,7 @@ function InfoAlertComponent_div_0_li_8_Template(rf, ctx) { if (rf & 1) {
714
759
  } if (rf & 2) {
715
760
  const m_r3 = ctx.$implicit;
716
761
  i0.ɵɵadvance(3);
717
- i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind1(4, 1, m_r3), i0.ɵɵsanitizeHtml);
762
+ i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(4, 1, m_r3));
718
763
  } }
719
764
  function InfoAlertComponent_div_0_Template(rf, ctx) { if (rf & 1) {
720
765
  const _r5 = i0.ɵɵgetCurrentView();
@@ -749,12 +794,12 @@ class InfoAlertComponent {
749
794
  }
750
795
  }
751
796
  /** @nocollapse */ InfoAlertComponent.ɵfac = function InfoAlertComponent_Factory(t) { return new (t || InfoAlertComponent)(); };
752
- /** @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, "innerHTML"]], template: function InfoAlertComponent_Template(rf, ctx) { if (rf & 1) {
797
+ /** @nocollapse */ InfoAlertComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoAlertComponent, selectors: [["info-alert"]], inputs: { messages: "messages" }, ngContentSelectors: _c1$9, decls: 1, vars: 2, consts: [[4, "ngIf"], [1, "alert"], ["alert", ""], [4, "ngFor", "ngForOf"], [1, "close", 3, "click"], [1, "material-icons"], [3, "safeHtml"]], template: function InfoAlertComponent_Template(rf, ctx) { if (rf & 1) {
753
798
  i0.ɵɵprojectionDef();
754
799
  i0.ɵɵtemplate(0, InfoAlertComponent_div_0_Template, 12, 4, "div", 0);
755
800
  } if (rf & 2) {
756
801
  i0.ɵɵproperty("ngIf", ctx.messages != i0.ɵɵpureFunction0(1, _c0$i) && ctx.messages.length > 0);
757
- } }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i4.MatIcon, InfoTranslatePipe], styles: ["body[_ngcontent-%COMP%]{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}[_nghost-%COMP%]{display:block;position:fixed;bottom:70px;right:30px;margin-left:280px;min-width:350px;z-index:100}[_nghost-%COMP%]:last-child{margin-bottom:0}[_nghost-%COMP%] .alert[_ngcontent-%COMP%]{box-shadow:0 5px 5px 2px #00000040;padding:1.0476190667rem 1.5714286rem;position:relative}[_nghost-%COMP%] .alert[_ngcontent-%COMP%] h5[_ngcontent-%COMP%]{text-align:center;padding-bottom:10px;margin:0 -20px 5px;border-bottom:solid 1px rgba(255,255,255,.1)}[_nghost-%COMP%] .alert[_ngcontent-%COMP%] ul[_ngcontent-%COMP%]{padding:0;margin:0;list-style:none}[_nghost-%COMP%] .alert[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%]{border-bottom:solid 1px rgba(255,255,255,.1);padding:7px 5px}[_nghost-%COMP%] .alert[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%]:last-child{border-bottom:none}[_nghost-%COMP%] .alert[_ngcontent-%COMP%] .close[_ngcontent-%COMP%]{color:#fff;font-size:20px;line-height:1;position:absolute;right:10px;top:15px;transition:background .2s ease-in-out,color .2s ease-in-out}[_nghost-%COMP%] .alert[_ngcontent-%COMP%] .close[_ngcontent-%COMP%]:hover{cursor:pointer;color:#ddd}[_nghost-%COMP%] .alert[_ngcontent-%COMP%] .close[_ngcontent-%COMP%] .material-icons[_ngcontent-%COMP%]{color:inherit;font-size:inherit;margin:0;vertical-align:top}[_nghost-%COMP%] .alert[_ngcontent-%COMP%] .material-icons{color:main-color(A100);margin:0 1.5714286rem 0 0;vertical-align:top}"] });
802
+ } }, dependencies: [i1$3.NgForOf, i1$3.NgIf, i4.MatIcon, InfoSafeHtmlDirective, InfoTranslatePipe], styles: ["body[_ngcontent-%COMP%]{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}[_nghost-%COMP%]{display:block;position:fixed;bottom:70px;right:30px;margin-left:280px;min-width:350px;z-index:100}[_nghost-%COMP%]:last-child{margin-bottom:0}[_nghost-%COMP%] .alert[_ngcontent-%COMP%]{box-shadow:0 5px 5px 2px #00000040;padding:1.0476190667rem 1.5714286rem;position:relative}[_nghost-%COMP%] .alert[_ngcontent-%COMP%] h5[_ngcontent-%COMP%]{text-align:center;padding-bottom:10px;margin:0 -20px 5px;border-bottom:solid 1px rgba(255,255,255,.1)}[_nghost-%COMP%] .alert[_ngcontent-%COMP%] ul[_ngcontent-%COMP%]{padding:0;margin:0;list-style:none}[_nghost-%COMP%] .alert[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%]{border-bottom:solid 1px rgba(255,255,255,.1);padding:7px 5px}[_nghost-%COMP%] .alert[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%]:last-child{border-bottom:none}[_nghost-%COMP%] .alert[_ngcontent-%COMP%] .close[_ngcontent-%COMP%]{color:#fff;font-size:20px;line-height:1;position:absolute;right:10px;top:15px;transition:background .2s ease-in-out,color .2s ease-in-out}[_nghost-%COMP%] .alert[_ngcontent-%COMP%] .close[_ngcontent-%COMP%]:hover{cursor:pointer;color:#ddd}[_nghost-%COMP%] .alert[_ngcontent-%COMP%] .close[_ngcontent-%COMP%] .material-icons[_ngcontent-%COMP%]{color:inherit;font-size:inherit;margin:0;vertical-align:top}[_nghost-%COMP%] .alert[_ngcontent-%COMP%] .material-icons{color:main-color(A100);margin:0 1.5714286rem 0 0;vertical-align:top}"] });
758
803
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoAlertComponent, [{
759
804
  type: Component,
760
805
  args: [{ selector: 'info-alert', template: `
@@ -763,7 +808,7 @@ class InfoAlertComponent {
763
808
  <h5>{{ 'Atencao' | translate }}</h5>
764
809
  <ng-content></ng-content>
765
810
  <ul>
766
- <li *ngFor="let m of messages"><mat-icon>error</mat-icon><label [innerHTML]="m | translate"></label></li>
811
+ <li *ngFor="let m of messages"><mat-icon>error</mat-icon><label [safeHtml]="m | translate"></label></li>
767
812
  </ul>
768
813
  <a class="close" (click)="onClose()"><i class="material-icons">clear</i></a>
769
814
  </div>
@@ -942,14 +987,14 @@ class InfoModalComponent {
942
987
  }
943
988
  setDisabledState(isDisabled) { }
944
989
  }
945
- /** @nocollapse */ InfoModalComponent.ɵfac = function InfoModalComponent_Factory(t) { return new (t || InfoModalComponent)(i0.ɵɵdirectiveInject(InfoDataService), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA), i0.ɵɵdirectiveInject(i1$3.MatDialogRef)); };
990
+ /** @nocollapse */ InfoModalComponent.ɵfac = function InfoModalComponent_Factory(t) { return new (t || InfoModalComponent)(i0.ɵɵdirectiveInject(InfoDataService), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA), i0.ɵɵdirectiveInject(i1$4.MatDialogRef)); };
946
991
  /** @nocollapse */ InfoModalComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoModalComponent, selectors: [["info-modal"]], inputs: { modaltitle: "modaltitle", showcloseicon: "showcloseicon", api: "api", method: "method", readonly: "readonly", loading: "loading", loadingblock: "loadingblock", form: "form", labelclose: "labelclose", labelcancel: "labelcancel", labelsubmit: "labelsubmit", messages: "messages", width: "width" }, outputs: { onsave: "onsave", onsuccess: "onsuccess" }, features: [i0.ɵɵProvidersFeature([
947
992
  {
948
993
  provide: NG_VALUE_ACCESSOR,
949
994
  useExisting: forwardRef((() => InfoModalComponent)),
950
995
  multi: true
951
996
  }
952
- ])], ngContentSelectors: _c1$8, decls: 12, vars: 8, consts: [["mat-dialog-title", ""], [3, "innerHTML"], ["class", "close-icon", 3, "click", 4, "ngIf"], ["class", "loading-bar", 4, "ngIf"], [1, "info-modal-content"], ["class", "ml-5", 4, "ngIf"], ["class", "block", 4, "ngIf"], [3, "messages"], [1, "close-icon", 3, "click"], [1, "loading-bar"], ["color", "primary", "mode", "indeterminate"], [1, "ml-5"], ["mat-button", "", "type", "button", 3, "disabled", "click", 4, "ngIf"], ["mat-button", "", "type", "button", "color", "warn", 3, "disabled", "click", 4, "ngIf"], ["mat-button", "", "type", "button", 3, "disabled", "click"], ["mat-button", "", "type", "button", "color", "warn", 3, "disabled", "click"], [1, "block"]], template: function InfoModalComponent_Template(rf, ctx) { if (rf & 1) {
997
+ ])], ngContentSelectors: _c1$8, decls: 12, vars: 8, consts: [["mat-dialog-title", ""], [3, "safeHtml"], ["class", "close-icon", 3, "click", 4, "ngIf"], ["class", "loading-bar", 4, "ngIf"], [1, "info-modal-content"], ["class", "ml-5", 4, "ngIf"], ["class", "block", 4, "ngIf"], [3, "messages"], [1, "close-icon", 3, "click"], [1, "loading-bar"], ["color", "primary", "mode", "indeterminate"], [1, "ml-5"], ["mat-button", "", "type", "button", 3, "disabled", "click", 4, "ngIf"], ["mat-button", "", "type", "button", "color", "warn", 3, "disabled", "click", 4, "ngIf"], ["mat-button", "", "type", "button", 3, "disabled", "click"], ["mat-button", "", "type", "button", "color", "warn", 3, "disabled", "click"], [1, "block"]], template: function InfoModalComponent_Template(rf, ctx) { if (rf & 1) {
953
998
  i0.ɵɵprojectionDef(_c0$h);
954
999
  i0.ɵɵelementStart(0, "h2", 0);
955
1000
  i0.ɵɵelement(1, "label", 1);
@@ -968,7 +1013,7 @@ class InfoModalComponent {
968
1013
  i0.ɵɵelement(11, "info-alert", 7);
969
1014
  } if (rf & 2) {
970
1015
  i0.ɵɵadvance(1);
971
- i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind1(2, 6, ctx.modaltitle), i0.ɵɵsanitizeHtml);
1016
+ i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(2, 6, ctx.modaltitle));
972
1017
  i0.ɵɵadvance(2);
973
1018
  i0.ɵɵproperty("ngIf", ctx.showcloseicon);
974
1019
  i0.ɵɵadvance(1);
@@ -979,7 +1024,7 @@ class InfoModalComponent {
979
1024
  i0.ɵɵproperty("ngIf", ctx.loading && ctx.loadingblock);
980
1025
  i0.ɵɵadvance(1);
981
1026
  i0.ɵɵproperty("messages", ctx.messages);
982
- } }, dependencies: [i1$2.NgIf, i4.MatIcon, i13.MatButton, i1$3.MatDialogTitle, i1$3.MatDialogContent, i1$3.MatDialogActions, i7.MatProgressBar, InfoAlertComponent, InfoTranslatePipe], encapsulation: 2 });
1027
+ } }, dependencies: [i1$3.NgIf, i4.MatIcon, i13.MatButton, i1$4.MatDialogTitle, i1$4.MatDialogContent, i1$4.MatDialogActions, i7.MatProgressBar, InfoSafeHtmlDirective, InfoAlertComponent, InfoTranslatePipe], encapsulation: 2 });
983
1028
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoModalComponent, [{
984
1029
  type: Component,
985
1030
  args: [{ selector: 'info-modal', providers: [
@@ -988,11 +1033,11 @@ class InfoModalComponent {
988
1033
  useExisting: forwardRef((() => InfoModalComponent)),
989
1034
  multi: true
990
1035
  }
991
- ], template: "<h2 mat-dialog-title >\r\n <label [innerHTML]=\"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>" }]
1036
+ ], template: "<h2 mat-dialog-title >\r\n <label [safeHtml]=\"modaltitle | translate\"></label>\r\n <mat-icon class=\"close-icon\" (click)=\"close()\" *ngIf=\"showcloseicon\" >close</mat-icon>\r\n\r\n <section class=\"loading-bar\" *ngIf=\"loading\">\r\n <mat-progress-bar color=\"primary\" mode=\"indeterminate\"></mat-progress-bar>\r\n </section>\r\n</h2>\r\n\r\n<mat-dialog-content class=\"info-modal-content\">\r\n <ng-content></ng-content>\r\n</mat-dialog-content>\r\n\r\n<mat-dialog-actions>\r\n <ng-content select=\"[buttons]\"></ng-content>\r\n <div *ngIf=\"(labelclose != '' && readonly) || (labelcancel != '' && !readonly) || (labelsubmit != '' && !readonly)\" class=\"ml-5\">\r\n <button mat-button *ngIf=\"labelclose != '' && readonly\" type=\"button\" (click)=\"close()\" [disabled]=\"loading\">{{ labelclose | translate }}</button>\r\n <button mat-button *ngIf=\"labelcancel != '' && !readonly\" type=\"button\" (click)=\"close()\" color=\"warn\" [disabled]=\"loading\">{{ labelcancel | translate }}</button>\r\n <button mat-button *ngIf=\"labelsubmit != '' && !readonly\" type=\"button\" [disabled]=\"loading || formInvalid\" (click)=\"submit()\" >{{ labelsubmit | translate }}</button>\r\n </div> \r\n</mat-dialog-actions>\r\n\r\n<div class=\"block\" *ngIf=\"loading && loadingblock\"></div>\r\n<info-alert [messages]=\"messages\"></info-alert>" }]
992
1037
  }], function () { return [{ type: InfoDataService }, { type: InfoFormPropModel, decorators: [{
993
1038
  type: Inject,
994
1039
  args: [MAT_DIALOG_DATA]
995
- }] }, { type: i1$3.MatDialogRef }]; }, { modaltitle: [{
1040
+ }] }, { type: i1$4.MatDialogRef }]; }, { modaltitle: [{
996
1041
  type: Input
997
1042
  }], showcloseicon: [{
998
1043
  type: Input
@@ -1344,14 +1389,14 @@ class InfoAuthenticationService {
1344
1389
  return value.replace(/(^\w|-\w)/g, (w1, w2, i) => i == 0 ? w1.toUpperCase() : w1[1].toUpperCase());
1345
1390
  }
1346
1391
  }
1347
- /** @nocollapse */ InfoAuthenticationService.ɵfac = function InfoAuthenticationService_Factory(t) { return new (t || InfoAuthenticationService)(i0.ɵɵinject(i1$1.Router), i0.ɵɵinject(i1.HttpClient), i0.ɵɵinject(InfoSessionModel), i0.ɵɵinject(InfoPlatformModel), i0.ɵɵinject(InfoDataService), i0.ɵɵinject(i1$3.MatDialog), i0.ɵɵinject(Utilities), i0.ɵɵinject(InfoTranslateService), i0.ɵɵinject(i9.Title)); };
1392
+ /** @nocollapse */ InfoAuthenticationService.ɵfac = function InfoAuthenticationService_Factory(t) { return new (t || InfoAuthenticationService)(i0.ɵɵinject(i1$2.Router), i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(InfoSessionModel), i0.ɵɵinject(InfoPlatformModel), i0.ɵɵinject(InfoDataService), i0.ɵɵinject(i1$4.MatDialog), i0.ɵɵinject(Utilities), i0.ɵɵinject(InfoTranslateService), i0.ɵɵinject(i1.Title)); };
1348
1393
  /** @nocollapse */ InfoAuthenticationService.ɵprov = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjectable({ token: InfoAuthenticationService, factory: InfoAuthenticationService.ɵfac, providedIn: 'root' });
1349
1394
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoAuthenticationService, [{
1350
1395
  type: Injectable,
1351
1396
  args: [{
1352
1397
  providedIn: 'root'
1353
1398
  }]
1354
- }], function () { return [{ type: i1$1.Router }, { type: i1.HttpClient }, { type: InfoSessionModel }, { type: InfoPlatformModel }, { type: InfoDataService }, { type: i1$3.MatDialog }, { type: Utilities }, { type: InfoTranslateService }, { type: i9.Title }]; }, null); })();
1399
+ }], function () { return [{ type: i1$2.Router }, { type: i1$1.HttpClient }, { type: InfoSessionModel }, { type: InfoPlatformModel }, { type: InfoDataService }, { type: i1$4.MatDialog }, { type: Utilities }, { type: InfoTranslateService }, { type: i1.Title }]; }, null); })();
1355
1400
  class RefreshSessionTimeModalComponent {
1356
1401
  constructor(_ref) {
1357
1402
  this._ref = _ref;
@@ -1372,7 +1417,7 @@ class RefreshSessionTimeModalComponent {
1372
1417
  this._ref.close({ modalAction: ativo ? InfoModalAction.Yes : InfoModalAction.No });
1373
1418
  }
1374
1419
  }
1375
- /** @nocollapse */ RefreshSessionTimeModalComponent.ɵfac = function RefreshSessionTimeModalComponent_Factory(t) { return new (t || RefreshSessionTimeModalComponent)(i0.ɵɵdirectiveInject(i1$3.MatDialogRef)); };
1420
+ /** @nocollapse */ RefreshSessionTimeModalComponent.ɵfac = function RefreshSessionTimeModalComponent_Factory(t) { return new (t || RefreshSessionTimeModalComponent)(i0.ɵɵdirectiveInject(i1$4.MatDialogRef)); };
1376
1421
  /** @nocollapse */ RefreshSessionTimeModalComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: RefreshSessionTimeModalComponent, selectors: [["ng-component"]], decls: 5, vars: 7, consts: [["modaltitle", "Inatividade", "labelsubmit", "Sim", 3, "labelcancel", "onsave"], [2, "font-size", "130%"]], template: function RefreshSessionTimeModalComponent_Template(rf, ctx) { if (rf & 1) {
1377
1422
  i0.ɵɵelementStart(0, "info-modal", 0);
1378
1423
  i0.ɵɵlistener("onsave", function RefreshSessionTimeModalComponent_Template_info_modal_onsave_0_listener() { return ctx.ativo(true); });
@@ -1395,7 +1440,7 @@ class RefreshSessionTimeModalComponent {
1395
1440
  </info-modal>
1396
1441
  `
1397
1442
  }]
1398
- }], function () { return [{ type: i1$3.MatDialogRef }]; }, null); })();
1443
+ }], function () { return [{ type: i1$4.MatDialogRef }]; }, null); })();
1399
1444
 
1400
1445
  class InfoThemeService {
1401
1446
  constructor(_overlay, _plataform, _session) {
@@ -1466,14 +1511,14 @@ class InfoThemeService {
1466
1511
  localStorage.setItem('mp', this._plataform.ModoPrime.toString());
1467
1512
  }
1468
1513
  }
1469
- /** @nocollapse */ InfoThemeService.ɵfac = function InfoThemeService_Factory(t) { return new (t || InfoThemeService)(i0.ɵɵinject(i1$4.OverlayContainer), i0.ɵɵinject(InfoPlatformModel), i0.ɵɵinject(InfoSessionModel)); };
1514
+ /** @nocollapse */ InfoThemeService.ɵfac = function InfoThemeService_Factory(t) { return new (t || InfoThemeService)(i0.ɵɵinject(i1$5.OverlayContainer), i0.ɵɵinject(InfoPlatformModel), i0.ɵɵinject(InfoSessionModel)); };
1470
1515
  /** @nocollapse */ InfoThemeService.ɵprov = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjectable({ token: InfoThemeService, factory: InfoThemeService.ɵfac, providedIn: 'root' });
1471
1516
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoThemeService, [{
1472
1517
  type: Injectable,
1473
1518
  args: [{
1474
1519
  providedIn: 'root'
1475
1520
  }]
1476
- }], function () { return [{ type: i1$4.OverlayContainer }, { type: InfoPlatformModel }, { type: InfoSessionModel }]; }, null); })();
1521
+ }], function () { return [{ type: i1$5.OverlayContainer }, { type: InfoPlatformModel }, { type: InfoSessionModel }]; }, null); })();
1477
1522
 
1478
1523
  class InfoConfigurationService {
1479
1524
  constructor(_http, _plataforma, _themeService, _utilities) {
@@ -1527,6 +1572,7 @@ class InfoConfigurationService {
1527
1572
  this._themeService.setTheme(activeTheme || 'default-theme');
1528
1573
  this._themeService.setMenuMin(menuMin == 'true');
1529
1574
  this._themeService.setModePrime(prime == 'true');
1575
+ this.configDOMPurify();
1530
1576
  r(config);
1531
1577
  });
1532
1578
  });
@@ -1541,15 +1587,32 @@ class InfoConfigurationService {
1541
1587
  cssFile.innerHTML = this._utilities.descriptografar(xmlhttp.responseText);
1542
1588
  document.head.appendChild(cssFile);
1543
1589
  }
1590
+ configDOMPurify() {
1591
+ DOMPurify.addHook('afterSanitizeAttributes', (node) => {
1592
+ if (node.tagName === 'A') {
1593
+ const href = node.getAttribute('href');
1594
+ if (!href)
1595
+ return;
1596
+ const isInternal = href.startsWith('/') ||
1597
+ href.startsWith('#') ||
1598
+ href.startsWith('mailto:');
1599
+ if (!isInternal)
1600
+ node.removeAttribute('href');
1601
+ }
1602
+ });
1603
+ // DOMPurify.addHook('uponSanitizeElement', (node, data) => {
1604
+ // if (!data.allowedTags[data.tagName]) console.warn('Blocked HTML tag:', data.tagName);
1605
+ // });
1606
+ }
1544
1607
  }
1545
- /** @nocollapse */ InfoConfigurationService.ɵfac = function InfoConfigurationService_Factory(t) { return new (t || InfoConfigurationService)(i0.ɵɵinject(i1.HttpClient), i0.ɵɵinject(InfoPlatformModel), i0.ɵɵinject(InfoThemeService), i0.ɵɵinject(Utilities)); };
1608
+ /** @nocollapse */ InfoConfigurationService.ɵfac = function InfoConfigurationService_Factory(t) { return new (t || InfoConfigurationService)(i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(InfoPlatformModel), i0.ɵɵinject(InfoThemeService), i0.ɵɵinject(Utilities)); };
1546
1609
  /** @nocollapse */ InfoConfigurationService.ɵprov = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjectable({ token: InfoConfigurationService, factory: InfoConfigurationService.ɵfac, providedIn: 'root' });
1547
1610
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoConfigurationService, [{
1548
1611
  type: Injectable,
1549
1612
  args: [{
1550
1613
  providedIn: 'root'
1551
1614
  }]
1552
- }], function () { return [{ type: i1.HttpClient }, { type: InfoPlatformModel }, { type: InfoThemeService }, { type: Utilities }]; }, null); })();
1615
+ }], function () { return [{ type: i1$1.HttpClient }, { type: InfoPlatformModel }, { type: InfoThemeService }, { type: Utilities }]; }, null); })();
1553
1616
 
1554
1617
  function InfoAutoCompleteComponent_mat_option_6_Template(rf, ctx) { if (rf & 1) {
1555
1618
  const _r6 = i0.ɵɵgetCurrentView();
@@ -1558,7 +1621,7 @@ function InfoAutoCompleteComponent_mat_option_6_Template(rf, ctx) { if (rf & 1)
1558
1621
  i0.ɵɵelementEnd();
1559
1622
  } if (rf & 2) {
1560
1623
  const option_r4 = ctx.$implicit;
1561
- i0.ɵɵproperty("value", option_r4)("innerHTML", option_r4.Nome, i0.ɵɵsanitizeHtml);
1624
+ i0.ɵɵproperty("value", option_r4)("safeHtml", option_r4.Nome);
1562
1625
  } }
1563
1626
  function InfoAutoCompleteComponent_mat_progress_bar_10_Template(rf, ctx) { if (rf & 1) {
1564
1627
  i0.ɵɵelement(0, "mat-progress-bar", 9);
@@ -1726,7 +1789,7 @@ class InfoAutoCompleteComponent {
1726
1789
  provide: NG_VALUE_ACCESSOR,
1727
1790
  useExisting: forwardRef((() => InfoAutoCompleteComponent)),
1728
1791
  multi: true
1729
- }])], decls: 11, vars: 10, consts: [["matInput", "", "type", "text", 3, "ngModel", "placeholder", "formControl", "matAutocomplete", "required", "ngModelChange", "blur", "focus"], ["inputAuto", ""], [3, "displayWith"], ["auto", "matAutocomplete"], [3, "value", "innerHTML", "onSelectionChange", 4, "ngFor", "ngForOf"], ["matSuffix", "", 2, "color", "#aaa"], [1, "select-loading"], ["color", "primary", "mode", "indeterminate", 4, "ngIf"], [3, "value", "innerHTML", "onSelectionChange"], ["color", "primary", "mode", "indeterminate"]], template: function InfoAutoCompleteComponent_Template(rf, ctx) { if (rf & 1) {
1792
+ }])], decls: 11, vars: 10, consts: [["matInput", "", "type", "text", 3, "ngModel", "placeholder", "formControl", "matAutocomplete", "required", "ngModelChange", "blur", "focus"], ["inputAuto", ""], [3, "displayWith"], ["auto", "matAutocomplete"], [3, "value", "safeHtml", "onSelectionChange", 4, "ngFor", "ngForOf"], ["matSuffix", "", 2, "color", "#aaa"], [1, "select-loading"], ["color", "primary", "mode", "indeterminate", 4, "ngIf"], [3, "value", "safeHtml", "onSelectionChange"], ["color", "primary", "mode", "indeterminate"]], template: function InfoAutoCompleteComponent_Template(rf, ctx) { if (rf & 1) {
1730
1793
  i0.ɵɵelementStart(0, "mat-form-field")(1, "input", 0, 1);
1731
1794
  i0.ɵɵlistener("ngModelChange", function InfoAutoCompleteComponent_Template_input_ngModelChange_1_listener($event) { return ctx.selectedValue = $event; })("blur", function InfoAutoCompleteComponent_Template_input_blur_1_listener($event) { return ctx.onBlur($event.target.value); })("focus", function InfoAutoCompleteComponent_Template_input_focus_1_listener($event) { return ctx.onFocus($event.target.value); });
1732
1795
  i0.ɵɵpipe(3, "translate");
@@ -1750,14 +1813,14 @@ class InfoAutoCompleteComponent {
1750
1813
  i0.ɵɵproperty("ngForOf", ctx.options);
1751
1814
  i0.ɵɵadvance(4);
1752
1815
  i0.ɵɵproperty("ngIf", ctx.loading);
1753
- } }, dependencies: [i1$2.NgForOf, i1$2.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$1.MatAutocomplete, i9$1.MatAutocompleteTrigger, InfoTranslatePipe], styles: ["[_nghost-%COMP%] .select-loading[_ngcontent-%COMP%]{position:relative;bottom:15px;opacity:.3;height:1px}[_nghost-%COMP%] .select-loading[_ngcontent-%COMP%] .mat-progress-bar[_ngcontent-%COMP%]{height:1px;margin:0}[_nghost-%COMP%] mat-option[_ngcontent-%COMP%] small[_ngcontent-%COMP%]{margin-left:10px;font-style:italic}"] });
1816
+ } }, dependencies: [i1$3.NgForOf, i1$3.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.RequiredValidator, i2.FormControlDirective, i4.MatIcon, i4$1.MatFormField, i4$1.MatSuffix, i6.MatInput, i6$1.MatOption, i7.MatProgressBar, i9.MatAutocomplete, i9.MatAutocompleteTrigger, InfoSafeHtmlDirective, InfoTranslatePipe], styles: ["[_nghost-%COMP%] .select-loading[_ngcontent-%COMP%]{position:relative;bottom:15px;opacity:.3;height:1px}[_nghost-%COMP%] .select-loading[_ngcontent-%COMP%] .mat-progress-bar[_ngcontent-%COMP%]{height:1px;margin:0}[_nghost-%COMP%] mat-option[_ngcontent-%COMP%] small[_ngcontent-%COMP%]{margin-left:10px;font-style:italic}"] });
1754
1817
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoAutoCompleteComponent, [{
1755
1818
  type: Component,
1756
1819
  args: [{ selector: 'info-autocomplete', providers: [{
1757
1820
  provide: NG_VALUE_ACCESSOR,
1758
1821
  useExisting: forwardRef((() => InfoAutoCompleteComponent)),
1759
1822
  multi: true
1760
- }], 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)\" [innerHTML]=\"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"] }]
1823
+ }], template: "<mat-form-field>\r\n <input matInput type=\"text\" [(ngModel)]=\"selectedValue\" [placeholder]=\"placeholder | translate\" [formControl]=\"control\" [matAutocomplete]=\"auto\" \r\n [required]=\"required\" (blur)=\"onBlur($event.target.value)\" (focus)=\"onFocus($event.target.value)\" #inputAuto>\r\n\r\n <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"displayFn\">\r\n <mat-option *ngFor=\"let option of options\" [value]=\"option\" (onSelectionChange)=\"writeValue(option.Id)\" [safeHtml]=\"option.Nome\" >\r\n </mat-option>\r\n </mat-autocomplete>\r\n \r\n <mat-icon matSuffix style=\"color: #aaa\">spellcheck</mat-icon>\r\n</mat-form-field>\r\n\r\n<section class=\"select-loading\">\r\n <mat-progress-bar color=\"primary\" mode=\"indeterminate\" *ngIf=\"loading\"></mat-progress-bar>\r\n</section>", styles: [":host .select-loading{position:relative;bottom:15px;opacity:.3;height:1px}:host .select-loading .mat-progress-bar{height:1px;margin:0}:host mat-option small{margin-left:10px;font-style:italic}\n"] }]
1761
1824
  }], function () { return [{ type: InfoDataService }]; }, { placeholder: [{
1762
1825
  type: Input
1763
1826
  }], name: [{
@@ -1814,13 +1877,13 @@ function InfoBigCheckboxComponent_mat_list_option_2_div_1_Template(rf, ctx) { if
1814
1877
  i0.ɵɵelement(0, "div", 8);
1815
1878
  } if (rf & 2) {
1816
1879
  const item_r6 = i0.ɵɵnextContext().$implicit;
1817
- i0.ɵɵproperty("innerHTML", item_r6.Nome, i0.ɵɵsanitizeHtml);
1880
+ i0.ɵɵproperty("safeHtml", item_r6.Nome);
1818
1881
  } }
1819
1882
  function InfoBigCheckboxComponent_mat_list_option_2_div_2_Template(rf, ctx) { if (rf & 1) {
1820
1883
  i0.ɵɵelement(0, "div", 8);
1821
1884
  } if (rf & 2) {
1822
1885
  const item_r6 = i0.ɵɵnextContext().$implicit;
1823
- i0.ɵɵproperty("innerHTML", item_r6.Descricao, i0.ɵɵsanitizeHtml);
1886
+ i0.ɵɵproperty("safeHtml", item_r6.Descricao);
1824
1887
  } }
1825
1888
  const _c0$g = function (a0) { return { "silver": a0 }; };
1826
1889
  function InfoBigCheckboxComponent_mat_list_option_2_Template(rf, ctx) { if (rf & 1) {
@@ -1844,13 +1907,13 @@ function InfoBigCheckboxComponent_ng_container_3_mat_list_item_10_div_1_Template
1844
1907
  i0.ɵɵelement(0, "div", 8);
1845
1908
  } if (rf & 2) {
1846
1909
  const item_r15 = i0.ɵɵnextContext().$implicit;
1847
- i0.ɵɵproperty("innerHTML", item_r15.Nome, i0.ɵɵsanitizeHtml);
1910
+ i0.ɵɵproperty("safeHtml", item_r15.Nome);
1848
1911
  } }
1849
1912
  function InfoBigCheckboxComponent_ng_container_3_mat_list_item_10_div_2_Template(rf, ctx) { if (rf & 1) {
1850
1913
  i0.ɵɵelement(0, "div", 8);
1851
1914
  } if (rf & 2) {
1852
1915
  const item_r15 = i0.ɵɵnextContext().$implicit;
1853
- i0.ɵɵproperty("innerHTML", item_r15.Descricao, i0.ɵɵsanitizeHtml);
1916
+ i0.ɵɵproperty("safeHtml", item_r15.Descricao);
1854
1917
  } }
1855
1918
  function InfoBigCheckboxComponent_ng_container_3_mat_list_item_10_Template(rf, ctx) { if (rf & 1) {
1856
1919
  const _r22 = i0.ɵɵgetCurrentView();
@@ -2027,7 +2090,7 @@ class InfoBigCheckboxComponent {
2027
2090
  }
2028
2091
  }
2029
2092
  /** @nocollapse */ InfoBigCheckboxComponent.ɵfac = function InfoBigCheckboxComponent_Factory(t) { return new (t || InfoBigCheckboxComponent)(i0.ɵɵdirectiveInject(InfoDataService)); };
2030
- /** @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, "innerHTML", 4, "ngIf"], [3, "innerHTML"], [1, "col-md-12", "mb-4", "input-search"], ["matInput", "", "autocomplete", "false", "autocomplete", "off", 3, "placeholder", "name", "ngModel", "ngModelChange"], ["matSuffix", ""], [1, "mt-2"], [1, "col-md-12"], [3, "ngClass", "click", 4, "ngFor", "ngForOf"], [3, "ngClass", "click"], [1, "col-md-12", "none-data"]], template: function InfoBigCheckboxComponent_Template(rf, ctx) { if (rf & 1) {
2093
+ /** @nocollapse */ InfoBigCheckboxComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoBigCheckboxComponent, selectors: [["info-big-checkbox"]], inputs: { readonly: "readonly", preload: "preload", enabledcheckall: "enabledcheckall", labelselectall: "labelselectall", labelsearch: "labelsearch", minchar: "minchar", max: "max", message: "message", submessage: "submessage", value: "value", api: "api", method: "method", model: "model", data: "data", aux: "aux", params: "params", paramsmodel: "paramsmodel" }, decls: 5, vars: 4, consts: [[1, "col-md-12", "mb-3"], ["class", "silver", 3, "selected", "disabled", "click", 4, "ngIf"], [3, "ngClass", "selected", "disabled", "click", 4, "ngFor", "ngForOf"], [4, "ngIf"], ["class", "col-md-12 none-data", 4, "ngIf"], [1, "silver", 3, "selected", "disabled", "click"], [3, "ngClass", "selected", "disabled", "click"], [3, "safeHtml", 4, "ngIf"], [3, "safeHtml"], [1, "col-md-12", "mb-4", "input-search"], ["matInput", "", "autocomplete", "false", "autocomplete", "off", 3, "placeholder", "name", "ngModel", "ngModelChange"], ["matSuffix", ""], [1, "mt-2"], [1, "col-md-12"], [3, "ngClass", "click", 4, "ngFor", "ngForOf"], [3, "ngClass", "click"], [1, "col-md-12", "none-data"]], template: function InfoBigCheckboxComponent_Template(rf, ctx) { if (rf & 1) {
2031
2094
  i0.ɵɵelementStart(0, "mat-selection-list", 0);
2032
2095
  i0.ɵɵtemplate(1, InfoBigCheckboxComponent_mat_list_option_1_Template, 4, 5, "mat-list-option", 1);
2033
2096
  i0.ɵɵtemplate(2, InfoBigCheckboxComponent_mat_list_option_2_Template, 3, 7, "mat-list-option", 2);
@@ -2043,10 +2106,10 @@ class InfoBigCheckboxComponent {
2043
2106
  i0.ɵɵproperty("ngIf", ctx.existData());
2044
2107
  i0.ɵɵadvance(1);
2045
2108
  i0.ɵɵproperty("ngIf", !ctx.existData());
2046
- } }, dependencies: [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgModel, i4.MatIcon, i4$1.MatFormField, i4$1.MatHint, i4$1.MatSuffix, i6.MatInput, i7$1.MatList, i7$1.MatListItem, i7$1.MatSelectionList, i7$1.MatListOption, InfoTranslatePipe], styles: ["[_nghost-%COMP%] mat-list-option[_ngcontent-%COMP%]{font-size:14px;cursor:pointer;padding:0!important;font-family:Open Sans,sans-serif}[_nghost-%COMP%] mat-list-option[_ngcontent-%COMP%] label[_ngcontent-%COMP%]{padding-left:5px}[_nghost-%COMP%] mat-list-item[_ngcontent-%COMP%]{height:38px;font-size:14px;cursor:pointer;padding:0 10px 0 20px}[_nghost-%COMP%] mat-list-item[_ngcontent-%COMP%]:hover{background:rgba(0,0,0,.04)}[_nghost-%COMP%] mat-list-item[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{position:absolute;right:3px;top:8px}[_nghost-%COMP%] mat-list-option.silver[_ngcontent-%COMP%], [_nghost-%COMP%] mat-list-item.silver[_ngcontent-%COMP%]{background:#f5f5f5}[_nghost-%COMP%] mat-list-option[_ngcontent-%COMP%]:hover, [_nghost-%COMP%] mat-list-item[_ngcontent-%COMP%]:hover{background:#eee}[_nghost-%COMP%] mat-list-item-content[_ngcontent-%COMP%]{padding-left:0!important}[_nghost-%COMP%] .none-data[_ngcontent-%COMP%]{font-size:14px;color:#666;background:#f5f5f5;text-align:center;padding:5px 0}[_nghost-%COMP%] .none-data[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{margin-right:5px;font-size:18px;top:4px;left:5px}"] });
2109
+ } }, dependencies: [i1$3.NgClass, i1$3.NgForOf, i1$3.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgModel, i4.MatIcon, i4$1.MatFormField, i4$1.MatHint, i4$1.MatSuffix, i6.MatInput, i7$1.MatList, i7$1.MatListItem, i7$1.MatSelectionList, i7$1.MatListOption, InfoSafeHtmlDirective, InfoTranslatePipe], styles: ["[_nghost-%COMP%] mat-list-option[_ngcontent-%COMP%]{font-size:14px;cursor:pointer;padding:0!important;font-family:Open Sans,sans-serif}[_nghost-%COMP%] mat-list-option[_ngcontent-%COMP%] label[_ngcontent-%COMP%]{padding-left:5px}[_nghost-%COMP%] mat-list-item[_ngcontent-%COMP%]{height:38px;font-size:14px;cursor:pointer;padding:0 10px 0 20px}[_nghost-%COMP%] mat-list-item[_ngcontent-%COMP%]:hover{background:rgba(0,0,0,.04)}[_nghost-%COMP%] mat-list-item[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{position:absolute;right:3px;top:8px}[_nghost-%COMP%] mat-list-option.silver[_ngcontent-%COMP%], [_nghost-%COMP%] mat-list-item.silver[_ngcontent-%COMP%]{background:#f5f5f5}[_nghost-%COMP%] mat-list-option[_ngcontent-%COMP%]:hover, [_nghost-%COMP%] mat-list-item[_ngcontent-%COMP%]:hover{background:#eee}[_nghost-%COMP%] mat-list-item-content[_ngcontent-%COMP%]{padding-left:0!important}[_nghost-%COMP%] .none-data[_ngcontent-%COMP%]{font-size:14px;color:#666;background:#f5f5f5;text-align:center;padding:5px 0}[_nghost-%COMP%] .none-data[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{margin-right:5px;font-size:18px;top:4px;left:5px}"] });
2047
2110
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoBigCheckboxComponent, [{
2048
2111
  type: Component,
2049
- 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\" [innerHTML]=\"item.Nome\"></div>\r\n <div *ngIf=\"item.Descricao != null\" [innerHTML]=\"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\" [innerHTML]=\"item.Nome\"></div>\r\n <div *ngIf=\"item.Descricao != null\" [innerHTML]=\"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"] }]
2112
+ args: [{ selector: 'info-big-checkbox', template: "<mat-selection-list class=\"col-md-12 mb-3\">\r\n <mat-list-option class=\"silver\" (click)=\"selectAll()\" [selected]=\"getModel().length == 0\" [disabled]=\"readonly\" *ngIf=\"enabledcheckall\">\r\n <label>{{ labelselectall | translate }}</label>\r\n </mat-list-option>\r\n\r\n <mat-list-option *ngFor=\"let item of getModel(); let i = index\" [ngClass]=\"{ 'silver': i % 2 == 1 }\" [selected]=\"item.Selecionado\" (click)=\"item.Selecionado = !item.Selecionado\" [disabled]=\"readonly\">\r\n <div *ngIf=\"item.Descricao == null\" [safeHtml]=\"item.Nome\"></div>\r\n <div *ngIf=\"item.Descricao != null\" [safeHtml]=\"item.Descricao\"></div>\r\n </mat-list-option>\r\n</mat-selection-list>\r\n \r\n<ng-container *ngIf=\"existData()\" >\r\n <mat-form-field class=\"col-md-12 mb-4 input-search\">\r\n <input matInput placeholder=\"{{ message | translate}}\" [name]=\"name\" autocomplete=\"false\" [(ngModel)]=\"value\" autocomplete=\"off\" >\r\n <mat-icon matSuffix >search</mat-icon>\r\n <mat-hint class=\"mt-2\">{{ submessage | translate}}</mat-hint>\r\n </mat-form-field>\r\n \r\n <mat-list class=\"col-md-12\" >\r\n <mat-list-item *ngFor=\"let item of getFilteredData(); let i = index\" [ngClass]=\"{ 'silver': i % 2 == 0 }\" (click)=\"add(item)\">\r\n <div *ngIf=\"item.Descricao == null\" [safeHtml]=\"item.Nome\"></div>\r\n <div *ngIf=\"item.Descricao != null\" [safeHtml]=\"item.Descricao\"></div>\r\n <mat-icon>add_circle</mat-icon>\r\n </mat-list-item>\r\n </mat-list>\r\n</ng-container>\r\n\r\n<div class=\"col-md-12 none-data\" *ngIf=\"!existData()\" >\r\n <mat-icon>info</mat-icon> {{ 'NenhumItemEncontrado' | translate }}\r\n</div>", styles: [":host mat-list-option{font-size:14px;cursor:pointer;padding:0!important;font-family:Open Sans,sans-serif}:host mat-list-option label{padding-left:5px}:host mat-list-item{height:38px;font-size:14px;cursor:pointer;padding:0 10px 0 20px}:host mat-list-item:hover{background:rgba(0,0,0,.04)}:host mat-list-item mat-icon{position:absolute;right:3px;top:8px}:host mat-list-option.silver,:host mat-list-item.silver{background:#f5f5f5}:host mat-list-option:hover,:host mat-list-item:hover{background:#eee}:host mat-list-item-content{padding-left:0!important}:host .none-data{font-size:14px;color:#666;background:#f5f5f5;text-align:center;padding:5px 0}:host .none-data mat-icon{margin-right:5px;font-size:18px;top:4px;left:5px}\n"] }]
2050
2113
  }], function () { return [{ type: InfoDataService }]; }, { readonly: [{
2051
2114
  type: Input
2052
2115
  }], preload: [{
@@ -2088,7 +2151,7 @@ function InfoCardComponent_p_5_Template(rf, ctx) { if (rf & 1) {
2088
2151
  i0.ɵɵpipe(1, "translate");
2089
2152
  } if (rf & 2) {
2090
2153
  const ctx_r0 = i0.ɵɵnextContext();
2091
- i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind1(1, 1, ctx_r0.description), i0.ɵɵsanitizeHtml);
2154
+ i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(1, 1, ctx_r0.description));
2092
2155
  } }
2093
2156
  function InfoCardComponent_mark_6_Template(rf, ctx) { if (rf & 1) {
2094
2157
  i0.ɵɵelementStart(0, "mark")(1, "small");
@@ -2111,8 +2174,8 @@ class InfoCardComponent {
2111
2174
  this._router.navigateByUrl(this.url);
2112
2175
  }
2113
2176
  }
2114
- /** @nocollapse */ InfoCardComponent.ɵfac = function InfoCardComponent_Factory(t) { return new (t || InfoCardComponent)(i0.ɵɵdirectiveInject(i1$1.Router)); };
2115
- /** @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, "innerHTML", 4, "ngIf"], [4, "ngIf"], [3, "innerHTML"]], template: function InfoCardComponent_Template(rf, ctx) { if (rf & 1) {
2177
+ /** @nocollapse */ InfoCardComponent.ɵfac = function InfoCardComponent_Factory(t) { return new (t || InfoCardComponent)(i0.ɵɵdirectiveInject(i1$2.Router)); };
2178
+ /** @nocollapse */ InfoCardComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoCardComponent, selectors: [["info-card"]], inputs: { label: "label", description: "description", mark: "mark", url: "url", icon: "icon" }, outputs: { onclick: "onclick" }, decls: 10, vars: 6, consts: [[3, "click"], [3, "safeHtml", 4, "ngIf"], [4, "ngIf"], [3, "safeHtml"]], template: function InfoCardComponent_Template(rf, ctx) { if (rf & 1) {
2116
2179
  i0.ɵɵelementStart(0, "mat-card", 0);
2117
2180
  i0.ɵɵlistener("click", function InfoCardComponent_Template_mat_card_click_0_listener() { return ctx.onCardClick(); });
2118
2181
  i0.ɵɵelementStart(1, "mat-card-content")(2, "h4");
@@ -2134,11 +2197,11 @@ class InfoCardComponent {
2134
2197
  i0.ɵɵproperty("ngIf", ctx.mark);
2135
2198
  i0.ɵɵadvance(3);
2136
2199
  i0.ɵɵtextInterpolate(ctx.icon);
2137
- } }, dependencies: [i1$2.NgIf, i3.MatCard, i3.MatCardContent, i3.MatCardFooter, i4.MatIcon, InfoTranslatePipe], styles: ["body[_ngcontent-%COMP%]{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}[_nghost-%COMP%] mat-card-footer[_ngcontent-%COMP%]{position:relative;overflow:hidden;height:70px}[_nghost-%COMP%] mat-card-footer[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{color:#aaa;position:absolute;bottom:36px;right:42px;font-size:5.71rem;opacity:.4}"] });
2200
+ } }, dependencies: [i1$3.NgIf, i3.MatCard, i3.MatCardContent, i3.MatCardFooter, i4.MatIcon, InfoSafeHtmlDirective, InfoTranslatePipe], styles: ["body[_ngcontent-%COMP%]{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}[_nghost-%COMP%] mat-card-footer[_ngcontent-%COMP%]{position:relative;overflow:hidden;height:70px}[_nghost-%COMP%] mat-card-footer[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{color:#aaa;position:absolute;bottom:36px;right:42px;font-size:5.71rem;opacity:.4}"] });
2138
2201
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoCardComponent, [{
2139
2202
  type: Component,
2140
- 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\" [innerHTML]=\"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"] }]
2141
- }], function () { return [{ type: i1$1.Router }]; }, { label: [{
2203
+ args: [{ selector: 'info-card', template: "<mat-card (click)=\"onCardClick()\">\r\n <mat-card-content>\r\n <h4>{{ label | translate }}</h4>\r\n <p *ngIf=\"description\" [safeHtml]=\"description | translate\"></p>\r\n <mark *ngIf=\"mark\"><small>{{ mark }}</small></mark>\r\n </mat-card-content>\r\n <mat-card-footer>\r\n <mat-icon>{{icon}}</mat-icon>\r\n </mat-card-footer>\r\n</mat-card>", styles: ["body{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}:host mat-card-footer{position:relative;overflow:hidden;height:70px}:host mat-card-footer mat-icon{color:#aaa;position:absolute;bottom:36px;right:42px;font-size:5.71rem;opacity:.4}\n"] }]
2204
+ }], function () { return [{ type: i1$2.Router }]; }, { label: [{
2142
2205
  type: Input
2143
2206
  }], description: [{
2144
2207
  type: Input
@@ -2157,7 +2220,7 @@ function InfoMenuCardComponent_h6_2_Template(rf, ctx) { if (rf & 1) {
2157
2220
  i0.ɵɵpipe(1, "translate");
2158
2221
  } if (rf & 2) {
2159
2222
  const ctx_r0 = i0.ɵɵnextContext();
2160
- i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind1(1, 1, ctx_r0.label), i0.ɵɵsanitizeHtml);
2223
+ i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(1, 1, ctx_r0.label));
2161
2224
  } }
2162
2225
  function InfoMenuCardComponent_p_3_Template(rf, ctx) { if (rf & 1) {
2163
2226
  i0.ɵɵelementStart(0, "p");
@@ -2253,7 +2316,7 @@ class InfoMenuCardComponent {
2253
2316
  }
2254
2317
  }
2255
2318
  /** @nocollapse */ InfoMenuCardComponent.ɵfac = function InfoMenuCardComponent_Factory(t) { return new (t || InfoMenuCardComponent)(); };
2256
- /** @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, "innerHTML", 4, "ngIf"], [4, "ngIf"], [1, "row"], [4, "ngFor", "ngForOf"], [3, "innerHTML"], [3, "ngClass"], ["href", "#", 3, "routerLink", 4, "ngIf"], ["href", "#", 3, "routerLink"], ["title", "no", "md-line", "", 3, "title"]], template: function InfoMenuCardComponent_Template(rf, ctx) { if (rf & 1) {
2319
+ /** @nocollapse */ InfoMenuCardComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoMenuCardComponent, selectors: [["info-card-menu"]], inputs: { label: "label", description: "description", icon: "icon", menu: "menu", cols: "cols", loadinit: "loadinit" }, decls: 7, vars: 4, consts: [[3, "safeHtml", 4, "ngIf"], [4, "ngIf"], [1, "row"], [4, "ngFor", "ngForOf"], [3, "safeHtml"], [3, "ngClass"], ["href", "#", 3, "routerLink", 4, "ngIf"], ["href", "#", 3, "routerLink"], ["title", "no", "md-line", "", 3, "title"]], template: function InfoMenuCardComponent_Template(rf, ctx) { if (rf & 1) {
2257
2320
  i0.ɵɵelementStart(0, "mat-card")(1, "mat-card-content");
2258
2321
  i0.ɵɵtemplate(2, InfoMenuCardComponent_h6_2_Template, 2, 3, "h6", 0);
2259
2322
  i0.ɵɵtemplate(3, InfoMenuCardComponent_p_3_Template, 3, 3, "p", 1);
@@ -2271,10 +2334,10 @@ class InfoMenuCardComponent {
2271
2334
  i0.ɵɵproperty("ngForOf", ctx.menuRows);
2272
2335
  i0.ɵɵadvance(1);
2273
2336
  i0.ɵɵproperty("ngIf", ctx.icon == null);
2274
- } }, dependencies: [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i3.MatCard, i3.MatCardContent, i3.MatCardFooter, i4.MatIcon, i7$1.MatNavList, i7$1.MatListItem, i1$1.RouterLink, InfoTranslatePipe], styles: ["body[_ngcontent-%COMP%]{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}[_nghost-%COMP%] h6[_ngcontent-%COMP%]{width:100%;padding-bottom:10px;font-size:11px}[_nghost-%COMP%] .mat-nav-list[_ngcontent-%COMP%] .mat-list-item[_ngcontent-%COMP%]{height:40px!important}[_nghost-%COMP%] mat-card-footer[_ngcontent-%COMP%]{position:relative;overflow:hidden;height:40px}[_nghost-%COMP%] mat-card-footer[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{color:#aaa;position:absolute;bottom:36px;right:0;width:100%;text-align:right;font-size:5.71rem;opacity:.4}"] });
2337
+ } }, dependencies: [i1$3.NgClass, i1$3.NgForOf, i1$3.NgIf, i3.MatCard, i3.MatCardContent, i3.MatCardFooter, i4.MatIcon, i7$1.MatNavList, i7$1.MatListItem, i1$2.RouterLink, InfoSafeHtmlDirective, InfoTranslatePipe], styles: ["body[_ngcontent-%COMP%]{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}[_nghost-%COMP%] h6[_ngcontent-%COMP%]{width:100%;padding-bottom:10px;font-size:11px}[_nghost-%COMP%] .mat-nav-list[_ngcontent-%COMP%] .mat-list-item[_ngcontent-%COMP%]{height:40px!important}[_nghost-%COMP%] mat-card-footer[_ngcontent-%COMP%]{position:relative;overflow:hidden;height:40px}[_nghost-%COMP%] mat-card-footer[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{color:#aaa;position:absolute;bottom:36px;right:0;width:100%;text-align:right;font-size:5.71rem;opacity:.4}"] });
2275
2338
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoMenuCardComponent, [{
2276
2339
  type: Component,
2277
- args: [{ selector: 'info-card-menu', template: "<mat-card>\r\n <mat-card-content>\r\n <h6 *ngIf=\"label != null\" [innerHTML]=\"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"] }]
2340
+ args: [{ selector: 'info-card-menu', template: "<mat-card>\r\n <mat-card-content>\r\n <h6 *ngIf=\"label != null\" [safeHtml]=\"label | translate\" ></h6>\r\n <p *ngIf=\"description != null\">{{ description | translate }}</p>\r\n\r\n <div class=\"row\">\r\n <ng-container *ngFor=\"let row of menuRows\">\r\n <mat-nav-list [ngClass]=\"colClass\">\r\n <ng-container *ngFor=\"let item of row\">\r\n <mat-list-item *ngIf=\"item.permission\" href=\"#\" [routerLink]=\"item.url\" >\r\n <a title=\"no\" title=\"{{ item.title | translate }}\" md-line>{{ item.title | translate }}</a>\r\n </mat-list-item>\r\n </ng-container>\r\n </mat-nav-list>\r\n </ng-container>\r\n </div>\r\n </mat-card-content>\r\n <mat-card-footer *ngIf=\"icon == null\">\r\n <mat-icon>{{icon}}</mat-icon>\r\n </mat-card-footer>\r\n</mat-card>", styles: ["body{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}:host h6{width:100%;padding-bottom:10px;font-size:11px}:host .mat-nav-list .mat-list-item{height:40px!important}:host mat-card-footer{position:relative;overflow:hidden;height:40px}:host mat-card-footer mat-icon{color:#aaa;position:absolute;bottom:36px;right:0;width:100%;text-align:right;font-size:5.71rem;opacity:.4}\n"] }]
2278
2341
  }], null, { label: [{
2279
2342
  type: Input
2280
2343
  }], description: [{
@@ -2345,7 +2408,7 @@ class InfoCheckboxComponent {
2345
2408
  provide: NG_VALUE_ACCESSOR,
2346
2409
  useExisting: forwardRef((() => InfoCheckboxComponent)),
2347
2410
  multi: true
2348
- }])], decls: 4, vars: 8, consts: [[1, "info-checkbox-content", "mat-form-field-margin", 3, "ngClass"], [3, "ngModel", "disabled", "ngModelChange", "change"], [3, "innerHtml"]], template: function InfoCheckboxComponent_Template(rf, ctx) { if (rf & 1) {
2411
+ }])], decls: 4, vars: 8, consts: [[1, "info-checkbox-content", "mat-form-field-margin", 3, "ngClass"], [3, "ngModel", "disabled", "ngModelChange", "change"], [3, "safeHtml"]], template: function InfoCheckboxComponent_Template(rf, ctx) { if (rf & 1) {
2349
2412
  i0.ɵɵelementStart(0, "section", 0)(1, "mat-checkbox", 1);
2350
2413
  i0.ɵɵlistener("ngModelChange", function InfoCheckboxComponent_Template_mat_checkbox_ngModelChange_1_listener($event) { return ctx.value = $event; })("change", function InfoCheckboxComponent_Template_mat_checkbox_change_1_listener() { return ctx.onChangeValue(); });
2351
2414
  i0.ɵɵelement(2, "div", 2);
@@ -2356,15 +2419,15 @@ class InfoCheckboxComponent {
2356
2419
  i0.ɵɵadvance(1);
2357
2420
  i0.ɵɵproperty("ngModel", ctx.value)("disabled", ctx.disabled);
2358
2421
  i0.ɵɵadvance(1);
2359
- i0.ɵɵproperty("innerHtml", i0.ɵɵpipeBind1(3, 4, ctx.placeholder), i0.ɵɵsanitizeHtml);
2360
- } }, dependencies: [i1$2.NgClass, i2.NgControlStatus, i2.NgModel, i3$1.MatCheckbox, InfoTranslatePipe], styles: [".info-checkbox-content[_ngcontent-%COMP%]{padding-top:20px}.info-checkbox-min[_ngcontent-%COMP%]{padding-top:0!important;margin:0 0 13px!important}"] });
2422
+ i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(3, 4, ctx.placeholder));
2423
+ } }, dependencies: [i1$3.NgClass, i2.NgControlStatus, i2.NgModel, i3$1.MatCheckbox, InfoSafeHtmlDirective, InfoTranslatePipe], styles: [".info-checkbox-content[_ngcontent-%COMP%]{padding-top:20px}.info-checkbox-min[_ngcontent-%COMP%]{padding-top:0!important;margin:0 0 13px!important}"] });
2361
2424
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoCheckboxComponent, [{
2362
2425
  type: Component,
2363
2426
  args: [{ selector: 'info-checkbox', providers: [{
2364
2427
  provide: NG_VALUE_ACCESSOR,
2365
2428
  useExisting: forwardRef((() => InfoCheckboxComponent)),
2366
2429
  multi: true
2367
- }], 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 [innerHtml]=\"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"] }]
2430
+ }], template: "<section class=\"info-checkbox-content mat-form-field-margin \" [ngClass]=\"{ 'info-checkbox-min': min }\">\r\n <mat-checkbox [(ngModel)]=\"value\" (change)=\"onChangeValue()\" [disabled]=\"disabled\"><div [safeHtml]=\"placeholder | translate\"></div></mat-checkbox>\r\n</section>", styles: [".info-checkbox-content{padding-top:20px}.info-checkbox-min{padding-top:0!important;margin:0 0 13px!important}\n"] }]
2368
2431
  }], null, { placeholder: [{
2369
2432
  type: Input
2370
2433
  }], type: [{
@@ -2497,7 +2560,7 @@ class InfoDateComponent {
2497
2560
  i0.ɵɵproperty("ngIf", !ctx.button);
2498
2561
  i0.ɵɵadvance(1);
2499
2562
  i0.ɵɵproperty("ngIf", ctx.button);
2500
- } }, dependencies: [i1$2.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.RequiredValidator, i2.NgModel, i4$1.MatFormField, i4$1.MatSuffix, i6.MatInput, i5.MatDatepicker, i5.MatDatepickerInput, i5.MatDatepickerToggle, InfoTranslatePipe], encapsulation: 2 });
2563
+ } }, dependencies: [i1$3.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.RequiredValidator, i2.NgModel, i4$1.MatFormField, i4$1.MatSuffix, i6.MatInput, i5.MatDatepicker, i5.MatDatepickerInput, i5.MatDatepickerToggle, InfoTranslatePipe], encapsulation: 2 });
2501
2564
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoDateComponent, [{
2502
2565
  type: Component,
2503
2566
  args: [{ selector: 'info-date', providers: [{
@@ -2664,7 +2727,7 @@ class InfoDateMonthComponent {
2664
2727
  i0.ɵɵproperty("ngIf", !ctx.button);
2665
2728
  i0.ɵɵadvance(1);
2666
2729
  i0.ɵɵproperty("ngIf", ctx.button);
2667
- } }, dependencies: [i1$2.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.RequiredValidator, i2.NgModel, i4$1.MatFormField, i4$1.MatSuffix, i6.MatInput, i5.MatDatepicker, i5.MatDatepickerInput, i5.MatDatepickerToggle, InfoTranslatePipe], encapsulation: 2 });
2730
+ } }, dependencies: [i1$3.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.RequiredValidator, i2.NgModel, i4$1.MatFormField, i4$1.MatSuffix, i6.MatInput, i5.MatDatepicker, i5.MatDatepickerInput, i5.MatDatepickerToggle, InfoTranslatePipe], encapsulation: 2 });
2668
2731
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoDateMonthComponent, [{
2669
2732
  type: Component,
2670
2733
  args: [{ selector: 'info-date-month', providers: [{
@@ -2846,7 +2909,7 @@ class InfoPaginatorComponent {
2846
2909
  i0.ɵɵtemplate(0, InfoPaginatorComponent_div_0_Template, 27, 26, "div", 0);
2847
2910
  } if (rf & 2) {
2848
2911
  i0.ɵɵproperty("ngIf", ctx.show);
2849
- } }, dependencies: [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i4.MatIcon, i13.MatButton, i15.MatTooltip, InfoTranslatePipe], styles: ["[_nghost-%COMP%] > .info-paginator[_ngcontent-%COMP%] .descriptions[_ngcontent-%COMP%], [_nghost-%COMP%] > .info-paginator[_ngcontent-%COMP%] .pages[_ngcontent-%COMP%]{padding-right:10px!important;padding-left:10px!important}[_nghost-%COMP%] > .info-paginator[_ngcontent-%COMP%] .descriptions-min[_ngcontent-%COMP%], [_nghost-%COMP%] > .info-paginator[_ngcontent-%COMP%] .pages-min[_ngcontent-%COMP%]{padding-right:0!important;padding-left:0!important}[_nghost-%COMP%] > .info-paginator[_ngcontent-%COMP%] ul[_ngcontent-%COMP%]{list-style:none;margin:0;padding:0}[_nghost-%COMP%] > .info-paginator[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%]{display:inline-block;font-size:14px}[_nghost-%COMP%] > .info-paginator[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] .mat-button[_ngcontent-%COMP%]{min-width:34px;line-height:25px;padding:0;margin:0 2px}[_nghost-%COMP%] > .info-paginator[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] .mat-button.active[_ngcontent-%COMP%]{font-weight:700}[_nghost-%COMP%] > .info-paginator[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] .mat-button[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{font-size:20px}[_nghost-%COMP%] > .info-paginator[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li.icon[_ngcontent-%COMP%] .mat-button[_ngcontent-%COMP%]{padding:0 2px}"] });
2912
+ } }, dependencies: [i1$3.NgClass, i1$3.NgForOf, i1$3.NgIf, i4.MatIcon, i13.MatButton, i15.MatTooltip, InfoTranslatePipe], styles: ["[_nghost-%COMP%] > .info-paginator[_ngcontent-%COMP%] .descriptions[_ngcontent-%COMP%], [_nghost-%COMP%] > .info-paginator[_ngcontent-%COMP%] .pages[_ngcontent-%COMP%]{padding-right:10px!important;padding-left:10px!important}[_nghost-%COMP%] > .info-paginator[_ngcontent-%COMP%] .descriptions-min[_ngcontent-%COMP%], [_nghost-%COMP%] > .info-paginator[_ngcontent-%COMP%] .pages-min[_ngcontent-%COMP%]{padding-right:0!important;padding-left:0!important}[_nghost-%COMP%] > .info-paginator[_ngcontent-%COMP%] ul[_ngcontent-%COMP%]{list-style:none;margin:0;padding:0}[_nghost-%COMP%] > .info-paginator[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%]{display:inline-block;font-size:14px}[_nghost-%COMP%] > .info-paginator[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] .mat-button[_ngcontent-%COMP%]{min-width:34px;line-height:25px;padding:0;margin:0 2px}[_nghost-%COMP%] > .info-paginator[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] .mat-button.active[_ngcontent-%COMP%]{font-weight:700}[_nghost-%COMP%] > .info-paginator[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] .mat-button[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{font-size:20px}[_nghost-%COMP%] > .info-paginator[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li.icon[_ngcontent-%COMP%] .mat-button[_ngcontent-%COMP%]{padding:0 2px}"] });
2850
2913
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoPaginatorComponent, [{
2851
2914
  type: Component,
2852
2915
  args: [{ selector: 'info-paginator', template: "<div class=\"info-paginator\" *ngIf=\"show\" >\r\n <div class=\"row\">\r\n <div class=\"col-md-2\" [ngClass]=\"{ 'descriptions-min': min == true, 'descriptions': min != true }\">\r\n <label class=\"total\" *ngIf=\"totalDescription != null\">{{totalDescription}}</label>\r\n </div>\r\n <div class=\"col-md align-right\" [ngClass]=\"{ 'pages-min': min == true, 'pages': min != true }\">\r\n <ul>\r\n <li class=\"icon\">\r\n <button mat-button (click)=\"goto(0)\" [disabled]=\"index == 0\" [matTooltip]=\"'Primeira' | translate\" >\r\n <mat-icon>first_page</mat-icon>\r\n </button>\r\n </li>\r\n\r\n <li class=\"icon\">\r\n <button mat-button (click)=\"previous()\" [disabled]=\"index == 0\" [matTooltip]=\"'Anterior' | translate\" >\r\n <mat-icon>chevron_left</mat-icon>\r\n </button>\r\n </li>\r\n\r\n <li *ngFor=\"let page of pages\" >\r\n <button mat-button (click)=\"goto(page)\" [ngClass]=\"{\r\n 'active': page === indexActive\r\n }\" >{{page + 1}}</button>\r\n </li>\r\n\r\n <li class=\"icon\">\r\n <button mat-button (click)=\"next()\" [disabled]=\"index >= (numberPages - 1)\" [matTooltip]=\"'Proxima' | translate\" >\r\n <mat-icon>chevron_right</mat-icon>\r\n </button>\r\n </li>\r\n\r\n <li class=\"icon\">\r\n <button mat-button (click)=\"goto(numberPages - 1)\" [disabled]=\"index >= (numberPages - 1)\" [matTooltip]=\"'Ultima' | translate\" >\r\n <mat-icon>last_page</mat-icon>\r\n </button>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n</div>", styles: [":host>.info-paginator .descriptions,:host>.info-paginator .pages{padding-right:10px!important;padding-left:10px!important}:host>.info-paginator .descriptions-min,:host>.info-paginator .pages-min{padding-right:0!important;padding-left:0!important}:host>.info-paginator ul{list-style:none;margin:0;padding:0}:host>.info-paginator ul li{display:inline-block;font-size:14px}:host>.info-paginator ul li .mat-button{min-width:34px;line-height:25px;padding:0;margin:0 2px}:host>.info-paginator ul li .mat-button.active{font-weight:700}:host>.info-paginator ul li .mat-button .mat-icon{font-size:20px}:host>.info-paginator ul li.icon .mat-button{padding:0 2px}\n"] }]
@@ -2897,7 +2960,7 @@ class InfoMessageComponent {
2897
2960
  i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction6(2, _c0$b, ctx.color === "success", ctx.color === "info", ctx.color === "warning", ctx.color === "danger", ctx.close, ctx.min));
2898
2961
  i0.ɵɵadvance(3);
2899
2962
  i0.ɵɵproperty("ngIf", ctx.close);
2900
- } }, dependencies: [i1$2.NgClass, i1$2.NgIf], 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;margin-bottom:0;padding-right:0!important}[_nghost-%COMP%] .message[_ngcontent-%COMP%]{padding:20px 20px 16px;position:relative;border-radius:3px;font-size:14px}[_nghost-%COMP%] .message.min[_ngcontent-%COMP%]{padding:10px 15px}[_nghost-%COMP%] .message[_ngcontent-%COMP%]:not(.outline-message){color:#fff}[_nghost-%COMP%] .message[_ngcontent-%COMP%]:not(.outline-message) a{color:#fffc}[_nghost-%COMP%] .message[_ngcontent-%COMP%]:not(.outline-message) a:hover{color:#fff}[_nghost-%COMP%] .message[_ngcontent-%COMP%] .close[_ngcontent-%COMP%]{background:rgba(0,0,0,.1);font-size:20px;line-height:1;position:absolute;right:0;top:0;transition:background .2s ease-in-out,color .2s ease-in-out}[_nghost-%COMP%] .message[_ngcontent-%COMP%] .close[_ngcontent-%COMP%]:hover{background:rgba(255,255,255,.3);color:red}[_nghost-%COMP%] .message[_ngcontent-%COMP%] .close[_ngcontent-%COMP%] .material-icons[_ngcontent-%COMP%]{color:inherit;font-size:inherit;margin:0;vertical-align:top}[_nghost-%COMP%] .message[_ngcontent-%COMP%] .material-icons{margin:0 10px 0 0;vertical-align:top;font-size:21px}[_nghost-%COMP%] .message.success-message[_ngcontent-%COMP%]{background:#cbefc4;color:#005e00;border:none}[_nghost-%COMP%] .message.success-message[_ngcontent-%COMP%] .material-icons{color:#005e00}[_nghost-%COMP%] .message.info-message[_ngcontent-%COMP%]{background:#f0f0f0;color:#666;border:none}[_nghost-%COMP%] .message.info-message[_ngcontent-%COMP%] .material-icons{color:#666}[_nghost-%COMP%] .message.warning-message[_ngcontent-%COMP%]{background:#efefc0;color:#705b20;border:none}[_nghost-%COMP%] .message.warning-message[_ngcontent-%COMP%] .material-icons{color:#b59334}[_nghost-%COMP%] .message.danger-message[_ngcontent-%COMP%]{background:#efb7ae;color:#771702;border:none}[_nghost-%COMP%] .message.danger-message[_ngcontent-%COMP%] .material-icons{color:#771702}"] });
2963
+ } }, dependencies: [i1$3.NgClass, i1$3.NgIf], 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;margin-bottom:0;padding-right:0!important}[_nghost-%COMP%] .message[_ngcontent-%COMP%]{padding:20px 20px 16px;position:relative;border-radius:3px;font-size:14px}[_nghost-%COMP%] .message.min[_ngcontent-%COMP%]{padding:10px 15px}[_nghost-%COMP%] .message[_ngcontent-%COMP%]:not(.outline-message){color:#fff}[_nghost-%COMP%] .message[_ngcontent-%COMP%]:not(.outline-message) a{color:#fffc}[_nghost-%COMP%] .message[_ngcontent-%COMP%]:not(.outline-message) a:hover{color:#fff}[_nghost-%COMP%] .message[_ngcontent-%COMP%] .close[_ngcontent-%COMP%]{background:rgba(0,0,0,.1);font-size:20px;line-height:1;position:absolute;right:0;top:0;transition:background .2s ease-in-out,color .2s ease-in-out}[_nghost-%COMP%] .message[_ngcontent-%COMP%] .close[_ngcontent-%COMP%]:hover{background:rgba(255,255,255,.3);color:red}[_nghost-%COMP%] .message[_ngcontent-%COMP%] .close[_ngcontent-%COMP%] .material-icons[_ngcontent-%COMP%]{color:inherit;font-size:inherit;margin:0;vertical-align:top}[_nghost-%COMP%] .message[_ngcontent-%COMP%] .material-icons{margin:0 10px 0 0;vertical-align:top;font-size:21px}[_nghost-%COMP%] .message.success-message[_ngcontent-%COMP%]{background:#cbefc4;color:#005e00;border:none}[_nghost-%COMP%] .message.success-message[_ngcontent-%COMP%] .material-icons{color:#005e00}[_nghost-%COMP%] .message.info-message[_ngcontent-%COMP%]{background:#f0f0f0;color:#666;border:none}[_nghost-%COMP%] .message.info-message[_ngcontent-%COMP%] .material-icons{color:#666}[_nghost-%COMP%] .message.warning-message[_ngcontent-%COMP%]{background:#efefc0;color:#705b20;border:none}[_nghost-%COMP%] .message.warning-message[_ngcontent-%COMP%] .material-icons{color:#b59334}[_nghost-%COMP%] .message.danger-message[_ngcontent-%COMP%]{background:#efb7ae;color:#771702;border:none}[_nghost-%COMP%] .message.danger-message[_ngcontent-%COMP%] .material-icons{color:#771702}"] });
2901
2964
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoMessageComponent, [{
2902
2965
  type: Component,
2903
2966
  args: [{ selector: 'info-message', template: "<div class=\"message\" [ngClass]=\"{\r\n 'success-message': color === 'success',\r\n 'info-message': color === 'info',\r\n 'warning-message': color === 'warning',\r\n 'danger-message': color === 'danger',\r\n 'with-close': close,\r\n 'min': min }\" #message>\r\n <ng-content></ng-content>\r\n <a href=\"#\" class=\"close\" *ngIf=\"close\" (click)=\"delete($event, message)\"><i class=\"material-icons\">clear</i></a>\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;margin-bottom:0;padding-right:0!important}:host .message{padding:20px 20px 16px;position:relative;border-radius:3px;font-size:14px}:host .message.min{padding:10px 15px}:host .message:not(.outline-message){color:#fff}:host .message:not(.outline-message) ::ng-deep a{color:#fffc}:host .message:not(.outline-message) ::ng-deep a:hover{color:#fff}:host .message .close{background:rgba(0,0,0,.1);font-size:20px;line-height:1;position:absolute;right:0;top:0;transition:background .2s ease-in-out,color .2s ease-in-out}:host .message .close:hover{background:rgba(255,255,255,.3);color:red}:host .message .close .material-icons{color:inherit;font-size:inherit;margin:0;vertical-align:top}:host .message ::ng-deep .material-icons{margin:0 10px 0 0;vertical-align:top;font-size:21px}:host .message.success-message{background:#cbefc4;color:#005e00;border:none}:host .message.success-message ::ng-deep .material-icons{color:#005e00}:host .message.info-message{background:#f0f0f0;color:#666;border:none}:host .message.info-message ::ng-deep .material-icons{color:#666}:host .message.warning-message{background:#efefc0;color:#705b20;border:none}:host .message.warning-message ::ng-deep .material-icons{color:#b59334}:host .message.danger-message{background:#efb7ae;color:#771702;border:none}:host .message.danger-message ::ng-deep .material-icons{color:#771702}\n"] }]
@@ -2916,14 +2979,14 @@ function InfoDialogComponent_h1_0_Template(rf, ctx) { if (rf & 1) {
2916
2979
  i0.ɵɵpipe(1, "translate");
2917
2980
  } if (rf & 2) {
2918
2981
  const ctx_r0 = i0.ɵɵnextContext();
2919
- i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind1(1, 1, ctx_r0.model.title), i0.ɵɵsanitizeHtml);
2982
+ i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(1, 1, ctx_r0.model.title));
2920
2983
  } }
2921
2984
  function InfoDialogComponent_p_2_Template(rf, ctx) { if (rf & 1) {
2922
2985
  i0.ɵɵelement(0, "p", 8);
2923
2986
  i0.ɵɵpipe(1, "translate");
2924
2987
  } if (rf & 2) {
2925
2988
  const ctx_r1 = i0.ɵɵnextContext();
2926
- i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind1(1, 1, ctx_r1.model.message), i0.ɵɵsanitizeHtml);
2989
+ i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(1, 1, ctx_r1.model.message));
2927
2990
  } }
2928
2991
  function InfoDialogComponent_info_message_3_Template(rf, ctx) { if (rf & 1) {
2929
2992
  i0.ɵɵelementStart(0, "info-message", 9);
@@ -3022,11 +3085,11 @@ class InfoDialogModal {
3022
3085
  return ref.afterClosed();
3023
3086
  }
3024
3087
  }
3025
- /** @nocollapse */ InfoDialogModal.ɵfac = function InfoDialogModal_Factory(t) { return new (t || InfoDialogModal)(i0.ɵɵinject(i1$3.MatDialog)); };
3088
+ /** @nocollapse */ InfoDialogModal.ɵfac = function InfoDialogModal_Factory(t) { return new (t || InfoDialogModal)(i0.ɵɵinject(i1$4.MatDialog)); };
3026
3089
  /** @nocollapse */ InfoDialogModal.ɵprov = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjectable({ token: InfoDialogModal, factory: InfoDialogModal.ɵfac });
3027
3090
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoDialogModal, [{
3028
3091
  type: Injectable
3029
- }], function () { return [{ type: i1$3.MatDialog }]; }, null); })();
3092
+ }], function () { return [{ type: i1$4.MatDialog }]; }, null); })();
3030
3093
  class InfoDialogComponent {
3031
3094
  constructor(ref, model) {
3032
3095
  this.ref = ref;
@@ -3048,8 +3111,8 @@ class InfoDialogComponent {
3048
3111
  this.ref.close(new InfoDialogResult(InfoDialogButtons.Aux));
3049
3112
  }
3050
3113
  }
3051
- /** @nocollapse */ InfoDialogComponent.ɵfac = function InfoDialogComponent_Factory(t) { return new (t || InfoDialogComponent)(i0.ɵɵdirectiveInject(i1$3.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); };
3052
- /** @nocollapse */ InfoDialogComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoDialogComponent, selectors: [["info-dialog"]], decls: 10, vars: 9, consts: [["mat-dialog-title", "", 3, "innerHTML", 4, "ngIf"], ["mat-dialog-content", "", 1, "mb-3"], [3, "innerHTML", 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, "innerHTML"], [3, "innerHTML"], ["color", "danger"], ["mat-button", "", 3, "color", "click"]], template: function InfoDialogComponent_Template(rf, ctx) { if (rf & 1) {
3114
+ /** @nocollapse */ InfoDialogComponent.ɵfac = function InfoDialogComponent_Factory(t) { return new (t || InfoDialogComponent)(i0.ɵɵdirectiveInject(i1$4.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); };
3115
+ /** @nocollapse */ InfoDialogComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoDialogComponent, selectors: [["info-dialog"]], decls: 10, vars: 9, consts: [["mat-dialog-title", "", 3, "safeHtml", 4, "ngIf"], ["mat-dialog-content", "", 1, "mb-3"], [3, "safeHtml", 4, "ngIf"], ["color", "danger", 4, "ngIf"], ["mat-dialog-actions", "", 1, "buttons"], ["mat-button", "", 3, "color", "click", 4, "ngIf"], ["mat-button", "", "cdkFocusInitial", "", 3, "color", "click"], ["mat-dialog-title", "", 3, "safeHtml"], [3, "safeHtml"], ["color", "danger"], ["mat-button", "", 3, "color", "click"]], template: function InfoDialogComponent_Template(rf, ctx) { if (rf & 1) {
3053
3116
  i0.ɵɵtemplate(0, InfoDialogComponent_h1_0_Template, 2, 3, "h1", 0);
3054
3117
  i0.ɵɵelementStart(1, "div", 1);
3055
3118
  i0.ɵɵtemplate(2, InfoDialogComponent_p_2_Template, 2, 3, "p", 2);
@@ -3078,11 +3141,11 @@ class InfoDialogComponent {
3078
3141
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(8, 7, ctx.model.labelOk));
3079
3142
  i0.ɵɵadvance(2);
3080
3143
  i0.ɵɵproperty("ngIf", ctx.model.labelCancel);
3081
- } }, dependencies: [i1$2.NgIf, i13.MatButton, i1$3.MatDialogTitle, i1$3.MatDialogContent, i1$3.MatDialogActions, InfoMessageComponent, InfoTranslatePipe], encapsulation: 2 });
3144
+ } }, dependencies: [i1$3.NgIf, i13.MatButton, i1$4.MatDialogTitle, i1$4.MatDialogContent, i1$4.MatDialogActions, InfoSafeHtmlDirective, InfoMessageComponent, InfoTranslatePipe], encapsulation: 2 });
3082
3145
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoDialogComponent, [{
3083
3146
  type: Component,
3084
- args: [{ selector: 'info-dialog', template: "<h1 mat-dialog-title *ngIf=\"model.title\" [innerHTML]=\"model.title | translate\" ></h1>\r\n\r\n<div mat-dialog-content class=\"mb-3\">\r\n <p *ngIf=\"!model.processingMode\" [innerHTML]=\"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> " }]
3085
- }], function () { return [{ type: i1$3.MatDialogRef }, { type: InfoDialogModel, decorators: [{
3147
+ args: [{ selector: 'info-dialog', template: "<h1 mat-dialog-title *ngIf=\"model.title\" [safeHtml]=\"model.title | translate\" ></h1>\r\n\r\n<div mat-dialog-content class=\"mb-3\">\r\n <p *ngIf=\"!model.processingMode\" [safeHtml]=\"model.message | translate\"></p>\r\n <info-message *ngIf=\"model.processingMode\" color=\"danger\">{{ 'A plataforma est\u00E1 efetuando o processamento em segundo plano.<br /> Isto pode levar alguns minutos e assim que conclu\u00EDdo, uma notifica\u00E7\u00E3o ser\u00E1 enviada.' | translate}}</info-message>\r\n</div>\r\n\r\n<div mat-dialog-actions class=\"buttons\">\r\n <button mat-button (click)=\"onclickAux()\" [color]=\"model.colorAux\" *ngIf=\"model.labelAux\" >{{ model.labelAux | translate }}</button>\r\n <button mat-button (click)=\"onclickOk()\" [color]=\"model.colorOk\" cdkFocusInitial>{{ model.labelOk | translate }}</button>\r\n <button mat-button (click)=\"onclickCancel()\" [color]=\"model.colorCancel\" *ngIf=\"model.labelCancel\" >{{ model.labelCancel | translate }}</button>\r\n</div> " }]
3148
+ }], function () { return [{ type: i1$4.MatDialogRef }, { type: InfoDialogModel, decorators: [{
3086
3149
  type: Inject,
3087
3150
  args: [MAT_DIALOG_DATA]
3088
3151
  }] }]; }, null); })();
@@ -3561,7 +3624,7 @@ class InfoInputComponent {
3561
3624
  i0.ɵɵproperty("ngIf", ctx.type == "textarea");
3562
3625
  i0.ɵɵadvance(1);
3563
3626
  i0.ɵɵproperty("ngIf", ctx.type == "color");
3564
- } }, dependencies: [i1$2.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.RequiredValidator, i2.MaxLengthValidator, i2.NgModel, i2.FormControlDirective, i4.MatIcon, i4$1.MatError, i4$1.MatFormField, i4$1.MatPrefix, i4$1.MatSuffix, i6.MatInput, i6$2.CurrencyMaskDirective, InfoMaskDirective, InfoUnmaskDirective, InfoTranslatePipe], styles: ["[_nghost-%COMP%] .input-color[_ngcontent-%COMP%] .mat-form-field-label{transition:transform .4s cubic-bezier(.25,.8,.25,1),color .4s cubic-bezier(.25,.8,.25,1),width .4s cubic-bezier(.25,.8,.25,1),margin .4s cubic-bezier(.25,.8,.25,1)}[_nghost-%COMP%] .input-color[_ngcontent-%COMP%]:not(.mat-form-field-should-float) .mat-form-field-label{margin-left:40px}[_nghost-%COMP%] .input-color.mat-form-field-should-float[_ngcontent-%COMP%] .mat-form-field-label{margin-left:0}[_nghost-%COMP%] .input-color[_ngcontent-%COMP%] .input-color-container[_ngcontent-%COMP%]{display:flex}[_nghost-%COMP%] .input-color[_ngcontent-%COMP%] .input-color-container[_ngcontent-%COMP%] input[type=color][_ngcontent-%COMP%]{width:0px;height:0px;visibility:hidden}[_nghost-%COMP%] .input-color[_ngcontent-%COMP%] .input-color-container[_ngcontent-%COMP%] .color-picker[_ngcontent-%COMP%]{width:30px;border:solid 1px black;border-radius:5px;margin-right:5px}"] });
3627
+ } }, dependencies: [i1$3.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.RequiredValidator, i2.MaxLengthValidator, i2.NgModel, i2.FormControlDirective, i4.MatIcon, i4$1.MatError, i4$1.MatFormField, i4$1.MatPrefix, i4$1.MatSuffix, i6.MatInput, i6$2.CurrencyMaskDirective, InfoMaskDirective, InfoUnmaskDirective, InfoTranslatePipe], styles: ["[_nghost-%COMP%] .input-color[_ngcontent-%COMP%] .mat-form-field-label{transition:transform .4s cubic-bezier(.25,.8,.25,1),color .4s cubic-bezier(.25,.8,.25,1),width .4s cubic-bezier(.25,.8,.25,1),margin .4s cubic-bezier(.25,.8,.25,1)}[_nghost-%COMP%] .input-color[_ngcontent-%COMP%]:not(.mat-form-field-should-float) .mat-form-field-label{margin-left:40px}[_nghost-%COMP%] .input-color.mat-form-field-should-float[_ngcontent-%COMP%] .mat-form-field-label{margin-left:0}[_nghost-%COMP%] .input-color[_ngcontent-%COMP%] .input-color-container[_ngcontent-%COMP%]{display:flex}[_nghost-%COMP%] .input-color[_ngcontent-%COMP%] .input-color-container[_ngcontent-%COMP%] input[type=color][_ngcontent-%COMP%]{width:0px;height:0px;visibility:hidden}[_nghost-%COMP%] .input-color[_ngcontent-%COMP%] .input-color-container[_ngcontent-%COMP%] .color-picker[_ngcontent-%COMP%]{width:30px;border:solid 1px black;border-radius:5px;margin-right:5px}"] });
3565
3628
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoInputComponent, [{
3566
3629
  type: Component,
3567
3630
  args: [{ selector: 'info-input', providers: [
@@ -3694,7 +3757,7 @@ function InfoPagebarComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
3694
3757
  i0.ɵɵadvance(1);
3695
3758
  i0.ɵɵproperty("ngIf", ctx_r0.icon);
3696
3759
  i0.ɵɵadvance(1);
3697
- i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind1(4, 6, ctx_r0.pagetitle), i0.ɵɵsanitizeHtml);
3760
+ i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(4, 6, ctx_r0.pagetitle));
3698
3761
  i0.ɵɵadvance(3);
3699
3762
  i0.ɵɵproperty("ngIf", ctx_r0.backurl);
3700
3763
  i0.ɵɵadvance(1);
@@ -3817,7 +3880,7 @@ function InfoPagebarComponent_div_2_Template(rf, ctx) { if (rf & 1) {
3817
3880
  i0.ɵɵadvance(2);
3818
3881
  i0.ɵɵproperty("ngIf", ctx_r1.podeCriarAtalho);
3819
3882
  i0.ɵɵadvance(1);
3820
- i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind1(8, 9, ctx_r1.description), i0.ɵɵsanitizeHtml);
3883
+ i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(8, 9, ctx_r1.description));
3821
3884
  i0.ɵɵadvance(3);
3822
3885
  i0.ɵɵproperty("ngIf", ctx_r1.backurl);
3823
3886
  i0.ɵɵadvance(1);
@@ -3929,8 +3992,8 @@ class InfoPagebarComponent {
3929
3992
  return ref.afterClosed();
3930
3993
  }
3931
3994
  }
3932
- /** @nocollapse */ InfoPagebarComponent.ɵfac = function InfoPagebarComponent_Factory(t) { return new (t || InfoPagebarComponent)(i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(i1$3.MatDialog), i0.ɵɵdirectiveInject(InfoDataService), i0.ɵɵdirectiveInject(InfoTranslateService), i0.ɵɵdirectiveInject(InfoPlatformModel), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ElementRef)); };
3933
- /** @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, "innerHTML"], [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, "innerHTML"], [1, "col-md-6", "align-right", "buttons"], ["id", "page-title"], ["type", "button", "mat-icon-button", "", 1, "shortcut-button", 3, "ngClass", "disabled", "click"], ["inline", ""], [1, "loading-bar"], ["color", "primary", "mode", "indeterminate"]], template: function InfoPagebarComponent_Template(rf, ctx) { if (rf & 1) {
3995
+ /** @nocollapse */ InfoPagebarComponent.ɵfac = function InfoPagebarComponent_Factory(t) { return new (t || InfoPagebarComponent)(i0.ɵɵdirectiveInject(i1$2.Router), i0.ɵɵdirectiveInject(i1$4.MatDialog), i0.ɵɵdirectiveInject(InfoDataService), i0.ɵɵdirectiveInject(InfoTranslateService), i0.ɵɵdirectiveInject(InfoPlatformModel), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ElementRef)); };
3996
+ /** @nocollapse */ InfoPagebarComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoPagebarComponent, selectors: [["info-pagebar"]], inputs: { margintop: "margintop", icon: "icon", description: "description", backurl: "backurl", access: "access", transparent: "transparent", pagetitle: "pagetitle" }, ngContentSelectors: _c5$1, decls: 6, vars: 9, consts: [[3, "ngStyle", "ngClass"], [4, "ngIf"], ["class", "row", 4, "ngIf"], ["class", "loading-bar", 4, "ngIf"], ["content", ""], [3, "ngClass"], [3, "safeHtml"], [1, "link-button"], ["mat-button", "", "type", "button", "color", "primary", 3, "click", 4, "ngIf"], [4, "ngTemplateOutlet"], ["class", "acesso-rapido", 3, "mouseenter", "mouseleave", 4, "ngIf"], ["mat-button", "", "type", "button", "color", "primary", 3, "click"], [1, "fs-20"], [1, "acesso-rapido", 3, "mouseenter", "mouseleave"], [4, "ngFor", "ngForOf"], ["target", "_blank", 3, "routerLink"], [1, "row"], [1, "col-md-6"], ["id", "page-title", 4, "ngIf"], [3, "outerHTML"], ["type", "button", "mat-icon-button", "", "class", "shortcut-button", 3, "ngClass", "disabled", "click", 4, "ngIf"], [1, "pagebar-description", 3, "safeHtml"], [1, "col-md-6", "align-right", "buttons"], ["id", "page-title"], ["type", "button", "mat-icon-button", "", 1, "shortcut-button", 3, "ngClass", "disabled", "click"], ["inline", ""], [1, "loading-bar"], ["color", "primary", "mode", "indeterminate"]], template: function InfoPagebarComponent_Template(rf, ctx) { if (rf & 1) {
3934
3997
  i0.ɵɵprojectionDef();
3935
3998
  i0.ɵɵelementStart(0, "div", 0);
3936
3999
  i0.ɵɵtemplate(1, InfoPagebarComponent_ng_container_1_Template, 10, 11, "ng-container", 1);
@@ -3946,11 +4009,11 @@ class InfoPagebarComponent {
3946
4009
  i0.ɵɵproperty("ngIf", ctx._platform.Config.ux <= 2);
3947
4010
  i0.ɵɵadvance(1);
3948
4011
  i0.ɵɵproperty("ngIf", ctx.loading);
3949
- } }, dependencies: [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i1$2.NgTemplateOutlet, i1$2.NgStyle, i4.MatIcon, i13.MatButton, i7.MatProgressBar, i1$1.RouterLinkWithHref, InfoTranslatePipe], styles: ["body[_ngcontent-%COMP%]{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}.topmenu[_nghost-%COMP%] > div[_ngcontent-%COMP%]{left:0!important;top:125px!important;width:100%!important}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%]{position:fixed;left:120px;z-index:100;top:80px;background:#FFF;padding:15px 20px 10px;min-height:60px;width:calc(100% - 120px);transition:left .2s ease-in-out,width .2s ease-in-out}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%] h2[_ngcontent-%COMP%]{font-size:1.7em;font-weight:500;display:inline-block;padding-right:20px;margin:0;max-width:65%;background:inherit}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{top:3px;font-size:22px}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] > small[_ngcontent-%COMP%]{font-size:70%}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%] h2.title-icon[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{top:14px;left:0;font-size:42px;position:absolute}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%] h2.title-icon[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{font-size:30px;margin-left:40px;position:relative;top:3px}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%] .link-button[_ngcontent-%COMP%]{display:block;background:inherit;position:absolute;right:20px;top:18px;padding-left:20px}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%] hr[_ngcontent-%COMP%]{position:absolute;top:50%;margin:0;width:calc(100% - 40px);z-index:-1}@media only screen and (max-width: 991px){.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%]{left:0}}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%]{position:fixed;left:120px;right:0;z-index:100;top:70px;background:#fff;padding:10px 20px;min-height:60px;border-bottom:solid 1px #e4e9f0;box-shadow:0 0 5px #eee}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%]{left:0}}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%] h2[_ngcontent-%COMP%]{margin:0;padding:0;font-size:1.2em;display:inline}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{font-size:.9em;width:100%;padding-top:3px;margin:0}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{display:none}}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%] .buttons[_ngcontent-%COMP%]{padding-top:2px}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%] .buttons[_ngcontent-%COMP%] .mat-button[_ngcontent-%COMP%]{margin-left:8px}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%]:hover .shortcut-button[_ngcontent-%COMP%]{opacity:1}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%] .shortcut-button[_ngcontent-%COMP%]{width:22px;height:22px;line-height:22px;text-align:center;opacity:0;transition:opacity .2s}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%] .shortcut-button.tem-atalho[_ngcontent-%COMP%]{opacity:1!important}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%] .shortcut-button[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{font-size:14px;color:#b99206;top:-2px}"] });
4012
+ } }, dependencies: [i1$3.NgClass, i1$3.NgForOf, i1$3.NgIf, i1$3.NgTemplateOutlet, i1$3.NgStyle, i4.MatIcon, i13.MatButton, i7.MatProgressBar, i1$2.RouterLinkWithHref, InfoSafeHtmlDirective, InfoTranslatePipe], styles: ["body[_ngcontent-%COMP%]{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}.topmenu[_nghost-%COMP%] > div[_ngcontent-%COMP%]{left:0!important;top:125px!important;width:100%!important}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%]{position:fixed;left:120px;z-index:100;top:80px;background:#FFF;padding:15px 20px 10px;min-height:60px;width:calc(100% - 120px);transition:left .2s ease-in-out,width .2s ease-in-out}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%] h2[_ngcontent-%COMP%]{font-size:1.7em;font-weight:500;display:inline-block;padding-right:20px;margin:0;max-width:65%;background:inherit}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{top:3px;font-size:22px}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] > small[_ngcontent-%COMP%]{font-size:70%}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%] h2.title-icon[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{top:14px;left:0;font-size:42px;position:absolute}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%] h2.title-icon[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{font-size:30px;margin-left:40px;position:relative;top:3px}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%] .link-button[_ngcontent-%COMP%]{display:block;background:inherit;position:absolute;right:20px;top:18px;padding-left:20px}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%] hr[_ngcontent-%COMP%]{position:absolute;top:50%;margin:0;width:calc(100% - 40px);z-index:-1}@media only screen and (max-width: 991px){.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%]{left:0}}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%]{position:fixed;left:120px;right:0;z-index:100;top:70px;background:#fff;padding:10px 20px;min-height:60px;border-bottom:solid 1px #e4e9f0;box-shadow:0 0 5px #eee}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%]{left:0}}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%] h2[_ngcontent-%COMP%]{margin:0;padding:0;font-size:1.2em;display:inline}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{font-size:.9em;width:100%;padding-top:3px;margin:0}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{display:none}}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%] .buttons[_ngcontent-%COMP%]{padding-top:2px}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%] .buttons[_ngcontent-%COMP%] .mat-button[_ngcontent-%COMP%]{margin-left:8px}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%]:hover .shortcut-button[_ngcontent-%COMP%]{opacity:1}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%] .shortcut-button[_ngcontent-%COMP%]{width:22px;height:22px;line-height:22px;text-align:center;opacity:0;transition:opacity .2s}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%] .shortcut-button.tem-atalho[_ngcontent-%COMP%]{opacity:1!important}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%] .shortcut-button[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{font-size:14px;color:#b99206;top:-2px}"] });
3950
4013
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoPagebarComponent, [{
3951
4014
  type: Component,
3952
- 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 [innerHTML]=\"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\" [innerHTML]=\"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"] }]
3953
- }], function () { return [{ type: i1$1.Router }, { type: i1$3.MatDialog }, { type: InfoDataService }, { type: InfoTranslateService }, { type: InfoPlatformModel }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, { margintop: [{
4015
+ args: [{ selector: 'info-pagebar', template: "<div [ngStyle]=\"{ 'marginTop': margintop + 'px' }\" [ngClass]=\"{ 'transparent': transparent }\" >\r\n \r\n <ng-container *ngIf=\"_platform.Config.ux >= 3\" >\r\n <h2 [ngClass]=\"{ 'title-icon': icon }\">\r\n <mat-icon *ngIf=\"icon\">{{ icon }}</mat-icon>\r\n <span [safeHtml]=\"pagetitle | translate\"></span>\r\n </h2>\r\n \r\n <div class=\"link-button\">\r\n <button mat-button type=\"button\" *ngIf=\"backurl\" color=\"primary\" (click)=\"goBack()\">\r\n <mat-icon class=\"fs-20\">chevron_left</mat-icon>{{ 'Voltar' | translate}}</button>\r\n\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n\r\n <dl *ngIf=\"(access || []).length > 0\" class=\"acesso-rapido\" (mouseenter)=\"exibirAcessos = true\" (mouseleave)=\"exibirAcessos = false\">\r\n <dt>\r\n <mat-icon class=\"fs-20\">share</mat-icon>\r\n </dt>\r\n <dd *ngIf=\"exibirAcessos\">\r\n <ul>\r\n <li *ngFor=\"let a of access\">\r\n <a target=\"_blank\" [routerLink]=\"a.Url\" ><mat-icon>chevron_right</mat-icon> {{ a.Label | translate }}</a>\r\n </li>\r\n </ul> \r\n </dd>\r\n </dl>\r\n </div>\r\n <hr>\r\n </ng-container>\r\n \r\n <div class=\"row\" *ngIf=\"_platform.Config.ux <= 2\" >\r\n <div class=\"col-md-6\">\r\n <h2>\r\n <label id=\"page-title\" *ngIf=\"_platform.PaginaAtiva\">\r\n <mat-icon>{{ _platform.PaginaAtiva.Icone }}</mat-icon>\r\n {{ _platform.PaginaAtiva.Titulo | translate }}\r\n\r\n <ng-container *ngIf=\"pagetitle != null && pagetitle != ''\"> / </ng-container>\r\n </label>\r\n <label [outerHTML]=\"pagetitle | translate\"></label>\r\n </h2>\r\n <button *ngIf=\"podeCriarAtalho\" type=\"button\" mat-icon-button class=\"shortcut-button\" [ngClass]=\"{ 'tem-atalho': !!atalhoId }\" (click)=\"toggleAtalho()\" [disabled]=\"loading\">\r\n <mat-icon inline>{{ atalhoId ? 'star' : 'star_border' }}</mat-icon>\r\n </button>\r\n \r\n <p class=\"pagebar-description\" [safeHtml]=\"description | translate\"></p>\r\n </div>\r\n\r\n <div class=\"col-md-6 align-right buttons\">\r\n <button mat-button type=\"button\" *ngIf=\"backurl\" color=\"primary\" (click)=\"goBack()\">\r\n <mat-icon class=\"fs-20\">chevron_left</mat-icon>{{ 'Voltar' | translate}}\r\n </button>\r\n \r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n\r\n <dl *ngIf=\"(access || []).length > 0\" class=\"acesso-rapido\" (mouseenter)=\"exibirAcessos = true\" (mouseleave)=\"exibirAcessos = false\">\r\n <dt>\r\n <mat-icon class=\"fs-20\">share</mat-icon>\r\n </dt>\r\n <dd *ngIf=\"exibirAcessos\">\r\n <ul>\r\n <li *ngFor=\"let a of access\">\r\n <a target=\"_blank\" [routerLink]=\"a.Url\" ><mat-icon>chevron_right</mat-icon> {{ a.Label | translate }}</a>\r\n </li>\r\n </ul> \r\n </dd>\r\n </dl>\r\n </div>\r\n </div>\r\n</div>\r\n<section class=\"loading-bar\" *ngIf=\"loading\">\r\n <mat-progress-bar color=\"primary\" mode=\"indeterminate\"></mat-progress-bar>\r\n</section>\r\n\r\n<ng-template #content><ng-content></ng-content></ng-template>", styles: ["body{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}:host.topmenu>div{left:0!important;top:125px!important;width:100%!important}:host.uxc3>div{position:fixed;left:120px;z-index:100;top:80px;background:#FFF;padding:15px 20px 10px;min-height:60px;width:calc(100% - 120px);transition:left .2s ease-in-out,width .2s ease-in-out}:host.uxc3>div h2{font-size:1.7em;font-weight:500;display:inline-block;padding-right:20px;margin:0;max-width:65%;background:inherit}:host.uxc3>div h2 .mat-icon{top:3px;font-size:22px}:host.uxc3>div h2>small{font-size:70%}:host.uxc3>div h2.title-icon mat-icon{top:14px;left:0;font-size:42px;position:absolute}:host.uxc3>div h2.title-icon span{font-size:30px;margin-left:40px;position:relative;top:3px}:host.uxc3>div .link-button{display:block;background:inherit;position:absolute;right:20px;top:18px;padding-left:20px}:host.uxc3>div hr{position:absolute;top:50%;margin:0;width:calc(100% - 40px);z-index:-1}@media only screen and (max-width: 991px){:host.uxc3>div{left:0}}:host.uxc2>div{position:fixed;left:120px;right:0;z-index:100;top:70px;background:#fff;padding:10px 20px;min-height:60px;border-bottom:solid 1px #e4e9f0;box-shadow:0 0 5px #eee}@media only screen and (max-width: 543px){:host.uxc2>div{left:0}}:host.uxc2>div h2{margin:0;padding:0;font-size:1.2em;display:inline}:host.uxc2>div p{font-size:.9em;width:100%;padding-top:3px;margin:0}@media only screen and (max-width: 543px){:host.uxc2>div p{display:none}}:host.uxc2>div .buttons{padding-top:2px}:host.uxc2>div .buttons .mat-button{margin-left:8px}:host.uxc2>div:hover .shortcut-button{opacity:1}:host.uxc2>div .shortcut-button{width:22px;height:22px;line-height:22px;text-align:center;opacity:0;transition:opacity .2s}:host.uxc2>div .shortcut-button.tem-atalho{opacity:1!important}:host.uxc2>div .shortcut-button .mat-icon{font-size:14px;color:#b99206;top:-2px}\n"] }]
4016
+ }], function () { return [{ type: i1$2.Router }, { type: i1$4.MatDialog }, { type: InfoDataService }, { type: InfoTranslateService }, { type: InfoPlatformModel }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, { margintop: [{
3954
4017
  type: Input
3955
4018
  }], icon: [{
3956
4019
  type: Input
@@ -4218,7 +4281,7 @@ function InfoGridComponent_fieldset_7_Template(rf, ctx) { if (rf & 1) {
4218
4281
  } if (rf & 2) {
4219
4282
  const ctx_r3 = i0.ɵɵnextContext();
4220
4283
  i0.ɵɵadvance(1);
4221
- i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind1(2, 1, ctx_r3.pagebarTitle), i0.ɵɵsanitizeHtml);
4284
+ i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(2, 1, ctx_r3.pagebarTitle));
4222
4285
  } }
4223
4286
  function InfoGridComponent_mat_progress_bar_9_Template(rf, ctx) { if (rf & 1) {
4224
4287
  i0.ɵɵelement(0, "mat-progress-bar", 32);
@@ -4351,7 +4414,7 @@ function InfoGridComponent_table_10_tr_7_ng_container_2_ng_container_2_ng_contai
4351
4414
  const mod_r55 = ctx_r89.$implicit;
4352
4415
  const j_r56 = ctx_r89.index;
4353
4416
  const ctx_r85 = i0.ɵɵnextContext(2);
4354
- 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]))("innerHTML", i0.ɵɵpipeBind2(1, 2, mod_r55[col_r66], ctx_r85.colunasTranslate[i_r67]) || "", i0.ɵɵsanitizeHtml);
4417
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(6, _c5, ctx_r85.enabledexpand == true && mod_r55[col_r66].length > ctx_r85.limitcharacters, (ctx_r85.colunasItensExpandidos[j_r56] || i0.ɵɵpureFunction0(5, _c1$4))[i_r67]))("safeHtml", i0.ɵɵpipeBind2(1, 2, mod_r55[col_r66], ctx_r85.colunasTranslate[i_r67]) || "");
4355
4418
  } }
4356
4419
  function InfoGridComponent_table_10_tr_7_ng_container_2_ng_container_2_ng_container_1_td_1_label_2_Template(rf, ctx) { if (rf & 1) {
4357
4420
  i0.ɵɵelementStart(0, "label", 63);
@@ -4463,7 +4526,7 @@ function InfoGridComponent_table_10_tr_7_ng_container_2_ng_container_2_td_2_Temp
4463
4526
  } if (rf & 2) {
4464
4527
  const col_r66 = i0.ɵɵnextContext(2).$implicit;
4465
4528
  const mod_r55 = i0.ɵɵnextContext().$implicit;
4466
- i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(1, 1, mod_r55[col_r66], "shortDate"), i0.ɵɵsanitizeHtml);
4529
+ i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind2(1, 1, mod_r55[col_r66], "shortDate"));
4467
4530
  } }
4468
4531
  function InfoGridComponent_table_10_tr_7_ng_container_2_ng_container_2_td_3_Template(rf, ctx) { if (rf & 1) {
4469
4532
  i0.ɵɵelementStart(0, "td", 66);
@@ -4483,7 +4546,7 @@ function InfoGridComponent_table_10_tr_7_ng_container_2_ng_container_2_td_4_Temp
4483
4546
  } if (rf & 2) {
4484
4547
  const col_r66 = i0.ɵɵnextContext(2).$implicit;
4485
4548
  const mod_r55 = i0.ɵɵnextContext().$implicit;
4486
- i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(1, 1, mod_r55[col_r66], "MM/yyyy"), i0.ɵɵsanitizeHtml);
4549
+ i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind2(1, 1, mod_r55[col_r66], "MM/yyyy"));
4487
4550
  } }
4488
4551
  function InfoGridComponent_table_10_tr_7_ng_container_2_ng_container_2_td_5_Template(rf, ctx) { if (rf & 1) {
4489
4552
  i0.ɵɵelementStart(0, "td", 66);
@@ -5513,7 +5576,7 @@ class InfoGridComponent {
5513
5576
  }
5514
5577
  }
5515
5578
  }
5516
- /** @nocollapse */ InfoGridComponent.ɵfac = function InfoGridComponent_Factory(t) { return new (t || InfoGridComponent)(i0.ɵɵdirectiveInject(InfoDialogModal), i0.ɵɵdirectiveInject(InfoPlatformModel), i0.ɵɵdirectiveInject(i1$3.MatDialog), i0.ɵɵdirectiveInject(InfoFormPropModel), i0.ɵɵdirectiveInject(InfoDataService), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(InfoAuthenticationService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(InfoTranslateService), i0.ɵɵdirectiveInject(InfoLastSearchModel), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ElementRef)); };
5579
+ /** @nocollapse */ InfoGridComponent.ɵfac = function InfoGridComponent_Factory(t) { return new (t || InfoGridComponent)(i0.ɵɵdirectiveInject(InfoDialogModal), i0.ɵɵdirectiveInject(InfoPlatformModel), i0.ɵɵdirectiveInject(i1$4.MatDialog), i0.ɵɵdirectiveInject(InfoFormPropModel), i0.ɵɵdirectiveInject(InfoDataService), i0.ɵɵdirectiveInject(i1$2.Router), i0.ɵɵdirectiveInject(i1$2.ActivatedRoute), i0.ɵɵdirectiveInject(InfoAuthenticationService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(InfoTranslateService), i0.ɵɵdirectiveInject(InfoLastSearchModel), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ElementRef)); };
5517
5580
  /** @nocollapse */ InfoGridComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoGridComponent, selectors: [["info-grid"]], contentQueries: function InfoGridComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
5518
5581
  i0.ɵɵcontentQuery(dirIndex, NgModel, 4);
5519
5582
  } if (rf & 2) {
@@ -5526,7 +5589,7 @@ class InfoGridComponent {
5526
5589
  let _t;
5527
5590
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.formSearch = _t.first);
5528
5591
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.paginator = _t.first);
5529
- } }, 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, "innerHTML"], ["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, "innerHTML", 4, "ngSwitchCase"], ["nowrap", "", 4, "ngSwitchCase"], ["nowrap", "", 3, "class", 4, "ngSwitchCase"], ["class", "text-center", 4, "ngSwitchCase"], [3, "ngClass", 4, "ngIf"], [3, "ngClass", "innerHTML", 4, "ngIf"], ["class", "break-word", 3, "ngClass", 4, "ngIf"], ["class", "mostrar-mais", 3, "ngClass", "click", 4, "ngIf"], [3, "ngClass", "innerHTML"], [1, "break-word", 3, "ngClass"], [1, "mostrar-mais", 3, "ngClass", "click"], ["nowrap", "", 3, "innerHTML"], ["nowrap", ""], [1, "text-center"], [4, "ngIf", "ngIfThen", "ngIfElse"], ["checked", ""], ["unchecked", ""], [1, "td-actions", "clickaccess"], ["mat-icon-button", "", "type", "button", 3, "click", 4, "ngIf"], ["mat-icon-button", "", "type", "button", 3, "click"], ["class", "td-actions", 4, "ngIf"], [1, "td-actions"], ["mat-icon-button", "", "target", "_blank", 3, "href", "matTooltip", 4, "ngIf"], ["mat-icon-button", "", "type", "button", 3, "matTooltip", "click", 4, "ngIf"], ["mat-icon-button", "", "type", "button", 3, "matTooltip", "disabled", "click", 4, "ngIf"], ["mat-icon-button", "", "target", "_blank", 3, "href", "matTooltip"], ["mat-icon-button", "", "type", "button", 3, "matTooltip", "disabled", "click"], ["mat-icon-button", "", "type", "button", 3, "matTooltip", "click"], [1, "blank-table"], [1, "block"]], template: function InfoGridComponent_Template(rf, ctx) { if (rf & 1) {
5592
+ } }, inputs: { pagetitle: "pagetitle", prefixtitle: "prefixtitle", description: "description", pagebarbuttons: "pagebarbuttons", fullarea: "fullarea", api: "api", method: "method", form: "form", width: "width", parent: "parent", apidownload: "apidownload", methoddownload: "methoddownload", backurl: "backurl", newurl: "newurl", newlabel: "newlabel", editurl: "editurl", viewurl: "viewurl", templateurl: "templateurl", paged: "paged", size: "size", autorefresh: "autorefresh", enabledcols: "enabledcols", enablednew: "enablednew", enablededit: "enablededit", enableddelete: "enableddelete", enabledview: "enabledview", enabledcancelsearch: "enabledcancelsearch", enableddetail: "enableddetail", enabledclassicons: "enabledclassicons", enabledclickaccess: "enabledclickaccess", enabledclickevent: "enabledclickevent", enabledexpand: "enabledexpand", searchopened: "searchopened", searchonlyonebutton: "searchonlyonebutton", disablesearchlast: "disablesearchlast", statictitle: "statictitle", disabledcol: "disabledcol", accessicon: "accessicon", loadoninit: "loadoninit", data: "data", searchmodel: "searchmodel", dynamiccols: "dynamiccols", buttons: "buttons", searchbuttons: "searchbuttons", showmessageerror: "showmessageerror", defaultnewobject: "defaultnewobject", parentIdUrl: "parentIdUrl", cols: "cols" }, outputs: { onbeforesearch: "onbeforesearch", onloadcomplete: "onloadcomplete", onclosemodal: "onclosemodal", onnew: "onnew", onedit: "onedit", onview: "onview", ondelete: "ondelete", customdelete: "customdelete", parentIdUrlChange: "parentIdUrlChange" }, features: [i0.ɵɵProvidersFeature([InfoFormPropModel])], ngContentSelectors: _c14, decls: 16, vars: 16, consts: [[3, "pagetitle", "description", 4, "ngIf"], [3, "ngClass"], [1, "table-responsive", "white"], [1, "table-title", "grid-search", 3, "ngStyle"], ["autocomplete", "off", 3, "ngSubmit"], ["formSearch", "ngForm"], ["class", "search-container row", 4, "ngIf"], [4, "ngIf"], [1, "loading-bar"], ["color", "primary", "mode", "indeterminate", 4, "ngIf"], ["class", "table table-hover", 3, "ngStyle", "ngClass", 4, "ngIf"], ["class", "blank-table", 4, "ngIf"], [3, "hidden", "size", "change"], ["paginator", ""], ["class", "block", 4, "ngIf"], [3, "messages"], [3, "pagetitle", "description"], ["mat-button", "", "type", "button", "color", "primary", 3, "click", 4, "ngIf"], [4, "ngFor", "ngForOf"], ["mat-button", "", "type", "button", "color", "primary", 3, "click"], [1, "fs-20"], ["type", "button", "mat-button", "", "color", "primary", 3, "click"], ["class", "fs-20", 4, "ngIf"], [1, "search-container", "row"], [1, "row"], [3, "class", 4, "ngIf"], [1, "search-buttons"], ["mat-button", "", "type", "submit", "color", "primary", 3, "disabled"], ["mat-button", "", "type", "button", "color", "warn", 3, "click", 4, "ngIf"], ["mat-button", "", "type", "button", "color", "warn", 3, "click"], ["mat-button", "", "type", "button", "color", "primary", 3, "disabled", "click"], [3, "safeHtml"], ["color", "primary", "mode", "indeterminate"], [1, "table", "table-hover", 3, "ngStyle", "ngClass"], ["style", "width: 5%;", 4, "ngIf"], ["class", "actions align-right buttons", 4, "ngIf"], [1, "grid-content"], [3, "ngClass", "class", "click", 4, "ngFor", "ngForOf"], [2, "width", "5%"], [3, "class", "ngClass", 4, "ngIf"], [3, "ngStyle", "ngClass", 4, "ngIf"], [3, "ngStyle", "ngClass"], [1, "actions", "align-right", "buttons"], ["mat-icon-button", "", "type", "button", "matTooltipPosition", "left", 3, "matTooltip", "click", 4, "ngIf"], ["mat-icon-button", "", "type", "button", "class", "managercols", "matTooltipPosition", "left", 3, "matTooltip", "click", 4, "ngIf"], ["mat-icon-button", "", "type", "button", "matTooltipPosition", "left", 3, "matTooltip", "click"], ["mat-icon-button", "", "type", "button", "matTooltipPosition", "left", 1, "managercols", 3, "matTooltip", "click"], [1, "icon-out"], [3, "ngClass", "click"], ["class", "material-icons", 3, "matTooltip", "ngClass", 4, "ngIf"], [1, "material-icons", 3, "matTooltip", "ngClass"], [3, "ngSwitch", 4, "ngIf"], [3, "ngSwitch"], [4, "ngSwitchCase"], ["nowrap", "", 3, "safeHtml", 4, "ngSwitchCase"], ["nowrap", "", 4, "ngSwitchCase"], ["nowrap", "", 3, "class", 4, "ngSwitchCase"], ["class", "text-center", 4, "ngSwitchCase"], [3, "ngClass", 4, "ngIf"], [3, "ngClass", "safeHtml", 4, "ngIf"], ["class", "break-word", 3, "ngClass", 4, "ngIf"], ["class", "mostrar-mais", 3, "ngClass", "click", 4, "ngIf"], [3, "ngClass", "safeHtml"], [1, "break-word", 3, "ngClass"], [1, "mostrar-mais", 3, "ngClass", "click"], ["nowrap", "", 3, "safeHtml"], ["nowrap", ""], [1, "text-center"], [4, "ngIf", "ngIfThen", "ngIfElse"], ["checked", ""], ["unchecked", ""], [1, "td-actions", "clickaccess"], ["mat-icon-button", "", "type", "button", 3, "click", 4, "ngIf"], ["mat-icon-button", "", "type", "button", 3, "click"], ["class", "td-actions", 4, "ngIf"], [1, "td-actions"], ["mat-icon-button", "", "target", "_blank", 3, "href", "matTooltip", 4, "ngIf"], ["mat-icon-button", "", "type", "button", 3, "matTooltip", "click", 4, "ngIf"], ["mat-icon-button", "", "type", "button", 3, "matTooltip", "disabled", "click", 4, "ngIf"], ["mat-icon-button", "", "target", "_blank", 3, "href", "matTooltip"], ["mat-icon-button", "", "type", "button", 3, "matTooltip", "disabled", "click"], ["mat-icon-button", "", "type", "button", 3, "matTooltip", "click"], [1, "blank-table"], [1, "block"]], template: function InfoGridComponent_Template(rf, ctx) { if (rf & 1) {
5530
5593
  i0.ɵɵprojectionDef();
5531
5594
  i0.ɵɵtemplate(0, InfoGridComponent_info_pagebar_0_Template, 6, 7, "info-pagebar", 0);
5532
5595
  i0.ɵɵelementStart(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "form", 4, 5);
@@ -5566,11 +5629,11 @@ class InfoGridComponent {
5566
5629
  i0.ɵɵproperty("ngIf", ctx.loading);
5567
5630
  i0.ɵɵadvance(1);
5568
5631
  i0.ɵɵproperty("messages", ctx.messages);
5569
- } }, dependencies: [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i1$2.NgStyle, i1$2.NgSwitch, i1$2.NgSwitchCase, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i4.MatIcon, i13.MatButton, i13.MatAnchor, i7.MatProgressBar, i15.MatTooltip, InfoAlertComponent, InfoPaginatorComponent, InfoPagebarComponent, i1$2.DecimalPipe, i1$2.DatePipe, InfoTranslatePipe], styles: ["body[_ngcontent-%COMP%]{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}[_nghost-%COMP%]{display:block;position:relative}[_nghost-%COMP%] #auto-refresh[_ngcontent-%COMP%]{position:absolute;top:8px;right:0;margin:0;padding:0;background:transparent}[_nghost-%COMP%] #auto-refresh[_ngcontent-%COMP%] i[_ngcontent-%COMP%]{font-size:18px;cursor:default}[_nghost-%COMP%] .loading-bar[_ngcontent-%COMP%] .mat-progress-bar[_ngcontent-%COMP%]{height:3px;top:25px;opacity:.1}[_nghost-%COMP%] .table-title[_ngcontent-%COMP%]{background:#fcfcfc}[_nghost-%COMP%] .table-title[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%]{width:25px;height:25px;line-height:25px;text-align:center}[_nghost-%COMP%] .table-title[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{font-size:18px}[_nghost-%COMP%] .table-title[_ngcontent-%COMP%] [_ngcontent-%COMP%]:hover{transition:color .2s}[_nghost-%COMP%] .search-container[_ngcontent-%COMP%]{margin-top:10px;position:relative}[_nghost-%COMP%] .title-grid[_ngcontent-%COMP%]{padding-top:8px;font-size:.8rem;text-transform:uppercase;font-weight:700}[_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_id[_ngcontent-%COMP%], [_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_dia[_ngcontent-%COMP%]{width:80px}[_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_moeda[_ngcontent-%COMP%]{width:90px}[_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_dataposicao[_ngcontent-%COMP%], [_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_referencia[_ngcontent-%COMP%], [_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_data[_ngcontent-%COMP%], [_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_datacotacao[_ngcontent-%COMP%]{width:125px}[_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_conta[_ngcontent-%COMP%], [_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_identificador[_ngcontent-%COMP%]{width:250px}[_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_cliente[_ngcontent-%COMP%], [_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_nome[_ngcontent-%COMP%], [_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_descricao[_ngcontent-%COMP%], [_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_nome[_ngcontent-%COMP%]{width:400px}[_nghost-%COMP%] table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] .icone-secundario[_ngcontent-%COMP%]{font-size:12px}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table-title[_ngcontent-%COMP%]{padding:0!important}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%]{background:transparent}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] th[_ngcontent-%COMP%]{border-top:none;text-transform:capitalize;padding:5px;font-size:10px}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] th.actions[_ngcontent-%COMP%]{border-bottom-width:0}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] th[_ngcontent-%COMP%]:after{display:none}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] th[_ngcontent-%COMP%] .managercols[_ngcontent-%COMP%]{background-color:var(--ux-cor-P);right:0;opacity:0;transition:opacity .3s ease-in-out}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%]:hover .managercols[_ngcontent-%COMP%]{opacity:1!important}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%]{height:35px;background:#f9f9f9}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td[_ngcontent-%COMP%]{font-size:13px;font-weight:600;cursor:default;padding:8px 5px 0;transition:color .2s ease-in-out}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td[_ngcontent-%COMP%] .mostrar-mais[_ngcontent-%COMP%]{width:100%;display:flex;position:relative;bottom:18px;box-shadow:0 -6px 6px -3px RGB(0 0 0/20%);align-items:baseline;justify-content:center;background-color:#f9f9f9}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td[_ngcontent-%COMP%] .mostrar-mais[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{height:5px;line-height:11px;cursor:pointer;transition:transform .2s ease-in-out;transform:rotate(0)}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td[_ngcontent-%COMP%] .mostrar-mais[_ngcontent-%COMP%] .mat-icon.icone-expandido[_ngcontent-%COMP%]{transform:rotate(180deg)}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td[_ngcontent-%COMP%] .mostrar-mais.mostrar-mais-expandido[_ngcontent-%COMP%]{bottom:0;box-shadow:none}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td.td-actions[_ngcontent-%COMP%]{border-radius:5px;padding-top:7px;padding-bottom:4px;border-bottom:none;margin-top:1px;right:2px}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td.td-actions[_ngcontent-%COMP%] button[_ngcontent-%COMP%]:disabled{pointer-events:none;opacity:.4}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{height:17px;line-height:17px}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{position:relative;text-transform:uppercase;border:solid 1px;border-radius:3px;padding:2px 5px;font-size:8px;display:inline-block;margin:0 0 0 5px;top:-2px}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] .td-expansivel[_ngcontent-%COMP%] .label-expansivel[_ngcontent-%COMP%]{overflow:hidden;height:35px}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] .td-expansivel[_ngcontent-%COMP%] .label-expansivel.break-word[_ngcontent-%COMP%]{word-break:break-word}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] .td-expansivel[_ngcontent-%COMP%] .label-expansivel.label-expandida[_ngcontent-%COMP%]{height:100%}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%]:hover{background:#f9f9f9}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%]:hover .mostrar-mais[_ngcontent-%COMP%]{background-color:#f9f9f9}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%]:nth-child(even):hover{background:#fff}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%]:nth-child(even):hover .mostrar-mais[_ngcontent-%COMP%]{background-color:#fff}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%]:nth-child(even):hover .td-actions[_ngcontent-%COMP%]{background:#fff}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr.clickable[_ngcontent-%COMP%]{position:relative;z-index:0}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr.clickable[_ngcontent-%COMP%] *[_ngcontent-%COMP%]{cursor:pointer}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr.clickable[_ngcontent-%COMP%] td[_ngcontent-%COMP%]:first-child{padding-left:8px}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr.clickable[_ngcontent-%COMP%]:hover:after{z-index:-1;content:\" \";display:block;width:100%;height:100%;position:absolute;top:0;border-right:solid 2px var(--cor-C);border-left:solid 2px var(--cor-C);left:0;opacity:.4}"] });
5632
+ } }, dependencies: [i1$3.NgClass, i1$3.NgForOf, i1$3.NgIf, i1$3.NgStyle, i1$3.NgSwitch, i1$3.NgSwitchCase, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i4.MatIcon, i13.MatButton, i13.MatAnchor, i7.MatProgressBar, i15.MatTooltip, InfoSafeHtmlDirective, InfoAlertComponent, InfoPaginatorComponent, InfoPagebarComponent, i1$3.DecimalPipe, i1$3.DatePipe, InfoTranslatePipe], styles: ["body[_ngcontent-%COMP%]{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}[_nghost-%COMP%]{display:block;position:relative}[_nghost-%COMP%] #auto-refresh[_ngcontent-%COMP%]{position:absolute;top:8px;right:0;margin:0;padding:0;background:transparent}[_nghost-%COMP%] #auto-refresh[_ngcontent-%COMP%] i[_ngcontent-%COMP%]{font-size:18px;cursor:default}[_nghost-%COMP%] .loading-bar[_ngcontent-%COMP%] .mat-progress-bar[_ngcontent-%COMP%]{height:3px;top:25px;opacity:.1}[_nghost-%COMP%] .table-title[_ngcontent-%COMP%]{background:#fcfcfc}[_nghost-%COMP%] .table-title[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%]{width:25px;height:25px;line-height:25px;text-align:center}[_nghost-%COMP%] .table-title[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{font-size:18px}[_nghost-%COMP%] .table-title[_ngcontent-%COMP%] [_ngcontent-%COMP%]:hover{transition:color .2s}[_nghost-%COMP%] .search-container[_ngcontent-%COMP%]{margin-top:10px;position:relative}[_nghost-%COMP%] .title-grid[_ngcontent-%COMP%]{padding-top:8px;font-size:.8rem;text-transform:uppercase;font-weight:700}[_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_id[_ngcontent-%COMP%], [_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_dia[_ngcontent-%COMP%]{width:80px}[_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_moeda[_ngcontent-%COMP%]{width:90px}[_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_dataposicao[_ngcontent-%COMP%], [_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_referencia[_ngcontent-%COMP%], [_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_data[_ngcontent-%COMP%], [_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_datacotacao[_ngcontent-%COMP%]{width:125px}[_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_conta[_ngcontent-%COMP%], [_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_identificador[_ngcontent-%COMP%]{width:250px}[_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_cliente[_ngcontent-%COMP%], [_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_nome[_ngcontent-%COMP%], [_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_descricao[_ngcontent-%COMP%], [_nghost-%COMP%] table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] .col_nome[_ngcontent-%COMP%]{width:400px}[_nghost-%COMP%] table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] .icone-secundario[_ngcontent-%COMP%]{font-size:12px}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table-title[_ngcontent-%COMP%]{padding:0!important}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%]{background:transparent}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] th[_ngcontent-%COMP%]{border-top:none;text-transform:capitalize;padding:5px;font-size:10px}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] th.actions[_ngcontent-%COMP%]{border-bottom-width:0}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] th[_ngcontent-%COMP%]:after{display:none}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] th[_ngcontent-%COMP%] .managercols[_ngcontent-%COMP%]{background-color:var(--ux-cor-P);right:0;opacity:0;transition:opacity .3s ease-in-out}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%]:hover .managercols[_ngcontent-%COMP%]{opacity:1!important}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%]{height:35px;background:#f9f9f9}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td[_ngcontent-%COMP%]{font-size:13px;font-weight:600;cursor:default;padding:8px 5px 0;transition:color .2s ease-in-out}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td[_ngcontent-%COMP%] .mostrar-mais[_ngcontent-%COMP%]{width:100%;display:flex;position:relative;bottom:18px;box-shadow:0 -6px 6px -3px RGB(0 0 0/20%);align-items:baseline;justify-content:center;background-color:#f9f9f9}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td[_ngcontent-%COMP%] .mostrar-mais[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{height:5px;line-height:11px;cursor:pointer;transition:transform .2s ease-in-out;transform:rotate(0)}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td[_ngcontent-%COMP%] .mostrar-mais[_ngcontent-%COMP%] .mat-icon.icone-expandido[_ngcontent-%COMP%]{transform:rotate(180deg)}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td[_ngcontent-%COMP%] .mostrar-mais.mostrar-mais-expandido[_ngcontent-%COMP%]{bottom:0;box-shadow:none}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td.td-actions[_ngcontent-%COMP%]{border-radius:5px;padding-top:7px;padding-bottom:4px;border-bottom:none;margin-top:1px;right:2px}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td.td-actions[_ngcontent-%COMP%] button[_ngcontent-%COMP%]:disabled{pointer-events:none;opacity:.4}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{height:17px;line-height:17px}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{position:relative;text-transform:uppercase;border:solid 1px;border-radius:3px;padding:2px 5px;font-size:8px;display:inline-block;margin:0 0 0 5px;top:-2px}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] .td-expansivel[_ngcontent-%COMP%] .label-expansivel[_ngcontent-%COMP%]{overflow:hidden;height:35px}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] .td-expansivel[_ngcontent-%COMP%] .label-expansivel.break-word[_ngcontent-%COMP%]{word-break:break-word}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] .td-expansivel[_ngcontent-%COMP%] .label-expansivel.label-expandida[_ngcontent-%COMP%]{height:100%}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%]:hover{background:#f9f9f9}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%]:hover .mostrar-mais[_ngcontent-%COMP%]{background-color:#f9f9f9}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%]:nth-child(even):hover{background:#fff}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%]:nth-child(even):hover .mostrar-mais[_ngcontent-%COMP%]{background-color:#fff}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%]:nth-child(even):hover .td-actions[_ngcontent-%COMP%]{background:#fff}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr.clickable[_ngcontent-%COMP%]{position:relative;z-index:0}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr.clickable[_ngcontent-%COMP%] *[_ngcontent-%COMP%]{cursor:pointer}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr.clickable[_ngcontent-%COMP%] td[_ngcontent-%COMP%]:first-child{padding-left:8px}.uxc3[_nghost-%COMP%] div.table-responsive[_ngcontent-%COMP%] .table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr.clickable[_ngcontent-%COMP%]:hover:after{z-index:-1;content:\" \";display:block;width:100%;height:100%;position:absolute;top:0;border-right:solid 2px var(--cor-C);border-left:solid 2px var(--cor-C);left:0;opacity:.4}"] });
5570
5633
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoGridComponent, [{
5571
5634
  type: Component,
5572
- 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"] }]
5573
- }], function () { return [{ type: InfoDialogModal }, { type: InfoPlatformModel }, { type: i1$3.MatDialog }, { type: InfoFormPropModel }, { type: InfoDataService }, { type: i1$1.Router }, { type: i1$1.ActivatedRoute }, { type: InfoAuthenticationService }, { type: i0.ChangeDetectorRef }, { type: InfoTranslateService }, { type: InfoLastSearchModel }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, { pagetitle: [{
5635
+ args: [{ selector: 'info-grid', providers: [InfoFormPropModel], template: "<info-pagebar *ngIf=\"showPagebar\" [pagetitle]=\"pagebarTitle\" [description]=\"description\">\r\n <button mat-button type=\"button\" *ngIf=\"backurl != null && backurl != ''\" color=\"primary\" (click)=\"back()\">\r\n <mat-icon class=\"fs-20\">chevron_left</mat-icon>{{\"Voltar\" | translate}}\r\n </button>\r\n\r\n <ng-container *ngFor=\"let b of pagebarbuttons\">\r\n <button type=\"button\" mat-button color=\"primary\" (click)=\"b.modal == null ? navigateTo(b.url, false, null) : openCustomModal(b.modal, b.modalwidth, null)\">\r\n <mat-icon *ngIf=\"b.icon != 'chevron_right'\" class=\"fs-20\">{{ b.icon }}</mat-icon>\r\n {{ b.label | translate }}\r\n </button>\r\n </ng-container>\r\n\r\n <button mat-button type=\"button\" *ngIf=\"searchmodel != null && !enabledSearch\" color=\"primary\" (click)=\"enabledSearch = !enabledSearch\">\r\n <mat-icon class=\"fs-20\">search</mat-icon> {{ \"Pesquisar\" | translate}}\r\n </button>\r\n\r\n <button mat-button type=\"button\" *ngIf=\"searchmodel != null && enabledSearch\" color=\"primary\" (click)=\"enabledSearch = !enabledSearch\">\r\n <mat-icon class=\"fs-20\">search_off</mat-icon> {{ \"Ocultar\" | translate}}\r\n </button>\r\n\r\n <button mat-button type=\"button\" *ngIf=\"enablednew && hasPermissionNew\" color=\"primary\" (click)=\"add()\">\r\n <mat-icon class=\"fs-20\">add</mat-icon> {{ newlabel | translate}}\r\n </button>\r\n</info-pagebar>\r\n\r\n<div [ngClass]=\"{ 'table-full': fullarea }\">\r\n <div class=\"table-responsive white\">\r\n <div class=\"table-title grid-search\" [ngStyle]=\"{ 'padding': (enabledSearch ? 10 : 0) + 'px 20px' }\">\r\n <form autocomplete=\"off\" #formSearch=\"ngForm\" (ngSubmit)=\"search()\">\r\n <div *ngIf=\"enabledSearch\" class=\"search-container row\">\r\n <div class=\"col-md-{{(searchbuttons || []).length == 0 ? '10' : '9' }}\">\r\n <div class=\"row\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n <div class=\"col-md-{{(searchbuttons || []).length == 0 ? '2' : '3' }} align-right\" *ngIf=\"searchmodel != null\">\r\n <div class=\"search-buttons \">\r\n <ng-container *ngIf=\"searchonlyonebutton\">\r\n <button mat-button type=\"submit\" color=\"primary\" [disabled]=\"formSearch.invalid || loading\">\r\n {{ 'Buscar' | translate }}\r\n </button>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"!searchonlyonebutton\">\r\n <button mat-button type=\"button\" color=\"warn\" (click)=\"cancelSearch()\" *ngIf=\"enabledcancelsearch\">\r\n <mat-icon class=\"fs-20\">close</mat-icon>\r\n </button>\r\n <button mat-button type=\"submit\" color=\"primary\" [disabled]=\"formSearch.invalid || loading\">\r\n <mat-icon class=\"fs-20\">search</mat-icon>\r\n </button>\r\n \r\n <ng-container *ngFor=\"let b of searchbuttons\">\r\n <button mat-button type=\"button\" color=\"primary\" [disabled]=\"formSearch.invalid || loading\" (click)=\"b.method()\">\r\n <mat-icon *ngIf=\"b.icon\" class=\"fs-20\">{{b.icon | translate}}</mat-icon> {{b.label | translate}}\r\n </button>\r\n </ng-container>\r\n \r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n </form>\r\n </div>\r\n\r\n <fieldset *ngIf=\"!showPagebar\"><legend [safeHtml]=\"pagebarTitle | translate\"></legend></fieldset>\r\n <section class=\"loading-bar\"><mat-progress-bar color=\"primary\" mode=\"indeterminate\" *ngIf=\"loading\"></mat-progress-bar></section>\r\n\r\n <!-- <div id=\"auto-refresh\" *ngIf=\"autorefresh > 0\">\r\n <i class=\"material-icons\" matTooltip=\"{{ 'AutoRefresh' | translate }} {{ autorefresh }} seg\" matTooltipPosition=\"left\">access_time</i>\r\n </div> -->\r\n\r\n <table class=\"table table-hover\" [ngStyle]=\"{ 'min-height.px': tableHeight }\" [ngClass]=\"{ 'loading': loading, 'clickaccess': enabledclickaccess }\" *ngIf=\"data != null\">\r\n <thead>\r\n <tr>\r\n <th style=\"width: 5%;\" *ngIf=\"enabledclassicons && data?.length > 0 && data[0]?.Icon != null\"></th>\r\n\r\n <ng-container *ngFor=\"let col of colunasHeaders; let i = index\">\r\n <th *ngIf=\"colunasWidth[i] == ''\" [class]=\"'col_' + col.toLowerCase()\" [ngClass]=\"{ 'text-center': colunasType[i] == 'check', 'align-right': colunasType[i].startsWith('n') }\">{{ col | translate }}</th>\r\n <th *ngIf=\"colunasWidth[i] != ''\" [ngStyle]=\"{ 'width': colunasWidth[i] }\" [ngClass]=\"{ 'text-center': colunasType[i] == 'check', 'align-right': colunasType[i].startsWith('n') }\">{{ col | translate }}</th>\r\n </ng-container>\r\n\r\n <th class=\"actions align-right buttons\" *ngIf=\"(templateurl != '') || (buttons != null && buttons.length > 0) || enableddetail || enabledview || enabledcols || ((disabledcol == '') && enablededit && hasPermissionEdit) || ((disabledcol == '') && enableddelete && hasPermissionDelete)\">\r\n <button mat-icon-button type=\"button\"[matTooltip]=\"newlabel | translate\" matTooltipPosition=\"left\" (click)=\"add()\" *ngIf=\"!showPagebar && enablednew && hasPermissionNew\">\r\n <mat-icon>add_circle</mat-icon>\r\n </button>\r\n <button mat-icon-button type=\"button\" class=\"managercols\" [matTooltip]=\"'CustomizarTabela' | translate\" matTooltipPosition=\"left\" (click)=\"customizeTable()\" *ngIf=\"enabledcols\">\r\n <mat-icon class=\"icon-out\">settings</mat-icon>\r\n </button>\r\n </th>\r\n </tr>\r\n </thead>\r\n <tbody class=\"grid-content\">\r\n <tr *ngFor=\"let mod of data; let j = index\" [ngClass]=\"{ 'default-color': !enabledclassicons, 'clickable': (((disabledcol == '' || mod[disabledcol] === true) && enablededit && hasPermissionEdit) || enabledview) }\" [class]=\"mod.Class\" (click)=\"access(mod, $event)\">\r\n <td *ngIf=\"enabledclassicons && mod?.Icon != null\">\r\n <ng-container *ngFor=\"let icon of icons\">\r\n <i class=\"material-icons\" [matTooltip]=\"icon.Tooltip | translate\" *ngIf=\"icon.Name == mod.Icon\" [ngClass]=\"{ 'icone-secundario': icon.Principal == false }\">{{icon.Icon}}</i>\r\n </ng-container>\r\n </td>\r\n\r\n <ng-container *ngFor=\"let col of colunasItens; let i = index\">\r\n <td *ngIf=\"mod[col] == null || mod[col] == undefined\"></td>\r\n <ng-container [ngSwitch]=\"colunasType[i]\" *ngIf=\"mod[col] != null && mod[col] != undefined\">\r\n <ng-container *ngSwitchCase=\"'label'\">\r\n <td [ngClass]=\"{ 'td-expansivel': mod[col].length > limitcharacters && enabledexpand == true}\" *ngIf=\"mod[col] !== true && mod[col] !== false && mod[col] !== 0 && mod[col] !== '0'\">\r\n <label [ngClass]=\"{'label-expansivel': enabledexpand == true && mod[col].length > limitcharacters, 'label-expandida': (colunasItensExpandidos[j] || [])[i] }\" *ngIf=\"colunasHtml[i] === true\" [safeHtml]=\"(mod[col] | translate:colunasTranslate[i]) || '' \"></label>\r\n <label class=\"break-word\" [ngClass]=\"{'label-expansivel': enabledexpand == true && mod[col].length > limitcharacters, 'label-expandida': (colunasItensExpandidos[j] || [])[i] }\" *ngIf=\"colunasHtml[i] === false\">{{ (mod[col] | translate:colunasHtml[i]) || '' }}</label>\r\n <div *ngIf=\"enabledexpand == true && mod[col].length > limitcharacters\" [ngClass]=\"{'mostrar-mais-expandido': (colunasItensExpandidos[j] || [])[i] }\" class=\"mostrar-mais\" (click)=\"mostrarMais(j, i, $event)\">\r\n <mat-icon [ngClass]=\"{'icone-expandido': (colunasItensExpandidos[j] || [])[i] }\">keyboard_arrow_down</mat-icon>\r\n </div>\r\n <p *ngIf=\"i == 0 && mod.Badge != null && mod.Badge != undefined\">{{ mod.Badge | translate:colunasTranslate[i] }}</p>\r\n </td>\r\n <td *ngIf=\"mod[col] === true\"><mat-icon>check_box</mat-icon></td>\r\n <td *ngIf=\"mod[col] === false\"><mat-icon>check_box_outline_blank</mat-icon></td>\r\n <td *ngIf=\"mod[col] === 0 || mod[col] === '0'\">0</td>\r\n </ng-container>\r\n\r\n <td nowrap *ngSwitchCase=\"'date'\" [safeHtml]=\"mod[col] | date:'shortDate'\"></td>\r\n <td nowrap *ngSwitchCase=\"'datetime'\">{{ mod[col] | date:'shortDate' }} {{ mod[col] | date:'mediumTime' }}</td>\r\n <td nowrap *ngSwitchCase=\"'monthyear'\" [safeHtml]=\"mod[col] | date:'MM/yyyy'\"></td>\r\n <td nowrap *ngSwitchCase=\"'n0'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.0-0' }}</td>\r\n <td nowrap *ngSwitchCase=\"'n2'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.2-2' }}</td>\r\n <td nowrap *ngSwitchCase=\"'n4'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.4-4' }}</td>\r\n <td nowrap *ngSwitchCase=\"'n6'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.6-6' }}</td>\r\n <td nowrap *ngSwitchCase=\"'n9'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.9-9' }}</td>\r\n <td nowrap *ngSwitchCase=\"'n12'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.12-12' }}</td>\r\n \r\n <td *ngSwitchCase=\"'check'\" class=\"text-center\">\r\n <ng-container *ngIf=\"mod[col] != null && (mod[col] === true || mod[col] == 1 || mod[col].toLowerCase() == 's'); then checked; else unchecked\"></ng-container>\r\n <ng-template #checked><mat-icon>check_box</mat-icon></ng-template>\r\n <ng-template #unchecked><mat-icon>check_box_outline_blank</mat-icon></ng-template>\r\n </td>\r\n </ng-container>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"enabledclickaccess\">\r\n <td class=\"td-actions clickaccess\">\r\n <button mat-icon-button type=\"button\" (click)=\"access(mod, $event)\" *ngIf=\"enabledview\">\r\n <mat-icon>{{accessicon || 'arrow_forward'}}</mat-icon>\r\n </button>\r\n </td>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"!enabledclickaccess\">\r\n <td class=\"td-actions\" *ngIf=\"(templateurl != '') || (buttons != null && buttons.length > 0) || (mod.Download != null) || enableddetail || (mod?.Info != null) || enabledview || ((disabledcol == '' || mod[disabledcol] === true) && enablededit && hasPermissionEdit) || ((disabledcol == '' || mod[disabledcol] === true) && enableddelete && hasPermissionDelete)\">\r\n\r\n <a mat-icon-button href=\"{{ templateurl.replace('{id}', mod.Id) }}\" target=\"_blank\" [matTooltip]=\"'Abrir' | translate\" *ngIf=\"templateurl != ''\">\r\n <mat-icon>visibility</mat-icon>\r\n </a>\r\n\r\n <ng-container *ngFor=\"let b of buttons\">\r\n <button mat-icon-button type=\"button\" [matTooltip]=\"b.label | translate\" (click)=\"$event.stopPropagation(); b.modalComponent != null ? openCustomModal(b.modalComponent, b.widthModalComponent, mod) : b.api != null ? eventButton(mod, b.api, b.method, b.confirm) : navigateTo(b.navigateTo, b.passId, mod.Id)\" *ngIf=\"b.showOnlyClass == null || b.showOnlyClass == mod.Class\" [disabled]=\"b.disabledField && mod[b.disabledField] === true\">\r\n <mat-icon>{{b.icon}}</mat-icon>\r\n </button>\r\n </ng-container>\r\n\r\n <button mat-icon-button type=\"button\" [matTooltip]=\"'Download' | translate\" (click)=\"$event.stopPropagation(); download(mod.Download)\" *ngIf=\"mod.Download != null\">\r\n <mat-icon>file_download</mat-icon>\r\n </button>\r\n \r\n <button mat-icon-button type=\"button\" [matTooltip]=\"'Detalhe' | translate\" (click)=\"$event.stopPropagation(); detail(mod)\" *ngIf=\"enableddetail\">\r\n <mat-icon>list</mat-icon>\r\n </button>\r\n \r\n <button mat-icon-button type=\"button\" [matTooltip]=\"'Informacao' | translate\" (click)=\"$event.stopPropagation(); info(mod?.Info)\" *ngIf=\"mod?.Info != null\" [disabled]=\"mod?.Info == ''\">\r\n <mat-icon>info</mat-icon>\r\n </button>\r\n \r\n <button mat-icon-button type=\"button\" [matTooltip]=\"'Excluir' | translate\" (click)=\"delete(mod, $event)\" *ngIf=\"(disabledcol == '' || mod[disabledcol] === true) && enableddelete && hasPermissionDelete && !mod.HideDelete\">\r\n <mat-icon>delete</mat-icon>\r\n </button>\r\n\r\n <button mat-icon-button type=\"button\" [matTooltip]=\"'Acessar' | translate\" (click)=\"edit(mod, $event)\" *ngIf=\"((disabledcol == '' || mod[disabledcol] === true) && enablededit && hasPermissionEdit) || enabledview\">\r\n <mat-icon>arrow_forward</mat-icon>\r\n </button>\r\n </td>\r\n </ng-container>\r\n </tr>\r\n </tbody>\r\n </table>\r\n <span class=\"blank-table\" *ngIf=\"data != null && data.length == 0\">{{\"NenhumItemEncontrado\" | translate}}</span>\r\n\r\n <info-paginator #paginator [hidden]=\"!paged || (data != null && data.length == 0)\" [size]=\"size\" (change)=\"changePage($event)\" ></info-paginator>\r\n </div>\r\n</div>\r\n\r\n<div class=\"block\" *ngIf=\"loading\"></div>\r\n<info-alert [messages]=\"messages\"></info-alert>", styles: ["body{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}:host{display:block;position:relative}:host #auto-refresh{position:absolute;top:8px;right:0;margin:0;padding:0;background:transparent}:host #auto-refresh i{font-size:18px;cursor:default}:host .loading-bar .mat-progress-bar{height:3px;top:25px;opacity:.1}:host .table-title{background:#fcfcfc}:host .table-title .mat-icon-button{width:25px;height:25px;line-height:25px;text-align:center}:host .table-title .mat-icon-button .mat-icon{font-size:18px}:host .table-title :hover{transition:color .2s}:host .search-container{margin-top:10px;position:relative}:host .title-grid{padding-top:8px;font-size:.8rem;text-transform:uppercase;font-weight:700}:host table thead .col_id,:host table thead .col_dia{width:80px}:host table thead .col_moeda{width:90px}:host table thead .col_dataposicao,:host table thead .col_referencia,:host table thead .col_data,:host table thead .col_datacotacao{width:125px}:host table thead .col_conta,:host table thead .col_identificador{width:250px}:host table thead .col_cliente,:host table thead .col_nome,:host table thead .col_descricao,:host table thead .col_nome{width:400px}:host table tbody .icone-secundario{font-size:12px}:host.uxc3 div.table-responsive .table-title{padding:0!important}:host.uxc3 div.table-responsive .table thead{background:transparent}:host.uxc3 div.table-responsive .table thead th{border-top:none;text-transform:capitalize;padding:5px;font-size:10px}:host.uxc3 div.table-responsive .table thead th.actions{border-bottom-width:0}:host.uxc3 div.table-responsive .table thead th:after{display:none}:host.uxc3 div.table-responsive .table thead th .managercols{background-color:var(--ux-cor-P);right:0;opacity:0;transition:opacity .3s ease-in-out}:host.uxc3 div.table-responsive .table thead:hover .managercols{opacity:1!important}:host.uxc3 div.table-responsive .table tbody tr{height:35px;background:#f9f9f9}:host.uxc3 div.table-responsive .table tbody tr td{font-size:13px;font-weight:600;cursor:default;padding:8px 5px 0;transition:color .2s ease-in-out}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais{width:100%;display:flex;position:relative;bottom:18px;box-shadow:0 -6px 6px -3px RGB(0 0 0/20%);align-items:baseline;justify-content:center;background-color:#f9f9f9}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais .mat-icon{height:5px;line-height:11px;cursor:pointer;transition:transform .2s ease-in-out;transform:rotate(0)}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais .mat-icon.icone-expandido{transform:rotate(180deg)}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais.mostrar-mais-expandido{bottom:0;box-shadow:none}:host.uxc3 div.table-responsive .table tbody tr td.td-actions{border-radius:5px;padding-top:7px;padding-bottom:4px;border-bottom:none;margin-top:1px;right:2px}:host.uxc3 div.table-responsive .table tbody tr td.td-actions button:disabled{pointer-events:none;opacity:.4}:host.uxc3 div.table-responsive .table tbody tr td mat-icon{height:17px;line-height:17px}:host.uxc3 div.table-responsive .table tbody tr td p{position:relative;text-transform:uppercase;border:solid 1px;border-radius:3px;padding:2px 5px;font-size:8px;display:inline-block;margin:0 0 0 5px;top:-2px}:host.uxc3 div.table-responsive .table tbody tr .td-expansivel .label-expansivel{overflow:hidden;height:35px}:host.uxc3 div.table-responsive .table tbody tr .td-expansivel .label-expansivel.break-word{word-break:break-word}:host.uxc3 div.table-responsive .table tbody tr .td-expansivel .label-expansivel.label-expandida{height:100%}:host.uxc3 div.table-responsive .table tbody tr:hover{background:#f9f9f9}:host.uxc3 div.table-responsive .table tbody tr:hover .mostrar-mais{background-color:#f9f9f9}:host.uxc3 div.table-responsive .table tbody tr:nth-child(even):hover{background:#fff}:host.uxc3 div.table-responsive .table tbody tr:nth-child(even):hover .mostrar-mais{background-color:#fff}:host.uxc3 div.table-responsive .table tbody tr:nth-child(even):hover .td-actions{background:#fff}:host.uxc3 div.table-responsive .table tbody tr.clickable{position:relative;z-index:0}:host.uxc3 div.table-responsive .table tbody tr.clickable *{cursor:pointer}:host.uxc3 div.table-responsive .table tbody tr.clickable td:first-child{padding-left:8px}:host.uxc3 div.table-responsive .table tbody tr.clickable:hover:after{z-index:-1;content:\" \";display:block;width:100%;height:100%;position:absolute;top:0;border-right:solid 2px var(--cor-C);border-left:solid 2px var(--cor-C);left:0;opacity:.4}\n"] }]
5636
+ }], 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: [{
5574
5637
  type: Input
5575
5638
  }], prefixtitle: [{
5576
5639
  type: Input
@@ -5726,7 +5789,7 @@ class InfoGridModalComponent {
5726
5789
  this._ref.close(this._prop);
5727
5790
  }
5728
5791
  }
5729
- /** @nocollapse */ InfoGridModalComponent.ɵfac = function InfoGridModalComponent_Factory(t) { return new (t || InfoGridModalComponent)(i0.ɵɵdirectiveInject(MAT_DIALOG_DATA), i0.ɵɵdirectiveInject(i1$3.MatDialogRef), i0.ɵɵdirectiveInject(i1$3.MatDialog)); };
5792
+ /** @nocollapse */ InfoGridModalComponent.ɵfac = function InfoGridModalComponent_Factory(t) { return new (t || InfoGridModalComponent)(i0.ɵɵdirectiveInject(MAT_DIALOG_DATA), i0.ɵɵdirectiveInject(i1$4.MatDialogRef), i0.ɵɵdirectiveInject(i1$4.MatDialog)); };
5730
5793
  /** @nocollapse */ InfoGridModalComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoGridModalComponent, selectors: [["ng-component"]], features: [i0.ɵɵProvidersFeature([InfoFormPropModel])], decls: 15, vars: 7, consts: [["modaltitle", "CustomizarTabela", 3, "onsave"], ["color", "warning", 1, "min"], [1, "icon-out"], [1, "listagem"], [4, "ngFor", "ngForOf"], [4, "ngIf"], [3, "ngModel", "placeholder", "name", "ngModelChange"]], template: function InfoGridModalComponent_Template(rf, ctx) { if (rf & 1) {
5731
5794
  i0.ɵɵelementStart(0, "info-modal", 0);
5732
5795
  i0.ɵɵlistener("onsave", function InfoGridModalComponent_Template_info_modal_onsave_0_listener() { return ctx.save(); });
@@ -5752,14 +5815,14 @@ class InfoGridModalComponent {
5752
5815
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(12, 5, "CustomizarTabelaDescricao2"));
5753
5816
  i0.ɵɵadvance(3);
5754
5817
  i0.ɵɵproperty("ngForOf", ctx.colunas);
5755
- } }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i2.NgControlStatus, i2.NgModel, i4.MatIcon, InfoCheckboxComponent, InfoMessageComponent, InfoModalComponent, InfoTranslatePipe], encapsulation: 2 });
5818
+ } }, dependencies: [i1$3.NgForOf, i1$3.NgIf, i2.NgControlStatus, i2.NgModel, i4.MatIcon, InfoCheckboxComponent, InfoMessageComponent, InfoModalComponent, InfoTranslatePipe], encapsulation: 2 });
5756
5819
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoGridModalComponent, [{
5757
5820
  type: Component,
5758
5821
  args: [{ providers: [InfoFormPropModel], template: "<info-modal (onsave)=\"save()\" modaltitle=\"CustomizarTabela\" >\r\n <info-message color=\"warning\" class=\"min\">\r\n <ul>\r\n <li><mat-icon class=\"icon-out\">info</mat-icon>{{ 'CustomizarTabelaDescricao1' | translate }}</li>\r\n <li><mat-icon class=\"icon-out\">dangerous</mat-icon>{{ 'CustomizarTabelaDescricao2' | translate }}</li>\r\n </ul>\r\n \r\n </info-message>\r\n \r\n <ul class=\"listagem\">\r\n <ng-container *ngFor=\"let item of colunas\" >\r\n <li *ngIf=\"item.GridAtual\" >\r\n <info-checkbox [(ngModel)]=\"item.Exibir\" [placeholder]=\"item.Nome\" [name]=\"'chkcoluna' + item.Nome\" ></info-checkbox>\r\n </li>\r\n </ng-container>\r\n </ul>\r\n</info-modal>" }]
5759
5822
  }], function () { return [{ type: InfoFormPropModel, decorators: [{
5760
5823
  type: Inject,
5761
5824
  args: [MAT_DIALOG_DATA]
5762
- }] }, { type: i1$3.MatDialogRef }, { type: i1$3.MatDialog }]; }, null); })();
5825
+ }] }, { type: i1$4.MatDialogRef }, { type: i1$4.MatDialog }]; }, null); })();
5763
5826
 
5764
5827
  function InfoInputListComponent_div_0_info_input_1_Template(rf, ctx) { if (rf & 1) {
5765
5828
  const _r5 = i0.ɵɵgetCurrentView();
@@ -5988,7 +6051,7 @@ class InfoInputListComponent {
5988
6051
  i0.ɵɵproperty("ngIf", ctx.model != null);
5989
6052
  i0.ɵɵadvance(1);
5990
6053
  i0.ɵɵproperty("messages", ctx.messages);
5991
- } }, dependencies: [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i2.NgControlStatus, i2.NgModel, i4.MatIcon, i13.MatButton, i15.MatTooltip, InfoAlertComponent, InfoInputComponent, InfoTranslatePipe], styles: ["[_nghost-%COMP%] .header[_ngcontent-%COMP%]{background:#fafafa;border-top:solid 1px #f0f0f0;border-bottom:solid 2px #f0f0f0;color:#333;text-transform:uppercase;text-align:right;font-size:9px;font-family:Open Sans;font-weight:700;padding:10px 20px 0 0}[_nghost-%COMP%] #list-values[_ngcontent-%COMP%]{padding:0}[_nghost-%COMP%] #list-values[_ngcontent-%COMP%] li.silver[_ngcontent-%COMP%]{background:#f5f5f5}[_nghost-%COMP%] #list-values[_ngcontent-%COMP%] li.hover[_ngcontent-%COMP%]{background:#eee}[_nghost-%COMP%] #list-values[_ngcontent-%COMP%] mat-form-field[_ngcontent-%COMP%]{margin-bottom:5px}[_nghost-%COMP%] #list-values[_ngcontent-%COMP%] button[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{font-size:18px}"] });
6054
+ } }, dependencies: [i1$3.NgClass, i1$3.NgForOf, i1$3.NgIf, i2.NgControlStatus, i2.NgModel, i4.MatIcon, i13.MatButton, i15.MatTooltip, InfoAlertComponent, InfoInputComponent, InfoTranslatePipe], styles: ["[_nghost-%COMP%] .header[_ngcontent-%COMP%]{background:#fafafa;border-top:solid 1px #f0f0f0;border-bottom:solid 2px #f0f0f0;color:#333;text-transform:uppercase;text-align:right;font-size:9px;font-family:Open Sans;font-weight:700;padding:10px 20px 0 0}[_nghost-%COMP%] #list-values[_ngcontent-%COMP%]{padding:0}[_nghost-%COMP%] #list-values[_ngcontent-%COMP%] li.silver[_ngcontent-%COMP%]{background:#f5f5f5}[_nghost-%COMP%] #list-values[_ngcontent-%COMP%] li.hover[_ngcontent-%COMP%]{background:#eee}[_nghost-%COMP%] #list-values[_ngcontent-%COMP%] mat-form-field[_ngcontent-%COMP%]{margin-bottom:5px}[_nghost-%COMP%] #list-values[_ngcontent-%COMP%] button[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{font-size:18px}"] });
5992
6055
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoInputListComponent, [{
5993
6056
  type: Component,
5994
6057
  args: [{ selector: 'info-input-list', template: "<div class=\"row\" *ngIf=\"!disabled\" >\r\n <info-input placeholder=\"{{ 'De' | translate}} {{ percent ? '%' : '' }}\" name=\"De\" [(ngModel)]=\"novoValor.De\" *ngIf=\"!hiddenDe\" class=\"col-md-3\" [ismask]=\"mask\"></info-input>\r\n <info-input placeholder=\"{{ 'Ate' | translate}} {{ percent ? '%' : '' }}\" name=\"Ate\" [(ngModel)]=\"novoValor.Ate\" class=\"col-md-3\" [ismask]=\"mask\"></info-input>\r\n <info-input placeholder=\"{{ 'Valor' | translate}} {{ percent ? '%' : '' }}\" name=\"Valor\" [(ngModel)]=\"novoValor.Valor\" class=\"col-md-3\" [ismask]=\"mask\"></info-input>\r\n <div class=\"col-md-3\">\r\n <button mat-button type=\"button\" color=\"primary\" (click)=\"add()\" class=\"mt-2\" ><mat-icon class=\"fs-20\">add_circle</mat-icon> {{ 'AddValor' | translate }}</button>\r\n </div>\r\n</div>\r\n\r\n<div class=\"col-md-12\" *ngIf=\"model == null || getModel().length == 0\" ><mat-icon style=\"top: 6px;\" class=\"mr-2\">info</mat-icon> {{ 'UtilizeCamposAcimaAdicionarItens' | translate }}</div>\r\n\r\n<ul *ngIf=\"model != null\" id=\"list-values\" >\r\n<li class=\"row header\" *ngIf=\"disabled\">\r\n <label class=\"col-md-3\" *ngIf=\"!hiddenDe\" >{{ 'De' | translate }}</label>\r\n <label class=\"col-md-3\" >{{ 'Ate' | translate }}</label>\r\n <label class=\"col-md-3\" >{{ 'Valor' | translate }}</label>\r\n</li>\r\n\r\n<li *ngFor=\"let item of getModel(); let i = index\" class=\"row\" [ngClass]=\"{ 'silver': i % 2 == 0 }\" >\r\n <div class=\"col-md-3\" *ngIf=\"!hiddenDe\" >\r\n <info-input name=\"ListaValorDe\" [ngModel]=\"item.De\" [disabled]=\"true\" [iconSuffix]=\"(percent ? '%' : 'null')\" [ismask]=\"mask\"></info-input>\r\n </div>\r\n\r\n <div class=\"col-md-3\">\r\n <info-input name=\"ListaValorAte\" [ngModel]=\"item.Ate\" [disabled]=\"true\" [iconSuffix]=\"(percent ? '%' : 'null')\" [ismask]=\"mask\"></info-input>\r\n </div>\r\n\r\n <div class=\"col-md-3\">\r\n <info-input name=\"ListaValorValor\" [ngModel]=\"item.Valor\" [disabled]=\"true\" [iconSuffix]=\"(percent ? '%' : 'null')\" [ismask]=\"mask\"></info-input>\r\n </div>\r\n\r\n <div class=\"col-md-3\">\r\n <ng-container *ngIf=\"!disabled\">\r\n <!-- <button type=\"button\" matTooltip=\"{{ 'OrdernarAcima' | translate }}\" mat-icon-button [disabled]=\"item.Indice <= 0\" (click)=\"alterarIndice(item, item.Indice - 1)\">\r\n <mat-icon>arrow_upward</mat-icon>\r\n </button>\r\n <button type=\"button\" matTooltip=\"{{ 'OrdernarAbaixo' | translate }}\" mat-icon-button [disabled]=\"item.Indice >= (model.length - 1)\" (click)=\"alterarIndice(item, item.Indice + 1)\">\r\n <mat-icon>arrow_downward</mat-icon>\r\n </button> -->\r\n <button type=\"button\" color=\"warn\" matTooltip=\"{{ 'Excluir' | translate }}\" mat-icon-button (click)=\"remover(item)\">\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n </ng-container>\r\n </div>\r\n</li>\r\n</ul>\r\n\r\n\r\n<info-alert [messages]=\"messages\"></info-alert>", styles: [":host .header{background:#fafafa;border-top:solid 1px #f0f0f0;border-bottom:solid 2px #f0f0f0;color:#333;text-transform:uppercase;text-align:right;font-size:9px;font-family:Open Sans;font-weight:700;padding:10px 20px 0 0}:host #list-values{padding:0}:host #list-values li.silver{background:#f5f5f5}:host #list-values li.hover{background:#eee}:host #list-values mat-form-field{margin-bottom:5px}:host #list-values button mat-icon{font-size:18px}\n"] }]
@@ -6063,7 +6126,7 @@ function InfoListCheckboxComponent_li_9_Template(rf, ctx) { if (rf & 1) {
6063
6126
  i0.ɵɵadvance(1);
6064
6127
  i0.ɵɵproperty("ngModel", item_r9.Selecionado)("disabled", ctx_r2.disabled);
6065
6128
  i0.ɵɵadvance(1);
6066
- i0.ɵɵproperty("innerHTML", item_r9.Descricao, i0.ɵɵsanitizeHtml);
6129
+ i0.ɵɵproperty("safeHtml", item_r9.Descricao);
6067
6130
  } }
6068
6131
  function InfoListCheckboxComponent_div_13_label_5_Template(rf, ctx) { if (rf & 1) {
6069
6132
  i0.ɵɵelementStart(0, "label", 10);
@@ -6108,7 +6171,7 @@ function InfoListCheckboxComponent_div_13_li_8_Template(rf, ctx) { if (rf & 1) {
6108
6171
  i0.ɵɵadvance(1);
6109
6172
  i0.ɵɵproperty("ngModel", item_r19.Selecionado)("indeterminate", true)("disabled", ctx_r15.disabled);
6110
6173
  i0.ɵɵadvance(1);
6111
- i0.ɵɵproperty("innerHTML", item_r19.Descricao, i0.ɵɵsanitizeHtml);
6174
+ i0.ɵɵproperty("safeHtml", item_r19.Descricao);
6112
6175
  } }
6113
6176
  function InfoListCheckboxComponent_div_13_Template(rf, ctx) { if (rf & 1) {
6114
6177
  const _r24 = i0.ɵɵgetCurrentView();
@@ -6180,7 +6243,7 @@ class InfoListCheckboxComponent {
6180
6243
  }
6181
6244
  }
6182
6245
  /** @nocollapse */ InfoListCheckboxComponent.ɵfac = function InfoListCheckboxComponent_Factory(t) { return new (t || InfoListCheckboxComponent)(i0.ɵɵdirectiveInject(InfoTranslateService)); };
6183
- /** @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, "innerHTML"], [1, "col-md-6", "pr-0"], ["matInput", "", "name", "FilterSelected", 3, "placeholder", "ngModel", "ngModelChange"], [3, "ngModel", "indeterminate", "disabled", "ngModelChange"]], template: function InfoListCheckboxComponent_Template(rf, ctx) { if (rf & 1) {
6246
+ /** @nocollapse */ InfoListCheckboxComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoListCheckboxComponent, selectors: [["info-list-checkbox"]], inputs: { filterlabel: "filterlabel", filterdescription: "filterdescription", selectedlabel: "selectedlabel", selecteddescription: "selecteddescription", model: "model", max: "max", onelist: "onelist", disabled: "disabled" }, decls: 14, vars: 13, consts: [[1, "row"], [1, "pr-0", 3, "ngClass"], [1, "col-md-12"], ["matInput", "", "name", "FilterList", 3, "placeholder", "ngModel", "ngModelChange"], ["class", "description", 4, "ngIf"], ["class", "actions", 4, "ngIf"], [1, "checkbox-list"], [3, "value", "valueChange", 4, "ngFor", "ngForOf"], [1, "col-md-12", "align-right"], ["class", "col-md-6 pr-0", 4, "ngIf"], [1, "description"], [1, "actions"], [3, "click"], [3, "value", "valueChange"], [3, "ngModel", "disabled", "ngModelChange"], [3, "safeHtml"], [1, "col-md-6", "pr-0"], ["matInput", "", "name", "FilterSelected", 3, "placeholder", "ngModel", "ngModelChange"], [3, "ngModel", "indeterminate", "disabled", "ngModelChange"]], template: function InfoListCheckboxComponent_Template(rf, ctx) { if (rf & 1) {
6184
6247
  i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "mat-form-field", 2)(3, "input", 3);
6185
6248
  i0.ɵɵlistener("ngModelChange", function InfoListCheckboxComponent_Template_input_ngModelChange_3_listener($event) { return ctx.filterList = $event; });
6186
6249
  i0.ɵɵpipe(4, "translate");
@@ -6212,10 +6275,10 @@ class InfoListCheckboxComponent {
6212
6275
  i0.ɵɵtextInterpolate(ctx.message);
6213
6276
  i0.ɵɵadvance(1);
6214
6277
  i0.ɵɵproperty("ngIf", !ctx.onelist);
6215
- } }, dependencies: [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgModel, i4$1.MatFormField, i6.MatInput, i3$1.MatCheckbox, InfoTranslatePipe], styles: ["ul.checkbox-list[_ngcontent-%COMP%]{height:270px;overflow-y:auto}"] });
6278
+ } }, dependencies: [i1$3.NgClass, i1$3.NgForOf, i1$3.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgModel, i4$1.MatFormField, i6.MatInput, i3$1.MatCheckbox, InfoSafeHtmlDirective, InfoTranslatePipe], styles: ["ul.checkbox-list[_ngcontent-%COMP%]{height:270px;overflow-y:auto}"] });
6216
6279
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoListCheckboxComponent, [{
6217
6280
  type: Component,
6218
- 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 [innerHTML]=\"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 [innerHTML]=\"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"] }]
6281
+ args: [{ selector: 'info-list-checkbox', template: "<div class=\"row\">\r\n <div [ngClass]=\"{'col-md-6': !onelist, 'col-md-12': onelist}\" class=\"pr-0\">\r\n <mat-form-field class=\"col-md-12\" >\r\n <input matInput placeholder=\"{{ filterlabel | translate}}\" name=\"FilterList\" [(ngModel)]=\"filterList\" >\r\n </mat-form-field>\r\n\r\n <div class=\"col-md-12\">\r\n <label class=\"description\" *ngIf=\"filterdescription != '' || selecteddescription != ''\"> {{ filterdescription | translate }}</label>\r\n <div class=\"actions\" *ngIf=\"!disabled\">\r\n <a (click)=\"marcarFiltrados(filterList, true)\">{{'MarcarFiltrados' | translate}}</a>\r\n <a (click)=\"marcarTodos(true)\">{{'MarcarTodos' | translate}}</a>\r\n <a (click)=\"marcarFiltrados(filterList, false)\">{{'DesmarcarFiltrados' | translate}}</a>\r\n <a (click)=\"marcarTodos(false)\">{{'DesmarcarTodos' | translate}}</a>\r\n </div>\r\n\r\n <ul class=\"checkbox-list\">\r\n <li *ngFor=\"let item of getModel(filterList)\" [(value)]=\"item.Id\">\r\n <mat-checkbox [(ngModel)]=\"item.Selecionado\" [disabled]=\"disabled\"><span [safeHtml]=\"item.Descricao\"></span></mat-checkbox>\r\n </li>\r\n </ul>\r\n </div>\r\n <div class=\"col-md-12 align-right\"><small>{{message}}</small></div>\r\n </div>\r\n\r\n <div class=\"col-md-6 pr-0\" *ngIf=\"!onelist\">\r\n <mat-form-field class=\"col-md-12\">\r\n <input matInput placeholder=\"{{ selectedlabel | translate}}\" name=\"FilterSelected\" [(ngModel)]=\"filterSelected\" >\r\n </mat-form-field>\r\n\r\n <div class=\"col-md-12\">\r\n <label class=\"description\" *ngIf=\"filterdescription != '' || selecteddescription != ''\"> {{ selecteddescription | translate }}</label>\r\n <div class=\"actions\" *ngIf=\"!disabled\">\r\n <a (click)=\"marcarFiltrados(filterSelected, false, true)\">{{'DesmarcarFiltrados' | translate}}</a>\r\n <a (click)=\"marcarTodos(false)\">{{'DesmarcarTodos' | translate}}</a>\r\n </div>\r\n\r\n <ul class=\"checkbox-list\">\r\n <li *ngFor=\"let item of getModel(filterSelected, true)\" [(value)]=\"item.Id\" >\r\n <mat-checkbox [(ngModel)]=\"item.Selecionado\" [indeterminate]=\"true\" [disabled]=\"disabled\"><span [safeHtml]=\"item.Descricao\"></span></mat-checkbox>\r\n </li>\r\n </ul>\r\n </div>\r\n <div class=\"col-md-12 align-right\"><small>{{message}}</small></div>\r\n </div>\r\n</div>", styles: ["ul.checkbox-list{height:270px;overflow-y:auto}\n"] }]
6219
6282
  }], function () { return [{ type: InfoTranslateService }]; }, { filterlabel: [{
6220
6283
  type: Input
6221
6284
  }], filterdescription: [{
@@ -6251,7 +6314,7 @@ function InfoSelectComponent_mat_option_4_Template(rf, ctx) { if (rf & 1) {
6251
6314
  } if (rf & 2) {
6252
6315
  const i_r3 = ctx.$implicit;
6253
6316
  const ctx_r1 = i0.ɵɵnextContext();
6254
- i0.ɵɵproperty("value", i_r3.Id)("innerHTML", i0.ɵɵpipeBind2(1, 2, i_r3.Nome, ctx_r1.notranslate === null), i0.ɵɵsanitizeHtml);
6317
+ i0.ɵɵproperty("value", i_r3.Id)("safeHtml", i0.ɵɵpipeBind2(1, 2, i_r3.Nome, ctx_r1.notranslate === null));
6255
6318
  } }
6256
6319
  function InfoSelectComponent_mat_progress_bar_6_Template(rf, ctx) { if (rf & 1) {
6257
6320
  i0.ɵɵelement(0, "mat-progress-bar", 7);
@@ -6347,7 +6410,7 @@ class InfoSelectComponent {
6347
6410
  provide: NG_VALUE_ACCESSOR,
6348
6411
  useExisting: forwardRef((() => InfoSelectComponent)),
6349
6412
  multi: true
6350
- }])], decls: 7, vars: 9, consts: [[3, "placeholder", "ngModel", "disabled", "required", "ngModelChange", "selectionChange"], [3, "value", 4, "ngIf"], [3, "value", "innerHTML", 4, "ngFor", "ngForOf"], [1, "select-loading"], ["color", "primary", "mode", "indeterminate", 4, "ngIf"], [3, "value"], [3, "value", "innerHTML"], ["color", "primary", "mode", "indeterminate"]], template: function InfoSelectComponent_Template(rf, ctx) { if (rf & 1) {
6413
+ }])], decls: 7, vars: 9, consts: [[3, "placeholder", "ngModel", "disabled", "required", "ngModelChange", "selectionChange"], [3, "value", 4, "ngIf"], [3, "value", "safeHtml", 4, "ngFor", "ngForOf"], [1, "select-loading"], ["color", "primary", "mode", "indeterminate", 4, "ngIf"], [3, "value"], [3, "value", "safeHtml"], ["color", "primary", "mode", "indeterminate"]], template: function InfoSelectComponent_Template(rf, ctx) { if (rf & 1) {
6351
6414
  i0.ɵɵelementStart(0, "mat-form-field")(1, "mat-select", 0);
6352
6415
  i0.ɵɵlistener("ngModelChange", function InfoSelectComponent_Template_mat_select_ngModelChange_1_listener($event) { return ctx.selectedValue = $event; })("selectionChange", function InfoSelectComponent_Template_mat_select_selectionChange_1_listener() { return ctx.onChangeValue(); });
6353
6416
  i0.ɵɵpipe(2, "translate");
@@ -6366,14 +6429,14 @@ class InfoSelectComponent {
6366
6429
  i0.ɵɵproperty("ngForOf", ctx.data);
6367
6430
  i0.ɵɵadvance(2);
6368
6431
  i0.ɵɵproperty("ngIf", ctx.loading);
6369
- } }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i2.NgControlStatus, i2.RequiredValidator, i2.NgModel, i4$1.MatFormField, i5$1.MatSelect, i6$1.MatOption, i7.MatProgressBar, InfoTranslatePipe], styles: ["[_nghost-%COMP%] .mat-select-trigger[_ngcontent-%COMP%]{height:19px}[_nghost-%COMP%] .mat-form-field-type-mat-select[_ngcontent-%COMP%] .mat-form-field-label[_ngcontent-%COMP%]{height:20px}[_nghost-%COMP%] .mat-option[_ngcontent-%COMP%]{height:unset;white-space:normal}[_nghost-%COMP%] .select-loading[_ngcontent-%COMP%]{position:relative;bottom:15px;opacity:.3;height:1px}[_nghost-%COMP%] .select-loading[_ngcontent-%COMP%] .mat-progress-bar[_ngcontent-%COMP%]{height:1px;margin:0}.min[_nghost-%COMP%] .mat-form-field[_ngcontent-%COMP%]{margin:0!important}"] });
6432
+ } }, dependencies: [i1$3.NgForOf, i1$3.NgIf, i2.NgControlStatus, i2.RequiredValidator, i2.NgModel, i4$1.MatFormField, i5$1.MatSelect, i6$1.MatOption, i7.MatProgressBar, InfoSafeHtmlDirective, InfoTranslatePipe], styles: ["[_nghost-%COMP%] .mat-select-trigger[_ngcontent-%COMP%]{height:19px}[_nghost-%COMP%] .mat-form-field-type-mat-select[_ngcontent-%COMP%] .mat-form-field-label[_ngcontent-%COMP%]{height:20px}[_nghost-%COMP%] .mat-option[_ngcontent-%COMP%]{height:unset;white-space:normal}[_nghost-%COMP%] .select-loading[_ngcontent-%COMP%]{position:relative;bottom:15px;opacity:.3;height:1px}[_nghost-%COMP%] .select-loading[_ngcontent-%COMP%] .mat-progress-bar[_ngcontent-%COMP%]{height:1px;margin:0}.min[_nghost-%COMP%] .mat-form-field[_ngcontent-%COMP%]{margin:0!important}"] });
6370
6433
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoSelectComponent, [{
6371
6434
  type: Component,
6372
6435
  args: [{ selector: 'info-select', providers: [{
6373
6436
  provide: NG_VALUE_ACCESSOR,
6374
6437
  useExisting: forwardRef((() => InfoSelectComponent)),
6375
6438
  multi: true
6376
- }], 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\" [innerHTML]=\"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"] }]
6439
+ }], template: "<mat-form-field>\r\n <mat-select [placeholder]=\"placeholder | translate\" [(ngModel)]=\"selectedValue\" (selectionChange)=\"onChangeValue()\" [disabled]=\"disabled || loading\" [required]=\"required\">\r\n <mat-option *ngIf=\"blank\" [value]=\"blankItem.Id\">{{ blankItem.Nome | translate }}</mat-option>\r\n <mat-option *ngFor=\"let i of data\" [value]=\"i.Id\" [safeHtml]=\"i.Nome | translate:(notranslate===null)\"></mat-option>\r\n </mat-select>\r\n</mat-form-field>\r\n\r\n<section class=\"select-loading\">\r\n <mat-progress-bar color=\"primary\" mode=\"indeterminate\" *ngIf=\"loading\" >\r\n </mat-progress-bar>\r\n</section>", styles: [":host .mat-select-trigger{height:19px}:host .mat-form-field-type-mat-select .mat-form-field-label{height:20px}:host .mat-option{height:unset;white-space:normal}:host .select-loading{position:relative;bottom:15px;opacity:.3;height:1px}:host .select-loading .mat-progress-bar{height:1px;margin:0}:host.min .mat-form-field{margin:0!important}\n"] }]
6377
6440
  }], function () { return [{ type: InfoDataService }]; }, { placeholder: [{
6378
6441
  type: Input
6379
6442
  }], name: [{
@@ -6452,7 +6515,7 @@ function InfoTimelineComponent_div_4_Template(rf, ctx) { if (rf & 1) {
6452
6515
  i0.ɵɵadvance(2);
6453
6516
  i0.ɵɵproperty("ngIf", item_r2.Title);
6454
6517
  i0.ɵɵadvance(1);
6455
- i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind1(5, 4, item_r2.Content), i0.ɵɵsanitizeHtml);
6518
+ i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(5, 4, item_r2.Content));
6456
6519
  i0.ɵɵadvance(2);
6457
6520
  i0.ɵɵproperty("ngIf", item_r2.Date);
6458
6521
  } }
@@ -6478,7 +6541,7 @@ class InfoTimelineComponent {
6478
6541
  /** @nocollapse */ InfoTimelineComponent.ɵfac = function InfoTimelineComponent_Factory(t) { return new (t || InfoTimelineComponent)(); };
6479
6542
  /** @nocollapse */ InfoTimelineComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoTimelineComponent, selectors: [["info-timeline"]], hostVars: 12, hostBindings: function InfoTimelineComponent_HostBindings(rf, ctx) { if (rf & 2) {
6480
6543
  i0.ɵɵclassProp("timeline", true)("show-date", true)("align-left", ctx.alignLeft)("align-center", ctx.alignCenter)("align-right", ctx.alignRight)("align-between", ctx.alignBetween);
6481
- } }, 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, "innerHTML"]], template: function InfoTimelineComponent_Template(rf, ctx) { if (rf & 1) {
6544
+ } }, inputs: { showdate: "showdate", align: "align", style: "style", label: "label", data: "data" }, decls: 5, vars: 2, consts: [[1, "line"], [1, "timeline-box"], ["class", "box-label", 4, "ngIf"], [1, "box-items"], ["class", "item", 4, "ngFor", "ngForOf"], [1, "box-label"], [1, "label-text"], [1, "item"], [1, "item-point", 3, "ngStyle"], [1, "item-content"], [4, "ngIf"], [3, "safeHtml"]], template: function InfoTimelineComponent_Template(rf, ctx) { if (rf & 1) {
6482
6545
  i0.ɵɵelement(0, "span", 0);
6483
6546
  i0.ɵɵelementStart(1, "div", 1);
6484
6547
  i0.ɵɵtemplate(2, InfoTimelineComponent_div_2_Template, 3, 1, "div", 2);
@@ -6490,13 +6553,13 @@ class InfoTimelineComponent {
6490
6553
  i0.ɵɵproperty("ngIf", ctx.label != "");
6491
6554
  i0.ɵɵadvance(2);
6492
6555
  i0.ɵɵproperty("ngForOf", ctx.data);
6493
- } }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i1$2.NgStyle, InfoTranslatePipe], styles: ["body[_ngcontent-%COMP%]{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}[_nghost-%COMP%]{display:block;position:relative;margin:20px 0 10px;font-size:.9em}[_nghost-%COMP%] .line[_ngcontent-%COMP%]{border-left:2px solid #eee;height:100%;left:6px;margin-left:-1px;position:absolute;top:0}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-label[_ngcontent-%COMP%]{display:flex;padding:.7857143rem 0}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-label[_ngcontent-%COMP%] .label-text[_ngcontent-%COMP%]{border-radius:0;color:#fff;display:inline-block;min-width:6.2857144rem;padding:.39285715rem .7857143rem;position:relative;text-align:center}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%]{display:flex;flex-direction:column}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{margin:0;padding-left:50px;position:relative}@media only screen and (max-width: 543px){[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{padding-left:32px}}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-point[_ngcontent-%COMP%]{background:#fff;border-radius:50%;display:block;height:12px;left:0;position:absolute;top:calc(1.17857145rem + 1px);width:12px}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-date[_ngcontent-%COMP%]{font-size:.875rem;margin-bottom:.7857143rem}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]{margin-bottom:5px;background:#eee;border-radius:0;display:inline-block;padding:12px;position:relative;width:auto;min-width:180px;box-shadow:0 0 5px #f5f5f5}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:after, [_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:before{border:10px solid transparent;content:\"\";display:block;height:0;position:absolute;top:14px;width:0}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:before{border-right-color:#eee;right:100%}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:after{display:none;left:100%;border-left-color:#eee}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%] .item-title[_ngcontent-%COMP%]{margin-top:0}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%] h2[_ngcontent-%COMP%]{font-weight:700;font-size:.9em;margin:0;display:block}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{margin:5px 0!important}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%] h3[_ngcontent-%COMP%]{font-size:.7em;text-align:right;color:#666;display:block;margin:0}.show-date[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-point[_ngcontent-%COMP%]{top:calc(1.17857145rem + 1px)}.align-right[_nghost-%COMP%] .line[_ngcontent-%COMP%]{left:auto;margin:0 -1px 0 auto;right:6px}.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-label[_ngcontent-%COMP%]{justify-content:flex-end}.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%]{align-items:flex-end}.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{padding:0 50px 0 0}@media only screen and (max-width: 543px){.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{padding:0 32px 0 0}}.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-point[_ngcontent-%COMP%]{left:auto;right:0}.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-date[_ngcontent-%COMP%]{text-align:right}.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:before{display:none}.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:after{display:block}.align-center[_nghost-%COMP%] .line[_ngcontent-%COMP%]{left:50%}.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-label[_ngcontent-%COMP%]{justify-content:center}.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%]{align-items:center}.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{padding:0;text-align:center}@media only screen and (max-width: 543px){.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{padding:0}}.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-point[_ngcontent-%COMP%]{left:50%;margin:-26px 0 0 -6px;top:0}.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-date[_ngcontent-%COMP%]{margin-bottom:33px;text-align:center}.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-date[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{background:#eee;border:1px solid #eee;border-radius:0;display:inline-block;padding:.39285715rem .7857143rem}.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:before{border-color:transparent transparent #ddd transparent;left:50%;margin:-20px 0 0 -10px;top:0}.align-center.show-date[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-point[_ngcontent-%COMP%]{margin-top:40px}@media only screen and (min-width: 768px){.align-between[_nghost-%COMP%] .line[_ngcontent-%COMP%]{left:50%}.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-label[_ngcontent-%COMP%]{justify-content:center}.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{width:50%}.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(even){align-self:flex-end}.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(even) .item-point[_ngcontent-%COMP%]{left:0;margin-left:-6px}.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(odd){padding:0 50px 0 0;text-align:right}}@media only screen and (min-width: 768px) and (max-width: 543px){.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(odd){padding:0 32px 0 0}}@media only screen and (min-width: 768px){.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(odd) .item-point[_ngcontent-%COMP%]{left:100%;margin-left:-6px}}@media only screen and (min-width: 768px){.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(odd) .item-content[_ngcontent-%COMP%]{text-align:left}.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(odd) .item-content[_ngcontent-%COMP%]:before{display:none}.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(odd) .item-content[_ngcontent-%COMP%]:after{display:block}}"] });
6556
+ } }, dependencies: [i1$3.NgForOf, i1$3.NgIf, i1$3.NgStyle, InfoSafeHtmlDirective, InfoTranslatePipe], styles: ["body[_ngcontent-%COMP%]{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}[_nghost-%COMP%]{display:block;position:relative;margin:20px 0 10px;font-size:.9em}[_nghost-%COMP%] .line[_ngcontent-%COMP%]{border-left:2px solid #eee;height:100%;left:6px;margin-left:-1px;position:absolute;top:0}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-label[_ngcontent-%COMP%]{display:flex;padding:.7857143rem 0}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-label[_ngcontent-%COMP%] .label-text[_ngcontent-%COMP%]{border-radius:0;color:#fff;display:inline-block;min-width:6.2857144rem;padding:.39285715rem .7857143rem;position:relative;text-align:center}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%]{display:flex;flex-direction:column}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{margin:0;padding-left:50px;position:relative}@media only screen and (max-width: 543px){[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{padding-left:32px}}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-point[_ngcontent-%COMP%]{background:#fff;border-radius:50%;display:block;height:12px;left:0;position:absolute;top:calc(1.17857145rem + 1px);width:12px}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-date[_ngcontent-%COMP%]{font-size:.875rem;margin-bottom:.7857143rem}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]{margin-bottom:5px;background:#eee;border-radius:0;display:inline-block;padding:12px;position:relative;width:auto;min-width:180px;box-shadow:0 0 5px #f5f5f5}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:after, [_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:before{border:10px solid transparent;content:\"\";display:block;height:0;position:absolute;top:14px;width:0}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:before{border-right-color:#eee;right:100%}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:after{display:none;left:100%;border-left-color:#eee}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%] .item-title[_ngcontent-%COMP%]{margin-top:0}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%] h2[_ngcontent-%COMP%]{font-weight:700;font-size:.9em;margin:0;display:block}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{margin:5px 0!important}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%] h3[_ngcontent-%COMP%]{font-size:.7em;text-align:right;color:#666;display:block;margin:0}.show-date[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-point[_ngcontent-%COMP%]{top:calc(1.17857145rem + 1px)}.align-right[_nghost-%COMP%] .line[_ngcontent-%COMP%]{left:auto;margin:0 -1px 0 auto;right:6px}.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-label[_ngcontent-%COMP%]{justify-content:flex-end}.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%]{align-items:flex-end}.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{padding:0 50px 0 0}@media only screen and (max-width: 543px){.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{padding:0 32px 0 0}}.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-point[_ngcontent-%COMP%]{left:auto;right:0}.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-date[_ngcontent-%COMP%]{text-align:right}.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:before{display:none}.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:after{display:block}.align-center[_nghost-%COMP%] .line[_ngcontent-%COMP%]{left:50%}.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-label[_ngcontent-%COMP%]{justify-content:center}.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%]{align-items:center}.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{padding:0;text-align:center}@media only screen and (max-width: 543px){.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{padding:0}}.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-point[_ngcontent-%COMP%]{left:50%;margin:-26px 0 0 -6px;top:0}.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-date[_ngcontent-%COMP%]{margin-bottom:33px;text-align:center}.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-date[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{background:#eee;border:1px solid #eee;border-radius:0;display:inline-block;padding:.39285715rem .7857143rem}.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:before{border-color:transparent transparent #ddd transparent;left:50%;margin:-20px 0 0 -10px;top:0}.align-center.show-date[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-point[_ngcontent-%COMP%]{margin-top:40px}@media only screen and (min-width: 768px){.align-between[_nghost-%COMP%] .line[_ngcontent-%COMP%]{left:50%}.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-label[_ngcontent-%COMP%]{justify-content:center}.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{width:50%}.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(even){align-self:flex-end}.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(even) .item-point[_ngcontent-%COMP%]{left:0;margin-left:-6px}.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(odd){padding:0 50px 0 0;text-align:right}}@media only screen and (min-width: 768px) and (max-width: 543px){.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(odd){padding:0 32px 0 0}}@media only screen and (min-width: 768px){.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(odd) .item-point[_ngcontent-%COMP%]{left:100%;margin-left:-6px}}@media only screen and (min-width: 768px){.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(odd) .item-content[_ngcontent-%COMP%]{text-align:left}.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(odd) .item-content[_ngcontent-%COMP%]:before{display:none}.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(odd) .item-content[_ngcontent-%COMP%]:after{display:block}}"] });
6494
6557
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoTimelineComponent, [{
6495
6558
  type: Component,
6496
6559
  args: [{ selector: 'info-timeline', host: {
6497
6560
  '[class.timeline]': 'true',
6498
6561
  '[class.show-date]': 'true'
6499
- }, 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 [innerHTML]=\"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"] }]
6562
+ }, template: "<span class=\"line\"></span>\r\n\r\n<div class=\"timeline-box\">\r\n <div class=\"box-label\" *ngIf=\"label != ''\">\r\n <div class=\"label-text\">{{label}}</div>\r\n </div>\r\n\r\n <div class=\"box-items\">\r\n <div class=\"item\" *ngFor=\"let item of data\">\r\n <div class=\"item-point\" [ngStyle]=\"{ 'border-color': item.PointColor }\"></div>\r\n <div class=\"item-content\">\r\n <h2 *ngIf=\"item.Title\">{{item.Title}}</h2>\r\n <p [safeHtml]=\"item.Content | translate\"></p>\r\n <h3 *ngIf=\"item.Date\">{{ item.Date }} \u00E0s {{ item.Hour }}</h3>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: ["body{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}:host{display:block;position:relative;margin:20px 0 10px;font-size:.9em}:host .line{border-left:2px solid #eee;height:100%;left:6px;margin-left:-1px;position:absolute;top:0}:host .timeline-box .box-label{display:flex;padding:.7857143rem 0}:host .timeline-box .box-label .label-text{border-radius:0;color:#fff;display:inline-block;min-width:6.2857144rem;padding:.39285715rem .7857143rem;position:relative;text-align:center}:host .timeline-box .box-items{display:flex;flex-direction:column}:host .timeline-box .box-items .item{margin:0;padding-left:50px;position:relative}@media only screen and (max-width: 543px){:host .timeline-box .box-items .item{padding-left:32px}}:host .timeline-box .box-items .item .item-point{background:#fff;border-radius:50%;display:block;height:12px;left:0;position:absolute;top:calc(1.17857145rem + 1px);width:12px}:host .timeline-box .box-items .item .item-date{font-size:.875rem;margin-bottom:.7857143rem}:host .timeline-box .box-items .item .item-content{margin-bottom:5px;background:#eee;border-radius:0;display:inline-block;padding:12px;position:relative;width:auto;min-width:180px;box-shadow:0 0 5px #f5f5f5}:host .timeline-box .box-items .item .item-content:after,:host .timeline-box .box-items .item .item-content:before{border:10px solid transparent;content:\"\";display:block;height:0;position:absolute;top:14px;width:0}:host .timeline-box .box-items .item .item-content:before{border-right-color:#eee;right:100%}:host .timeline-box .box-items .item .item-content:after{display:none;left:100%;border-left-color:#eee}:host .timeline-box .box-items .item .item-content .item-title{margin-top:0}:host .timeline-box .box-items .item .item-content h2{font-weight:700;font-size:.9em;margin:0;display:block}:host .timeline-box .box-items .item .item-content p{margin:5px 0!important}:host .timeline-box .box-items .item .item-content h3{font-size:.7em;text-align:right;color:#666;display:block;margin:0}:host.show-date .timeline-box .box-items .item .item-point{top:calc(1.17857145rem + 1px)}:host.align-right .line{left:auto;margin:0 -1px 0 auto;right:6px}:host.align-right .timeline-box .box-label{justify-content:flex-end}:host.align-right .timeline-box .box-items{align-items:flex-end}:host.align-right .timeline-box .box-items .item{padding:0 50px 0 0}@media only screen and (max-width: 543px){:host.align-right .timeline-box .box-items .item{padding:0 32px 0 0}}:host.align-right .timeline-box .box-items .item .item-point{left:auto;right:0}:host.align-right .timeline-box .box-items .item .item-date{text-align:right}:host.align-right .timeline-box .box-items .item .item-content:before{display:none}:host.align-right .timeline-box .box-items .item .item-content:after{display:block}:host.align-center .line{left:50%}:host.align-center .timeline-box .box-label{justify-content:center}:host.align-center .timeline-box .box-items{align-items:center}:host.align-center .timeline-box .box-items .item{padding:0;text-align:center}@media only screen and (max-width: 543px){:host.align-center .timeline-box .box-items .item{padding:0}}:host.align-center .timeline-box .box-items .item .item-point{left:50%;margin:-26px 0 0 -6px;top:0}:host.align-center .timeline-box .box-items .item .item-date{margin-bottom:33px;text-align:center}:host.align-center .timeline-box .box-items .item .item-date span{background:#eee;border:1px solid #eee;border-radius:0;display:inline-block;padding:.39285715rem .7857143rem}:host.align-center .timeline-box .box-items .item .item-content:before{border-color:transparent transparent #ddd transparent;left:50%;margin:-20px 0 0 -10px;top:0}:host.align-center.show-date .timeline-box .box-items .item .item-point{margin-top:40px}@media only screen and (min-width: 768px){:host.align-between .line{left:50%}:host.align-between .timeline-box .box-label{justify-content:center}:host.align-between .timeline-box .box-items .item{width:50%}:host.align-between .timeline-box .box-items .item:nth-child(even){align-self:flex-end}:host.align-between .timeline-box .box-items .item:nth-child(even) .item-point{left:0;margin-left:-6px}:host.align-between .timeline-box .box-items .item:nth-child(odd){padding:0 50px 0 0;text-align:right}}@media only screen and (min-width: 768px) and (max-width: 543px){:host.align-between .timeline-box .box-items .item:nth-child(odd){padding:0 32px 0 0}}@media only screen and (min-width: 768px){:host.align-between .timeline-box .box-items .item:nth-child(odd) .item-point{left:100%;margin-left:-6px}}@media only screen and (min-width: 768px){:host.align-between .timeline-box .box-items .item:nth-child(odd) .item-content{text-align:left}:host.align-between .timeline-box .box-items .item:nth-child(odd) .item-content:before{display:none}:host.align-between .timeline-box .box-items .item:nth-child(odd) .item-content:after{display:block}}\n"] }]
6500
6563
  }], function () { return []; }, { showdate: [{
6501
6564
  type: Input
6502
6565
  }], align: [{
@@ -6600,7 +6663,7 @@ class InfoEditorComponent {
6600
6663
  this.disabled = isDisabled;
6601
6664
  }
6602
6665
  }
6603
- /** @nocollapse */ InfoEditorComponent.ɵfac = function InfoEditorComponent_Factory(t) { return new (t || InfoEditorComponent)(i0.ɵɵdirectiveInject(i9.DomSanitizer)); };
6666
+ /** @nocollapse */ InfoEditorComponent.ɵfac = function InfoEditorComponent_Factory(t) { return new (t || InfoEditorComponent)(i0.ɵɵdirectiveInject(i1.DomSanitizer)); };
6604
6667
  /** @nocollapse */ InfoEditorComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoEditorComponent, selectors: [["info-editor"]], viewQuery: function InfoEditorComponent_Query(rf, ctx) { if (rf & 1) {
6605
6668
  i0.ɵɵviewQuery(_c0$5, 5);
6606
6669
  } if (rf & 2) {
@@ -6625,7 +6688,7 @@ class InfoEditorComponent {
6625
6688
  useExisting: forwardRef((() => InfoEditorComponent)),
6626
6689
  multi: true
6627
6690
  }], template: "<angular-editor [attr.id]=\"id\" [attr.focused]=\"focused\" [attr.htmlmode]=\"enabledhtmlmode\" [(ngModel)]=\"value\" name=\"editor\" [config]=\"editorConfig\" (ngModelChange)=\"onChangeValue()\" [required]=\"required\" #editor></angular-editor>\r\n", styles: [":host ::ng-deep [htmlmode=false] .angular-editor-toolbar-set #toggleEditorMode-{display:none}:host ::ng-deep .angular-editor-toolbar-set #insertVideo-{display:none}:host ::ng-deep .angular-editor-textarea{outline:none;border-top:none!important;border-left:none!important;border-right:none!important;border-bottom:solid 1px!important}:host ::ng-deep .angular-editor-textarea[contenteditable=false]{border-bottom:dotted 1.5px lightgray!important}:host ::ng-deep .angular-editor-wrapper:after{content:\"\";position:absolute;left:0;width:100%;height:2px;bottom:0;transform-origin:50%;transform:scaleX(.5);opacity:0;background-color:#000;transition:background-color .3s cubic-bezier(.55,0,.55,.2)}:host ::ng-deep [focused=true] .angular-editor-wrapper:after{opacity:1;transform:scaleX(1);transition:transform .3s cubic-bezier(.25,.8,.25,1),opacity .1s cubic-bezier(.25,.8,.25,1),background-color .3s cubic-bezier(.25,.8,.25,1)}:host ::ng-deep .ng-touched.ng-invalid .angular-editor-wrapper:after{background-color:#f44336!important}:host ::ng-deep .ng-touched.ng-invalid .angular-editor-textarea[contenteditable=true]{border-bottom-color:#f44336!important}\n"] }]
6628
- }], function () { return [{ type: i9.DomSanitizer }]; }, { editor: [{
6691
+ }], function () { return [{ type: i1.DomSanitizer }]; }, { editor: [{
6629
6692
  type: ViewChild,
6630
6693
  args: ['editor']
6631
6694
  }], required: [{
@@ -6658,7 +6721,7 @@ function InfoMultiSelectComponent_mat_option_5_Template(rf, ctx) { if (rf & 1) {
6658
6721
  const ctx_r0 = i0.ɵɵnextContext();
6659
6722
  i0.ɵɵproperty("value", i_r2.Id);
6660
6723
  i0.ɵɵadvance(1);
6661
- i0.ɵɵproperty("innerHtml", i0.ɵɵpipeBind2(2, 2, i_r2.Nome, ctx_r0.notranslate === null), i0.ɵɵsanitizeHtml);
6724
+ i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind2(2, 2, i_r2.Nome, ctx_r0.notranslate === null));
6662
6725
  } }
6663
6726
  function InfoMultiSelectComponent_mat_progress_bar_7_Template(rf, ctx) { if (rf & 1) {
6664
6727
  i0.ɵɵelement(0, "mat-progress-bar", 6);
@@ -6748,7 +6811,7 @@ class InfoMultiSelectComponent {
6748
6811
  provide: NG_VALUE_ACCESSOR,
6749
6812
  useExisting: forwardRef((() => InfoMultiSelectComponent)),
6750
6813
  multi: true
6751
- }])], 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, "innerHtml"], ["color", "primary", "mode", "indeterminate"]], template: function InfoMultiSelectComponent_Template(rf, ctx) { if (rf & 1) {
6814
+ }])], decls: 8, vars: 8, consts: [["multiple", "", 3, "ngModel", "disabled", "required", "ngModelChange", "selectionChange"], [3, "value", 4, "ngFor", "ngForOf"], [1, "select-loading"], ["color", "primary", "mode", "indeterminate", 4, "ngIf"], [3, "value"], [3, "safeHtml"], ["color", "primary", "mode", "indeterminate"]], template: function InfoMultiSelectComponent_Template(rf, ctx) { if (rf & 1) {
6752
6815
  i0.ɵɵelementStart(0, "mat-form-field")(1, "mat-label");
6753
6816
  i0.ɵɵtext(2);
6754
6817
  i0.ɵɵpipe(3, "translate");
@@ -6769,14 +6832,14 @@ class InfoMultiSelectComponent {
6769
6832
  i0.ɵɵproperty("ngForOf", ctx.data);
6770
6833
  i0.ɵɵadvance(2);
6771
6834
  i0.ɵɵproperty("ngIf", ctx.loading);
6772
- } }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i2.NgControlStatus, i2.RequiredValidator, i2.NgModel, i4$1.MatFormField, i4$1.MatLabel, i5$1.MatSelect, i6$1.MatOption, i7.MatProgressBar, InfoTranslatePipe], styles: ["[_nghost-%COMP%] .mat-select-trigger[_ngcontent-%COMP%]{height:19px}[_nghost-%COMP%] .mat-form-field-type-mat-select[_ngcontent-%COMP%] .mat-form-field-label[_ngcontent-%COMP%]{height:20px}[_nghost-%COMP%] .select-loading[_ngcontent-%COMP%]{position:relative;bottom:15px;opacity:.3;height:1px}[_nghost-%COMP%] .select-loading[_ngcontent-%COMP%] .mat-progress-bar[_ngcontent-%COMP%]{height:1px;margin:0}.min[_nghost-%COMP%] .mat-form-field[_ngcontent-%COMP%]{margin:0!important}"] });
6835
+ } }, dependencies: [i1$3.NgForOf, i1$3.NgIf, i2.NgControlStatus, i2.RequiredValidator, i2.NgModel, i4$1.MatFormField, i4$1.MatLabel, i5$1.MatSelect, i6$1.MatOption, i7.MatProgressBar, InfoSafeHtmlDirective, InfoTranslatePipe], styles: ["[_nghost-%COMP%] .mat-select-trigger[_ngcontent-%COMP%]{height:19px}[_nghost-%COMP%] .mat-form-field-type-mat-select[_ngcontent-%COMP%] .mat-form-field-label[_ngcontent-%COMP%]{height:20px}[_nghost-%COMP%] .select-loading[_ngcontent-%COMP%]{position:relative;bottom:15px;opacity:.3;height:1px}[_nghost-%COMP%] .select-loading[_ngcontent-%COMP%] .mat-progress-bar[_ngcontent-%COMP%]{height:1px;margin:0}.min[_nghost-%COMP%] .mat-form-field[_ngcontent-%COMP%]{margin:0!important}"] });
6773
6836
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoMultiSelectComponent, [{
6774
6837
  type: Component,
6775
6838
  args: [{ selector: 'info-multi-select', providers: [{
6776
6839
  provide: NG_VALUE_ACCESSOR,
6777
6840
  useExisting: forwardRef((() => InfoMultiSelectComponent)),
6778
6841
  multi: true
6779
- }], 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 [innerHtml]=\"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"] }]
6842
+ }], template: "<mat-form-field>\r\n <mat-label>{{placeholder | translate}}</mat-label>\r\n\r\n <mat-select [(ngModel)]=\"selectedValues\" (selectionChange)=\"onChangeValue()\" [disabled]=\"disabled || loading\" [required]=\"required\" multiple>\r\n <mat-option *ngFor=\"let i of data\" [value]=\"i.Id\">\r\n <span [safeHtml]=\"i.Nome | translate:(notranslate===null)\"></span>\r\n </mat-option>\r\n </mat-select>\r\n</mat-form-field>\r\n\r\n<section class=\"select-loading\">\r\n <mat-progress-bar color=\"primary\" mode=\"indeterminate\" *ngIf=\"loading\" >\r\n </mat-progress-bar>\r\n</section>", styles: [":host .mat-select-trigger{height:19px}:host .mat-form-field-type-mat-select .mat-form-field-label{height:20px}:host .select-loading{position:relative;bottom:15px;opacity:.3;height:1px}:host .select-loading .mat-progress-bar{height:1px;margin:0}:host.min .mat-form-field{margin:0!important}\n"] }]
6780
6843
  }], function () { return [{ type: InfoDataService }]; }, { placeholder: [{
6781
6844
  type: Input
6782
6845
  }], name: [{
@@ -6891,7 +6954,7 @@ class InfoChipsComponent {
6891
6954
  i0.ɵɵproperty("ngForOf", ctx.values);
6892
6955
  i0.ɵɵadvance(1);
6893
6956
  i0.ɵɵproperty("placeholder", i0.ɵɵpipeBind1(5, 5, ctx.placeholder))("matChipInputFor", _r0)("matChipInputSeparatorKeyCodes", ctx.separatorKeysCodes)("disabled", ctx.disabled);
6894
- } }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i4.MatIcon, i4$1.MatFormField, i4$2.MatChipList, i4$2.MatChip, i4$2.MatChipInput, i4$2.MatChipRemove, InfoTranslatePipe], encapsulation: 2 });
6957
+ } }, dependencies: [i1$3.NgForOf, i1$3.NgIf, i4.MatIcon, i4$1.MatFormField, i4$2.MatChipList, i4$2.MatChip, i4$2.MatChipInput, i4$2.MatChipRemove, InfoTranslatePipe], encapsulation: 2 });
6895
6958
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoChipsComponent, [{
6896
6959
  type: Component,
6897
6960
  args: [{ selector: 'info-chips', providers: [
@@ -7096,7 +7159,7 @@ function InfoTopbarComponent_ng_container_0_div_29_ng_container_14_li_1_Template
7096
7159
  i0.ɵɵadvance(4);
7097
7160
  i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(5, 3, "Dia"), " ", item_r40.Date, "");
7098
7161
  i0.ɵɵadvance(2);
7099
- i0.ɵɵproperty("innerHtml", i0.ɵɵpipeBind1(7, 5, item_r40.Description), i0.ɵɵsanitizeHtml);
7162
+ i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(7, 5, item_r40.Description));
7100
7163
  } }
7101
7164
  function InfoTopbarComponent_ng_container_0_div_29_ng_container_14_Template(rf, ctx) { if (rf & 1) {
7102
7165
  i0.ɵɵelementContainerStart(0);
@@ -7402,7 +7465,7 @@ function InfoTopbarComponent_ng_container_1_div_28_ng_container_12_li_1_Template
7402
7465
  i0.ɵɵadvance(3);
7403
7466
  i0.ɵɵtextInterpolate(item_r85.Icon);
7404
7467
  i0.ɵɵadvance(2);
7405
- i0.ɵɵproperty("innerHtml", i0.ɵɵpipeBind1(6, 3, item_r85.Description), i0.ɵɵsanitizeHtml);
7468
+ i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(6, 3, item_r85.Description));
7406
7469
  i0.ɵɵadvance(3);
7407
7470
  i0.ɵɵtextInterpolate(item_r85.Date);
7408
7471
  } }
@@ -7846,8 +7909,8 @@ class InfoTopbarComponent {
7846
7909
  });
7847
7910
  }
7848
7911
  }
7849
- /** @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$1.Router), i0.ɵɵdirectiveInject(InfoDialogModal), i0.ɵɵdirectiveInject(InfoSessionModel), i0.ɵɵdirectiveInject(InfoPlatformModel), i0.ɵɵdirectiveInject(i1$3.MatDialog), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(Utilities)); };
7850
- /** @nocollapse */ InfoTopbarComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoTopbarComponent, selectors: [["info-topbar"]], inputs: { opened: "opened", languages: "languages", themes: "themes", notificationapi: "notificationapi", notificationgetmethod: "notificationgetmethod", notificationpostmethod: "notificationpostmethod", notificationverifymethod: "notificationverifymethod", notificationverifyenabled: "notificationverifyenabled", fastsearchform: "fastsearchform", fastsearchformwidth: "fastsearchformwidth", fastsearchtitle: "fastsearchtitle", profileurl: "profileurl", setthemeonchangecompany: "setthemeonchangecompany", enabledia: "enabledia" }, outputs: { onchangestate: "onchangestate", ongetnotification: "ongetnotification", onverifynotification: "onverifynotification" }, ngContentSelectors: _c3$3, decls: 4, vars: 4, consts: [[4, "ngIf"], ["class", "loading-bar", 4, "ngIf"], ["class", "block", 4, "ngIf"], [1, "site-navbar"], [1, "logo"], [1, "logo-img"], [1, "logo-img-resp"], [1, "nav-items"], [1, "nav-item", "usuario-logado", 3, "ngClass"], [3, "click"], [1, "menu-lateral-direita"], [1, "fechar", 3, "click"], [1, "empresas"], [4, "ngFor", "ngForOf"], ["class", "nav-item selecao-empresa", 3, "ngClass", 4, "ngIf"], ["class", "nav-item selecao-infoia", 3, "ngClass", 4, "ngIf"], [1, "nav-item"], ["mat-icon-button", "", 3, "matTooltip", "click"], ["class", "nav-item", 4, "ngIf"], ["class", "nav-item", 3, "ngClass", 4, "ngIf"], ["class", "nav-item selecao-tema", 3, "ngClass", 4, "ngIf"], ["class", "nav-item selecao-idioma", 3, "ngClass", 4, "ngIf"], [1, "items-overlay", 3, "click"], ["divModal", ""], [1, "navbar-button", 3, "ngClass", "click"], [1, "nav-item", "selecao-empresa", 3, "ngClass"], [1, "nav-item", "selecao-infoia", 3, "ngClass"], [1, "menu-lateral-direita", "infoia"], [1, "nav-item", 3, "ngClass"], ["class", "badge", 4, "ngIf"], [1, "badge"], [2, "cursor", "default"], [1, "content"], [3, "innerHtml"], [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, "innerHtml"], [1, "date"], [1, "languages"], [1, "themes"], ["mat-icon-button", "", 3, "matTooltip", "routerLink"], [1, "loading-bar"], ["color", "primary", "mode", "indeterminate"], [1, "block"]], template: function InfoTopbarComponent_Template(rf, ctx) { if (rf & 1) {
7912
+ /** @nocollapse */ InfoTopbarComponent.ɵfac = function InfoTopbarComponent_Factory(t) { return new (t || InfoTopbarComponent)(i0.ɵɵdirectiveInject(InfoTranslateService), i0.ɵɵdirectiveInject(InfoAuthenticationService), i0.ɵɵdirectiveInject(InfoDataService), i0.ɵɵdirectiveInject(InfoThemeService), i0.ɵɵdirectiveInject(i1$2.Router), i0.ɵɵdirectiveInject(InfoDialogModal), i0.ɵɵdirectiveInject(InfoSessionModel), i0.ɵɵdirectiveInject(InfoPlatformModel), i0.ɵɵdirectiveInject(i1$4.MatDialog), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(Utilities)); };
7913
+ /** @nocollapse */ InfoTopbarComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoTopbarComponent, selectors: [["info-topbar"]], inputs: { opened: "opened", languages: "languages", themes: "themes", notificationapi: "notificationapi", notificationgetmethod: "notificationgetmethod", notificationpostmethod: "notificationpostmethod", notificationverifymethod: "notificationverifymethod", notificationverifyenabled: "notificationverifyenabled", fastsearchform: "fastsearchform", fastsearchformwidth: "fastsearchformwidth", fastsearchtitle: "fastsearchtitle", profileurl: "profileurl", setthemeonchangecompany: "setthemeonchangecompany", enabledia: "enabledia" }, outputs: { onchangestate: "onchangestate", ongetnotification: "ongetnotification", onverifynotification: "onverifynotification" }, ngContentSelectors: _c3$3, decls: 4, vars: 4, consts: [[4, "ngIf"], ["class", "loading-bar", 4, "ngIf"], ["class", "block", 4, "ngIf"], [1, "site-navbar"], [1, "logo"], [1, "logo-img"], [1, "logo-img-resp"], [1, "nav-items"], [1, "nav-item", "usuario-logado", 3, "ngClass"], [3, "click"], [1, "menu-lateral-direita"], [1, "fechar", 3, "click"], [1, "empresas"], [4, "ngFor", "ngForOf"], ["class", "nav-item selecao-empresa", 3, "ngClass", 4, "ngIf"], ["class", "nav-item selecao-infoia", 3, "ngClass", 4, "ngIf"], [1, "nav-item"], ["mat-icon-button", "", 3, "matTooltip", "click"], ["class", "nav-item", 4, "ngIf"], ["class", "nav-item", 3, "ngClass", 4, "ngIf"], ["class", "nav-item selecao-tema", 3, "ngClass", 4, "ngIf"], ["class", "nav-item selecao-idioma", 3, "ngClass", 4, "ngIf"], [1, "items-overlay", 3, "click"], ["divModal", ""], [1, "navbar-button", 3, "ngClass", "click"], [1, "nav-item", "selecao-empresa", 3, "ngClass"], [1, "nav-item", "selecao-infoia", 3, "ngClass"], [1, "menu-lateral-direita", "infoia"], [1, "nav-item", 3, "ngClass"], ["class", "badge", 4, "ngIf"], [1, "badge"], [2, "cursor", "default"], [1, "content"], [3, "safeHtml"], [1, "nav-item", "selecao-tema", 3, "ngClass"], [1, "temas"], [1, "nav-item", "selecao-idioma", 3, "ngClass"], [1, "idiomas"], ["class", "sessao-clone text-lightgray", 4, "ngIf"], ["id", "page-title", "class", "page-title", 4, "ngIf"], [1, "nav-item", "user-profile", 3, "ngClass"], ["mat-button", "", 3, "click"], [1, "name"], [1, "dropdown-menu"], [1, "menu-title"], [1, "company"], [1, "sessao-clone", "text-lightgray"], ["id", "page-title", 1, "page-title"], [1, "desc", 3, "safeHtml"], [1, "date"], [1, "languages"], [1, "themes"], ["mat-icon-button", "", 3, "matTooltip", "routerLink"], [1, "loading-bar"], ["color", "primary", "mode", "indeterminate"], [1, "block"]], template: function InfoTopbarComponent_Template(rf, ctx) { if (rf & 1) {
7851
7914
  i0.ɵɵprojectionDef();
7852
7915
  i0.ɵɵtemplate(0, InfoTopbarComponent_ng_container_0_Template, 47, 29, "ng-container", 0);
7853
7916
  i0.ɵɵtemplate(1, InfoTopbarComponent_ng_container_1_Template, 40, 24, "ng-container", 0);
@@ -7861,11 +7924,11 @@ class InfoTopbarComponent {
7861
7924
  i0.ɵɵproperty("ngIf", ctx.loading);
7862
7925
  i0.ɵɵadvance(1);
7863
7926
  i0.ɵɵproperty("ngIf", ctx.loading);
7864
- } }, dependencies: [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i4.MatIcon, i13.MatButton, i7.MatProgressBar, i15.MatTooltip, i1$1.RouterLink, InfoTranslatePipe], styles: ["body[_ngcontent-%COMP%]{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}.topmenu[_nghost-%COMP%]{border-bottom-width:0!important;box-shadow:none!important}.uxc3[_nghost-%COMP%]{transition:left .2s ease-in-out;display:block;height:85px;left:0;position:fixed;right:0;top:0;z-index:9998}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%]{left:0}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%]{width:100%}.uxc3[_nghost-%COMP%] .logo[_ngcontent-%COMP%]{position:absolute;top:17px}.uxc3[_nghost-%COMP%] .logo[_ngcontent-%COMP%] .logo-img[_ngcontent-%COMP%]{display:none!important}.uxc3[_nghost-%COMP%] .logo[_ngcontent-%COMP%] .logo-img-resp[_ngcontent-%COMP%]{display:block!important;height:45px!important}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%]{position:absolute;top:70px!important;left:-100%;width:calc(100% + 6px);border-right:none!important;padding-left:25px!important;padding-top:15px!important;transition:left .2s ease-in-out}.uxc3[_nghost-%COMP%] .usuario-logado.menu-aberto[_ngcontent-%COMP%]{left:0%}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%] dl[_ngcontent-%COMP%]{text-align:left!important}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%] dl[_ngcontent-%COMP%] dt[_ngcontent-%COMP%]{display:inline-block;font-size:14px}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%] dl[_ngcontent-%COMP%] dd[_ngcontent-%COMP%]{position:relative;display:inline-block;padding-right:20px;margin-right:5px}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%] dl[_ngcontent-%COMP%] dd[_ngcontent-%COMP%]:after{position:absolute;top:2px;right:0;content:\"-\";width:10px;height:10px}.uxc3[_nghost-%COMP%] .selecao-empresa[_ngcontent-%COMP%]{position:absolute;top:115px!important;left:-100%;width:calc(100% + 6px);margin:0!important;padding:5px 15px 6px 25px;transition:left .2s ease-in-out}.uxc3[_nghost-%COMP%] .selecao-empresa.menu-aberto[_ngcontent-%COMP%]{left:0%}.uxc3[_nghost-%COMP%] .selecao-empresa[_ngcontent-%COMP%] button[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .selecao-empresa[_ngcontent-%COMP%] dl[_ngcontent-%COMP%]{width:100%!important}}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%]{align-items:center;display:flex;flex-wrap:nowrap;height:100%;justify-content:space-between;padding:0 22px}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%]{flex-wrap:wrap}}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .logo[_ngcontent-%COMP%]{display:block;height:60px;width:500px}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .logo[_ngcontent-%COMP%] .logo-img[_ngcontent-%COMP%]{display:block;height:100%;width:100%}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .logo[_ngcontent-%COMP%] .logo-img-resp[_ngcontent-%COMP%]{display:none;height:100%;width:100%}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%]{cursor:pointer;display:none;height:24px;margin:0;position:absolute;transform:rotate(0);width:35px;top:20px;left:70px}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%]{display:block}}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] sub[_ngcontent-%COMP%]{position:absolute;bottom:-10px;text-transform:uppercase}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{display:block;height:3px;opacity:1;position:absolute;transform:rotate(0);transition:.25s ease-in-out;width:50%;top:10px}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(even){left:50%}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(odd){left:0}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(1), .uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(2){top:0}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(3), .uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(4){top:10px}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(5), .uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(6){top:20px}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(1), .uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(6){transform:rotate(45deg)}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(2), .uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(5){transform:rotate(-45deg)}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(1){left:2px;top:6px}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(2){left:calc(50% - 7px);top:6px}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(3){left:-50%;opacity:0}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(4){left:100%;opacity:0}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(5){left:2px;top:15px}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(6){left:calc(50% - 7px);top:15px}.uxc3[_nghost-%COMP%] dl[_ngcontent-%COMP%]{line-height:20px;text-transform:none;transition:border .2s ease-in-out}.uxc3[_nghost-%COMP%] dl[_ngcontent-%COMP%] dt[_ngcontent-%COMP%]{font-size:10px;font-weight:500;transition:color .2s ease-in-out}.uxc3[_nghost-%COMP%] dl[_ngcontent-%COMP%] dd[_ngcontent-%COMP%]{position:relative;top:0;font-size:14px;font-weight:600;margin-bottom:0;transition:color .2s ease-in-out}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .selecao-empresa[_ngcontent-%COMP%]{top:-1px;padding:5px 20px 5px 0;cursor:pointer}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%] dl[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .selecao-empresa[_ngcontent-%COMP%] dl[_ngcontent-%COMP%]{top:5px;margin:0}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%] dl[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .selecao-empresa[_ngcontent-%COMP%] dl[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{position:absolute;font-size:22px;top:17px;right:0;text-align:center}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%]{padding-left:10px}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%] dl[_ngcontent-%COMP%]{text-align:right}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%] dl[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{left:0}.uxc3[_nghost-%COMP%] .selecao-empresa[_ngcontent-%COMP%]{padding-left:20px}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%]{display:block;height:100%;margin:0 -5px;text-align:right}@media screen and (min-width: 544px){.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%]{width:100%}}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%]{display:block;top:0;position:absolute;right:10px}}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%]{align-items:center;display:inline-block;text-align:left;margin:15px 3px 0 0}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%]{position:relative;cursor:pointer;min-width:40px;padding:0;transition:color .2s ease-in-out;top:-14px}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button[_ngcontent-%COMP%] .mat-button-wrapper[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%] .mat-button-wrapper[_ngcontent-%COMP%]{display:flex;height:100%;padding:5px;width:100%}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button[_ngcontent-%COMP%] .mat-button-wrapper[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%] .mat-button-wrapper[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{font-size:24px;height:auto!important;line-height:auto!important;vertical-align:middle;width:auto!important}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button[_ngcontent-%COMP%] .mat-button-wrapper[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%] .marker[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%] .mat-button-wrapper[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%] .marker[_ngcontent-%COMP%]{border-radius:50%;height:6px;position:absolute;right:0;top:0;width:6px}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button[_ngcontent-%COMP%] .mat-button-wrapper[_ngcontent-%COMP%] .badge[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%] .mat-button-wrapper[_ngcontent-%COMP%] .badge[_ngcontent-%COMP%]{position:absolute;background:#af1b11;border-radius:8px;font-size:10px;color:#fff;padding:0 5px;line-height:16px;right:0;top:0}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button[_ngcontent-%COMP%] .mat-button-focus-overlay[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button[_ngcontent-%COMP%] .mat-button-ripple[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%] .mat-button-focus-overlay[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%] .mat-button-ripple[_ngcontent-%COMP%]{display:none}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%]{display:none;top:0;right:0;padding:0;position:fixed;width:420px;height:100%;z-index:9999}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%]{left:auto;margin-left:0;right:0}}@media screen and (max-width: 543px){.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%]{left:0;margin-left:0;width:100%}}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%]:before{border:10px solid transparent;bottom:100%;content:\"\";left:50%;margin:0 0 0 -10px;position:absolute}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%]:before{left:100%;margin-left:-34px}}@media screen and (max-width: 543px){.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%]:before{display:none}}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > .fechar[_ngcontent-%COMP%]{position:absolute;top:30px;right:30px;font-size:28px;cursor:pointer;opacity:.8}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > .fechar[_ngcontent-%COMP%]:hover{opacity:1}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > h4[_ngcontent-%COMP%]{font-size:24px;font-weight:500;margin:30px 0 30px 38px}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{list-style-type:none;margin:0;height:calc(100% - 170px);overflow-y:auto;border-radius:0 0 4px 4px;padding:0}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]:hover{background:rgba(0,0,0,.05)}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li.disabled[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]{cursor:default!important;opacity:.4}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]:last-child{border-bottom:0}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] dl[_ngcontent-%COMP%]{line-height:20px;padding:5px 0;margin-bottom:0}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] dl[_ngcontent-%COMP%] dt[_ngcontent-%COMP%]{font-weight:600;font-size:13px;margin-bottom:5px}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] dl[_ngcontent-%COMP%] dd[_ngcontent-%COMP%]{font-size:14px;font-weight:500}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]{font-size:14px;font-weight:500;padding:10px 40px!important;align-items:center;display:flex;padding:11px;transition:background .2s ease-in-out;cursor:pointer}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{background:rgba(255,255,255,.1);border-radius:50%;font-size:22px;height:auto;margin-right:11px;padding:7px;width:auto}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item.opened[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item.opened[_ngcontent-%COMP%] .lista-empresas[_ngcontent-%COMP%]{display:block}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item.opened[_ngcontent-%COMP%] ~ .items-overlay[_ngcontent-%COMP%]{transition:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible;opacity:.5}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .items-overlay[_ngcontent-%COMP%]{height:100%;left:0;opacity:0;position:fixed;top:0;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:9998}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%]{width:100%}}.uxc2[_nghost-%COMP%]{background:#fff;border-bottom:1px solid #e4e9f0;display:block;height:70px;left:120px;position:fixed;right:0;top:0;z-index:9998}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%]{left:0}}.uxc2[_nghost-%COMP%] .sessao-clone[_ngcontent-%COMP%]{position:absolute;padding:8px;top:0;background-color:#a80707;z-index:1}.uxc2[_nghost-%COMP%] .sessao-clone[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%]{font-size:10px}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%]{align-items:center;display:flex;flex-wrap:nowrap;height:100%;justify-content:space-between;padding:0 22px}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%]{flex-wrap:wrap}}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%]{cursor:pointer;display:none;height:24px;margin:0;position:relative;transform:rotate(0);width:30px}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%]{display:block}}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{display:block;height:3px;opacity:1;position:absolute;transform:rotate(0);transition:.25s ease-in-out;width:50%}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(even){left:50%}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(odd){left:0}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(1), .uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(2){top:0}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(3), .uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(4){top:10px}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(5), .uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(6){top:20px}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(1), .uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(6){transform:rotate(45deg)}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(2), .uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(5){transform:rotate(-45deg)}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(1){left:3px;top:6px}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(2){left:calc(50% - 3px);top:6px}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(3){left:-50%;opacity:0}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(4){left:100%;opacity:0}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(5){left:3px;top:15px}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(6){left:calc(50% - 3px);top:15px}.uxc2[_nghost-%COMP%] .page-title[_ngcontent-%COMP%]{font-size:1.4rem;font-weight:400;line-height:1;margin:0;width:100%}.uxc2[_nghost-%COMP%] .page-title[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{top:4px;left:0;font-size:1.1em}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%] .page-title[_ngcontent-%COMP%]{display:none}}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%]{display:block;height:100%;margin:0 -5px;text-align:right}@media only screen and (min-width: 544px){.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%]{width:100%}}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%]{align-items:center;display:inline-block;text-align:left;margin:15px 3px 0 0}@media only screen and (min-width: 544px){.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%]{position:relative}}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button{position:relative;cursor:pointer;min-width:40px;padding:0;transition:color .2s ease-in-out}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-wrapper, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-wrapper{display:flex;height:100%;padding:5px;width:100%}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-wrapper .mat-icon, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-wrapper .mat-icon{font-size:22px;height:30px;line-height:30px;vertical-align:top;width:30px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-wrapper .mat-icon .marker, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-wrapper .mat-icon .marker{border-radius:50%;height:6px;position:absolute;right:0;top:0;width:6px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-wrapper .badge, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-wrapper .badge{position:absolute;background:#af1b11;border-radius:8px;font-size:10px;color:#fff;padding:0 5px;line-height:16px;right:0;top:0}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-wrapper .avatar, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-wrapper .avatar{border-radius:50%;height:40px;overflow:hidden;width:40px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-wrapper .name, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-wrapper .name{top:10px;padding-left:10px;white-space:nowrap;line-height:19px;text-align:left;font-size:12px;margin-top:-3px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-wrapper .name label, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-wrapper .name label{display:block;margin:0;font-size:10px;line-height:12px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-wrapper .name span, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-wrapper .name span{top:-3px}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-wrapper .name, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-wrapper .name{display:none}}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-focus-overlay, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-ripple, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-focus-overlay, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-ripple{display:none}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%]{box-shadow:0 5px 10px 2px #00000040;display:none;left:50%;margin:0 0 0 -150px;padding:0;position:absolute;top:100%;width:300px;z-index:9999}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%]{left:auto;margin-left:0;right:0}}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%]{left:0;margin-left:0;width:100%}}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu.calendar[_ngcontent-%COMP%]{left:-34%}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu.calendar[_ngcontent-%COMP%]:before{left:60%}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%]:before{border:10px solid transparent;bottom:100%;content:\"\";left:50%;margin:0 0 0 -10px;position:absolute}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%]:before{left:100%;margin-left:-34px}}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%]:before{display:none}}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .company[_ngcontent-%COMP%] a[_ngcontent-%COMP%], .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .languages[_ngcontent-%COMP%] a[_ngcontent-%COMP%], .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .themesa[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{cursor:pointer!important}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .themes[_ngcontent-%COMP%]{max-height:500px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .pesquisa-rapida[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{color:#fff}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .menu-footer[_ngcontent-%COMP%], .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .menu-title[_ngcontent-%COMP%]{margin:0;padding:11px;text-align:center}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .menu-title[_ngcontent-%COMP%]{border-bottom:1px solid rgba(255,255,255,.1);color:#fff;font-size:16px;line-height:1.3}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .menu-footer[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{color:#fff}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .menu-footer[_ngcontent-%COMP%] a[_ngcontent-%COMP%]:hover{color:#fffc}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{list-style-type:none;margin:0;max-height:241px;overflow:auto;padding:0}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]{border-bottom:1px solid rgba(255,255,255,.05)}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li.disabled[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]{cursor:default!important;opacity:.4}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li.disabled[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]:hover{background:inherit!important}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]:last-child{border-bottom:0}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]{align-items:center;color:#fff;display:flex;padding:11px;transition:background .2s ease-in-out;cursor:pointer}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{background:rgba(255,255,255,.1);border-radius:50%;font-size:22px;height:auto;margin-right:11px;padding:7px;width:auto}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%] .avatar[_ngcontent-%COMP%]{border-radius:50%;height:40px;margin-right:11px;width:40px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%] .content[_ngcontent-%COMP%]{font-size:.85rem}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%] .content[_ngcontent-%COMP%] .desc[_ngcontent-%COMP%]{display:block}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%] .content[_ngcontent-%COMP%] .date[_ngcontent-%COMP%]{display:block;font-size:.75rem;font-style:italic;margin-top:4px;opacity:.6}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%] .content[_ngcontent-%COMP%] .meta[_ngcontent-%COMP%]{align-items:flex-end;display:flex;justify-content:space-between;line-height:1.3;margin-bottom:4px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%] .content[_ngcontent-%COMP%] .meta[_ngcontent-%COMP%] .date[_ngcontent-%COMP%]{margin:0 0 0 11px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu.mini-menu[_ngcontent-%COMP%]{left:auto;right:0;width:220px}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu.mini-menu[_ngcontent-%COMP%]{width:100%}}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu.mini-menu[_ngcontent-%COMP%]:before{display:none}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu.mini-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]{padding-top:8px;padding-bottom:8px;cursor:pointer}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu.mini-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%] .fa[_ngcontent-%COMP%]{margin-right:11px;min-width:15px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item.opened[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%]{display:block}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item.opened[_ngcontent-%COMP%] ~ .items-overlay[_ngcontent-%COMP%]{opacity:1;transition:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .items-overlay[_ngcontent-%COMP%]{height:100%;left:0;opacity:0;position:fixed;top:0;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:9998}"] });
7927
+ } }, dependencies: [i1$3.NgClass, i1$3.NgForOf, i1$3.NgIf, i4.MatIcon, i13.MatButton, i7.MatProgressBar, i15.MatTooltip, i1$2.RouterLink, InfoSafeHtmlDirective, InfoTranslatePipe], styles: ["body[_ngcontent-%COMP%]{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}.topmenu[_nghost-%COMP%]{border-bottom-width:0!important;box-shadow:none!important}.uxc3[_nghost-%COMP%]{transition:left .2s ease-in-out;display:block;height:85px;left:0;position:fixed;right:0;top:0;z-index:9998}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%]{left:0}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%]{width:100%}.uxc3[_nghost-%COMP%] .logo[_ngcontent-%COMP%]{position:absolute;top:17px}.uxc3[_nghost-%COMP%] .logo[_ngcontent-%COMP%] .logo-img[_ngcontent-%COMP%]{display:none!important}.uxc3[_nghost-%COMP%] .logo[_ngcontent-%COMP%] .logo-img-resp[_ngcontent-%COMP%]{display:block!important;height:45px!important}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%]{position:absolute;top:70px!important;left:-100%;width:calc(100% + 6px);border-right:none!important;padding-left:25px!important;padding-top:15px!important;transition:left .2s ease-in-out}.uxc3[_nghost-%COMP%] .usuario-logado.menu-aberto[_ngcontent-%COMP%]{left:0%}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%] dl[_ngcontent-%COMP%]{text-align:left!important}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%] dl[_ngcontent-%COMP%] dt[_ngcontent-%COMP%]{display:inline-block;font-size:14px}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%] dl[_ngcontent-%COMP%] dd[_ngcontent-%COMP%]{position:relative;display:inline-block;padding-right:20px;margin-right:5px}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%] dl[_ngcontent-%COMP%] dd[_ngcontent-%COMP%]:after{position:absolute;top:2px;right:0;content:\"-\";width:10px;height:10px}.uxc3[_nghost-%COMP%] .selecao-empresa[_ngcontent-%COMP%]{position:absolute;top:115px!important;left:-100%;width:calc(100% + 6px);margin:0!important;padding:5px 15px 6px 25px;transition:left .2s ease-in-out}.uxc3[_nghost-%COMP%] .selecao-empresa.menu-aberto[_ngcontent-%COMP%]{left:0%}.uxc3[_nghost-%COMP%] .selecao-empresa[_ngcontent-%COMP%] button[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .selecao-empresa[_ngcontent-%COMP%] dl[_ngcontent-%COMP%]{width:100%!important}}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%]{align-items:center;display:flex;flex-wrap:nowrap;height:100%;justify-content:space-between;padding:0 22px}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%]{flex-wrap:wrap}}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .logo[_ngcontent-%COMP%]{display:block;height:60px;width:500px}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .logo[_ngcontent-%COMP%] .logo-img[_ngcontent-%COMP%]{display:block;height:100%;width:100%}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .logo[_ngcontent-%COMP%] .logo-img-resp[_ngcontent-%COMP%]{display:none;height:100%;width:100%}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%]{cursor:pointer;display:none;height:24px;margin:0;position:absolute;transform:rotate(0);width:35px;top:20px;left:70px}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%]{display:block}}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] sub[_ngcontent-%COMP%]{position:absolute;bottom:-10px;text-transform:uppercase}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{display:block;height:3px;opacity:1;position:absolute;transform:rotate(0);transition:.25s ease-in-out;width:50%;top:10px}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(even){left:50%}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(odd){left:0}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(1), .uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(2){top:0}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(3), .uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(4){top:10px}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(5), .uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(6){top:20px}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(1), .uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(6){transform:rotate(45deg)}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(2), .uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(5){transform:rotate(-45deg)}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(1){left:2px;top:6px}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(2){left:calc(50% - 7px);top:6px}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(3){left:-50%;opacity:0}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(4){left:100%;opacity:0}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(5){left:2px;top:15px}.uxc3[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(6){left:calc(50% - 7px);top:15px}.uxc3[_nghost-%COMP%] dl[_ngcontent-%COMP%]{line-height:20px;text-transform:none;transition:border .2s ease-in-out}.uxc3[_nghost-%COMP%] dl[_ngcontent-%COMP%] dt[_ngcontent-%COMP%]{font-size:10px;font-weight:500;transition:color .2s ease-in-out}.uxc3[_nghost-%COMP%] dl[_ngcontent-%COMP%] dd[_ngcontent-%COMP%]{position:relative;top:0;font-size:14px;font-weight:600;margin-bottom:0;transition:color .2s ease-in-out}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .selecao-empresa[_ngcontent-%COMP%]{top:-1px;padding:5px 20px 5px 0;cursor:pointer}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%] dl[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .selecao-empresa[_ngcontent-%COMP%] dl[_ngcontent-%COMP%]{top:5px;margin:0}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%] dl[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .selecao-empresa[_ngcontent-%COMP%] dl[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{position:absolute;font-size:22px;top:17px;right:0;text-align:center}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%]{padding-left:10px}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%] dl[_ngcontent-%COMP%]{text-align:right}.uxc3[_nghost-%COMP%] .usuario-logado[_ngcontent-%COMP%] dl[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{left:0}.uxc3[_nghost-%COMP%] .selecao-empresa[_ngcontent-%COMP%]{padding-left:20px}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%]{display:block;height:100%;margin:0 -5px;text-align:right}@media screen and (min-width: 544px){.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%]{width:100%}}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%]{display:block;top:0;position:absolute;right:10px}}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%]{align-items:center;display:inline-block;text-align:left;margin:15px 3px 0 0}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%]{position:relative;cursor:pointer;min-width:40px;padding:0;transition:color .2s ease-in-out;top:-14px}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button[_ngcontent-%COMP%] .mat-button-wrapper[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%] .mat-button-wrapper[_ngcontent-%COMP%]{display:flex;height:100%;padding:5px;width:100%}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button[_ngcontent-%COMP%] .mat-button-wrapper[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%] .mat-button-wrapper[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{font-size:24px;height:auto!important;line-height:auto!important;vertical-align:middle;width:auto!important}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button[_ngcontent-%COMP%] .mat-button-wrapper[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%] .marker[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%] .mat-button-wrapper[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%] .marker[_ngcontent-%COMP%]{border-radius:50%;height:6px;position:absolute;right:0;top:0;width:6px}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button[_ngcontent-%COMP%] .mat-button-wrapper[_ngcontent-%COMP%] .badge[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%] .mat-button-wrapper[_ngcontent-%COMP%] .badge[_ngcontent-%COMP%]{position:absolute;background:#af1b11;border-radius:8px;font-size:10px;color:#fff;padding:0 5px;line-height:16px;right:0;top:0}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button[_ngcontent-%COMP%] .mat-button-focus-overlay[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button[_ngcontent-%COMP%] .mat-button-ripple[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%] .mat-button-focus-overlay[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%] .mat-button-ripple[_ngcontent-%COMP%]{display:none}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%]{display:none;top:0;right:0;padding:0;position:fixed;width:420px;height:100%;z-index:9999}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%]{left:auto;margin-left:0;right:0}}@media screen and (max-width: 543px){.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%]{left:0;margin-left:0;width:100%}}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%]:before{border:10px solid transparent;bottom:100%;content:\"\";left:50%;margin:0 0 0 -10px;position:absolute}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%]:before{left:100%;margin-left:-34px}}@media screen and (max-width: 543px){.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%]:before{display:none}}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > .fechar[_ngcontent-%COMP%]{position:absolute;top:30px;right:30px;font-size:28px;cursor:pointer;opacity:.8}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > .fechar[_ngcontent-%COMP%]:hover{opacity:1}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > h4[_ngcontent-%COMP%]{font-size:24px;font-weight:500;margin:30px 0 30px 38px}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{list-style-type:none;margin:0;height:calc(100% - 170px);overflow-y:auto;border-radius:0 0 4px 4px;padding:0}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]:hover{background:rgba(0,0,0,.05)}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li.disabled[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]{cursor:default!important;opacity:.4}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]:last-child{border-bottom:0}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] dl[_ngcontent-%COMP%]{line-height:20px;padding:5px 0;margin-bottom:0}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] dl[_ngcontent-%COMP%] dt[_ngcontent-%COMP%]{font-weight:600;font-size:13px;margin-bottom:5px}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] dl[_ngcontent-%COMP%] dd[_ngcontent-%COMP%]{font-size:14px;font-weight:500}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]{font-size:14px;font-weight:500;padding:10px 40px!important;align-items:center;display:flex;padding:11px;transition:background .2s ease-in-out;cursor:pointer}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{background:rgba(255,255,255,.1);border-radius:50%;font-size:22px;height:auto;margin-right:11px;padding:7px;width:auto}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item.opened[_ngcontent-%COMP%] .menu-lateral-direita[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item.opened[_ngcontent-%COMP%] .lista-empresas[_ngcontent-%COMP%]{display:block}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item.opened[_ngcontent-%COMP%] ~ .items-overlay[_ngcontent-%COMP%]{transition:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible;opacity:.5}.uxc3[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .items-overlay[_ngcontent-%COMP%]{height:100%;left:0;opacity:0;position:fixed;top:0;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:9998}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%]{width:100%}}.uxc2[_nghost-%COMP%]{background:#fff;border-bottom:1px solid #e4e9f0;display:block;height:70px;left:120px;position:fixed;right:0;top:0;z-index:9998}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%]{left:0}}.uxc2[_nghost-%COMP%] .sessao-clone[_ngcontent-%COMP%]{position:absolute;padding:8px;top:0;background-color:#a80707;z-index:1}.uxc2[_nghost-%COMP%] .sessao-clone[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%]{font-size:10px}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%]{align-items:center;display:flex;flex-wrap:nowrap;height:100%;justify-content:space-between;padding:0 22px}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%]{flex-wrap:wrap}}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%]{cursor:pointer;display:none;height:24px;margin:0;position:relative;transform:rotate(0);width:30px}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%]{display:block}}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{display:block;height:3px;opacity:1;position:absolute;transform:rotate(0);transition:.25s ease-in-out;width:50%}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(even){left:50%}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(odd){left:0}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(1), .uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(2){top:0}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(3), .uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(4){top:10px}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(5), .uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(6){top:20px}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(1), .uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(6){transform:rotate(45deg)}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(2), .uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(5){transform:rotate(-45deg)}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(1){left:3px;top:6px}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(2){left:calc(50% - 3px);top:6px}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(3){left:-50%;opacity:0}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(4){left:100%;opacity:0}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(5){left:3px;top:15px}.uxc2[_nghost-%COMP%] .site-navbar[_ngcontent-%COMP%] .navbar-button.open[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:nth-child(6){left:calc(50% - 3px);top:15px}.uxc2[_nghost-%COMP%] .page-title[_ngcontent-%COMP%]{font-size:1.4rem;font-weight:400;line-height:1;margin:0;width:100%}.uxc2[_nghost-%COMP%] .page-title[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{top:4px;left:0;font-size:1.1em}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%] .page-title[_ngcontent-%COMP%]{display:none}}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%]{display:block;height:100%;margin:0 -5px;text-align:right}@media only screen and (min-width: 544px){.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%]{width:100%}}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%]{align-items:center;display:inline-block;text-align:left;margin:15px 3px 0 0}@media only screen and (min-width: 544px){.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%]{position:relative}}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button{position:relative;cursor:pointer;min-width:40px;padding:0;transition:color .2s ease-in-out}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-wrapper, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-wrapper{display:flex;height:100%;padding:5px;width:100%}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-wrapper .mat-icon, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-wrapper .mat-icon{font-size:22px;height:30px;line-height:30px;vertical-align:top;width:30px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-wrapper .mat-icon .marker, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-wrapper .mat-icon .marker{border-radius:50%;height:6px;position:absolute;right:0;top:0;width:6px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-wrapper .badge, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-wrapper .badge{position:absolute;background:#af1b11;border-radius:8px;font-size:10px;color:#fff;padding:0 5px;line-height:16px;right:0;top:0}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-wrapper .avatar, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-wrapper .avatar{border-radius:50%;height:40px;overflow:hidden;width:40px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-wrapper .name, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-wrapper .name{top:10px;padding-left:10px;white-space:nowrap;line-height:19px;text-align:left;font-size:12px;margin-top:-3px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-wrapper .name label, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-wrapper .name label{display:block;margin:0;font-size:10px;line-height:12px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-wrapper .name span, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-wrapper .name span{top:-3px}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-wrapper .name, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-wrapper .name{display:none}}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-focus-overlay, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-button .mat-button-ripple, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-focus-overlay, .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .mat-icon-button .mat-button-ripple{display:none}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%]{box-shadow:0 5px 10px 2px #00000040;display:none;left:50%;margin:0 0 0 -150px;padding:0;position:absolute;top:100%;width:300px;z-index:9999}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%]{left:auto;margin-left:0;right:0}}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%]{left:0;margin-left:0;width:100%}}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu.calendar[_ngcontent-%COMP%]{left:-34%}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu.calendar[_ngcontent-%COMP%]:before{left:60%}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%]:before{border:10px solid transparent;bottom:100%;content:\"\";left:50%;margin:0 0 0 -10px;position:absolute}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%]:before{left:100%;margin-left:-34px}}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%]:before{display:none}}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .company[_ngcontent-%COMP%] a[_ngcontent-%COMP%], .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .languages[_ngcontent-%COMP%] a[_ngcontent-%COMP%], .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .themesa[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{cursor:pointer!important}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .themes[_ngcontent-%COMP%]{max-height:500px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .pesquisa-rapida[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{color:#fff}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .menu-footer[_ngcontent-%COMP%], .uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .menu-title[_ngcontent-%COMP%]{margin:0;padding:11px;text-align:center}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .menu-title[_ngcontent-%COMP%]{border-bottom:1px solid rgba(255,255,255,.1);color:#fff;font-size:16px;line-height:1.3}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .menu-footer[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{color:#fff}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] .menu-footer[_ngcontent-%COMP%] a[_ngcontent-%COMP%]:hover{color:#fffc}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{list-style-type:none;margin:0;max-height:241px;overflow:auto;padding:0}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]{border-bottom:1px solid rgba(255,255,255,.05)}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li.disabled[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]{cursor:default!important;opacity:.4}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li.disabled[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]:hover{background:inherit!important}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]:last-child{border-bottom:0}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]{align-items:center;color:#fff;display:flex;padding:11px;transition:background .2s ease-in-out;cursor:pointer}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{background:rgba(255,255,255,.1);border-radius:50%;font-size:22px;height:auto;margin-right:11px;padding:7px;width:auto}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%] .avatar[_ngcontent-%COMP%]{border-radius:50%;height:40px;margin-right:11px;width:40px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%] .content[_ngcontent-%COMP%]{font-size:.85rem}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%] .content[_ngcontent-%COMP%] .desc[_ngcontent-%COMP%]{display:block}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%] .content[_ngcontent-%COMP%] .date[_ngcontent-%COMP%]{display:block;font-size:.75rem;font-style:italic;margin-top:4px;opacity:.6}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%] .content[_ngcontent-%COMP%] .meta[_ngcontent-%COMP%]{align-items:flex-end;display:flex;justify-content:space-between;line-height:1.3;margin-bottom:4px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%] .content[_ngcontent-%COMP%] .meta[_ngcontent-%COMP%] .date[_ngcontent-%COMP%]{margin:0 0 0 11px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu.mini-menu[_ngcontent-%COMP%]{left:auto;right:0;width:220px}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu.mini-menu[_ngcontent-%COMP%]{width:100%}}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu.mini-menu[_ngcontent-%COMP%]:before{display:none}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu.mini-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]{padding-top:8px;padding-bottom:8px;cursor:pointer}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%] .dropdown-menu.mini-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%] .fa[_ngcontent-%COMP%]{margin-right:11px;min-width:15px}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item.opened[_ngcontent-%COMP%] .dropdown-menu[_ngcontent-%COMP%]{display:block}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .nav-item.opened[_ngcontent-%COMP%] ~ .items-overlay[_ngcontent-%COMP%]{opacity:1;transition:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible}.uxc2[_nghost-%COMP%] .nav-items[_ngcontent-%COMP%] .items-overlay[_ngcontent-%COMP%]{height:100%;left:0;opacity:0;position:fixed;top:0;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:9998}"] });
7865
7928
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoTopbarComponent, [{
7866
7929
  type: Component,
7867
- 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"] }]
7868
- }], function () { return [{ type: InfoTranslateService }, { type: InfoAuthenticationService }, { type: InfoDataService }, { type: InfoThemeService }, { type: i1$1.Router }, { type: InfoDialogModal }, { type: InfoSessionModel }, { type: InfoPlatformModel }, { type: i1$3.MatDialog }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: Utilities }]; }, { opened: [{
7930
+ args: [{ selector: 'info-topbar', template: "<ng-container *ngIf=\"_platform.Config.ux >= 3\">\r\n <div class=\"site-navbar\">\r\n <a class=\"logo\" >\r\n <i class=\"logo-img\"></i>\r\n <i class=\"logo-img-resp\"></i>\r\n </a>\r\n \r\n <div class=\"nav-items\">\r\n <div class=\"nav-item usuario-logado\" [class.separador]=\"_session.Empresas.length > 1 || _session.Unidades\" [ngClass]=\"{ 'opened' : topMenu.cliente }\">\r\n <dl (click)=\"(_session.Clientes || []).length > 1 ? open('cliente') : null\">\r\n <dt>{{ _session.Perfil }}</dt>\r\n <dd>{{ _session.Usuario }}</dd>\r\n </dl>\r\n\r\n <div class=\"menu-lateral-direita\">\r\n <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n <h4>{{ 'Clientes' | translate }}</h4>\r\n \r\n <ul class=\"empresas\">\r\n <li *ngFor=\"let client of _session.Clientes\" >\r\n <a (click)=\"setClient(client); divModal.click();\">{{ client.Nome }}</a>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n\r\n <div class=\"nav-item selecao-empresa\" *ngIf=\"_session.Empresas.length > 1\" [ngClass]=\"{ 'opened' : topMenu.empresa }\">\r\n <dl (click)=\"open('empresa')\">\r\n <dt>{{ 'Empresa' | translate }}</dt>\r\n <dd>{{ _session.Empresa }}</dd>\r\n </dl>\r\n \r\n <div class=\"menu-lateral-direita\">\r\n <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n <h4>{{ 'Empresas' | translate }}</h4>\r\n \r\n <ul class=\"empresas\">\r\n <li *ngFor=\"let company of _session.Empresas\" >\r\n <a (click)=\"setCompany(company); divModal.click();\">{{ company.Nome }}</a>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n\r\n <div class=\"nav-item selecao-empresa\" *ngIf=\"_session.Unidade && (_session.Unidades || []).length > 1\" [ngClass]=\"{ 'opened' : topMenu.unidade }\">\r\n <dl (click)=\"open('unidade')\">\r\n <dt>{{ 'Unidade' | translate }}</dt>\r\n <dd>{{ _session.Unidade }}</dd>\r\n </dl>\r\n \r\n <div class=\"menu-lateral-direita\">\r\n <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n <h4>{{ 'Unidades' | translate }}</h4>\r\n \r\n <ul class=\"empresas\">\r\n <li *ngFor=\"let unity of _session.Unidades\" >\r\n <a (click)=\"setUnity(unity); divModal.click();\">{{ unity.Nome }}</a>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n\r\n <div class=\"nav-item selecao-infoia\" [ngClass]=\"{ 'opened': topMenu.infoia }\" *ngIf=\"enabledia\">\r\n <button mat-icon-button (click)=\"open('infoia')\" [matTooltip]=\"'Info IA' | translate\">\r\n <label>{{ 'InfoIA' | translate }}</label>\r\n <mat-icon>diversity_2</mat-icon>\r\n </button>\r\n \r\n <div class=\"menu-lateral-direita infoia\">\r\n <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n <h4>{{ 'InfoIA' | translate }}</h4>\r\n <div>\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"nav-item\">\r\n <button mat-icon-button (click)=\"navigate(profileurl)\" [matTooltip]=\"'MeuPerfil' | translate\">\r\n <mat-icon>person</mat-icon>\r\n </button>\r\n </div>\r\n \r\n <div class=\"nav-item\" *ngIf=\"fastsearchform\">\r\n <button mat-icon-button (click)=\"openFastSearch()\" [matTooltip]=\"fastsearchtitle | translate\">\r\n <mat-icon>search</mat-icon>\r\n </button>\r\n </div>\r\n \r\n <div class=\"nav-item\" [ngClass]=\"{ 'opened' : topMenu.notificacao }\" *ngIf=\"notificationapi\">\r\n <button mat-icon-button (click)=\"setNotificationStatus(true, false, false);open('notificacao')\" [matTooltip]=\"'Notificacoes' | translate\"><mat-icon>notifications_none</mat-icon>\r\n <span class=\"badge\" *ngIf=\"notifications.Count > 0\">{{ notifications.Count }}</span>\r\n </button>\r\n \r\n <div class=\"menu-lateral-direita\" >\r\n <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n <h4>{{ 'Notificacoes' | translate }}</h4>\r\n \r\n <ul>\r\n <li *ngIf=\"notifications.Itens.length == 0\">\r\n <a style=\"cursor: default;\">\r\n <mat-icon>notifications</mat-icon>\r\n <div class=\"content\">\r\n <span>{{ 'TNotificacoesNenhuma' | translate }}</span>\r\n </div>\r\n </a>\r\n </li>\r\n \r\n <ng-container *ngIf=\"notifications.Itens.length > 0\">\r\n <li *ngFor=\"let item of notifications.Itens\">\r\n <a (click)=\"navigate(item.Url);close()\">\r\n <dl>\r\n <dt>{{ 'Dia' | translate }} {{ item.Date }}</dt>\r\n <dd [safeHtml]=\"item.Description | translate\"></dd>\r\n </dl>\r\n </a>\r\n </li>\r\n </ng-container>\r\n </ul>\r\n </div>\r\n </div>\r\n \r\n <!-- <div class=\"nav-item\">\r\n <button mat-icon-button (click)=\"alternarModo()\" [matTooltip]=\"'AlternarModo' | translate\"><mat-icon>brightness_6</mat-icon></button>\r\n </div> -->\r\n \r\n <div class=\"nav-item selecao-tema\" [ngClass]=\"{ 'opened': topMenu.tema }\" *ngIf=\"!prodution && themes.length > 0\">\r\n <button mat-icon-button (click)=\"open('tema')\" [matTooltip]=\"'Tema' | translate\"><mat-icon>invert_colors</mat-icon></button>\r\n \r\n <div class=\"menu-lateral-direita\">\r\n <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n <h4>{{ 'Temas' | translate }}</h4>\r\n \r\n <ul class=\"temas\">\r\n <li *ngFor=\"let theme of themes\">\r\n <a (click)=\"setTheme(theme.name); divModal.click();\"> {{ theme.description | translate }}</a>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n \r\n <div class=\"nav-item\" *ngIf=\"_platform.Config.enabledPrime\">\r\n <button mat-icon-button [matTooltip]=\"(_platform.ModoPrime ? 'ModoPadrao' : 'Prime') | translate\" (click)=\"toggleMode()\"><mat-icon>brightness_6</mat-icon></button>\r\n </div>\r\n \r\n <div class=\"nav-item selecao-idioma\" [ngClass]=\"{ 'opened': topMenu.idioma }\" *ngIf=\"languages.length > 0\">\r\n <button mat-icon-button (click)=\"open('idioma')\" [matTooltip]=\"'Idioma' | translate\"><mat-icon>public</mat-icon></button>\r\n \r\n <div class=\"menu-lateral-direita\">\r\n <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n <h4>{{ 'Idiomas' | translate }}</h4>\r\n \r\n <ul class=\"idiomas\">\r\n <li *ngFor=\"let lang of languages\">\r\n <a (click)=\"setLanguage(lang.lang); divModal.click();\">{{ lang.name | translate }}</a>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n \r\n <div class=\"nav-item\">\r\n <button mat-icon-button [matTooltip]=\"'Sair' | translate\" (click)=\"logout()\"><mat-icon>power_settings_new</mat-icon></button>\r\n </div>\r\n \r\n <div class=\"items-overlay\" (click)=\"close()\" #divModal></div>\r\n </div>\r\n \r\n <div class=\"navbar-button\" [ngClass]=\"{ 'open' : opened }\" (click)=\"openSidebar()\">\r\n <span></span>\r\n <span></span>\r\n <span></span>\r\n <span></span>\r\n <span></span>\r\n <span></span>\r\n </div>\r\n </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"_platform.Config.ux <= 2\">\r\n <div class=\"site-navbar\">\r\n <div class=\"sessao-clone text-lightgray\" *ngIf=\"_session.Clone\">\r\n <div><label>({{ 'ModoClone' | translate }})</label></div>\r\n </div>\r\n\r\n <div class=\"navbar-button\" [ngClass]=\"{ 'open' : opened }\" (click)=\"openSidebar()\">\r\n <span></span>\r\n <span></span>\r\n <span></span>\r\n <span></span>\r\n <span></span>\r\n <span></span>\r\n </div>\r\n\r\n <h1 id=\"page-title\" class=\"page-title\" *ngIf=\"_platform.PaginaAtiva\">\r\n <mat-icon>{{ _platform.PaginaAtiva.Icone }}</mat-icon> {{ _platform.PaginaAtiva.Titulo | translate }}\r\n </h1>\r\n\r\n <div class=\"nav-items\">\r\n <div class=\"nav-item user-profile\" [ngClass]=\"{ 'opened' : topMenu.empresa }\">\r\n <button mat-button (click)=\"open('empresa')\">\r\n <mat-icon>fingerprint</mat-icon>\r\n <div class=\"name\">\r\n <label>{{ \"Empresa\" | translate }}</label>\r\n <span>{{ _session.Empresa }}</span>\r\n </div>\r\n </button>\r\n\r\n <div class=\"dropdown-menu\">\r\n <h4 class=\"menu-title\">{{ 'Empresa' | translate }}</h4>\r\n\r\n <ul class=\"company\">\r\n <li *ngFor=\"let company of _session.Empresas\" >\r\n <a (click)=\"setCompany(company); divModal.click();\">{{ company.Nome }}</a>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n\r\n <div class=\"nav-item\" [ngClass]=\"{ 'opened' : topMenu.notificacao }\" *ngIf=\"notificationapi\">\r\n <button mat-icon-button (click)=\"setNotificationStatus(true, false, false);open('notificacao')\" [matTooltip]=\"'Notificacoes' | translate\"><mat-icon>notifications_none</mat-icon>\r\n <span class=\"badge\" *ngIf=\"notifications.Count > 0\">{{ notifications.Count }}</span>\r\n </button>\r\n\r\n <div class=\"dropdown-menu\">\r\n <h4 class=\"menu-title\">{{ 'Notificacoes' | translate }}</h4>\r\n\r\n <ul>\r\n <li *ngIf=\"notifications.Itens.length == 0\">\r\n <a style=\"cursor: default;\">\r\n <mat-icon>notifications_off</mat-icon>\r\n <div class=\"content\">\r\n <span>{{ 'TNotificacoesNenhuma' | translate }}</span>\r\n </div>\r\n </a>\r\n </li>\r\n\r\n <ng-container *ngIf=\"notifications.Itens.length > 0\">\r\n <li *ngFor=\"let item of notifications.Itens\">\r\n <a (click)=\"navigate(item.Url);close()\">\r\n <mat-icon>{{ item.Icon }}</mat-icon>\r\n <div class=\"content\">\r\n <span class=\"desc\" [safeHtml]=\"item.Description | translate\"></span>\r\n <span class=\"date\">{{ item.Date }}</span>\r\n </div>\r\n </a>\r\n </li>\r\n </ng-container>\r\n </ul>\r\n </div>\r\n </div>\r\n\r\n <div class=\"nav-item\" [ngClass]=\"{ 'opened': topMenu.idioma }\" *ngIf=\"languages.length > 0\">\r\n <button mat-icon-button (click)=\"open('idioma')\" [matTooltip]=\"'Idioma' | translate\"><mat-icon>public</mat-icon></button>\r\n <div class=\"dropdown-menu\">\r\n <h4 class=\"menu-title\">{{ 'Idioma' | translate }}</h4>\r\n <ul class=\"languages\">\r\n <li *ngFor=\"let lang of languages\">\r\n <a (click)=\"setLanguage(lang.lang); divModal.click();\">{{ lang.name | translate }}</a>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n\r\n <div class=\"nav-item\" [ngClass]=\"{ 'opened': topMenu.tema }\" *ngIf=\"!prodution && themes.length > 0\">\r\n <button mat-icon-button (click)=\"open('tema')\" [matTooltip]=\"'Tema' | translate\"><mat-icon>invert_colors</mat-icon></button>\r\n <div class=\"dropdown-menu\">\r\n <h4 class=\"menu-title\">{{ 'Temas' | translate }}</h4>\r\n <ul class=\"themes\">\r\n <li *ngFor=\"let theme of themes\">\r\n <a (click)=\"setTheme(theme.name); divModal.click();\"> {{ theme.description | translate }}</a>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n \r\n <div class=\"nav-item\" *ngIf=\"fastsearchform\">\r\n <button mat-icon-button (click)=\"openFastSearch()\" [matTooltip]=\"fastsearchtitle | translate\">\r\n <mat-icon>search</mat-icon>\r\n </button>\r\n </div>\r\n\r\n <div class=\"nav-item\" *ngIf=\"profileurl != ''\">\r\n <button mat-icon-button [matTooltip]=\"'MeuPerfil' | translate\" [routerLink]=\"profileurl\"><mat-icon>person</mat-icon></button>\r\n </div>\r\n\r\n <div class=\"nav-item\">\r\n <button mat-icon-button [matTooltip]=\"'Sair' | translate\" (click)=\"logout()\"><mat-icon>power_settings_new</mat-icon></button>\r\n </div>\r\n\r\n <div class=\"items-overlay\" (click)=\"close()\" #divModal></div>\r\n </div>\r\n </div>\r\n</ng-container>\r\n\r\n<section class=\"loading-bar\" *ngIf=\"loading\"><mat-progress-bar color=\"primary\" mode=\"indeterminate\"></mat-progress-bar></section>\r\n<div class=\"block\" *ngIf=\"loading\"></div>", styles: ["body{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}:host.topmenu{border-bottom-width:0!important;box-shadow:none!important}:host.uxc3{transition:left .2s ease-in-out;display:block;height:85px;left:0;position:fixed;right:0;top:0;z-index:9998}@media screen and (max-width: 991px){:host.uxc3{left:0}:host.uxc3 .nav-items{width:100%}:host.uxc3 .logo{position:absolute;top:17px}:host.uxc3 .logo .logo-img{display:none!important}:host.uxc3 .logo .logo-img-resp{display:block!important;height:45px!important}:host.uxc3 .usuario-logado{position:absolute;top:70px!important;left:-100%;width:calc(100% + 6px);border-right:none!important;padding-left:25px!important;padding-top:15px!important;transition:left .2s ease-in-out}:host.uxc3 .usuario-logado.menu-aberto{left:0%}:host.uxc3 .usuario-logado dl{text-align:left!important}:host.uxc3 .usuario-logado dl dt{display:inline-block;font-size:14px}:host.uxc3 .usuario-logado dl dd{position:relative;display:inline-block;padding-right:20px;margin-right:5px}:host.uxc3 .usuario-logado dl dd:after{position:absolute;top:2px;right:0;content:\"-\";width:10px;height:10px}:host.uxc3 .selecao-empresa{position:absolute;top:115px!important;left:-100%;width:calc(100% + 6px);margin:0!important;padding:5px 15px 6px 25px;transition:left .2s ease-in-out}:host.uxc3 .selecao-empresa.menu-aberto{left:0%}:host.uxc3 .selecao-empresa button,:host.uxc3 .selecao-empresa dl{width:100%!important}}:host.uxc3 .site-navbar{align-items:center;display:flex;flex-wrap:nowrap;height:100%;justify-content:space-between;padding:0 22px}@media screen and (max-width: 991px){:host.uxc3 .site-navbar{flex-wrap:wrap}}:host.uxc3 .site-navbar .logo{display:block;height:60px;width:500px}:host.uxc3 .site-navbar .logo .logo-img{display:block;height:100%;width:100%}:host.uxc3 .site-navbar .logo .logo-img-resp{display:none;height:100%;width:100%}:host.uxc3 .site-navbar .navbar-button{cursor:pointer;display:none;height:24px;margin:0;position:absolute;transform:rotate(0);width:35px;top:20px;left:70px}@media screen and (max-width: 991px){:host.uxc3 .site-navbar .navbar-button{display:block}}:host.uxc3 .site-navbar .navbar-button sub{position:absolute;bottom:-10px;text-transform:uppercase}:host.uxc3 .site-navbar .navbar-button span{display:block;height:3px;opacity:1;position:absolute;transform:rotate(0);transition:.25s ease-in-out;width:50%;top:10px}:host.uxc3 .site-navbar .navbar-button span:nth-child(even){left:50%}:host.uxc3 .site-navbar .navbar-button span:nth-child(odd){left:0}:host.uxc3 .site-navbar .navbar-button span:nth-child(1),:host.uxc3 .site-navbar .navbar-button span:nth-child(2){top:0}:host.uxc3 .site-navbar .navbar-button span:nth-child(3),:host.uxc3 .site-navbar .navbar-button span:nth-child(4){top:10px}:host.uxc3 .site-navbar .navbar-button span:nth-child(5),:host.uxc3 .site-navbar .navbar-button span:nth-child(6){top:20px}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(1),:host.uxc3 .site-navbar .navbar-button.open span:nth-child(6){transform:rotate(45deg)}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(2),:host.uxc3 .site-navbar .navbar-button.open span:nth-child(5){transform:rotate(-45deg)}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(1){left:2px;top:6px}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(2){left:calc(50% - 7px);top:6px}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(3){left:-50%;opacity:0}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(4){left:100%;opacity:0}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(5){left:2px;top:15px}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(6){left:calc(50% - 7px);top:15px}:host.uxc3 dl{line-height:20px;text-transform:none;transition:border .2s ease-in-out}:host.uxc3 dl dt{font-size:10px;font-weight:500;transition:color .2s ease-in-out}:host.uxc3 dl dd{position:relative;top:0;font-size:14px;font-weight:600;margin-bottom:0;transition:color .2s ease-in-out}:host.uxc3 .usuario-logado,:host.uxc3 .selecao-empresa{top:-1px;padding:5px 20px 5px 0;cursor:pointer}:host.uxc3 .usuario-logado dl,:host.uxc3 .selecao-empresa dl{top:5px;margin:0}:host.uxc3 .usuario-logado dl mat-icon,:host.uxc3 .selecao-empresa dl mat-icon{position:absolute;font-size:22px;top:17px;right:0;text-align:center}:host.uxc3 .usuario-logado{padding-left:10px}:host.uxc3 .usuario-logado dl{text-align:right}:host.uxc3 .usuario-logado dl mat-icon{left:0}:host.uxc3 .selecao-empresa{padding-left:20px}:host.uxc3 .nav-items{display:block;height:100%;margin:0 -5px;text-align:right}@media screen and (min-width: 544px){:host.uxc3 .nav-items{width:100%}}@media screen and (max-width: 991px){:host.uxc3 .nav-items{display:block;top:0;position:absolute;right:10px}}:host.uxc3 .nav-items .nav-item{align-items:center;display:inline-block;text-align:left;margin:15px 3px 0 0}:host.uxc3 .nav-items .nav-item .mat-button,:host.uxc3 .nav-items .nav-item .mat-icon-button{position:relative;cursor:pointer;min-width:40px;padding:0;transition:color .2s ease-in-out;top:-14px}:host.uxc3 .nav-items .nav-item .mat-button .mat-button-wrapper,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-wrapper{display:flex;height:100%;padding:5px;width:100%}:host.uxc3 .nav-items .nav-item .mat-button .mat-button-wrapper .mat-icon,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-wrapper .mat-icon{font-size:24px;height:auto!important;line-height:auto!important;vertical-align:middle;width:auto!important}:host.uxc3 .nav-items .nav-item .mat-button .mat-button-wrapper .mat-icon .marker,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-wrapper .mat-icon .marker{border-radius:50%;height:6px;position:absolute;right:0;top:0;width:6px}:host.uxc3 .nav-items .nav-item .mat-button .mat-button-wrapper .badge,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-wrapper .badge{position:absolute;background:#af1b11;border-radius:8px;font-size:10px;color:#fff;padding:0 5px;line-height:16px;right:0;top:0}:host.uxc3 .nav-items .nav-item .mat-button .mat-button-focus-overlay,:host.uxc3 .nav-items .nav-item .mat-button .mat-button-ripple,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-focus-overlay,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-ripple{display:none}:host.uxc3 .nav-items .nav-item .menu-lateral-direita{display:none;top:0;right:0;padding:0;position:fixed;width:420px;height:100%;z-index:9999}@media screen and (max-width: 991px){:host.uxc3 .nav-items .nav-item .menu-lateral-direita{left:auto;margin-left:0;right:0}}@media screen and (max-width: 543px){:host.uxc3 .nav-items .nav-item .menu-lateral-direita{left:0;margin-left:0;width:100%}}:host.uxc3 .nav-items .nav-item .menu-lateral-direita:before{border:10px solid transparent;bottom:100%;content:\"\";left:50%;margin:0 0 0 -10px;position:absolute}@media screen and (max-width: 991px){:host.uxc3 .nav-items .nav-item .menu-lateral-direita:before{left:100%;margin-left:-34px}}@media screen and (max-width: 543px){:host.uxc3 .nav-items .nav-item .menu-lateral-direita:before{display:none}}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>.fechar{position:absolute;top:30px;right:30px;font-size:28px;cursor:pointer;opacity:.8}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>.fechar:hover{opacity:1}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>h4{font-size:24px;font-weight:500;margin:30px 0 30px 38px}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul{list-style-type:none;margin:0;height:calc(100% - 170px);overflow-y:auto;border-radius:0 0 4px 4px;padding:0}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li:hover{background:rgba(0,0,0,.05)}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li.disabled>a{cursor:default!important;opacity:.4}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li:last-child{border-bottom:0}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li dl{line-height:20px;padding:5px 0;margin-bottom:0}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li dl dt{font-weight:600;font-size:13px;margin-bottom:5px}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li dl dd{font-size:14px;font-weight:500}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li>a{font-size:14px;font-weight:500;padding:10px 40px!important;align-items:center;display:flex;padding:11px;transition:background .2s ease-in-out;cursor:pointer}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li>a .mat-icon{background:rgba(255,255,255,.1);border-radius:50%;font-size:22px;height:auto;margin-right:11px;padding:7px;width:auto}:host.uxc3 .nav-items .nav-item.opened .menu-lateral-direita,:host.uxc3 .nav-items .nav-item.opened .lista-empresas{display:block}:host.uxc3 .nav-items .nav-item.opened~.items-overlay{transition:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible;opacity:.5}:host.uxc3 .nav-items .items-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:9998}@media screen and (max-width: 991px){:host.uxc3{width:100%}}:host.uxc2{background:#fff;border-bottom:1px solid #e4e9f0;display:block;height:70px;left:120px;position:fixed;right:0;top:0;z-index:9998}@media only screen and (max-width: 991px){:host.uxc2{left:0}}:host.uxc2 .sessao-clone{position:absolute;padding:8px;top:0;background-color:#a80707;z-index:1}:host.uxc2 .sessao-clone .mat-icon-button{font-size:10px}:host.uxc2 .site-navbar{align-items:center;display:flex;flex-wrap:nowrap;height:100%;justify-content:space-between;padding:0 22px}@media only screen and (max-width: 991px){:host.uxc2 .site-navbar{flex-wrap:wrap}}:host.uxc2 .site-navbar .navbar-button{cursor:pointer;display:none;height:24px;margin:0;position:relative;transform:rotate(0);width:30px}@media only screen and (max-width: 991px){:host.uxc2 .site-navbar .navbar-button{display:block}}:host.uxc2 .site-navbar .navbar-button span{display:block;height:3px;opacity:1;position:absolute;transform:rotate(0);transition:.25s ease-in-out;width:50%}:host.uxc2 .site-navbar .navbar-button span:nth-child(even){left:50%}:host.uxc2 .site-navbar .navbar-button span:nth-child(odd){left:0}:host.uxc2 .site-navbar .navbar-button span:nth-child(1),:host.uxc2 .site-navbar .navbar-button span:nth-child(2){top:0}:host.uxc2 .site-navbar .navbar-button span:nth-child(3),:host.uxc2 .site-navbar .navbar-button span:nth-child(4){top:10px}:host.uxc2 .site-navbar .navbar-button span:nth-child(5),:host.uxc2 .site-navbar .navbar-button span:nth-child(6){top:20px}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(1),:host.uxc2 .site-navbar .navbar-button.open span:nth-child(6){transform:rotate(45deg)}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(2),:host.uxc2 .site-navbar .navbar-button.open span:nth-child(5){transform:rotate(-45deg)}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(1){left:3px;top:6px}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(2){left:calc(50% - 3px);top:6px}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(3){left:-50%;opacity:0}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(4){left:100%;opacity:0}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(5){left:3px;top:15px}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(6){left:calc(50% - 3px);top:15px}:host.uxc2 .page-title{font-size:1.4rem;font-weight:400;line-height:1;margin:0;width:100%}:host.uxc2 .page-title mat-icon{top:4px;left:0;font-size:1.1em}@media only screen and (max-width: 991px){:host.uxc2 .page-title{display:none}}:host.uxc2 .nav-items{display:block;height:100%;margin:0 -5px;text-align:right}@media only screen and (min-width: 544px){:host.uxc2 .nav-items{width:100%}}:host.uxc2 .nav-items .nav-item{align-items:center;display:inline-block;text-align:left;margin:15px 3px 0 0}@media only screen and (min-width: 544px){:host.uxc2 .nav-items .nav-item{position:relative}}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button{position:relative;cursor:pointer;min-width:40px;padding:0;transition:color .2s ease-in-out}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper{display:flex;height:100%;padding:5px;width:100%}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper .mat-icon,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper .mat-icon{font-size:22px;height:30px;line-height:30px;vertical-align:top;width:30px}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper .mat-icon .marker,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper .mat-icon .marker{border-radius:50%;height:6px;position:absolute;right:0;top:0;width:6px}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper .badge,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper .badge{position:absolute;background:#af1b11;border-radius:8px;font-size:10px;color:#fff;padding:0 5px;line-height:16px;right:0;top:0}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper .avatar,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper .avatar{border-radius:50%;height:40px;overflow:hidden;width:40px}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper .name,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper .name{top:10px;padding-left:10px;white-space:nowrap;line-height:19px;text-align:left;font-size:12px;margin-top:-3px}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper .name label,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper .name label{display:block;margin:0;font-size:10px;line-height:12px}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper .name span,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper .name span{top:-3px}@media only screen and (max-width: 991px){:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper .name,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper .name{display:none}}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-focus-overlay,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-ripple,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-focus-overlay,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-ripple{display:none}:host.uxc2 .nav-items .nav-item .dropdown-menu{box-shadow:0 5px 10px 2px #00000040;display:none;left:50%;margin:0 0 0 -150px;padding:0;position:absolute;top:100%;width:300px;z-index:9999}@media only screen and (max-width: 991px){:host.uxc2 .nav-items .nav-item .dropdown-menu{left:auto;margin-left:0;right:0}}@media only screen and (max-width: 543px){:host.uxc2 .nav-items .nav-item .dropdown-menu{left:0;margin-left:0;width:100%}}:host.uxc2 .nav-items .nav-item .dropdown-menu.calendar{left:-34%}:host.uxc2 .nav-items .nav-item .dropdown-menu.calendar:before{left:60%}:host.uxc2 .nav-items .nav-item .dropdown-menu:before{border:10px solid transparent;bottom:100%;content:\"\";left:50%;margin:0 0 0 -10px;position:absolute}@media only screen and (max-width: 991px){:host.uxc2 .nav-items .nav-item .dropdown-menu:before{left:100%;margin-left:-34px}}@media only screen and (max-width: 543px){:host.uxc2 .nav-items .nav-item .dropdown-menu:before{display:none}}:host.uxc2 .nav-items .nav-item .dropdown-menu .company a,:host.uxc2 .nav-items .nav-item .dropdown-menu .languages a,:host.uxc2 .nav-items .nav-item .dropdown-menu .themesa a{cursor:pointer!important}:host.uxc2 .nav-items .nav-item .dropdown-menu .themes{max-height:500px}:host.uxc2 .nav-items .nav-item .dropdown-menu .pesquisa-rapida input{color:#fff}:host.uxc2 .nav-items .nav-item .dropdown-menu .menu-footer,:host.uxc2 .nav-items .nav-item .dropdown-menu .menu-title{margin:0;padding:11px;text-align:center}:host.uxc2 .nav-items .nav-item .dropdown-menu .menu-title{border-bottom:1px solid rgba(255,255,255,.1);color:#fff;font-size:16px;line-height:1.3}:host.uxc2 .nav-items .nav-item .dropdown-menu .menu-footer a{color:#fff}:host.uxc2 .nav-items .nav-item .dropdown-menu .menu-footer a:hover{color:#fffc}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul{list-style-type:none;margin:0;max-height:241px;overflow:auto;padding:0}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li{border-bottom:1px solid rgba(255,255,255,.05)}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li.disabled>a{cursor:default!important;opacity:.4}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li.disabled>a:hover{background:inherit!important}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li:last-child{border-bottom:0}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a{align-items:center;color:#fff;display:flex;padding:11px;transition:background .2s ease-in-out;cursor:pointer}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .mat-icon{background:rgba(255,255,255,.1);border-radius:50%;font-size:22px;height:auto;margin-right:11px;padding:7px;width:auto}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .avatar{border-radius:50%;height:40px;margin-right:11px;width:40px}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .content{font-size:.85rem}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .content .desc{display:block}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .content .date{display:block;font-size:.75rem;font-style:italic;margin-top:4px;opacity:.6}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .content .meta{align-items:flex-end;display:flex;justify-content:space-between;line-height:1.3;margin-bottom:4px}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .content .meta .date{margin:0 0 0 11px}:host.uxc2 .nav-items .nav-item .dropdown-menu.mini-menu{left:auto;right:0;width:220px}@media only screen and (max-width: 543px){:host.uxc2 .nav-items .nav-item .dropdown-menu.mini-menu{width:100%}}:host.uxc2 .nav-items .nav-item .dropdown-menu.mini-menu:before{display:none}:host.uxc2 .nav-items .nav-item .dropdown-menu.mini-menu>ul>li>a{padding-top:8px;padding-bottom:8px;cursor:pointer}:host.uxc2 .nav-items .nav-item .dropdown-menu.mini-menu>ul>li>a .fa{margin-right:11px;min-width:15px}:host.uxc2 .nav-items .nav-item.opened .dropdown-menu{display:block}:host.uxc2 .nav-items .nav-item.opened~.items-overlay{opacity:1;transition:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible}:host.uxc2 .nav-items .items-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:9998}\n"] }]
7931
+ }], 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: [{
7869
7932
  type: Input
7870
7933
  }], languages: [{
7871
7934
  type: Input
@@ -8295,7 +8358,7 @@ class InfoSidebarComponent {
8295
8358
  this._themeService.setMenuMin();
8296
8359
  }
8297
8360
  }
8298
- /** @nocollapse */ InfoSidebarComponent.ɵfac = function InfoSidebarComponent_Factory(t) { return new (t || InfoSidebarComponent)(i0.ɵɵdirectiveInject(InfoDataService), i0.ɵɵdirectiveInject(InfoAuthenticationService), i0.ɵɵdirectiveInject(InfoThemeService), i0.ɵɵdirectiveInject(InfoSessionModel), i0.ɵɵdirectiveInject(InfoPlatformModel), i0.ɵɵdirectiveInject(InfoLastSearchModel), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ElementRef)); };
8361
+ /** @nocollapse */ InfoSidebarComponent.ɵfac = function InfoSidebarComponent_Factory(t) { return new (t || InfoSidebarComponent)(i0.ɵɵdirectiveInject(InfoDataService), i0.ɵɵdirectiveInject(InfoAuthenticationService), i0.ɵɵdirectiveInject(InfoThemeService), i0.ɵɵdirectiveInject(InfoSessionModel), i0.ɵɵdirectiveInject(InfoPlatformModel), i0.ɵɵdirectiveInject(InfoLastSearchModel), i0.ɵɵdirectiveInject(i1$2.Router), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ElementRef)); };
8299
8362
  /** @nocollapse */ InfoSidebarComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoSidebarComponent, selectors: [["info-sidebar"]], inputs: { api: "api", method: "method", activemenubyurl: "activemenubyurl" }, outputs: { onchangestate: "onchangestate" }, decls: 3, vars: 2, consts: [[4, "ngIf"], [1, "sidebar-overlay"], [1, "site-sidebar", 3, "ngClass"], [1, "main-menu"], ["id", "menu-min-icon", 3, "click"], ["matTooltipPosition", "right", 3, "ngClass", "matTooltip"], [1, "sub-menu-overlay", 3, "click"], ["class", "menu-item", 3, "ngClass", 4, "ngFor", "ngForOf"], [1, "menu-item", 3, "ngClass"], ["class", "item-link", 3, "routerLink", "click", 4, "ngIf"], [1, "item-link", 3, "routerLink", "click"], ["matTooltipPosition", "right", "matTooltipClass", "mat-tooltip", 3, "matTooltip", "matTooltipDisabled", "matTooltipShowDelay"], ["tooltip", "matTooltip"], [1, "title"], [1, "item-link", 3, "click"], [1, "sub-menu"], [4, "ngFor", "ngForOf"], ["class", "group-menu", 4, "ngFor", "ngForOf"], [1, "group-menu"], [1, "site-sidebar"], [1, "logo"], ["href", "/"], [1, "logo-img"], [1, "info"], ["class", "loading-bar", 4, "ngIf"], [1, "loading-bar"], ["color", "primary", "mode", "indeterminate"], ["class", "group-title", 4, "ngIf"], ["href", "#", "class", "item-link", 3, "routerLink", "click", 4, "ngIf"], ["class", "item-link", 4, "ngIf"], ["href", "#", "class", "item-link", 3, "click", 4, "ngIf"], ["class", "sub", 4, "ngIf"], [1, "group-title"], ["href", "#", 1, "item-link", 3, "routerLink", "click"], [1, "item-link"], ["href", "#", 1, "item-link", 3, "click"], [1, "icon"], ["class", "caret fa fa-angle-right", 4, "ngIf"], [1, "caret", "fa", "fa-angle-right"], [1, "sub"], ["class", "menu-item", 4, "ngFor", "ngForOf"], [1, "menu-item"]], template: function InfoSidebarComponent_Template(rf, ctx) { if (rf & 1) {
8300
8363
  i0.ɵɵtemplate(0, InfoSidebarComponent_ng_container_0_Template, 10, 10, "ng-container", 0);
8301
8364
  i0.ɵɵtemplate(1, InfoSidebarComponent_ng_container_1_Template, 14, 4, "ng-container", 0);
@@ -8304,11 +8367,11 @@ class InfoSidebarComponent {
8304
8367
  i0.ɵɵproperty("ngIf", ctx._platform.Config.ux >= 3);
8305
8368
  i0.ɵɵadvance(1);
8306
8369
  i0.ɵɵproperty("ngIf", ctx._platform.Config.ux <= 2);
8307
- } }, dependencies: [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i4.MatIcon, i7.MatProgressBar, i15.MatTooltip, i1$1.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}.uxc3[_nghost-%COMP%]{display:block;height:100%;left:0;position:fixed;top:80px;transition:left .2s ease-in-out,width .2s ease-in-out;width:120px;z-index:9997}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%]{left:-120px;top:84px}}.uxc3[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]{display:flex;flex-direction:column;height:100%;width:100%;min-height:60px}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]{position:relative}.uxc3[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]:before{top:180px}}.uxc3[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]:before{position:fixed;content:\" \";visibility:hidden;left:120px;top:0;width:370px;height:100%;z-index:-1;transition:opacity .2s ease-in-out,visibility .2s ease-in-out}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]:before{display:none}}.uxc3[_nghost-%COMP%] .site-sidebar.opened[_ngcontent-%COMP%]:before{opacity:1;visibility:visible}.uxc3[_nghost-%COMP%] .site-sidebar.opened[_ngcontent-%COMP%] .sub-menu-overlay[_ngcontent-%COMP%]{opacity:.5;visibility:visible}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .site-sidebar.opened[_ngcontent-%COMP%] .sub-menu-overlay[_ngcontent-%COMP%]{opacity:0!important}}.uxc3[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .sub-menu-overlay[_ngcontent-%COMP%]{height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:-2}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%]{display:block;padding-top:5px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] #menu-min-icon[_ngcontent-%COMP%]{position:absolute;top:20px;right:20px;width:20px;height:20px;cursor:pointer;transition:right .2s ease-in-out}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] #menu-min-icon[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{font-size:20px;width:inherit;height:inherit;transition:transform .2s ease-in-out;transform:rotate(180deg)}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] #menu-min-icon[_ngcontent-%COMP%] mat-icon.min[_ngcontent-%COMP%]{transform:rotate(0)}@media (max-width: 991px){.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] #menu-min-icon[_ngcontent-%COMP%]{display:none}}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%]{width:120px;overflow-y:auto}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{list-style-type:none;margin:30px 0 0;padding:10px 0 90px}@media (max-width: 991px){.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{margin-top:0}}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]{position:relative;margin-bottom:3px}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]:after{bottom:0;content:\"\";position:absolute;left:-5px;top:0;transition:transform .2s ease-in-out;width:5px}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{display:block;font-size:14px;font-weight:500;padding:5px 5px 10px 20px;position:relative;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{height:auto;top:6px;margin-right:15px}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%] .title[_ngcontent-%COMP%]{margin-bottom:0;transition:opacity .2s ease-in-out}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]:hover > .item-link[_ngcontent-%COMP%]{font-weight:600}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]:hover:after{transform:translate(4px)}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.active[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.opened[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{background:transparent;font-weight:600}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.active[_ngcontent-%COMP%]:after, .uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.opened[_ngcontent-%COMP%]:after{transform:translate(4px)}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.disabled[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{opacity:.5;cursor:default}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%]{font-family:Open Sans,sans-serif;visibility:hidden;opacity:0;position:fixed;left:120px;width:370px;padding:0 40px;top:100px;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out;height:100%}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%]{display:none}}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%] h4[_ngcontent-%COMP%]{font-size:24px;font-weight:500}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%] ul[_ngcontent-%COMP%]{max-height:calc(100% - 170px);overflow-y:auto;margin:0;padding:0;list-style:none}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%]{margin:10px 3px}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{font-size:14px;font-weight:500;cursor:pointer;padding:5px 0;margin:0;transition:color .2s ease-in-out}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] a[_ngcontent-%COMP%]:hover{text-decoration:none!important;font-weight:600!important}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.opened[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%]{visibility:visible;opacity:1}.uxc3[_nghost-%COMP%] .sidebar-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:-3}.uxc2[_nghost-%COMP%]{display:block;height:100%;left:0;position:fixed;top:0;transition:left .2s ease-in-out;width:120px;z-index:997}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%]{left:-120px}}.uxc2[_nghost-%COMP%] .logo[_ngcontent-%COMP%]{background:main-color(600);display:block;height:70px}.uxc2[_nghost-%COMP%] .logo[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{align-items:flex-end;display:flex;font-family:Open Sans,sans-serif;height:inherit;padding:5px 15px;text-decoration:none}.uxc2[_nghost-%COMP%] .logo[_ngcontent-%COMP%] a[_ngcontent-%COMP%] i.logo-img[_ngcontent-%COMP%]{width:210px;height:50px;margin:auto;vertical-align:top}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]{display:flex;flex-direction:column;height:100%;width:100%;min-height:60px}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]{position:relative;z-index:9999}}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%]{background-size:cover;padding:8px 20px}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{margin:0;font-size:1.2em}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] small[_ngcontent-%COMP%]{display:block}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] label[_ngcontent-%COMP%]{display:block}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{margin-top:5px}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] p[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{font-size:.9em;cursor:pointer}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] p[_ngcontent-%COMP%] a[_ngcontent-%COMP%]:hover{text-decoration:underline}.uxc2[_nghost-%COMP%] .sidebar-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}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%]{display:block;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%]{width:120px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{list-style-type:none;margin:0;padding:10px 0 22px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]{position:relative;margin-bottom:3px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]:after{bottom:0;content:\"\";position:absolute;right:100%;top:0;transition:transform .2s ease-in-out;width:4px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .item-link[_ngcontent-%COMP%]{display:block;font-size:1rem;font-weight:400;padding:11px 22px;position:relative;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .item-link[_ngcontent-%COMP%] .item-badge[_ngcontent-%COMP%]{border-radius:8px;float:right;font-size:10px;line-height:1;margin-top:2px;padding:2px 6px 4px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .item-link[_ngcontent-%COMP%] .icon[_ngcontent-%COMP%]{transition:color .2s ease-in-out;width:22px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .item-link[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{font-size:18px;height:auto;width:25px;top:4px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.menu-item-group[_ngcontent-%COMP%]:after{display:none}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .group-title[_ngcontent-%COMP%]{color:#0009;display:block;font-size:.8rem;font-weight:600;padding:6px 22px 5px;text-transform:uppercase}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub[_ngcontent-%COMP%]{list-style-type:none;overflow:hidden;margin:0;max-height:0;padding:0;transition:max-height .1s ease-in-out}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .item-link[_ngcontent-%COMP%]{padding:5px 22px 6px 48px;font-size:.9em}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]:first-child > .item-link[_ngcontent-%COMP%]:before{border-top:1px solid transparent;content:\"\";left:0;position:absolute;right:0;top:0;transition:border .2s ease-in-out}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]:hover:not(.disabled):after{transform:translate(4px)}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.active[_ngcontent-%COMP%]:after{transform:translate(4px)}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.disabled[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{opacity:.5;cursor:default}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.has-sub[_ngcontent-%COMP%]{position:relative}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.has-sub[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{position:relative}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.has-sub[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%] .caret[_ngcontent-%COMP%]{margin-top:.55rem;position:absolute;right:13px;top:6px;transition:transform .1s ease-in-out}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.has-sub.active[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%] .caret[_ngcontent-%COMP%]{transform:rotate(90deg)}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.has-sub.active[_ngcontent-%COMP%] > .sub[_ngcontent-%COMP%]{max-height:1000px}"] });
8370
+ } }, dependencies: [i1$3.NgClass, i1$3.NgForOf, i1$3.NgIf, i4.MatIcon, i7.MatProgressBar, i15.MatTooltip, 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}.uxc3[_nghost-%COMP%]{display:block;height:100%;left:0;position:fixed;top:80px;transition:left .2s ease-in-out,width .2s ease-in-out;width:120px;z-index:9997}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%]{left:-120px;top:84px}}.uxc3[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]{display:flex;flex-direction:column;height:100%;width:100%;min-height:60px}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]{position:relative}.uxc3[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]:before{top:180px}}.uxc3[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]:before{position:fixed;content:\" \";visibility:hidden;left:120px;top:0;width:370px;height:100%;z-index:-1;transition:opacity .2s ease-in-out,visibility .2s ease-in-out}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]:before{display:none}}.uxc3[_nghost-%COMP%] .site-sidebar.opened[_ngcontent-%COMP%]:before{opacity:1;visibility:visible}.uxc3[_nghost-%COMP%] .site-sidebar.opened[_ngcontent-%COMP%] .sub-menu-overlay[_ngcontent-%COMP%]{opacity:.5;visibility:visible}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .site-sidebar.opened[_ngcontent-%COMP%] .sub-menu-overlay[_ngcontent-%COMP%]{opacity:0!important}}.uxc3[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .sub-menu-overlay[_ngcontent-%COMP%]{height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:-2}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%]{display:block;padding-top:5px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] #menu-min-icon[_ngcontent-%COMP%]{position:absolute;top:20px;right:20px;width:20px;height:20px;cursor:pointer;transition:right .2s ease-in-out}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] #menu-min-icon[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{font-size:20px;width:inherit;height:inherit;transition:transform .2s ease-in-out;transform:rotate(180deg)}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] #menu-min-icon[_ngcontent-%COMP%] mat-icon.min[_ngcontent-%COMP%]{transform:rotate(0)}@media (max-width: 991px){.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] #menu-min-icon[_ngcontent-%COMP%]{display:none}}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%]{width:120px;overflow-y:auto}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{list-style-type:none;margin:30px 0 0;padding:10px 0 90px}@media (max-width: 991px){.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{margin-top:0}}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]{position:relative;margin-bottom:3px}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]:after{bottom:0;content:\"\";position:absolute;left:-5px;top:0;transition:transform .2s ease-in-out;width:5px}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{display:block;font-size:14px;font-weight:500;padding:5px 5px 10px 20px;position:relative;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{height:auto;top:6px;margin-right:15px}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%] .title[_ngcontent-%COMP%]{margin-bottom:0;transition:opacity .2s ease-in-out}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]:hover > .item-link[_ngcontent-%COMP%]{font-weight:600}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]:hover:after{transform:translate(4px)}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.active[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.opened[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{background:transparent;font-weight:600}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.active[_ngcontent-%COMP%]:after, .uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.opened[_ngcontent-%COMP%]:after{transform:translate(4px)}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.disabled[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{opacity:.5;cursor:default}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%]{font-family:Open Sans,sans-serif;visibility:hidden;opacity:0;position:fixed;left:120px;width:370px;padding:0 40px;top:100px;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out;height:100%}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%]{display:none}}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%] h4[_ngcontent-%COMP%]{font-size:24px;font-weight:500}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%] ul[_ngcontent-%COMP%]{max-height:calc(100% - 170px);overflow-y:auto;margin:0;padding:0;list-style:none}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%]{margin:10px 3px}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{font-size:14px;font-weight:500;cursor:pointer;padding:5px 0;margin:0;transition:color .2s ease-in-out}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] a[_ngcontent-%COMP%]:hover{text-decoration:none!important;font-weight:600!important}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.opened[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%]{visibility:visible;opacity:1}.uxc3[_nghost-%COMP%] .sidebar-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:-3}.uxc2[_nghost-%COMP%]{display:block;height:100%;left:0;position:fixed;top:0;transition:left .2s ease-in-out;width:120px;z-index:997}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%]{left:-120px}}.uxc2[_nghost-%COMP%] .logo[_ngcontent-%COMP%]{background:main-color(600);display:block;height:70px}.uxc2[_nghost-%COMP%] .logo[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{align-items:flex-end;display:flex;font-family:Open Sans,sans-serif;height:inherit;padding:5px 15px;text-decoration:none}.uxc2[_nghost-%COMP%] .logo[_ngcontent-%COMP%] a[_ngcontent-%COMP%] i.logo-img[_ngcontent-%COMP%]{width:210px;height:50px;margin:auto;vertical-align:top}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]{display:flex;flex-direction:column;height:100%;width:100%;min-height:60px}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]{position:relative;z-index:9999}}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%]{background-size:cover;padding:8px 20px}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{margin:0;font-size:1.2em}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] small[_ngcontent-%COMP%]{display:block}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] label[_ngcontent-%COMP%]{display:block}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{margin-top:5px}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] p[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{font-size:.9em;cursor:pointer}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] p[_ngcontent-%COMP%] a[_ngcontent-%COMP%]:hover{text-decoration:underline}.uxc2[_nghost-%COMP%] .sidebar-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}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%]{display:block;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%]{width:120px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{list-style-type:none;margin:0;padding:10px 0 22px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]{position:relative;margin-bottom:3px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]:after{bottom:0;content:\"\";position:absolute;right:100%;top:0;transition:transform .2s ease-in-out;width:4px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .item-link[_ngcontent-%COMP%]{display:block;font-size:1rem;font-weight:400;padding:11px 22px;position:relative;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .item-link[_ngcontent-%COMP%] .item-badge[_ngcontent-%COMP%]{border-radius:8px;float:right;font-size:10px;line-height:1;margin-top:2px;padding:2px 6px 4px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .item-link[_ngcontent-%COMP%] .icon[_ngcontent-%COMP%]{transition:color .2s ease-in-out;width:22px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .item-link[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{font-size:18px;height:auto;width:25px;top:4px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.menu-item-group[_ngcontent-%COMP%]:after{display:none}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .group-title[_ngcontent-%COMP%]{color:#0009;display:block;font-size:.8rem;font-weight:600;padding:6px 22px 5px;text-transform:uppercase}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub[_ngcontent-%COMP%]{list-style-type:none;overflow:hidden;margin:0;max-height:0;padding:0;transition:max-height .1s ease-in-out}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .item-link[_ngcontent-%COMP%]{padding:5px 22px 6px 48px;font-size:.9em}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]:first-child > .item-link[_ngcontent-%COMP%]:before{border-top:1px solid transparent;content:\"\";left:0;position:absolute;right:0;top:0;transition:border .2s ease-in-out}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]:hover:not(.disabled):after{transform:translate(4px)}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.active[_ngcontent-%COMP%]:after{transform:translate(4px)}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.disabled[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{opacity:.5;cursor:default}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.has-sub[_ngcontent-%COMP%]{position:relative}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.has-sub[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{position:relative}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.has-sub[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%] .caret[_ngcontent-%COMP%]{margin-top:.55rem;position:absolute;right:13px;top:6px;transition:transform .1s ease-in-out}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.has-sub.active[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%] .caret[_ngcontent-%COMP%]{transform:rotate(90deg)}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.has-sub.active[_ngcontent-%COMP%] > .sub[_ngcontent-%COMP%]{max-height:1000px}"] });
8308
8371
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoSidebarComponent, [{
8309
8372
  type: Component,
8310
8373
  args: [{ selector: 'info-sidebar', template: "<ng-container *ngIf=\"_platform.Config.ux >= 3\">\r\n <div class=\"site-sidebar\" [ngClass]=\"{ 'opened': openSubmenu }\" >\r\n <nav>\r\n <div class=\"main-menu\">\r\n <a id=\"menu-min-icon\" (click)=\"toggleSidebar()\">\r\n <mat-icon [ngClass]=\"{ 'min': _platform.MenuMin }\" [matTooltip]=\"_platform.MenuMin ? 'Exibir' : 'Ocultar' | translate\" matTooltipPosition=\"right\" >arrow_menu_close</mat-icon>\r\n </a>\r\n\r\n <ul *ngIf=\"menu\">\r\n \r\n <li class=\"menu-item\" *ngFor=\"let m of menu\" [ngClass]=\"{ 'active': menuAtivo == m.Title, 'disabled': !m.Enabled, 'opened': openSubmenu == m.Title }\">\r\n \r\n <a *ngIf=\"m.Sub == null\" [routerLink]=\"m.Routing\" class=\"item-link\" (click)=\"changeSidebar();access(m.Title);tooltip.hide();\" >\r\n <mat-icon #tooltip=\"matTooltip\" [matTooltip]=\"m.Title | translate\" [matTooltipDisabled]=\"!_platform.MenuMin\" matTooltipPosition=\"right\" [matTooltipShowDelay]=\"600\" matTooltipClass=\"mat-tooltip\">{{ m.Icon }}</mat-icon>\r\n <label class=\"title\">{{ m.Title | translate }}</label>\r\n </a>\r\n \r\n <ng-container *ngIf=\"m.Sub != null || m.SubGroup != null\">\r\n <a class=\"item-link\" (click)=\"toggleSubmenu(m.Title);tooltip.hide();\" >\r\n <mat-icon #tooltip=\"matTooltip\" [matTooltip]=\"m.Title | translate\" [matTooltipDisabled]=\"!_platform.MenuMin\" matTooltipPosition=\"right\" [matTooltipShowDelay]=\"600\" matTooltipClass=\"mat-tooltip\" >{{ m.Icon }}</mat-icon>\r\n <label class=\"title\">{{ m.Title | translate }}</label>\r\n </a>\r\n \r\n <div class=\"sub-menu\">\r\n <h4>{{ m.Title | translate }}</h4>\r\n \r\n <ul>\r\n <li *ngFor=\"let s of m.Sub\">\r\n <a [routerLink]=\"s.Routing\" class=\"item-link\" (click)=\"changeSidebar();access(m.Title);\" >{{ s.Title | translate }}</a>\r\n </li>\r\n </ul>\r\n\r\n <ng-container *ngIf=\"m.SubGroup != null\">\r\n <div class=\"group-menu\" *ngFor=\"let g of m.SubGroup\">\r\n <h5>{{ g.Title | translate }}</h5>\r\n \r\n <ul>\r\n <li *ngFor=\"let s of g.Sub\">\r\n <a [routerLink]=\"s.Routing\" class=\"item-link\" (click)=\"changeSidebar();access(m.Title);\" >{{ s.Title | translate }}</a>\r\n </li>\r\n </ul>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n </li>\r\n </ul>\r\n </div>\r\n </nav>\r\n <div class=\"sub-menu-overlay\" (click)=\"openSubmenu = ''\"></div>\r\n </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"_platform.Config.ux <= 2\">\r\n <div class=\"site-sidebar\">\r\n\r\n <div class=\"logo\">\r\n <a href=\"/\" >\r\n <i class=\"logo-img\"></i>\r\n </a>\r\n </div>\r\n\r\n <div class=\"info\">\r\n <span>{{ _session.Usuario }}</span>\r\n <small>{{ _session.Perfil }}</small>\r\n </div>\r\n\r\n <nav>\r\n <div class=\"main-menu\">\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 <ul *ngIf=\"menu\">\r\n <li class=\"menu-item\" *ngFor=\"let m of menu\" [ngClass]=\"{ 'has-sub': m.Sub != null, 'active': m.Active, 'menu-item-group': m.Group, 'disabled': !m.Enabled }\">\r\n \r\n <!-- Grupos -->\r\n <span class=\"group-title\" *ngIf=\"m.Group\">{{ m.Title }} </span>\r\n \r\n <!-- Itens -->\r\n <a href=\"#\" [routerLink]=\"m.Routing\" class=\"item-link\" *ngIf=\"!m.Group && m.Sub == null && m.Enabled\" (click)=\"toggle($event, m);resetLastSearch();\">\r\n <mat-icon>{{ m.Icon }}</mat-icon>{{ m.Title | translate }}\r\n </a>\r\n \r\n <a class=\"item-link\" *ngIf=\"!m.Group && m.Sub == null && !m.Enabled\">\r\n <mat-icon>{{ m.Icon }}</mat-icon>{{ m.Title | translate }} \r\n </a>\r\n \r\n <!-- Item com submenu -->\r\n <a href=\"#\" class=\"item-link\" *ngIf=\"!m.Group && m.Sub != null\" (click)=\"toggle($event, m)\">\r\n <mat-icon class=\"icon\">{{ m.Icon }}</mat-icon>{{ m.Title | translate }}\r\n <i class=\"caret fa fa-angle-right\" *ngIf=\"m.Sub\"></i>\r\n </a>\r\n \r\n <!-- Sub Menu -->\r\n <ul class=\"sub\" *ngIf=\"!m.Group && m.Sub != null\">\r\n <li class=\"menu-item\" *ngFor=\"let s of m.Sub\">\r\n <a [routerLink]=\"s.Routing\" (click)=\"resetLastSearch()\" class=\"item-link\" >{{ s.Title | translate }}</a>\r\n </li>\r\n </ul>\r\n </li>\r\n </ul>\r\n </div>\r\n </nav>\r\n </div>\r\n</ng-container>\r\n\r\n<div class=\"sidebar-overlay\"></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.uxc3{display:block;height:100%;left:0;position:fixed;top:80px;transition:left .2s ease-in-out,width .2s ease-in-out;width:120px;z-index:9997}@media screen and (max-width: 991px){:host.uxc3{left:-120px;top:84px}}:host.uxc3 .site-sidebar{display:flex;flex-direction:column;height:100%;width:100%;min-height:60px}@media screen and (max-width: 991px){:host.uxc3 .site-sidebar{position:relative}:host.uxc3 .site-sidebar:before{top:180px}}:host.uxc3 .site-sidebar:before{position:fixed;content:\" \";visibility:hidden;left:120px;top:0;width:370px;height:100%;z-index:-1;transition:opacity .2s ease-in-out,visibility .2s ease-in-out}@media screen and (max-width: 991px){:host.uxc3 .site-sidebar:before{display:none}}:host.uxc3 .site-sidebar.opened:before{opacity:1;visibility:visible}:host.uxc3 .site-sidebar.opened .sub-menu-overlay{opacity:.5;visibility:visible}@media screen and (max-width: 991px){:host.uxc3 .site-sidebar.opened .sub-menu-overlay{opacity:0!important}}:host.uxc3 .site-sidebar .sub-menu-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:-2}:host.uxc3 nav{display:block;padding-top:5px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}:host.uxc3 nav #menu-min-icon{position:absolute;top:20px;right:20px;width:20px;height:20px;cursor:pointer;transition:right .2s ease-in-out}:host.uxc3 nav #menu-min-icon mat-icon{font-size:20px;width:inherit;height:inherit;transition:transform .2s ease-in-out;transform:rotate(180deg)}:host.uxc3 nav #menu-min-icon mat-icon.min{transform:rotate(0)}@media (max-width: 991px){:host.uxc3 nav #menu-min-icon{display:none}}:host.uxc3 nav .main-menu{width:120px;overflow-y:auto}:host.uxc3 nav .main-menu>ul{list-style-type:none;margin:30px 0 0;padding:10px 0 90px}@media (max-width: 991px){:host.uxc3 nav .main-menu>ul{margin-top:0}}:host.uxc3 nav .main-menu>ul .menu-item{position:relative;margin-bottom:3px}:host.uxc3 nav .main-menu>ul .menu-item:after{bottom:0;content:\"\";position:absolute;left:-5px;top:0;transition:transform .2s ease-in-out;width:5px}:host.uxc3 nav .main-menu>ul .menu-item>.item-link{display:block;font-size:14px;font-weight:500;padding:5px 5px 10px 20px;position:relative;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}:host.uxc3 nav .main-menu>ul .menu-item>.item-link .mat-icon{height:auto;top:6px;margin-right:15px}:host.uxc3 nav .main-menu>ul .menu-item>.item-link .title{margin-bottom:0;transition:opacity .2s ease-in-out}:host.uxc3 nav .main-menu>ul .menu-item:hover>.item-link{font-weight:600}:host.uxc3 nav .main-menu>ul .menu-item:hover:after{transform:translate(4px)}:host.uxc3 nav .main-menu>ul .menu-item.active>.item-link,:host.uxc3 nav .main-menu>ul .menu-item.opened>.item-link{background:transparent;font-weight:600}:host.uxc3 nav .main-menu>ul .menu-item.active:after,:host.uxc3 nav .main-menu>ul .menu-item.opened:after{transform:translate(4px)}:host.uxc3 nav .main-menu>ul .menu-item.disabled>.item-link{opacity:.5;cursor:default}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu{font-family:Open Sans,sans-serif;visibility:hidden;opacity:0;position:fixed;left:120px;width:370px;padding:0 40px;top:100px;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out;height:100%}@media screen and (max-width: 991px){:host.uxc3 nav .main-menu>ul .menu-item .sub-menu{display:none}}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu h4{font-size:24px;font-weight:500}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul{max-height:calc(100% - 170px);overflow-y:auto;margin:0;padding:0;list-style:none}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul li{margin:10px 3px}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul li a{font-size:14px;font-weight:500;cursor:pointer;padding:5px 0;margin:0;transition:color .2s ease-in-out}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul li a:hover{text-decoration:none!important;font-weight:600!important}:host.uxc3 nav .main-menu>ul .menu-item.opened .sub-menu{visibility:visible;opacity:1}:host.uxc3 .sidebar-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:-3}:host.uxc2{display:block;height:100%;left:0;position:fixed;top:0;transition:left .2s ease-in-out;width:120px;z-index:997}@media only screen and (max-width: 991px){:host.uxc2{left:-120px}}:host.uxc2 .logo{background:main-color(600);display:block;height:70px}:host.uxc2 .logo a{align-items:flex-end;display:flex;font-family:Open Sans,sans-serif;height:inherit;padding:5px 15px;text-decoration:none}:host.uxc2 .logo a i.logo-img{width:210px;height:50px;margin:auto;vertical-align:top}:host.uxc2 .site-sidebar{display:flex;flex-direction:column;height:100%;width:100%;min-height:60px}@media only screen and (max-width: 991px){:host.uxc2 .site-sidebar{position:relative;z-index:9999}}:host.uxc2 .site-sidebar .info{background-size:cover;padding:8px 20px}:host.uxc2 .site-sidebar .info span{margin:0;font-size:1.2em}:host.uxc2 .site-sidebar .info small{display:block}:host.uxc2 .site-sidebar .info label{display:block}:host.uxc2 .site-sidebar .info p{margin-top:5px}:host.uxc2 .site-sidebar .info p a{font-size:.9em;cursor:pointer}:host.uxc2 .site-sidebar .info p a:hover{text-decoration:underline}:host.uxc2 .sidebar-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}:host.uxc2 nav{display:block;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}:host.uxc2 nav .main-menu{width:120px}:host.uxc2 nav .main-menu>ul{list-style-type:none;margin:0;padding:10px 0 22px}:host.uxc2 nav .main-menu>ul .menu-item{position:relative;margin-bottom:3px}:host.uxc2 nav .main-menu>ul .menu-item:after{bottom:0;content:\"\";position:absolute;right:100%;top:0;transition:transform .2s ease-in-out;width:4px}:host.uxc2 nav .main-menu>ul .menu-item .item-link{display:block;font-size:1rem;font-weight:400;padding:11px 22px;position:relative;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item .item-link .item-badge{border-radius:8px;float:right;font-size:10px;line-height:1;margin-top:2px;padding:2px 6px 4px}:host.uxc2 nav .main-menu>ul .menu-item .item-link .icon{transition:color .2s ease-in-out;width:22px}:host.uxc2 nav .main-menu>ul .menu-item .item-link .mat-icon{font-size:18px;height:auto;width:25px;top:4px}:host.uxc2 nav .main-menu>ul .menu-item.menu-item-group:after{display:none}:host.uxc2 nav .main-menu>ul .menu-item .group-title{color:#0009;display:block;font-size:.8rem;font-weight:600;padding:6px 22px 5px;text-transform:uppercase}:host.uxc2 nav .main-menu>ul .menu-item .sub{list-style-type:none;overflow:hidden;margin:0;max-height:0;padding:0;transition:max-height .1s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item .sub .menu-item .item-link{padding:5px 22px 6px 48px;font-size:.9em}:host.uxc2 nav .main-menu>ul .menu-item .sub .menu-item:first-child>.item-link:before{border-top:1px solid transparent;content:\"\";left:0;position:absolute;right:0;top:0;transition:border .2s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item:hover:not(.disabled):after{transform:translate(4px)}:host.uxc2 nav .main-menu>ul .menu-item.active:after{transform:translate(4px)}:host.uxc2 nav .main-menu>ul .menu-item.disabled>.item-link{opacity:.5;cursor:default}:host.uxc2 nav .main-menu>ul .menu-item.has-sub{position:relative}:host.uxc2 nav .main-menu>ul .menu-item.has-sub>.item-link{position:relative}:host.uxc2 nav .main-menu>ul .menu-item.has-sub>.item-link .caret{margin-top:.55rem;position:absolute;right:13px;top:6px;transition:transform .1s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item.has-sub.active>.item-link .caret{transform:rotate(90deg)}:host.uxc2 nav .main-menu>ul .menu-item.has-sub.active>.sub{max-height:1000px}\n"] }]
8311
- }], function () { return [{ type: InfoDataService }, { type: InfoAuthenticationService }, { type: InfoThemeService }, { type: InfoSessionModel }, { type: InfoPlatformModel }, { type: InfoLastSearchModel }, { type: i1$1.Router }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, { api: [{
8374
+ }], function () { return [{ type: InfoDataService }, { type: InfoAuthenticationService }, { type: InfoThemeService }, { type: InfoSessionModel }, { type: InfoPlatformModel }, { type: InfoLastSearchModel }, { type: i1$2.Router }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, { api: [{
8312
8375
  type: Input
8313
8376
  }], method: [{
8314
8377
  type: Input
@@ -8447,7 +8510,7 @@ class InfoTopMenuComponent {
8447
8510
  this.onchangestate.emit();
8448
8511
  }
8449
8512
  }
8450
- /** @nocollapse */ InfoTopMenuComponent.ɵfac = function InfoTopMenuComponent_Factory(t) { return new (t || InfoTopMenuComponent)(i0.ɵɵdirectiveInject(InfoDataService), i0.ɵɵdirectiveInject(InfoAuthenticationService), i0.ɵɵdirectiveInject(InfoLastSearchModel), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(InfoSessionModel), i0.ɵɵdirectiveInject(InfoPlatformModel), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ElementRef)); };
8513
+ /** @nocollapse */ InfoTopMenuComponent.ɵfac = function InfoTopMenuComponent_Factory(t) { return new (t || InfoTopMenuComponent)(i0.ɵɵdirectiveInject(InfoDataService), i0.ɵɵdirectiveInject(InfoAuthenticationService), i0.ɵɵdirectiveInject(InfoLastSearchModel), i0.ɵɵdirectiveInject(i1$2.Router), i0.ɵɵdirectiveInject(InfoSessionModel), i0.ɵɵdirectiveInject(InfoPlatformModel), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ElementRef)); };
8451
8514
  /** @nocollapse */ InfoTopMenuComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoTopMenuComponent, selectors: [["info-topmenu"]], inputs: { api: "api", method: "method" }, outputs: { onchangestate: "onchangestate" }, decls: 2, vars: 1, consts: [[4, "ngIf"], [3, "ngClass", 4, "ngFor", "ngForOf"], [3, "ngClass"], [3, "routerLink", "click", 4, "ngIf"], [3, "routerLink", "click"], [3, "click"], [1, "sub-menu"], [4, "ngFor", "ngForOf"]], template: function InfoTopMenuComponent_Template(rf, ctx) { if (rf & 1) {
8452
8515
  i0.ɵɵelementStart(0, "nav");
8453
8516
  i0.ɵɵtemplate(1, InfoTopMenuComponent_ul_1_Template, 2, 1, "ul", 0);
@@ -8455,11 +8518,11 @@ class InfoTopMenuComponent {
8455
8518
  } if (rf & 2) {
8456
8519
  i0.ɵɵadvance(1);
8457
8520
  i0.ɵɵproperty("ngIf", ctx.menu);
8458
- } }, dependencies: [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i1$1.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}[_nghost-%COMP%]{position:fixed;top:80px;z-index:999;width:100%}[_nghost-%COMP%] nav[_ngcontent-%COMP%]{background:#fff;border-bottom:solid 1px #ccc}[_nghost-%COMP%] nav[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{margin:0;padding:0;list-style:none;white-space:nowrap}[_nghost-%COMP%] nav[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]{position:relative;margin:0;display:inline-block;padding:0 10px;background:#fff;color:#111;transition:background .2s ease-in-out}[_nghost-%COMP%] nav[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]:hover{background:#eee}[_nghost-%COMP%] nav[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{position:relative;display:block;transition:color .2s ease-in-out;text-align:center;padding:7px 10px 10px;cursor:pointer}[_nghost-%COMP%] nav[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] a[_ngcontent-%COMP%]:hover{text-decoration:none}[_nghost-%COMP%] nav[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li.active[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]:after{position:absolute;left:0;bottom:0;display:block;content:\" \";background:#555;height:3px;width:100%}[_nghost-%COMP%] nav[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]:hover{background:#555}[_nghost-%COMP%] nav[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]:hover > a[_ngcontent-%COMP%]{color:#fff}[_nghost-%COMP%] nav[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]:hover .sub-menu[_ngcontent-%COMP%]{display:block}[_nghost-%COMP%] nav[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%]{position:absolute;top:39px;left:0;display:none;min-width:100%;z-index:1;background:#fff;box-shadow:0 5px 10px 1px #ccc;padding:20px 10px}[_nghost-%COMP%] nav[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%] ul[_ngcontent-%COMP%]{list-style:none;padding:0}[_nghost-%COMP%] nav[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{text-align:left;color:#111}[_nghost-%COMP%] nav[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] a[_ngcontent-%COMP%]:hover{text-decoration:underline;color:#111}"] });
8521
+ } }, dependencies: [i1$3.NgClass, i1$3.NgForOf, i1$3.NgIf, 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}[_nghost-%COMP%]{position:fixed;top:80px;z-index:999;width:100%}[_nghost-%COMP%] nav[_ngcontent-%COMP%]{background:#fff;border-bottom:solid 1px #ccc}[_nghost-%COMP%] nav[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{margin:0;padding:0;list-style:none;white-space:nowrap}[_nghost-%COMP%] nav[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]{position:relative;margin:0;display:inline-block;padding:0 10px;background:#fff;color:#111;transition:background .2s ease-in-out}[_nghost-%COMP%] nav[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]:hover{background:#eee}[_nghost-%COMP%] nav[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{position:relative;display:block;transition:color .2s ease-in-out;text-align:center;padding:7px 10px 10px;cursor:pointer}[_nghost-%COMP%] nav[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] a[_ngcontent-%COMP%]:hover{text-decoration:none}[_nghost-%COMP%] nav[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li.active[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]:after{position:absolute;left:0;bottom:0;display:block;content:\" \";background:#555;height:3px;width:100%}[_nghost-%COMP%] nav[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]:hover{background:#555}[_nghost-%COMP%] nav[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]:hover > a[_ngcontent-%COMP%]{color:#fff}[_nghost-%COMP%] nav[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]:hover .sub-menu[_ngcontent-%COMP%]{display:block}[_nghost-%COMP%] nav[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%]{position:absolute;top:39px;left:0;display:none;min-width:100%;z-index:1;background:#fff;box-shadow:0 5px 10px 1px #ccc;padding:20px 10px}[_nghost-%COMP%] nav[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%] ul[_ngcontent-%COMP%]{list-style:none;padding:0}[_nghost-%COMP%] nav[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{text-align:left;color:#111}[_nghost-%COMP%] nav[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] a[_ngcontent-%COMP%]:hover{text-decoration:underline;color:#111}"] });
8459
8522
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoTopMenuComponent, [{
8460
8523
  type: Component,
8461
8524
  args: [{ selector: 'info-topmenu', template: "<nav>\r\n <ul *ngIf=\"menu\">\r\n <li *ngFor=\"let m of menu\" [ngClass]=\"{ 'active': menuAtivo == m.Title, 'disabled': !m.Enabled, 'opened': openSubmenu == m.Title }\">\r\n <a *ngIf=\"m.Sub == null\" [routerLink]=\"m.Routing\" (click)=\"access(m.Title)\" >{{ m.Title | translate }} </a>\r\n\r\n <ng-container *ngIf=\"m.Sub != null\">\r\n <a (click)=\"toggleSubmenu(m.Title)\" >{{ m.Title | translate }} </a>\r\n\r\n <div class=\"sub-menu\">\r\n <ul>\r\n <li *ngFor=\"let s of m.Sub\">\r\n <a [routerLink]=\"s.Routing\" (click)=\"changeSidebar();access(m.Title);\" >{{ s.Title | translate }}</a>\r\n </li>\r\n </ul>\r\n </div>\r\n </ng-container>\r\n </li>\r\n </ul>\r\n</nav>", 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{position:fixed;top:80px;z-index:999;width:100%}:host nav{background:#fff;border-bottom:solid 1px #ccc}:host nav>ul{margin:0;padding:0;list-style:none;white-space:nowrap}:host nav>ul>li{position:relative;margin:0;display:inline-block;padding:0 10px;background:#fff;color:#111;transition:background .2s ease-in-out}:host nav>ul>li:hover{background:#eee}:host nav>ul>li a{position:relative;display:block;transition:color .2s ease-in-out;text-align:center;padding:7px 10px 10px;cursor:pointer}:host nav>ul>li a:hover{text-decoration:none}:host nav>ul>li.active>a:after{position:absolute;left:0;bottom:0;display:block;content:\" \";background:#555;height:3px;width:100%}:host nav>ul>li:hover{background:#555}:host nav>ul>li:hover>a{color:#fff}:host nav>ul>li:hover .sub-menu{display:block}:host nav>ul>li .sub-menu{position:absolute;top:39px;left:0;display:none;min-width:100%;z-index:1;background:#fff;box-shadow:0 5px 10px 1px #ccc;padding:20px 10px}:host nav>ul>li .sub-menu ul{list-style:none;padding:0}:host nav>ul>li .sub-menu ul li a{text-align:left;color:#111}:host nav>ul>li .sub-menu ul li a:hover{text-decoration:underline;color:#111}\n"] }]
8462
- }], function () { return [{ type: InfoDataService }, { type: InfoAuthenticationService }, { type: InfoLastSearchModel }, { type: i1$1.Router }, { type: InfoSessionModel }, { type: InfoPlatformModel }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, { api: [{
8525
+ }], function () { return [{ type: InfoDataService }, { type: InfoAuthenticationService }, { type: InfoLastSearchModel }, { type: i1$2.Router }, { type: InfoSessionModel }, { type: InfoPlatformModel }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, { api: [{
8463
8526
  type: Input
8464
8527
  }], method: [{
8465
8528
  type: Input
@@ -8630,7 +8693,7 @@ class InfoMainComponent {
8630
8693
  this.onverifynotification.emit(event);
8631
8694
  }
8632
8695
  }
8633
- /** @nocollapse */ InfoMainComponent.ɵfac = function InfoMainComponent_Factory(t) { return new (t || InfoMainComponent)(i0.ɵɵdirectiveInject(InfoPlatformModel), i0.ɵɵdirectiveInject(InfoSessionModel), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(InfoDataService), i0.ɵɵdirectiveInject(InfoThemeService), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(Utilities)); };
8696
+ /** @nocollapse */ InfoMainComponent.ɵfac = function InfoMainComponent_Factory(t) { return new (t || InfoMainComponent)(i0.ɵɵdirectiveInject(InfoPlatformModel), i0.ɵɵdirectiveInject(InfoSessionModel), i0.ɵɵdirectiveInject(i1$2.Router), i0.ɵɵdirectiveInject(InfoDataService), i0.ɵɵdirectiveInject(InfoThemeService), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(Utilities)); };
8634
8697
  /** @nocollapse */ InfoMainComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoMainComponent, selectors: [["info-main"]], viewQuery: function InfoMainComponent_Query(rf, ctx) { if (rf & 1) {
8635
8698
  i0.ɵɵviewQuery(_c0$1, 5);
8636
8699
  i0.ɵɵviewQuery(_c1$1, 5);
@@ -8675,11 +8738,11 @@ class InfoMainComponent {
8675
8738
  i0.ɵɵproperty("ngIf", ctx.version);
8676
8739
  i0.ɵɵadvance(1);
8677
8740
  i0.ɵɵproperty("messages", ctx.messages);
8678
- } }, dependencies: [i1$2.NgClass, i1$2.NgIf, InfoAlertComponent, InfoSidebarComponent, InfoTopbarComponent, InfoTopMenuComponent, 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%] .main-content[_ngcontent-%COMP%]{padding:180px 0 0!important}.uxc3[_nghost-%COMP%] .main-content[_ngcontent-%COMP%]{padding:140px 0 0 120px;transition:padding .2s ease-in-out}.uxc3[_nghost-%COMP%] .main-content[_ngcontent-%COMP%] .bg[_ngcontent-%COMP%]{background:#FFF}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .main-content[_ngcontent-%COMP%]{padding-left:0;padding-top:70px}}.uxc3[_nghost-%COMP%] .main-content[_ngcontent-%COMP%] .footer[_ngcontent-%COMP%]{background:#fafafa}.uxc3[_nghost-%COMP%] .main-content[_ngcontent-%COMP%] .footer[_ngcontent-%COMP%] .version[_ngcontent-%COMP%]{text-align:right}.uxc3[_nghost-%COMP%] .open-sidebar[_ngcontent-%COMP%] info-topbar[_ngcontent-%COMP%]{left:0}.uxc3[_nghost-%COMP%] .open-sidebar[_ngcontent-%COMP%] info-sidebar[_ngcontent-%COMP%]{left:0}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .open-sidebar[_ngcontent-%COMP%] info-sidebar[_ngcontent-%COMP%] .sidebar-overlay[_ngcontent-%COMP%]{opacity:.5;transition:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible}}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .open-sidebar[_ngcontent-%COMP%] info-sidebar[_ngcontent-%COMP%] .site-sidebar[_ngcontent-%COMP%]:before, .uxc3[_nghost-%COMP%] .open-sidebar[_ngcontent-%COMP%] info-sidebar[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%]{display:block!important}}.uxc2[_nghost-%COMP%] .main-content[_ngcontent-%COMP%]{padding:131px 0 0 120px;transition:padding .2s ease-in-out}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%] .main-content[_ngcontent-%COMP%]{padding-left:0}}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%] .main-content[_ngcontent-%COMP%]{padding-top:123px}}.uxc2[_nghost-%COMP%] info-topbar[_ngcontent-%COMP%]{transition:left .2s ease-in-out}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%] info-topbar[_ngcontent-%COMP%]{width:100%}}.uxc2[_nghost-%COMP%] .open-sidebar[_ngcontent-%COMP%] info-topbar[_ngcontent-%COMP%]{left:120px}.uxc2[_nghost-%COMP%] .open-sidebar[_ngcontent-%COMP%] info-sidebar[_ngcontent-%COMP%]{left:0}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%] .open-sidebar[_ngcontent-%COMP%] info-sidebar[_ngcontent-%COMP%] .sidebar-overlay{opacity:1;transition:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible}}.uxc2[_nghost-%COMP%] .footer[_ngcontent-%COMP%]{position:sticky;bottom:0;z-index:9997;align-items:center;background:rgba(0,0,0,.1);display:flex;font-size:.8rem;height:3.1428572rem;justify-content:space-between;width:100%}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%] .footer[_ngcontent-%COMP%]{font-size:.7rem}}.uxc2[_nghost-%COMP%] .footer[_ngcontent-%COMP%] .copyright[_ngcontent-%COMP%], .uxc2[_nghost-%COMP%] .footer[_ngcontent-%COMP%] .version[_ngcontent-%COMP%]{padding:10px 22px}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%] .footer[_ngcontent-%COMP%] .copyright[_ngcontent-%COMP%]{padding-right:0}}.uxc2[_nghost-%COMP%] .footer[_ngcontent-%COMP%] .version[_ngcontent-%COMP%]{text-align:right;color:#000}"] });
8741
+ } }, dependencies: [i1$3.NgClass, i1$3.NgIf, InfoAlertComponent, InfoSidebarComponent, InfoTopbarComponent, InfoTopMenuComponent, 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%] .main-content[_ngcontent-%COMP%]{padding:180px 0 0!important}.uxc3[_nghost-%COMP%] .main-content[_ngcontent-%COMP%]{padding:140px 0 0 120px;transition:padding .2s ease-in-out}.uxc3[_nghost-%COMP%] .main-content[_ngcontent-%COMP%] .bg[_ngcontent-%COMP%]{background:#FFF}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .main-content[_ngcontent-%COMP%]{padding-left:0;padding-top:70px}}.uxc3[_nghost-%COMP%] .main-content[_ngcontent-%COMP%] .footer[_ngcontent-%COMP%]{background:#fafafa}.uxc3[_nghost-%COMP%] .main-content[_ngcontent-%COMP%] .footer[_ngcontent-%COMP%] .version[_ngcontent-%COMP%]{text-align:right}.uxc3[_nghost-%COMP%] .open-sidebar[_ngcontent-%COMP%] info-topbar[_ngcontent-%COMP%]{left:0}.uxc3[_nghost-%COMP%] .open-sidebar[_ngcontent-%COMP%] info-sidebar[_ngcontent-%COMP%]{left:0}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .open-sidebar[_ngcontent-%COMP%] info-sidebar[_ngcontent-%COMP%] .sidebar-overlay[_ngcontent-%COMP%]{opacity:.5;transition:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible}}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .open-sidebar[_ngcontent-%COMP%] info-sidebar[_ngcontent-%COMP%] .site-sidebar[_ngcontent-%COMP%]:before, .uxc3[_nghost-%COMP%] .open-sidebar[_ngcontent-%COMP%] info-sidebar[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%]{display:block!important}}.uxc2[_nghost-%COMP%] .main-content[_ngcontent-%COMP%]{padding:131px 0 0 120px;transition:padding .2s ease-in-out}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%] .main-content[_ngcontent-%COMP%]{padding-left:0}}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%] .main-content[_ngcontent-%COMP%]{padding-top:123px}}.uxc2[_nghost-%COMP%] info-topbar[_ngcontent-%COMP%]{transition:left .2s ease-in-out}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%] info-topbar[_ngcontent-%COMP%]{width:100%}}.uxc2[_nghost-%COMP%] .open-sidebar[_ngcontent-%COMP%] info-topbar[_ngcontent-%COMP%]{left:120px}.uxc2[_nghost-%COMP%] .open-sidebar[_ngcontent-%COMP%] info-sidebar[_ngcontent-%COMP%]{left:0}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%] .open-sidebar[_ngcontent-%COMP%] info-sidebar[_ngcontent-%COMP%] .sidebar-overlay{opacity:1;transition:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible}}.uxc2[_nghost-%COMP%] .footer[_ngcontent-%COMP%]{position:sticky;bottom:0;z-index:9997;align-items:center;background:rgba(0,0,0,.1);display:flex;font-size:.8rem;height:3.1428572rem;justify-content:space-between;width:100%}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%] .footer[_ngcontent-%COMP%]{font-size:.7rem}}.uxc2[_nghost-%COMP%] .footer[_ngcontent-%COMP%] .copyright[_ngcontent-%COMP%], .uxc2[_nghost-%COMP%] .footer[_ngcontent-%COMP%] .version[_ngcontent-%COMP%]{padding:10px 22px}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%] .footer[_ngcontent-%COMP%] .copyright[_ngcontent-%COMP%]{padding-right:0}}.uxc2[_nghost-%COMP%] .footer[_ngcontent-%COMP%] .version[_ngcontent-%COMP%]{text-align:right;color:#000}"] });
8679
8742
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoMainComponent, [{
8680
8743
  type: Component,
8681
8744
  args: [{ selector: 'info-main', template: "<div class=\"site-container\" [ngClass]=\"{ 'open-sidebar': opened }\">\r\n \r\n <info-topbar #topbar\r\n [themes]=\"themes\" \r\n [languages]=\"languages\" \r\n [profileurl]=\"profileurl\"\r\n [notificationapi]=\"notificationapi\" \r\n [notificationgetmethod]=\"notificationgetmethod\" \r\n [notificationpostmethod]=\"notificationpostmethod\"\r\n [notificationverifymethod]=\"notificationverifymethod\"\r\n [notificationverifyenabled]=\"notificationverifyenabled\"\r\n [fastsearchform]=\"fastsearchform\"\r\n [fastsearchformwidth]=\"fastsearchformwidth\"\r\n [fastsearchtitle]=\"fastsearchtitle\"\r\n [setthemeonchangecompany]=\"setthemeonchangecompany\"\r\n (onchangestate)=\"onChangeTopBarState()\"\r\n (ongetnotification)=\"onGetNotificationsTopBar($event)\"\r\n (onverifynotification)=\"onVerifyNotificationsTopBar($event)\"\r\n [enabledia]=\"enabledia\">\r\n <ng-content select=\"[infoia]\"></ng-content>\r\n </info-topbar>\r\n \r\n <info-topmenu *ngIf=\"_platform.Config.topMenu\"\r\n [api]=\"menuapi\" \r\n [method]=\"menumethod\" \r\n (onchangestate)=\"onChangeSideBarState()\">\r\n </info-topmenu>\r\n\r\n <info-sidebar #sidebar *ngIf=\"!_platform.Config.topMenu\"\r\n [api]=\"menuapi\" \r\n [method]=\"menumethod\" \r\n [activemenubyurl]=\"activemenubyurl\"\r\n (onchangestate)=\"onChangeSideBarState()\">\r\n </info-sidebar>\r\n\r\n <main class=\"main-content\">\r\n <div class=\"main-content-wrap\">\r\n <ng-content select=\"[main]\" *ngIf=\"ready\"></ng-content>\r\n </div>\r\n\r\n <div class=\"footer row\">\r\n <div class=\"copyright col-9\">{{ 'Copyright' | translate}}</div>\r\n <div class=\"version col-3\" *ngIf=\"version\">{{ 'Versao' | translate}} {{ version }}</div>\r\n </div>\r\n \r\n <info-alert [messages]=\"messages\"></info-alert>\r\n </main>\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.topmenu .main-content{padding:180px 0 0!important}:host.uxc3 .main-content{padding:140px 0 0 120px;transition:padding .2s ease-in-out}:host.uxc3 .main-content .bg{background:#FFF}@media screen and (max-width: 991px){:host.uxc3 .main-content{padding-left:0;padding-top:70px}}:host.uxc3 .main-content .footer{background:#fafafa}:host.uxc3 .main-content .footer .version{text-align:right}:host.uxc3 .open-sidebar info-topbar{left:0}:host.uxc3 .open-sidebar info-sidebar{left:0}@media screen and (max-width: 991px){:host.uxc3 .open-sidebar info-sidebar .sidebar-overlay{opacity:.5;transition:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible}}@media screen and (max-width: 991px){:host.uxc3 .open-sidebar info-sidebar .site-sidebar:before,:host.uxc3 .open-sidebar info-sidebar .sub-menu{display:block!important}}:host.uxc2 .main-content{padding:131px 0 0 120px;transition:padding .2s ease-in-out}@media only screen and (max-width: 991px){:host.uxc2 .main-content{padding-left:0}}@media only screen and (max-width: 543px){:host.uxc2 .main-content{padding-top:123px}}:host.uxc2 info-topbar{transition:left .2s ease-in-out}@media only screen and (max-width: 991px){:host.uxc2 info-topbar{width:100%}}:host.uxc2 .open-sidebar info-topbar{left:120px}:host.uxc2 .open-sidebar info-sidebar{left:0}@media only screen and (max-width: 991px){:host.uxc2 .open-sidebar info-sidebar ::ng-deep .sidebar-overlay{opacity:1;transition:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible}}:host.uxc2 .footer{position:sticky;bottom:0;z-index:9997;align-items:center;background:rgba(0,0,0,.1);display:flex;font-size:.8rem;height:3.1428572rem;justify-content:space-between;width:100%}@media only screen and (max-width: 543px){:host.uxc2 .footer{font-size:.7rem}}:host.uxc2 .footer .copyright,:host.uxc2 .footer .version{padding:10px 22px}@media only screen and (max-width: 543px){:host.uxc2 .footer .copyright{padding-right:0}}:host.uxc2 .footer .version{text-align:right;color:#000}\n"] }]
8682
- }], function () { return [{ type: InfoPlatformModel }, { type: InfoSessionModel }, { type: i1$1.Router }, { type: InfoDataService }, { type: InfoThemeService }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: Utilities }]; }, { opened: [{
8745
+ }], function () { return [{ type: InfoPlatformModel }, { type: InfoSessionModel }, { type: i1$2.Router }, { type: InfoDataService }, { type: InfoThemeService }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: Utilities }]; }, { opened: [{
8683
8746
  type: Input
8684
8747
  }], version: [{
8685
8748
  type: Input
@@ -8881,7 +8944,7 @@ class InfoFilterComponent {
8881
8944
  i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9, _c2, !ctx.enabledButtons));
8882
8945
  i0.ɵɵadvance(4);
8883
8946
  i0.ɵɵproperty("ngIf", ctx.enabledButtons);
8884
- } }, dependencies: [i1$2.NgClass, i1$2.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i4.MatIcon, i13.MatButton, 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%] > .search-buttons[_ngcontent-%COMP%]{position:unset;margin-bottom:10px}[_nghost-%COMP%] > .search-buttons[_ngcontent-%COMP%] .actions-aux[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{padding-right:15px}[_nghost-%COMP%] > .search-buttons[_ngcontent-%COMP%] .actions-aux[_ngcontent-%COMP%] button[_ngcontent-%COMP%]:only-of-type{padding-right:20px!important;padding-left:20px!important}[_nghost-%COMP%] > .modal-filter[_ngcontent-%COMP%]{display:none}[_nghost-%COMP%] > .modal-filter.show[_ngcontent-%COMP%]{display:block}[_nghost-%COMP%] > .modal-filter[_ngcontent-%COMP%] section[_ngcontent-%COMP%]{top:0;right:0;padding:0 40px;position:fixed;width:420px;height:100%;z-index:9999;background-color:var(--ux-cor-P)}[_nghost-%COMP%] > .modal-filter[_ngcontent-%COMP%] section[_ngcontent-%COMP%] .close[_ngcontent-%COMP%]{position:absolute;top:30px;right:30px;font-size:28px;cursor:pointer;opacity:.7;transition:opacity .2s ease-in-out}[_nghost-%COMP%] > .modal-filter[_ngcontent-%COMP%] section[_ngcontent-%COMP%] .close[_ngcontent-%COMP%]:hover{opacity:1}[_nghost-%COMP%] > .modal-filter[_ngcontent-%COMP%] section[_ngcontent-%COMP%] h4[_ngcontent-%COMP%]{font-size:24px;font-weight:500;margin:30px 0}[_nghost-%COMP%] > .modal-filter[_ngcontent-%COMP%] section[_ngcontent-%COMP%] form[_ngcontent-%COMP%]{margin:0 -8px;padding:0;height:calc(100% - 170px);overflow-y:auto}[_nghost-%COMP%] > .modal-filter[_ngcontent-%COMP%] section[_ngcontent-%COMP%] form.expand-area[_ngcontent-%COMP%]{height:calc(100% - 105px)}[_nghost-%COMP%] > .modal-filter[_ngcontent-%COMP%] section[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .row[_ngcontent-%COMP%]{margin-left:0!important;margin-right:0!important}[_nghost-%COMP%] > .modal-filter[_ngcontent-%COMP%] section[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .row[_ngcontent-%COMP%] .mat-radio-group[_ngcontent-%COMP%]{margin-bottom:15px!important}[_nghost-%COMP%] > .modal-filter[_ngcontent-%COMP%] section[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .row[_ngcontent-%COMP%] .mat-radio-group[_ngcontent-%COMP%] .mat-radio-button[_ngcontent-%COMP%]{width:40%;margin-bottom:10px}[_nghost-%COMP%] > .modal-filter[_ngcontent-%COMP%] section[_ngcontent-%COMP%] .buttons[_ngcontent-%COMP%]{position:fixed;right:0;text-align:right;bottom:10px;width:420px;padding:20px 40px 0 0;height:65px}[_nghost-%COMP%] > .modal-filter[_ngcontent-%COMP%] .overlay[_ngcontent-%COMP%]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9998;background:var(--ux-cor-O);transition:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible;opacity:.2}"] });
8947
+ } }, dependencies: [i1$3.NgClass, i1$3.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i4.MatIcon, i13.MatButton, 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%] > .search-buttons[_ngcontent-%COMP%]{position:unset;margin-bottom:10px}[_nghost-%COMP%] > .search-buttons[_ngcontent-%COMP%] .actions-aux[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{padding-right:15px}[_nghost-%COMP%] > .search-buttons[_ngcontent-%COMP%] .actions-aux[_ngcontent-%COMP%] button[_ngcontent-%COMP%]:only-of-type{padding-right:20px!important;padding-left:20px!important}[_nghost-%COMP%] > .modal-filter[_ngcontent-%COMP%]{display:none}[_nghost-%COMP%] > .modal-filter.show[_ngcontent-%COMP%]{display:block}[_nghost-%COMP%] > .modal-filter[_ngcontent-%COMP%] section[_ngcontent-%COMP%]{top:0;right:0;padding:0 40px;position:fixed;width:420px;height:100%;z-index:9999;background-color:var(--ux-cor-P)}[_nghost-%COMP%] > .modal-filter[_ngcontent-%COMP%] section[_ngcontent-%COMP%] .close[_ngcontent-%COMP%]{position:absolute;top:30px;right:30px;font-size:28px;cursor:pointer;opacity:.7;transition:opacity .2s ease-in-out}[_nghost-%COMP%] > .modal-filter[_ngcontent-%COMP%] section[_ngcontent-%COMP%] .close[_ngcontent-%COMP%]:hover{opacity:1}[_nghost-%COMP%] > .modal-filter[_ngcontent-%COMP%] section[_ngcontent-%COMP%] h4[_ngcontent-%COMP%]{font-size:24px;font-weight:500;margin:30px 0}[_nghost-%COMP%] > .modal-filter[_ngcontent-%COMP%] section[_ngcontent-%COMP%] form[_ngcontent-%COMP%]{margin:0 -8px;padding:0;height:calc(100% - 170px);overflow-y:auto}[_nghost-%COMP%] > .modal-filter[_ngcontent-%COMP%] section[_ngcontent-%COMP%] form.expand-area[_ngcontent-%COMP%]{height:calc(100% - 105px)}[_nghost-%COMP%] > .modal-filter[_ngcontent-%COMP%] section[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .row[_ngcontent-%COMP%]{margin-left:0!important;margin-right:0!important}[_nghost-%COMP%] > .modal-filter[_ngcontent-%COMP%] section[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .row[_ngcontent-%COMP%] .mat-radio-group[_ngcontent-%COMP%]{margin-bottom:15px!important}[_nghost-%COMP%] > .modal-filter[_ngcontent-%COMP%] section[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .row[_ngcontent-%COMP%] .mat-radio-group[_ngcontent-%COMP%] .mat-radio-button[_ngcontent-%COMP%]{width:40%;margin-bottom:10px}[_nghost-%COMP%] > .modal-filter[_ngcontent-%COMP%] section[_ngcontent-%COMP%] .buttons[_ngcontent-%COMP%]{position:fixed;right:0;text-align:right;bottom:10px;width:420px;padding:20px 40px 0 0;height:65px}[_nghost-%COMP%] > .modal-filter[_ngcontent-%COMP%] .overlay[_ngcontent-%COMP%]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9998;background:var(--ux-cor-O);transition:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible;opacity:.2}"] });
8885
8948
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoFilterComponent, [{
8886
8949
  type: Component,
8887
8950
  args: [{ selector: 'info-filter', template: "<div class=\"search-buttons\" *ngIf=\"enabledAction\">\r\n <span>\r\n <ng-content select=\"[actions]\"></ng-content>\r\n </span>\r\n \r\n <span class=\"actions-aux\">\r\n <ng-content select=\"[actions-aux]\"></ng-content>\r\n <button mat-button type=\"button\" (click)=\"open()\" [disabled]=\"disabled\" *ngIf=\"buttonAction != ''\">\r\n <mat-icon>{{ buttonActionIcon }}</mat-icon>{{ buttonAction | translate }}\r\n </button>\r\n </span>\r\n</div>\r\n\r\n<div class=\"modal-filter\" [ngClass]=\"{ 'show': opened }\" >\r\n <section>\r\n <mat-icon class=\"close\" (click)=\"close()\">close</mat-icon>\r\n <h4>{{ title | translate }}</h4>\r\n \r\n <form autocomplete=\"off\" #formSearch=\"ngForm\" (ngSubmit)=\"search()\" [ngClass]=\"{ 'expand-area': !enabledButtons }\">\r\n <div class=\"row\">\r\n <ng-content select=\"[fields]\"></ng-content>\r\n </div>\r\n </form>\r\n \r\n <div class=\"buttons\" *ngIf=\"enabledButtons\">\r\n <button mat-button class=\"mat-warn\" type=\"button\" (click)=\"cancel()\" *ngIf=\"buttonCancel && buttonCancel != ''\" >\r\n <mat-icon>close</mat-icon>\r\n {{ buttonCancel | translate}}\r\n </button>\r\n \r\n <button mat-button type=\"button\" (click)=\"search()\" *ngIf=\"buttonFilter && buttonFilter != ''\" >\r\n <mat-icon>filter_alt</mat-icon>\r\n {{ buttonFilter | translate}}\r\n </button>\r\n </div>\r\n </section>\r\n\r\n <div class=\"overlay\" (click)=\"close()\"></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>.search-buttons{position:unset;margin-bottom:10px}:host>.search-buttons .actions-aux button{padding-right:15px}:host>.search-buttons .actions-aux button:only-of-type{padding-right:20px!important;padding-left:20px!important}:host>.modal-filter{display:none}:host>.modal-filter.show{display:block}:host>.modal-filter section{top:0;right:0;padding:0 40px;position:fixed;width:420px;height:100%;z-index:9999;background-color:var(--ux-cor-P)}:host>.modal-filter section .close{position:absolute;top:30px;right:30px;font-size:28px;cursor:pointer;opacity:.7;transition:opacity .2s ease-in-out}:host>.modal-filter section .close:hover{opacity:1}:host>.modal-filter section h4{font-size:24px;font-weight:500;margin:30px 0}:host>.modal-filter section form{margin:0 -8px;padding:0;height:calc(100% - 170px);overflow-y:auto}:host>.modal-filter section form.expand-area{height:calc(100% - 105px)}:host>.modal-filter section form .row{margin-left:0!important;margin-right:0!important}:host>.modal-filter section form .row .mat-radio-group{margin-bottom:15px!important}:host>.modal-filter section form .row .mat-radio-group .mat-radio-button{width:40%;margin-bottom:10px}:host>.modal-filter section .buttons{position:fixed;right:0;text-align:right;bottom:10px;width:420px;padding:20px 40px 0 0;height:65px}:host>.modal-filter .overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9998;background:var(--ux-cor-O);transition:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible;opacity:.2}\n"] }]
@@ -8934,7 +8997,7 @@ class InfoLoadingComponent {
8934
8997
  } if (rf & 2) {
8935
8998
  i0.ɵɵadvance(1);
8936
8999
  i0.ɵɵproperty("ngIf", ctx.enabled);
8937
- } }, dependencies: [i1$2.NgIf, i7.MatProgressBar], styles: [".loading-bar[_ngcontent-%COMP%]{height:1px}.loading-bar[_ngcontent-%COMP%] .mat-progress-bar[_ngcontent-%COMP%]{height:1px;margin:0}"] });
9000
+ } }, dependencies: [i1$3.NgIf, i7.MatProgressBar], styles: [".loading-bar[_ngcontent-%COMP%]{height:1px}.loading-bar[_ngcontent-%COMP%] .mat-progress-bar[_ngcontent-%COMP%]{height:1px;margin:0}"] });
8938
9001
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoLoadingComponent, [{
8939
9002
  type: Component,
8940
9003
  args: [{ selector: 'info-loading', template: `
@@ -9013,6 +9076,7 @@ class InfoLibraryModule {
9013
9076
  InfoMaskPipe,
9014
9077
  InfoMaskDirective,
9015
9078
  InfoUnmaskDirective,
9079
+ InfoSafeHtmlDirective,
9016
9080
  InfoAlertComponent,
9017
9081
  InfoAutoCompleteComponent,
9018
9082
  InfoBigCheckboxComponent,
@@ -9048,6 +9112,7 @@ class InfoLibraryModule {
9048
9112
  exports: [
9049
9113
  InfoTranslatePipe,
9050
9114
  InfoMaskPipe,
9115
+ InfoSafeHtmlDirective,
9051
9116
  InfoAlertComponent,
9052
9117
  InfoAutoCompleteComponent,
9053
9118
  InfoBigCheckboxComponent,
@@ -9090,6 +9155,7 @@ class InfoLibraryModule {
9090
9155
  InfoMaskPipe,
9091
9156
  InfoMaskDirective,
9092
9157
  InfoUnmaskDirective,
9158
+ InfoSafeHtmlDirective,
9093
9159
  InfoAlertComponent,
9094
9160
  InfoAutoCompleteComponent,
9095
9161
  InfoBigCheckboxComponent,
@@ -9144,6 +9210,7 @@ class InfoLibraryModule {
9144
9210
  AngularEditorModule,
9145
9211
  MatChipsModule], exports: [InfoTranslatePipe,
9146
9212
  InfoMaskPipe,
9213
+ InfoSafeHtmlDirective,
9147
9214
  InfoAlertComponent,
9148
9215
  InfoAutoCompleteComponent,
9149
9216
  InfoBigCheckboxComponent,
@@ -9178,5 +9245,5 @@ class InfoLibraryModule {
9178
9245
  * Generated bundle index. Do not edit.
9179
9246
  */
9180
9247
 
9181
- export { APICONTROLLER_CONFIG, DICTIONARIES_CONFIG, InfoAlertComponent, InfoAppConfigModel, InfoAuthenticationService, InfoAutoCompleteComponent, InfoBigCheckboxComponent, InfoCardComponent, InfoCheckboxComponent, InfoChipsComponent, InfoConfigurationService, InfoDataAccessModel, InfoDataService, InfoDateComponent, InfoDateMonthComponent, InfoDialogButtons, InfoDialogComponent, InfoDialogModal, InfoDialogModel, InfoDialogResult, InfoEditorComponent, InfoFilterComponent, InfoFormPropModel, InfoGridButtonModel, InfoGridComponent, InfoGridModalComponent, InfoInputComponent, InfoInputListComponent, InfoLastSearchModel, InfoLibraryModule, InfoListCheckboxComponent, InfoLoadingComponent, InfoLoginModel, InfoMainComponent, InfoMaskPipe, InfoMenuCardComponent, InfoMessageComponent, InfoMethodGridButtonModel, InfoModalAction, InfoModalComponent, InfoMultiSelectComponent, InfoNotificationItemModel, InfoNotificationModel, InfoPageAction, InfoPagebarButtonModel, InfoPagebarComponent, InfoPaginatorComponent, InfoPermissionModel, InfoPlatformModel, InfoSelectComponent, InfoSessionModel, InfoSidebarComponent, InfoThemeService, InfoTimelineComponent, InfoTopMenuComponent, InfoTopbarComponent, InfoTranslatePipe, InfoTranslateService };
9248
+ export { APICONTROLLER_CONFIG, DICTIONARIES_CONFIG, HTML_SANITIZER_CONFIG, InfoAlertComponent, InfoAppConfigModel, InfoAuthenticationService, InfoAutoCompleteComponent, InfoBigCheckboxComponent, InfoCardComponent, InfoCheckboxComponent, InfoChipsComponent, InfoConfigurationService, InfoDataAccessModel, InfoDataService, InfoDateComponent, InfoDateMonthComponent, InfoDialogButtons, InfoDialogComponent, InfoDialogModal, InfoDialogModel, InfoDialogResult, InfoEditorComponent, InfoFilterComponent, InfoFormPropModel, InfoGridButtonModel, InfoGridComponent, InfoGridModalComponent, InfoInputComponent, InfoInputListComponent, InfoLastSearchModel, InfoLibraryModule, InfoListCheckboxComponent, InfoLoadingComponent, InfoLoginModel, InfoMainComponent, InfoMaskPipe, InfoMenuCardComponent, InfoMessageComponent, InfoMethodGridButtonModel, InfoModalAction, InfoModalComponent, InfoMultiSelectComponent, InfoNotificationItemModel, InfoNotificationModel, InfoPageAction, InfoPagebarButtonModel, InfoPagebarComponent, InfoPaginatorComponent, InfoPermissionModel, InfoPlatformModel, InfoSafeHtmlDirective, InfoSelectComponent, InfoSessionModel, InfoSidebarComponent, InfoThemeService, InfoTimelineComponent, InfoTopMenuComponent, InfoTopbarComponent, InfoTranslatePipe, InfoTranslateService };
9182
9249
  //# sourceMappingURL=info-library.mjs.map