ngx-vector-components 1.0.2 → 2.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +18 -0
- package/assets/styles/_primeng-custom-theme.scss +87 -87
- package/assets/styles/_spinner.scss +4 -4
- package/assets/styles/_styles.scss +8 -6
- package/assets/styles/_variables.scss +23 -20
- package/esm2020/lib/components/breadcrumb/breadcrumb.component.mjs +2 -2
- package/esm2020/lib/components/fields/button/button.component.mjs +2 -2
- package/esm2020/lib/components/fields/calendar-field/calendar-field.component.mjs +2 -2
- package/esm2020/lib/components/fields/currency-field/currency-field.component.mjs +2 -2
- package/esm2020/lib/components/fields/data-table/data-table.component.mjs +2 -2
- package/esm2020/lib/components/fields/dropdown-field/dropdown-field.component.mjs +2 -2
- package/esm2020/lib/components/fields/multiselect-field/multiselect-field.component.mjs +2 -2
- package/esm2020/lib/components/fields/percentage-field/percentage-field.component.mjs +2 -2
- package/esm2020/lib/components/fields/radio-button-field/radio-button-field.component.mjs +2 -2
- package/esm2020/lib/components/fields/range-value/range-value.component.mjs +2 -2
- package/esm2020/lib/components/fields/text-field/text-field.component.mjs +2 -2
- package/esm2020/lib/components/generic-error-modal/generic-error-modal.component.mjs +2 -2
- package/esm2020/lib/components/generic-modal/generic-modal.component.mjs +2 -2
- package/esm2020/lib/components/menu/menu.component.mjs +3 -3
- package/esm2020/lib/components/menu/sub-menus-list/sub-menus-list.component.mjs +3 -3
- package/esm2020/lib/components/top-bar/top-bar.component.mjs +2 -2
- package/esm2020/lib/services/auth.service.mjs +3 -3
- package/fesm2015/ngx-vector-components.mjs +34 -34
- package/fesm2015/ngx-vector-components.mjs.map +1 -1
- package/fesm2020/ngx-vector-components.mjs +34 -34
- package/fesm2020/ngx-vector-components.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -113,10 +113,10 @@ class BreadcrumbComponent {
|
|
|
113
113
|
}
|
|
114
114
|
}
|
|
115
115
|
BreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BreadcrumbComponent, deps: [{ token: i2.Router }, { token: 'environment' }, { token: 'menuOptions' }], target: i0.ɵɵFactoryTarget.Component });
|
|
116
|
-
BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: BreadcrumbComponent, selector: "vector-breadcrumb", ngImport: i0, template: "<div class=\"breadcrumb-container\" *ngIf=\"routeFragments?.length\">\r\n <div class=\"route-path\">\r\n <span class=\"app-name\">{{ appName }}</span>\r\n <div *ngIf=\"routeFragments.length < 2\" class=\"chevron\"></div>\r\n <span class=\"route-fragment\" *ngFor=\"let fragment of routeFragments | removeLastChild\"\r\n ><div class=\"chevron\"></div>\r\n {{ fragment }}</span\r\n >\r\n </div>\r\n <span class=\"last-route\">\r\n {{ routeFragments[routeFragments.length - 1] }}\r\n </span>\r\n</div>\r\n", styles: [".breadcrumb-container{display:flex;flex-direction:column;margin-bottom:15px}.breadcrumb-container .route-path{display:flex;flex-direction:row;color
|
|
116
|
+
BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: BreadcrumbComponent, selector: "vector-breadcrumb", ngImport: i0, template: "<div class=\"breadcrumb-container\" *ngIf=\"routeFragments?.length\">\r\n <div class=\"route-path\">\r\n <span class=\"app-name\">{{ appName }}</span>\r\n <div *ngIf=\"routeFragments.length < 2\" class=\"chevron\"></div>\r\n <span class=\"route-fragment\" *ngFor=\"let fragment of routeFragments | removeLastChild\"\r\n ><div class=\"chevron\"></div>\r\n {{ fragment }}</span\r\n >\r\n </div>\r\n <span class=\"last-route\">\r\n {{ routeFragments[routeFragments.length - 1] }}\r\n </span>\r\n</div>\r\n", styles: [":root{--teste: green;--theme-primary: #0046e8;--theme-dark: #3a2b68;--background: #f2f2f7;--font-color: #151515;--disabled-background: #bcbcbc;--placeholder-color: #aaaaaa80;--border-radius: 5px;--theme-primary-transparent: rgba(1, 70, 108, .8);--grey-light: #e5e5ea;--grey-lighter: #eff0f6;--grey-dark: #6e7f88;--error-color: #fd6a6a;--error-color-dark: #ff4136;--error-color-transparent: #fd6a6a1a;--success-color: #11b797;--success-color-dark: #0e8a71;--theme-light: #0145e8;--warning-color: #e9c429;--cancel-color: #ca024f;--form-labels-color: #4e4b66}.breadcrumb-container{display:flex;flex-direction:column;margin-bottom:15px}.breadcrumb-container .route-path{display:flex;flex-direction:row;color:var(--grey-dark)}.breadcrumb-container .app-name,.breadcrumb-container .last-route,.breadcrumb-container .route-path .route-fragment{font-weight:400;letter-spacing:.75px;display:flex;flex-direction:row;align-items:center}.breadcrumb-container .chevron{margin:0 5px;background-image:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2212%22 height%3D%227.4%22 viewBox%3D%220 0 12 7.4%22%3E%0D %3Cpath id%3D%22Caminho_1437%22 data-name%3D%22Caminho 1437%22 d%3D%22M1526.175%2C366.14l4.6%2C4.6%2C4.6-4.6%2C1.4%2C1.4-6%2C6-6-6Z%22 transform%3D%22translate(-1524.775 -366.14)%22 fill%3D%22%23333%22%2F%3E%0D%3C%2Fsvg%3E%0D\");background-repeat:no-repeat;background-position:center;transform:rotate(-90deg);width:20px;height:20px;filter:invert(53%) sepia(13%) saturate(450%) hue-rotate(156deg) brightness(89%) contrast(85%)}.breadcrumb-container .last-route{font-size:1.5em;color:var(--success-color)}\n"], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "removeLastChild": RemoveLastChildPipe } });
|
|
117
117
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BreadcrumbComponent, decorators: [{
|
|
118
118
|
type: Component,
|
|
119
|
-
args: [{ selector: 'vector-breadcrumb', template: "<div class=\"breadcrumb-container\" *ngIf=\"routeFragments?.length\">\r\n <div class=\"route-path\">\r\n <span class=\"app-name\">{{ appName }}</span>\r\n <div *ngIf=\"routeFragments.length < 2\" class=\"chevron\"></div>\r\n <span class=\"route-fragment\" *ngFor=\"let fragment of routeFragments | removeLastChild\"\r\n ><div class=\"chevron\"></div>\r\n {{ fragment }}</span\r\n >\r\n </div>\r\n <span class=\"last-route\">\r\n {{ routeFragments[routeFragments.length - 1] }}\r\n </span>\r\n</div>\r\n", styles: [".breadcrumb-container{display:flex;flex-direction:column;margin-bottom:15px}.breadcrumb-container .route-path{display:flex;flex-direction:row;color
|
|
119
|
+
args: [{ selector: 'vector-breadcrumb', template: "<div class=\"breadcrumb-container\" *ngIf=\"routeFragments?.length\">\r\n <div class=\"route-path\">\r\n <span class=\"app-name\">{{ appName }}</span>\r\n <div *ngIf=\"routeFragments.length < 2\" class=\"chevron\"></div>\r\n <span class=\"route-fragment\" *ngFor=\"let fragment of routeFragments | removeLastChild\"\r\n ><div class=\"chevron\"></div>\r\n {{ fragment }}</span\r\n >\r\n </div>\r\n <span class=\"last-route\">\r\n {{ routeFragments[routeFragments.length - 1] }}\r\n </span>\r\n</div>\r\n", styles: [":root{--teste: green;--theme-primary: #0046e8;--theme-dark: #3a2b68;--background: #f2f2f7;--font-color: #151515;--disabled-background: #bcbcbc;--placeholder-color: #aaaaaa80;--border-radius: 5px;--theme-primary-transparent: rgba(1, 70, 108, .8);--grey-light: #e5e5ea;--grey-lighter: #eff0f6;--grey-dark: #6e7f88;--error-color: #fd6a6a;--error-color-dark: #ff4136;--error-color-transparent: #fd6a6a1a;--success-color: #11b797;--success-color-dark: #0e8a71;--theme-light: #0145e8;--warning-color: #e9c429;--cancel-color: #ca024f;--form-labels-color: #4e4b66}.breadcrumb-container{display:flex;flex-direction:column;margin-bottom:15px}.breadcrumb-container .route-path{display:flex;flex-direction:row;color:var(--grey-dark)}.breadcrumb-container .app-name,.breadcrumb-container .last-route,.breadcrumb-container .route-path .route-fragment{font-weight:400;letter-spacing:.75px;display:flex;flex-direction:row;align-items:center}.breadcrumb-container .chevron{margin:0 5px;background-image:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2212%22 height%3D%227.4%22 viewBox%3D%220 0 12 7.4%22%3E%0D %3Cpath id%3D%22Caminho_1437%22 data-name%3D%22Caminho 1437%22 d%3D%22M1526.175%2C366.14l4.6%2C4.6%2C4.6-4.6%2C1.4%2C1.4-6%2C6-6-6Z%22 transform%3D%22translate(-1524.775 -366.14)%22 fill%3D%22%23333%22%2F%3E%0D%3C%2Fsvg%3E%0D\");background-repeat:no-repeat;background-position:center;transform:rotate(-90deg);width:20px;height:20px;filter:invert(53%) sepia(13%) saturate(450%) hue-rotate(156deg) brightness(89%) contrast(85%)}.breadcrumb-container .last-route{font-size:1.5em;color:var(--success-color)}\n"] }]
|
|
120
120
|
}], ctorParameters: function () {
|
|
121
121
|
return [{ type: i2.Router }, { type: undefined, decorators: [{
|
|
122
122
|
type: Inject,
|
|
@@ -252,10 +252,10 @@ class ButtonComponent {
|
|
|
252
252
|
}
|
|
253
253
|
}
|
|
254
254
|
ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
255
|
-
ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: ButtonComponent, selector: "vector-button", inputs: { disabled: "disabled", label: "label", type: "type", leftIcon: "leftIcon", noShadow: "noShadow" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<button\r\n pButton\r\n class=\"button shadow-3\"\r\n type=\"button\"\r\n [ngClass]=\"styleClass\"\r\n [label]=\"label\"\r\n [disabled]=\"disabled\"\r\n [icon]=\"leftIcon\"\r\n (click)=\"onClick?.emit($event)\"\r\n></button>\r\n", styles: [".button{width:100%;border-width:2px;border-radius:
|
|
255
|
+
ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: ButtonComponent, selector: "vector-button", inputs: { disabled: "disabled", label: "label", type: "type", leftIcon: "leftIcon", noShadow: "noShadow" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<button\r\n pButton\r\n class=\"button shadow-3\"\r\n type=\"button\"\r\n [ngClass]=\"styleClass\"\r\n [label]=\"label\"\r\n [disabled]=\"disabled\"\r\n [icon]=\"leftIcon\"\r\n (click)=\"onClick?.emit($event)\"\r\n></button>\r\n", styles: [":root{--teste: green;--theme-primary: #0046e8;--theme-dark: #3a2b68;--background: #f2f2f7;--font-color: #151515;--disabled-background: #bcbcbc;--placeholder-color: #aaaaaa80;--border-radius: 5px;--theme-primary-transparent: rgba(1, 70, 108, .8);--grey-light: #e5e5ea;--grey-lighter: #eff0f6;--grey-dark: #6e7f88;--error-color: #fd6a6a;--error-color-dark: #ff4136;--error-color-transparent: #fd6a6a1a;--success-color: #11b797;--success-color-dark: #0e8a71;--theme-light: #0145e8;--warning-color: #e9c429;--cancel-color: #ca024f;--form-labels-color: #4e4b66}.button{width:100%;border-width:2px;border-radius:var(--border-radius);background-color:var(--theme-dark);border-color:var(--theme-dark);color:#fff;box-shadow:0 5px 5px #0046e880}.button:hover:not(:disabled){background-color:#003049;border-color:#003049}.button:focus{box-shadow:none}.button:disabled{cursor:not-allowed}.no-shadow{box-shadow:none}.default{background-color:#fff;border-color:var(--theme-dark);color:var(--theme-dark)}.default:hover:not(:disabled){background-color:var(--theme-dark);border-color:var(--theme-dark);color:#fff}.default-filled{background-color:var(--theme-primary);border-color:var(--theme-primary);color:#fff}.default-filled:hover:not(:disabled){background-color:var(--theme-dark);border-color:var(--theme-dark)}.cancel{background-color:#fff;border-color:var(--error-color);color:var(--error-color)}.cancel:hover:not(:disabled){background-color:var(--error-color-dark);border-color:var(--error-color-dark);color:#fff}.cancel-filled{background-color:var(--error-color);border-color:var(--error-color);color:#fff}.cancel-filled:hover:not(:disabled){background-color:var(--error-color-dark);border-color:var(--error-color-dark)}.success{background-color:var(--success-color);border-color:var(--success-color)}.success:hover:not(:disabled){background-color:var(--success-color-dark);border-color:var(--success-color-dark)}.success-outlined{background-color:#fff;border-color:var(--success-color);color:var(--success-color)}.success-outlined:hover:not(:disabled){background-color:var(--success-color-dark);border-color:var(--success-color-dark)}\n"], directives: [{ type: i1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
256
256
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
257
257
|
type: Component,
|
|
258
|
-
args: [{ selector: 'vector-button', template: "<button\r\n pButton\r\n class=\"button shadow-3\"\r\n type=\"button\"\r\n [ngClass]=\"styleClass\"\r\n [label]=\"label\"\r\n [disabled]=\"disabled\"\r\n [icon]=\"leftIcon\"\r\n (click)=\"onClick?.emit($event)\"\r\n></button>\r\n", styles: [".button{width:100%;border-width:2px;border-radius:
|
|
258
|
+
args: [{ selector: 'vector-button', template: "<button\r\n pButton\r\n class=\"button shadow-3\"\r\n type=\"button\"\r\n [ngClass]=\"styleClass\"\r\n [label]=\"label\"\r\n [disabled]=\"disabled\"\r\n [icon]=\"leftIcon\"\r\n (click)=\"onClick?.emit($event)\"\r\n></button>\r\n", styles: [":root{--teste: green;--theme-primary: #0046e8;--theme-dark: #3a2b68;--background: #f2f2f7;--font-color: #151515;--disabled-background: #bcbcbc;--placeholder-color: #aaaaaa80;--border-radius: 5px;--theme-primary-transparent: rgba(1, 70, 108, .8);--grey-light: #e5e5ea;--grey-lighter: #eff0f6;--grey-dark: #6e7f88;--error-color: #fd6a6a;--error-color-dark: #ff4136;--error-color-transparent: #fd6a6a1a;--success-color: #11b797;--success-color-dark: #0e8a71;--theme-light: #0145e8;--warning-color: #e9c429;--cancel-color: #ca024f;--form-labels-color: #4e4b66}.button{width:100%;border-width:2px;border-radius:var(--border-radius);background-color:var(--theme-dark);border-color:var(--theme-dark);color:#fff;box-shadow:0 5px 5px #0046e880}.button:hover:not(:disabled){background-color:#003049;border-color:#003049}.button:focus{box-shadow:none}.button:disabled{cursor:not-allowed}.no-shadow{box-shadow:none}.default{background-color:#fff;border-color:var(--theme-dark);color:var(--theme-dark)}.default:hover:not(:disabled){background-color:var(--theme-dark);border-color:var(--theme-dark);color:#fff}.default-filled{background-color:var(--theme-primary);border-color:var(--theme-primary);color:#fff}.default-filled:hover:not(:disabled){background-color:var(--theme-dark);border-color:var(--theme-dark)}.cancel{background-color:#fff;border-color:var(--error-color);color:var(--error-color)}.cancel:hover:not(:disabled){background-color:var(--error-color-dark);border-color:var(--error-color-dark);color:#fff}.cancel-filled{background-color:var(--error-color);border-color:var(--error-color);color:#fff}.cancel-filled:hover:not(:disabled){background-color:var(--error-color-dark);border-color:var(--error-color-dark)}.success{background-color:var(--success-color);border-color:var(--success-color)}.success:hover:not(:disabled){background-color:var(--success-color-dark);border-color:var(--success-color-dark)}.success-outlined{background-color:#fff;border-color:var(--success-color);color:var(--success-color)}.success-outlined:hover:not(:disabled){background-color:var(--success-color-dark);border-color:var(--success-color-dark)}\n"] }]
|
|
259
259
|
}], propDecorators: { disabled: [{
|
|
260
260
|
type: Input
|
|
261
261
|
}], label: [{
|
|
@@ -329,7 +329,7 @@ class AuthService {
|
|
|
329
329
|
this.baseUrl = 'Auth';
|
|
330
330
|
}
|
|
331
331
|
getTokenByGuid(tokenGuid) {
|
|
332
|
-
return this.http.get(
|
|
332
|
+
return this.http.get(`api/${this.baseUrl}/TemporaryAccessToken/${tokenGuid}`).pipe(tap((response) => {
|
|
333
333
|
this.storageService.setToken(response.accessToken);
|
|
334
334
|
this.storageService.setUsername(response.userName);
|
|
335
335
|
this.storageService.setRefreshToken(response.refreshToken);
|
|
@@ -351,7 +351,7 @@ class AuthService {
|
|
|
351
351
|
}
|
|
352
352
|
generateTokenGuid() {
|
|
353
353
|
return this.http
|
|
354
|
-
.post(
|
|
354
|
+
.post(`api/${this.baseUrl}/TemporaryAccessToken/generate`, {
|
|
355
355
|
RefreshToken: this.storageService.getRefreshToken(),
|
|
356
356
|
})
|
|
357
357
|
.pipe(map((response) => (response === null || response === void 0 ? void 0 : response.accessToken) || ''));
|
|
@@ -932,10 +932,10 @@ class CalendarComponent {
|
|
|
932
932
|
}
|
|
933
933
|
}
|
|
934
934
|
CalendarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CalendarComponent, deps: [{ token: ModalService }], target: i0.ɵɵFactoryTarget.Component });
|
|
935
|
-
CalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: CalendarComponent, selector: "vector-calendar-field", inputs: { isRequired: "isRequired", control: "control", label: "label", showCalendarOnFocus: "showCalendarOnFocus", min: "min", max: "max", disabledDates: "disabledDates", disabled: "disabled", defaultDate: "defaultDate" }, ngImport: i0, template: "<div class=\"input-container\">\r\n <p-calendar\r\n appendTo=\"body\"\r\n [formControl]=\"control\"\r\n [showOnFocus]=\"showCalendarOnFocus\"\r\n [minDate]=\"min\"\r\n [maxDate]=\"max\"\r\n icon=\"fas fa-calendar-day\"\r\n [showIcon]=\"true\"\r\n [disabledDates]=\"disabledDates\"\r\n [readonlyInput]=\"false\"\r\n (onShow)=\"onShowCalendar()\"\r\n (onClose)=\"onHideCalendar()\"\r\n [disabled]=\"disabled\"\r\n [defaultDate]=\"defaultDate\"\r\n ></p-calendar>\r\n</div>\r\n", styles: [".input-container input{transition:border-width ease-in-out .08s;border:1px solid rgba(0,0,0,.6);width:100%;padding:6px 30px 6px 12px;font-size:14px;line-height:1.5em;border-radius:
|
|
935
|
+
CalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: CalendarComponent, selector: "vector-calendar-field", inputs: { isRequired: "isRequired", control: "control", label: "label", showCalendarOnFocus: "showCalendarOnFocus", min: "min", max: "max", disabledDates: "disabledDates", disabled: "disabled", defaultDate: "defaultDate" }, ngImport: i0, template: "<div class=\"input-container\">\r\n <p-calendar\r\n appendTo=\"body\"\r\n [formControl]=\"control\"\r\n [showOnFocus]=\"showCalendarOnFocus\"\r\n [minDate]=\"min\"\r\n [maxDate]=\"max\"\r\n icon=\"fas fa-calendar-day\"\r\n [showIcon]=\"true\"\r\n [disabledDates]=\"disabledDates\"\r\n [readonlyInput]=\"false\"\r\n (onShow)=\"onShowCalendar()\"\r\n (onClose)=\"onHideCalendar()\"\r\n [disabled]=\"disabled\"\r\n [defaultDate]=\"defaultDate\"\r\n ></p-calendar>\r\n</div>\r\n", styles: [":root{--teste: green;--theme-primary: #0046e8;--theme-dark: #3a2b68;--background: #f2f2f7;--font-color: #151515;--disabled-background: #bcbcbc;--placeholder-color: #aaaaaa80;--border-radius: 5px;--theme-primary-transparent: rgba(1, 70, 108, .8);--grey-light: #e5e5ea;--grey-lighter: #eff0f6;--grey-dark: #6e7f88;--error-color: #fd6a6a;--error-color-dark: #ff4136;--error-color-transparent: #fd6a6a1a;--success-color: #11b797;--success-color-dark: #0e8a71;--theme-light: #0145e8;--warning-color: #e9c429;--cancel-color: #ca024f;--form-labels-color: #4e4b66}.input-container input{transition:border-width ease-in-out .08s;border:1px solid rgba(0,0,0,.6);width:100%;padding:6px 30px 6px 12px;font-size:14px;line-height:1.5em;border-radius:var(--border-radius);height:40px}.input-container input:disabled{cursor:not-allowed;background-color:var(--disabled-background);opacity:1}.input-container input:focus{outline:0;box-shadow:none;border-width:2px}.input-container input::placeholder{color:var(--placeholder-color);font-size:12px}.input-container input.ng-touched.ng-invalid{border-color:var(--error-color)!important}.input-container .input-error{font-size:.7em;color:var(--error-color)}\n"], components: [{ type: i2$2.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "view", "defaultDate", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }], directives: [{ type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
936
936
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CalendarComponent, decorators: [{
|
|
937
937
|
type: Component,
|
|
938
|
-
args: [{ selector: 'vector-calendar-field', template: "<div class=\"input-container\">\r\n <p-calendar\r\n appendTo=\"body\"\r\n [formControl]=\"control\"\r\n [showOnFocus]=\"showCalendarOnFocus\"\r\n [minDate]=\"min\"\r\n [maxDate]=\"max\"\r\n icon=\"fas fa-calendar-day\"\r\n [showIcon]=\"true\"\r\n [disabledDates]=\"disabledDates\"\r\n [readonlyInput]=\"false\"\r\n (onShow)=\"onShowCalendar()\"\r\n (onClose)=\"onHideCalendar()\"\r\n [disabled]=\"disabled\"\r\n [defaultDate]=\"defaultDate\"\r\n ></p-calendar>\r\n</div>\r\n", styles: [".input-container input{transition:border-width ease-in-out .08s;border:1px solid rgba(0,0,0,.6);width:100%;padding:6px 30px 6px 12px;font-size:14px;line-height:1.5em;border-radius:
|
|
938
|
+
args: [{ selector: 'vector-calendar-field', template: "<div class=\"input-container\">\r\n <p-calendar\r\n appendTo=\"body\"\r\n [formControl]=\"control\"\r\n [showOnFocus]=\"showCalendarOnFocus\"\r\n [minDate]=\"min\"\r\n [maxDate]=\"max\"\r\n icon=\"fas fa-calendar-day\"\r\n [showIcon]=\"true\"\r\n [disabledDates]=\"disabledDates\"\r\n [readonlyInput]=\"false\"\r\n (onShow)=\"onShowCalendar()\"\r\n (onClose)=\"onHideCalendar()\"\r\n [disabled]=\"disabled\"\r\n [defaultDate]=\"defaultDate\"\r\n ></p-calendar>\r\n</div>\r\n", styles: [":root{--teste: green;--theme-primary: #0046e8;--theme-dark: #3a2b68;--background: #f2f2f7;--font-color: #151515;--disabled-background: #bcbcbc;--placeholder-color: #aaaaaa80;--border-radius: 5px;--theme-primary-transparent: rgba(1, 70, 108, .8);--grey-light: #e5e5ea;--grey-lighter: #eff0f6;--grey-dark: #6e7f88;--error-color: #fd6a6a;--error-color-dark: #ff4136;--error-color-transparent: #fd6a6a1a;--success-color: #11b797;--success-color-dark: #0e8a71;--theme-light: #0145e8;--warning-color: #e9c429;--cancel-color: #ca024f;--form-labels-color: #4e4b66}.input-container input{transition:border-width ease-in-out .08s;border:1px solid rgba(0,0,0,.6);width:100%;padding:6px 30px 6px 12px;font-size:14px;line-height:1.5em;border-radius:var(--border-radius);height:40px}.input-container input:disabled{cursor:not-allowed;background-color:var(--disabled-background);opacity:1}.input-container input:focus{outline:0;box-shadow:none;border-width:2px}.input-container input::placeholder{color:var(--placeholder-color);font-size:12px}.input-container input.ng-touched.ng-invalid{border-color:var(--error-color)!important}.input-container .input-error{font-size:.7em;color:var(--error-color)}\n"] }]
|
|
939
939
|
}], ctorParameters: function () { return [{ type: ModalService }]; }, propDecorators: { isRequired: [{
|
|
940
940
|
type: Input
|
|
941
941
|
}], control: [{
|
|
@@ -1309,10 +1309,10 @@ class CurrencyFieldComponent {
|
|
|
1309
1309
|
}
|
|
1310
1310
|
}
|
|
1311
1311
|
CurrencyFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CurrencyFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1312
|
-
CurrencyFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: CurrencyFieldComponent, selector: "vector-currency-field", inputs: { minValue: "minValue", maxValue: "maxValue", placeholder: "placeholder", control: "control", outlined: "outlined" }, ngImport: i0, template: "<div [ngClass]=\"{ 'input-container': outlined, 'value-input-container': !outlined }\">\r\n <span *ngIf=\"!outlined\">R$ </span>\r\n <div class=\"value-input\">\r\n <p-inputNumber\r\n class=\"currency-input\"\r\n [ngClass]=\"{outlined}\"\r\n [formControl]=\"control\"\r\n mode=\"decimal\"\r\n [minFractionDigits]=\"2\"\r\n [maxFractionDigits]=\"2\"\r\n [max]=\"999999999\"\r\n [prefix]=\"outlined ? 'R$ ' : ''\"\r\n (click)=\"focusLastIndex($event)\"\r\n (onKeyDown)=\"inputNextChar($event)\"\r\n ></p-inputNumber>\r\n </div>\r\n</div>\r\n", styles: [".value-input-container{display:flex;flex-direction:row;align-items:center;padding:5px 20px}.value-input-container span{font-size:2em;font-weight:700;color
|
|
1312
|
+
CurrencyFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: CurrencyFieldComponent, selector: "vector-currency-field", inputs: { minValue: "minValue", maxValue: "maxValue", placeholder: "placeholder", control: "control", outlined: "outlined" }, ngImport: i0, template: "<div [ngClass]=\"{ 'input-container': outlined, 'value-input-container': !outlined }\">\r\n <span *ngIf=\"!outlined\">R$ </span>\r\n <div class=\"value-input\">\r\n <p-inputNumber\r\n class=\"currency-input\"\r\n [ngClass]=\"{outlined}\"\r\n [formControl]=\"control\"\r\n mode=\"decimal\"\r\n [minFractionDigits]=\"2\"\r\n [maxFractionDigits]=\"2\"\r\n [max]=\"999999999\"\r\n [prefix]=\"outlined ? 'R$ ' : ''\"\r\n (click)=\"focusLastIndex($event)\"\r\n (onKeyDown)=\"inputNextChar($event)\"\r\n ></p-inputNumber>\r\n </div>\r\n</div>\r\n", styles: [":root{--teste: green;--theme-primary: #0046e8;--theme-dark: #3a2b68;--background: #f2f2f7;--font-color: #151515;--disabled-background: #bcbcbc;--placeholder-color: #aaaaaa80;--border-radius: 5px;--theme-primary-transparent: rgba(1, 70, 108, .8);--grey-light: #e5e5ea;--grey-lighter: #eff0f6;--grey-dark: #6e7f88;--error-color: #fd6a6a;--error-color-dark: #ff4136;--error-color-transparent: #fd6a6a1a;--success-color: #11b797;--success-color-dark: #0e8a71;--theme-light: #0145e8;--warning-color: #e9c429;--cancel-color: #ca024f;--form-labels-color: #4e4b66}.value-input-container{display:flex;flex-direction:row;align-items:center;padding:5px 20px}.value-input-container span{font-size:2em;font-weight:700;color:var(--theme-dark)}.value-input-container .value-input{margin:0 4px;flex:1}\n"], components: [{ type: i1$5.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
1313
1313
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CurrencyFieldComponent, decorators: [{
|
|
1314
1314
|
type: Component,
|
|
1315
|
-
args: [{ selector: 'vector-currency-field', template: "<div [ngClass]=\"{ 'input-container': outlined, 'value-input-container': !outlined }\">\r\n <span *ngIf=\"!outlined\">R$ </span>\r\n <div class=\"value-input\">\r\n <p-inputNumber\r\n class=\"currency-input\"\r\n [ngClass]=\"{outlined}\"\r\n [formControl]=\"control\"\r\n mode=\"decimal\"\r\n [minFractionDigits]=\"2\"\r\n [maxFractionDigits]=\"2\"\r\n [max]=\"999999999\"\r\n [prefix]=\"outlined ? 'R$ ' : ''\"\r\n (click)=\"focusLastIndex($event)\"\r\n (onKeyDown)=\"inputNextChar($event)\"\r\n ></p-inputNumber>\r\n </div>\r\n</div>\r\n", styles: [".value-input-container{display:flex;flex-direction:row;align-items:center;padding:5px 20px}.value-input-container span{font-size:2em;font-weight:700;color
|
|
1315
|
+
args: [{ selector: 'vector-currency-field', template: "<div [ngClass]=\"{ 'input-container': outlined, 'value-input-container': !outlined }\">\r\n <span *ngIf=\"!outlined\">R$ </span>\r\n <div class=\"value-input\">\r\n <p-inputNumber\r\n class=\"currency-input\"\r\n [ngClass]=\"{outlined}\"\r\n [formControl]=\"control\"\r\n mode=\"decimal\"\r\n [minFractionDigits]=\"2\"\r\n [maxFractionDigits]=\"2\"\r\n [max]=\"999999999\"\r\n [prefix]=\"outlined ? 'R$ ' : ''\"\r\n (click)=\"focusLastIndex($event)\"\r\n (onKeyDown)=\"inputNextChar($event)\"\r\n ></p-inputNumber>\r\n </div>\r\n</div>\r\n", styles: [":root{--teste: green;--theme-primary: #0046e8;--theme-dark: #3a2b68;--background: #f2f2f7;--font-color: #151515;--disabled-background: #bcbcbc;--placeholder-color: #aaaaaa80;--border-radius: 5px;--theme-primary-transparent: rgba(1, 70, 108, .8);--grey-light: #e5e5ea;--grey-lighter: #eff0f6;--grey-dark: #6e7f88;--error-color: #fd6a6a;--error-color-dark: #ff4136;--error-color-transparent: #fd6a6a1a;--success-color: #11b797;--success-color-dark: #0e8a71;--theme-light: #0145e8;--warning-color: #e9c429;--cancel-color: #ca024f;--form-labels-color: #4e4b66}.value-input-container{display:flex;flex-direction:row;align-items:center;padding:5px 20px}.value-input-container span{font-size:2em;font-weight:700;color:var(--theme-dark)}.value-input-container .value-input{margin:0 4px;flex:1}\n"] }]
|
|
1316
1316
|
}], propDecorators: { minValue: [{
|
|
1317
1317
|
type: Input
|
|
1318
1318
|
}], maxValue: [{
|
|
@@ -1484,10 +1484,10 @@ class TextFieldComponent {
|
|
|
1484
1484
|
}
|
|
1485
1485
|
}
|
|
1486
1486
|
TextFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TextFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1487
|
-
TextFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: TextFieldComponent, selector: "vector-text-field", inputs: { isRequired: "isRequired", label: "label", maxlength: "maxlength", isPassword: "isPassword", numeric: "numeric", onlyText: "onlyText", mask: "mask", autoClear: "autoClear", rightIcon: "rightIcon", centered: "centered", enableDocumentTypeChoice: "enableDocumentTypeChoice", control: "control" }, outputs: { blurEvent: "blurEvent", enterKeyPress: "enterKeyPress", focusEvent: "focusEvent", onDocumentTypeChange: "onDocumentTypeChange" }, ngImport: i0, template: "<form class=\"input-container p-input-icon-right\">\r\n <i *ngIf=\"rightIcon\" [class]=\"rightIcon\"></i>\r\n <i *ngIf=\"isPassword\" class=\"show-password-icon {{ showPasswordIcon }}\" (click)=\"toggleShowPassword()\"></i>\r\n <div class=\"p-inputgroup\">\r\n <vector-button\r\n *ngIf=\"enableDocumentTypeChoice\"\r\n leftIcon=\"fas fa-exchange-alt\"\r\n type=\"success\"\r\n [label]=\"selectedDocumentType.name\"\r\n [disabled]=\"control.disabled\"\r\n [noShadow]=\"true\"\r\n (onClick)=\"handleDocumentTypeChange()\"\r\n ></vector-button>\r\n\r\n <input\r\n *ngIf=\"!mask\"\r\n pInputText\r\n type=\"text\"\r\n [formControl]=\"control\"\r\n [attr.maxlength]=\"maxlength\"\r\n [placeholder]=\"placeholder\"\r\n [pValidateOnly]=\"validateOnly\"\r\n [pKeyFilter]=\"keyfilter\"\r\n [ngClass]=\"{ 'password-field': isPassword && !isPasswordVisible, 'text-centered': centered }\"\r\n (onBlur)=\"onBlur()\"\r\n (keydown.enter)=\"onEnterPress()\"\r\n (click)=\"onFocus($event)\"\r\n />\r\n <p-inputMask\r\n *ngIf=\"mask\"\r\n type=\"text\"\r\n [formControl]=\"control\"\r\n [mask]=\"mask\"\r\n [placeholder]=\"placeholder\"\r\n (onBlur)=\"onBlur()\"\r\n (keydown.enter)=\"onEnterPress()\"\r\n [autoClear]=\"autoClear\"\r\n [unmask]=\"true\"\r\n [styleClass]=\"centered ? 'text-centered' : ''\"\r\n slotChar=\"_\"\r\n (click)=\"onFocus($event)\"\r\n ></p-inputMask>\r\n </div>\r\n <!-- <span class=\"input-error\">{{ fieldErrorLabel() }}</span> -->\r\n</form>\r\n", styles: [".input-container{width:100%}.input-container .password-field{-webkit-text-security:disc}.input-container .input-error{font-size:.7em;color
|
|
1487
|
+
TextFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: TextFieldComponent, selector: "vector-text-field", inputs: { isRequired: "isRequired", label: "label", maxlength: "maxlength", isPassword: "isPassword", numeric: "numeric", onlyText: "onlyText", mask: "mask", autoClear: "autoClear", rightIcon: "rightIcon", centered: "centered", enableDocumentTypeChoice: "enableDocumentTypeChoice", control: "control" }, outputs: { blurEvent: "blurEvent", enterKeyPress: "enterKeyPress", focusEvent: "focusEvent", onDocumentTypeChange: "onDocumentTypeChange" }, ngImport: i0, template: "<form class=\"input-container p-input-icon-right\">\r\n <i *ngIf=\"rightIcon\" [class]=\"rightIcon\"></i>\r\n <i *ngIf=\"isPassword\" class=\"show-password-icon {{ showPasswordIcon }}\" (click)=\"toggleShowPassword()\"></i>\r\n <div class=\"p-inputgroup\">\r\n <vector-button\r\n *ngIf=\"enableDocumentTypeChoice\"\r\n leftIcon=\"fas fa-exchange-alt\"\r\n type=\"success\"\r\n [label]=\"selectedDocumentType.name\"\r\n [disabled]=\"control.disabled\"\r\n [noShadow]=\"true\"\r\n (onClick)=\"handleDocumentTypeChange()\"\r\n ></vector-button>\r\n\r\n <input\r\n *ngIf=\"!mask\"\r\n pInputText\r\n type=\"text\"\r\n [formControl]=\"control\"\r\n [attr.maxlength]=\"maxlength\"\r\n [placeholder]=\"placeholder\"\r\n [pValidateOnly]=\"validateOnly\"\r\n [pKeyFilter]=\"keyfilter\"\r\n [ngClass]=\"{ 'password-field': isPassword && !isPasswordVisible, 'text-centered': centered }\"\r\n (onBlur)=\"onBlur()\"\r\n (keydown.enter)=\"onEnterPress()\"\r\n (click)=\"onFocus($event)\"\r\n />\r\n <p-inputMask\r\n *ngIf=\"mask\"\r\n type=\"text\"\r\n [formControl]=\"control\"\r\n [mask]=\"mask\"\r\n [placeholder]=\"placeholder\"\r\n (onBlur)=\"onBlur()\"\r\n (keydown.enter)=\"onEnterPress()\"\r\n [autoClear]=\"autoClear\"\r\n [unmask]=\"true\"\r\n [styleClass]=\"centered ? 'text-centered' : ''\"\r\n slotChar=\"_\"\r\n (click)=\"onFocus($event)\"\r\n ></p-inputMask>\r\n </div>\r\n <!-- <span class=\"input-error\">{{ fieldErrorLabel() }}</span> -->\r\n</form>\r\n", styles: [":root{--teste: green;--theme-primary: #0046e8;--theme-dark: #3a2b68;--background: #f2f2f7;--font-color: #151515;--disabled-background: #bcbcbc;--placeholder-color: #aaaaaa80;--border-radius: 5px;--theme-primary-transparent: rgba(1, 70, 108, .8);--grey-light: #e5e5ea;--grey-lighter: #eff0f6;--grey-dark: #6e7f88;--error-color: #fd6a6a;--error-color-dark: #ff4136;--error-color-transparent: #fd6a6a1a;--success-color: #11b797;--success-color-dark: #0e8a71;--theme-light: #0145e8;--warning-color: #e9c429;--cancel-color: #ca024f;--form-labels-color: #4e4b66}.input-container{width:100%}.input-container .password-field{-webkit-text-security:disc}.input-container .input-error{font-size:.7em;color:var(--error-color)}.input-container .show-password-icon{font-size:1.4em;margin-right:5px;cursor:pointer}\n"], components: [{ type: ButtonComponent, selector: "vector-button", inputs: ["disabled", "label", "type", "leftIcon", "noShadow"], outputs: ["onClick"] }, { type: i2$3.InputMask, selector: "p-inputMask", inputs: ["type", "slotChar", "autoClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabel", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autoFocus", "autocomplete", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown"] }], directives: [{ type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i5.InputText, selector: "[pInputText]" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { type: i6.KeyFilter, selector: "[pKeyFilter]", inputs: ["pValidateOnly", "pKeyFilter"], outputs: ["ngModelChange"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
1488
1488
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TextFieldComponent, decorators: [{
|
|
1489
1489
|
type: Component,
|
|
1490
|
-
args: [{ selector: 'vector-text-field', template: "<form class=\"input-container p-input-icon-right\">\r\n <i *ngIf=\"rightIcon\" [class]=\"rightIcon\"></i>\r\n <i *ngIf=\"isPassword\" class=\"show-password-icon {{ showPasswordIcon }}\" (click)=\"toggleShowPassword()\"></i>\r\n <div class=\"p-inputgroup\">\r\n <vector-button\r\n *ngIf=\"enableDocumentTypeChoice\"\r\n leftIcon=\"fas fa-exchange-alt\"\r\n type=\"success\"\r\n [label]=\"selectedDocumentType.name\"\r\n [disabled]=\"control.disabled\"\r\n [noShadow]=\"true\"\r\n (onClick)=\"handleDocumentTypeChange()\"\r\n ></vector-button>\r\n\r\n <input\r\n *ngIf=\"!mask\"\r\n pInputText\r\n type=\"text\"\r\n [formControl]=\"control\"\r\n [attr.maxlength]=\"maxlength\"\r\n [placeholder]=\"placeholder\"\r\n [pValidateOnly]=\"validateOnly\"\r\n [pKeyFilter]=\"keyfilter\"\r\n [ngClass]=\"{ 'password-field': isPassword && !isPasswordVisible, 'text-centered': centered }\"\r\n (onBlur)=\"onBlur()\"\r\n (keydown.enter)=\"onEnterPress()\"\r\n (click)=\"onFocus($event)\"\r\n />\r\n <p-inputMask\r\n *ngIf=\"mask\"\r\n type=\"text\"\r\n [formControl]=\"control\"\r\n [mask]=\"mask\"\r\n [placeholder]=\"placeholder\"\r\n (onBlur)=\"onBlur()\"\r\n (keydown.enter)=\"onEnterPress()\"\r\n [autoClear]=\"autoClear\"\r\n [unmask]=\"true\"\r\n [styleClass]=\"centered ? 'text-centered' : ''\"\r\n slotChar=\"_\"\r\n (click)=\"onFocus($event)\"\r\n ></p-inputMask>\r\n </div>\r\n <!-- <span class=\"input-error\">{{ fieldErrorLabel() }}</span> -->\r\n</form>\r\n", styles: [".input-container{width:100%}.input-container .password-field{-webkit-text-security:disc}.input-container .input-error{font-size:.7em;color
|
|
1490
|
+
args: [{ selector: 'vector-text-field', template: "<form class=\"input-container p-input-icon-right\">\r\n <i *ngIf=\"rightIcon\" [class]=\"rightIcon\"></i>\r\n <i *ngIf=\"isPassword\" class=\"show-password-icon {{ showPasswordIcon }}\" (click)=\"toggleShowPassword()\"></i>\r\n <div class=\"p-inputgroup\">\r\n <vector-button\r\n *ngIf=\"enableDocumentTypeChoice\"\r\n leftIcon=\"fas fa-exchange-alt\"\r\n type=\"success\"\r\n [label]=\"selectedDocumentType.name\"\r\n [disabled]=\"control.disabled\"\r\n [noShadow]=\"true\"\r\n (onClick)=\"handleDocumentTypeChange()\"\r\n ></vector-button>\r\n\r\n <input\r\n *ngIf=\"!mask\"\r\n pInputText\r\n type=\"text\"\r\n [formControl]=\"control\"\r\n [attr.maxlength]=\"maxlength\"\r\n [placeholder]=\"placeholder\"\r\n [pValidateOnly]=\"validateOnly\"\r\n [pKeyFilter]=\"keyfilter\"\r\n [ngClass]=\"{ 'password-field': isPassword && !isPasswordVisible, 'text-centered': centered }\"\r\n (onBlur)=\"onBlur()\"\r\n (keydown.enter)=\"onEnterPress()\"\r\n (click)=\"onFocus($event)\"\r\n />\r\n <p-inputMask\r\n *ngIf=\"mask\"\r\n type=\"text\"\r\n [formControl]=\"control\"\r\n [mask]=\"mask\"\r\n [placeholder]=\"placeholder\"\r\n (onBlur)=\"onBlur()\"\r\n (keydown.enter)=\"onEnterPress()\"\r\n [autoClear]=\"autoClear\"\r\n [unmask]=\"true\"\r\n [styleClass]=\"centered ? 'text-centered' : ''\"\r\n slotChar=\"_\"\r\n (click)=\"onFocus($event)\"\r\n ></p-inputMask>\r\n </div>\r\n <!-- <span class=\"input-error\">{{ fieldErrorLabel() }}</span> -->\r\n</form>\r\n", styles: [":root{--teste: green;--theme-primary: #0046e8;--theme-dark: #3a2b68;--background: #f2f2f7;--font-color: #151515;--disabled-background: #bcbcbc;--placeholder-color: #aaaaaa80;--border-radius: 5px;--theme-primary-transparent: rgba(1, 70, 108, .8);--grey-light: #e5e5ea;--grey-lighter: #eff0f6;--grey-dark: #6e7f88;--error-color: #fd6a6a;--error-color-dark: #ff4136;--error-color-transparent: #fd6a6a1a;--success-color: #11b797;--success-color-dark: #0e8a71;--theme-light: #0145e8;--warning-color: #e9c429;--cancel-color: #ca024f;--form-labels-color: #4e4b66}.input-container{width:100%}.input-container .password-field{-webkit-text-security:disc}.input-container .input-error{font-size:.7em;color:var(--error-color)}.input-container .show-password-icon{font-size:1.4em;margin-right:5px;cursor:pointer}\n"] }]
|
|
1491
1491
|
}], propDecorators: { isRequired: [{
|
|
1492
1492
|
type: Input
|
|
1493
1493
|
}], label: [{
|
|
@@ -1658,10 +1658,10 @@ class DropdownFieldComponent {
|
|
|
1658
1658
|
}
|
|
1659
1659
|
}
|
|
1660
1660
|
DropdownFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DropdownFieldComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
1661
|
-
DropdownFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: DropdownFieldComponent, selector: "vector-dropdown-field", inputs: { options: "options", isRequired: "isRequired", control: "control", label: "label", service: "service", paged: "paged", buttonAction: "buttonAction", dependencies: "dependencies" }, outputs: { onFocus: "onFocus" }, ngImport: i0, template: "<div class=\"input-container\">\r\n <p-autoComplete\r\n appendTo=\"body\"\r\n field=\"name\"\r\n dataKey=\"code\"\r\n [forceSelection]=\"true\"\r\n [dropdown]=\"true\"\r\n [formControl]=\"control\"\r\n [placeholder]=\"placeholder\"\r\n [suggestions]=\"pagedSuggestions\"\r\n (completeMethod)=\"search($event)\"\r\n (onShow)=\"onOpenAutocompletePanel()\"\r\n (onHide)=\"onHideAutocompletePanel()\"\r\n (onFocus)=\"onFocus.emit($event)\"\r\n >\r\n </p-autoComplete>\r\n <vector-button\r\n *ngIf=\"buttonAction\"\r\n [label]=\"buttonAction.label\"\r\n [disabled]=\"!control.value\"\r\n (onClick)=\"buttonAction.onClick(control.value)\"\r\n ></vector-button>\r\n</div>\r\n", styles: [".input-container{display:flex;align-items:flex-end}@media (max-width: 575px){.input-container{align-items:flex-start;flex-direction:column}}.input-container p-autoComplete{flex:1}@media (max-width: 575px){.input-container p-autoComplete{width:100%}}.input-container vector-button{margin-left:15px}@media (max-width: 575px){.input-container vector-button{margin-left:0;margin-top:10px;width:100%}}\n"], components: [{ type: i1$6.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "virtualScroll", "itemSize", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "field", "scrollHeight", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "suggestions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide"] }, { type: ButtonComponent, selector: "vector-button", inputs: ["disabled", "label", "type", "leftIcon", "noShadow"], outputs: ["onClick"] }], directives: [{ type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1661
|
+
DropdownFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: DropdownFieldComponent, selector: "vector-dropdown-field", inputs: { options: "options", isRequired: "isRequired", control: "control", label: "label", service: "service", paged: "paged", buttonAction: "buttonAction", dependencies: "dependencies" }, outputs: { onFocus: "onFocus" }, ngImport: i0, template: "<div class=\"input-container\">\r\n <p-autoComplete\r\n appendTo=\"body\"\r\n field=\"name\"\r\n dataKey=\"code\"\r\n [forceSelection]=\"true\"\r\n [dropdown]=\"true\"\r\n [formControl]=\"control\"\r\n [placeholder]=\"placeholder\"\r\n [suggestions]=\"pagedSuggestions\"\r\n (completeMethod)=\"search($event)\"\r\n (onShow)=\"onOpenAutocompletePanel()\"\r\n (onHide)=\"onHideAutocompletePanel()\"\r\n (onFocus)=\"onFocus.emit($event)\"\r\n >\r\n </p-autoComplete>\r\n <vector-button\r\n *ngIf=\"buttonAction\"\r\n [label]=\"buttonAction.label\"\r\n [disabled]=\"!control.value\"\r\n (onClick)=\"buttonAction.onClick(control.value)\"\r\n ></vector-button>\r\n</div>\r\n", styles: [":root{--teste: green;--theme-primary: #0046e8;--theme-dark: #3a2b68;--background: #f2f2f7;--font-color: #151515;--disabled-background: #bcbcbc;--placeholder-color: #aaaaaa80;--border-radius: 5px;--theme-primary-transparent: rgba(1, 70, 108, .8);--grey-light: #e5e5ea;--grey-lighter: #eff0f6;--grey-dark: #6e7f88;--error-color: #fd6a6a;--error-color-dark: #ff4136;--error-color-transparent: #fd6a6a1a;--success-color: #11b797;--success-color-dark: #0e8a71;--theme-light: #0145e8;--warning-color: #e9c429;--cancel-color: #ca024f;--form-labels-color: #4e4b66}.input-container{display:flex;align-items:flex-end}@media (max-width: 575px){.input-container{align-items:flex-start;flex-direction:column}}.input-container p-autoComplete{flex:1}@media (max-width: 575px){.input-container p-autoComplete{width:100%}}.input-container vector-button{margin-left:15px}@media (max-width: 575px){.input-container vector-button{margin-left:0;margin-top:10px;width:100%}}\n"], components: [{ type: i1$6.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "virtualScroll", "itemSize", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "field", "scrollHeight", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "suggestions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide"] }, { type: ButtonComponent, selector: "vector-button", inputs: ["disabled", "label", "type", "leftIcon", "noShadow"], outputs: ["onClick"] }], directives: [{ type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1662
1662
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DropdownFieldComponent, decorators: [{
|
|
1663
1663
|
type: Component,
|
|
1664
|
-
args: [{ selector: 'vector-dropdown-field', template: "<div class=\"input-container\">\r\n <p-autoComplete\r\n appendTo=\"body\"\r\n field=\"name\"\r\n dataKey=\"code\"\r\n [forceSelection]=\"true\"\r\n [dropdown]=\"true\"\r\n [formControl]=\"control\"\r\n [placeholder]=\"placeholder\"\r\n [suggestions]=\"pagedSuggestions\"\r\n (completeMethod)=\"search($event)\"\r\n (onShow)=\"onOpenAutocompletePanel()\"\r\n (onHide)=\"onHideAutocompletePanel()\"\r\n (onFocus)=\"onFocus.emit($event)\"\r\n >\r\n </p-autoComplete>\r\n <vector-button\r\n *ngIf=\"buttonAction\"\r\n [label]=\"buttonAction.label\"\r\n [disabled]=\"!control.value\"\r\n (onClick)=\"buttonAction.onClick(control.value)\"\r\n ></vector-button>\r\n</div>\r\n", styles: [".input-container{display:flex;align-items:flex-end}@media (max-width: 575px){.input-container{align-items:flex-start;flex-direction:column}}.input-container p-autoComplete{flex:1}@media (max-width: 575px){.input-container p-autoComplete{width:100%}}.input-container vector-button{margin-left:15px}@media (max-width: 575px){.input-container vector-button{margin-left:0;margin-top:10px;width:100%}}\n"] }]
|
|
1664
|
+
args: [{ selector: 'vector-dropdown-field', template: "<div class=\"input-container\">\r\n <p-autoComplete\r\n appendTo=\"body\"\r\n field=\"name\"\r\n dataKey=\"code\"\r\n [forceSelection]=\"true\"\r\n [dropdown]=\"true\"\r\n [formControl]=\"control\"\r\n [placeholder]=\"placeholder\"\r\n [suggestions]=\"pagedSuggestions\"\r\n (completeMethod)=\"search($event)\"\r\n (onShow)=\"onOpenAutocompletePanel()\"\r\n (onHide)=\"onHideAutocompletePanel()\"\r\n (onFocus)=\"onFocus.emit($event)\"\r\n >\r\n </p-autoComplete>\r\n <vector-button\r\n *ngIf=\"buttonAction\"\r\n [label]=\"buttonAction.label\"\r\n [disabled]=\"!control.value\"\r\n (onClick)=\"buttonAction.onClick(control.value)\"\r\n ></vector-button>\r\n</div>\r\n", styles: [":root{--teste: green;--theme-primary: #0046e8;--theme-dark: #3a2b68;--background: #f2f2f7;--font-color: #151515;--disabled-background: #bcbcbc;--placeholder-color: #aaaaaa80;--border-radius: 5px;--theme-primary-transparent: rgba(1, 70, 108, .8);--grey-light: #e5e5ea;--grey-lighter: #eff0f6;--grey-dark: #6e7f88;--error-color: #fd6a6a;--error-color-dark: #ff4136;--error-color-transparent: #fd6a6a1a;--success-color: #11b797;--success-color-dark: #0e8a71;--theme-light: #0145e8;--warning-color: #e9c429;--cancel-color: #ca024f;--form-labels-color: #4e4b66}.input-container{display:flex;align-items:flex-end}@media (max-width: 575px){.input-container{align-items:flex-start;flex-direction:column}}.input-container p-autoComplete{flex:1}@media (max-width: 575px){.input-container p-autoComplete{width:100%}}.input-container vector-button{margin-left:15px}@media (max-width: 575px){.input-container vector-button{margin-left:0;margin-top:10px;width:100%}}\n"] }]
|
|
1665
1665
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { options: [{
|
|
1666
1666
|
type: Input
|
|
1667
1667
|
}], isRequired: [{
|
|
@@ -1917,10 +1917,10 @@ class DataTableComponent {
|
|
|
1917
1917
|
}
|
|
1918
1918
|
}
|
|
1919
1919
|
DataTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DataTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1920
|
-
DataTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: DataTableComponent, selector: "vector-data-table", inputs: { columns: "columns", data: "data", exportExcel: "exportExcel", exportPDF: "exportPDF", totalRecords: "totalRecords", filters: "filters", addItemLabel: "addItemLabel", pagination: "pagination", tabs: "tabs" }, outputs: { onLazyLoad: "onLazyLoad", onFilter: "onFilter", onAdd: "onAdd" }, viewQueries: [{ propertyName: "filtersComponent", first: true, predicate: FiltersComponent, descendants: true, static: true }], ngImport: i0, template: "<div class=\"grid\">\r\n <div class=\"col-12 md:col-8 lg:col-9\">\r\n <vector-filters [fields]=\"filters\" (onSearch)=\"lazyLoaded({ filter: true, data: $event })\"></vector-filters>\r\n </div>\r\n <div class=\"col-12 md:col-4 lg:col-3\" *ngIf=\"addItemLabel\">\r\n <div class=\"grid\">\r\n <div class=\"col-12 add-button-container field\">\r\n <vector-button [label]=\"addItemLabel\" (click)=\"onAdd.emit()\"></vector-button>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-12\">\r\n <vector-panel>\r\n <p-tabView (onChange)=\"onTabChange($event)\" *ngIf=\"tabs?.length\">\r\n <p-tabPanel *ngFor=\"let tab of tabs\" [header]=\"tab.name\"></p-tabPanel>\r\n </p-tabView>\r\n <p-table\r\n currentPageReportTemplate=\"Mostrando {first} at\u00E9 {last} de {totalRecords} registros\"\r\n sortMode=\"single\"\r\n [rows]=\"10\"\r\n [lazy]=\"pagination\"\r\n [value]=\"data\"\r\n [paginator]=\"pagination\"\r\n [totalRecords]=\"totalRecords\"\r\n [showCurrentPageReport]=\"true\"\r\n [rowsPerPageOptions]=\"[10, 25, 50, 100]\"\r\n [responsive]=\"true\"\r\n [resizableColumns]=\"true\"\r\n [scrollable]=\"true\"\r\n scrollDirection=\"vertical\"\r\n responsiveLayout=\"scroll\"\r\n (onLazyLoad)=\"lazyLoaded({ filter: false, data: $event })\"\r\n >\r\n <ng-template pTemplate=\"header\">\r\n <tr class=\"header\">\r\n <th style=\"max-width: 100px\" class=\"centered\">A\u00E7\u00F5es</th>\r\n <th *ngFor=\"let col of columns\" [ngStyle]=\"getColStyle(col)\" [pSortableColumn]=\"col.field\">\r\n {{ col.header }} <p-sortIcon [field]=\"col.field\"></p-sortIcon>\r\n </th>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-item>\r\n <tr class=\"row\">\r\n <td style=\"max-width: 100px\" class=\"centered\">\r\n <p-menu #menu [model]=\"item.actions\" [popup]=\"true\" appendTo=\"body\"></p-menu>\r\n <vector-button (onClick)=\"menu.toggle($event)\" leftIcon=\"fas fa-cog\" style=\"width: 50px\"></vector-button>\r\n </td>\r\n <td\r\n *ngFor=\"let col of columns\"\r\n class=\"cell\"\r\n [innerHTML]=\"getCellContent(item, col)\"\r\n [ngStyle]=\"getColStyle(col)\"\r\n ></td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr class=\"row\">\r\n <td class=\"no-results\" [attr.colspan]=\"columns.length + 1\">Nenhum resultado encontrado</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"paginatorright\"> </ng-template>\r\n <ng-template let-item pTemplate=\"paginatordropdownitem\"> {{ item.value }} </ng-template>\r\n </p-table>\r\n </vector-panel>\r\n </div>\r\n</div>\r\n", styles: [".no-results{padding:15px;background-color:#fff;width:100%}.centered{display:flex;justify-content:center}.add-button-container{display:flex;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){.add-button-container{justify-content:unset;min-height:unset}}@media (min-width: 768px){.add-button-container{margin-top:-3px}}\n"], components: [{ type: FiltersComponent, selector: "vector-filters", inputs: ["fields"], outputs: ["onSearch"] }, { type: ButtonComponent, selector: "vector-button", inputs: ["disabled", "label", "type", "leftIcon", "noShadow"], outputs: ["onClick"] }, { type: PanelComponent, selector: "vector-panel" }, { type: i4$1.TabView, selector: "p-tabView", inputs: ["orientation", "style", "styleClass", "controlClose", "scrollable", "activeIndex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { type: i4$1.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { type: i5$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollDelay", "virtualRowHeight", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "minBufferPx", "maxBufferPx", "responsiveLayout", "breakpoint", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { type: i5$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { type: i6$1.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }] });
|
|
1920
|
+
DataTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: DataTableComponent, selector: "vector-data-table", inputs: { columns: "columns", data: "data", exportExcel: "exportExcel", exportPDF: "exportPDF", totalRecords: "totalRecords", filters: "filters", addItemLabel: "addItemLabel", pagination: "pagination", tabs: "tabs" }, outputs: { onLazyLoad: "onLazyLoad", onFilter: "onFilter", onAdd: "onAdd" }, viewQueries: [{ propertyName: "filtersComponent", first: true, predicate: FiltersComponent, descendants: true, static: true }], ngImport: i0, template: "<div class=\"grid\">\r\n <div class=\"col-12 md:col-8 lg:col-9\">\r\n <vector-filters [fields]=\"filters\" (onSearch)=\"lazyLoaded({ filter: true, data: $event })\"></vector-filters>\r\n </div>\r\n <div class=\"col-12 md:col-4 lg:col-3\" *ngIf=\"addItemLabel\">\r\n <div class=\"grid\">\r\n <div class=\"col-12 add-button-container field\">\r\n <vector-button [label]=\"addItemLabel\" (click)=\"onAdd.emit()\"></vector-button>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-12\">\r\n <vector-panel>\r\n <p-tabView (onChange)=\"onTabChange($event)\" *ngIf=\"tabs?.length\">\r\n <p-tabPanel *ngFor=\"let tab of tabs\" [header]=\"tab.name\"></p-tabPanel>\r\n </p-tabView>\r\n <p-table\r\n currentPageReportTemplate=\"Mostrando {first} at\u00E9 {last} de {totalRecords} registros\"\r\n sortMode=\"single\"\r\n [rows]=\"10\"\r\n [lazy]=\"pagination\"\r\n [value]=\"data\"\r\n [paginator]=\"pagination\"\r\n [totalRecords]=\"totalRecords\"\r\n [showCurrentPageReport]=\"true\"\r\n [rowsPerPageOptions]=\"[10, 25, 50, 100]\"\r\n [responsive]=\"true\"\r\n [resizableColumns]=\"true\"\r\n [scrollable]=\"true\"\r\n scrollDirection=\"vertical\"\r\n responsiveLayout=\"scroll\"\r\n (onLazyLoad)=\"lazyLoaded({ filter: false, data: $event })\"\r\n >\r\n <ng-template pTemplate=\"header\">\r\n <tr class=\"header\">\r\n <th style=\"max-width: 100px\" class=\"centered\">A\u00E7\u00F5es</th>\r\n <th *ngFor=\"let col of columns\" [ngStyle]=\"getColStyle(col)\" [pSortableColumn]=\"col.field\">\r\n {{ col.header }} <p-sortIcon [field]=\"col.field\"></p-sortIcon>\r\n </th>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-item>\r\n <tr class=\"row\">\r\n <td style=\"max-width: 100px\" class=\"centered\">\r\n <p-menu #menu [model]=\"item.actions\" [popup]=\"true\" appendTo=\"body\"></p-menu>\r\n <vector-button (onClick)=\"menu.toggle($event)\" leftIcon=\"fas fa-cog\" style=\"width: 50px\"></vector-button>\r\n </td>\r\n <td\r\n *ngFor=\"let col of columns\"\r\n class=\"cell\"\r\n [innerHTML]=\"getCellContent(item, col)\"\r\n [ngStyle]=\"getColStyle(col)\"\r\n ></td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr class=\"row\">\r\n <td class=\"no-results\" [attr.colspan]=\"columns.length + 1\">Nenhum resultado encontrado</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"paginatorright\"> </ng-template>\r\n <ng-template let-item pTemplate=\"paginatordropdownitem\"> {{ item.value }} </ng-template>\r\n </p-table>\r\n </vector-panel>\r\n </div>\r\n</div>\r\n", styles: [":root{--teste: green;--theme-primary: #0046e8;--theme-dark: #3a2b68;--background: #f2f2f7;--font-color: #151515;--disabled-background: #bcbcbc;--placeholder-color: #aaaaaa80;--border-radius: 5px;--theme-primary-transparent: rgba(1, 70, 108, .8);--grey-light: #e5e5ea;--grey-lighter: #eff0f6;--grey-dark: #6e7f88;--error-color: #fd6a6a;--error-color-dark: #ff4136;--error-color-transparent: #fd6a6a1a;--success-color: #11b797;--success-color-dark: #0e8a71;--theme-light: #0145e8;--warning-color: #e9c429;--cancel-color: #ca024f;--form-labels-color: #4e4b66}.no-results{padding:15px;background-color:#fff;width:100%}.centered{display:flex;justify-content:center}.add-button-container{display:flex;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){.add-button-container{justify-content:unset;min-height:unset}}@media (min-width: 768px){.add-button-container{margin-top:-3px}}\n"], components: [{ type: FiltersComponent, selector: "vector-filters", inputs: ["fields"], outputs: ["onSearch"] }, { type: ButtonComponent, selector: "vector-button", inputs: ["disabled", "label", "type", "leftIcon", "noShadow"], outputs: ["onClick"] }, { type: PanelComponent, selector: "vector-panel" }, { type: i4$1.TabView, selector: "p-tabView", inputs: ["orientation", "style", "styleClass", "controlClose", "scrollable", "activeIndex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { type: i4$1.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { type: i5$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollDelay", "virtualRowHeight", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "minBufferPx", "maxBufferPx", "responsiveLayout", "breakpoint", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { type: i5$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { type: i6$1.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }] });
|
|
1921
1921
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DataTableComponent, decorators: [{
|
|
1922
1922
|
type: Component,
|
|
1923
|
-
args: [{ selector: 'vector-data-table', template: "<div class=\"grid\">\r\n <div class=\"col-12 md:col-8 lg:col-9\">\r\n <vector-filters [fields]=\"filters\" (onSearch)=\"lazyLoaded({ filter: true, data: $event })\"></vector-filters>\r\n </div>\r\n <div class=\"col-12 md:col-4 lg:col-3\" *ngIf=\"addItemLabel\">\r\n <div class=\"grid\">\r\n <div class=\"col-12 add-button-container field\">\r\n <vector-button [label]=\"addItemLabel\" (click)=\"onAdd.emit()\"></vector-button>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-12\">\r\n <vector-panel>\r\n <p-tabView (onChange)=\"onTabChange($event)\" *ngIf=\"tabs?.length\">\r\n <p-tabPanel *ngFor=\"let tab of tabs\" [header]=\"tab.name\"></p-tabPanel>\r\n </p-tabView>\r\n <p-table\r\n currentPageReportTemplate=\"Mostrando {first} at\u00E9 {last} de {totalRecords} registros\"\r\n sortMode=\"single\"\r\n [rows]=\"10\"\r\n [lazy]=\"pagination\"\r\n [value]=\"data\"\r\n [paginator]=\"pagination\"\r\n [totalRecords]=\"totalRecords\"\r\n [showCurrentPageReport]=\"true\"\r\n [rowsPerPageOptions]=\"[10, 25, 50, 100]\"\r\n [responsive]=\"true\"\r\n [resizableColumns]=\"true\"\r\n [scrollable]=\"true\"\r\n scrollDirection=\"vertical\"\r\n responsiveLayout=\"scroll\"\r\n (onLazyLoad)=\"lazyLoaded({ filter: false, data: $event })\"\r\n >\r\n <ng-template pTemplate=\"header\">\r\n <tr class=\"header\">\r\n <th style=\"max-width: 100px\" class=\"centered\">A\u00E7\u00F5es</th>\r\n <th *ngFor=\"let col of columns\" [ngStyle]=\"getColStyle(col)\" [pSortableColumn]=\"col.field\">\r\n {{ col.header }} <p-sortIcon [field]=\"col.field\"></p-sortIcon>\r\n </th>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-item>\r\n <tr class=\"row\">\r\n <td style=\"max-width: 100px\" class=\"centered\">\r\n <p-menu #menu [model]=\"item.actions\" [popup]=\"true\" appendTo=\"body\"></p-menu>\r\n <vector-button (onClick)=\"menu.toggle($event)\" leftIcon=\"fas fa-cog\" style=\"width: 50px\"></vector-button>\r\n </td>\r\n <td\r\n *ngFor=\"let col of columns\"\r\n class=\"cell\"\r\n [innerHTML]=\"getCellContent(item, col)\"\r\n [ngStyle]=\"getColStyle(col)\"\r\n ></td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr class=\"row\">\r\n <td class=\"no-results\" [attr.colspan]=\"columns.length + 1\">Nenhum resultado encontrado</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"paginatorright\"> </ng-template>\r\n <ng-template let-item pTemplate=\"paginatordropdownitem\"> {{ item.value }} </ng-template>\r\n </p-table>\r\n </vector-panel>\r\n </div>\r\n</div>\r\n", styles: [".no-results{padding:15px;background-color:#fff;width:100%}.centered{display:flex;justify-content:center}.add-button-container{display:flex;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){.add-button-container{justify-content:unset;min-height:unset}}@media (min-width: 768px){.add-button-container{margin-top:-3px}}\n"] }]
|
|
1923
|
+
args: [{ selector: 'vector-data-table', template: "<div class=\"grid\">\r\n <div class=\"col-12 md:col-8 lg:col-9\">\r\n <vector-filters [fields]=\"filters\" (onSearch)=\"lazyLoaded({ filter: true, data: $event })\"></vector-filters>\r\n </div>\r\n <div class=\"col-12 md:col-4 lg:col-3\" *ngIf=\"addItemLabel\">\r\n <div class=\"grid\">\r\n <div class=\"col-12 add-button-container field\">\r\n <vector-button [label]=\"addItemLabel\" (click)=\"onAdd.emit()\"></vector-button>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-12\">\r\n <vector-panel>\r\n <p-tabView (onChange)=\"onTabChange($event)\" *ngIf=\"tabs?.length\">\r\n <p-tabPanel *ngFor=\"let tab of tabs\" [header]=\"tab.name\"></p-tabPanel>\r\n </p-tabView>\r\n <p-table\r\n currentPageReportTemplate=\"Mostrando {first} at\u00E9 {last} de {totalRecords} registros\"\r\n sortMode=\"single\"\r\n [rows]=\"10\"\r\n [lazy]=\"pagination\"\r\n [value]=\"data\"\r\n [paginator]=\"pagination\"\r\n [totalRecords]=\"totalRecords\"\r\n [showCurrentPageReport]=\"true\"\r\n [rowsPerPageOptions]=\"[10, 25, 50, 100]\"\r\n [responsive]=\"true\"\r\n [resizableColumns]=\"true\"\r\n [scrollable]=\"true\"\r\n scrollDirection=\"vertical\"\r\n responsiveLayout=\"scroll\"\r\n (onLazyLoad)=\"lazyLoaded({ filter: false, data: $event })\"\r\n >\r\n <ng-template pTemplate=\"header\">\r\n <tr class=\"header\">\r\n <th style=\"max-width: 100px\" class=\"centered\">A\u00E7\u00F5es</th>\r\n <th *ngFor=\"let col of columns\" [ngStyle]=\"getColStyle(col)\" [pSortableColumn]=\"col.field\">\r\n {{ col.header }} <p-sortIcon [field]=\"col.field\"></p-sortIcon>\r\n </th>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-item>\r\n <tr class=\"row\">\r\n <td style=\"max-width: 100px\" class=\"centered\">\r\n <p-menu #menu [model]=\"item.actions\" [popup]=\"true\" appendTo=\"body\"></p-menu>\r\n <vector-button (onClick)=\"menu.toggle($event)\" leftIcon=\"fas fa-cog\" style=\"width: 50px\"></vector-button>\r\n </td>\r\n <td\r\n *ngFor=\"let col of columns\"\r\n class=\"cell\"\r\n [innerHTML]=\"getCellContent(item, col)\"\r\n [ngStyle]=\"getColStyle(col)\"\r\n ></td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr class=\"row\">\r\n <td class=\"no-results\" [attr.colspan]=\"columns.length + 1\">Nenhum resultado encontrado</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"paginatorright\"> </ng-template>\r\n <ng-template let-item pTemplate=\"paginatordropdownitem\"> {{ item.value }} </ng-template>\r\n </p-table>\r\n </vector-panel>\r\n </div>\r\n</div>\r\n", styles: [":root{--teste: green;--theme-primary: #0046e8;--theme-dark: #3a2b68;--background: #f2f2f7;--font-color: #151515;--disabled-background: #bcbcbc;--placeholder-color: #aaaaaa80;--border-radius: 5px;--theme-primary-transparent: rgba(1, 70, 108, .8);--grey-light: #e5e5ea;--grey-lighter: #eff0f6;--grey-dark: #6e7f88;--error-color: #fd6a6a;--error-color-dark: #ff4136;--error-color-transparent: #fd6a6a1a;--success-color: #11b797;--success-color-dark: #0e8a71;--theme-light: #0145e8;--warning-color: #e9c429;--cancel-color: #ca024f;--form-labels-color: #4e4b66}.no-results{padding:15px;background-color:#fff;width:100%}.centered{display:flex;justify-content:center}.add-button-container{display:flex;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){.add-button-container{justify-content:unset;min-height:unset}}@media (min-width: 768px){.add-button-container{margin-top:-3px}}\n"] }]
|
|
1924
1924
|
}], ctorParameters: function () { return []; }, propDecorators: { columns: [{
|
|
1925
1925
|
type: Input
|
|
1926
1926
|
}], data: [{
|
|
@@ -1973,10 +1973,10 @@ class MultiselectFieldComponent {
|
|
|
1973
1973
|
}
|
|
1974
1974
|
}
|
|
1975
1975
|
MultiselectFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MultiselectFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1976
|
-
MultiselectFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: MultiselectFieldComponent, selector: "vector-multiselect-field", inputs: { isRequired: "isRequired", control: "control", label: "label", options: "options" }, ngImport: i0, template: "<div class=\"input-container\">\r\n <p-multiSelect\r\n #multiselect\r\n [options]=\"options\"\r\n [formControl]=\"control\"\r\n [placeholder]=\"placeholder\"\r\n [filter]=\"false\"\r\n [maxSelectedLabels]=\"options.length - 1\"\r\n optionLabel=\"name\"\r\n dropdownIcon=\"fas fa-sort-down\"\r\n selectedItemsLabel=\"Mostrar todos\"\r\n [showHeader]=\"true\"\r\n [showToggleAll]=\"true\"\r\n >\r\n </p-multiSelect>\r\n <span class=\"input-error\">{{ fieldErrorLabel() }}</span>\r\n</div>\r\n", styles: [".input-container{height:62px}.input-container .input-error{font-size:.7em;color
|
|
1976
|
+
MultiselectFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: MultiselectFieldComponent, selector: "vector-multiselect-field", inputs: { isRequired: "isRequired", control: "control", label: "label", options: "options" }, ngImport: i0, template: "<div class=\"input-container\">\r\n <p-multiSelect\r\n #multiselect\r\n [options]=\"options\"\r\n [formControl]=\"control\"\r\n [placeholder]=\"placeholder\"\r\n [filter]=\"false\"\r\n [maxSelectedLabels]=\"options.length - 1\"\r\n optionLabel=\"name\"\r\n dropdownIcon=\"fas fa-sort-down\"\r\n selectedItemsLabel=\"Mostrar todos\"\r\n [showHeader]=\"true\"\r\n [showToggleAll]=\"true\"\r\n >\r\n </p-multiSelect>\r\n <span class=\"input-error\">{{ fieldErrorLabel() }}</span>\r\n</div>\r\n", styles: [":root{--teste: green;--theme-primary: #0046e8;--theme-dark: #3a2b68;--background: #f2f2f7;--font-color: #151515;--disabled-background: #bcbcbc;--placeholder-color: #aaaaaa80;--border-radius: 5px;--theme-primary-transparent: rgba(1, 70, 108, .8);--grey-light: #e5e5ea;--grey-lighter: #eff0f6;--grey-dark: #6e7f88;--error-color: #fd6a6a;--error-color-dark: #ff4136;--error-color-transparent: #fd6a6a1a;--success-color: #11b797;--success-color-dark: #0e8a71;--theme-light: #0145e8;--warning-color: #e9c429;--cancel-color: #ca024f;--form-labels-color: #4e4b66}.input-container{height:62px}.input-container .input-error{font-size:.7em;color:var(--error-color)}\n"], components: [{ type: i1$7.MultiSelect, selector: "p-multiSelect", inputs: ["style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "autoZIndex", "baseZIndex", "filterBy", "virtualScroll", "itemSize", "showTransitionOptions", "hideTransitionOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "scrollHeight", "defaultLabel", "placeholder", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onPanelShow", "onPanelHide"] }], directives: [{ type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
1977
1977
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MultiselectFieldComponent, decorators: [{
|
|
1978
1978
|
type: Component,
|
|
1979
|
-
args: [{ selector: 'vector-multiselect-field', template: "<div class=\"input-container\">\r\n <p-multiSelect\r\n #multiselect\r\n [options]=\"options\"\r\n [formControl]=\"control\"\r\n [placeholder]=\"placeholder\"\r\n [filter]=\"false\"\r\n [maxSelectedLabels]=\"options.length - 1\"\r\n optionLabel=\"name\"\r\n dropdownIcon=\"fas fa-sort-down\"\r\n selectedItemsLabel=\"Mostrar todos\"\r\n [showHeader]=\"true\"\r\n [showToggleAll]=\"true\"\r\n >\r\n </p-multiSelect>\r\n <span class=\"input-error\">{{ fieldErrorLabel() }}</span>\r\n</div>\r\n", styles: [".input-container{height:62px}.input-container .input-error{font-size:.7em;color
|
|
1979
|
+
args: [{ selector: 'vector-multiselect-field', template: "<div class=\"input-container\">\r\n <p-multiSelect\r\n #multiselect\r\n [options]=\"options\"\r\n [formControl]=\"control\"\r\n [placeholder]=\"placeholder\"\r\n [filter]=\"false\"\r\n [maxSelectedLabels]=\"options.length - 1\"\r\n optionLabel=\"name\"\r\n dropdownIcon=\"fas fa-sort-down\"\r\n selectedItemsLabel=\"Mostrar todos\"\r\n [showHeader]=\"true\"\r\n [showToggleAll]=\"true\"\r\n >\r\n </p-multiSelect>\r\n <span class=\"input-error\">{{ fieldErrorLabel() }}</span>\r\n</div>\r\n", styles: [":root{--teste: green;--theme-primary: #0046e8;--theme-dark: #3a2b68;--background: #f2f2f7;--font-color: #151515;--disabled-background: #bcbcbc;--placeholder-color: #aaaaaa80;--border-radius: 5px;--theme-primary-transparent: rgba(1, 70, 108, .8);--grey-light: #e5e5ea;--grey-lighter: #eff0f6;--grey-dark: #6e7f88;--error-color: #fd6a6a;--error-color-dark: #ff4136;--error-color-transparent: #fd6a6a1a;--success-color: #11b797;--success-color-dark: #0e8a71;--theme-light: #0145e8;--warning-color: #e9c429;--cancel-color: #ca024f;--form-labels-color: #4e4b66}.input-container{height:62px}.input-container .input-error{font-size:.7em;color:var(--error-color)}\n"] }]
|
|
1980
1980
|
}], propDecorators: { isRequired: [{
|
|
1981
1981
|
type: Input
|
|
1982
1982
|
}], control: [{
|
|
@@ -1996,10 +1996,10 @@ class PercentageFieldComponent {
|
|
|
1996
1996
|
}
|
|
1997
1997
|
}
|
|
1998
1998
|
PercentageFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: PercentageFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1999
|
-
PercentageFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: PercentageFieldComponent, selector: "vector-percentage-field", inputs: { control: "control" }, outputs: { blurEvent: "blurEvent", enterKeyPress: "enterKeyPress", focusEvent: "focusEvent" }, ngImport: i0, template: "<form class=\"input-container\">\r\n <p-inputNumber [formControl]=\"control\" suffix=\"%\" [min]=\"0\" [max]=\"100\"></p-inputNumber>\r\n</form>\r\n", styles: [".input-container{width:100%}\n"], components: [{ type: i1$5.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown"] }], directives: [{ type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
1999
|
+
PercentageFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: PercentageFieldComponent, selector: "vector-percentage-field", inputs: { control: "control" }, outputs: { blurEvent: "blurEvent", enterKeyPress: "enterKeyPress", focusEvent: "focusEvent" }, ngImport: i0, template: "<form class=\"input-container\">\r\n <p-inputNumber [formControl]=\"control\" suffix=\"%\" [min]=\"0\" [max]=\"100\"></p-inputNumber>\r\n</form>\r\n", styles: [":root{--teste: green;--theme-primary: #0046e8;--theme-dark: #3a2b68;--background: #f2f2f7;--font-color: #151515;--disabled-background: #bcbcbc;--placeholder-color: #aaaaaa80;--border-radius: 5px;--theme-primary-transparent: rgba(1, 70, 108, .8);--grey-light: #e5e5ea;--grey-lighter: #eff0f6;--grey-dark: #6e7f88;--error-color: #fd6a6a;--error-color-dark: #ff4136;--error-color-transparent: #fd6a6a1a;--success-color: #11b797;--success-color-dark: #0e8a71;--theme-light: #0145e8;--warning-color: #e9c429;--cancel-color: #ca024f;--form-labels-color: #4e4b66}.input-container{width:100%}\n"], components: [{ type: i1$5.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown"] }], directives: [{ type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
2000
2000
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: PercentageFieldComponent, decorators: [{
|
|
2001
2001
|
type: Component,
|
|
2002
|
-
args: [{ selector: 'vector-percentage-field', template: "<form class=\"input-container\">\r\n <p-inputNumber [formControl]=\"control\" suffix=\"%\" [min]=\"0\" [max]=\"100\"></p-inputNumber>\r\n</form>\r\n", styles: [".input-container{width:100%}\n"] }]
|
|
2002
|
+
args: [{ selector: 'vector-percentage-field', template: "<form class=\"input-container\">\r\n <p-inputNumber [formControl]=\"control\" suffix=\"%\" [min]=\"0\" [max]=\"100\"></p-inputNumber>\r\n</form>\r\n", styles: [":root{--teste: green;--theme-primary: #0046e8;--theme-dark: #3a2b68;--background: #f2f2f7;--font-color: #151515;--disabled-background: #bcbcbc;--placeholder-color: #aaaaaa80;--border-radius: 5px;--theme-primary-transparent: rgba(1, 70, 108, .8);--grey-light: #e5e5ea;--grey-lighter: #eff0f6;--grey-dark: #6e7f88;--error-color: #fd6a6a;--error-color-dark: #ff4136;--error-color-transparent: #fd6a6a1a;--success-color: #11b797;--success-color-dark: #0e8a71;--theme-light: #0145e8;--warning-color: #e9c429;--cancel-color: #ca024f;--form-labels-color: #4e4b66}.input-container{width:100%}\n"] }]
|
|
2003
2003
|
}], propDecorators: { control: [{
|
|
2004
2004
|
type: Input
|
|
2005
2005
|
}], blurEvent: [{
|
|
@@ -2025,10 +2025,10 @@ class RadioButtonFieldComponent {
|
|
|
2025
2025
|
}
|
|
2026
2026
|
}
|
|
2027
2027
|
RadioButtonFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: RadioButtonFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2028
|
-
RadioButtonFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: RadioButtonFieldComponent, selector: "vector-radio-button-field", inputs: { groupName: "groupName", options: "options", control: "control", layout: "layout" }, ngImport: i0, template: "<div class=\"radio-buttons-container\" [ngClass]=\"layoutClass\">\r\n <div *ngFor=\"let option of options\" class=\"radio-button-item\">\r\n <p-radioButton\r\n [name]=\"groupName\"\r\n [value]=\"option.value\"\r\n [label]=\"option.label\"\r\n [formControl]=\"control\"\r\n ></p-radioButton>\r\n </div>\r\n</div>\r\n", styles: [".radio-buttons-container{display:flex;align-items:center;height:100%;width:100%}.radio-buttons-container .radio-button-item{margin:5px}.vertical{flex-direction:column}.vertical .radio-button-item{margin-bottom:.5rem}.horizontal{flex-direction:row}\n"], components: [{ type: i1$8.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass"], outputs: ["onClick", "onFocus", "onBlur"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
2028
|
+
RadioButtonFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: RadioButtonFieldComponent, selector: "vector-radio-button-field", inputs: { groupName: "groupName", options: "options", control: "control", layout: "layout" }, ngImport: i0, template: "<div class=\"radio-buttons-container\" [ngClass]=\"layoutClass\">\r\n <div *ngFor=\"let option of options\" class=\"radio-button-item\">\r\n <p-radioButton\r\n [name]=\"groupName\"\r\n [value]=\"option.value\"\r\n [label]=\"option.label\"\r\n [formControl]=\"control\"\r\n ></p-radioButton>\r\n </div>\r\n</div>\r\n", styles: [".radio-buttons-container{display:flex;align-items:center;height:100%;width:100%}.radio-buttons-container .radio-button-item{margin:5px}.vertical{flex-direction:column;align-items:flex-start}.vertical .radio-button-item{margin-bottom:.5rem}.horizontal{flex-direction:row}\n"], components: [{ type: i1$8.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass"], outputs: ["onClick", "onFocus", "onBlur"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
2029
2029
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: RadioButtonFieldComponent, decorators: [{
|
|
2030
2030
|
type: Component,
|
|
2031
|
-
args: [{ selector: 'vector-radio-button-field', template: "<div class=\"radio-buttons-container\" [ngClass]=\"layoutClass\">\r\n <div *ngFor=\"let option of options\" class=\"radio-button-item\">\r\n <p-radioButton\r\n [name]=\"groupName\"\r\n [value]=\"option.value\"\r\n [label]=\"option.label\"\r\n [formControl]=\"control\"\r\n ></p-radioButton>\r\n </div>\r\n</div>\r\n", styles: [".radio-buttons-container{display:flex;align-items:center;height:100%;width:100%}.radio-buttons-container .radio-button-item{margin:5px}.vertical{flex-direction:column}.vertical .radio-button-item{margin-bottom:.5rem}.horizontal{flex-direction:row}\n"] }]
|
|
2031
|
+
args: [{ selector: 'vector-radio-button-field', template: "<div class=\"radio-buttons-container\" [ngClass]=\"layoutClass\">\r\n <div *ngFor=\"let option of options\" class=\"radio-button-item\">\r\n <p-radioButton\r\n [name]=\"groupName\"\r\n [value]=\"option.value\"\r\n [label]=\"option.label\"\r\n [formControl]=\"control\"\r\n ></p-radioButton>\r\n </div>\r\n</div>\r\n", styles: [".radio-buttons-container{display:flex;align-items:center;height:100%;width:100%}.radio-buttons-container .radio-button-item{margin:5px}.vertical{flex-direction:column;align-items:flex-start}.vertical .radio-button-item{margin-bottom:.5rem}.horizontal{flex-direction:row}\n"] }]
|
|
2032
2032
|
}], ctorParameters: function () { return []; }, propDecorators: { groupName: [{
|
|
2033
2033
|
type: Input
|
|
2034
2034
|
}], options: [{
|
|
@@ -2070,10 +2070,10 @@ class RangeValueComponent {
|
|
|
2070
2070
|
}
|
|
2071
2071
|
}
|
|
2072
2072
|
RangeValueComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: RangeValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2073
|
-
RangeValueComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: RangeValueComponent, selector: "vector-range-value", inputs: { value: "value", min: "min", max: "max" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"range-input\">\r\n <a href=\"javascript:void(0)\" class=\"btn-range minus\" (click)=\"decrement()\"></a>\r\n <p-slider [(ngModel)]=\"value\" (onChange)=\"changeValue()\" [min]=\"min\" [max]=\"max\"></p-slider>\r\n <a href=\"javascript:void(0)\" class=\"btn-range plus\" (click)=\"increment()\"></a>\r\n</div>\r\n", styles: [".range-input{display:flex;flex-flow:row;align-items:center}.range-input .btn-range{width:26px;height:26px;display:flex;justify-content:center;align-items:center;background-color:#fff;border:2px solid
|
|
2073
|
+
RangeValueComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: RangeValueComponent, selector: "vector-range-value", inputs: { value: "value", min: "min", max: "max" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"range-input\">\r\n <a href=\"javascript:void(0)\" class=\"btn-range minus\" (click)=\"decrement()\"></a>\r\n <p-slider [(ngModel)]=\"value\" (onChange)=\"changeValue()\" [min]=\"min\" [max]=\"max\"></p-slider>\r\n <a href=\"javascript:void(0)\" class=\"btn-range plus\" (click)=\"increment()\"></a>\r\n</div>\r\n", styles: [":root{--teste: green;--theme-primary: #0046e8;--theme-dark: #3a2b68;--background: #f2f2f7;--font-color: #151515;--disabled-background: #bcbcbc;--placeholder-color: #aaaaaa80;--border-radius: 5px;--theme-primary-transparent: rgba(1, 70, 108, .8);--grey-light: #e5e5ea;--grey-lighter: #eff0f6;--grey-dark: #6e7f88;--error-color: #fd6a6a;--error-color-dark: #ff4136;--error-color-transparent: #fd6a6a1a;--success-color: #11b797;--success-color-dark: #0e8a71;--theme-light: #0145e8;--warning-color: #e9c429;--cancel-color: #ca024f;--form-labels-color: #4e4b66}.range-input{display:flex;flex-flow:row;align-items:center}.range-input .btn-range{width:26px;height:26px;display:flex;justify-content:center;align-items:center;background-color:#fff;border:2px solid var(--theme-dark);border-radius:4px;color:var(--theme-dark);text-decoration:none;font-size:1rem}.range-input .btn-range:hover{-webkit-transition:.2s linear;-moz-transition:.2s linear;-o-prop:.2s linear;background-color:var(--theme-dark);color:#fff}.range-input .minus:before{content:\"-\"}.range-input p-slider{flex:1;margin:0 10px}.range-input .plus:before{content:\"+\"}\n"], components: [{ type: i1$9.Slider, selector: "p-slider", inputs: ["animate", "disabled", "min", "max", "orientation", "step", "range", "style", "styleClass", "ariaLabelledBy", "tabindex"], outputs: ["onChange", "onSlideEnd"] }], directives: [{ type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
2074
2074
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: RangeValueComponent, decorators: [{
|
|
2075
2075
|
type: Component,
|
|
2076
|
-
args: [{ selector: 'vector-range-value', template: "<div class=\"range-input\">\r\n <a href=\"javascript:void(0)\" class=\"btn-range minus\" (click)=\"decrement()\"></a>\r\n <p-slider [(ngModel)]=\"value\" (onChange)=\"changeValue()\" [min]=\"min\" [max]=\"max\"></p-slider>\r\n <a href=\"javascript:void(0)\" class=\"btn-range plus\" (click)=\"increment()\"></a>\r\n</div>\r\n", styles: [".range-input{display:flex;flex-flow:row;align-items:center}.range-input .btn-range{width:26px;height:26px;display:flex;justify-content:center;align-items:center;background-color:#fff;border:2px solid
|
|
2076
|
+
args: [{ selector: 'vector-range-value', template: "<div class=\"range-input\">\r\n <a href=\"javascript:void(0)\" class=\"btn-range minus\" (click)=\"decrement()\"></a>\r\n <p-slider [(ngModel)]=\"value\" (onChange)=\"changeValue()\" [min]=\"min\" [max]=\"max\"></p-slider>\r\n <a href=\"javascript:void(0)\" class=\"btn-range plus\" (click)=\"increment()\"></a>\r\n</div>\r\n", styles: [":root{--teste: green;--theme-primary: #0046e8;--theme-dark: #3a2b68;--background: #f2f2f7;--font-color: #151515;--disabled-background: #bcbcbc;--placeholder-color: #aaaaaa80;--border-radius: 5px;--theme-primary-transparent: rgba(1, 70, 108, .8);--grey-light: #e5e5ea;--grey-lighter: #eff0f6;--grey-dark: #6e7f88;--error-color: #fd6a6a;--error-color-dark: #ff4136;--error-color-transparent: #fd6a6a1a;--success-color: #11b797;--success-color-dark: #0e8a71;--theme-light: #0145e8;--warning-color: #e9c429;--cancel-color: #ca024f;--form-labels-color: #4e4b66}.range-input{display:flex;flex-flow:row;align-items:center}.range-input .btn-range{width:26px;height:26px;display:flex;justify-content:center;align-items:center;background-color:#fff;border:2px solid var(--theme-dark);border-radius:4px;color:var(--theme-dark);text-decoration:none;font-size:1rem}.range-input .btn-range:hover{-webkit-transition:.2s linear;-moz-transition:.2s linear;-o-prop:.2s linear;background-color:var(--theme-dark);color:#fff}.range-input .minus:before{content:\"-\"}.range-input p-slider{flex:1;margin:0 10px}.range-input .plus:before{content:\"+\"}\n"] }]
|
|
2077
2077
|
}], ctorParameters: function () { return []; }, propDecorators: { value: [{
|
|
2078
2078
|
type: Input
|
|
2079
2079
|
}], min: [{
|
|
@@ -2278,10 +2278,10 @@ class GenericErrorModalComponent {
|
|
|
2278
2278
|
}
|
|
2279
2279
|
}
|
|
2280
2280
|
GenericErrorModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: GenericErrorModalComponent, deps: [{ token: ErrorMessageService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2281
|
-
GenericErrorModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: GenericErrorModalComponent, selector: "vector-generic-error-modal", ngImport: i0, template: "<p-dialog\r\n [(visible)]=\"!!message\"\r\n [modal]=\"true\"\r\n [breakpoints]=\"{ '440px': '95vw' }\"\r\n [style]=\"{ width: '400px' }\"\r\n [draggable]=\"false\"\r\n [resizable]=\"false\"\r\n [blockScroll]=\"true\"\r\n [closeOnEscape]=\"false\"\r\n [closable]=\"true\"\r\n>\r\n <div class=\"content-container\">\r\n <img class=\"emote\" src=\".././../../assets/images/emote_bad.svg\" />\r\n <p class=\"title\">Algo deu errado!</p>\r\n <p class=\"message\">{{ message }}</p>\r\n\r\n <div class=\"actions\">\r\n <vector-button (click)=\"close()\" label=\"Voltar\"></vector-button>\r\n </div>\r\n </div>\r\n</p-dialog>\r\n", styles: [".content-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.content-container .title{text-align:center;color
|
|
2281
|
+
GenericErrorModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: GenericErrorModalComponent, selector: "vector-generic-error-modal", ngImport: i0, template: "<p-dialog\r\n [(visible)]=\"!!message\"\r\n [modal]=\"true\"\r\n [breakpoints]=\"{ '440px': '95vw' }\"\r\n [style]=\"{ width: '400px' }\"\r\n [draggable]=\"false\"\r\n [resizable]=\"false\"\r\n [blockScroll]=\"true\"\r\n [closeOnEscape]=\"false\"\r\n [closable]=\"true\"\r\n>\r\n <div class=\"content-container\">\r\n <img class=\"emote\" src=\".././../../assets/images/emote_bad.svg\" />\r\n <p class=\"title\">Algo deu errado!</p>\r\n <p class=\"message\">{{ message }}</p>\r\n\r\n <div class=\"actions\">\r\n <vector-button (click)=\"close()\" label=\"Voltar\"></vector-button>\r\n </div>\r\n </div>\r\n</p-dialog>\r\n", styles: [":root{--teste: green;--theme-primary: #0046e8;--theme-dark: #3a2b68;--background: #f2f2f7;--font-color: #151515;--disabled-background: #bcbcbc;--placeholder-color: #aaaaaa80;--border-radius: 5px;--theme-primary-transparent: rgba(1, 70, 108, .8);--grey-light: #e5e5ea;--grey-lighter: #eff0f6;--grey-dark: #6e7f88;--error-color: #fd6a6a;--error-color-dark: #ff4136;--error-color-transparent: #fd6a6a1a;--success-color: #11b797;--success-color-dark: #0e8a71;--theme-light: #0145e8;--warning-color: #e9c429;--cancel-color: #ca024f;--form-labels-color: #4e4b66}.content-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.content-container .title{text-align:center;color:var(--theme-dark);font-weight:600;margin-bottom:20px}.content-container .emote{height:40px;width:40px}@media (min-width: 991px){.content-container .emote{height:60px;width:60px}}.content-container .actions{margin-top:20px;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.content-container .actions vector-button{width:75%}\n"], components: [{ type: i2$4.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { type: ButtonComponent, selector: "vector-button", inputs: ["disabled", "label", "type", "leftIcon", "noShadow"], outputs: ["onClick"] }] });
|
|
2282
2282
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: GenericErrorModalComponent, decorators: [{
|
|
2283
2283
|
type: Component,
|
|
2284
|
-
args: [{ selector: 'vector-generic-error-modal', template: "<p-dialog\r\n [(visible)]=\"!!message\"\r\n [modal]=\"true\"\r\n [breakpoints]=\"{ '440px': '95vw' }\"\r\n [style]=\"{ width: '400px' }\"\r\n [draggable]=\"false\"\r\n [resizable]=\"false\"\r\n [blockScroll]=\"true\"\r\n [closeOnEscape]=\"false\"\r\n [closable]=\"true\"\r\n>\r\n <div class=\"content-container\">\r\n <img class=\"emote\" src=\".././../../assets/images/emote_bad.svg\" />\r\n <p class=\"title\">Algo deu errado!</p>\r\n <p class=\"message\">{{ message }}</p>\r\n\r\n <div class=\"actions\">\r\n <vector-button (click)=\"close()\" label=\"Voltar\"></vector-button>\r\n </div>\r\n </div>\r\n</p-dialog>\r\n", styles: [".content-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.content-container .title{text-align:center;color
|
|
2284
|
+
args: [{ selector: 'vector-generic-error-modal', template: "<p-dialog\r\n [(visible)]=\"!!message\"\r\n [modal]=\"true\"\r\n [breakpoints]=\"{ '440px': '95vw' }\"\r\n [style]=\"{ width: '400px' }\"\r\n [draggable]=\"false\"\r\n [resizable]=\"false\"\r\n [blockScroll]=\"true\"\r\n [closeOnEscape]=\"false\"\r\n [closable]=\"true\"\r\n>\r\n <div class=\"content-container\">\r\n <img class=\"emote\" src=\".././../../assets/images/emote_bad.svg\" />\r\n <p class=\"title\">Algo deu errado!</p>\r\n <p class=\"message\">{{ message }}</p>\r\n\r\n <div class=\"actions\">\r\n <vector-button (click)=\"close()\" label=\"Voltar\"></vector-button>\r\n </div>\r\n </div>\r\n</p-dialog>\r\n", styles: [":root{--teste: green;--theme-primary: #0046e8;--theme-dark: #3a2b68;--background: #f2f2f7;--font-color: #151515;--disabled-background: #bcbcbc;--placeholder-color: #aaaaaa80;--border-radius: 5px;--theme-primary-transparent: rgba(1, 70, 108, .8);--grey-light: #e5e5ea;--grey-lighter: #eff0f6;--grey-dark: #6e7f88;--error-color: #fd6a6a;--error-color-dark: #ff4136;--error-color-transparent: #fd6a6a1a;--success-color: #11b797;--success-color-dark: #0e8a71;--theme-light: #0145e8;--warning-color: #e9c429;--cancel-color: #ca024f;--form-labels-color: #4e4b66}.content-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.content-container .title{text-align:center;color:var(--theme-dark);font-weight:600;margin-bottom:20px}.content-container .emote{height:40px;width:40px}@media (min-width: 991px){.content-container .emote{height:60px;width:60px}}.content-container .actions{margin-top:20px;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.content-container .actions vector-button{width:75%}\n"] }]
|
|
2285
2285
|
}], ctorParameters: function () { return [{ type: ErrorMessageService }]; } });
|
|
2286
2286
|
|
|
2287
2287
|
class GenericErrorModalModule {
|
|
@@ -2321,10 +2321,10 @@ class GenericModalComponent {
|
|
|
2321
2321
|
}
|
|
2322
2322
|
}
|
|
2323
2323
|
GenericModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: GenericModalComponent, deps: [{ token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
2324
|
-
GenericModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: GenericModalComponent, selector: "vector-generic-modal", inputs: { title: "title", message: "message", fileIcon: "fileIcon", linkLabel: "linkLabel", linkUrl: "linkUrl", display: "display", closable: "closable" }, ngImport: i0, template: "<p-dialog\r\n [(visible)]=\"display\"\r\n [modal]=\"true\"\r\n [breakpoints]=\"{ '440px': '95vw' }\"\r\n [style]=\"{ width: '400px' }\"\r\n [draggable]=\"false\"\r\n [resizable]=\"false\"\r\n [blockScroll]=\"true\"\r\n [closeOnEscape]=\"false\"\r\n [closable]=\"closable\"\r\n>\r\n <div class=\"content-container\">\r\n <img *ngIf=\"fileIcon\" class=\"emote\" src=\"../../../../assets/images/{{ fileIcon }}.svg\" />\r\n <p *ngIf=\"title\" class=\"title\">{{ title }}</p>\r\n <p *ngFor=\"let text of message\" class=\"message\">{{ text }}</p>\r\n <vector-button *ngIf=\"linkLabel\" label=\"{{ linkLabel }}\" (click)=\"routerLink(linkUrl)\"></vector-button>\r\n <div class=\"actions\">\r\n <vector-button (click)=\"close(true)\" label=\"Voltar\"></vector-button>\r\n </div>\r\n </div>\r\n</p-dialog>\r\n", styles: [".content-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.content-container .title{text-align:center;color
|
|
2324
|
+
GenericModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: GenericModalComponent, selector: "vector-generic-modal", inputs: { title: "title", message: "message", fileIcon: "fileIcon", linkLabel: "linkLabel", linkUrl: "linkUrl", display: "display", closable: "closable" }, ngImport: i0, template: "<p-dialog\r\n [(visible)]=\"display\"\r\n [modal]=\"true\"\r\n [breakpoints]=\"{ '440px': '95vw' }\"\r\n [style]=\"{ width: '400px' }\"\r\n [draggable]=\"false\"\r\n [resizable]=\"false\"\r\n [blockScroll]=\"true\"\r\n [closeOnEscape]=\"false\"\r\n [closable]=\"closable\"\r\n>\r\n <div class=\"content-container\">\r\n <img *ngIf=\"fileIcon\" class=\"emote\" src=\"../../../../assets/images/{{ fileIcon }}.svg\" />\r\n <p *ngIf=\"title\" class=\"title\">{{ title }}</p>\r\n <p *ngFor=\"let text of message\" class=\"message\">{{ text }}</p>\r\n <vector-button *ngIf=\"linkLabel\" label=\"{{ linkLabel }}\" (click)=\"routerLink(linkUrl)\"></vector-button>\r\n <div class=\"actions\">\r\n <vector-button (click)=\"close(true)\" label=\"Voltar\"></vector-button>\r\n </div>\r\n </div>\r\n</p-dialog>\r\n", styles: [":root{--teste: green;--theme-primary: #0046e8;--theme-dark: #3a2b68;--background: #f2f2f7;--font-color: #151515;--disabled-background: #bcbcbc;--placeholder-color: #aaaaaa80;--border-radius: 5px;--theme-primary-transparent: rgba(1, 70, 108, .8);--grey-light: #e5e5ea;--grey-lighter: #eff0f6;--grey-dark: #6e7f88;--error-color: #fd6a6a;--error-color-dark: #ff4136;--error-color-transparent: #fd6a6a1a;--success-color: #11b797;--success-color-dark: #0e8a71;--theme-light: #0145e8;--warning-color: #e9c429;--cancel-color: #ca024f;--form-labels-color: #4e4b66}.content-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.content-container .title{text-align:center;color:var(--theme-dark);font-weight:600;margin-bottom:20px}.content-container .emote{height:40px;width:40px}@media (min-width: 991px){.content-container .emote{height:60px;width:60px}}.content-container .actions{margin-top:20px;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.content-container .actions vector-button{width:75%}.content-container .message{text-align:center}\n"], components: [{ type: i2$4.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { type: ButtonComponent, selector: "vector-button", inputs: ["disabled", "label", "type", "leftIcon", "noShadow"], outputs: ["onClick"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
2325
2325
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: GenericModalComponent, decorators: [{
|
|
2326
2326
|
type: Component,
|
|
2327
|
-
args: [{ selector: 'vector-generic-modal', template: "<p-dialog\r\n [(visible)]=\"display\"\r\n [modal]=\"true\"\r\n [breakpoints]=\"{ '440px': '95vw' }\"\r\n [style]=\"{ width: '400px' }\"\r\n [draggable]=\"false\"\r\n [resizable]=\"false\"\r\n [blockScroll]=\"true\"\r\n [closeOnEscape]=\"false\"\r\n [closable]=\"closable\"\r\n>\r\n <div class=\"content-container\">\r\n <img *ngIf=\"fileIcon\" class=\"emote\" src=\"../../../../assets/images/{{ fileIcon }}.svg\" />\r\n <p *ngIf=\"title\" class=\"title\">{{ title }}</p>\r\n <p *ngFor=\"let text of message\" class=\"message\">{{ text }}</p>\r\n <vector-button *ngIf=\"linkLabel\" label=\"{{ linkLabel }}\" (click)=\"routerLink(linkUrl)\"></vector-button>\r\n <div class=\"actions\">\r\n <vector-button (click)=\"close(true)\" label=\"Voltar\"></vector-button>\r\n </div>\r\n </div>\r\n</p-dialog>\r\n", styles: [".content-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.content-container .title{text-align:center;color
|
|
2327
|
+
args: [{ selector: 'vector-generic-modal', template: "<p-dialog\r\n [(visible)]=\"display\"\r\n [modal]=\"true\"\r\n [breakpoints]=\"{ '440px': '95vw' }\"\r\n [style]=\"{ width: '400px' }\"\r\n [draggable]=\"false\"\r\n [resizable]=\"false\"\r\n [blockScroll]=\"true\"\r\n [closeOnEscape]=\"false\"\r\n [closable]=\"closable\"\r\n>\r\n <div class=\"content-container\">\r\n <img *ngIf=\"fileIcon\" class=\"emote\" src=\"../../../../assets/images/{{ fileIcon }}.svg\" />\r\n <p *ngIf=\"title\" class=\"title\">{{ title }}</p>\r\n <p *ngFor=\"let text of message\" class=\"message\">{{ text }}</p>\r\n <vector-button *ngIf=\"linkLabel\" label=\"{{ linkLabel }}\" (click)=\"routerLink(linkUrl)\"></vector-button>\r\n <div class=\"actions\">\r\n <vector-button (click)=\"close(true)\" label=\"Voltar\"></vector-button>\r\n </div>\r\n </div>\r\n</p-dialog>\r\n", styles: [":root{--teste: green;--theme-primary: #0046e8;--theme-dark: #3a2b68;--background: #f2f2f7;--font-color: #151515;--disabled-background: #bcbcbc;--placeholder-color: #aaaaaa80;--border-radius: 5px;--theme-primary-transparent: rgba(1, 70, 108, .8);--grey-light: #e5e5ea;--grey-lighter: #eff0f6;--grey-dark: #6e7f88;--error-color: #fd6a6a;--error-color-dark: #ff4136;--error-color-transparent: #fd6a6a1a;--success-color: #11b797;--success-color-dark: #0e8a71;--theme-light: #0145e8;--warning-color: #e9c429;--cancel-color: #ca024f;--form-labels-color: #4e4b66}.content-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.content-container .title{text-align:center;color:var(--theme-dark);font-weight:600;margin-bottom:20px}.content-container .emote{height:40px;width:40px}@media (min-width: 991px){.content-container .emote{height:60px;width:60px}}.content-container .actions{margin-top:20px;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.content-container .actions vector-button{width:75%}.content-container .message{text-align:center}\n"] }]
|
|
2328
2328
|
}], ctorParameters: function () { return [{ type: i2.Router }]; }, propDecorators: { title: [{
|
|
2329
2329
|
type: Input
|
|
2330
2330
|
}], message: [{
|
|
@@ -2378,10 +2378,10 @@ class SubMenusListComponent {
|
|
|
2378
2378
|
}
|
|
2379
2379
|
}
|
|
2380
2380
|
SubMenusListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SubMenusListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2381
|
-
SubMenusListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: SubMenusListComponent, selector: "vector-sub-menus-list", inputs: { showList: "showList", options: "options", childLevel: "childLevel", submenuSelected: "submenuSelected" }, outputs: { submenuSelectedChange: "submenuSelectedChange" }, ngImport: i0, template: "<div class=\"sub-menu-container\">\r\n <ul *ngIf=\"showList\" class=\"sub-menu\">\r\n <div *ngFor=\"let submenuItem of options\">\r\n <li class=\"sub-menu-item\" [ngStyle]=\"{ 'padding-left': paddingLeft }\" (click)=\"submenuClick(submenuItem)\">\r\n <div\r\n class=\"current-item\"\r\n [ngClass]=\"{\r\n 'active-menu': submenuSelected?.id === submenuItem.id,\r\n 'always-open': !!submenuItem.alwaysOpen,\r\n 'last-child': !submenuItem.children?.length\r\n }\"\r\n [pTooltip]=\"submenuItem.label\"\r\n tooltipPosition=\"right\"\r\n >\r\n <div *ngIf=\"submenuItem.icon\" class=\"icon-container\">\r\n <i [class]=\"submenuItem.icon\"></i>\r\n </div>\r\n <span class=\"menu-label\">{{ submenuItem.label }}</span>\r\n <i\r\n *ngIf=\"submenuItem.children?.length && !submenuItem.alwaysOpen\"\r\n class=\"fas angle-icon\"\r\n [ngClass]=\"{\r\n 'fa-angle-down': submenuSelected?.id !== submenuItem.id,\r\n 'fa-angle-up': submenuSelected?.id === submenuItem.id\r\n }\"\r\n ></i>\r\n </div>\r\n </li>\r\n <vector-sub-menus-list\r\n *ngIf=\"submenuItem?.children\"\r\n [options]=\"submenuItem?.children\"\r\n [showList]=\"submenuItem?.id === submenuSelected?.id || !!submenuItem?.alwaysOpen\"\r\n [childLevel]=\"childLevel + 1\"\r\n (submenuSelectedChange)=\"submenuClick($event)\"\r\n ></vector-sub-menus-list>\r\n </div>\r\n </ul>\r\n</div>\r\n", styles: [".angle-icon{position:absolute;right:10px}.menu-icon{filter:brightness(0) saturate(100%) invert(14%) sepia(87%) saturate(1218%) hue-rotate(233deg) brightness(88%) contrast(90%);width:20px;height:20px}.icon-container{width:20px;height:20px}.icon-container .menu-icon{display:flex;justify-content:center;align-items:center;font-size:1.
|
|
2381
|
+
SubMenusListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: SubMenusListComponent, selector: "vector-sub-menus-list", inputs: { showList: "showList", options: "options", childLevel: "childLevel", submenuSelected: "submenuSelected" }, outputs: { submenuSelectedChange: "submenuSelectedChange" }, ngImport: i0, template: "<div class=\"sub-menu-container\">\r\n <ul *ngIf=\"showList\" class=\"sub-menu\">\r\n <div *ngFor=\"let submenuItem of options\">\r\n <li class=\"sub-menu-item\" [ngStyle]=\"{ 'padding-left': paddingLeft }\" (click)=\"submenuClick(submenuItem)\">\r\n <div\r\n class=\"current-item\"\r\n [ngClass]=\"{\r\n 'active-menu': submenuSelected?.id === submenuItem.id,\r\n 'always-open': !!submenuItem.alwaysOpen,\r\n 'last-child': !submenuItem.children?.length\r\n }\"\r\n [pTooltip]=\"submenuItem.label\"\r\n tooltipPosition=\"right\"\r\n >\r\n <div *ngIf=\"submenuItem.icon\" class=\"icon-container\">\r\n <i [class]=\"submenuItem.icon\"></i>\r\n </div>\r\n <span class=\"menu-label\">{{ submenuItem.label }}</span>\r\n <i\r\n *ngIf=\"submenuItem.children?.length && !submenuItem.alwaysOpen\"\r\n class=\"fas angle-icon\"\r\n [ngClass]=\"{\r\n 'fa-angle-down': submenuSelected?.id !== submenuItem.id,\r\n 'fa-angle-up': submenuSelected?.id === submenuItem.id\r\n }\"\r\n ></i>\r\n </div>\r\n </li>\r\n <vector-sub-menus-list\r\n *ngIf=\"submenuItem?.children\"\r\n [options]=\"submenuItem?.children\"\r\n [showList]=\"submenuItem?.id === submenuSelected?.id || !!submenuItem?.alwaysOpen\"\r\n [childLevel]=\"childLevel + 1\"\r\n (submenuSelectedChange)=\"submenuClick($event)\"\r\n ></vector-sub-menus-list>\r\n </div>\r\n </ul>\r\n</div>\r\n", styles: [":root{--teste: green;--theme-primary: #0046e8;--theme-dark: #3a2b68;--background: #f2f2f7;--font-color: #151515;--disabled-background: #bcbcbc;--placeholder-color: #aaaaaa80;--border-radius: 5px;--theme-primary-transparent: rgba(1, 70, 108, .8);--grey-light: #e5e5ea;--grey-lighter: #eff0f6;--grey-dark: #6e7f88;--error-color: #fd6a6a;--error-color-dark: #ff4136;--error-color-transparent: #fd6a6a1a;--success-color: #11b797;--success-color-dark: #0e8a71;--theme-light: #0145e8;--warning-color: #e9c429;--cancel-color: #ca024f;--form-labels-color: #4e4b66}.angle-icon{position:absolute;right:10px}.menu-icon{filter:brightness(0) saturate(100%) invert(14%) sepia(87%) saturate(1218%) hue-rotate(233deg) brightness(88%) contrast(90%);width:20px;height:20px}.icon-container{width:20px;height:20px}.icon-container .menu-icon{display:flex;justify-content:center;align-items:center;font-size:1.4em}.menu-label{color:var(--theme-dark);font-weight:600;text-decoration:none;padding-bottom:1px;margin-left:20px;min-width:170px;white-space:normal;overflow:visible}.active-menu:not(.always-open){background-color:var(--grey-light)}.sub-menu-container .sub-menu{list-style:none;display:contents}.sub-menu-container .sub-menu .sub-menu-item{animation:showSubMenu ease-in-out .1s;animation-fill-mode:both}.sub-menu-container .sub-menu .sub-menu-item:not(:first-child):nth-child(1n){animation-delay:50ms}.sub-menu-container .sub-menu .sub-menu-item:not(:first-child):nth-child(2n){animation-delay:.1s}.sub-menu-container .sub-menu .sub-menu-item:not(:first-child):nth-child(3n){animation-delay:.15s}.sub-menu-container .sub-menu .sub-menu-item:not(:first-child):nth-child(4n){animation-delay:.2s}.sub-menu-container .sub-menu .sub-menu-item:not(:first-child):nth-child(5n){animation-delay:.25s}.sub-menu-container .sub-menu .sub-menu-item:not(:first-child):nth-child(6n){animation-delay:.3s}.sub-menu-container .sub-menu .sub-menu-item:not(:first-child):nth-child(7n){animation-delay:.35s}.sub-menu-container .sub-menu .sub-menu-item:not(:first-child):nth-child(8n){animation-delay:.4s}.sub-menu-container .sub-menu .sub-menu-item:not(:first-child):nth-child(9n){animation-delay:.45s}.sub-menu-container .sub-menu .sub-menu-item:not(:first-child):nth-child(10n){animation-delay:.5s}.sub-menu-container .sub-menu .sub-menu-item .current-item{min-height:40px;display:flex;flex-direction:row;align-items:center;transition:background-color ease-in-out .1s;z-index:2;overflow:hidden;padding:0 10px;border-radius:15px;margin:5px 0;position:relative}.sub-menu-container .sub-menu .sub-menu-item .current-item:not(.always-open){cursor:pointer}.sub-menu-container .sub-menu .sub-menu-item .current-item:hover,.sub-menu-container .sub-menu .sub-menu-item .current-item.active{background-color:var(--grey-light)}.sub-menu-container .sub-menu .sub-menu-item .current-item.active span,.sub-menu-container .sub-menu .sub-menu-item .current-item.active i{color:#fff}@keyframes showSubMenu{0%{transform:translate(-100%)}to{transform:translate(0)}}.sub-menu-container .sub-menu .sub-menu-item .last-child .menu-label{font-weight:400}\n"], components: [{ type: SubMenusListComponent, selector: "vector-sub-menus-list", inputs: ["showList", "options", "childLevel", "submenuSelected"], outputs: ["submenuSelectedChange"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "pTooltip", "tooltipDisabled", "tooltipOptions"] }] });
|
|
2382
2382
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SubMenusListComponent, decorators: [{
|
|
2383
2383
|
type: Component,
|
|
2384
|
-
args: [{ selector: 'vector-sub-menus-list', template: "<div class=\"sub-menu-container\">\r\n <ul *ngIf=\"showList\" class=\"sub-menu\">\r\n <div *ngFor=\"let submenuItem of options\">\r\n <li class=\"sub-menu-item\" [ngStyle]=\"{ 'padding-left': paddingLeft }\" (click)=\"submenuClick(submenuItem)\">\r\n <div\r\n class=\"current-item\"\r\n [ngClass]=\"{\r\n 'active-menu': submenuSelected?.id === submenuItem.id,\r\n 'always-open': !!submenuItem.alwaysOpen,\r\n 'last-child': !submenuItem.children?.length\r\n }\"\r\n [pTooltip]=\"submenuItem.label\"\r\n tooltipPosition=\"right\"\r\n >\r\n <div *ngIf=\"submenuItem.icon\" class=\"icon-container\">\r\n <i [class]=\"submenuItem.icon\"></i>\r\n </div>\r\n <span class=\"menu-label\">{{ submenuItem.label }}</span>\r\n <i\r\n *ngIf=\"submenuItem.children?.length && !submenuItem.alwaysOpen\"\r\n class=\"fas angle-icon\"\r\n [ngClass]=\"{\r\n 'fa-angle-down': submenuSelected?.id !== submenuItem.id,\r\n 'fa-angle-up': submenuSelected?.id === submenuItem.id\r\n }\"\r\n ></i>\r\n </div>\r\n </li>\r\n <vector-sub-menus-list\r\n *ngIf=\"submenuItem?.children\"\r\n [options]=\"submenuItem?.children\"\r\n [showList]=\"submenuItem?.id === submenuSelected?.id || !!submenuItem?.alwaysOpen\"\r\n [childLevel]=\"childLevel + 1\"\r\n (submenuSelectedChange)=\"submenuClick($event)\"\r\n ></vector-sub-menus-list>\r\n </div>\r\n </ul>\r\n</div>\r\n", styles: [".angle-icon{position:absolute;right:10px}.menu-icon{filter:brightness(0) saturate(100%) invert(14%) sepia(87%) saturate(1218%) hue-rotate(233deg) brightness(88%) contrast(90%);width:20px;height:20px}.icon-container{width:20px;height:20px}.icon-container .menu-icon{display:flex;justify-content:center;align-items:center;font-size:1.
|
|
2384
|
+
args: [{ selector: 'vector-sub-menus-list', template: "<div class=\"sub-menu-container\">\r\n <ul *ngIf=\"showList\" class=\"sub-menu\">\r\n <div *ngFor=\"let submenuItem of options\">\r\n <li class=\"sub-menu-item\" [ngStyle]=\"{ 'padding-left': paddingLeft }\" (click)=\"submenuClick(submenuItem)\">\r\n <div\r\n class=\"current-item\"\r\n [ngClass]=\"{\r\n 'active-menu': submenuSelected?.id === submenuItem.id,\r\n 'always-open': !!submenuItem.alwaysOpen,\r\n 'last-child': !submenuItem.children?.length\r\n }\"\r\n [pTooltip]=\"submenuItem.label\"\r\n tooltipPosition=\"right\"\r\n >\r\n <div *ngIf=\"submenuItem.icon\" class=\"icon-container\">\r\n <i [class]=\"submenuItem.icon\"></i>\r\n </div>\r\n <span class=\"menu-label\">{{ submenuItem.label }}</span>\r\n <i\r\n *ngIf=\"submenuItem.children?.length && !submenuItem.alwaysOpen\"\r\n class=\"fas angle-icon\"\r\n [ngClass]=\"{\r\n 'fa-angle-down': submenuSelected?.id !== submenuItem.id,\r\n 'fa-angle-up': submenuSelected?.id === submenuItem.id\r\n }\"\r\n ></i>\r\n </div>\r\n </li>\r\n <vector-sub-menus-list\r\n *ngIf=\"submenuItem?.children\"\r\n [options]=\"submenuItem?.children\"\r\n [showList]=\"submenuItem?.id === submenuSelected?.id || !!submenuItem?.alwaysOpen\"\r\n [childLevel]=\"childLevel + 1\"\r\n (submenuSelectedChange)=\"submenuClick($event)\"\r\n ></vector-sub-menus-list>\r\n </div>\r\n </ul>\r\n</div>\r\n", styles: [":root{--teste: green;--theme-primary: #0046e8;--theme-dark: #3a2b68;--background: #f2f2f7;--font-color: #151515;--disabled-background: #bcbcbc;--placeholder-color: #aaaaaa80;--border-radius: 5px;--theme-primary-transparent: rgba(1, 70, 108, .8);--grey-light: #e5e5ea;--grey-lighter: #eff0f6;--grey-dark: #6e7f88;--error-color: #fd6a6a;--error-color-dark: #ff4136;--error-color-transparent: #fd6a6a1a;--success-color: #11b797;--success-color-dark: #0e8a71;--theme-light: #0145e8;--warning-color: #e9c429;--cancel-color: #ca024f;--form-labels-color: #4e4b66}.angle-icon{position:absolute;right:10px}.menu-icon{filter:brightness(0) saturate(100%) invert(14%) sepia(87%) saturate(1218%) hue-rotate(233deg) brightness(88%) contrast(90%);width:20px;height:20px}.icon-container{width:20px;height:20px}.icon-container .menu-icon{display:flex;justify-content:center;align-items:center;font-size:1.4em}.menu-label{color:var(--theme-dark);font-weight:600;text-decoration:none;padding-bottom:1px;margin-left:20px;min-width:170px;white-space:normal;overflow:visible}.active-menu:not(.always-open){background-color:var(--grey-light)}.sub-menu-container .sub-menu{list-style:none;display:contents}.sub-menu-container .sub-menu .sub-menu-item{animation:showSubMenu ease-in-out .1s;animation-fill-mode:both}.sub-menu-container .sub-menu .sub-menu-item:not(:first-child):nth-child(1n){animation-delay:50ms}.sub-menu-container .sub-menu .sub-menu-item:not(:first-child):nth-child(2n){animation-delay:.1s}.sub-menu-container .sub-menu .sub-menu-item:not(:first-child):nth-child(3n){animation-delay:.15s}.sub-menu-container .sub-menu .sub-menu-item:not(:first-child):nth-child(4n){animation-delay:.2s}.sub-menu-container .sub-menu .sub-menu-item:not(:first-child):nth-child(5n){animation-delay:.25s}.sub-menu-container .sub-menu .sub-menu-item:not(:first-child):nth-child(6n){animation-delay:.3s}.sub-menu-container .sub-menu .sub-menu-item:not(:first-child):nth-child(7n){animation-delay:.35s}.sub-menu-container .sub-menu .sub-menu-item:not(:first-child):nth-child(8n){animation-delay:.4s}.sub-menu-container .sub-menu .sub-menu-item:not(:first-child):nth-child(9n){animation-delay:.45s}.sub-menu-container .sub-menu .sub-menu-item:not(:first-child):nth-child(10n){animation-delay:.5s}.sub-menu-container .sub-menu .sub-menu-item .current-item{min-height:40px;display:flex;flex-direction:row;align-items:center;transition:background-color ease-in-out .1s;z-index:2;overflow:hidden;padding:0 10px;border-radius:15px;margin:5px 0;position:relative}.sub-menu-container .sub-menu .sub-menu-item .current-item:not(.always-open){cursor:pointer}.sub-menu-container .sub-menu .sub-menu-item .current-item:hover,.sub-menu-container .sub-menu .sub-menu-item .current-item.active{background-color:var(--grey-light)}.sub-menu-container .sub-menu .sub-menu-item .current-item.active span,.sub-menu-container .sub-menu .sub-menu-item .current-item.active i{color:#fff}@keyframes showSubMenu{0%{transform:translate(-100%)}to{transform:translate(0)}}.sub-menu-container .sub-menu .sub-menu-item .last-child .menu-label{font-weight:400}\n"] }]
|
|
2385
2385
|
}], propDecorators: { showList: [{
|
|
2386
2386
|
type: Input
|
|
2387
2387
|
}], options: [{
|
|
@@ -2558,7 +2558,7 @@ class MenuComponent {
|
|
|
2558
2558
|
}
|
|
2559
2559
|
}
|
|
2560
2560
|
MenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MenuComponent, deps: [{ token: MenuService }, { token: i2.Router }, { token: ProfileService }, { token: StorageService }, { token: 'environment' }, { token: 'appName' }], target: i0.ɵɵFactoryTarget.Component });
|
|
2561
|
-
MenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: MenuComponent, selector: "vector-menu", outputs: { onFinishMenuOptionsConfig: "onFinishMenuOptionsConfig" }, host: { listeners: { "window:resize": "onResize($event)", "document:keydown.escape": "handleKeyboardEvent($event)" } }, ngImport: i0, template: "<nav id=\"menu\" [ngStyle]=\"widthStyle\" [@sideInOut]=\"lastAnimation\">\r\n <div class=\"header-menu\">\r\n <div class=\"logo-container\">\r\n <div class=\"logo\" [ngClass]=\"{ 'logo-small': !opened }\"></div>\r\n </div>\r\n </div>\r\n <div class=\"menu-sections\">\r\n <div class=\"menu-section\">\r\n <span [ngStyle]=\"{ opacity: opened ? 1 : 0 }\" class=\"menu-section-title\">SELE\u00C7\u00C3O DE PORTAL</span>\r\n <ul class=\"side-menu\">\r\n <li>\r\n <div\r\n class=\"side-menu-item\"\r\n [ngClass]=\"{ 'selected-portal': isPortalSelected(apps.LOGTECH) }\"\r\n (click)=\"navigateToPortal({ portal: 'logtech', admin: false })\"\r\n >\r\n <div class=\"icon-container\">\r\n <img src=\"../../../../assets/icons/vector_logtech_icon.svg\" class=\"menu-icon\" />\r\n </div>\r\n <span class=\"menu-label\">Cargas</span>\r\n </div>\r\n </li>\r\n <li *ngIf=\"hasAnyFintechPermission\">\r\n <div\r\n class=\"side-menu-item\"\r\n [ngClass]=\"{ 'selected-portal': isPortalSelected(apps.FINTECH) }\"\r\n (click)=\"navigateToPortal({ portal: 'fintech', admin: false })\"\r\n >\r\n <div class=\"icon-container\">\r\n <img src=\"../../../../assets/icons/vector_fintech_icon.svg\" class=\"menu-icon\" />\r\n </div>\r\n <span class=\"menu-label\">Carteira digital</span>\r\n </div>\r\n </li>\r\n <li>\r\n <div\r\n class=\"side-menu-item\"\r\n [ngClass]=\"{ 'selected-portal': isPortalSelected(apps.MARKETPLACE) }\"\r\n (click)=\"navigateToPortal({ portal: 'marketplace', admin: false })\"\r\n >\r\n <div class=\"icon-container\">\r\n <img src=\"../../../../assets/icons/vector_marketplace_icon.svg\" class=\"menu-icon\" />\r\n </div>\r\n <span class=\"menu-label\">Combust\u00EDvel</span>\r\n </div>\r\n </li>\r\n <li *ngIf=\"adminOption && (hasFintechAdminPermission || hasMarketplaceAdminPermission)\">\r\n <div\r\n class=\"side-menu-item\"\r\n (click)=\"onMenuClick(adminOption)\"\r\n [ngClass]=\"{ 'active-menu': activeOption?.id === adminOption.id }\"\r\n >\r\n <div class=\"icon-container\">\r\n <img src=\"../../../../assets/icons/vector_admin_icon.svg\" class=\"menu-icon\" />\r\n </div>\r\n <span class=\"menu-label\">{{ adminOption.label }}</span>\r\n <i\r\n *ngIf=\"opened && adminOption.children?.length\"\r\n class=\"fas angle-icon\"\r\n [ngClass]=\"{\r\n 'fa-angle-down': activeOption?.id !== adminOption.id,\r\n 'fa-angle-up': activeOption?.id === adminOption.id\r\n }\"\r\n ></i>\r\n </div>\r\n <vector-sub-menus-list\r\n [options]=\"adminOption.children\"\r\n [showList]=\"activeOption?.id === adminOption.id\"\r\n [submenuSelected]=\"activeSubmenuOption\"\r\n (submenuSelectedChange)=\"onSubmenuClick($event)\"\r\n ></vector-sub-menus-list>\r\n </li>\r\n </ul>\r\n </div>\r\n <div class=\"menu-section\">\r\n <span [ngStyle]=\"{ opacity: opened && options?.length ? 1 : 0 }\" class=\"menu-section-title\">MENU</span>\r\n <ul class=\"side-menu\">\r\n <li *ngFor=\"let option of options\">\r\n <div\r\n class=\"side-menu-item\"\r\n [ngClass]=\"{ 'active-menu': activeOption?.id === option.id, 'always-open': !!option.alwaysOpen }\"\r\n [pTooltip]=\"option.label\"\r\n tooltipPosition=\"right\"\r\n (click)=\"onMenuClick(option)\"\r\n >\r\n <div class=\"icon-container\">\r\n <img\r\n *ngIf=\"option.iconFileName\"\r\n [src]=\"'../../../../assets/icons/' + option.iconFileName + '.svg'\"\r\n class=\"menu-icon\"\r\n />\r\n <i *ngIf=\"option.icon\" class=\"menu-icon {{ option.icon }}\"></i>\r\n </div>\r\n <span class=\"menu-label\">{{ option.label }}</span>\r\n <i\r\n *ngIf=\"opened && option.children?.length && !option.alwaysOpen\"\r\n class=\"fas angle-icon\"\r\n [ngClass]=\"{\r\n 'fa-angle-down': activeOption?.id !== option.id,\r\n 'fa-angle-up': activeOption?.id === option.id\r\n }\"\r\n ></i>\r\n </div>\r\n <vector-sub-menus-list\r\n [options]=\"option.children\"\r\n [showList]=\"activeOption?.id === option.id || (!!option.alwaysOpen && opened)\"\r\n [submenuSelected]=\"activeSubmenuOption\"\r\n (submenuSelectedChange)=\"onSubmenuClick($event)\"\r\n ></vector-sub-menus-list>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div class=\"footer side-menu-item\">\r\n <div class=\"icon-container\">\r\n <img src=\"../../../../assets/icons/menu_footer_icon.svg\" class=\"menu-icon\" />\r\n </div>\r\n <span class=\"menu-label footer-content\">\r\n <span> Veja nosso <a (click)=\"openTermsOfUse()\">Termo de uso</a> </span>\r\n <span>e <a>Pol\u00EDtica de privacidade</a></span>\r\n </span>\r\n </div>\r\n</nav>\r\n", styles: [".angle-icon{position:absolute;right:10px}.menu-icon{filter:brightness(0) saturate(100%) invert(14%) sepia(87%) saturate(1218%) hue-rotate(233deg) brightness(88%) contrast(90%);width:20px;height:20px}.icon-container{width:20px;height:20px}.icon-container .menu-icon{display:flex;justify-content:center;align-items:center;font-size:1.1em}.menu-label{color:#3a2b68;font-weight:600;text-decoration:none;padding-bottom:1px;margin-left:20px;min-width:170px;white-space:normal;overflow:visible}.active-menu:not(.always-open){background-color:#e5e5ea}nav{height:100vh;min-height:100vh;background-color:#f5f5f5;transition:width ease-in-out .2s;display:flex;flex-direction:column;z-index:500;position:sticky;box-shadow:2px 2px 4px #00000029}nav .header-menu{display:flex;justify-content:center;flex-direction:column;width:100%}nav .header-menu .logo-container{height:81px;padding:5px;display:flex;justify-content:center;align-items:center}nav .header-menu .logo-container .logo{background-image:url(\"data:image/svg+xml,%3Csvg width%3D%22140%22 height%3D%2224%22 viewBox%3D%220 0 140 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M121.242 12.1018C121.196 12.0337 121.134 11.978 121.061 11.9396C120.988 11.9012 120.907 11.8814 120.825 11.8818H94.3811C94.2986 11.8813 94.2172 11.9013 94.1443 11.9398C94.0714 11.9784 94.0091 12.0344 93.9631 12.1028C93.9177 12.1701 93.8903 12.2479 93.8835 12.3288C93.8767 12.4096 93.8907 12.4909 93.9241 12.5648L98.1061 23.4148C98.1462 23.5021 98.2107 23.576 98.2918 23.6276C98.3728 23.6792 98.467 23.7064 98.5631 23.7058C98.6602 23.7056 98.7551 23.6771 98.8362 23.6238C98.9174 23.5705 98.9813 23.4948 99.0201 23.4058L103.086 15.9658H119.432C119.529 15.9664 119.623 15.939 119.704 15.887C119.786 15.835 119.85 15.7607 119.89 15.6728L121.278 12.5598C121.311 12.4867 121.325 12.4063 121.319 12.3262C121.313 12.2461 121.286 12.1689 121.242 12.1018Z%22 fill%3D%22%23C1BFBF%22%2F%3E%0D%3Cpath d%3D%22M120.663 7.18982L117.906 22.6898C117.897 22.8176 117.914 22.946 117.958 23.0666C118.001 23.1871 118.069 23.2973 118.158 23.3898C118.248 23.4847 118.357 23.5602 118.477 23.6118C118.597 23.6634 118.727 23.6899 118.858 23.6898H125.44L124.059 16.0548L120.663 7.18982Z%22 fill%3D%22%230046E8%22%2F%3E%0D%3Cpath d%3D%22M139.493 19.0738H139.234C139.199 14.1088 139.034 12.7618 138.279 11.9548C136.991 11.0177 135.583 10.2567 134.093 9.69185C133.4 9.37585 132.615 9.01784 132.488 8.92384C132.182 8.61884 130.72 5.98785 129.935 4.57385C129.607 3.98385 129.32 3.46684 129.125 3.12784C128.692 2.1348 127.961 1.30139 127.032 0.743619C126.103 0.185842 125.024 -0.0685563 123.944 0.0158354H114.399C114.315 0.0159602 114.232 0.0371689 114.158 0.0775114C114.084 0.117854 114.021 0.176054 113.975 0.246838C113.929 0.318152 113.901 0.399725 113.894 0.484326C113.887 0.568927 113.901 0.653944 113.935 0.731839L123.749 23.3838C123.788 23.4748 123.853 23.5524 123.936 23.6069C124.018 23.6615 124.115 23.6907 124.214 23.6908H126.107C126.24 23.6903 126.368 23.6377 126.463 23.5443C126.557 23.4508 126.612 23.3239 126.614 23.1908C126.614 22.0239 127.078 20.9047 127.903 20.0796C128.728 19.2544 129.847 18.7908 131.014 18.7908C132.181 18.7908 133.3 19.2544 134.125 20.0796C134.951 20.9047 135.414 22.0239 135.414 23.1908C135.416 23.3239 135.471 23.4508 135.566 23.5443C135.66 23.6377 135.788 23.6903 135.921 23.6908H138.736C138.803 23.6906 138.869 23.6771 138.931 23.6512C138.993 23.6254 139.049 23.5875 139.096 23.54C139.143 23.4924 139.18 23.4361 139.205 23.3741C139.231 23.3121 139.243 23.2458 139.243 23.1788C139.243 22.7788 139.243 22.4038 139.243 22.0358H139.493C139.628 22.035 139.757 21.9807 139.852 21.8847C139.948 21.7887 140.001 21.6589 140 21.5238V19.5858C140.001 19.4508 139.948 19.321 139.852 19.225C139.757 19.129 139.628 19.0746 139.493 19.0738ZM126.843 9.88084H122.493C122.327 9.88216 122.165 9.82899 122.032 9.72946C121.899 9.62993 121.803 9.48956 121.757 9.32985L120.263 4.63484C120.233 4.52497 120.23 4.40962 120.253 4.29809C120.275 4.18657 120.324 4.08201 120.395 3.99284C120.467 3.90254 120.558 3.82958 120.662 3.77937C120.766 3.72916 120.88 3.70301 120.995 3.70285H123.672C124.094 3.72152 124.507 3.82512 124.887 4.00744C125.268 4.18976 125.608 4.44703 125.886 4.76384C127.011 5.95381 127.626 7.53657 127.599 9.17384C127.588 9.36608 127.503 9.54657 127.362 9.67811C127.221 9.80965 127.036 9.88221 126.843 9.88084Z%22 fill%3D%22%230046E8%22%2F%3E%0D%3Cpath d%3D%22M111.095 0.247837C111.047 0.178227 110.984 0.121319 110.909 0.0820957C110.834 0.0428727 110.751 0.0225232 110.667 0.0228306H89.895C89.8113 0.0226002 89.7288 0.04268 89.6546 0.081348C89.5804 0.120016 89.5167 0.176117 89.469 0.244831C89.4223 0.312713 89.3935 0.391307 89.3852 0.473301C89.377 0.555294 89.3897 0.638037 89.422 0.71384L90.616 3.90883C90.6562 4.00061 90.7225 4.07859 90.8065 4.13315C90.8906 4.18771 90.9888 4.21646 91.089 4.21584H108.956C109.055 4.21648 109.152 4.18848 109.235 4.13526C109.319 4.08203 109.385 4.00584 109.426 3.91584L111.136 0.720829C111.17 0.645039 111.184 0.561785 111.177 0.478992C111.17 0.396199 111.142 0.316629 111.095 0.247837Z%22 fill%3D%22%23C1BFBF%22%2F%3E%0D%3Cpath d%3D%22M113.338 6.14286C113.29 6.07325 113.227 6.01634 113.152 5.97712C113.077 5.93789 112.994 5.91754 112.91 5.91785H92.1379C92.0542 5.91762 91.9718 5.9377 91.8976 5.97637C91.8234 6.01504 91.7597 6.07114 91.7119 6.13985C91.6652 6.20773 91.6364 6.28633 91.6282 6.36832C91.62 6.45031 91.6326 6.53306 91.6649 6.60886L92.8589 9.80385C92.8991 9.89563 92.9654 9.97361 93.0494 10.0282C93.1335 10.0827 93.2317 10.1115 93.3319 10.1109H111.199C111.298 10.1115 111.395 10.0835 111.478 10.0303C111.562 9.97707 111.628 9.90085 111.669 9.81086L113.379 6.61586C113.413 6.54005 113.427 6.4568 113.42 6.37403C113.413 6.29125 113.384 6.21169 113.338 6.14286Z%22 fill%3D%22%23C1BFBF%22%2F%3E%0D%3Cpath d%3D%22M13.7599 5.00184H11.3849C11.2846 5.00125 11.1859 5.02814 11.0997 5.07962C11.0135 5.13109 10.943 5.20518 10.896 5.29385L6.49595 13.7468L3.45796 5.35785C3.41862 5.25269 3.34795 5.16216 3.25548 5.09849C3.16301 5.03482 3.05321 5.00108 2.94095 5.00184H0.548951C0.461165 5.00163 0.374588 5.02229 0.29635 5.0621C0.218111 5.10192 0.150454 5.15975 0.0989544 5.23085C0.0484788 5.30079 0.0161201 5.38216 0.00477719 5.46766C-0.0065657 5.55317 0.00345838 5.64017 0.033952 5.72085L4.71195 18.1048C4.75225 18.2085 4.82307 18.2974 4.91503 18.3599C5.00699 18.4224 5.11577 18.4555 5.22695 18.4548H7.10195C7.20123 18.4555 7.29883 18.4292 7.38439 18.3789C7.46996 18.3285 7.5403 18.2559 7.58795 18.1688L14.247 5.78485C14.2907 5.7038 14.3122 5.6126 14.3092 5.52055C14.3062 5.4285 14.2788 5.33889 14.23 5.26085C14.1802 5.1812 14.1109 5.11559 14.0286 5.07026C13.9464 5.02493 13.8539 5.00138 13.7599 5.00184Z%22 fill%3D%22%230046E8%22%2F%3E%0D%3Cpath d%3D%22M24.9719 5.00187H16.4719C16.3355 5.00028 16.2034 5.05013 16.1021 5.14149C16.0007 5.23284 15.9375 5.35899 15.9249 5.49486L14.9429 17.8789C14.9379 17.952 14.9482 18.0253 14.9731 18.0942C14.9981 18.1631 15.0372 18.226 15.0879 18.2789C15.1396 18.3328 15.2017 18.3758 15.2704 18.4052C15.3392 18.4346 15.4131 18.4498 15.4879 18.4499H23.9689C24.1052 18.4515 24.2371 18.4018 24.3384 18.3106C24.4397 18.2195 24.5031 18.0936 24.5159 17.9579L24.6589 16.1829C24.664 16.1098 24.6539 16.0366 24.6291 15.9677C24.6043 15.8988 24.5654 15.8359 24.5149 15.7829C24.4633 15.7287 24.4012 15.6856 24.3325 15.656C24.2637 15.6265 24.1897 15.6111 24.1149 15.6109H18.4759L18.6759 13.0449H24.0419C24.1772 13.0463 24.3082 12.9972 24.4092 12.9071C24.5102 12.8171 24.5739 12.6925 24.5879 12.5579L24.7489 10.7839C24.7555 10.7097 24.7462 10.6349 24.7217 10.5646C24.6972 10.4943 24.6581 10.4299 24.6069 10.3759C24.5553 10.3215 24.4933 10.2782 24.4246 10.2485C24.3558 10.2187 24.2818 10.2032 24.2069 10.2029H18.9069L19.1069 7.84487H24.8499C24.9874 7.84608 25.1202 7.79518 25.2217 7.70241C25.3232 7.60965 25.3858 7.48191 25.3969 7.34487L25.5219 5.57087C25.5268 5.4977 25.5163 5.42431 25.4912 5.35543C25.466 5.28654 25.4268 5.22369 25.3759 5.17087C25.3235 5.11682 25.2607 5.07396 25.1912 5.04491C25.1218 5.01586 25.0472 5.00122 24.9719 5.00187Z%22 fill%3D%22%230046E8%22%2F%3E%0D%3Cpath d%3D%22M36.744 5.24681C35.8882 4.97389 34.9943 4.83887 34.096 4.8468C32.8107 4.82 31.5411 5.13362 30.416 5.75581C29.3614 6.36119 28.5072 7.2623 27.959 8.34781C27.3718 9.53837 27.0793 10.8526 27.106 12.1798C27.0798 13.3536 27.3428 14.5158 27.872 15.5638C28.3725 16.5235 29.1479 17.3121 30.099 17.8288C31.1286 18.3668 32.2776 18.6354 33.439 18.6098C34.3264 18.6143 35.2083 18.4717 36.049 18.1878C36.8216 17.9383 37.5333 17.5295 38.138 16.9878C38.2159 16.9161 38.2704 16.8226 38.2943 16.7195C38.3182 16.6164 38.3105 16.5085 38.272 16.4098L37.629 14.7748C37.5981 14.6972 37.5498 14.6278 37.4877 14.572C37.4256 14.5161 37.3514 14.4753 37.271 14.4528C37.19 14.4295 37.1046 14.4248 37.0215 14.4392C36.9384 14.4536 36.8596 14.4866 36.791 14.5358C35.8734 15.2595 34.7498 15.6734 33.582 15.7178C33.1672 15.7485 32.7507 15.6868 32.3627 15.537C31.9746 15.3873 31.6247 15.1532 31.338 14.8518C30.7568 14.095 30.4723 13.1518 30.538 12.1998C30.4662 11.0108 30.8118 9.83415 31.515 8.8728C31.8387 8.4911 32.247 8.19013 32.7073 7.9938C33.1677 7.79747 33.6675 7.71118 34.167 7.7418C34.723 7.73278 35.2761 7.82356 35.8 8.00981C36.3376 8.22421 36.8363 8.52554 37.276 8.90179C37.3389 8.9534 37.4123 8.99065 37.4911 9.01086C37.5698 9.03107 37.6521 9.03377 37.732 9.0188C37.8114 9.00463 37.8866 8.97307 37.9523 8.92639C38.018 8.87971 38.0725 8.81907 38.112 8.74881L39.022 7.1138C39.0807 7.00812 39.1011 6.88544 39.0797 6.76648C39.0584 6.64751 38.9967 6.53954 38.905 6.4608C38.273 5.91583 37.5382 5.50305 36.744 5.24681Z%22 fill%3D%22%230046E8%22%2F%3E%0D%3Cpath d%3D%22M51.556 5.00187H40.933C40.7964 5.0003 40.6642 5.05029 40.5628 5.14185C40.4614 5.23341 40.3983 5.35982 40.386 5.49587L40.244 7.33986C40.2388 7.41289 40.249 7.48618 40.2738 7.55506C40.2986 7.62394 40.3375 7.68689 40.388 7.73987C40.4398 7.79375 40.5019 7.83666 40.5706 7.86603C40.6393 7.89541 40.7133 7.91065 40.788 7.91086H44.354L43.544 17.8749C43.5389 17.9479 43.5491 18.0212 43.5739 18.09C43.5987 18.1589 43.6375 18.2219 43.688 18.2749C43.7396 18.329 43.8017 18.3722 43.8704 18.4017C43.9392 18.4313 44.0132 18.4466 44.088 18.4469H46.409C46.5453 18.4485 46.6772 18.3988 46.7785 18.3076C46.8798 18.2165 46.9432 18.0906 46.956 17.9549L47.773 7.90587H51.408C51.5446 7.90744 51.6767 7.85745 51.7781 7.76589C51.8795 7.67433 51.9427 7.54792 51.955 7.41187L52.098 5.56887C52.1033 5.49575 52.0931 5.42235 52.0681 5.35343C52.0431 5.28451 52.0039 5.22163 51.953 5.16887C51.9013 5.11594 51.8396 5.0739 51.7714 5.04522C51.7032 5.01653 51.6299 5.00179 51.556 5.00187Z%22 fill%3D%22%230046E8%22%2F%3E%0D%3Cpath d%3D%22M62.5849 5.62384C61.5253 5.0858 60.349 4.81818 59.1609 4.84483C57.9189 4.82024 56.6943 5.14007 55.6229 5.76884C54.6017 6.3909 53.7832 7.29624 53.2669 8.37483C52.7068 9.56374 52.4286 10.8659 52.4539 12.1798C52.4256 13.3615 52.6967 14.5311 53.2419 15.5798C53.7622 16.541 54.557 17.3253 55.5249 17.8328C56.5783 18.3694 57.748 18.637 58.9299 18.6118C60.1719 18.6364 61.3965 18.3166 62.4679 17.6878C63.4893 17.0657 64.3081 16.1604 64.8249 15.0818C65.3848 13.8925 65.663 12.5901 65.6379 11.2758C65.6667 10.0954 65.3996 8.92657 64.8609 7.87584C64.3447 6.91429 63.5519 6.12979 62.5849 5.62384ZM61.3129 14.6308C61.0283 14.9604 60.68 15.229 60.2889 15.4205C59.8979 15.612 59.4721 15.7225 59.0372 15.7452C58.6024 15.7679 58.1674 15.7024 57.7585 15.5526C57.3496 15.4029 56.9753 15.172 56.6579 14.8738C56.0736 14.1086 55.7891 13.1562 55.8579 12.1958C55.7864 11.0025 56.1116 9.81902 56.7829 8.82983C57.0654 8.49858 57.4123 8.22827 57.8026 8.03535C58.1928 7.84243 58.6182 7.73093 59.053 7.70764C59.4877 7.68434 59.9226 7.74974 60.3312 7.89985C60.7398 8.04997 61.1137 8.28167 61.4299 8.58084C62.0221 9.34833 62.3111 10.3069 62.2419 11.2738C62.3132 12.4649 61.9864 13.6459 61.3129 14.6308Z%22 fill%3D%22%230046E8%22%2F%3E%0D%3Cpath d%3D%22M78.2119 13.9838C78.0751 13.514 77.8456 13.0764 77.5369 12.6968L77.5029 12.6578C78.052 12.4187 78.5354 12.0506 78.9119 11.5848C79.4935 10.8175 79.7926 9.87304 79.7589 8.9108C79.7804 8.36627 79.677 7.82405 79.4565 7.3257C79.236 6.82735 78.9043 6.3861 78.4869 6.0358C77.5114 5.30009 76.3067 4.93409 75.0869 5.00281H69.4449C69.3084 5.00123 69.1764 5.05106 69.075 5.14241C68.9737 5.23376 68.9104 5.35993 68.8979 5.49581L67.9119 17.8788C67.9069 17.9519 67.9172 18.0252 67.9421 18.0941C67.9671 18.163 68.0062 18.2259 68.0569 18.2788C68.1086 18.3328 68.1707 18.3757 68.2394 18.4051C68.3082 18.4345 68.3821 18.4497 68.4569 18.4498H70.7419C70.8784 18.4516 71.0105 18.4019 71.112 18.3105C71.2134 18.2191 71.2766 18.0928 71.2889 17.9568L71.6599 13.3018H73.3659C73.6886 13.2855 74.0109 13.3419 74.3089 13.4668C74.3976 13.5186 74.4748 13.5882 74.5355 13.6711C74.5963 13.754 74.6393 13.8485 74.6619 13.9488L75.9479 18.0708C75.9836 18.1816 76.0539 18.2782 76.1483 18.3463C76.2427 18.4145 76.3564 18.4507 76.4729 18.4498H78.9119C78.9973 18.4501 79.0815 18.4306 79.1581 18.3928C79.2346 18.3549 79.3013 18.2998 79.3529 18.2318C79.4039 18.1652 79.4381 18.0871 79.4524 18.0044C79.4667 17.9217 79.4606 17.8367 79.4349 17.7568L78.2119 13.9838ZM74.5289 10.4978H71.8729L72.0899 7.80881H74.8319C76.2829 7.80881 76.4789 8.42679 76.4789 9.03079C76.4849 9.75679 76.2529 10.4978 74.5339 10.4978H74.5289Z%22 fill%3D%22%230046E8%22%2F%3E%0D%3C%2Fsvg%3E%0D\");background-repeat:no-repeat;background-position:center;height:50px;width:150px}nav .header-menu .logo-container .logo-small{background-position-y:center;background-position-x:right}nav .menu-sections{display:flex;flex-direction:column;flex:1;overflow-y:overlay;overflow-x:hidden}nav .menu-sections::-webkit-scrollbar{width:4px}nav .menu-sections .menu-section{margin:5px 10px 0}nav .menu-sections .menu-section:first-child{border-bottom:1px solid #e5e5ea}nav .menu-sections .menu-section .menu-section-title{color:#6e7f88;font-weight:500;font-size:.8em;padding-left:10px;white-space:nowrap;transition:opacity .2s ease-in-out}nav .menu-sections .menu-section .side-menu{padding:0;margin:0;list-style:none;overflow-x:hidden;overflow-y:scroll;-ms-overflow-style:none}nav .menu-sections .menu-section .side-menu::-webkit-scrollbar{display:none}@media screen and (max-width: 650px){nav .menu-sections .menu-section .side-menu{background-size:120px;background-position:20px}}nav .menu-sections .menu-section .side-menu-item{min-height:40px;display:flex;flex-direction:row;align-items:center;transition:background-color ease-in-out .1s;z-index:2;overflow:hidden;padding:0 10px;border-radius:15px;margin:5px 0;position:relative}nav .menu-sections .menu-section .side-menu-item:not(.always-open){cursor:pointer}nav .menu-sections .menu-section .side-menu-item:hover{background-color:#e5e5ea}nav .menu-sections .menu-section .side-menu-item.active{background-color:#e5e5ea}nav .menu-sections .menu-section .side-menu-item.active span{color:#fff}nav .menu-sections .menu-section .side-menu-item.active i{color:#fff}nav .menu-sections .menu-section .selected-portal{background-color:#e5e5ea;border-radius:15px}nav .menu-sections .menu-section .selected-portal .icon-container .menu-icon{filter:invert(68%) sepia(50%) saturate(5585%) hue-rotate(130deg) brightness(95%) contrast(87%)}nav .menu-sections .menu-section .selected-portal .menu-label{color:#11b797}nav .footer{display:flex;align-items:center;padding:10px;margin:0 10px;border-top:1px solid #e5e5ea;overflow:hidden;height:50px}nav .footer .footer-icon{width:50px}nav .footer .footer-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;font-size:.8em;text-overflow:hidden;white-space:nowrap}\n"], components: [{ type: SubMenusListComponent, selector: "vector-sub-menus-list", inputs: ["showList", "options", "childLevel", "submenuSelected"], outputs: ["submenuSelectedChange"] }], directives: [{ type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "pTooltip", "tooltipDisabled", "tooltipOptions"] }], animations: [
|
|
2561
|
+
MenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: MenuComponent, selector: "vector-menu", outputs: { onFinishMenuOptionsConfig: "onFinishMenuOptionsConfig" }, host: { listeners: { "window:resize": "onResize($event)", "document:keydown.escape": "handleKeyboardEvent($event)" } }, ngImport: i0, template: "<nav id=\"menu\" [ngStyle]=\"widthStyle\" [@sideInOut]=\"lastAnimation\">\r\n <div class=\"header-menu\">\r\n <div class=\"logo-container\">\r\n <div class=\"logo\" [ngClass]=\"{ 'logo-small': !opened }\"></div>\r\n </div>\r\n </div>\r\n <div class=\"menu-sections\">\r\n <div class=\"menu-section\">\r\n <span [ngStyle]=\"{ opacity: opened ? 1 : 0 }\" class=\"menu-section-title\">SELE\u00C7\u00C3O DE PORTAL</span>\r\n <ul class=\"side-menu\">\r\n <li>\r\n <div\r\n class=\"side-menu-item\"\r\n [ngClass]=\"{ 'selected-portal': isPortalSelected(apps.LOGTECH) }\"\r\n (click)=\"navigateToPortal({ portal: 'logtech', admin: false })\"\r\n >\r\n <div class=\"icon-container\">\r\n <img src=\"../../../../assets/icons/vector_logtech_icon.svg\" class=\"menu-icon\" />\r\n </div>\r\n <span class=\"menu-label\">Cargas</span>\r\n </div>\r\n </li>\r\n <li *ngIf=\"hasAnyFintechPermission\">\r\n <div\r\n class=\"side-menu-item\"\r\n [ngClass]=\"{ 'selected-portal': isPortalSelected(apps.FINTECH) }\"\r\n (click)=\"navigateToPortal({ portal: 'fintech', admin: false })\"\r\n >\r\n <div class=\"icon-container\">\r\n <img src=\"../../../../assets/icons/vector_fintech_icon.svg\" class=\"menu-icon\" />\r\n </div>\r\n <span class=\"menu-label\">Carteira digital</span>\r\n </div>\r\n </li>\r\n <li>\r\n <div\r\n class=\"side-menu-item\"\r\n [ngClass]=\"{ 'selected-portal': isPortalSelected(apps.MARKETPLACE) }\"\r\n (click)=\"navigateToPortal({ portal: 'marketplace', admin: false })\"\r\n >\r\n <div class=\"icon-container\">\r\n <img src=\"../../../../assets/icons/vector_marketplace_icon.svg\" class=\"menu-icon\" />\r\n </div>\r\n <span class=\"menu-label\">Combust\u00EDvel</span>\r\n </div>\r\n </li>\r\n <li *ngIf=\"adminOption && (hasFintechAdminPermission || hasMarketplaceAdminPermission)\">\r\n <div\r\n class=\"side-menu-item\"\r\n (click)=\"onMenuClick(adminOption)\"\r\n [ngClass]=\"{ 'active-menu': activeOption?.id === adminOption.id }\"\r\n >\r\n <div class=\"icon-container\">\r\n <img src=\"../../../../assets/icons/vector_admin_icon.svg\" class=\"menu-icon\" />\r\n </div>\r\n <span class=\"menu-label\">{{ adminOption.label }}</span>\r\n <i\r\n *ngIf=\"opened && adminOption.children?.length\"\r\n class=\"fas angle-icon\"\r\n [ngClass]=\"{\r\n 'fa-angle-down': activeOption?.id !== adminOption.id,\r\n 'fa-angle-up': activeOption?.id === adminOption.id\r\n }\"\r\n ></i>\r\n </div>\r\n <vector-sub-menus-list\r\n [options]=\"adminOption.children\"\r\n [showList]=\"activeOption?.id === adminOption.id\"\r\n [submenuSelected]=\"activeSubmenuOption\"\r\n (submenuSelectedChange)=\"onSubmenuClick($event)\"\r\n ></vector-sub-menus-list>\r\n </li>\r\n </ul>\r\n </div>\r\n <div class=\"menu-section\">\r\n <span [ngStyle]=\"{ opacity: opened && options?.length ? 1 : 0 }\" class=\"menu-section-title\">MENU</span>\r\n <ul class=\"side-menu\">\r\n <li *ngFor=\"let option of options\">\r\n <div\r\n class=\"side-menu-item\"\r\n [ngClass]=\"{ 'active-menu': activeOption?.id === option.id, 'always-open': !!option.alwaysOpen }\"\r\n [pTooltip]=\"option.label\"\r\n tooltipPosition=\"right\"\r\n (click)=\"onMenuClick(option)\"\r\n >\r\n <div class=\"icon-container\">\r\n <img\r\n *ngIf=\"option.iconFileName\"\r\n [src]=\"'../../../../assets/icons/' + option.iconFileName + '.svg'\"\r\n class=\"menu-icon\"\r\n />\r\n <i *ngIf=\"option.icon\" class=\"menu-icon {{ option.icon }}\"></i>\r\n </div>\r\n <span class=\"menu-label\">{{ option.label }}</span>\r\n <i\r\n *ngIf=\"opened && option.children?.length && !option.alwaysOpen\"\r\n class=\"fas angle-icon\"\r\n [ngClass]=\"{\r\n 'fa-angle-down': activeOption?.id !== option.id,\r\n 'fa-angle-up': activeOption?.id === option.id\r\n }\"\r\n ></i>\r\n </div>\r\n <vector-sub-menus-list\r\n [options]=\"option.children\"\r\n [showList]=\"activeOption?.id === option.id || (!!option.alwaysOpen && opened)\"\r\n [submenuSelected]=\"activeSubmenuOption\"\r\n (submenuSelectedChange)=\"onSubmenuClick($event)\"\r\n ></vector-sub-menus-list>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div class=\"footer side-menu-item\">\r\n <div class=\"icon-container\">\r\n <img src=\"../../../../assets/icons/menu_footer_icon.svg\" class=\"menu-icon\" />\r\n </div>\r\n <span class=\"menu-label footer-content\">\r\n <span> Veja nosso <a (click)=\"openTermsOfUse()\">Termo de uso</a> </span>\r\n <span>e <a>Pol\u00EDtica de privacidade</a></span>\r\n </span>\r\n </div>\r\n</nav>\r\n", styles: [":root{--teste: green;--theme-primary: #0046e8;--theme-dark: #3a2b68;--background: #f2f2f7;--font-color: #151515;--disabled-background: #bcbcbc;--placeholder-color: #aaaaaa80;--border-radius: 5px;--theme-primary-transparent: rgba(1, 70, 108, .8);--grey-light: #e5e5ea;--grey-lighter: #eff0f6;--grey-dark: #6e7f88;--error-color: #fd6a6a;--error-color-dark: #ff4136;--error-color-transparent: #fd6a6a1a;--success-color: #11b797;--success-color-dark: #0e8a71;--theme-light: #0145e8;--warning-color: #e9c429;--cancel-color: #ca024f;--form-labels-color: #4e4b66}.angle-icon{position:absolute;right:10px}.menu-icon{filter:brightness(0) saturate(100%) invert(14%) sepia(87%) saturate(1218%) hue-rotate(233deg) brightness(88%) contrast(90%);width:20px;height:20px}.icon-container{width:20px;height:20px}.icon-container .menu-icon{display:flex;justify-content:center;align-items:center;font-size:1.4em}.menu-label{color:var(--theme-dark);font-weight:600;text-decoration:none;padding-bottom:1px;margin-left:20px;min-width:170px;white-space:normal;overflow:visible}.active-menu:not(.always-open){background-color:var(--grey-light)}nav{height:100vh;min-height:100vh;background-color:#f5f5f5;transition:width ease-in-out .2s;display:flex;flex-direction:column;z-index:500;position:sticky;box-shadow:2px 2px 4px #00000029}nav .header-menu{display:flex;justify-content:center;flex-direction:column;width:100%}nav .header-menu .logo-container{height:81px;padding:5px;display:flex;justify-content:center;align-items:center}nav .header-menu .logo-container .logo{background-image:url(\"data:image/svg+xml,%3Csvg width%3D%22140%22 height%3D%2224%22 viewBox%3D%220 0 140 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M121.242 12.1018C121.196 12.0337 121.134 11.978 121.061 11.9396C120.988 11.9012 120.907 11.8814 120.825 11.8818H94.3811C94.2986 11.8813 94.2172 11.9013 94.1443 11.9398C94.0714 11.9784 94.0091 12.0344 93.9631 12.1028C93.9177 12.1701 93.8903 12.2479 93.8835 12.3288C93.8767 12.4096 93.8907 12.4909 93.9241 12.5648L98.1061 23.4148C98.1462 23.5021 98.2107 23.576 98.2918 23.6276C98.3728 23.6792 98.467 23.7064 98.5631 23.7058C98.6602 23.7056 98.7551 23.6771 98.8362 23.6238C98.9174 23.5705 98.9813 23.4948 99.0201 23.4058L103.086 15.9658H119.432C119.529 15.9664 119.623 15.939 119.704 15.887C119.786 15.835 119.85 15.7607 119.89 15.6728L121.278 12.5598C121.311 12.4867 121.325 12.4063 121.319 12.3262C121.313 12.2461 121.286 12.1689 121.242 12.1018Z%22 fill%3D%22%23C1BFBF%22%2F%3E%0D%3Cpath d%3D%22M120.663 7.18982L117.906 22.6898C117.897 22.8176 117.914 22.946 117.958 23.0666C118.001 23.1871 118.069 23.2973 118.158 23.3898C118.248 23.4847 118.357 23.5602 118.477 23.6118C118.597 23.6634 118.727 23.6899 118.858 23.6898H125.44L124.059 16.0548L120.663 7.18982Z%22 fill%3D%22%230046E8%22%2F%3E%0D%3Cpath d%3D%22M139.493 19.0738H139.234C139.199 14.1088 139.034 12.7618 138.279 11.9548C136.991 11.0177 135.583 10.2567 134.093 9.69185C133.4 9.37585 132.615 9.01784 132.488 8.92384C132.182 8.61884 130.72 5.98785 129.935 4.57385C129.607 3.98385 129.32 3.46684 129.125 3.12784C128.692 2.1348 127.961 1.30139 127.032 0.743619C126.103 0.185842 125.024 -0.0685563 123.944 0.0158354H114.399C114.315 0.0159602 114.232 0.0371689 114.158 0.0775114C114.084 0.117854 114.021 0.176054 113.975 0.246838C113.929 0.318152 113.901 0.399725 113.894 0.484326C113.887 0.568927 113.901 0.653944 113.935 0.731839L123.749 23.3838C123.788 23.4748 123.853 23.5524 123.936 23.6069C124.018 23.6615 124.115 23.6907 124.214 23.6908H126.107C126.24 23.6903 126.368 23.6377 126.463 23.5443C126.557 23.4508 126.612 23.3239 126.614 23.1908C126.614 22.0239 127.078 20.9047 127.903 20.0796C128.728 19.2544 129.847 18.7908 131.014 18.7908C132.181 18.7908 133.3 19.2544 134.125 20.0796C134.951 20.9047 135.414 22.0239 135.414 23.1908C135.416 23.3239 135.471 23.4508 135.566 23.5443C135.66 23.6377 135.788 23.6903 135.921 23.6908H138.736C138.803 23.6906 138.869 23.6771 138.931 23.6512C138.993 23.6254 139.049 23.5875 139.096 23.54C139.143 23.4924 139.18 23.4361 139.205 23.3741C139.231 23.3121 139.243 23.2458 139.243 23.1788C139.243 22.7788 139.243 22.4038 139.243 22.0358H139.493C139.628 22.035 139.757 21.9807 139.852 21.8847C139.948 21.7887 140.001 21.6589 140 21.5238V19.5858C140.001 19.4508 139.948 19.321 139.852 19.225C139.757 19.129 139.628 19.0746 139.493 19.0738ZM126.843 9.88084H122.493C122.327 9.88216 122.165 9.82899 122.032 9.72946C121.899 9.62993 121.803 9.48956 121.757 9.32985L120.263 4.63484C120.233 4.52497 120.23 4.40962 120.253 4.29809C120.275 4.18657 120.324 4.08201 120.395 3.99284C120.467 3.90254 120.558 3.82958 120.662 3.77937C120.766 3.72916 120.88 3.70301 120.995 3.70285H123.672C124.094 3.72152 124.507 3.82512 124.887 4.00744C125.268 4.18976 125.608 4.44703 125.886 4.76384C127.011 5.95381 127.626 7.53657 127.599 9.17384C127.588 9.36608 127.503 9.54657 127.362 9.67811C127.221 9.80965 127.036 9.88221 126.843 9.88084Z%22 fill%3D%22%230046E8%22%2F%3E%0D%3Cpath d%3D%22M111.095 0.247837C111.047 0.178227 110.984 0.121319 110.909 0.0820957C110.834 0.0428727 110.751 0.0225232 110.667 0.0228306H89.895C89.8113 0.0226002 89.7288 0.04268 89.6546 0.081348C89.5804 0.120016 89.5167 0.176117 89.469 0.244831C89.4223 0.312713 89.3935 0.391307 89.3852 0.473301C89.377 0.555294 89.3897 0.638037 89.422 0.71384L90.616 3.90883C90.6562 4.00061 90.7225 4.07859 90.8065 4.13315C90.8906 4.18771 90.9888 4.21646 91.089 4.21584H108.956C109.055 4.21648 109.152 4.18848 109.235 4.13526C109.319 4.08203 109.385 4.00584 109.426 3.91584L111.136 0.720829C111.17 0.645039 111.184 0.561785 111.177 0.478992C111.17 0.396199 111.142 0.316629 111.095 0.247837Z%22 fill%3D%22%23C1BFBF%22%2F%3E%0D%3Cpath d%3D%22M113.338 6.14286C113.29 6.07325 113.227 6.01634 113.152 5.97712C113.077 5.93789 112.994 5.91754 112.91 5.91785H92.1379C92.0542 5.91762 91.9718 5.9377 91.8976 5.97637C91.8234 6.01504 91.7597 6.07114 91.7119 6.13985C91.6652 6.20773 91.6364 6.28633 91.6282 6.36832C91.62 6.45031 91.6326 6.53306 91.6649 6.60886L92.8589 9.80385C92.8991 9.89563 92.9654 9.97361 93.0494 10.0282C93.1335 10.0827 93.2317 10.1115 93.3319 10.1109H111.199C111.298 10.1115 111.395 10.0835 111.478 10.0303C111.562 9.97707 111.628 9.90085 111.669 9.81086L113.379 6.61586C113.413 6.54005 113.427 6.4568 113.42 6.37403C113.413 6.29125 113.384 6.21169 113.338 6.14286Z%22 fill%3D%22%23C1BFBF%22%2F%3E%0D%3Cpath d%3D%22M13.7599 5.00184H11.3849C11.2846 5.00125 11.1859 5.02814 11.0997 5.07962C11.0135 5.13109 10.943 5.20518 10.896 5.29385L6.49595 13.7468L3.45796 5.35785C3.41862 5.25269 3.34795 5.16216 3.25548 5.09849C3.16301 5.03482 3.05321 5.00108 2.94095 5.00184H0.548951C0.461165 5.00163 0.374588 5.02229 0.29635 5.0621C0.218111 5.10192 0.150454 5.15975 0.0989544 5.23085C0.0484788 5.30079 0.0161201 5.38216 0.00477719 5.46766C-0.0065657 5.55317 0.00345838 5.64017 0.033952 5.72085L4.71195 18.1048C4.75225 18.2085 4.82307 18.2974 4.91503 18.3599C5.00699 18.4224 5.11577 18.4555 5.22695 18.4548H7.10195C7.20123 18.4555 7.29883 18.4292 7.38439 18.3789C7.46996 18.3285 7.5403 18.2559 7.58795 18.1688L14.247 5.78485C14.2907 5.7038 14.3122 5.6126 14.3092 5.52055C14.3062 5.4285 14.2788 5.33889 14.23 5.26085C14.1802 5.1812 14.1109 5.11559 14.0286 5.07026C13.9464 5.02493 13.8539 5.00138 13.7599 5.00184Z%22 fill%3D%22%230046E8%22%2F%3E%0D%3Cpath d%3D%22M24.9719 5.00187H16.4719C16.3355 5.00028 16.2034 5.05013 16.1021 5.14149C16.0007 5.23284 15.9375 5.35899 15.9249 5.49486L14.9429 17.8789C14.9379 17.952 14.9482 18.0253 14.9731 18.0942C14.9981 18.1631 15.0372 18.226 15.0879 18.2789C15.1396 18.3328 15.2017 18.3758 15.2704 18.4052C15.3392 18.4346 15.4131 18.4498 15.4879 18.4499H23.9689C24.1052 18.4515 24.2371 18.4018 24.3384 18.3106C24.4397 18.2195 24.5031 18.0936 24.5159 17.9579L24.6589 16.1829C24.664 16.1098 24.6539 16.0366 24.6291 15.9677C24.6043 15.8988 24.5654 15.8359 24.5149 15.7829C24.4633 15.7287 24.4012 15.6856 24.3325 15.656C24.2637 15.6265 24.1897 15.6111 24.1149 15.6109H18.4759L18.6759 13.0449H24.0419C24.1772 13.0463 24.3082 12.9972 24.4092 12.9071C24.5102 12.8171 24.5739 12.6925 24.5879 12.5579L24.7489 10.7839C24.7555 10.7097 24.7462 10.6349 24.7217 10.5646C24.6972 10.4943 24.6581 10.4299 24.6069 10.3759C24.5553 10.3215 24.4933 10.2782 24.4246 10.2485C24.3558 10.2187 24.2818 10.2032 24.2069 10.2029H18.9069L19.1069 7.84487H24.8499C24.9874 7.84608 25.1202 7.79518 25.2217 7.70241C25.3232 7.60965 25.3858 7.48191 25.3969 7.34487L25.5219 5.57087C25.5268 5.4977 25.5163 5.42431 25.4912 5.35543C25.466 5.28654 25.4268 5.22369 25.3759 5.17087C25.3235 5.11682 25.2607 5.07396 25.1912 5.04491C25.1218 5.01586 25.0472 5.00122 24.9719 5.00187Z%22 fill%3D%22%230046E8%22%2F%3E%0D%3Cpath d%3D%22M36.744 5.24681C35.8882 4.97389 34.9943 4.83887 34.096 4.8468C32.8107 4.82 31.5411 5.13362 30.416 5.75581C29.3614 6.36119 28.5072 7.2623 27.959 8.34781C27.3718 9.53837 27.0793 10.8526 27.106 12.1798C27.0798 13.3536 27.3428 14.5158 27.872 15.5638C28.3725 16.5235 29.1479 17.3121 30.099 17.8288C31.1286 18.3668 32.2776 18.6354 33.439 18.6098C34.3264 18.6143 35.2083 18.4717 36.049 18.1878C36.8216 17.9383 37.5333 17.5295 38.138 16.9878C38.2159 16.9161 38.2704 16.8226 38.2943 16.7195C38.3182 16.6164 38.3105 16.5085 38.272 16.4098L37.629 14.7748C37.5981 14.6972 37.5498 14.6278 37.4877 14.572C37.4256 14.5161 37.3514 14.4753 37.271 14.4528C37.19 14.4295 37.1046 14.4248 37.0215 14.4392C36.9384 14.4536 36.8596 14.4866 36.791 14.5358C35.8734 15.2595 34.7498 15.6734 33.582 15.7178C33.1672 15.7485 32.7507 15.6868 32.3627 15.537C31.9746 15.3873 31.6247 15.1532 31.338 14.8518C30.7568 14.095 30.4723 13.1518 30.538 12.1998C30.4662 11.0108 30.8118 9.83415 31.515 8.8728C31.8387 8.4911 32.247 8.19013 32.7073 7.9938C33.1677 7.79747 33.6675 7.71118 34.167 7.7418C34.723 7.73278 35.2761 7.82356 35.8 8.00981C36.3376 8.22421 36.8363 8.52554 37.276 8.90179C37.3389 8.9534 37.4123 8.99065 37.4911 9.01086C37.5698 9.03107 37.6521 9.03377 37.732 9.0188C37.8114 9.00463 37.8866 8.97307 37.9523 8.92639C38.018 8.87971 38.0725 8.81907 38.112 8.74881L39.022 7.1138C39.0807 7.00812 39.1011 6.88544 39.0797 6.76648C39.0584 6.64751 38.9967 6.53954 38.905 6.4608C38.273 5.91583 37.5382 5.50305 36.744 5.24681Z%22 fill%3D%22%230046E8%22%2F%3E%0D%3Cpath d%3D%22M51.556 5.00187H40.933C40.7964 5.0003 40.6642 5.05029 40.5628 5.14185C40.4614 5.23341 40.3983 5.35982 40.386 5.49587L40.244 7.33986C40.2388 7.41289 40.249 7.48618 40.2738 7.55506C40.2986 7.62394 40.3375 7.68689 40.388 7.73987C40.4398 7.79375 40.5019 7.83666 40.5706 7.86603C40.6393 7.89541 40.7133 7.91065 40.788 7.91086H44.354L43.544 17.8749C43.5389 17.9479 43.5491 18.0212 43.5739 18.09C43.5987 18.1589 43.6375 18.2219 43.688 18.2749C43.7396 18.329 43.8017 18.3722 43.8704 18.4017C43.9392 18.4313 44.0132 18.4466 44.088 18.4469H46.409C46.5453 18.4485 46.6772 18.3988 46.7785 18.3076C46.8798 18.2165 46.9432 18.0906 46.956 17.9549L47.773 7.90587H51.408C51.5446 7.90744 51.6767 7.85745 51.7781 7.76589C51.8795 7.67433 51.9427 7.54792 51.955 7.41187L52.098 5.56887C52.1033 5.49575 52.0931 5.42235 52.0681 5.35343C52.0431 5.28451 52.0039 5.22163 51.953 5.16887C51.9013 5.11594 51.8396 5.0739 51.7714 5.04522C51.7032 5.01653 51.6299 5.00179 51.556 5.00187Z%22 fill%3D%22%230046E8%22%2F%3E%0D%3Cpath d%3D%22M62.5849 5.62384C61.5253 5.0858 60.349 4.81818 59.1609 4.84483C57.9189 4.82024 56.6943 5.14007 55.6229 5.76884C54.6017 6.3909 53.7832 7.29624 53.2669 8.37483C52.7068 9.56374 52.4286 10.8659 52.4539 12.1798C52.4256 13.3615 52.6967 14.5311 53.2419 15.5798C53.7622 16.541 54.557 17.3253 55.5249 17.8328C56.5783 18.3694 57.748 18.637 58.9299 18.6118C60.1719 18.6364 61.3965 18.3166 62.4679 17.6878C63.4893 17.0657 64.3081 16.1604 64.8249 15.0818C65.3848 13.8925 65.663 12.5901 65.6379 11.2758C65.6667 10.0954 65.3996 8.92657 64.8609 7.87584C64.3447 6.91429 63.5519 6.12979 62.5849 5.62384ZM61.3129 14.6308C61.0283 14.9604 60.68 15.229 60.2889 15.4205C59.8979 15.612 59.4721 15.7225 59.0372 15.7452C58.6024 15.7679 58.1674 15.7024 57.7585 15.5526C57.3496 15.4029 56.9753 15.172 56.6579 14.8738C56.0736 14.1086 55.7891 13.1562 55.8579 12.1958C55.7864 11.0025 56.1116 9.81902 56.7829 8.82983C57.0654 8.49858 57.4123 8.22827 57.8026 8.03535C58.1928 7.84243 58.6182 7.73093 59.053 7.70764C59.4877 7.68434 59.9226 7.74974 60.3312 7.89985C60.7398 8.04997 61.1137 8.28167 61.4299 8.58084C62.0221 9.34833 62.3111 10.3069 62.2419 11.2738C62.3132 12.4649 61.9864 13.6459 61.3129 14.6308Z%22 fill%3D%22%230046E8%22%2F%3E%0D%3Cpath d%3D%22M78.2119 13.9838C78.0751 13.514 77.8456 13.0764 77.5369 12.6968L77.5029 12.6578C78.052 12.4187 78.5354 12.0506 78.9119 11.5848C79.4935 10.8175 79.7926 9.87304 79.7589 8.9108C79.7804 8.36627 79.677 7.82405 79.4565 7.3257C79.236 6.82735 78.9043 6.3861 78.4869 6.0358C77.5114 5.30009 76.3067 4.93409 75.0869 5.00281H69.4449C69.3084 5.00123 69.1764 5.05106 69.075 5.14241C68.9737 5.23376 68.9104 5.35993 68.8979 5.49581L67.9119 17.8788C67.9069 17.9519 67.9172 18.0252 67.9421 18.0941C67.9671 18.163 68.0062 18.2259 68.0569 18.2788C68.1086 18.3328 68.1707 18.3757 68.2394 18.4051C68.3082 18.4345 68.3821 18.4497 68.4569 18.4498H70.7419C70.8784 18.4516 71.0105 18.4019 71.112 18.3105C71.2134 18.2191 71.2766 18.0928 71.2889 17.9568L71.6599 13.3018H73.3659C73.6886 13.2855 74.0109 13.3419 74.3089 13.4668C74.3976 13.5186 74.4748 13.5882 74.5355 13.6711C74.5963 13.754 74.6393 13.8485 74.6619 13.9488L75.9479 18.0708C75.9836 18.1816 76.0539 18.2782 76.1483 18.3463C76.2427 18.4145 76.3564 18.4507 76.4729 18.4498H78.9119C78.9973 18.4501 79.0815 18.4306 79.1581 18.3928C79.2346 18.3549 79.3013 18.2998 79.3529 18.2318C79.4039 18.1652 79.4381 18.0871 79.4524 18.0044C79.4667 17.9217 79.4606 17.8367 79.4349 17.7568L78.2119 13.9838ZM74.5289 10.4978H71.8729L72.0899 7.80881H74.8319C76.2829 7.80881 76.4789 8.42679 76.4789 9.03079C76.4849 9.75679 76.2529 10.4978 74.5339 10.4978H74.5289Z%22 fill%3D%22%230046E8%22%2F%3E%0D%3C%2Fsvg%3E%0D\");background-repeat:no-repeat;background-position:center;height:50px;width:150px}nav .header-menu .logo-container .logo-small{background-position-y:center;background-position-x:right}nav .menu-sections{display:flex;flex-direction:column;flex:1;overflow-y:overlay;overflow-x:hidden}nav .menu-sections::-webkit-scrollbar{width:4px}nav .menu-sections .menu-section{margin:5px 10px 0}nav .menu-sections .menu-section:first-child{border-bottom:1px solid var(--grey-light)}nav .menu-sections .menu-section .menu-section-title{color:var(--grey-dark);font-weight:500;font-size:.8em;padding-left:10px;white-space:nowrap;transition:opacity .2s ease-in-out}nav .menu-sections .menu-section .side-menu{padding:0;margin:0;list-style:none;overflow-x:hidden;overflow-y:scroll;-ms-overflow-style:none}nav .menu-sections .menu-section .side-menu::-webkit-scrollbar{display:none}@media screen and (max-width: 650px){nav .menu-sections .menu-section .side-menu{background-size:120px;background-position:20px}}nav .menu-sections .menu-section .side-menu-item{min-height:40px;display:flex;flex-direction:row;align-items:center;transition:background-color ease-in-out .1s;z-index:2;overflow:hidden;padding:0 10px;border-radius:15px;margin:5px 0;position:relative}nav .menu-sections .menu-section .side-menu-item:not(.always-open){cursor:pointer}nav .menu-sections .menu-section .side-menu-item:hover{background-color:var(--grey-light)}nav .menu-sections .menu-section .side-menu-item.active{background-color:var(--grey-light)}nav .menu-sections .menu-section .side-menu-item.active span{color:#fff}nav .menu-sections .menu-section .side-menu-item.active i{color:#fff}nav .menu-sections .menu-section .selected-portal{background-color:var(--grey-light);border-radius:15px}nav .menu-sections .menu-section .selected-portal .icon-container .menu-icon{filter:invert(68%) sepia(50%) saturate(5585%) hue-rotate(130deg) brightness(95%) contrast(87%)}nav .menu-sections .menu-section .selected-portal .menu-label{color:var(--success-color)}nav .footer{display:flex;align-items:center;padding:10px;margin:0 10px;border-top:1px solid var(--grey-light);overflow:hidden;height:50px}nav .footer .footer-icon{width:50px}nav .footer .footer-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;font-size:.8em;text-overflow:hidden;white-space:nowrap}\n"], components: [{ type: SubMenusListComponent, selector: "vector-sub-menus-list", inputs: ["showList", "options", "childLevel", "submenuSelected"], outputs: ["submenuSelectedChange"] }], directives: [{ type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "pTooltip", "tooltipDisabled", "tooltipOptions"] }], animations: [
|
|
2562
2562
|
trigger('sideInOut', [state('in', style({ width: '60px' })), state('out', style({ width: '250px' }))]),
|
|
2563
2563
|
trigger('fadeInOut', [
|
|
2564
2564
|
state('0', style({
|
|
@@ -2639,7 +2639,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
2639
2639
|
})),
|
|
2640
2640
|
transition('0 <=> 1', animate('350ms ease-in-out')),
|
|
2641
2641
|
]),
|
|
2642
|
-
], template: "<nav id=\"menu\" [ngStyle]=\"widthStyle\" [@sideInOut]=\"lastAnimation\">\r\n <div class=\"header-menu\">\r\n <div class=\"logo-container\">\r\n <div class=\"logo\" [ngClass]=\"{ 'logo-small': !opened }\"></div>\r\n </div>\r\n </div>\r\n <div class=\"menu-sections\">\r\n <div class=\"menu-section\">\r\n <span [ngStyle]=\"{ opacity: opened ? 1 : 0 }\" class=\"menu-section-title\">SELE\u00C7\u00C3O DE PORTAL</span>\r\n <ul class=\"side-menu\">\r\n <li>\r\n <div\r\n class=\"side-menu-item\"\r\n [ngClass]=\"{ 'selected-portal': isPortalSelected(apps.LOGTECH) }\"\r\n (click)=\"navigateToPortal({ portal: 'logtech', admin: false })\"\r\n >\r\n <div class=\"icon-container\">\r\n <img src=\"../../../../assets/icons/vector_logtech_icon.svg\" class=\"menu-icon\" />\r\n </div>\r\n <span class=\"menu-label\">Cargas</span>\r\n </div>\r\n </li>\r\n <li *ngIf=\"hasAnyFintechPermission\">\r\n <div\r\n class=\"side-menu-item\"\r\n [ngClass]=\"{ 'selected-portal': isPortalSelected(apps.FINTECH) }\"\r\n (click)=\"navigateToPortal({ portal: 'fintech', admin: false })\"\r\n >\r\n <div class=\"icon-container\">\r\n <img src=\"../../../../assets/icons/vector_fintech_icon.svg\" class=\"menu-icon\" />\r\n </div>\r\n <span class=\"menu-label\">Carteira digital</span>\r\n </div>\r\n </li>\r\n <li>\r\n <div\r\n class=\"side-menu-item\"\r\n [ngClass]=\"{ 'selected-portal': isPortalSelected(apps.MARKETPLACE) }\"\r\n (click)=\"navigateToPortal({ portal: 'marketplace', admin: false })\"\r\n >\r\n <div class=\"icon-container\">\r\n <img src=\"../../../../assets/icons/vector_marketplace_icon.svg\" class=\"menu-icon\" />\r\n </div>\r\n <span class=\"menu-label\">Combust\u00EDvel</span>\r\n </div>\r\n </li>\r\n <li *ngIf=\"adminOption && (hasFintechAdminPermission || hasMarketplaceAdminPermission)\">\r\n <div\r\n class=\"side-menu-item\"\r\n (click)=\"onMenuClick(adminOption)\"\r\n [ngClass]=\"{ 'active-menu': activeOption?.id === adminOption.id }\"\r\n >\r\n <div class=\"icon-container\">\r\n <img src=\"../../../../assets/icons/vector_admin_icon.svg\" class=\"menu-icon\" />\r\n </div>\r\n <span class=\"menu-label\">{{ adminOption.label }}</span>\r\n <i\r\n *ngIf=\"opened && adminOption.children?.length\"\r\n class=\"fas angle-icon\"\r\n [ngClass]=\"{\r\n 'fa-angle-down': activeOption?.id !== adminOption.id,\r\n 'fa-angle-up': activeOption?.id === adminOption.id\r\n }\"\r\n ></i>\r\n </div>\r\n <vector-sub-menus-list\r\n [options]=\"adminOption.children\"\r\n [showList]=\"activeOption?.id === adminOption.id\"\r\n [submenuSelected]=\"activeSubmenuOption\"\r\n (submenuSelectedChange)=\"onSubmenuClick($event)\"\r\n ></vector-sub-menus-list>\r\n </li>\r\n </ul>\r\n </div>\r\n <div class=\"menu-section\">\r\n <span [ngStyle]=\"{ opacity: opened && options?.length ? 1 : 0 }\" class=\"menu-section-title\">MENU</span>\r\n <ul class=\"side-menu\">\r\n <li *ngFor=\"let option of options\">\r\n <div\r\n class=\"side-menu-item\"\r\n [ngClass]=\"{ 'active-menu': activeOption?.id === option.id, 'always-open': !!option.alwaysOpen }\"\r\n [pTooltip]=\"option.label\"\r\n tooltipPosition=\"right\"\r\n (click)=\"onMenuClick(option)\"\r\n >\r\n <div class=\"icon-container\">\r\n <img\r\n *ngIf=\"option.iconFileName\"\r\n [src]=\"'../../../../assets/icons/' + option.iconFileName + '.svg'\"\r\n class=\"menu-icon\"\r\n />\r\n <i *ngIf=\"option.icon\" class=\"menu-icon {{ option.icon }}\"></i>\r\n </div>\r\n <span class=\"menu-label\">{{ option.label }}</span>\r\n <i\r\n *ngIf=\"opened && option.children?.length && !option.alwaysOpen\"\r\n class=\"fas angle-icon\"\r\n [ngClass]=\"{\r\n 'fa-angle-down': activeOption?.id !== option.id,\r\n 'fa-angle-up': activeOption?.id === option.id\r\n }\"\r\n ></i>\r\n </div>\r\n <vector-sub-menus-list\r\n [options]=\"option.children\"\r\n [showList]=\"activeOption?.id === option.id || (!!option.alwaysOpen && opened)\"\r\n [submenuSelected]=\"activeSubmenuOption\"\r\n (submenuSelectedChange)=\"onSubmenuClick($event)\"\r\n ></vector-sub-menus-list>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div class=\"footer side-menu-item\">\r\n <div class=\"icon-container\">\r\n <img src=\"../../../../assets/icons/menu_footer_icon.svg\" class=\"menu-icon\" />\r\n </div>\r\n <span class=\"menu-label footer-content\">\r\n <span> Veja nosso <a (click)=\"openTermsOfUse()\">Termo de uso</a> </span>\r\n <span>e <a>Pol\u00EDtica de privacidade</a></span>\r\n </span>\r\n </div>\r\n</nav>\r\n", styles: [".angle-icon{position:absolute;right:10px}.menu-icon{filter:brightness(0) saturate(100%) invert(14%) sepia(87%) saturate(1218%) hue-rotate(233deg) brightness(88%) contrast(90%);width:20px;height:20px}.icon-container{width:20px;height:20px}.icon-container .menu-icon{display:flex;justify-content:center;align-items:center;font-size:1.1em}.menu-label{color:#3a2b68;font-weight:600;text-decoration:none;padding-bottom:1px;margin-left:20px;min-width:170px;white-space:normal;overflow:visible}.active-menu:not(.always-open){background-color:#e5e5ea}nav{height:100vh;min-height:100vh;background-color:#f5f5f5;transition:width ease-in-out .2s;display:flex;flex-direction:column;z-index:500;position:sticky;box-shadow:2px 2px 4px #00000029}nav .header-menu{display:flex;justify-content:center;flex-direction:column;width:100%}nav .header-menu .logo-container{height:81px;padding:5px;display:flex;justify-content:center;align-items:center}nav .header-menu .logo-container .logo{background-image:url(\"data:image/svg+xml,%3Csvg width%3D%22140%22 height%3D%2224%22 viewBox%3D%220 0 140 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M121.242 12.1018C121.196 12.0337 121.134 11.978 121.061 11.9396C120.988 11.9012 120.907 11.8814 120.825 11.8818H94.3811C94.2986 11.8813 94.2172 11.9013 94.1443 11.9398C94.0714 11.9784 94.0091 12.0344 93.9631 12.1028C93.9177 12.1701 93.8903 12.2479 93.8835 12.3288C93.8767 12.4096 93.8907 12.4909 93.9241 12.5648L98.1061 23.4148C98.1462 23.5021 98.2107 23.576 98.2918 23.6276C98.3728 23.6792 98.467 23.7064 98.5631 23.7058C98.6602 23.7056 98.7551 23.6771 98.8362 23.6238C98.9174 23.5705 98.9813 23.4948 99.0201 23.4058L103.086 15.9658H119.432C119.529 15.9664 119.623 15.939 119.704 15.887C119.786 15.835 119.85 15.7607 119.89 15.6728L121.278 12.5598C121.311 12.4867 121.325 12.4063 121.319 12.3262C121.313 12.2461 121.286 12.1689 121.242 12.1018Z%22 fill%3D%22%23C1BFBF%22%2F%3E%0D%3Cpath d%3D%22M120.663 7.18982L117.906 22.6898C117.897 22.8176 117.914 22.946 117.958 23.0666C118.001 23.1871 118.069 23.2973 118.158 23.3898C118.248 23.4847 118.357 23.5602 118.477 23.6118C118.597 23.6634 118.727 23.6899 118.858 23.6898H125.44L124.059 16.0548L120.663 7.18982Z%22 fill%3D%22%230046E8%22%2F%3E%0D%3Cpath d%3D%22M139.493 19.0738H139.234C139.199 14.1088 139.034 12.7618 138.279 11.9548C136.991 11.0177 135.583 10.2567 134.093 9.69185C133.4 9.37585 132.615 9.01784 132.488 8.92384C132.182 8.61884 130.72 5.98785 129.935 4.57385C129.607 3.98385 129.32 3.46684 129.125 3.12784C128.692 2.1348 127.961 1.30139 127.032 0.743619C126.103 0.185842 125.024 -0.0685563 123.944 0.0158354H114.399C114.315 0.0159602 114.232 0.0371689 114.158 0.0775114C114.084 0.117854 114.021 0.176054 113.975 0.246838C113.929 0.318152 113.901 0.399725 113.894 0.484326C113.887 0.568927 113.901 0.653944 113.935 0.731839L123.749 23.3838C123.788 23.4748 123.853 23.5524 123.936 23.6069C124.018 23.6615 124.115 23.6907 124.214 23.6908H126.107C126.24 23.6903 126.368 23.6377 126.463 23.5443C126.557 23.4508 126.612 23.3239 126.614 23.1908C126.614 22.0239 127.078 20.9047 127.903 20.0796C128.728 19.2544 129.847 18.7908 131.014 18.7908C132.181 18.7908 133.3 19.2544 134.125 20.0796C134.951 20.9047 135.414 22.0239 135.414 23.1908C135.416 23.3239 135.471 23.4508 135.566 23.5443C135.66 23.6377 135.788 23.6903 135.921 23.6908H138.736C138.803 23.6906 138.869 23.6771 138.931 23.6512C138.993 23.6254 139.049 23.5875 139.096 23.54C139.143 23.4924 139.18 23.4361 139.205 23.3741C139.231 23.3121 139.243 23.2458 139.243 23.1788C139.243 22.7788 139.243 22.4038 139.243 22.0358H139.493C139.628 22.035 139.757 21.9807 139.852 21.8847C139.948 21.7887 140.001 21.6589 140 21.5238V19.5858C140.001 19.4508 139.948 19.321 139.852 19.225C139.757 19.129 139.628 19.0746 139.493 19.0738ZM126.843 9.88084H122.493C122.327 9.88216 122.165 9.82899 122.032 9.72946C121.899 9.62993 121.803 9.48956 121.757 9.32985L120.263 4.63484C120.233 4.52497 120.23 4.40962 120.253 4.29809C120.275 4.18657 120.324 4.08201 120.395 3.99284C120.467 3.90254 120.558 3.82958 120.662 3.77937C120.766 3.72916 120.88 3.70301 120.995 3.70285H123.672C124.094 3.72152 124.507 3.82512 124.887 4.00744C125.268 4.18976 125.608 4.44703 125.886 4.76384C127.011 5.95381 127.626 7.53657 127.599 9.17384C127.588 9.36608 127.503 9.54657 127.362 9.67811C127.221 9.80965 127.036 9.88221 126.843 9.88084Z%22 fill%3D%22%230046E8%22%2F%3E%0D%3Cpath d%3D%22M111.095 0.247837C111.047 0.178227 110.984 0.121319 110.909 0.0820957C110.834 0.0428727 110.751 0.0225232 110.667 0.0228306H89.895C89.8113 0.0226002 89.7288 0.04268 89.6546 0.081348C89.5804 0.120016 89.5167 0.176117 89.469 0.244831C89.4223 0.312713 89.3935 0.391307 89.3852 0.473301C89.377 0.555294 89.3897 0.638037 89.422 0.71384L90.616 3.90883C90.6562 4.00061 90.7225 4.07859 90.8065 4.13315C90.8906 4.18771 90.9888 4.21646 91.089 4.21584H108.956C109.055 4.21648 109.152 4.18848 109.235 4.13526C109.319 4.08203 109.385 4.00584 109.426 3.91584L111.136 0.720829C111.17 0.645039 111.184 0.561785 111.177 0.478992C111.17 0.396199 111.142 0.316629 111.095 0.247837Z%22 fill%3D%22%23C1BFBF%22%2F%3E%0D%3Cpath d%3D%22M113.338 6.14286C113.29 6.07325 113.227 6.01634 113.152 5.97712C113.077 5.93789 112.994 5.91754 112.91 5.91785H92.1379C92.0542 5.91762 91.9718 5.9377 91.8976 5.97637C91.8234 6.01504 91.7597 6.07114 91.7119 6.13985C91.6652 6.20773 91.6364 6.28633 91.6282 6.36832C91.62 6.45031 91.6326 6.53306 91.6649 6.60886L92.8589 9.80385C92.8991 9.89563 92.9654 9.97361 93.0494 10.0282C93.1335 10.0827 93.2317 10.1115 93.3319 10.1109H111.199C111.298 10.1115 111.395 10.0835 111.478 10.0303C111.562 9.97707 111.628 9.90085 111.669 9.81086L113.379 6.61586C113.413 6.54005 113.427 6.4568 113.42 6.37403C113.413 6.29125 113.384 6.21169 113.338 6.14286Z%22 fill%3D%22%23C1BFBF%22%2F%3E%0D%3Cpath d%3D%22M13.7599 5.00184H11.3849C11.2846 5.00125 11.1859 5.02814 11.0997 5.07962C11.0135 5.13109 10.943 5.20518 10.896 5.29385L6.49595 13.7468L3.45796 5.35785C3.41862 5.25269 3.34795 5.16216 3.25548 5.09849C3.16301 5.03482 3.05321 5.00108 2.94095 5.00184H0.548951C0.461165 5.00163 0.374588 5.02229 0.29635 5.0621C0.218111 5.10192 0.150454 5.15975 0.0989544 5.23085C0.0484788 5.30079 0.0161201 5.38216 0.00477719 5.46766C-0.0065657 5.55317 0.00345838 5.64017 0.033952 5.72085L4.71195 18.1048C4.75225 18.2085 4.82307 18.2974 4.91503 18.3599C5.00699 18.4224 5.11577 18.4555 5.22695 18.4548H7.10195C7.20123 18.4555 7.29883 18.4292 7.38439 18.3789C7.46996 18.3285 7.5403 18.2559 7.58795 18.1688L14.247 5.78485C14.2907 5.7038 14.3122 5.6126 14.3092 5.52055C14.3062 5.4285 14.2788 5.33889 14.23 5.26085C14.1802 5.1812 14.1109 5.11559 14.0286 5.07026C13.9464 5.02493 13.8539 5.00138 13.7599 5.00184Z%22 fill%3D%22%230046E8%22%2F%3E%0D%3Cpath d%3D%22M24.9719 5.00187H16.4719C16.3355 5.00028 16.2034 5.05013 16.1021 5.14149C16.0007 5.23284 15.9375 5.35899 15.9249 5.49486L14.9429 17.8789C14.9379 17.952 14.9482 18.0253 14.9731 18.0942C14.9981 18.1631 15.0372 18.226 15.0879 18.2789C15.1396 18.3328 15.2017 18.3758 15.2704 18.4052C15.3392 18.4346 15.4131 18.4498 15.4879 18.4499H23.9689C24.1052 18.4515 24.2371 18.4018 24.3384 18.3106C24.4397 18.2195 24.5031 18.0936 24.5159 17.9579L24.6589 16.1829C24.664 16.1098 24.6539 16.0366 24.6291 15.9677C24.6043 15.8988 24.5654 15.8359 24.5149 15.7829C24.4633 15.7287 24.4012 15.6856 24.3325 15.656C24.2637 15.6265 24.1897 15.6111 24.1149 15.6109H18.4759L18.6759 13.0449H24.0419C24.1772 13.0463 24.3082 12.9972 24.4092 12.9071C24.5102 12.8171 24.5739 12.6925 24.5879 12.5579L24.7489 10.7839C24.7555 10.7097 24.7462 10.6349 24.7217 10.5646C24.6972 10.4943 24.6581 10.4299 24.6069 10.3759C24.5553 10.3215 24.4933 10.2782 24.4246 10.2485C24.3558 10.2187 24.2818 10.2032 24.2069 10.2029H18.9069L19.1069 7.84487H24.8499C24.9874 7.84608 25.1202 7.79518 25.2217 7.70241C25.3232 7.60965 25.3858 7.48191 25.3969 7.34487L25.5219 5.57087C25.5268 5.4977 25.5163 5.42431 25.4912 5.35543C25.466 5.28654 25.4268 5.22369 25.3759 5.17087C25.3235 5.11682 25.2607 5.07396 25.1912 5.04491C25.1218 5.01586 25.0472 5.00122 24.9719 5.00187Z%22 fill%3D%22%230046E8%22%2F%3E%0D%3Cpath d%3D%22M36.744 5.24681C35.8882 4.97389 34.9943 4.83887 34.096 4.8468C32.8107 4.82 31.5411 5.13362 30.416 5.75581C29.3614 6.36119 28.5072 7.2623 27.959 8.34781C27.3718 9.53837 27.0793 10.8526 27.106 12.1798C27.0798 13.3536 27.3428 14.5158 27.872 15.5638C28.3725 16.5235 29.1479 17.3121 30.099 17.8288C31.1286 18.3668 32.2776 18.6354 33.439 18.6098C34.3264 18.6143 35.2083 18.4717 36.049 18.1878C36.8216 17.9383 37.5333 17.5295 38.138 16.9878C38.2159 16.9161 38.2704 16.8226 38.2943 16.7195C38.3182 16.6164 38.3105 16.5085 38.272 16.4098L37.629 14.7748C37.5981 14.6972 37.5498 14.6278 37.4877 14.572C37.4256 14.5161 37.3514 14.4753 37.271 14.4528C37.19 14.4295 37.1046 14.4248 37.0215 14.4392C36.9384 14.4536 36.8596 14.4866 36.791 14.5358C35.8734 15.2595 34.7498 15.6734 33.582 15.7178C33.1672 15.7485 32.7507 15.6868 32.3627 15.537C31.9746 15.3873 31.6247 15.1532 31.338 14.8518C30.7568 14.095 30.4723 13.1518 30.538 12.1998C30.4662 11.0108 30.8118 9.83415 31.515 8.8728C31.8387 8.4911 32.247 8.19013 32.7073 7.9938C33.1677 7.79747 33.6675 7.71118 34.167 7.7418C34.723 7.73278 35.2761 7.82356 35.8 8.00981C36.3376 8.22421 36.8363 8.52554 37.276 8.90179C37.3389 8.9534 37.4123 8.99065 37.4911 9.01086C37.5698 9.03107 37.6521 9.03377 37.732 9.0188C37.8114 9.00463 37.8866 8.97307 37.9523 8.92639C38.018 8.87971 38.0725 8.81907 38.112 8.74881L39.022 7.1138C39.0807 7.00812 39.1011 6.88544 39.0797 6.76648C39.0584 6.64751 38.9967 6.53954 38.905 6.4608C38.273 5.91583 37.5382 5.50305 36.744 5.24681Z%22 fill%3D%22%230046E8%22%2F%3E%0D%3Cpath d%3D%22M51.556 5.00187H40.933C40.7964 5.0003 40.6642 5.05029 40.5628 5.14185C40.4614 5.23341 40.3983 5.35982 40.386 5.49587L40.244 7.33986C40.2388 7.41289 40.249 7.48618 40.2738 7.55506C40.2986 7.62394 40.3375 7.68689 40.388 7.73987C40.4398 7.79375 40.5019 7.83666 40.5706 7.86603C40.6393 7.89541 40.7133 7.91065 40.788 7.91086H44.354L43.544 17.8749C43.5389 17.9479 43.5491 18.0212 43.5739 18.09C43.5987 18.1589 43.6375 18.2219 43.688 18.2749C43.7396 18.329 43.8017 18.3722 43.8704 18.4017C43.9392 18.4313 44.0132 18.4466 44.088 18.4469H46.409C46.5453 18.4485 46.6772 18.3988 46.7785 18.3076C46.8798 18.2165 46.9432 18.0906 46.956 17.9549L47.773 7.90587H51.408C51.5446 7.90744 51.6767 7.85745 51.7781 7.76589C51.8795 7.67433 51.9427 7.54792 51.955 7.41187L52.098 5.56887C52.1033 5.49575 52.0931 5.42235 52.0681 5.35343C52.0431 5.28451 52.0039 5.22163 51.953 5.16887C51.9013 5.11594 51.8396 5.0739 51.7714 5.04522C51.7032 5.01653 51.6299 5.00179 51.556 5.00187Z%22 fill%3D%22%230046E8%22%2F%3E%0D%3Cpath d%3D%22M62.5849 5.62384C61.5253 5.0858 60.349 4.81818 59.1609 4.84483C57.9189 4.82024 56.6943 5.14007 55.6229 5.76884C54.6017 6.3909 53.7832 7.29624 53.2669 8.37483C52.7068 9.56374 52.4286 10.8659 52.4539 12.1798C52.4256 13.3615 52.6967 14.5311 53.2419 15.5798C53.7622 16.541 54.557 17.3253 55.5249 17.8328C56.5783 18.3694 57.748 18.637 58.9299 18.6118C60.1719 18.6364 61.3965 18.3166 62.4679 17.6878C63.4893 17.0657 64.3081 16.1604 64.8249 15.0818C65.3848 13.8925 65.663 12.5901 65.6379 11.2758C65.6667 10.0954 65.3996 8.92657 64.8609 7.87584C64.3447 6.91429 63.5519 6.12979 62.5849 5.62384ZM61.3129 14.6308C61.0283 14.9604 60.68 15.229 60.2889 15.4205C59.8979 15.612 59.4721 15.7225 59.0372 15.7452C58.6024 15.7679 58.1674 15.7024 57.7585 15.5526C57.3496 15.4029 56.9753 15.172 56.6579 14.8738C56.0736 14.1086 55.7891 13.1562 55.8579 12.1958C55.7864 11.0025 56.1116 9.81902 56.7829 8.82983C57.0654 8.49858 57.4123 8.22827 57.8026 8.03535C58.1928 7.84243 58.6182 7.73093 59.053 7.70764C59.4877 7.68434 59.9226 7.74974 60.3312 7.89985C60.7398 8.04997 61.1137 8.28167 61.4299 8.58084C62.0221 9.34833 62.3111 10.3069 62.2419 11.2738C62.3132 12.4649 61.9864 13.6459 61.3129 14.6308Z%22 fill%3D%22%230046E8%22%2F%3E%0D%3Cpath d%3D%22M78.2119 13.9838C78.0751 13.514 77.8456 13.0764 77.5369 12.6968L77.5029 12.6578C78.052 12.4187 78.5354 12.0506 78.9119 11.5848C79.4935 10.8175 79.7926 9.87304 79.7589 8.9108C79.7804 8.36627 79.677 7.82405 79.4565 7.3257C79.236 6.82735 78.9043 6.3861 78.4869 6.0358C77.5114 5.30009 76.3067 4.93409 75.0869 5.00281H69.4449C69.3084 5.00123 69.1764 5.05106 69.075 5.14241C68.9737 5.23376 68.9104 5.35993 68.8979 5.49581L67.9119 17.8788C67.9069 17.9519 67.9172 18.0252 67.9421 18.0941C67.9671 18.163 68.0062 18.2259 68.0569 18.2788C68.1086 18.3328 68.1707 18.3757 68.2394 18.4051C68.3082 18.4345 68.3821 18.4497 68.4569 18.4498H70.7419C70.8784 18.4516 71.0105 18.4019 71.112 18.3105C71.2134 18.2191 71.2766 18.0928 71.2889 17.9568L71.6599 13.3018H73.3659C73.6886 13.2855 74.0109 13.3419 74.3089 13.4668C74.3976 13.5186 74.4748 13.5882 74.5355 13.6711C74.5963 13.754 74.6393 13.8485 74.6619 13.9488L75.9479 18.0708C75.9836 18.1816 76.0539 18.2782 76.1483 18.3463C76.2427 18.4145 76.3564 18.4507 76.4729 18.4498H78.9119C78.9973 18.4501 79.0815 18.4306 79.1581 18.3928C79.2346 18.3549 79.3013 18.2998 79.3529 18.2318C79.4039 18.1652 79.4381 18.0871 79.4524 18.0044C79.4667 17.9217 79.4606 17.8367 79.4349 17.7568L78.2119 13.9838ZM74.5289 10.4978H71.8729L72.0899 7.80881H74.8319C76.2829 7.80881 76.4789 8.42679 76.4789 9.03079C76.4849 9.75679 76.2529 10.4978 74.5339 10.4978H74.5289Z%22 fill%3D%22%230046E8%22%2F%3E%0D%3C%2Fsvg%3E%0D\");background-repeat:no-repeat;background-position:center;height:50px;width:150px}nav .header-menu .logo-container .logo-small{background-position-y:center;background-position-x:right}nav .menu-sections{display:flex;flex-direction:column;flex:1;overflow-y:overlay;overflow-x:hidden}nav .menu-sections::-webkit-scrollbar{width:4px}nav .menu-sections .menu-section{margin:5px 10px 0}nav .menu-sections .menu-section:first-child{border-bottom:1px solid #e5e5ea}nav .menu-sections .menu-section .menu-section-title{color:#6e7f88;font-weight:500;font-size:.8em;padding-left:10px;white-space:nowrap;transition:opacity .2s ease-in-out}nav .menu-sections .menu-section .side-menu{padding:0;margin:0;list-style:none;overflow-x:hidden;overflow-y:scroll;-ms-overflow-style:none}nav .menu-sections .menu-section .side-menu::-webkit-scrollbar{display:none}@media screen and (max-width: 650px){nav .menu-sections .menu-section .side-menu{background-size:120px;background-position:20px}}nav .menu-sections .menu-section .side-menu-item{min-height:40px;display:flex;flex-direction:row;align-items:center;transition:background-color ease-in-out .1s;z-index:2;overflow:hidden;padding:0 10px;border-radius:15px;margin:5px 0;position:relative}nav .menu-sections .menu-section .side-menu-item:not(.always-open){cursor:pointer}nav .menu-sections .menu-section .side-menu-item:hover{background-color:#e5e5ea}nav .menu-sections .menu-section .side-menu-item.active{background-color:#e5e5ea}nav .menu-sections .menu-section .side-menu-item.active span{color:#fff}nav .menu-sections .menu-section .side-menu-item.active i{color:#fff}nav .menu-sections .menu-section .selected-portal{background-color:#e5e5ea;border-radius:15px}nav .menu-sections .menu-section .selected-portal .icon-container .menu-icon{filter:invert(68%) sepia(50%) saturate(5585%) hue-rotate(130deg) brightness(95%) contrast(87%)}nav .menu-sections .menu-section .selected-portal .menu-label{color:#11b797}nav .footer{display:flex;align-items:center;padding:10px;margin:0 10px;border-top:1px solid #e5e5ea;overflow:hidden;height:50px}nav .footer .footer-icon{width:50px}nav .footer .footer-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;font-size:.8em;text-overflow:hidden;white-space:nowrap}\n"] }]
|
|
2642
|
+
], template: "<nav id=\"menu\" [ngStyle]=\"widthStyle\" [@sideInOut]=\"lastAnimation\">\r\n <div class=\"header-menu\">\r\n <div class=\"logo-container\">\r\n <div class=\"logo\" [ngClass]=\"{ 'logo-small': !opened }\"></div>\r\n </div>\r\n </div>\r\n <div class=\"menu-sections\">\r\n <div class=\"menu-section\">\r\n <span [ngStyle]=\"{ opacity: opened ? 1 : 0 }\" class=\"menu-section-title\">SELE\u00C7\u00C3O DE PORTAL</span>\r\n <ul class=\"side-menu\">\r\n <li>\r\n <div\r\n class=\"side-menu-item\"\r\n [ngClass]=\"{ 'selected-portal': isPortalSelected(apps.LOGTECH) }\"\r\n (click)=\"navigateToPortal({ portal: 'logtech', admin: false })\"\r\n >\r\n <div class=\"icon-container\">\r\n <img src=\"../../../../assets/icons/vector_logtech_icon.svg\" class=\"menu-icon\" />\r\n </div>\r\n <span class=\"menu-label\">Cargas</span>\r\n </div>\r\n </li>\r\n <li *ngIf=\"hasAnyFintechPermission\">\r\n <div\r\n class=\"side-menu-item\"\r\n [ngClass]=\"{ 'selected-portal': isPortalSelected(apps.FINTECH) }\"\r\n (click)=\"navigateToPortal({ portal: 'fintech', admin: false })\"\r\n >\r\n <div class=\"icon-container\">\r\n <img src=\"../../../../assets/icons/vector_fintech_icon.svg\" class=\"menu-icon\" />\r\n </div>\r\n <span class=\"menu-label\">Carteira digital</span>\r\n </div>\r\n </li>\r\n <li>\r\n <div\r\n class=\"side-menu-item\"\r\n [ngClass]=\"{ 'selected-portal': isPortalSelected(apps.MARKETPLACE) }\"\r\n (click)=\"navigateToPortal({ portal: 'marketplace', admin: false })\"\r\n >\r\n <div class=\"icon-container\">\r\n <img src=\"../../../../assets/icons/vector_marketplace_icon.svg\" class=\"menu-icon\" />\r\n </div>\r\n <span class=\"menu-label\">Combust\u00EDvel</span>\r\n </div>\r\n </li>\r\n <li *ngIf=\"adminOption && (hasFintechAdminPermission || hasMarketplaceAdminPermission)\">\r\n <div\r\n class=\"side-menu-item\"\r\n (click)=\"onMenuClick(adminOption)\"\r\n [ngClass]=\"{ 'active-menu': activeOption?.id === adminOption.id }\"\r\n >\r\n <div class=\"icon-container\">\r\n <img src=\"../../../../assets/icons/vector_admin_icon.svg\" class=\"menu-icon\" />\r\n </div>\r\n <span class=\"menu-label\">{{ adminOption.label }}</span>\r\n <i\r\n *ngIf=\"opened && adminOption.children?.length\"\r\n class=\"fas angle-icon\"\r\n [ngClass]=\"{\r\n 'fa-angle-down': activeOption?.id !== adminOption.id,\r\n 'fa-angle-up': activeOption?.id === adminOption.id\r\n }\"\r\n ></i>\r\n </div>\r\n <vector-sub-menus-list\r\n [options]=\"adminOption.children\"\r\n [showList]=\"activeOption?.id === adminOption.id\"\r\n [submenuSelected]=\"activeSubmenuOption\"\r\n (submenuSelectedChange)=\"onSubmenuClick($event)\"\r\n ></vector-sub-menus-list>\r\n </li>\r\n </ul>\r\n </div>\r\n <div class=\"menu-section\">\r\n <span [ngStyle]=\"{ opacity: opened && options?.length ? 1 : 0 }\" class=\"menu-section-title\">MENU</span>\r\n <ul class=\"side-menu\">\r\n <li *ngFor=\"let option of options\">\r\n <div\r\n class=\"side-menu-item\"\r\n [ngClass]=\"{ 'active-menu': activeOption?.id === option.id, 'always-open': !!option.alwaysOpen }\"\r\n [pTooltip]=\"option.label\"\r\n tooltipPosition=\"right\"\r\n (click)=\"onMenuClick(option)\"\r\n >\r\n <div class=\"icon-container\">\r\n <img\r\n *ngIf=\"option.iconFileName\"\r\n [src]=\"'../../../../assets/icons/' + option.iconFileName + '.svg'\"\r\n class=\"menu-icon\"\r\n />\r\n <i *ngIf=\"option.icon\" class=\"menu-icon {{ option.icon }}\"></i>\r\n </div>\r\n <span class=\"menu-label\">{{ option.label }}</span>\r\n <i\r\n *ngIf=\"opened && option.children?.length && !option.alwaysOpen\"\r\n class=\"fas angle-icon\"\r\n [ngClass]=\"{\r\n 'fa-angle-down': activeOption?.id !== option.id,\r\n 'fa-angle-up': activeOption?.id === option.id\r\n }\"\r\n ></i>\r\n </div>\r\n <vector-sub-menus-list\r\n [options]=\"option.children\"\r\n [showList]=\"activeOption?.id === option.id || (!!option.alwaysOpen && opened)\"\r\n [submenuSelected]=\"activeSubmenuOption\"\r\n (submenuSelectedChange)=\"onSubmenuClick($event)\"\r\n ></vector-sub-menus-list>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div class=\"footer side-menu-item\">\r\n <div class=\"icon-container\">\r\n <img src=\"../../../../assets/icons/menu_footer_icon.svg\" class=\"menu-icon\" />\r\n </div>\r\n <span class=\"menu-label footer-content\">\r\n <span> Veja nosso <a (click)=\"openTermsOfUse()\">Termo de uso</a> </span>\r\n <span>e <a>Pol\u00EDtica de privacidade</a></span>\r\n </span>\r\n </div>\r\n</nav>\r\n", styles: [":root{--teste: green;--theme-primary: #0046e8;--theme-dark: #3a2b68;--background: #f2f2f7;--font-color: #151515;--disabled-background: #bcbcbc;--placeholder-color: #aaaaaa80;--border-radius: 5px;--theme-primary-transparent: rgba(1, 70, 108, .8);--grey-light: #e5e5ea;--grey-lighter: #eff0f6;--grey-dark: #6e7f88;--error-color: #fd6a6a;--error-color-dark: #ff4136;--error-color-transparent: #fd6a6a1a;--success-color: #11b797;--success-color-dark: #0e8a71;--theme-light: #0145e8;--warning-color: #e9c429;--cancel-color: #ca024f;--form-labels-color: #4e4b66}.angle-icon{position:absolute;right:10px}.menu-icon{filter:brightness(0) saturate(100%) invert(14%) sepia(87%) saturate(1218%) hue-rotate(233deg) brightness(88%) contrast(90%);width:20px;height:20px}.icon-container{width:20px;height:20px}.icon-container .menu-icon{display:flex;justify-content:center;align-items:center;font-size:1.4em}.menu-label{color:var(--theme-dark);font-weight:600;text-decoration:none;padding-bottom:1px;margin-left:20px;min-width:170px;white-space:normal;overflow:visible}.active-menu:not(.always-open){background-color:var(--grey-light)}nav{height:100vh;min-height:100vh;background-color:#f5f5f5;transition:width ease-in-out .2s;display:flex;flex-direction:column;z-index:500;position:sticky;box-shadow:2px 2px 4px #00000029}nav .header-menu{display:flex;justify-content:center;flex-direction:column;width:100%}nav .header-menu .logo-container{height:81px;padding:5px;display:flex;justify-content:center;align-items:center}nav .header-menu .logo-container .logo{background-image:url(\"data:image/svg+xml,%3Csvg width%3D%22140%22 height%3D%2224%22 viewBox%3D%220 0 140 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M121.242 12.1018C121.196 12.0337 121.134 11.978 121.061 11.9396C120.988 11.9012 120.907 11.8814 120.825 11.8818H94.3811C94.2986 11.8813 94.2172 11.9013 94.1443 11.9398C94.0714 11.9784 94.0091 12.0344 93.9631 12.1028C93.9177 12.1701 93.8903 12.2479 93.8835 12.3288C93.8767 12.4096 93.8907 12.4909 93.9241 12.5648L98.1061 23.4148C98.1462 23.5021 98.2107 23.576 98.2918 23.6276C98.3728 23.6792 98.467 23.7064 98.5631 23.7058C98.6602 23.7056 98.7551 23.6771 98.8362 23.6238C98.9174 23.5705 98.9813 23.4948 99.0201 23.4058L103.086 15.9658H119.432C119.529 15.9664 119.623 15.939 119.704 15.887C119.786 15.835 119.85 15.7607 119.89 15.6728L121.278 12.5598C121.311 12.4867 121.325 12.4063 121.319 12.3262C121.313 12.2461 121.286 12.1689 121.242 12.1018Z%22 fill%3D%22%23C1BFBF%22%2F%3E%0D%3Cpath d%3D%22M120.663 7.18982L117.906 22.6898C117.897 22.8176 117.914 22.946 117.958 23.0666C118.001 23.1871 118.069 23.2973 118.158 23.3898C118.248 23.4847 118.357 23.5602 118.477 23.6118C118.597 23.6634 118.727 23.6899 118.858 23.6898H125.44L124.059 16.0548L120.663 7.18982Z%22 fill%3D%22%230046E8%22%2F%3E%0D%3Cpath d%3D%22M139.493 19.0738H139.234C139.199 14.1088 139.034 12.7618 138.279 11.9548C136.991 11.0177 135.583 10.2567 134.093 9.69185C133.4 9.37585 132.615 9.01784 132.488 8.92384C132.182 8.61884 130.72 5.98785 129.935 4.57385C129.607 3.98385 129.32 3.46684 129.125 3.12784C128.692 2.1348 127.961 1.30139 127.032 0.743619C126.103 0.185842 125.024 -0.0685563 123.944 0.0158354H114.399C114.315 0.0159602 114.232 0.0371689 114.158 0.0775114C114.084 0.117854 114.021 0.176054 113.975 0.246838C113.929 0.318152 113.901 0.399725 113.894 0.484326C113.887 0.568927 113.901 0.653944 113.935 0.731839L123.749 23.3838C123.788 23.4748 123.853 23.5524 123.936 23.6069C124.018 23.6615 124.115 23.6907 124.214 23.6908H126.107C126.24 23.6903 126.368 23.6377 126.463 23.5443C126.557 23.4508 126.612 23.3239 126.614 23.1908C126.614 22.0239 127.078 20.9047 127.903 20.0796C128.728 19.2544 129.847 18.7908 131.014 18.7908C132.181 18.7908 133.3 19.2544 134.125 20.0796C134.951 20.9047 135.414 22.0239 135.414 23.1908C135.416 23.3239 135.471 23.4508 135.566 23.5443C135.66 23.6377 135.788 23.6903 135.921 23.6908H138.736C138.803 23.6906 138.869 23.6771 138.931 23.6512C138.993 23.6254 139.049 23.5875 139.096 23.54C139.143 23.4924 139.18 23.4361 139.205 23.3741C139.231 23.3121 139.243 23.2458 139.243 23.1788C139.243 22.7788 139.243 22.4038 139.243 22.0358H139.493C139.628 22.035 139.757 21.9807 139.852 21.8847C139.948 21.7887 140.001 21.6589 140 21.5238V19.5858C140.001 19.4508 139.948 19.321 139.852 19.225C139.757 19.129 139.628 19.0746 139.493 19.0738ZM126.843 9.88084H122.493C122.327 9.88216 122.165 9.82899 122.032 9.72946C121.899 9.62993 121.803 9.48956 121.757 9.32985L120.263 4.63484C120.233 4.52497 120.23 4.40962 120.253 4.29809C120.275 4.18657 120.324 4.08201 120.395 3.99284C120.467 3.90254 120.558 3.82958 120.662 3.77937C120.766 3.72916 120.88 3.70301 120.995 3.70285H123.672C124.094 3.72152 124.507 3.82512 124.887 4.00744C125.268 4.18976 125.608 4.44703 125.886 4.76384C127.011 5.95381 127.626 7.53657 127.599 9.17384C127.588 9.36608 127.503 9.54657 127.362 9.67811C127.221 9.80965 127.036 9.88221 126.843 9.88084Z%22 fill%3D%22%230046E8%22%2F%3E%0D%3Cpath d%3D%22M111.095 0.247837C111.047 0.178227 110.984 0.121319 110.909 0.0820957C110.834 0.0428727 110.751 0.0225232 110.667 0.0228306H89.895C89.8113 0.0226002 89.7288 0.04268 89.6546 0.081348C89.5804 0.120016 89.5167 0.176117 89.469 0.244831C89.4223 0.312713 89.3935 0.391307 89.3852 0.473301C89.377 0.555294 89.3897 0.638037 89.422 0.71384L90.616 3.90883C90.6562 4.00061 90.7225 4.07859 90.8065 4.13315C90.8906 4.18771 90.9888 4.21646 91.089 4.21584H108.956C109.055 4.21648 109.152 4.18848 109.235 4.13526C109.319 4.08203 109.385 4.00584 109.426 3.91584L111.136 0.720829C111.17 0.645039 111.184 0.561785 111.177 0.478992C111.17 0.396199 111.142 0.316629 111.095 0.247837Z%22 fill%3D%22%23C1BFBF%22%2F%3E%0D%3Cpath d%3D%22M113.338 6.14286C113.29 6.07325 113.227 6.01634 113.152 5.97712C113.077 5.93789 112.994 5.91754 112.91 5.91785H92.1379C92.0542 5.91762 91.9718 5.9377 91.8976 5.97637C91.8234 6.01504 91.7597 6.07114 91.7119 6.13985C91.6652 6.20773 91.6364 6.28633 91.6282 6.36832C91.62 6.45031 91.6326 6.53306 91.6649 6.60886L92.8589 9.80385C92.8991 9.89563 92.9654 9.97361 93.0494 10.0282C93.1335 10.0827 93.2317 10.1115 93.3319 10.1109H111.199C111.298 10.1115 111.395 10.0835 111.478 10.0303C111.562 9.97707 111.628 9.90085 111.669 9.81086L113.379 6.61586C113.413 6.54005 113.427 6.4568 113.42 6.37403C113.413 6.29125 113.384 6.21169 113.338 6.14286Z%22 fill%3D%22%23C1BFBF%22%2F%3E%0D%3Cpath d%3D%22M13.7599 5.00184H11.3849C11.2846 5.00125 11.1859 5.02814 11.0997 5.07962C11.0135 5.13109 10.943 5.20518 10.896 5.29385L6.49595 13.7468L3.45796 5.35785C3.41862 5.25269 3.34795 5.16216 3.25548 5.09849C3.16301 5.03482 3.05321 5.00108 2.94095 5.00184H0.548951C0.461165 5.00163 0.374588 5.02229 0.29635 5.0621C0.218111 5.10192 0.150454 5.15975 0.0989544 5.23085C0.0484788 5.30079 0.0161201 5.38216 0.00477719 5.46766C-0.0065657 5.55317 0.00345838 5.64017 0.033952 5.72085L4.71195 18.1048C4.75225 18.2085 4.82307 18.2974 4.91503 18.3599C5.00699 18.4224 5.11577 18.4555 5.22695 18.4548H7.10195C7.20123 18.4555 7.29883 18.4292 7.38439 18.3789C7.46996 18.3285 7.5403 18.2559 7.58795 18.1688L14.247 5.78485C14.2907 5.7038 14.3122 5.6126 14.3092 5.52055C14.3062 5.4285 14.2788 5.33889 14.23 5.26085C14.1802 5.1812 14.1109 5.11559 14.0286 5.07026C13.9464 5.02493 13.8539 5.00138 13.7599 5.00184Z%22 fill%3D%22%230046E8%22%2F%3E%0D%3Cpath d%3D%22M24.9719 5.00187H16.4719C16.3355 5.00028 16.2034 5.05013 16.1021 5.14149C16.0007 5.23284 15.9375 5.35899 15.9249 5.49486L14.9429 17.8789C14.9379 17.952 14.9482 18.0253 14.9731 18.0942C14.9981 18.1631 15.0372 18.226 15.0879 18.2789C15.1396 18.3328 15.2017 18.3758 15.2704 18.4052C15.3392 18.4346 15.4131 18.4498 15.4879 18.4499H23.9689C24.1052 18.4515 24.2371 18.4018 24.3384 18.3106C24.4397 18.2195 24.5031 18.0936 24.5159 17.9579L24.6589 16.1829C24.664 16.1098 24.6539 16.0366 24.6291 15.9677C24.6043 15.8988 24.5654 15.8359 24.5149 15.7829C24.4633 15.7287 24.4012 15.6856 24.3325 15.656C24.2637 15.6265 24.1897 15.6111 24.1149 15.6109H18.4759L18.6759 13.0449H24.0419C24.1772 13.0463 24.3082 12.9972 24.4092 12.9071C24.5102 12.8171 24.5739 12.6925 24.5879 12.5579L24.7489 10.7839C24.7555 10.7097 24.7462 10.6349 24.7217 10.5646C24.6972 10.4943 24.6581 10.4299 24.6069 10.3759C24.5553 10.3215 24.4933 10.2782 24.4246 10.2485C24.3558 10.2187 24.2818 10.2032 24.2069 10.2029H18.9069L19.1069 7.84487H24.8499C24.9874 7.84608 25.1202 7.79518 25.2217 7.70241C25.3232 7.60965 25.3858 7.48191 25.3969 7.34487L25.5219 5.57087C25.5268 5.4977 25.5163 5.42431 25.4912 5.35543C25.466 5.28654 25.4268 5.22369 25.3759 5.17087C25.3235 5.11682 25.2607 5.07396 25.1912 5.04491C25.1218 5.01586 25.0472 5.00122 24.9719 5.00187Z%22 fill%3D%22%230046E8%22%2F%3E%0D%3Cpath d%3D%22M36.744 5.24681C35.8882 4.97389 34.9943 4.83887 34.096 4.8468C32.8107 4.82 31.5411 5.13362 30.416 5.75581C29.3614 6.36119 28.5072 7.2623 27.959 8.34781C27.3718 9.53837 27.0793 10.8526 27.106 12.1798C27.0798 13.3536 27.3428 14.5158 27.872 15.5638C28.3725 16.5235 29.1479 17.3121 30.099 17.8288C31.1286 18.3668 32.2776 18.6354 33.439 18.6098C34.3264 18.6143 35.2083 18.4717 36.049 18.1878C36.8216 17.9383 37.5333 17.5295 38.138 16.9878C38.2159 16.9161 38.2704 16.8226 38.2943 16.7195C38.3182 16.6164 38.3105 16.5085 38.272 16.4098L37.629 14.7748C37.5981 14.6972 37.5498 14.6278 37.4877 14.572C37.4256 14.5161 37.3514 14.4753 37.271 14.4528C37.19 14.4295 37.1046 14.4248 37.0215 14.4392C36.9384 14.4536 36.8596 14.4866 36.791 14.5358C35.8734 15.2595 34.7498 15.6734 33.582 15.7178C33.1672 15.7485 32.7507 15.6868 32.3627 15.537C31.9746 15.3873 31.6247 15.1532 31.338 14.8518C30.7568 14.095 30.4723 13.1518 30.538 12.1998C30.4662 11.0108 30.8118 9.83415 31.515 8.8728C31.8387 8.4911 32.247 8.19013 32.7073 7.9938C33.1677 7.79747 33.6675 7.71118 34.167 7.7418C34.723 7.73278 35.2761 7.82356 35.8 8.00981C36.3376 8.22421 36.8363 8.52554 37.276 8.90179C37.3389 8.9534 37.4123 8.99065 37.4911 9.01086C37.5698 9.03107 37.6521 9.03377 37.732 9.0188C37.8114 9.00463 37.8866 8.97307 37.9523 8.92639C38.018 8.87971 38.0725 8.81907 38.112 8.74881L39.022 7.1138C39.0807 7.00812 39.1011 6.88544 39.0797 6.76648C39.0584 6.64751 38.9967 6.53954 38.905 6.4608C38.273 5.91583 37.5382 5.50305 36.744 5.24681Z%22 fill%3D%22%230046E8%22%2F%3E%0D%3Cpath d%3D%22M51.556 5.00187H40.933C40.7964 5.0003 40.6642 5.05029 40.5628 5.14185C40.4614 5.23341 40.3983 5.35982 40.386 5.49587L40.244 7.33986C40.2388 7.41289 40.249 7.48618 40.2738 7.55506C40.2986 7.62394 40.3375 7.68689 40.388 7.73987C40.4398 7.79375 40.5019 7.83666 40.5706 7.86603C40.6393 7.89541 40.7133 7.91065 40.788 7.91086H44.354L43.544 17.8749C43.5389 17.9479 43.5491 18.0212 43.5739 18.09C43.5987 18.1589 43.6375 18.2219 43.688 18.2749C43.7396 18.329 43.8017 18.3722 43.8704 18.4017C43.9392 18.4313 44.0132 18.4466 44.088 18.4469H46.409C46.5453 18.4485 46.6772 18.3988 46.7785 18.3076C46.8798 18.2165 46.9432 18.0906 46.956 17.9549L47.773 7.90587H51.408C51.5446 7.90744 51.6767 7.85745 51.7781 7.76589C51.8795 7.67433 51.9427 7.54792 51.955 7.41187L52.098 5.56887C52.1033 5.49575 52.0931 5.42235 52.0681 5.35343C52.0431 5.28451 52.0039 5.22163 51.953 5.16887C51.9013 5.11594 51.8396 5.0739 51.7714 5.04522C51.7032 5.01653 51.6299 5.00179 51.556 5.00187Z%22 fill%3D%22%230046E8%22%2F%3E%0D%3Cpath d%3D%22M62.5849 5.62384C61.5253 5.0858 60.349 4.81818 59.1609 4.84483C57.9189 4.82024 56.6943 5.14007 55.6229 5.76884C54.6017 6.3909 53.7832 7.29624 53.2669 8.37483C52.7068 9.56374 52.4286 10.8659 52.4539 12.1798C52.4256 13.3615 52.6967 14.5311 53.2419 15.5798C53.7622 16.541 54.557 17.3253 55.5249 17.8328C56.5783 18.3694 57.748 18.637 58.9299 18.6118C60.1719 18.6364 61.3965 18.3166 62.4679 17.6878C63.4893 17.0657 64.3081 16.1604 64.8249 15.0818C65.3848 13.8925 65.663 12.5901 65.6379 11.2758C65.6667 10.0954 65.3996 8.92657 64.8609 7.87584C64.3447 6.91429 63.5519 6.12979 62.5849 5.62384ZM61.3129 14.6308C61.0283 14.9604 60.68 15.229 60.2889 15.4205C59.8979 15.612 59.4721 15.7225 59.0372 15.7452C58.6024 15.7679 58.1674 15.7024 57.7585 15.5526C57.3496 15.4029 56.9753 15.172 56.6579 14.8738C56.0736 14.1086 55.7891 13.1562 55.8579 12.1958C55.7864 11.0025 56.1116 9.81902 56.7829 8.82983C57.0654 8.49858 57.4123 8.22827 57.8026 8.03535C58.1928 7.84243 58.6182 7.73093 59.053 7.70764C59.4877 7.68434 59.9226 7.74974 60.3312 7.89985C60.7398 8.04997 61.1137 8.28167 61.4299 8.58084C62.0221 9.34833 62.3111 10.3069 62.2419 11.2738C62.3132 12.4649 61.9864 13.6459 61.3129 14.6308Z%22 fill%3D%22%230046E8%22%2F%3E%0D%3Cpath d%3D%22M78.2119 13.9838C78.0751 13.514 77.8456 13.0764 77.5369 12.6968L77.5029 12.6578C78.052 12.4187 78.5354 12.0506 78.9119 11.5848C79.4935 10.8175 79.7926 9.87304 79.7589 8.9108C79.7804 8.36627 79.677 7.82405 79.4565 7.3257C79.236 6.82735 78.9043 6.3861 78.4869 6.0358C77.5114 5.30009 76.3067 4.93409 75.0869 5.00281H69.4449C69.3084 5.00123 69.1764 5.05106 69.075 5.14241C68.9737 5.23376 68.9104 5.35993 68.8979 5.49581L67.9119 17.8788C67.9069 17.9519 67.9172 18.0252 67.9421 18.0941C67.9671 18.163 68.0062 18.2259 68.0569 18.2788C68.1086 18.3328 68.1707 18.3757 68.2394 18.4051C68.3082 18.4345 68.3821 18.4497 68.4569 18.4498H70.7419C70.8784 18.4516 71.0105 18.4019 71.112 18.3105C71.2134 18.2191 71.2766 18.0928 71.2889 17.9568L71.6599 13.3018H73.3659C73.6886 13.2855 74.0109 13.3419 74.3089 13.4668C74.3976 13.5186 74.4748 13.5882 74.5355 13.6711C74.5963 13.754 74.6393 13.8485 74.6619 13.9488L75.9479 18.0708C75.9836 18.1816 76.0539 18.2782 76.1483 18.3463C76.2427 18.4145 76.3564 18.4507 76.4729 18.4498H78.9119C78.9973 18.4501 79.0815 18.4306 79.1581 18.3928C79.2346 18.3549 79.3013 18.2998 79.3529 18.2318C79.4039 18.1652 79.4381 18.0871 79.4524 18.0044C79.4667 17.9217 79.4606 17.8367 79.4349 17.7568L78.2119 13.9838ZM74.5289 10.4978H71.8729L72.0899 7.80881H74.8319C76.2829 7.80881 76.4789 8.42679 76.4789 9.03079C76.4849 9.75679 76.2529 10.4978 74.5339 10.4978H74.5289Z%22 fill%3D%22%230046E8%22%2F%3E%0D%3C%2Fsvg%3E%0D\");background-repeat:no-repeat;background-position:center;height:50px;width:150px}nav .header-menu .logo-container .logo-small{background-position-y:center;background-position-x:right}nav .menu-sections{display:flex;flex-direction:column;flex:1;overflow-y:overlay;overflow-x:hidden}nav .menu-sections::-webkit-scrollbar{width:4px}nav .menu-sections .menu-section{margin:5px 10px 0}nav .menu-sections .menu-section:first-child{border-bottom:1px solid var(--grey-light)}nav .menu-sections .menu-section .menu-section-title{color:var(--grey-dark);font-weight:500;font-size:.8em;padding-left:10px;white-space:nowrap;transition:opacity .2s ease-in-out}nav .menu-sections .menu-section .side-menu{padding:0;margin:0;list-style:none;overflow-x:hidden;overflow-y:scroll;-ms-overflow-style:none}nav .menu-sections .menu-section .side-menu::-webkit-scrollbar{display:none}@media screen and (max-width: 650px){nav .menu-sections .menu-section .side-menu{background-size:120px;background-position:20px}}nav .menu-sections .menu-section .side-menu-item{min-height:40px;display:flex;flex-direction:row;align-items:center;transition:background-color ease-in-out .1s;z-index:2;overflow:hidden;padding:0 10px;border-radius:15px;margin:5px 0;position:relative}nav .menu-sections .menu-section .side-menu-item:not(.always-open){cursor:pointer}nav .menu-sections .menu-section .side-menu-item:hover{background-color:var(--grey-light)}nav .menu-sections .menu-section .side-menu-item.active{background-color:var(--grey-light)}nav .menu-sections .menu-section .side-menu-item.active span{color:#fff}nav .menu-sections .menu-section .side-menu-item.active i{color:#fff}nav .menu-sections .menu-section .selected-portal{background-color:var(--grey-light);border-radius:15px}nav .menu-sections .menu-section .selected-portal .icon-container .menu-icon{filter:invert(68%) sepia(50%) saturate(5585%) hue-rotate(130deg) brightness(95%) contrast(87%)}nav .menu-sections .menu-section .selected-portal .menu-label{color:var(--success-color)}nav .footer{display:flex;align-items:center;padding:10px;margin:0 10px;border-top:1px solid var(--grey-light);overflow:hidden;height:50px}nav .footer .footer-icon{width:50px}nav .footer .footer-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;font-size:.8em;text-overflow:hidden;white-space:nowrap}\n"] }]
|
|
2643
2643
|
}], ctorParameters: function () {
|
|
2644
2644
|
return [{ type: MenuService }, { type: i2.Router }, { type: ProfileService }, { type: StorageService }, { type: undefined, decorators: [{
|
|
2645
2645
|
type: Inject,
|
|
@@ -2701,10 +2701,10 @@ class TopBarComponent {
|
|
|
2701
2701
|
}
|
|
2702
2702
|
}
|
|
2703
2703
|
TopBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TopBarComponent, deps: [{ token: MenuService }, { token: AuthService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2704
|
-
TopBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: TopBarComponent, selector: "vector-top-bar", ngImport: i0, template: "<div class=\"top-bar-container\">\r\n <div id=\"menu-toggle\" class=\"menu-toggle\" (click)=\"toggleMenu()\">\r\n <div class=\"menu-icon\"></div>\r\n </div>\r\n <div class=\"right-items-container\" [ngClass]=\"{ 'hidden-items': hideElements }\">\r\n <span class=\"fas fa-bell\"></span>\r\n <span class=\"separator\"></span>\r\n <div\r\n #menuContainer\r\n class=\"menu-container\"\r\n (click)=\"menu.toggle($event)\"\r\n pTooltip=\"Enter your username\"\r\n tooltipPosition=\"bottom\"\r\n tooltipEvent=\"click\"\r\n >\r\n <span class=\"user-name\">{{ '' }}</span>\r\n <span class=\"fas\" [ngClass]=\"{ 'fa-angle-down': !openedMenu, 'fa-angle-up': openedMenu }\"></span>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<p-overlayPanel #menu (onHide)=\"openedMenu = false\" (onShow)=\"openedMenu = true\">\r\n <ng-template pTemplate>\r\n <ul class=\"user-menu\">\r\n <li (click)=\"logout()\">\r\n <span class=\"logout user-menu-icon\"></span>\r\n <span>Sair</span>\r\n </li>\r\n </ul>\r\n </ng-template>\r\n</p-overlayPanel>\r\n", styles: [".fas{color:#fff}.top-bar-container{height:81px;background-color
|
|
2704
|
+
TopBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: TopBarComponent, selector: "vector-top-bar", ngImport: i0, template: "<div class=\"top-bar-container\">\r\n <div id=\"menu-toggle\" class=\"menu-toggle\" (click)=\"toggleMenu()\">\r\n <div class=\"menu-icon\"></div>\r\n </div>\r\n <div class=\"right-items-container\" [ngClass]=\"{ 'hidden-items': hideElements }\">\r\n <span class=\"fas fa-bell\"></span>\r\n <span class=\"separator\"></span>\r\n <div\r\n #menuContainer\r\n class=\"menu-container\"\r\n (click)=\"menu.toggle($event)\"\r\n pTooltip=\"Enter your username\"\r\n tooltipPosition=\"bottom\"\r\n tooltipEvent=\"click\"\r\n >\r\n <span class=\"user-name\">{{ '' }}</span>\r\n <span class=\"fas\" [ngClass]=\"{ 'fa-angle-down': !openedMenu, 'fa-angle-up': openedMenu }\"></span>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<p-overlayPanel #menu (onHide)=\"openedMenu = false\" (onShow)=\"openedMenu = true\">\r\n <ng-template pTemplate>\r\n <ul class=\"user-menu\">\r\n <li (click)=\"logout()\">\r\n <span class=\"logout user-menu-icon\"></span>\r\n <span>Sair</span>\r\n </li>\r\n </ul>\r\n </ng-template>\r\n</p-overlayPanel>\r\n", styles: [":root{--teste: green;--theme-primary: #0046e8;--theme-dark: #3a2b68;--background: #f2f2f7;--font-color: #151515;--disabled-background: #bcbcbc;--placeholder-color: #aaaaaa80;--border-radius: 5px;--theme-primary-transparent: rgba(1, 70, 108, .8);--grey-light: #e5e5ea;--grey-lighter: #eff0f6;--grey-dark: #6e7f88;--error-color: #fd6a6a;--error-color-dark: #ff4136;--error-color-transparent: #fd6a6a1a;--success-color: #11b797;--success-color-dark: #0e8a71;--theme-light: #0145e8;--warning-color: #e9c429;--cancel-color: #ca024f;--form-labels-color: #4e4b66}.fas{color:#fff}.top-bar-container{height:81px;background-color:var(--theme-light);display:flex;flex:1;align-items:center;padding:15px;color:#fff;font-size:1em;font-weight:600;box-shadow:2px 2px 4px #00000029}.top-bar-container .menu-toggle{cursor:pointer;margin-right:10px;padding:8px}.top-bar-container .menu-toggle .menu-icon{background:url(\"data:image/svg+xml,%3Csvg width%3D%2221%22 height%3D%2214%22 viewBox%3D%220 0 21 14%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M0 13.846H15V11.538H0V13.846ZM0 8.077H11.538V5.769H0V8.077ZM0 0V2.308H15V0H0ZM20.769 11.065L16.638 6.923L20.769 2.781L19.142 1.154L13.373 6.923L19.142 12.692L20.769 11.065Z%22 fill%3D%22white%22%2F%3E%0D%3C%2Fsvg%3E%0D\");background-repeat:no-repeat;background-size:cover;width:20.77px;height:13.85px}.top-bar-container .menu-toggle span{font-size:1.3em}.top-bar-container .left-items-container{display:flex;align-items:center;flex-direction:row}.top-bar-container .right-items-container{flex:1;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.top-bar-container .right-items-container .menu-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;cursor:pointer}.top-bar-container .right-items-container .menu-container .user-name{margin-right:15px}.separator{height:100%;margin-left:15px;margin-right:15px}.separator:after{content:\"\";height:100%;border-right:2px solid #ffffff}.user-menu{padding:0;margin:0;list-style:none;color:#fff}.user-menu li{display:flex;flex-direction:row;align-items:center;padding:4px;font-weight:200;cursor:pointer;border-radius:var(--border-radius)}.user-menu li:hover{background-color:var(--theme-primary)}.user-menu li .user-menu-icon{width:28px;height:25px;background-repeat:no-repeat}.user-menu li .logout{background-image:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2217.687%22 height%3D%2217.686%22 viewBox%3D%220 0 17.687 17.686%22%3E%0D %3Cg id%3D%22Grupo_8513%22 data-name%3D%22Grupo 8513%22 transform%3D%22translate(12.157)%22%3E%0D %3Cg id%3D%22Grupo_1649%22 data-name%3D%22Grupo 1649%22%3E%0D %3Cg id%3D%22exit-to-app%22%3E%0D %3Cpath id%3D%22Caminho_706%22 data-name%3D%22Caminho 706%22 d%3D%22M1628.279%2C320.831l1.375%2C1.375%2C4.914-4.912-4.914-4.913-1.375%2C1.375%2C2.554%2C2.555H1621.3v1.965h9.531Zm8.745-12.381h-13.757a1.971%2C1.971%2C0%2C0%2C0-1.965%2C1.965v3.93h1.965v-3.93h13.757v13.756h-13.757v-3.93H1621.3v3.93a1.971%2C1.971%2C0%2C0%2C0%2C1.965%2C1.965h13.757a1.971%2C1.971%2C0%2C0%2C0%2C1.965-1.965V310.415A1.971%2C1.971%2C0%2C0%2C0%2C1637.024%2C308.45Z%22 transform%3D%22translate(-1633.459 -308.45)%22 fill%3D%22%23fff%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D\");background-position-y:3px}@media screen and (max-width: 441px){.hidden-items{display:none!important}}\n"], components: [{ type: i3$1.OverlayPanel, selector: "p-overlayPanel", inputs: ["dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { type: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }] });
|
|
2705
2705
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TopBarComponent, decorators: [{
|
|
2706
2706
|
type: Component,
|
|
2707
|
-
args: [{ selector: 'vector-top-bar', template: "<div class=\"top-bar-container\">\r\n <div id=\"menu-toggle\" class=\"menu-toggle\" (click)=\"toggleMenu()\">\r\n <div class=\"menu-icon\"></div>\r\n </div>\r\n <div class=\"right-items-container\" [ngClass]=\"{ 'hidden-items': hideElements }\">\r\n <span class=\"fas fa-bell\"></span>\r\n <span class=\"separator\"></span>\r\n <div\r\n #menuContainer\r\n class=\"menu-container\"\r\n (click)=\"menu.toggle($event)\"\r\n pTooltip=\"Enter your username\"\r\n tooltipPosition=\"bottom\"\r\n tooltipEvent=\"click\"\r\n >\r\n <span class=\"user-name\">{{ '' }}</span>\r\n <span class=\"fas\" [ngClass]=\"{ 'fa-angle-down': !openedMenu, 'fa-angle-up': openedMenu }\"></span>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<p-overlayPanel #menu (onHide)=\"openedMenu = false\" (onShow)=\"openedMenu = true\">\r\n <ng-template pTemplate>\r\n <ul class=\"user-menu\">\r\n <li (click)=\"logout()\">\r\n <span class=\"logout user-menu-icon\"></span>\r\n <span>Sair</span>\r\n </li>\r\n </ul>\r\n </ng-template>\r\n</p-overlayPanel>\r\n", styles: [".fas{color:#fff}.top-bar-container{height:81px;background-color
|
|
2707
|
+
args: [{ selector: 'vector-top-bar', template: "<div class=\"top-bar-container\">\r\n <div id=\"menu-toggle\" class=\"menu-toggle\" (click)=\"toggleMenu()\">\r\n <div class=\"menu-icon\"></div>\r\n </div>\r\n <div class=\"right-items-container\" [ngClass]=\"{ 'hidden-items': hideElements }\">\r\n <span class=\"fas fa-bell\"></span>\r\n <span class=\"separator\"></span>\r\n <div\r\n #menuContainer\r\n class=\"menu-container\"\r\n (click)=\"menu.toggle($event)\"\r\n pTooltip=\"Enter your username\"\r\n tooltipPosition=\"bottom\"\r\n tooltipEvent=\"click\"\r\n >\r\n <span class=\"user-name\">{{ '' }}</span>\r\n <span class=\"fas\" [ngClass]=\"{ 'fa-angle-down': !openedMenu, 'fa-angle-up': openedMenu }\"></span>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<p-overlayPanel #menu (onHide)=\"openedMenu = false\" (onShow)=\"openedMenu = true\">\r\n <ng-template pTemplate>\r\n <ul class=\"user-menu\">\r\n <li (click)=\"logout()\">\r\n <span class=\"logout user-menu-icon\"></span>\r\n <span>Sair</span>\r\n </li>\r\n </ul>\r\n </ng-template>\r\n</p-overlayPanel>\r\n", styles: [":root{--teste: green;--theme-primary: #0046e8;--theme-dark: #3a2b68;--background: #f2f2f7;--font-color: #151515;--disabled-background: #bcbcbc;--placeholder-color: #aaaaaa80;--border-radius: 5px;--theme-primary-transparent: rgba(1, 70, 108, .8);--grey-light: #e5e5ea;--grey-lighter: #eff0f6;--grey-dark: #6e7f88;--error-color: #fd6a6a;--error-color-dark: #ff4136;--error-color-transparent: #fd6a6a1a;--success-color: #11b797;--success-color-dark: #0e8a71;--theme-light: #0145e8;--warning-color: #e9c429;--cancel-color: #ca024f;--form-labels-color: #4e4b66}.fas{color:#fff}.top-bar-container{height:81px;background-color:var(--theme-light);display:flex;flex:1;align-items:center;padding:15px;color:#fff;font-size:1em;font-weight:600;box-shadow:2px 2px 4px #00000029}.top-bar-container .menu-toggle{cursor:pointer;margin-right:10px;padding:8px}.top-bar-container .menu-toggle .menu-icon{background:url(\"data:image/svg+xml,%3Csvg width%3D%2221%22 height%3D%2214%22 viewBox%3D%220 0 21 14%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M0 13.846H15V11.538H0V13.846ZM0 8.077H11.538V5.769H0V8.077ZM0 0V2.308H15V0H0ZM20.769 11.065L16.638 6.923L20.769 2.781L19.142 1.154L13.373 6.923L19.142 12.692L20.769 11.065Z%22 fill%3D%22white%22%2F%3E%0D%3C%2Fsvg%3E%0D\");background-repeat:no-repeat;background-size:cover;width:20.77px;height:13.85px}.top-bar-container .menu-toggle span{font-size:1.3em}.top-bar-container .left-items-container{display:flex;align-items:center;flex-direction:row}.top-bar-container .right-items-container{flex:1;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.top-bar-container .right-items-container .menu-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;cursor:pointer}.top-bar-container .right-items-container .menu-container .user-name{margin-right:15px}.separator{height:100%;margin-left:15px;margin-right:15px}.separator:after{content:\"\";height:100%;border-right:2px solid #ffffff}.user-menu{padding:0;margin:0;list-style:none;color:#fff}.user-menu li{display:flex;flex-direction:row;align-items:center;padding:4px;font-weight:200;cursor:pointer;border-radius:var(--border-radius)}.user-menu li:hover{background-color:var(--theme-primary)}.user-menu li .user-menu-icon{width:28px;height:25px;background-repeat:no-repeat}.user-menu li .logout{background-image:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2217.687%22 height%3D%2217.686%22 viewBox%3D%220 0 17.687 17.686%22%3E%0D %3Cg id%3D%22Grupo_8513%22 data-name%3D%22Grupo 8513%22 transform%3D%22translate(12.157)%22%3E%0D %3Cg id%3D%22Grupo_1649%22 data-name%3D%22Grupo 1649%22%3E%0D %3Cg id%3D%22exit-to-app%22%3E%0D %3Cpath id%3D%22Caminho_706%22 data-name%3D%22Caminho 706%22 d%3D%22M1628.279%2C320.831l1.375%2C1.375%2C4.914-4.912-4.914-4.913-1.375%2C1.375%2C2.554%2C2.555H1621.3v1.965h9.531Zm8.745-12.381h-13.757a1.971%2C1.971%2C0%2C0%2C0-1.965%2C1.965v3.93h1.965v-3.93h13.757v13.756h-13.757v-3.93H1621.3v3.93a1.971%2C1.971%2C0%2C0%2C0%2C1.965%2C1.965h13.757a1.971%2C1.971%2C0%2C0%2C0%2C1.965-1.965V310.415A1.971%2C1.971%2C0%2C0%2C0%2C1637.024%2C308.45Z%22 transform%3D%22translate(-1633.459 -308.45)%22 fill%3D%22%23fff%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D\");background-position-y:3px}@media screen and (max-width: 441px){.hidden-items{display:none!important}}\n"] }]
|
|
2708
2708
|
}], ctorParameters: function () { return [{ type: MenuService }, { type: AuthService }]; } });
|
|
2709
2709
|
|
|
2710
2710
|
class TopBarModule {
|