ngx-vector-components 2.0.2 → 2.2.0
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 +22 -0
- package/assets/images/vector-logo-horizontal-inverse-color.svg +13 -0
- package/assets/styles/_primeng-custom-theme.scss +16 -6
- package/assets/styles/_styles.scss +3 -2
- package/assets/styles/_variables.scss +0 -1
- 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 +7 -4
- package/esm2020/lib/components/fields/dropdown-field/dropdown-field.component.mjs +4 -4
- package/esm2020/lib/components/fields/fields.module.mjs +13 -4
- package/esm2020/lib/components/fields/filters/filters.component.mjs +2 -2
- package/esm2020/lib/components/fields/index.mjs +2 -1
- 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/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/fields/textarea-field/index.mjs +2 -0
- package/esm2020/lib/components/fields/textarea-field/textarea-field.component.mjs +75 -0
- 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 +35 -4
- 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/interceptors/http-interceptor.mjs +14 -1
- package/esm2020/lib/models/menu-item.model.mjs +1 -1
- package/esm2020/lib/models/profile.model.mjs +6 -1
- package/esm2020/lib/services/auth.service.mjs +23 -9
- package/esm2020/lib/services/menu.service.mjs +2 -1
- package/esm2020/lib/services/profile.service.mjs +9 -3
- package/esm2020/lib/services/storage.service.mjs +16 -1
- package/fesm2015/ngx-vector-components.mjs +215 -48
- package/fesm2015/ngx-vector-components.mjs.map +1 -1
- package/fesm2020/ngx-vector-components.mjs +215 -48
- package/fesm2020/ngx-vector-components.mjs.map +1 -1
- package/lib/components/fields/data-table/data-table.component.d.ts +2 -1
- package/lib/components/fields/fields.module.d.ts +23 -21
- package/lib/components/fields/index.d.ts +1 -0
- package/lib/components/fields/textarea-field/index.d.ts +1 -0
- package/lib/components/fields/textarea-field/textarea-field.component.d.ts +20 -0
- package/lib/interceptors/http-interceptor.d.ts +1 -0
- package/lib/models/menu-item.model.d.ts +4 -2
- package/lib/models/profile.model.d.ts +4 -0
- package/lib/services/auth.service.d.ts +5 -1
- package/lib/services/menu.service.d.ts +1 -0
- package/lib/services/profile.service.d.ts +2 -2
- package/lib/services/storage.service.d.ts +3 -0
- package/package.json +1 -1
|
@@ -17,7 +17,7 @@ import * as i2$2 from 'primeng/calendar';
|
|
|
17
17
|
import { CalendarModule } from 'primeng/calendar';
|
|
18
18
|
import * as i1$4 from 'primeng/checkbox';
|
|
19
19
|
import { CheckboxModule } from 'primeng/checkbox';
|
|
20
|
-
import * as i2$
|
|
20
|
+
import * as i2$5 from 'primeng/dialog';
|
|
21
21
|
import { DialogModule } from 'primeng/dialog';
|
|
22
22
|
import { DropdownModule } from 'primeng/dropdown';
|
|
23
23
|
import { FileUploadModule } from 'primeng/fileupload';
|
|
@@ -27,6 +27,8 @@ import * as i1$5 from 'primeng/inputnumber';
|
|
|
27
27
|
import { InputNumberModule } from 'primeng/inputnumber';
|
|
28
28
|
import * as i5 from 'primeng/inputtext';
|
|
29
29
|
import { InputTextModule } from 'primeng/inputtext';
|
|
30
|
+
import * as i2$4 from 'primeng/inputtextarea';
|
|
31
|
+
import { InputTextareaModule } from 'primeng/inputtextarea';
|
|
30
32
|
import * as i6 from 'primeng/keyfilter';
|
|
31
33
|
import { KeyFilterModule } from 'primeng/keyfilter';
|
|
32
34
|
import * as i6$1 from 'primeng/menu';
|
|
@@ -113,10 +115,10 @@ class BreadcrumbComponent {
|
|
|
113
115
|
}
|
|
114
116
|
}
|
|
115
117
|
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: [":root{--
|
|
118
|
+
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{--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:700;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
119
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BreadcrumbComponent, decorators: [{
|
|
118
120
|
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: [":root{--
|
|
121
|
+
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{--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:700;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
122
|
}], ctorParameters: function () {
|
|
121
123
|
return [{ type: i2.Router }, { type: undefined, decorators: [{
|
|
122
124
|
type: Inject,
|
|
@@ -252,10 +254,10 @@ class ButtonComponent {
|
|
|
252
254
|
}
|
|
253
255
|
}
|
|
254
256
|
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: [":root{--
|
|
257
|
+
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{--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
258
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
257
259
|
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: [":root{--
|
|
260
|
+
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{--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
261
|
}], propDecorators: { disabled: [{
|
|
260
262
|
type: Input
|
|
261
263
|
}], label: [{
|
|
@@ -320,16 +322,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
320
322
|
}] });
|
|
321
323
|
|
|
322
324
|
class AuthService {
|
|
323
|
-
constructor(http, storageService, profileService, environment) {
|
|
325
|
+
constructor(http, storageService, profileService, activatedRoute, environment) {
|
|
324
326
|
this.http = http;
|
|
325
327
|
this.storageService = storageService;
|
|
326
328
|
this.profileService = profileService;
|
|
329
|
+
this.activatedRoute = activatedRoute;
|
|
327
330
|
this.environment = environment;
|
|
328
331
|
this.role$ = new BehaviorSubject(this.storageService.getRole());
|
|
329
|
-
this.
|
|
332
|
+
this.parentWindowUrl = '';
|
|
333
|
+
this.subscription = new Subscription();
|
|
334
|
+
this.baseUrl = this.environment.API_URL.endsWith('/api') ? 'Auth' : 'api/Auth';
|
|
335
|
+
this.subscription.add(this.activatedRoute.queryParams.subscribe((params) => {
|
|
336
|
+
if (params['parent']) {
|
|
337
|
+
this.parentWindowUrl = decodeURIComponent(params['parent']);
|
|
338
|
+
}
|
|
339
|
+
}));
|
|
330
340
|
}
|
|
331
341
|
getTokenByGuid(tokenGuid) {
|
|
332
|
-
return this.http.get(
|
|
342
|
+
return this.http.get(`${this.baseUrl}/TemporaryAccessToken/${tokenGuid}`).pipe(tap((response) => {
|
|
333
343
|
this.storageService.setToken(response.accessToken);
|
|
334
344
|
this.storageService.setUsername(response.userName);
|
|
335
345
|
this.storageService.setRefreshToken(response.refreshToken);
|
|
@@ -351,23 +361,28 @@ class AuthService {
|
|
|
351
361
|
}
|
|
352
362
|
generateTokenGuid() {
|
|
353
363
|
return this.http
|
|
354
|
-
.post(
|
|
364
|
+
.post(`${this.baseUrl}/TemporaryAccessToken/generate`, {
|
|
355
365
|
RefreshToken: this.storageService.getRefreshToken(),
|
|
356
366
|
})
|
|
357
367
|
.pipe(map((response) => (response === null || response === void 0 ? void 0 : response.accessToken) || ''));
|
|
358
368
|
}
|
|
359
369
|
logout() {
|
|
360
370
|
this.storageService.clear();
|
|
361
|
-
window.
|
|
371
|
+
if (window.parent == window) {
|
|
372
|
+
window.location.href = this.environment.PORTAL_URL;
|
|
373
|
+
}
|
|
374
|
+
else {
|
|
375
|
+
window.parent.postMessage({ logout: true }, this.parentWindowUrl);
|
|
376
|
+
}
|
|
362
377
|
}
|
|
363
378
|
}
|
|
364
|
-
AuthService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: AuthService, deps: [{ token: i1$2.HttpClient }, { token: StorageService }, { token: ProfileService }, { token: 'environment' }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
379
|
+
AuthService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: AuthService, deps: [{ token: i1$2.HttpClient }, { token: StorageService }, { token: ProfileService }, { token: i2.ActivatedRoute }, { token: 'environment' }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
365
380
|
AuthService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: AuthService, providedIn: 'root' });
|
|
366
381
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: AuthService, decorators: [{
|
|
367
382
|
type: Injectable,
|
|
368
383
|
args: [{ providedIn: 'root' }]
|
|
369
384
|
}], ctorParameters: function () {
|
|
370
|
-
return [{ type: i1$2.HttpClient }, { type: StorageService }, { type: ProfileService }, { type: undefined, decorators: [{
|
|
385
|
+
return [{ type: i1$2.HttpClient }, { type: StorageService }, { type: ProfileService }, { type: i2.ActivatedRoute }, { type: undefined, decorators: [{
|
|
371
386
|
type: Inject,
|
|
372
387
|
args: ['environment']
|
|
373
388
|
}] }];
|
|
@@ -488,6 +503,11 @@ var MessageStatus;
|
|
|
488
503
|
MessageStatus["ERROR"] = "error";
|
|
489
504
|
})(MessageStatus || (MessageStatus = {}));
|
|
490
505
|
|
|
506
|
+
var ProfileModuleType;
|
|
507
|
+
(function (ProfileModuleType) {
|
|
508
|
+
ProfileModuleType["OPERATIONAL_EVALUATION"] = "OperationalEvaluation";
|
|
509
|
+
ProfileModuleType["ADMIN_SURVEYS"] = "AdminSurveys";
|
|
510
|
+
})(ProfileModuleType || (ProfileModuleType = {}));
|
|
491
511
|
var ProfileModuleActionType;
|
|
492
512
|
(function (ProfileModuleActionType) {
|
|
493
513
|
ProfileModuleActionType["ADD_VEHICLE"] = "Add Vehicle";
|
|
@@ -630,6 +650,7 @@ class MenuService {
|
|
|
630
650
|
this.appName = appName;
|
|
631
651
|
this.toggleMenu$ = new Subject();
|
|
632
652
|
this.menuOpened$ = new Subject();
|
|
653
|
+
this.frameUrl$ = new Subject();
|
|
633
654
|
}
|
|
634
655
|
getSideMainMenuOptions() {
|
|
635
656
|
return this.menuOptions
|
|
@@ -772,6 +793,21 @@ class StorageService {
|
|
|
772
793
|
remove(key) {
|
|
773
794
|
localStorage.removeItem(key);
|
|
774
795
|
}
|
|
796
|
+
getSession(key) {
|
|
797
|
+
const storageItem = sessionStorage.getItem(key);
|
|
798
|
+
try {
|
|
799
|
+
return storageItem ? JSON.parse(storageItem) : '';
|
|
800
|
+
}
|
|
801
|
+
catch (e) {
|
|
802
|
+
return storageItem;
|
|
803
|
+
}
|
|
804
|
+
}
|
|
805
|
+
setSession(key, value) {
|
|
806
|
+
sessionStorage.setItem(key, typeof value === 'string' ? value : JSON.stringify(value));
|
|
807
|
+
}
|
|
808
|
+
removeSession(key) {
|
|
809
|
+
sessionStorage.removeItem(key);
|
|
810
|
+
}
|
|
775
811
|
getToken() {
|
|
776
812
|
return localStorage.getItem('token') || '';
|
|
777
813
|
}
|
|
@@ -883,7 +919,13 @@ class ProfileService {
|
|
|
883
919
|
if (!this.moduleProfile$.value) {
|
|
884
920
|
return false;
|
|
885
921
|
}
|
|
886
|
-
|
|
922
|
+
if (Object.values(ProfileModuleActionType).some((val) => val === action)) {
|
|
923
|
+
return this.moduleProfile$.value.some((module) => module.actions.some((act) => act.name === action));
|
|
924
|
+
}
|
|
925
|
+
if (Object.values(ProfileModuleType).some((val) => val === action)) {
|
|
926
|
+
return this.moduleProfile$.value.some((module) => module.name === action);
|
|
927
|
+
}
|
|
928
|
+
return false;
|
|
887
929
|
}
|
|
888
930
|
}
|
|
889
931
|
ProfileService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ProfileService, deps: [{ token: i1$2.HttpClient }, { token: StorageService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
@@ -932,10 +974,10 @@ class CalendarComponent {
|
|
|
932
974
|
}
|
|
933
975
|
}
|
|
934
976
|
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: [":root{--
|
|
977
|
+
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{--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
978
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CalendarComponent, decorators: [{
|
|
937
979
|
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: [":root{--
|
|
980
|
+
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{--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
981
|
}], ctorParameters: function () { return [{ type: ModalService }]; }, propDecorators: { isRequired: [{
|
|
940
982
|
type: Input
|
|
941
983
|
}], control: [{
|
|
@@ -1309,10 +1351,10 @@ class CurrencyFieldComponent {
|
|
|
1309
1351
|
}
|
|
1310
1352
|
}
|
|
1311
1353
|
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: [":root{--
|
|
1354
|
+
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{--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
1355
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CurrencyFieldComponent, decorators: [{
|
|
1314
1356
|
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: [":root{--
|
|
1357
|
+
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{--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
1358
|
}], propDecorators: { minValue: [{
|
|
1317
1359
|
type: Input
|
|
1318
1360
|
}], maxValue: [{
|
|
@@ -1484,10 +1526,10 @@ class TextFieldComponent {
|
|
|
1484
1526
|
}
|
|
1485
1527
|
}
|
|
1486
1528
|
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: [":root{--
|
|
1529
|
+
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{--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
1530
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TextFieldComponent, decorators: [{
|
|
1489
1531
|
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: [":root{--
|
|
1532
|
+
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{--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
1533
|
}], propDecorators: { isRequired: [{
|
|
1492
1534
|
type: Input
|
|
1493
1535
|
}], label: [{
|
|
@@ -1654,14 +1696,14 @@ class DropdownFieldComponent {
|
|
|
1654
1696
|
}
|
|
1655
1697
|
}
|
|
1656
1698
|
filterListByQuery(list = [], query) {
|
|
1657
|
-
return list.filter((opt) => opt.code
|
|
1699
|
+
return list.filter((opt) => String(opt.code).toUpperCase().includes(query) || opt.name.toUpperCase().includes(query));
|
|
1658
1700
|
}
|
|
1659
1701
|
}
|
|
1660
1702
|
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: [":root{--
|
|
1703
|
+
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{--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
1704
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DropdownFieldComponent, decorators: [{
|
|
1663
1705
|
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: [":root{--
|
|
1706
|
+
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{--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
1707
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { options: [{
|
|
1666
1708
|
type: Input
|
|
1667
1709
|
}], isRequired: [{
|
|
@@ -1789,10 +1831,10 @@ class FiltersComponent {
|
|
|
1789
1831
|
}
|
|
1790
1832
|
}
|
|
1791
1833
|
FiltersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: FiltersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1792
|
-
FiltersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: FiltersComponent, selector: "vector-filters", inputs: { fields: "fields" }, outputs: { onSearch: "onSearch" }, ngImport: i0, template: "<section class=\"grid filter-container\" [hidden]=\"!fields?.length\">\r\n <div *ngFor=\"let field of fields | notHidden\" class=\"field col-12 sm:col-8 {{ getGridClass(field) }}\">\r\n <label>{{ field.label }}</label>\r\n <vector-text-field\r\n *ngIf=\"isTextFieldType(field)\"\r\n [control]=\"formGroup.get(field.name)\"\r\n [mask]=\"field.mask\"\r\n [label]=\"field.placeholder\"\r\n [isRequired]=\"field.required\"\r\n [numeric]=\"field.type === fieldTypes.NUMBER\"\r\n ></vector-text-field>\r\n <vector-dropdown-field\r\n *ngIf=\"field.type === fieldTypes.DROPDOWN\"\r\n [options]=\"field.options || []\"\r\n [service]=\"field.service\"\r\n [isRequired]=\"field.required\"\r\n [control]=\"formGroup.get(field.name)\"\r\n [paged]=\"false\"\r\n [dependencies]=\"getFieldDependencies(field)\"\r\n ></vector-dropdown-field>\r\n <vector-currency-field\r\n *ngIf=\"field.type === fieldTypes.CURRENCY\"\r\n [control]=\"formGroup.get(field.name)\"\r\n [outlined]=\"true\"\r\n ></vector-currency-field>\r\n <vector-calendar-field\r\n *ngIf=\"field.type === fieldTypes.DATE\"\r\n [control]=\"formGroup.get(field.name)\"\r\n [isRequired]=\"field.required\"\r\n [label]=\"field.placeholder || ''\"\r\n ></vector-calendar-field>\r\n </div>\r\n <div class=\"search-button col-12 sm:col-4 md:col-2\">\r\n <vector-button label=\"Pesquisar\" (click)=\"search()\" [disabled]=\"!formGroup.valid\"></vector-button>\r\n </div>\r\n</section>\r\n", styles: [".filter-container{align-items:center}.filter-container .field{display:flex;flex-direction:column}@media (min-width: 768px){.filter-container .search-button{padding-top:
|
|
1834
|
+
FiltersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: FiltersComponent, selector: "vector-filters", inputs: { fields: "fields" }, outputs: { onSearch: "onSearch" }, ngImport: i0, template: "<section class=\"grid filter-container\" [hidden]=\"!fields?.length\">\r\n <div *ngFor=\"let field of fields | notHidden\" class=\"field col-12 sm:col-8 {{ getGridClass(field) }}\">\r\n <label>{{ field.label }}</label>\r\n <vector-text-field\r\n *ngIf=\"isTextFieldType(field)\"\r\n [control]=\"formGroup.get(field.name)\"\r\n [mask]=\"field.mask\"\r\n [label]=\"field.placeholder\"\r\n [isRequired]=\"field.required\"\r\n [numeric]=\"field.type === fieldTypes.NUMBER\"\r\n ></vector-text-field>\r\n <vector-dropdown-field\r\n *ngIf=\"field.type === fieldTypes.DROPDOWN\"\r\n [options]=\"field.options || []\"\r\n [service]=\"field.service\"\r\n [isRequired]=\"field.required\"\r\n [control]=\"formGroup.get(field.name)\"\r\n [paged]=\"false\"\r\n [dependencies]=\"getFieldDependencies(field)\"\r\n ></vector-dropdown-field>\r\n <vector-currency-field\r\n *ngIf=\"field.type === fieldTypes.CURRENCY\"\r\n [control]=\"formGroup.get(field.name)\"\r\n [outlined]=\"true\"\r\n ></vector-currency-field>\r\n <vector-calendar-field\r\n *ngIf=\"field.type === fieldTypes.DATE\"\r\n [control]=\"formGroup.get(field.name)\"\r\n [isRequired]=\"field.required\"\r\n [label]=\"field.placeholder || ''\"\r\n ></vector-calendar-field>\r\n </div>\r\n <div class=\"search-button col-12 sm:col-4 md:col-2\">\r\n <vector-button label=\"Pesquisar\" (click)=\"search()\" [disabled]=\"!formGroup.valid\"></vector-button>\r\n </div>\r\n</section>\r\n", styles: [".filter-container{align-items:center}.filter-container .field{display:flex;flex-direction:column}@media (min-width: 768px){.filter-container .search-button{padding-top:36px}}\n"], components: [{ type: TextFieldComponent, selector: "vector-text-field", inputs: ["isRequired", "label", "maxlength", "isPassword", "numeric", "onlyText", "mask", "autoClear", "rightIcon", "centered", "enableDocumentTypeChoice", "control"], outputs: ["blurEvent", "enterKeyPress", "focusEvent", "onDocumentTypeChange"] }, { type: DropdownFieldComponent, selector: "vector-dropdown-field", inputs: ["options", "isRequired", "control", "label", "service", "paged", "buttonAction", "dependencies"], outputs: ["onFocus"] }, { type: CurrencyFieldComponent, selector: "vector-currency-field", inputs: ["minValue", "maxValue", "placeholder", "control", "outlined"] }, { type: CalendarComponent, selector: "vector-calendar-field", inputs: ["isRequired", "control", "label", "showCalendarOnFocus", "min", "max", "disabledDates", "disabled", "defaultDate"] }, { type: ButtonComponent, selector: "vector-button", inputs: ["disabled", "label", "type", "leftIcon", "noShadow"], outputs: ["onClick"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "notHidden": NotHiddenPipe } });
|
|
1793
1835
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: FiltersComponent, decorators: [{
|
|
1794
1836
|
type: Component,
|
|
1795
|
-
args: [{ selector: 'vector-filters', template: "<section class=\"grid filter-container\" [hidden]=\"!fields?.length\">\r\n <div *ngFor=\"let field of fields | notHidden\" class=\"field col-12 sm:col-8 {{ getGridClass(field) }}\">\r\n <label>{{ field.label }}</label>\r\n <vector-text-field\r\n *ngIf=\"isTextFieldType(field)\"\r\n [control]=\"formGroup.get(field.name)\"\r\n [mask]=\"field.mask\"\r\n [label]=\"field.placeholder\"\r\n [isRequired]=\"field.required\"\r\n [numeric]=\"field.type === fieldTypes.NUMBER\"\r\n ></vector-text-field>\r\n <vector-dropdown-field\r\n *ngIf=\"field.type === fieldTypes.DROPDOWN\"\r\n [options]=\"field.options || []\"\r\n [service]=\"field.service\"\r\n [isRequired]=\"field.required\"\r\n [control]=\"formGroup.get(field.name)\"\r\n [paged]=\"false\"\r\n [dependencies]=\"getFieldDependencies(field)\"\r\n ></vector-dropdown-field>\r\n <vector-currency-field\r\n *ngIf=\"field.type === fieldTypes.CURRENCY\"\r\n [control]=\"formGroup.get(field.name)\"\r\n [outlined]=\"true\"\r\n ></vector-currency-field>\r\n <vector-calendar-field\r\n *ngIf=\"field.type === fieldTypes.DATE\"\r\n [control]=\"formGroup.get(field.name)\"\r\n [isRequired]=\"field.required\"\r\n [label]=\"field.placeholder || ''\"\r\n ></vector-calendar-field>\r\n </div>\r\n <div class=\"search-button col-12 sm:col-4 md:col-2\">\r\n <vector-button label=\"Pesquisar\" (click)=\"search()\" [disabled]=\"!formGroup.valid\"></vector-button>\r\n </div>\r\n</section>\r\n", styles: [".filter-container{align-items:center}.filter-container .field{display:flex;flex-direction:column}@media (min-width: 768px){.filter-container .search-button{padding-top:
|
|
1837
|
+
args: [{ selector: 'vector-filters', template: "<section class=\"grid filter-container\" [hidden]=\"!fields?.length\">\r\n <div *ngFor=\"let field of fields | notHidden\" class=\"field col-12 sm:col-8 {{ getGridClass(field) }}\">\r\n <label>{{ field.label }}</label>\r\n <vector-text-field\r\n *ngIf=\"isTextFieldType(field)\"\r\n [control]=\"formGroup.get(field.name)\"\r\n [mask]=\"field.mask\"\r\n [label]=\"field.placeholder\"\r\n [isRequired]=\"field.required\"\r\n [numeric]=\"field.type === fieldTypes.NUMBER\"\r\n ></vector-text-field>\r\n <vector-dropdown-field\r\n *ngIf=\"field.type === fieldTypes.DROPDOWN\"\r\n [options]=\"field.options || []\"\r\n [service]=\"field.service\"\r\n [isRequired]=\"field.required\"\r\n [control]=\"formGroup.get(field.name)\"\r\n [paged]=\"false\"\r\n [dependencies]=\"getFieldDependencies(field)\"\r\n ></vector-dropdown-field>\r\n <vector-currency-field\r\n *ngIf=\"field.type === fieldTypes.CURRENCY\"\r\n [control]=\"formGroup.get(field.name)\"\r\n [outlined]=\"true\"\r\n ></vector-currency-field>\r\n <vector-calendar-field\r\n *ngIf=\"field.type === fieldTypes.DATE\"\r\n [control]=\"formGroup.get(field.name)\"\r\n [isRequired]=\"field.required\"\r\n [label]=\"field.placeholder || ''\"\r\n ></vector-calendar-field>\r\n </div>\r\n <div class=\"search-button col-12 sm:col-4 md:col-2\">\r\n <vector-button label=\"Pesquisar\" (click)=\"search()\" [disabled]=\"!formGroup.valid\"></vector-button>\r\n </div>\r\n</section>\r\n", styles: [".filter-container{align-items:center}.filter-container .field{display:flex;flex-direction:column}@media (min-width: 768px){.filter-container .search-button{padding-top:36px}}\n"] }]
|
|
1796
1838
|
}], ctorParameters: function () { return []; }, propDecorators: { fields: [{
|
|
1797
1839
|
type: Input
|
|
1798
1840
|
}], onSearch: [{
|
|
@@ -1809,6 +1851,7 @@ class DataTableComponent {
|
|
|
1809
1851
|
this.filters = [];
|
|
1810
1852
|
this.addItemLabel = '';
|
|
1811
1853
|
this.pagination = true;
|
|
1854
|
+
this.virtualPagination = false;
|
|
1812
1855
|
this.onLazyLoad = new EventEmitter();
|
|
1813
1856
|
this.onFilter = new EventEmitter();
|
|
1814
1857
|
this.onAdd = new EventEmitter();
|
|
@@ -1825,7 +1868,7 @@ class DataTableComponent {
|
|
|
1825
1868
|
}
|
|
1826
1869
|
ngOnInit() {
|
|
1827
1870
|
var _a;
|
|
1828
|
-
if (!this.pagination) {
|
|
1871
|
+
if (!this.pagination || this.virtualPagination) {
|
|
1829
1872
|
(_a = this.filtersComponent) === null || _a === void 0 ? void 0 : _a.search();
|
|
1830
1873
|
}
|
|
1831
1874
|
}
|
|
@@ -1917,10 +1960,10 @@ class DataTableComponent {
|
|
|
1917
1960
|
}
|
|
1918
1961
|
}
|
|
1919
1962
|
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: [":root{--
|
|
1963
|
+
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", virtualPagination: "virtualPagination", 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 add-button-container\" *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 && !virtualPagination\"\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{--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
1964
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DataTableComponent, decorators: [{
|
|
1922
1965
|
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: [":root{--
|
|
1966
|
+
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 add-button-container\" *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 && !virtualPagination\"\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{--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
1967
|
}], ctorParameters: function () { return []; }, propDecorators: { columns: [{
|
|
1925
1968
|
type: Input
|
|
1926
1969
|
}], data: [{
|
|
@@ -1937,6 +1980,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
1937
1980
|
type: Input
|
|
1938
1981
|
}], pagination: [{
|
|
1939
1982
|
type: Input
|
|
1983
|
+
}], virtualPagination: [{
|
|
1984
|
+
type: Input
|
|
1940
1985
|
}], tabs: [{
|
|
1941
1986
|
type: Input
|
|
1942
1987
|
}], onLazyLoad: [{
|
|
@@ -1973,10 +2018,10 @@ class MultiselectFieldComponent {
|
|
|
1973
2018
|
}
|
|
1974
2019
|
}
|
|
1975
2020
|
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: [":root{--
|
|
2021
|
+
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{--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
2022
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MultiselectFieldComponent, decorators: [{
|
|
1978
2023
|
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: [":root{--
|
|
2024
|
+
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{--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
2025
|
}], propDecorators: { isRequired: [{
|
|
1981
2026
|
type: Input
|
|
1982
2027
|
}], control: [{
|
|
@@ -1996,10 +2041,10 @@ class PercentageFieldComponent {
|
|
|
1996
2041
|
}
|
|
1997
2042
|
}
|
|
1998
2043
|
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: [":root{--
|
|
2044
|
+
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{--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
2045
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: PercentageFieldComponent, decorators: [{
|
|
2001
2046
|
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: [":root{--
|
|
2047
|
+
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{--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
2048
|
}], propDecorators: { control: [{
|
|
2004
2049
|
type: Input
|
|
2005
2050
|
}], blurEvent: [{
|
|
@@ -2070,10 +2115,10 @@ class RangeValueComponent {
|
|
|
2070
2115
|
}
|
|
2071
2116
|
}
|
|
2072
2117
|
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: [":root{--
|
|
2118
|
+
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{--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
2119
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: RangeValueComponent, decorators: [{
|
|
2075
2120
|
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: [":root{--
|
|
2121
|
+
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{--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
2122
|
}], ctorParameters: function () { return []; }, propDecorators: { value: [{
|
|
2078
2123
|
type: Input
|
|
2079
2124
|
}], min: [{
|
|
@@ -2111,6 +2156,77 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
2111
2156
|
type: Output
|
|
2112
2157
|
}] } });
|
|
2113
2158
|
|
|
2159
|
+
class TextareaFieldComponent {
|
|
2160
|
+
constructor() {
|
|
2161
|
+
this.isRequired = false;
|
|
2162
|
+
this.label = '';
|
|
2163
|
+
this.maxlength = '';
|
|
2164
|
+
this.blurEvent = new EventEmitter();
|
|
2165
|
+
this.enterKeyPress = new EventEmitter();
|
|
2166
|
+
this.focusEvent = new EventEmitter();
|
|
2167
|
+
this.lastBlurValue = '';
|
|
2168
|
+
}
|
|
2169
|
+
get placeholder() {
|
|
2170
|
+
if (!this.label) {
|
|
2171
|
+
return '';
|
|
2172
|
+
}
|
|
2173
|
+
return `${this.label}${this.isRequired ? '*' : ''}`;
|
|
2174
|
+
}
|
|
2175
|
+
ngOnInit() { }
|
|
2176
|
+
fieldErrorLabel() {
|
|
2177
|
+
if (this.control && this.control.invalid && this.control.touched) {
|
|
2178
|
+
if (this.control.hasError('required')) {
|
|
2179
|
+
return 'Campo obrigatório';
|
|
2180
|
+
}
|
|
2181
|
+
if (this.control.hasError('minlength')) {
|
|
2182
|
+
return `Tamanho mínimo: ${this.control.errors['minlength'].requiredLength}`;
|
|
2183
|
+
}
|
|
2184
|
+
if (this.control.hasError('maxlength')) {
|
|
2185
|
+
return `Tamanho máximo permitido: ${this.control.errors['maxlength'].requiredLength}`;
|
|
2186
|
+
}
|
|
2187
|
+
return typeof this.control.errors['invalid'] === 'string' ? this.control.errors['invalid'] : 'Campo inválido';
|
|
2188
|
+
}
|
|
2189
|
+
return '';
|
|
2190
|
+
}
|
|
2191
|
+
onBlur() {
|
|
2192
|
+
this.control.markAsTouched();
|
|
2193
|
+
if (this.lastBlurValue !== this.control.value) {
|
|
2194
|
+
this.lastBlurValue = this.control.value;
|
|
2195
|
+
setTimeout(() => {
|
|
2196
|
+
this.blurEvent.emit(this.control.value);
|
|
2197
|
+
});
|
|
2198
|
+
}
|
|
2199
|
+
}
|
|
2200
|
+
onEnterPress() {
|
|
2201
|
+
this.onBlur();
|
|
2202
|
+
this.enterKeyPress.emit();
|
|
2203
|
+
}
|
|
2204
|
+
onFocus($event) {
|
|
2205
|
+
const target = $event.target;
|
|
2206
|
+
this.focusEvent.emit(target === null || target === void 0 ? void 0 : target.value);
|
|
2207
|
+
}
|
|
2208
|
+
}
|
|
2209
|
+
TextareaFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TextareaFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2210
|
+
TextareaFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: TextareaFieldComponent, selector: "vector-textarea-field", inputs: { isRequired: "isRequired", label: "label", maxlength: "maxlength", control: "control" }, outputs: { blurEvent: "blurEvent", enterKeyPress: "enterKeyPress", focusEvent: "focusEvent" }, ngImport: i0, template: "<form class=\"input-container\">\r\n <textarea\r\n pInputTextarea\r\n [rows]=\"5\"\r\n [formControl]=\"control\"\r\n [attr.maxlength]=\"maxlength\"\r\n [placeholder]=\"placeholder\"\r\n [autoResize]=\"false\"\r\n (onBlur)=\"onBlur()\"\r\n (keydown.enter)=\"onEnterPress()\"\r\n (click)=\"onFocus($event)\"\r\n >\r\n </textarea>\r\n <span class=\"length-control\">{{ control?.value?.length || 0 }} / {{ maxlength }}</span>\r\n</form>\r\n", styles: [":root{--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%;position:relative}.input-container .length-control{position:absolute;right:15px;bottom:15px;opacity:.8;font-size:.6rem}\n"], 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.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: i2$4.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize"], outputs: ["onResize"] }, { 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"] }] });
|
|
2211
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TextareaFieldComponent, decorators: [{
|
|
2212
|
+
type: Component,
|
|
2213
|
+
args: [{ selector: 'vector-textarea-field', template: "<form class=\"input-container\">\r\n <textarea\r\n pInputTextarea\r\n [rows]=\"5\"\r\n [formControl]=\"control\"\r\n [attr.maxlength]=\"maxlength\"\r\n [placeholder]=\"placeholder\"\r\n [autoResize]=\"false\"\r\n (onBlur)=\"onBlur()\"\r\n (keydown.enter)=\"onEnterPress()\"\r\n (click)=\"onFocus($event)\"\r\n >\r\n </textarea>\r\n <span class=\"length-control\">{{ control?.value?.length || 0 }} / {{ maxlength }}</span>\r\n</form>\r\n", styles: [":root{--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%;position:relative}.input-container .length-control{position:absolute;right:15px;bottom:15px;opacity:.8;font-size:.6rem}\n"] }]
|
|
2214
|
+
}], propDecorators: { isRequired: [{
|
|
2215
|
+
type: Input
|
|
2216
|
+
}], label: [{
|
|
2217
|
+
type: Input
|
|
2218
|
+
}], maxlength: [{
|
|
2219
|
+
type: Input
|
|
2220
|
+
}], control: [{
|
|
2221
|
+
type: Input
|
|
2222
|
+
}], blurEvent: [{
|
|
2223
|
+
type: Output
|
|
2224
|
+
}], enterKeyPress: [{
|
|
2225
|
+
type: Output
|
|
2226
|
+
}], focusEvent: [{
|
|
2227
|
+
type: Output
|
|
2228
|
+
}] } });
|
|
2229
|
+
|
|
2114
2230
|
class FieldsModule {
|
|
2115
2231
|
}
|
|
2116
2232
|
FieldsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: FieldsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
@@ -2126,7 +2242,8 @@ FieldsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
|
|
|
2126
2242
|
CurrencyFieldComponent,
|
|
2127
2243
|
PercentageFieldComponent,
|
|
2128
2244
|
DataTableComponent,
|
|
2129
|
-
FiltersComponent
|
|
2245
|
+
FiltersComponent,
|
|
2246
|
+
TextareaFieldComponent], imports: [SharedModule,
|
|
2130
2247
|
FormsModule,
|
|
2131
2248
|
ReactiveFormsModule,
|
|
2132
2249
|
KeyFilterModule,
|
|
@@ -2146,7 +2263,8 @@ FieldsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
|
|
|
2146
2263
|
MenuModule$1,
|
|
2147
2264
|
TabViewModule,
|
|
2148
2265
|
PanelModule,
|
|
2149
|
-
ButtonModule
|
|
2266
|
+
ButtonModule,
|
|
2267
|
+
InputTextareaModule], exports: [TextFieldComponent,
|
|
2150
2268
|
CheckboxFieldComponent,
|
|
2151
2269
|
ButtonComponent,
|
|
2152
2270
|
CalendarComponent,
|
|
@@ -2160,7 +2278,8 @@ FieldsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
|
|
|
2160
2278
|
CurrencyFieldComponent,
|
|
2161
2279
|
PercentageFieldComponent,
|
|
2162
2280
|
DataTableComponent,
|
|
2163
|
-
FiltersComponent
|
|
2281
|
+
FiltersComponent,
|
|
2282
|
+
TextareaFieldComponent] });
|
|
2164
2283
|
FieldsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: FieldsModule, imports: [[
|
|
2165
2284
|
SharedModule,
|
|
2166
2285
|
FormsModule,
|
|
@@ -2183,6 +2302,7 @@ FieldsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
|
2183
2302
|
TabViewModule,
|
|
2184
2303
|
PanelModule,
|
|
2185
2304
|
ButtonModule,
|
|
2305
|
+
InputTextareaModule,
|
|
2186
2306
|
], FileUploadModule,
|
|
2187
2307
|
DialogModule] });
|
|
2188
2308
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: FieldsModule, decorators: [{
|
|
@@ -2210,6 +2330,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
2210
2330
|
TabViewModule,
|
|
2211
2331
|
PanelModule,
|
|
2212
2332
|
ButtonModule,
|
|
2333
|
+
InputTextareaModule,
|
|
2213
2334
|
],
|
|
2214
2335
|
declarations: [
|
|
2215
2336
|
TextFieldComponent,
|
|
@@ -2225,6 +2346,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
2225
2346
|
PercentageFieldComponent,
|
|
2226
2347
|
DataTableComponent,
|
|
2227
2348
|
FiltersComponent,
|
|
2349
|
+
TextareaFieldComponent,
|
|
2228
2350
|
],
|
|
2229
2351
|
exports: [
|
|
2230
2352
|
TextFieldComponent,
|
|
@@ -2242,6 +2364,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
2242
2364
|
PercentageFieldComponent,
|
|
2243
2365
|
DataTableComponent,
|
|
2244
2366
|
FiltersComponent,
|
|
2367
|
+
TextareaFieldComponent,
|
|
2245
2368
|
],
|
|
2246
2369
|
}]
|
|
2247
2370
|
}] });
|
|
@@ -2278,10 +2401,10 @@ class GenericErrorModalComponent {
|
|
|
2278
2401
|
}
|
|
2279
2402
|
}
|
|
2280
2403
|
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: [":root{--
|
|
2404
|
+
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{--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$5.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
2405
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: GenericErrorModalComponent, decorators: [{
|
|
2283
2406
|
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: [":root{--
|
|
2407
|
+
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{--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
2408
|
}], ctorParameters: function () { return [{ type: ErrorMessageService }]; } });
|
|
2286
2409
|
|
|
2287
2410
|
class GenericErrorModalModule {
|
|
@@ -2321,10 +2444,10 @@ class GenericModalComponent {
|
|
|
2321
2444
|
}
|
|
2322
2445
|
}
|
|
2323
2446
|
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: [":root{--
|
|
2447
|
+
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{--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$5.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
2448
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: GenericModalComponent, decorators: [{
|
|
2326
2449
|
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: [":root{--
|
|
2450
|
+
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{--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
2451
|
}], ctorParameters: function () { return [{ type: i2.Router }]; }, propDecorators: { title: [{
|
|
2329
2452
|
type: Input
|
|
2330
2453
|
}], message: [{
|
|
@@ -2378,10 +2501,10 @@ class SubMenusListComponent {
|
|
|
2378
2501
|
}
|
|
2379
2502
|
}
|
|
2380
2503
|
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: [":root{--
|
|
2504
|
+
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{--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
2505
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SubMenusListComponent, decorators: [{
|
|
2383
2506
|
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: [":root{--
|
|
2507
|
+
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{--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
2508
|
}], propDecorators: { showList: [{
|
|
2386
2509
|
type: Input
|
|
2387
2510
|
}], options: [{
|
|
@@ -2474,6 +2597,18 @@ class MenuComponent {
|
|
|
2474
2597
|
this.onFinishMenuOptionsConfig.emit(null);
|
|
2475
2598
|
}
|
|
2476
2599
|
}));
|
|
2600
|
+
this.subscription.add(this.menuService.frameUrl$.subscribe((frameUrl) => {
|
|
2601
|
+
if (frameUrl) {
|
|
2602
|
+
this.storageService.setSession('frameUrl', frameUrl);
|
|
2603
|
+
}
|
|
2604
|
+
else {
|
|
2605
|
+
this.storageService.removeSession('frameUrl');
|
|
2606
|
+
}
|
|
2607
|
+
}));
|
|
2608
|
+
const frameUrlFromStorage = this.storageService.getSession('frameUrl');
|
|
2609
|
+
if (frameUrlFromStorage) {
|
|
2610
|
+
this.menuService.frameUrl$.next(frameUrlFromStorage);
|
|
2611
|
+
}
|
|
2477
2612
|
this.currentWindowWidth = window.innerWidth;
|
|
2478
2613
|
}
|
|
2479
2614
|
onResize() {
|
|
@@ -2506,7 +2641,17 @@ class MenuComponent {
|
|
|
2506
2641
|
this.activeOption = ((_b = option.children) === null || _b === void 0 ? void 0 : _b.length) ? option : undefined;
|
|
2507
2642
|
}
|
|
2508
2643
|
if (!((_c = option.children) === null || _c === void 0 ? void 0 : _c.length)) {
|
|
2509
|
-
|
|
2644
|
+
if (option.route) {
|
|
2645
|
+
this.router.navigate([option.route]);
|
|
2646
|
+
this.menuService.frameUrl$.next(undefined);
|
|
2647
|
+
}
|
|
2648
|
+
else if (option.frameUrl) {
|
|
2649
|
+
this.menuService.frameUrl$.next(option.frameUrl);
|
|
2650
|
+
}
|
|
2651
|
+
else if (option.externalUrl) {
|
|
2652
|
+
window.open(option.externalUrl, '_blank');
|
|
2653
|
+
this.menuService.frameUrl$.next(undefined);
|
|
2654
|
+
}
|
|
2510
2655
|
}
|
|
2511
2656
|
if (((_d = option.children) === null || _d === void 0 ? void 0 : _d.length) && !this.opened) {
|
|
2512
2657
|
this.toggleMenu();
|
|
@@ -2526,9 +2671,18 @@ class MenuComponent {
|
|
|
2526
2671
|
if (!((_c = submenuItem.children) === null || _c === void 0 ? void 0 : _c.length)) {
|
|
2527
2672
|
if (submenuItem.route) {
|
|
2528
2673
|
this.router.navigate([submenuItem.route]);
|
|
2674
|
+
this.menuService.frameUrl$.next(undefined);
|
|
2675
|
+
}
|
|
2676
|
+
else if (submenuItem.frameUrl) {
|
|
2677
|
+
this.menuService.frameUrl$.next(submenuItem.frameUrl);
|
|
2678
|
+
}
|
|
2679
|
+
else if (submenuItem.externalUrl) {
|
|
2680
|
+
window.open(submenuItem.externalUrl, '_blank');
|
|
2681
|
+
this.menuService.frameUrl$.next(undefined);
|
|
2529
2682
|
}
|
|
2530
2683
|
else if (submenuItem.command) {
|
|
2531
2684
|
submenuItem.command();
|
|
2685
|
+
this.menuService.frameUrl$.next(undefined);
|
|
2532
2686
|
}
|
|
2533
2687
|
}
|
|
2534
2688
|
}
|
|
@@ -2558,7 +2712,7 @@ class MenuComponent {
|
|
|
2558
2712
|
}
|
|
2559
2713
|
}
|
|
2560
2714
|
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: [":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: [
|
|
2715
|
+
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{--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(35%) sepia(100%) saturate(5659%) hue-rotate(210deg) brightness(87%) contrast(118%)}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
2716
|
trigger('sideInOut', [state('in', style({ width: '60px' })), state('out', style({ width: '250px' }))]),
|
|
2563
2717
|
trigger('fadeInOut', [
|
|
2564
2718
|
state('0', style({
|
|
@@ -2639,7 +2793,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
2639
2793
|
})),
|
|
2640
2794
|
transition('0 <=> 1', animate('350ms ease-in-out')),
|
|
2641
2795
|
]),
|
|
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"] }]
|
|
2796
|
+
], 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{--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(35%) sepia(100%) saturate(5659%) hue-rotate(210deg) brightness(87%) contrast(118%)}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
2797
|
}], ctorParameters: function () {
|
|
2644
2798
|
return [{ type: MenuService }, { type: i2.Router }, { type: ProfileService }, { type: StorageService }, { type: undefined, decorators: [{
|
|
2645
2799
|
type: Inject,
|
|
@@ -2701,10 +2855,10 @@ class TopBarComponent {
|
|
|
2701
2855
|
}
|
|
2702
2856
|
}
|
|
2703
2857
|
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: [":root{--
|
|
2858
|
+
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{--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
2859
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TopBarComponent, decorators: [{
|
|
2706
2860
|
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: [":root{--
|
|
2861
|
+
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{--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
2862
|
}], ctorParameters: function () { return [{ type: MenuService }, { type: AuthService }]; } });
|
|
2709
2863
|
|
|
2710
2864
|
class TopBarModule {
|
|
@@ -2836,6 +2990,7 @@ class HttpInterceptorProvider {
|
|
|
2836
2990
|
if (!this.isRefreshTokenRequest(request.url)) {
|
|
2837
2991
|
request = this.addTokenIfPresent(request);
|
|
2838
2992
|
request = this.addEncryptPasswordIfPresent(request);
|
|
2993
|
+
request = this.addAccountUuidIfPresent(request);
|
|
2839
2994
|
request = this.addModifierIdIfPresent(request);
|
|
2840
2995
|
request = this.addContentType(request);
|
|
2841
2996
|
}
|
|
@@ -2921,6 +3076,18 @@ class HttpInterceptorProvider {
|
|
|
2921
3076
|
}
|
|
2922
3077
|
return request;
|
|
2923
3078
|
}
|
|
3079
|
+
addAccountUuidIfPresent(request) {
|
|
3080
|
+
const accountUuid = this.storageService.get('accountUuid');
|
|
3081
|
+
if (request.method !== 'GET' && accountUuid) {
|
|
3082
|
+
if (request.body instanceof FormData) {
|
|
3083
|
+
request.body.append('accountUuid', accountUuid);
|
|
3084
|
+
}
|
|
3085
|
+
else {
|
|
3086
|
+
request = request.clone({ body: Object.assign(Object.assign({}, request.body), { accountUuid }) });
|
|
3087
|
+
}
|
|
3088
|
+
}
|
|
3089
|
+
return request;
|
|
3090
|
+
}
|
|
2924
3091
|
addContentType(request) {
|
|
2925
3092
|
return request.clone({ setHeaders: { contentType: 'application/json' } });
|
|
2926
3093
|
}
|
|
@@ -2980,5 +3147,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
2980
3147
|
* Generated bundle index. Do not edit.
|
|
2981
3148
|
*/
|
|
2982
3149
|
|
|
2983
|
-
export { AppName, AuthService, BooleanType, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, CalendarComponent, CheckboxFieldComponent, CrudBaseComponent, CrudBaseService, CrudFooterComponent, CrudMode, CurrencyBrlPipe, CurrencyFieldComponent, DataTableComponent, DocumentType, DropdownFieldComponent, EnumService, ErrorMessageService, FieldType, FieldsModule, FileUtil, FiltersComponent, FooterModule, GenericErrorModalComponent, GenericErrorModalModule, GenericModalComponent, GenericModalModule, GetTokenByGuidGuard, HasPermissionGuard, HttpInterceptorProvider, LoadingService, MaskUtil, MenuComponent, MenuModule, MenuService, MessageStatus, ModalService, MultiselectFieldComponent, NotHiddenPipe, ObjectUtil, PanelComponent, PanelModule, PercentageFieldComponent, PipesModule, ProfileModuleActionType, ProfileService, RadioButtonFieldComponent, RangeValueComponent, RemoveLastChildPipe, Role, RoleGuard, SearchFieldComponent, Status, StorageService, StringUtil, SubMenusListComponent, TableColumnType, TextFieldComponent, TokenIsPresentGuard, TopBarComponent, TopBarModule, ValidationUtil, View, WindowUtil };
|
|
3150
|
+
export { AppName, AuthService, BooleanType, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, CalendarComponent, CheckboxFieldComponent, CrudBaseComponent, CrudBaseService, CrudFooterComponent, CrudMode, CurrencyBrlPipe, CurrencyFieldComponent, DataTableComponent, DocumentType, DropdownFieldComponent, EnumService, ErrorMessageService, FieldType, FieldsModule, FileUtil, FiltersComponent, FooterModule, GenericErrorModalComponent, GenericErrorModalModule, GenericModalComponent, GenericModalModule, GetTokenByGuidGuard, HasPermissionGuard, HttpInterceptorProvider, LoadingService, MaskUtil, MenuComponent, MenuModule, MenuService, MessageStatus, ModalService, MultiselectFieldComponent, NotHiddenPipe, ObjectUtil, PanelComponent, PanelModule, PercentageFieldComponent, PipesModule, ProfileModuleActionType, ProfileModuleType, ProfileService, RadioButtonFieldComponent, RangeValueComponent, RemoveLastChildPipe, Role, RoleGuard, SearchFieldComponent, Status, StorageService, StringUtil, SubMenusListComponent, TableColumnType, TextFieldComponent, TextareaFieldComponent, TokenIsPresentGuard, TopBarComponent, TopBarModule, ValidationUtil, View, WindowUtil };
|
|
2984
3151
|
//# sourceMappingURL=ngx-vector-components.mjs.map
|