mapa-library-ui 1.6.2 → 1.7.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/fesm2022/mapa-library-ui-src-lib-components-capability.mjs +322 -168
- package/fesm2022/mapa-library-ui-src-lib-components-capability.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-chart.mjs +318 -166
- package/fesm2022/mapa-library-ui-src-lib-components-chart.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-datepicker-range.mjs +80 -6
- package/fesm2022/mapa-library-ui-src-lib-components-datepicker-range.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-datepicker.mjs +80 -6
- package/fesm2022/mapa-library-ui-src-lib-components-datepicker.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-dropdown-tree.mjs +318 -166
- package/fesm2022/mapa-library-ui-src-lib-components-dropdown-tree.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-dropdown.mjs +320 -168
- package/fesm2022/mapa-library-ui-src-lib-components-dropdown.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-filters.mjs +320 -163
- package/fesm2022/mapa-library-ui-src-lib-components-filters.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-form.mjs +332 -176
- package/fesm2022/mapa-library-ui-src-lib-components-form.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-group-report.mjs +2 -2
- package/fesm2022/mapa-library-ui-src-lib-components-group-report.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-input.mjs +78 -4
- package/fesm2022/mapa-library-ui-src-lib-components-input.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-scale-parameterization.mjs +78 -4
- package/fesm2022/mapa-library-ui-src-lib-components-scale-parameterization.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-scale.mjs +76 -2
- package/fesm2022/mapa-library-ui-src-lib-components-scale.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-table.mjs +79 -4
- package/fesm2022/mapa-library-ui-src-lib-components-table.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-textarea.mjs +78 -4
- package/fesm2022/mapa-library-ui-src-lib-components-textarea.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-warning.mjs +76 -2
- package/fesm2022/mapa-library-ui-src-lib-components-warning.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-core-guards-authorize-guard.mjs +1 -0
- package/fesm2022/mapa-library-ui-src-lib-core-guards-authorize-guard.mjs.map +1 -1
- package/fesm2022/mapa-library-ui.mjs +391 -412
- package/fesm2022/mapa-library-ui.mjs.map +1 -1
- package/index.d.ts +50 -73
- package/mapa-library-ui-1.7.0.tgz +0 -0
- package/package.json +1 -9
- package/src/lib/components/capability/index.d.ts +71 -55
- package/src/lib/components/dropdown/index.d.ts +51 -55
- package/src/lib/core/guards/authorize-guard/index.d.ts +2 -1
- package/fesm2022/mapa-library-ui-src-lib-components-dropdown-v2.mjs +0 -303
- package/fesm2022/mapa-library-ui-src-lib-components-dropdown-v2.mjs.map +0 -1
- package/mapa-library-ui-1.6.2.tgz +0 -0
- package/src/lib/components/dropdown-v2/index.d.ts +0 -165
|
@@ -1,56 +1,52 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { inject, DestroyRef, Input, Self, Optional, Directive, EventEmitter, Output, InjectionToken, Injector, signal, Inject, Injectable, Component, SecurityContext, Pipe, ChangeDetectionStrategy, EnvironmentInjector, createComponent, HostListener, ViewChild, forwardRef, effect } from '@angular/core';
|
|
2
|
+
import { inject, DestroyRef, Input, Self, Optional, Directive, EventEmitter, Output, InjectionToken, Injector, signal, Inject, Injectable, Component, SecurityContext, Pipe, ChangeDetectionStrategy, EnvironmentInjector, createComponent, HostListener, ViewChild, ChangeDetectorRef, forwardRef, effect } from '@angular/core';
|
|
3
3
|
import { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';
|
|
4
|
-
import { fromEvent,
|
|
5
|
-
import * as
|
|
4
|
+
import { fromEvent, merge } from 'rxjs';
|
|
5
|
+
import * as i5 from '@angular/material/input';
|
|
6
6
|
import { MatInputModule } from '@angular/material/input';
|
|
7
7
|
import * as i2 from '@angular/forms';
|
|
8
|
-
import {
|
|
8
|
+
import { ReactiveFormsModule, NG_VALUE_ACCESSOR, FormGroup, FormControl, FormsModule } from '@angular/forms';
|
|
9
9
|
import { map, startWith } from 'rxjs/operators';
|
|
10
|
-
import * as i1
|
|
10
|
+
import * as i1 from '@angular/material/paginator';
|
|
11
11
|
import { MatPaginatorIntl, MatPaginatorModule, MatPaginator } from '@angular/material/paginator';
|
|
12
|
-
import * as i1$
|
|
12
|
+
import * as i1$1 from '@angular/common';
|
|
13
13
|
import { CommonModule } from '@angular/common';
|
|
14
|
-
import * as i3 from '@angular/material/form-field';
|
|
15
|
-
import { MatFormFieldModule
|
|
16
|
-
import
|
|
17
|
-
import
|
|
14
|
+
import * as i3$2 from '@angular/material/form-field';
|
|
15
|
+
import { MatFormFieldModule } from '@angular/material/form-field';
|
|
16
|
+
import * as i1$2 from '@angular/platform-browser';
|
|
17
|
+
import { getStoredAppLanguage, getIntlLocale } from 'mapa-frontend-i18n';
|
|
18
18
|
import { parseISO, parse, isValid, format, addMonths, set, getYear, getDate, isAfter } from 'date-fns';
|
|
19
19
|
import * as i2$1 from '@angular/router';
|
|
20
20
|
import { RouterModule } from '@angular/router';
|
|
21
21
|
import { Md5 } from 'ts-md5';
|
|
22
22
|
import * as i2$2 from '@angular/material/expansion';
|
|
23
23
|
import { MatExpansionModule } from '@angular/material/expansion';
|
|
24
|
-
import * as i3
|
|
24
|
+
import * as i3 from 'ng-apexcharts';
|
|
25
25
|
import { NgApexchartsModule } from 'ng-apexcharts';
|
|
26
|
-
import
|
|
26
|
+
import { CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';
|
|
27
|
+
import * as i2$3 from '@angular/material/checkbox';
|
|
27
28
|
import { MatCheckboxModule } from '@angular/material/checkbox';
|
|
28
|
-
import * as i1$4 from '@angular/material/icon';
|
|
29
|
-
import { MatIconModule } from '@angular/material/icon';
|
|
30
|
-
import * as i7 from '@angular/material/select';
|
|
31
|
-
import { MatSelectModule, MAT_SELECT_CONFIG } from '@angular/material/select';
|
|
32
|
-
import * as i8 from 'ngx-mat-select-search';
|
|
33
|
-
import { NgxMatSelectSearchModule } from 'ngx-mat-select-search';
|
|
34
29
|
import { provideNativeDateAdapter, DateAdapter } from '@angular/material/core';
|
|
35
|
-
import * as i3$
|
|
30
|
+
import * as i3$1 from '@angular/material/datepicker';
|
|
36
31
|
import { MatDatepickerModule } from '@angular/material/datepicker';
|
|
32
|
+
import * as i1$4 from '@angular/material/icon';
|
|
33
|
+
import { MatIconModule } from '@angular/material/icon';
|
|
37
34
|
import { NgxMaskDirective, provideNgxMask } from 'ngx-mask';
|
|
38
|
-
import * as i1$
|
|
35
|
+
import * as i1$3 from '@angular/material/dialog';
|
|
39
36
|
import { MAT_DIALOG_DATA, MatDialogModule, MatDialogConfig } from '@angular/material/dialog';
|
|
40
|
-
import { CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';
|
|
41
37
|
import * as i3$3 from '@angular/material/radio';
|
|
42
38
|
import { MatRadioModule } from '@angular/material/radio';
|
|
43
39
|
import * as i3$4 from '@angular/material/slide-toggle';
|
|
44
40
|
import { MatSlideToggleModule } from '@angular/material/slide-toggle';
|
|
45
|
-
import * as i5 from '@angular/cdk/text-field';
|
|
46
|
-
import * as i4
|
|
41
|
+
import * as i5$1 from '@angular/cdk/text-field';
|
|
42
|
+
import * as i4 from '@angular/material/sort';
|
|
47
43
|
import { MatSortModule, MatSort } from '@angular/material/sort';
|
|
48
44
|
import * as i3$5 from '@angular/material/table';
|
|
49
45
|
import { MatTableDataSource, MatTableModule, MatTable } from '@angular/material/table';
|
|
50
46
|
import * as i3$6 from '@angular/material/menu';
|
|
51
47
|
import { MatMenuModule, MatMenuTrigger } from '@angular/material/menu';
|
|
52
|
-
import * as i1$
|
|
53
|
-
import * as i4$
|
|
48
|
+
import * as i1$5 from '@angular/common/http';
|
|
49
|
+
import * as i4$1 from '@angular/material/button';
|
|
54
50
|
import { MatButtonModule } from '@angular/material/button';
|
|
55
51
|
|
|
56
52
|
class ElementBase {
|
|
@@ -216,7 +212,7 @@ class MatInputAutosizeDirective {
|
|
|
216
212
|
.pipe(takeUntilDestroyed(this.destroyRef))
|
|
217
213
|
.subscribe(() => this.changeHiddenText(this.inputElement.value));
|
|
218
214
|
}
|
|
219
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MatInputAutosizeDirective, deps: [{ token: i0.ElementRef }, { token:
|
|
215
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MatInputAutosizeDirective, deps: [{ token: i0.ElementRef }, { token: i5.MatInput, self: true }, { token: i2.NgModel, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
220
216
|
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.21", type: MatInputAutosizeDirective, isStandalone: true, selector: "[matInputAutosize]", inputs: { matInputAutosizeMaxWidth: "matInputAutosizeMaxWidth", matInputAutosizeMinWidth: "matInputAutosizeMinWidth", matInputAutosizeFontStyle: "matInputAutosizeFontStyle" }, ngImport: i0 }); }
|
|
221
217
|
}
|
|
222
218
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MatInputAutosizeDirective, decorators: [{
|
|
@@ -225,7 +221,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
225
221
|
selector: '[matInputAutosize]',
|
|
226
222
|
standalone: true,
|
|
227
223
|
}]
|
|
228
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }, { type:
|
|
224
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i5.MatInput, decorators: [{
|
|
229
225
|
type: Self
|
|
230
226
|
}] }, { type: i2.NgModel, decorators: [{
|
|
231
227
|
type: Optional
|
|
@@ -459,7 +455,7 @@ class BubblePaginationDirective {
|
|
|
459
455
|
this.removeButtonListeners.forEach((removeListener) => removeListener());
|
|
460
456
|
this.removeButtonListeners = [];
|
|
461
457
|
}
|
|
462
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: BubblePaginationDirective, deps: [{ token: i1
|
|
458
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: BubblePaginationDirective, deps: [{ token: i1.MatPaginator }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
463
459
|
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.21", type: BubblePaginationDirective, isStandalone: true, selector: "[appBubblePagination], [appStylePaginatorMv]", inputs: { showFirstButton: "showFirstButton", showLastButton: "showLastButton", renderButtonsNumber: "renderButtonsNumber", appCustomLength: "appCustomLength", hideDefaultArrows: "hideDefaultArrows", bubblePageIndex: "bubblePageIndex", bubblePageSize: "bubblePageSize" }, outputs: { pageIndexChangeEmitter: "pageIndexChangeEmitter" }, usesOnChanges: true, ngImport: i0 }); }
|
|
464
460
|
}
|
|
465
461
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: BubblePaginationDirective, decorators: [{
|
|
@@ -468,7 +464,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
468
464
|
selector: "[appBubblePagination], [appStylePaginatorMv]",
|
|
469
465
|
standalone: true,
|
|
470
466
|
}]
|
|
471
|
-
}], ctorParameters: () => [{ type: i1
|
|
467
|
+
}], ctorParameters: () => [{ type: i1.MatPaginator }, { type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { pageIndexChangeEmitter: [{
|
|
472
468
|
type: Output
|
|
473
469
|
}], showFirstButton: [{
|
|
474
470
|
type: Input
|
|
@@ -487,8 +483,83 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
487
483
|
}] } });
|
|
488
484
|
|
|
489
485
|
const MAPA_UI_TEXTS = new InjectionToken("MAPA_UI_TEXTS");
|
|
486
|
+
function formatPaginatorRange(page, pageSize, length) {
|
|
487
|
+
if (length === 0 || pageSize === 0) {
|
|
488
|
+
return `0 de ${length}`;
|
|
489
|
+
}
|
|
490
|
+
const safeLength = Math.max(length, 0);
|
|
491
|
+
const startIndex = page * pageSize;
|
|
492
|
+
const endIndex = startIndex < safeLength
|
|
493
|
+
? Math.min(startIndex + pageSize, safeLength)
|
|
494
|
+
: startIndex + pageSize;
|
|
495
|
+
return `${startIndex + 1} - ${endIndex} de ${safeLength}`;
|
|
496
|
+
}
|
|
497
|
+
function formatPaginatorShowingRange(page, pageSize, length) {
|
|
498
|
+
if (length === 0 || pageSize === 0) {
|
|
499
|
+
return "Mostrando 0 - 0 de 0 item";
|
|
500
|
+
}
|
|
501
|
+
const safeLength = Math.max(length, 0);
|
|
502
|
+
const startIndex = page * pageSize;
|
|
503
|
+
const endIndex = startIndex < safeLength
|
|
504
|
+
? Math.min(startIndex + pageSize, safeLength)
|
|
505
|
+
: startIndex + pageSize;
|
|
506
|
+
const itemLabel = safeLength === 1 ? "item" : "itens";
|
|
507
|
+
return `Mostrando ${startIndex + 1} - ${endIndex} de ${safeLength} ${itemLabel}`;
|
|
508
|
+
}
|
|
509
|
+
const DEFAULT_MAPA_UI_TEXTS = {
|
|
510
|
+
common: {
|
|
511
|
+
selectAll: "Selecionar todos",
|
|
512
|
+
},
|
|
513
|
+
filters: {
|
|
514
|
+
clear: "Limpar filtros",
|
|
515
|
+
submit: "Filtrar",
|
|
516
|
+
},
|
|
517
|
+
datepicker: {
|
|
518
|
+
startDatePlaceholder: "Data inicial",
|
|
519
|
+
endDatePlaceholder: "Data final",
|
|
520
|
+
},
|
|
521
|
+
capability: {
|
|
522
|
+
groupAverageTitle: "Média geral do grupo",
|
|
523
|
+
individualAverageTitle: "Média geral do indivíduo",
|
|
524
|
+
conceptTitle: "Conceito",
|
|
525
|
+
resultTitle: "Resultado",
|
|
526
|
+
positiveIndicatorsTitle: "Indicadores positivos",
|
|
527
|
+
negativeIndicatorsTitle: "Indicadores negativos",
|
|
528
|
+
riskIndicatorsTitle: "Indicadores de risco",
|
|
529
|
+
precipitationRiskTitle: "Risco de acidente por precipitação",
|
|
530
|
+
negligenceRiskTitle: "Risco de acidente por negligência",
|
|
531
|
+
negativeDirectionLabel: "Direção Negativa |",
|
|
532
|
+
positiveDirectionLabel: "Direção Positiva |",
|
|
533
|
+
},
|
|
534
|
+
paginator: {
|
|
535
|
+
itemsPerPage: "Itens por página",
|
|
536
|
+
nextPage: "Próxima página",
|
|
537
|
+
previousPage: "Página anterior",
|
|
538
|
+
rangeLabel: formatPaginatorRange,
|
|
539
|
+
showingRangeLabel: formatPaginatorShowingRange,
|
|
540
|
+
},
|
|
541
|
+
warning: {
|
|
542
|
+
lowReliabilityTitle: "Nível baixo de confiabilidade no(s) teste(s):",
|
|
543
|
+
expirationLimitTitle: "O prazo de validade do(s) teste(s) está no limite:",
|
|
544
|
+
},
|
|
545
|
+
table: {
|
|
546
|
+
emptyTitle: "Não foram encontrados resultados",
|
|
547
|
+
emptySubtitle: "",
|
|
548
|
+
},
|
|
549
|
+
validation: {
|
|
550
|
+
cnpj: "CNPJ inválido",
|
|
551
|
+
cpf: "CPF inválido",
|
|
552
|
+
email: "E-mail inválido",
|
|
553
|
+
max: (context) => `O valor máximo permitido é ${context?.max ?? ""}`.trim(),
|
|
554
|
+
maxLength: (context) => `O máximo permitido é ${context?.requiredLength ?? ""} caracteres`.trim(),
|
|
555
|
+
min: (context) => `O valor mínimo permitido é ${context?.min ?? ""}`.trim(),
|
|
556
|
+
minLength: (context) => `O mínimo permitido é ${context?.requiredLength ?? ""} caracteres`.trim(),
|
|
557
|
+
pattern: "Formato inválido",
|
|
558
|
+
required: "Campo obrigatório",
|
|
559
|
+
},
|
|
560
|
+
};
|
|
490
561
|
function getDefaultTexts() {
|
|
491
|
-
return
|
|
562
|
+
return DEFAULT_MAPA_UI_TEXTS;
|
|
492
563
|
}
|
|
493
564
|
function mergeMapaUiTexts(customTexts) {
|
|
494
565
|
const defaults = getDefaultTexts();
|
|
@@ -624,7 +695,7 @@ class MapaFormErrorsComponent {
|
|
|
624
695
|
return this.validationMessageResolver.resolveFirstError(this.control, this.errors);
|
|
625
696
|
}
|
|
626
697
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaFormErrorsComponent, deps: [{ token: ValidationMessageResolverService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
627
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaFormErrorsComponent, isStandalone: true, selector: "mapa-form-errors", inputs: { control: "control", errors: "errors" }, ngImport: i0, template: "<span *ngIf=\"message\">\n {{ message }}\n</span>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$
|
|
698
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaFormErrorsComponent, isStandalone: true, selector: "mapa-form-errors", inputs: { control: "control", errors: "errors" }, ngImport: i0, template: "<span *ngIf=\"message\">\n {{ message }}\n</span>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatFormFieldModule }] }); }
|
|
628
699
|
}
|
|
629
700
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaFormErrorsComponent, decorators: [{
|
|
630
701
|
type: Component,
|
|
@@ -645,7 +716,7 @@ class HtmlSanitizerService {
|
|
|
645
716
|
sanitize(value) {
|
|
646
717
|
return sanitizeHtmlContent(this.sanitizer, value);
|
|
647
718
|
}
|
|
648
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: HtmlSanitizerService, deps: [{ token: i1$
|
|
719
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: HtmlSanitizerService, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
649
720
|
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: HtmlSanitizerService, providedIn: "root" }); }
|
|
650
721
|
}
|
|
651
722
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: HtmlSanitizerService, decorators: [{
|
|
@@ -653,7 +724,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
653
724
|
args: [{
|
|
654
725
|
providedIn: "root",
|
|
655
726
|
}]
|
|
656
|
-
}], ctorParameters: () => [{ type: i1$
|
|
727
|
+
}], ctorParameters: () => [{ type: i1$2.DomSanitizer }] });
|
|
657
728
|
|
|
658
729
|
class SafeHtmlPipe {
|
|
659
730
|
constructor(htmlSanitizer) {
|
|
@@ -4677,7 +4748,7 @@ function reformatDateStringForLanguage(value, fromLanguage, toLanguage) {
|
|
|
4677
4748
|
|
|
4678
4749
|
class MapaBenchmarkIndicatorComponent {
|
|
4679
4750
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaBenchmarkIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4680
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaBenchmarkIndicatorComponent, isStandalone: true, selector: "mapa-benchmark-indicator", inputs: { item: "item" }, ngImport: i0, template: "<div\n class=\"indicator\"\n [style.backgroundColor]=\"item.classificationColor\"\n>\n <div class=\"indicator__markers\">\n @for (mark of item.marks ?? []; track mark.name + '-' + mark.value) {\n <div\n class=\"indicator__marker--arrow\"\n [ngStyle]=\"{\n left: mark.value + '%',\n borderTopColor: mark.color\n }\"\n [title]=\"mark.name + ' (' + mark.value + '%)'\"\n ></div>\n }\n </div>\n</div>\n", styles: [":host{display:flex;flex-direction:column;justify-content:flex-end}.indicator{min-height:23px}.indicator__classification{background-color:#fff;border-radius:16px;color:#000;padding:4px 8px;margin-right:4px;font-size:12px!important}.indicator__markers{position:absolute;inset:0;z-index:10}.indicator__marker--arrow{position:absolute;top:10px;width:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid;transform:translate(-80%)}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$
|
|
4751
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaBenchmarkIndicatorComponent, isStandalone: true, selector: "mapa-benchmark-indicator", inputs: { item: "item" }, ngImport: i0, template: "<div\n class=\"indicator\"\n [style.backgroundColor]=\"item.classificationColor\"\n>\n <div class=\"indicator__markers\">\n @for (mark of item.marks ?? []; track mark.name + '-' + mark.value) {\n <div\n class=\"indicator__marker--arrow\"\n [ngStyle]=\"{\n left: mark.value + '%',\n borderTopColor: mark.color\n }\"\n [title]=\"mark.name + ' (' + mark.value + '%)'\"\n ></div>\n }\n </div>\n</div>\n", styles: [":host{display:flex;flex-direction:column;justify-content:flex-end}.indicator{min-height:23px}.indicator__classification{background-color:#fff;border-radius:16px;color:#000;padding:4px 8px;margin-right:4px;font-size:12px!important}.indicator__markers{position:absolute;inset:0;z-index:10}.indicator__marker--arrow{position:absolute;top:10px;width:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid;transform:translate(-80%)}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4681
4752
|
}
|
|
4682
4753
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaBenchmarkIndicatorComponent, decorators: [{
|
|
4683
4754
|
type: Component,
|
|
@@ -4717,7 +4788,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
4717
4788
|
|
|
4718
4789
|
class MapaBreadcrumbComponent {
|
|
4719
4790
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4720
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaBreadcrumbComponent, isStandalone: true, selector: "mapa-breadcrumb", inputs: { items: "items" }, ngImport: i0, template: "<section class=\"mapa-breadcrumb\" *ngIf=\"items && items.length > 0\">\n <span class=\"mapa-breadcrumb__item\" *ngFor=\"let item of items; let i = index\">\n <a *ngIf=\"item.url; else common\" [href]=\"item.url\" [routerLink]=\"item.url\"\n >{{ item.title }}</a\n >\n <ng-template #common>\n <span\n class=\"mapa-breadcrumb__item\"\n [class.mapa-breadcrumb__item--highlight]=\"items.length === i + 1\"\n >\n {{ item.title }}</span\n >\n </ng-template>\n <span class=\"mapa-breadcrumb__item--next\" *ngIf=\"i < items.length - 1\"\n >></span\n >\n </span>\n</section>\n", styles: [".mapa-breadcrumb{display:flex;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);flex-direction:row;margin-bottom:32px}.mapa-breadcrumb__item{font-size:12px;font-style:normal;font-weight:400;line-height:16px;color:#50575e}.mapa-breadcrumb__item a{text-decoration:none;color:#50575e}.mapa-breadcrumb__item--next{margin:0 6px}.mapa-breadcrumb__item--highlight{color:#ea561d}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$
|
|
4791
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaBreadcrumbComponent, isStandalone: true, selector: "mapa-breadcrumb", inputs: { items: "items" }, ngImport: i0, template: "<section class=\"mapa-breadcrumb\" *ngIf=\"items && items.length > 0\">\n <span class=\"mapa-breadcrumb__item\" *ngFor=\"let item of items; let i = index\">\n <a *ngIf=\"item.url; else common\" [href]=\"item.url\" [routerLink]=\"item.url\"\n >{{ item.title }}</a\n >\n <ng-template #common>\n <span\n class=\"mapa-breadcrumb__item\"\n [class.mapa-breadcrumb__item--highlight]=\"items.length === i + 1\"\n >\n {{ item.title }}</span\n >\n </ng-template>\n <span class=\"mapa-breadcrumb__item--next\" *ngIf=\"i < items.length - 1\"\n >></span\n >\n </span>\n</section>\n", styles: [".mapa-breadcrumb{display:flex;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);flex-direction:row;margin-bottom:32px}.mapa-breadcrumb__item{font-size:12px;font-style:normal;font-weight:400;line-height:16px;color:#50575e}.mapa-breadcrumb__item a{text-decoration:none;color:#50575e}.mapa-breadcrumb__item--next{margin:0 6px}.mapa-breadcrumb__item--highlight{color:#ea561d}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
|
|
4721
4792
|
}
|
|
4722
4793
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaBreadcrumbComponent, decorators: [{
|
|
4723
4794
|
type: Component,
|
|
@@ -4776,13 +4847,13 @@ class ButtonIconComponent {
|
|
|
4776
4847
|
this.imgBase64 = this.sanitizer.bypassSecurityTrustResourceUrl(`data:image/svg+xml;base64,${this.data.icon}`);
|
|
4777
4848
|
}
|
|
4778
4849
|
}
|
|
4779
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ButtonIconComponent, deps: [{ token: i1$
|
|
4780
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: ButtonIconComponent, isStandalone: true, selector: "mapa-button-icon", inputs: { data: "data" }, outputs: { clicked: "clicked" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"button-icon\" id=\"componentes\" *ngIf=\"data\">\n <div class=\"button-icon__icon\">\n <img *ngIf=\"imgBase64\" [src]=\"imgBase64\" />\n </div>\n <div class=\"button-icon__title\">\n {{ data.description }}\n </div>\n <div class=\"button-icon__preview\" (click)=\"onClick(data)\">\n Preview\n </div>\n</div>\n", styles: [".button-icon{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);display:inline-flex;justify-content:space-between;margin:10px;height:60px;background:#fff;border:solid 1px #ccc;color:#000000de;cursor:move;font-size:16px;font-weight:400;border-radius:8px;width:100%}.button-icon__icon{margin-right:10px;border-radius:8px 0 0 8px;background-color:#fdefea}.button-icon__icon img{width:40px;height:40px;padding:10px}.button-icon__title{display:flex;align-items:center;overflow:hidden;width:100%;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif)}.button-icon__preview{display:flex;align-items:center;cursor:pointer;padding-left:10px;font-weight:400;margin:12px;border-left:1px solid #cdcdcd}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$
|
|
4850
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ButtonIconComponent, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4851
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: ButtonIconComponent, isStandalone: true, selector: "mapa-button-icon", inputs: { data: "data" }, outputs: { clicked: "clicked" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"button-icon\" id=\"componentes\" *ngIf=\"data\">\n <div class=\"button-icon__icon\">\n <img *ngIf=\"imgBase64\" [src]=\"imgBase64\" />\n </div>\n <div class=\"button-icon__title\">\n {{ data.description }}\n </div>\n <div class=\"button-icon__preview\" (click)=\"onClick(data)\">\n Preview\n </div>\n</div>\n", styles: [".button-icon{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);display:inline-flex;justify-content:space-between;margin:10px;height:60px;background:#fff;border:solid 1px #ccc;color:#000000de;cursor:move;font-size:16px;font-weight:400;border-radius:8px;width:100%}.button-icon__icon{margin-right:10px;border-radius:8px 0 0 8px;background-color:#fdefea}.button-icon__icon img{width:40px;height:40px;padding:10px}.button-icon__title{display:flex;align-items:center;overflow:hidden;width:100%;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif)}.button-icon__preview{display:flex;align-items:center;cursor:pointer;padding-left:10px;font-weight:400;margin:12px;border-left:1px solid #cdcdcd}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
4781
4852
|
}
|
|
4782
4853
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ButtonIconComponent, decorators: [{
|
|
4783
4854
|
type: Component,
|
|
4784
4855
|
args: [{ selector: "mapa-button-icon", imports: [CommonModule], standalone: true, template: "<div class=\"button-icon\" id=\"componentes\" *ngIf=\"data\">\n <div class=\"button-icon__icon\">\n <img *ngIf=\"imgBase64\" [src]=\"imgBase64\" />\n </div>\n <div class=\"button-icon__title\">\n {{ data.description }}\n </div>\n <div class=\"button-icon__preview\" (click)=\"onClick(data)\">\n Preview\n </div>\n</div>\n", styles: [".button-icon{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);display:inline-flex;justify-content:space-between;margin:10px;height:60px;background:#fff;border:solid 1px #ccc;color:#000000de;cursor:move;font-size:16px;font-weight:400;border-radius:8px;width:100%}.button-icon__icon{margin-right:10px;border-radius:8px 0 0 8px;background-color:#fdefea}.button-icon__icon img{width:40px;height:40px;padding:10px}.button-icon__title{display:flex;align-items:center;overflow:hidden;width:100%;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif)}.button-icon__preview{display:flex;align-items:center;cursor:pointer;padding-left:10px;font-weight:400;margin:12px;border-left:1px solid #cdcdcd}\n"] }]
|
|
4785
|
-
}], ctorParameters: () => [{ type: i1$
|
|
4856
|
+
}], ctorParameters: () => [{ type: i1$2.DomSanitizer }], propDecorators: { data: [{
|
|
4786
4857
|
type: Input
|
|
4787
4858
|
}], clicked: [{
|
|
4788
4859
|
type: Output
|
|
@@ -4954,7 +5025,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
4954
5025
|
|
|
4955
5026
|
class TagComponent {
|
|
4956
5027
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4957
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: TagComponent, isStandalone: true, selector: "mapa-tag", inputs: { tag: "tag" }, ngImport: i0, template: "<div\n *ngIf=\"tag\"\n class=\"mapa-tag\"\n [class.mapa-tag--small]=\"tag.size === 'small' && !tag.fontSize\"\n [class.mapa-tag--highlight]=\"tag.color === 'highlight'\"\n [class.mapa-tag--selected]=\"tag.color === 'selected'\"\n [class.mapa-tag--default-bg]=\"!tag.bgColor\"\n [class.mapa-tag--bg]=\"tag.bgColor\"\n [style.backgroundColor]=\"tag.bgColor\"\n [style.padding-left]=\"tag.fontSize\"\n [style.border-radius]=\"tag.fontSize\"\n [style.fontSize]=\"tag.fontSize\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".mapa-tag{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);display:flex;align-items:center;border-radius:16px;padding:8px 12px;margin:0 4px;white-space:nowrap}.mapa-tag--default-bg{border:1px solid #cdcdcd;background:#fff;font-weight:300}.mapa-tag--bg{font-weight:500!important;text-transform:uppercase;padding:4px 8px!important;height:24px!important;color:#181818;font-size:12px}.mapa-tag--highlight{border:2px solid #eedb2a!important}.mapa-tag--small{gap:8px;padding:2px 8px!important;font-size:12px}.mapa-tag--selected{padding:8px 16px!important;gap:16px;border-radius:8px!important;border:1px solid #d9d9d9!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$
|
|
5028
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: TagComponent, isStandalone: true, selector: "mapa-tag", inputs: { tag: "tag" }, ngImport: i0, template: "<div\n *ngIf=\"tag\"\n class=\"mapa-tag\"\n [class.mapa-tag--small]=\"tag.size === 'small' && !tag.fontSize\"\n [class.mapa-tag--highlight]=\"tag.color === 'highlight'\"\n [class.mapa-tag--selected]=\"tag.color === 'selected'\"\n [class.mapa-tag--default-bg]=\"!tag.bgColor\"\n [class.mapa-tag--bg]=\"tag.bgColor\"\n [style.backgroundColor]=\"tag.bgColor\"\n [style.padding-left]=\"tag.fontSize\"\n [style.border-radius]=\"tag.fontSize\"\n [style.fontSize]=\"tag.fontSize\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".mapa-tag{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);display:flex;align-items:center;border-radius:16px;padding:8px 12px;margin:0 4px;white-space:nowrap}.mapa-tag--default-bg{border:1px solid #cdcdcd;background:#fff;font-weight:300}.mapa-tag--bg{font-weight:500!important;text-transform:uppercase;padding:4px 8px!important;height:24px!important;color:#181818;font-size:12px}.mapa-tag--highlight{border:2px solid #eedb2a!important}.mapa-tag--small{gap:8px;padding:2px 8px!important;font-size:12px}.mapa-tag--selected{padding:8px 16px!important;gap:16px;border-radius:8px!important;border:1px solid #d9d9d9!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
4958
5029
|
}
|
|
4959
5030
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: TagComponent, decorators: [{
|
|
4960
5031
|
type: Component,
|
|
@@ -4992,7 +5063,7 @@ class MapaTooltipComponent {
|
|
|
4992
5063
|
this.top = 0;
|
|
4993
5064
|
}
|
|
4994
5065
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4995
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaTooltipComponent, isStandalone: true, selector: "lib-tooltip", ngImport: i0, template: "<div\n class=\"tooltip\"\n [ngClass]=\"['tooltip--'+position, 'tooltip--'+theme]\"\n [class.tooltip--visible]=\"visible\"\n [style.left]=\"left + 'px'\"\n [style.top]=\"top + 'px'\"\n>\n <ng-template [ngTemplateOutlet]=\"tooltip\"></ng-template>\n</div>\n", styles: [".tooltip{position:fixed;background-color:#000;border-radius:8px;color:#fff;font-family:Arial;padding:3px 6px;font-size:13px;opacity:0;z-index:999;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px}.tooltip :before,.tooltip :after{content:\"\";display:block;position:absolute;bottom:100%;width:1px;height:0}.tooltip :before{left:49%;border:8px solid transparent;border-bottom-color:#ddd}.tooltip :after{left:49.6%;border:7px solid transparent;border-bottom-color:#fff}.tooltip--visible{opacity:1;transition:opacity .3s}.tooltip--light{background-color:#fff;color:#000}.tooltip--dark{background-color:#000;color:#fff}.tooltip--below{transform:translate(-50%);margin-top:7px}.tooltip--below:before{border-left-color:transparent;border-right-color:transparent;border-top:none;left:calc(50% - 5px);top:-5px}.tooltip--above{transform:translate(-50%,-100%);margin-bottom:7px}.tooltip--above:before{border-left-color:transparent;border-right-color:transparent;border-bottom:none;left:calc(50% - 5px);bottom:-5px}.tooltip--left{transform:translate(calc(-100% - 7px),-50%)}.tooltip--left:before{border-top-color:transparent;border-bottom-color:transparent;border-right:none;right:-5px;top:calc(50% - 5px)}.tooltip--right{transform:translateY(-50%);margin-left:7px}.tooltip--right:before{border-top-color:transparent;border-bottom-color:transparent;border-left:none;left:-5px;top:calc(50% - 5px)}.tooltip--dynamic{margin-left:20px}.tooltip--dynamic:before{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$
|
|
5066
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaTooltipComponent, isStandalone: true, selector: "lib-tooltip", ngImport: i0, template: "<div\n class=\"tooltip\"\n [ngClass]=\"['tooltip--'+position, 'tooltip--'+theme]\"\n [class.tooltip--visible]=\"visible\"\n [style.left]=\"left + 'px'\"\n [style.top]=\"top + 'px'\"\n>\n <ng-template [ngTemplateOutlet]=\"tooltip\"></ng-template>\n</div>\n", styles: [".tooltip{position:fixed;background-color:#000;border-radius:8px;color:#fff;font-family:Arial;padding:3px 6px;font-size:13px;opacity:0;z-index:999;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px}.tooltip :before,.tooltip :after{content:\"\";display:block;position:absolute;bottom:100%;width:1px;height:0}.tooltip :before{left:49%;border:8px solid transparent;border-bottom-color:#ddd}.tooltip :after{left:49.6%;border:7px solid transparent;border-bottom-color:#fff}.tooltip--visible{opacity:1;transition:opacity .3s}.tooltip--light{background-color:#fff;color:#000}.tooltip--dark{background-color:#000;color:#fff}.tooltip--below{transform:translate(-50%);margin-top:7px}.tooltip--below:before{border-left-color:transparent;border-right-color:transparent;border-top:none;left:calc(50% - 5px);top:-5px}.tooltip--above{transform:translate(-50%,-100%);margin-bottom:7px}.tooltip--above:before{border-left-color:transparent;border-right-color:transparent;border-bottom:none;left:calc(50% - 5px);bottom:-5px}.tooltip--left{transform:translate(calc(-100% - 7px),-50%)}.tooltip--left:before{border-top-color:transparent;border-bottom-color:transparent;border-right:none;right:-5px;top:calc(50% - 5px)}.tooltip--right{transform:translateY(-50%);margin-left:7px}.tooltip--right:before{border-top-color:transparent;border-bottom-color:transparent;border-left:none;left:-5px;top:calc(50% - 5px)}.tooltip--dynamic{margin-left:20px}.tooltip--dynamic:before{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
4996
5067
|
}
|
|
4997
5068
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaTooltipComponent, decorators: [{
|
|
4998
5069
|
type: Component,
|
|
@@ -5148,7 +5219,7 @@ class MapaCapabilityDotComponent {
|
|
|
5148
5219
|
};
|
|
5149
5220
|
}
|
|
5150
5221
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaCapabilityDotComponent, deps: [{ token: CapabilityClassificationService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5151
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaCapabilityDotComponent, isStandalone: true, selector: "mapa-capability-dot", inputs: { type: "type", item: "item", tooltip: "tooltip", capability: "capability" }, providers: [CapabilityClassificationService], ngImport: i0, template: "<p\n *ngIf=\"!tooltip\"\n [class.dot]=\"type !== 'small'\"\n [class.small-dot]=\"type === 'small'\"\n [style.backgroundColor]=\"item.classificationColor\"\n></p>\n<div *ngIf=\"tooltip\" [tooltip]=\"tooltipTemplate\" class=\"tooltip-dot\">\n <p\n [class.dot]=\"type !== 'small'\"\n [class.small-dot]=\"type === 'small'\"\n [style.backgroundColor]=\"item.classificationColor\"\n ></p>\n</div>\n<ng-template #tooltipTemplate>\n <div class=\"tooltip-info\">\n <strong\n class=\"tooltip-info--direction\"\n *ngIf=\"!item.direction\"\n >\u2198\uFE0E</strong\n >\n <strong\n class=\"tooltip-info--direction\"\n *ngIf=\"item.direction\"\n >\u2197</strong\n >\n\n <h5>{{ item.name }}</h5>\n\n <mapa-tag [tag]=\"createTag()\">\n <p\n class=\"small-dot\"\n [style.backgroundColor]=\"item.classificationColor\"\n ></p>\n {{ item.classificationName }}\n </mapa-tag>\n </div>\n</ng-template>\n", styles: [".tooltip-info{display:flex;align-items:center}.tooltip-info strong{margin-right:2px}.tooltip-info h5{margin:0 5px 0 0;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:14px;font-style:normal;font-weight:600}.tooltip-info--title{color:#50575e;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:14px;font-style:normal;font-weight:600}.tooltip-info--direction{padding-right:6px;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:12px;font-style:normal;font-weight:600}.tooltip-info mapa-tag{color:#000}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$
|
|
5222
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaCapabilityDotComponent, isStandalone: true, selector: "mapa-capability-dot", inputs: { type: "type", item: "item", tooltip: "tooltip", capability: "capability" }, providers: [CapabilityClassificationService], ngImport: i0, template: "<p\n *ngIf=\"!tooltip\"\n [class.dot]=\"type !== 'small'\"\n [class.small-dot]=\"type === 'small'\"\n [style.backgroundColor]=\"item.classificationColor\"\n></p>\n<div *ngIf=\"tooltip\" [tooltip]=\"tooltipTemplate\" class=\"tooltip-dot\">\n <p\n [class.dot]=\"type !== 'small'\"\n [class.small-dot]=\"type === 'small'\"\n [style.backgroundColor]=\"item.classificationColor\"\n ></p>\n</div>\n<ng-template #tooltipTemplate>\n <div class=\"tooltip-info\">\n <strong\n class=\"tooltip-info--direction\"\n *ngIf=\"!item.direction\"\n >\u2198\uFE0E</strong\n >\n <strong\n class=\"tooltip-info--direction\"\n *ngIf=\"item.direction\"\n >\u2197</strong\n >\n\n <h5>{{ item.name }}</h5>\n\n <mapa-tag [tag]=\"createTag()\">\n <p\n class=\"small-dot\"\n [style.backgroundColor]=\"item.classificationColor\"\n ></p>\n {{ item.classificationName }}\n </mapa-tag>\n </div>\n</ng-template>\n", styles: [".tooltip-info{display:flex;align-items:center}.tooltip-info strong{margin-right:2px}.tooltip-info h5{margin:0 5px 0 0;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:14px;font-style:normal;font-weight:600}.tooltip-info--title{color:#50575e;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:14px;font-style:normal;font-weight:600}.tooltip-info--direction{padding-right:6px;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:12px;font-style:normal;font-weight:600}.tooltip-info mapa-tag{color:#000}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TagComponent, selector: "mapa-tag", inputs: ["tag"] }, { kind: "directive", type: MapaTooltipDirective, selector: "[tooltip]", inputs: ["tooltip", "position", "theme", "showDelay", "hideDelay"] }] }); }
|
|
5152
5223
|
}
|
|
5153
5224
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaCapabilityDotComponent, decorators: [{
|
|
5154
5225
|
type: Component,
|
|
@@ -5191,7 +5262,7 @@ class MapaCapabilityExpandComponent {
|
|
|
5191
5262
|
};
|
|
5192
5263
|
}
|
|
5193
5264
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaCapabilityExpandComponent, deps: [{ token: CapabilityClassificationService }, { token: MapaI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5194
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaCapabilityExpandComponent, isStandalone: true, selector: "mapa-capability-expand", inputs: { data: "data" }, providers: [CapabilityClassificationService], ngImport: i0, template: "<div\n class=\"capability__concept\"\n *ngIf=\"data.capabilityConcept?.concept || data.capabilityConcept?.result\"\n>\n <div\n class=\"capability__concept--content\"\n *ngIf=\"data.capabilityConcept?.concept\"\n >\n <div class=\"capability__concept--title\">{{ conceptTitle }}</div>\n <div class=\"capability__concept--text\">\n {{ data.capabilityConcept?.concept! }}\n </div>\n </div>\n <div\n class=\"capability__concept--content\"\n *ngIf=\"data.capabilityConcept?.result\"\n >\n <div class=\"capability__concept--title\">{{ resultTitle }}</div>\n <div class=\"capability__concept--text\">\n {{ data.capabilityConcept?.result! }}\n </div>\n </div>\n</div>\n<div class=\"capability__expanded\">\n <div *ngFor=\"let item of data.items\" class=\"capability__expanded--item\">\n <div class=\"name\">\n <div class=\"capability__expanded--name\">\n <span *ngIf=\"item.classificationColor\">\n <strong *ngIf=\"!classification.getByItem(item).positive\">↘ </strong>\n <strong *ngIf=\"classification.getByItem(item).positive\">↗ </strong>\n </span>\n {{ item.name }}\n </div>\n <mapa-tag\n [tag]=\"createTag(item)\"\n class=\"capability__expanded--tag\"\n *ngIf=\"item.classificationId\"\n >\n <mapa-capability-dot\n [item]=\"item\"\n *ngIf=\"item.classificationColor\"\n ></mapa-capability-dot>\n {{ item.classificationName }}\n </mapa-tag>\n </div>\n\n <p class=\"capability__expanded--description\" *ngIf=\"item.description\">\n <strong\n *ngIf=\"item.classificationId && !item.classificationBg && !classification.getByItem(item).positive\"\n >{{ negativeDirectionLabel }}</strong>\n <strong\n *ngIf=\"item.classificationId && !item.classificationBg && classification.getByItem(item).positive\"\n >{{ positiveDirectionLabel }}</strong>\n <span [innerHTML]=\"item.description | safeHtml\"></span>\n </p>\n </div>\n</div>\n\n\n\n", styles: [":host ::ng-deep .capability__concept{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;gap:42px;margin:24px 0 60px}:host ::ng-deep .capability__concept--content{display:flex;flex-direction:column;flex-basis:100%;flex:1}:host ::ng-deep .capability__concept--title{color:#000;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:600;line-height:24px;margin-bottom:8px}:host ::ng-deep .capability__concept--text{color:#676767;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400;line-height:24px}:host ::ng-deep .capability__expanded{border-top:1px solid #cdcdcd;padding:36px 0 16px 16px;gap:30px}@media(min-width:800px)and (max-width:1250px){:host ::ng-deep .capability__expanded{display:grid;grid-template-columns:1fr 1fr}}@media(min-width:1251px){:host ::ng-deep .capability__expanded{display:grid;grid-template-columns:1fr 1fr 1fr}}:host ::ng-deep .capability__expanded--description{color:#8c8f94;font-size:16px;font-style:normal;font-weight:400;line-height:24px}:host ::ng-deep .capability__expanded--item .name{display:flex;justify-content:space-between;margin-bottom:16px}:host ::ng-deep .capability__expanded--item mapa-tag .mapa-tag--small{display:flex;align-items:center;gap:8px;padding:2px 8px 2px 3px;font-size:14px;font-style:normal;font-weight:400;height:18px}:host ::ng-deep .capability__expanded--name{color:#181818;font-size:20px;font-style:normal;font-weight:400}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$
|
|
5265
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaCapabilityExpandComponent, isStandalone: true, selector: "mapa-capability-expand", inputs: { data: "data" }, providers: [CapabilityClassificationService], ngImport: i0, template: "<div\n class=\"capability__concept\"\n *ngIf=\"data.capabilityConcept?.concept || data.capabilityConcept?.result\"\n>\n <div\n class=\"capability__concept--content\"\n *ngIf=\"data.capabilityConcept?.concept\"\n >\n <div class=\"capability__concept--title\">{{ conceptTitle }}</div>\n <div class=\"capability__concept--text\">\n {{ data.capabilityConcept?.concept! }}\n </div>\n </div>\n <div\n class=\"capability__concept--content\"\n *ngIf=\"data.capabilityConcept?.result\"\n >\n <div class=\"capability__concept--title\">{{ resultTitle }}</div>\n <div class=\"capability__concept--text\">\n {{ data.capabilityConcept?.result! }}\n </div>\n </div>\n</div>\n<div class=\"capability__expanded\">\n <div *ngFor=\"let item of data.items\" class=\"capability__expanded--item\">\n <div class=\"name\">\n <div class=\"capability__expanded--name\">\n <span *ngIf=\"item.classificationColor\">\n <strong *ngIf=\"!classification.getByItem(item).positive\">↘ </strong>\n <strong *ngIf=\"classification.getByItem(item).positive\">↗ </strong>\n </span>\n {{ item.name }}\n </div>\n <mapa-tag\n [tag]=\"createTag(item)\"\n class=\"capability__expanded--tag\"\n *ngIf=\"item.classificationId\"\n >\n <mapa-capability-dot\n [item]=\"item\"\n *ngIf=\"item.classificationColor\"\n ></mapa-capability-dot>\n {{ item.classificationName }}\n </mapa-tag>\n </div>\n\n <p class=\"capability__expanded--description\" *ngIf=\"item.description\">\n <strong\n *ngIf=\"item.classificationId && !item.classificationBg && !classification.getByItem(item).positive\"\n >{{ negativeDirectionLabel }}</strong>\n <strong\n *ngIf=\"item.classificationId && !item.classificationBg && classification.getByItem(item).positive\"\n >{{ positiveDirectionLabel }}</strong>\n <span [innerHTML]=\"item.description | safeHtml\"></span>\n </p>\n </div>\n</div>\n\n\n\n", styles: [":host ::ng-deep .capability__concept{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;gap:42px;margin:24px 0 60px}:host ::ng-deep .capability__concept--content{display:flex;flex-direction:column;flex-basis:100%;flex:1}:host ::ng-deep .capability__concept--title{color:#000;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:600;line-height:24px;margin-bottom:8px}:host ::ng-deep .capability__concept--text{color:#676767;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400;line-height:24px}:host ::ng-deep .capability__expanded{border-top:1px solid #cdcdcd;padding:36px 0 16px 16px;gap:30px}@media(min-width:800px)and (max-width:1250px){:host ::ng-deep .capability__expanded{display:grid;grid-template-columns:1fr 1fr}}@media(min-width:1251px){:host ::ng-deep .capability__expanded{display:grid;grid-template-columns:1fr 1fr 1fr}}:host ::ng-deep .capability__expanded--description{color:#8c8f94;font-size:16px;font-style:normal;font-weight:400;line-height:24px}:host ::ng-deep .capability__expanded--item .name{display:flex;justify-content:space-between;margin-bottom:16px}:host ::ng-deep .capability__expanded--item mapa-tag .mapa-tag--small{display:flex;align-items:center;gap:8px;padding:2px 8px 2px 3px;font-size:14px;font-style:normal;font-weight:400;height:18px}:host ::ng-deep .capability__expanded--name{color:#181818;font-size:20px;font-style:normal;font-weight:400}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TagComponent, selector: "mapa-tag", inputs: ["tag"] }, { kind: "component", type: MapaCapabilityDotComponent, selector: "mapa-capability-dot", inputs: ["type", "item", "tooltip", "capability"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] }); }
|
|
5195
5266
|
}
|
|
5196
5267
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaCapabilityExpandComponent, decorators: [{
|
|
5197
5268
|
type: Component,
|
|
@@ -5202,7 +5273,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
5202
5273
|
|
|
5203
5274
|
class MapaCapabilityIndicatorComponent {
|
|
5204
5275
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaCapabilityIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5205
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaCapabilityIndicatorComponent, isStandalone: true, selector: "mapa-capability-indicator", inputs: { item: "item" }, ngImport: i0, template: "<div\n class=\"indicator\"\n [style.backgroundColor]=\"item.classificationColor\"\n>\n <span *ngIf=\"item.name\">{{ item.name }}</span>\n <div class=\"indicator__classification\">\n {{ item.interval }}%\n </div>\n</div>\n", styles: [".indicator{margin:3px 0}.indicator__classification{background-color:#fff;border-radius:16px;color:#000;padding:4px 8px;margin-right:4px;font-size:12px!important}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$
|
|
5276
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaCapabilityIndicatorComponent, isStandalone: true, selector: "mapa-capability-indicator", inputs: { item: "item" }, ngImport: i0, template: "<div\n class=\"indicator\"\n [style.backgroundColor]=\"item.classificationColor\"\n>\n <span *ngIf=\"item.name\">{{ item.name }}</span>\n <div class=\"indicator__classification\">\n {{ item.interval }}%\n </div>\n</div>\n", styles: [".indicator{margin:3px 0}.indicator__classification{background-color:#fff;border-radius:16px;color:#000;padding:4px 8px;margin-right:4px;font-size:12px!important}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
5206
5277
|
}
|
|
5207
5278
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaCapabilityIndicatorComponent, decorators: [{
|
|
5208
5279
|
type: Component,
|
|
@@ -5277,7 +5348,7 @@ class MapaCapabilityIntervalComponent {
|
|
|
5277
5348
|
return !!this.data.classificationBg && this.data.classificationBg === "SVG";
|
|
5278
5349
|
}
|
|
5279
5350
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaCapabilityIntervalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5280
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaCapabilityIntervalComponent, isStandalone: true, selector: "mapa-capability-interval", inputs: { data: "data", showInterval: "showInterval" }, usesOnChanges: true, ngImport: i0, template: "<ul class=\"capability__interval\" *ngIf=\"isSVG(); else progressBar\">\n <li\n class=\"capability__interval--item\"\n *ngFor=\"let block of SVG; let i = index\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"30\"\n fill=\"none\"\n [class]=\"'svg_' + i + '_' + getWidth(i)\"\n >\n <defs *ngIf=\"hasTransform && i === indexTransform\">\n <linearGradient [attr.id]=\"paintLinear\" gradientUnits=\"userSpaceOnUse\">\n <stop [attr.offset]=\"getStartOffset()\" stop-color=\"#8C8F94\" />\n <stop [attr.offset]=\"getStopOffset()\" stop-color=\"#D9D9D9\" />\n </linearGradient>\n </defs>\n <rect\n rx=\"6\"\n x=\"0\"\n y=\"0.710938\"\n [attr.width]=\"SVG[i].width\"\n [attr.height]=\"SVG[i].height\"\n [attr.fill]=\"getFill(i)\"\n />\n <rect\n *ngIf=\"hasTransform && i === indexTransform\"\n rx=\"6\"\n x=\"0\"\n y=\"0.710938\"\n [attr.width]=\"SVG[i].width\"\n [attr.height]=\"SVG[i].height\"\n [attr.fill]=\"getFillGradient()\"\n />\n </svg>\n </li>\n <li class=\"capability__interval--interval\" *ngIf=\"showInterval\">\n {{ data.interval }}%\n </li>\n</ul>\n<ng-template #progressBar>\n <div class=\"capability__progress-bar\">\n <div class=\"capability__progress-bar--bg\">\n <div\n class=\"capability__progress-bar--filled\"\n [style.width.%]=\"data.interval\"\n ></div>\n </div>\n <div class=\"capability__interval--result\" *ngIf=\"showInterval\">\n {{data.interval}}%\n </div>\n </div>\n</ng-template>\n", styles: [".capability__interval{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:38px;font-style:normal;font-weight:500;display:flex;align-items:center;list-style-type:none;margin-block-start:0px;margin-block-end:0px;padding-inline-start:0px}.capability__interval--interval{display:flex;align-items:flex-start;justify-content:flex-end;text-align:right;font-size:24px;font-style:normal;font-weight:500;height:36px;padding-left:16px;width:68px}.capability__interval--item{border-radius:6px;margin-right:2px;width:18px;height:34px;position:relative}.capability__interval--item:last-of-type{margin-right:0}.capability__interval--percentage{background-color:#d9d9d9;height:34.57px}.capability__progress-bar{display:flex;align-items:center;justify-content:space-between;color:#2e2a2a;font-size:18px;font-style:normal;font-weight:400;width:310px}.capability__progress-bar--bg{position:relative;background-color:#eee;border-radius:6px;height:8px;width:247px}.capability__progress-bar--filled{position:absolute;top:0;left:0;background-color:#ea561d;border-radius:6px;height:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$
|
|
5351
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaCapabilityIntervalComponent, isStandalone: true, selector: "mapa-capability-interval", inputs: { data: "data", showInterval: "showInterval" }, usesOnChanges: true, ngImport: i0, template: "<ul class=\"capability__interval\" *ngIf=\"isSVG(); else progressBar\">\n <li\n class=\"capability__interval--item\"\n *ngFor=\"let block of SVG; let i = index\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"30\"\n fill=\"none\"\n [class]=\"'svg_' + i + '_' + getWidth(i)\"\n >\n <defs *ngIf=\"hasTransform && i === indexTransform\">\n <linearGradient [attr.id]=\"paintLinear\" gradientUnits=\"userSpaceOnUse\">\n <stop [attr.offset]=\"getStartOffset()\" stop-color=\"#8C8F94\" />\n <stop [attr.offset]=\"getStopOffset()\" stop-color=\"#D9D9D9\" />\n </linearGradient>\n </defs>\n <rect\n rx=\"6\"\n x=\"0\"\n y=\"0.710938\"\n [attr.width]=\"SVG[i].width\"\n [attr.height]=\"SVG[i].height\"\n [attr.fill]=\"getFill(i)\"\n />\n <rect\n *ngIf=\"hasTransform && i === indexTransform\"\n rx=\"6\"\n x=\"0\"\n y=\"0.710938\"\n [attr.width]=\"SVG[i].width\"\n [attr.height]=\"SVG[i].height\"\n [attr.fill]=\"getFillGradient()\"\n />\n </svg>\n </li>\n <li class=\"capability__interval--interval\" *ngIf=\"showInterval\">\n {{ data.interval }}%\n </li>\n</ul>\n<ng-template #progressBar>\n <div class=\"capability__progress-bar\">\n <div class=\"capability__progress-bar--bg\">\n <div\n class=\"capability__progress-bar--filled\"\n [style.width.%]=\"data.interval\"\n ></div>\n </div>\n <div class=\"capability__interval--result\" *ngIf=\"showInterval\">\n {{data.interval}}%\n </div>\n </div>\n</ng-template>\n", styles: [".capability__interval{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:38px;font-style:normal;font-weight:500;display:flex;align-items:center;list-style-type:none;margin-block-start:0px;margin-block-end:0px;padding-inline-start:0px}.capability__interval--interval{display:flex;align-items:flex-start;justify-content:flex-end;text-align:right;font-size:24px;font-style:normal;font-weight:500;height:36px;padding-left:16px;width:68px}.capability__interval--item{border-radius:6px;margin-right:2px;width:18px;height:34px;position:relative}.capability__interval--item:last-of-type{margin-right:0}.capability__interval--percentage{background-color:#d9d9d9;height:34.57px}.capability__progress-bar{display:flex;align-items:center;justify-content:space-between;color:#2e2a2a;font-size:18px;font-style:normal;font-weight:400;width:310px}.capability__progress-bar--bg{position:relative;background-color:#eee;border-radius:6px;height:8px;width:247px}.capability__progress-bar--filled{position:absolute;top:0;left:0;background-color:#ea561d;border-radius:6px;height:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
5281
5352
|
}
|
|
5282
5353
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaCapabilityIntervalComponent, decorators: [{
|
|
5283
5354
|
type: Component,
|
|
@@ -5318,7 +5389,7 @@ class MapaCapabilityComparativeIndicatorComponent {
|
|
|
5318
5389
|
return 32 + (item.interval || 0) * 2 + "px";
|
|
5319
5390
|
}
|
|
5320
5391
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaCapabilityComparativeIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5321
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaCapabilityComparativeIndicatorComponent, isStandalone: true, selector: "mapa-capability-comparative-indicator", inputs: { item: "item", fullWidth: "fullWidth" }, ngImport: i0, template: "<div\n class=\"comparative-indicator\"\n [style.width]=\"fullWidth ? '100%' : getWidth(item)\"\n>\n <div class=\"comparative-indicator__interval\">\n {{ item.interval }}%\n <span\n *ngIf=\"item.isIndividually\"\n class=\"comparative-indicator__individually\"\n >\u25BC</span\n >\n </div>\n <div\n class=\"comparative-indicator__classification\"\n [style.backgroundColor]=\"item.classificationColor\"\n *ngIf=\"item.classificationColor\"\n ></div>\n</div>\n", styles: [".comparative-indicator{display:flex;flex-direction:column}.comparative-indicator__interval{font-size:12px;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);text-align:center;width:100%;display:flex;justify-content:center;align-items:center;min-width:40px}.comparative-indicator__classification{border-radius:16px;padding:2px 4px;height:24px}.comparative-indicator__individually{color:#ea561d;margin:0 4px}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$
|
|
5392
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaCapabilityComparativeIndicatorComponent, isStandalone: true, selector: "mapa-capability-comparative-indicator", inputs: { item: "item", fullWidth: "fullWidth" }, ngImport: i0, template: "<div\n class=\"comparative-indicator\"\n [style.width]=\"fullWidth ? '100%' : getWidth(item)\"\n>\n <div class=\"comparative-indicator__interval\">\n {{ item.interval }}%\n <span\n *ngIf=\"item.isIndividually\"\n class=\"comparative-indicator__individually\"\n >\u25BC</span\n >\n </div>\n <div\n class=\"comparative-indicator__classification\"\n [style.backgroundColor]=\"item.classificationColor\"\n *ngIf=\"item.classificationColor\"\n ></div>\n</div>\n", styles: [".comparative-indicator{display:flex;flex-direction:column}.comparative-indicator__interval{font-size:12px;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);text-align:center;width:100%;display:flex;justify-content:center;align-items:center;min-width:40px}.comparative-indicator__classification{border-radius:16px;padding:2px 4px;height:24px}.comparative-indicator__individually{color:#ea561d;margin:0 4px}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
5322
5393
|
}
|
|
5323
5394
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaCapabilityComparativeIndicatorComponent, decorators: [{
|
|
5324
5395
|
type: Component,
|
|
@@ -5340,7 +5411,7 @@ class MapaCapabilityComparativeChartComponent {
|
|
|
5340
5411
|
};
|
|
5341
5412
|
}
|
|
5342
5413
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaCapabilityComparativeChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5343
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaCapabilityComparativeChartComponent, isStandalone: true, selector: "mapa-capability-comparative-chart", inputs: { data: "data" }, ngImport: i0, template: "<table class=\"capability-comparative__chart\">\n <tr *ngFor=\"let indicator of data.indicators\">\n <th>\n <p>{{ indicator.name }}</p>\n </th>\n <td class=\"capability-comparative__chart--indicators\">\n <mapa-capability-comparative-indicator\n *ngFor=\"let item of indicator.items\"\n [item]=\"setCleanItem(item)\"\n [fullWidth]=\"true\"\n [style.width.%]=\"item.interval\"\n ></mapa-capability-comparative-indicator>\n </td>\n </tr>\n</table>\n", styles: [".capability-comparative{background-color:#fff}.capability-comparative__chart{width:100%}.capability-comparative__chart tr{border-bottom:1px solid #DCDCDE;display:flex;padding:16px 0;justify-content:space-between;align-items:center}.capability-comparative__chart th{vertical-align:bottom;text-align:left;padding-right:36px;width:20%}.capability-comparative__chart th p{font-size:14px;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);margin:6px 0!important;font-weight:500}.capability-comparative__chart--indicators{display:flex;justify-content:center;align-items:center;height:40px;position:relative;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$
|
|
5414
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaCapabilityComparativeChartComponent, isStandalone: true, selector: "mapa-capability-comparative-chart", inputs: { data: "data" }, ngImport: i0, template: "<table class=\"capability-comparative__chart\">\n <tr *ngFor=\"let indicator of data.indicators\">\n <th>\n <p>{{ indicator.name }}</p>\n </th>\n <td class=\"capability-comparative__chart--indicators\">\n <mapa-capability-comparative-indicator\n *ngFor=\"let item of indicator.items\"\n [item]=\"setCleanItem(item)\"\n [fullWidth]=\"true\"\n [style.width.%]=\"item.interval\"\n ></mapa-capability-comparative-indicator>\n </td>\n </tr>\n</table>\n", styles: [".capability-comparative{background-color:#fff}.capability-comparative__chart{width:100%}.capability-comparative__chart tr{border-bottom:1px solid #DCDCDE;display:flex;padding:16px 0;justify-content:space-between;align-items:center}.capability-comparative__chart th{vertical-align:bottom;text-align:left;padding-right:36px;width:20%}.capability-comparative__chart th p{font-size:14px;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);margin:6px 0!important;font-weight:500}.capability-comparative__chart--indicators{display:flex;justify-content:center;align-items:center;height:40px;position:relative;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: MapaCapabilityComparativeIndicatorComponent, selector: "mapa-capability-comparative-indicator", inputs: ["item", "fullWidth"] }] }); }
|
|
5344
5415
|
}
|
|
5345
5416
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaCapabilityComparativeChartComponent, decorators: [{
|
|
5346
5417
|
type: Component,
|
|
@@ -5518,7 +5589,7 @@ class MapaCapabilityIndicatorListComponent {
|
|
|
5518
5589
|
this.dataRiskNegligence = this.data.filter((item) => item.risk === true && item.negligence === true);
|
|
5519
5590
|
}
|
|
5520
5591
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaCapabilityIndicatorListComponent, deps: [{ token: MapaI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5521
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaCapabilityIndicatorListComponent, isStandalone: true, selector: "mapa-capability-indicator-list", inputs: { data: "data" }, usesOnChanges: true, ngImport: i0, template: "<section class=\"indicator-list\">\n <article class=\"indicator-list__column\">\n <h2>{{ positiveIndicatorsTitle }}</h2>\n <mapa-capability-indicator *ngFor=\"let item of dataPositive\" [item]=\"item\">\n </mapa-capability-indicator>\n </article>\n <article class=\"indicator-list__column\">\n <h2>{{ negativeIndicatorsTitle }}</h2>\n <mapa-capability-indicator *ngFor=\"let item of dataNegative\" [item]=\"item\">\n </mapa-capability-indicator>\n </article>\n <article\n class=\"indicator-list__column\"\n *ngIf=\"dataRiskPrecipitation.length > 0 || dataRiskNegligence.length > 0\"\n >\n <h2>{{ riskIndicatorsTitle }}</h2>\n <div *ngIf=\"dataRiskPrecipitation.length > 0\">\n <h3>{{ precipitationRiskTitle }}</h3>\n <mapa-capability-indicator\n *ngFor=\"let item of dataRiskPrecipitation\"\n [item]=\"item\"\n >\n </mapa-capability-indicator>\n </div>\n <div *ngIf=\"dataRiskNegligence.length > 0\">\n <h3>{{ negligenceRiskTitle }}</h3>\n <mapa-capability-indicator\n *ngFor=\"let item of dataRiskNegligence\"\n [item]=\"item\"\n >\n </mapa-capability-indicator>\n </div>\n </article>\n</section>\n\n", styles: [".indicator-list{display:flex;gap:42px;justify-content:space-between;margin-bottom:42px}.indicator-list__column{width:33%}.indicator-list__column h2{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:24px;font-style:normal;font-weight:400;line-height:32px;margin-bottom:24px}.indicator-list__column h3{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:20px;font-style:normal;font-weight:400;line-height:32px;margin-bottom:24px}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$
|
|
5592
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaCapabilityIndicatorListComponent, isStandalone: true, selector: "mapa-capability-indicator-list", inputs: { data: "data" }, usesOnChanges: true, ngImport: i0, template: "<section class=\"indicator-list\">\n <article class=\"indicator-list__column\">\n <h2>{{ positiveIndicatorsTitle }}</h2>\n <mapa-capability-indicator *ngFor=\"let item of dataPositive\" [item]=\"item\">\n </mapa-capability-indicator>\n </article>\n <article class=\"indicator-list__column\">\n <h2>{{ negativeIndicatorsTitle }}</h2>\n <mapa-capability-indicator *ngFor=\"let item of dataNegative\" [item]=\"item\">\n </mapa-capability-indicator>\n </article>\n <article\n class=\"indicator-list__column\"\n *ngIf=\"dataRiskPrecipitation.length > 0 || dataRiskNegligence.length > 0\"\n >\n <h2>{{ riskIndicatorsTitle }}</h2>\n <div *ngIf=\"dataRiskPrecipitation.length > 0\">\n <h3>{{ precipitationRiskTitle }}</h3>\n <mapa-capability-indicator\n *ngFor=\"let item of dataRiskPrecipitation\"\n [item]=\"item\"\n >\n </mapa-capability-indicator>\n </div>\n <div *ngIf=\"dataRiskNegligence.length > 0\">\n <h3>{{ negligenceRiskTitle }}</h3>\n <mapa-capability-indicator\n *ngFor=\"let item of dataRiskNegligence\"\n [item]=\"item\"\n >\n </mapa-capability-indicator>\n </div>\n </article>\n</section>\n\n", styles: [".indicator-list{display:flex;gap:42px;justify-content:space-between;margin-bottom:42px}.indicator-list__column{width:33%}.indicator-list__column h2{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:24px;font-style:normal;font-weight:400;line-height:32px;margin-bottom:24px}.indicator-list__column h3{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:20px;font-style:normal;font-weight:400;line-height:32px;margin-bottom:24px}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MapaCapabilityIndicatorComponent, selector: "mapa-capability-indicator", inputs: ["item"] }] }); }
|
|
5522
5593
|
}
|
|
5523
5594
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaCapabilityIndicatorListComponent, decorators: [{
|
|
5524
5595
|
type: Component,
|
|
@@ -5546,7 +5617,7 @@ class MapaCapabilityIndicatorChartComponent {
|
|
|
5546
5617
|
return interval + '%';
|
|
5547
5618
|
}
|
|
5548
5619
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaCapabilityIndicatorChartComponent, deps: [{ token: CapabilityClassificationService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5549
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaCapabilityIndicatorChartComponent, isStandalone: true, selector: "mapa-capability-indicator-chart", inputs: { data: "data" }, providers: [CapabilityClassificationService], ngImport: i0, template: "<table class=\"indicator-chart\">\n <tr *ngFor=\"let item of data\">\n <td class=\"indicator-chart__column--description\">{{ item.name }}</td>\n <td class=\"indicator-chart__column indicator-chart__column--left\">\n <div\n class=\"indicator-chart__column--negative\"\n *ngIf=\"item.direction === 'Negativa'\"\n >\n <mapa-capability-indicator\n [item]=\"setUnlabeledItem(item)\"\n [style.width]=\"getWidth(item)\"\n ></mapa-capability-indicator>\n </div>\n </td>\n <td class=\"indicator-chart__column indicator-chart__column--right\">\n <div\n class=\"indicator-chart__column--positive\"\n *ngIf=\"item.direction === 'Positiva'\"\n >\n <mapa-capability-indicator\n [item]=\"setUnlabeledItem(item)\"\n [style.width]=\"getWidth(item)\"\n ></mapa-capability-indicator>\n </div>\n </td>\n </tr>\n</table>\n", styles: [":host ::ng-deep .indicator-chart{width:100%;border-collapse:collapse}:host ::ng-deep .indicator-chart tr:first-child{border-top:unset!important}:host ::ng-deep .indicator-chart tr:last-child{border-bottom:unset!important}:host ::ng-deep .indicator-chart__column{padding:0;font-size:14px!important}:host ::ng-deep .indicator-chart__column--description{padding-right:24px;width:20%!important}:host ::ng-deep .indicator-chart__column--positive{display:flex;border-spacing:0px;padding:8px 0!important}:host ::ng-deep .indicator-chart__column--positive .indicator{border-radius:0 18px 18px 0!important;padding:2px!important;justify-content:flex-end!important}:host ::ng-deep .indicator-chart__column--positive .indicator__classification{margin-right:1px!important}:host ::ng-deep .indicator-chart__column--negative{display:flex;justify-content:flex-end;border-spacing:0px;padding:8px 0!important}:host ::ng-deep .indicator-chart__column--negative .indicator{border-radius:18px 0 0 18px!important;justify-content:flex-start!important;padding:2px!important}:host ::ng-deep .indicator-chart__column--negative .indicator__classification{margin-left:1px!important}:host ::ng-deep .indicator-chart__column--left{width:40%;border-bottom:1px solid #dcdcde}:host ::ng-deep .indicator-chart__column--right{border-bottom:1px solid #dcdcde;border-left:1px solid #dcdcde;width:40%}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$
|
|
5620
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaCapabilityIndicatorChartComponent, isStandalone: true, selector: "mapa-capability-indicator-chart", inputs: { data: "data" }, providers: [CapabilityClassificationService], ngImport: i0, template: "<table class=\"indicator-chart\">\n <tr *ngFor=\"let item of data\">\n <td class=\"indicator-chart__column--description\">{{ item.name }}</td>\n <td class=\"indicator-chart__column indicator-chart__column--left\">\n <div\n class=\"indicator-chart__column--negative\"\n *ngIf=\"item.direction === 'Negativa'\"\n >\n <mapa-capability-indicator\n [item]=\"setUnlabeledItem(item)\"\n [style.width]=\"getWidth(item)\"\n ></mapa-capability-indicator>\n </div>\n </td>\n <td class=\"indicator-chart__column indicator-chart__column--right\">\n <div\n class=\"indicator-chart__column--positive\"\n *ngIf=\"item.direction === 'Positiva'\"\n >\n <mapa-capability-indicator\n [item]=\"setUnlabeledItem(item)\"\n [style.width]=\"getWidth(item)\"\n ></mapa-capability-indicator>\n </div>\n </td>\n </tr>\n</table>\n", styles: [":host ::ng-deep .indicator-chart{width:100%;border-collapse:collapse}:host ::ng-deep .indicator-chart tr:first-child{border-top:unset!important}:host ::ng-deep .indicator-chart tr:last-child{border-bottom:unset!important}:host ::ng-deep .indicator-chart__column{padding:0;font-size:14px!important}:host ::ng-deep .indicator-chart__column--description{padding-right:24px;width:20%!important}:host ::ng-deep .indicator-chart__column--positive{display:flex;border-spacing:0px;padding:8px 0!important}:host ::ng-deep .indicator-chart__column--positive .indicator{border-radius:0 18px 18px 0!important;padding:2px!important;justify-content:flex-end!important}:host ::ng-deep .indicator-chart__column--positive .indicator__classification{margin-right:1px!important}:host ::ng-deep .indicator-chart__column--negative{display:flex;justify-content:flex-end;border-spacing:0px;padding:8px 0!important}:host ::ng-deep .indicator-chart__column--negative .indicator{border-radius:18px 0 0 18px!important;justify-content:flex-start!important;padding:2px!important}:host ::ng-deep .indicator-chart__column--negative .indicator__classification{margin-left:1px!important}:host ::ng-deep .indicator-chart__column--left{width:40%;border-bottom:1px solid #dcdcde}:host ::ng-deep .indicator-chart__column--right{border-bottom:1px solid #dcdcde;border-left:1px solid #dcdcde;width:40%}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MapaCapabilityIndicatorComponent, selector: "mapa-capability-indicator", inputs: ["item"] }] }); }
|
|
5550
5621
|
}
|
|
5551
5622
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaCapabilityIndicatorChartComponent, decorators: [{
|
|
5552
5623
|
type: Component,
|
|
@@ -5560,221 +5631,307 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
5560
5631
|
*/
|
|
5561
5632
|
|
|
5562
5633
|
class MapaDropdownComponent {
|
|
5563
|
-
constructor(
|
|
5564
|
-
this.i18n =
|
|
5565
|
-
this.cdr =
|
|
5566
|
-
this.openedChange = new EventEmitter();
|
|
5567
|
-
this.filteredOptions = new ReplaySubject(1);
|
|
5568
|
-
this.filteredGroups = new ReplaySubject(1);
|
|
5569
|
-
this.filteredOptionsCache = [];
|
|
5570
|
-
this.filteredGroupCache = [];
|
|
5634
|
+
constructor() {
|
|
5635
|
+
this.i18n = inject(MapaI18nService);
|
|
5636
|
+
this.cdr = inject(ChangeDetectorRef);
|
|
5571
5637
|
this.destroyRef = inject(DestroyRef);
|
|
5572
|
-
this.
|
|
5573
|
-
this.
|
|
5574
|
-
this.
|
|
5638
|
+
this.isOpenState = signal(false, ...(ngDevMode ? [{ debugName: "isOpenState" }] : []));
|
|
5639
|
+
this.overlayWidthState = signal(0, ...(ngDevMode ? [{ debugName: "overlayWidthState" }] : []));
|
|
5640
|
+
this.openedChange = new EventEmitter();
|
|
5641
|
+
this.overlayPositions = [
|
|
5642
|
+
{
|
|
5643
|
+
originX: "start",
|
|
5644
|
+
originY: "bottom",
|
|
5645
|
+
overlayX: "start",
|
|
5646
|
+
overlayY: "top",
|
|
5647
|
+
offsetY: 8,
|
|
5648
|
+
},
|
|
5649
|
+
{
|
|
5650
|
+
originX: "start",
|
|
5651
|
+
originY: "top",
|
|
5652
|
+
overlayX: "start",
|
|
5653
|
+
overlayY: "bottom",
|
|
5654
|
+
offsetY: -8,
|
|
5655
|
+
},
|
|
5656
|
+
];
|
|
5657
|
+
}
|
|
5658
|
+
set formControl(control) {
|
|
5659
|
+
this.formControlChanges?.unsubscribe();
|
|
5660
|
+
this.formControlValue = control;
|
|
5661
|
+
this.formControlChanges = merge(control.valueChanges, control.statusChanges)
|
|
5662
|
+
.pipe(takeUntilDestroyed(this.destroyRef))
|
|
5663
|
+
.subscribe(() => this.cdr.markForCheck());
|
|
5664
|
+
}
|
|
5665
|
+
get formControl() {
|
|
5666
|
+
return this.formControlValue;
|
|
5575
5667
|
}
|
|
5576
5668
|
writeValue(_value) {
|
|
5577
|
-
//
|
|
5669
|
+
// The inner control is bound directly through the formControl input.
|
|
5578
5670
|
}
|
|
5579
5671
|
registerOnChange(_fn) {
|
|
5580
|
-
//
|
|
5672
|
+
// Changes are propagated by the supplied formControl.
|
|
5581
5673
|
}
|
|
5582
5674
|
registerOnTouched(_fn) {
|
|
5583
|
-
//
|
|
5675
|
+
// Touch state is propagated by the supplied formControl.
|
|
5584
5676
|
}
|
|
5585
5677
|
setDisabledState(_isDisabled) {
|
|
5586
|
-
//
|
|
5678
|
+
// Disabled state is propagated by the supplied formControl.
|
|
5587
5679
|
}
|
|
5588
|
-
|
|
5589
|
-
return this.
|
|
5680
|
+
isOpen() {
|
|
5681
|
+
return this.isOpenState();
|
|
5590
5682
|
}
|
|
5591
|
-
|
|
5592
|
-
return this.
|
|
5683
|
+
overlayWidth() {
|
|
5684
|
+
return this.overlayWidthState();
|
|
5685
|
+
}
|
|
5686
|
+
isMultiple() {
|
|
5687
|
+
return !!this.element.multiple;
|
|
5593
5688
|
}
|
|
5594
|
-
|
|
5689
|
+
isDisabled() {
|
|
5690
|
+
return !!this.formControl?.disabled;
|
|
5691
|
+
}
|
|
5692
|
+
hasGroups() {
|
|
5693
|
+
return this.isElementGroup(this.element.options?.[0]);
|
|
5694
|
+
}
|
|
5695
|
+
selectedOptions() {
|
|
5595
5696
|
const value = this.formControl?.value;
|
|
5596
5697
|
if (Array.isArray(value)) {
|
|
5597
5698
|
return value.filter((option) => this.isElementOption(option));
|
|
5598
5699
|
}
|
|
5599
5700
|
return this.isElementOption(value) ? [value] : [];
|
|
5600
5701
|
}
|
|
5601
|
-
|
|
5602
|
-
this.
|
|
5603
|
-
|
|
5604
|
-
|
|
5605
|
-
|
|
5606
|
-
|
|
5607
|
-
this.setToggleAllCheckboxState();
|
|
5608
|
-
this.cdr.markForCheck();
|
|
5609
|
-
});
|
|
5702
|
+
selectedLabel() {
|
|
5703
|
+
const selected = this.selectedOptions();
|
|
5704
|
+
if (!selected.length) {
|
|
5705
|
+
return this.element.placeholder || "";
|
|
5706
|
+
}
|
|
5707
|
+
return selected.map((option) => option.value).join(", ");
|
|
5610
5708
|
}
|
|
5611
|
-
|
|
5612
|
-
|
|
5709
|
+
isOptionSelected(option) {
|
|
5710
|
+
return this.selectedOptions().some((selected) => selected.key === option.key);
|
|
5613
5711
|
}
|
|
5614
|
-
|
|
5615
|
-
|
|
5616
|
-
changes["element"].previousValue?.controlType === "dropdown" &&
|
|
5617
|
-
changes["element"].previousValue?.options !==
|
|
5618
|
-
changes["element"].currentValue?.options) {
|
|
5619
|
-
this.element.options = changes["element"].currentValue.options;
|
|
5620
|
-
this.setOptions();
|
|
5621
|
-
this.cdr.markForCheck();
|
|
5622
|
-
}
|
|
5712
|
+
hasValue() {
|
|
5713
|
+
return this.selectedOptions().length > 0;
|
|
5623
5714
|
}
|
|
5624
|
-
|
|
5625
|
-
|
|
5626
|
-
|
|
5627
|
-
|
|
5628
|
-
|
|
5629
|
-
|
|
5715
|
+
get selectAllLabel() {
|
|
5716
|
+
return this.i18n.textsSignal().common.selectAll;
|
|
5717
|
+
}
|
|
5718
|
+
isAllSelected() {
|
|
5719
|
+
const options = this.visibleOptions();
|
|
5720
|
+
return (options.length > 0 &&
|
|
5721
|
+
options.every((option) => this.isOptionSelected(option)));
|
|
5722
|
+
}
|
|
5723
|
+
isIndeterminate() {
|
|
5724
|
+
const options = this.visibleOptions();
|
|
5725
|
+
const selectedCount = options.filter((option) => this.isOptionSelected(option)).length;
|
|
5726
|
+
return selectedCount > 0 && selectedCount < options.length;
|
|
5727
|
+
}
|
|
5728
|
+
toggleSelectAll() {
|
|
5729
|
+
if (this.isDisabled()) {
|
|
5630
5730
|
return;
|
|
5631
5731
|
}
|
|
5632
|
-
|
|
5633
|
-
this.
|
|
5634
|
-
this.
|
|
5732
|
+
const options = this.visibleOptions();
|
|
5733
|
+
const next = this.isAllSelected() ? [] : options.slice();
|
|
5734
|
+
this.formControl.setValue(next);
|
|
5735
|
+
this.markControlAsChanged();
|
|
5736
|
+
}
|
|
5737
|
+
options() {
|
|
5738
|
+
if (this.hasGroups()) {
|
|
5739
|
+
return this.element.options.flatMap((group) => group.options);
|
|
5740
|
+
}
|
|
5741
|
+
return this.element.options ?? [];
|
|
5742
|
+
}
|
|
5743
|
+
filteredOptions() {
|
|
5744
|
+
const options = this.hasGroups() ? [] : this.options();
|
|
5745
|
+
const searchTerm = this.normalizedSearchTerm();
|
|
5746
|
+
if (!searchTerm) {
|
|
5747
|
+
return options;
|
|
5748
|
+
}
|
|
5749
|
+
return options.filter((option) => this.normalizeValue(option.value).includes(searchTerm));
|
|
5750
|
+
}
|
|
5751
|
+
filteredGroups() {
|
|
5752
|
+
if (!this.hasGroups()) {
|
|
5753
|
+
return [];
|
|
5754
|
+
}
|
|
5755
|
+
const groups = this.element.options;
|
|
5756
|
+
const searchTerm = this.normalizedSearchTerm();
|
|
5757
|
+
if (!searchTerm) {
|
|
5758
|
+
return groups;
|
|
5759
|
+
}
|
|
5760
|
+
return groups
|
|
5761
|
+
.map((group) => ({
|
|
5762
|
+
label: group.label,
|
|
5763
|
+
options: this.normalizeValue(group.label).includes(searchTerm)
|
|
5764
|
+
? group.options
|
|
5765
|
+
: group.options.filter((option) => this.normalizeValue(option.value).includes(searchTerm)),
|
|
5766
|
+
}))
|
|
5767
|
+
.filter((group) => group.options.length > 0);
|
|
5768
|
+
}
|
|
5769
|
+
visibleOptions() {
|
|
5770
|
+
return this.hasGroups()
|
|
5771
|
+
? this.filteredGroups().flatMap((group) => group.options)
|
|
5772
|
+
: this.filteredOptions();
|
|
5773
|
+
}
|
|
5774
|
+
hasSearch() {
|
|
5775
|
+
return !!this.searchControl;
|
|
5776
|
+
}
|
|
5777
|
+
searchPlaceholder() {
|
|
5778
|
+
return this.element.search?.placeholder ?? "";
|
|
5635
5779
|
}
|
|
5636
|
-
|
|
5637
|
-
|
|
5638
|
-
return this.normalizeValue(group.label).includes(filterValue)
|
|
5639
|
-
? group.options
|
|
5640
|
-
: group.options.filter((item) => this.normalizeValue(item.value).includes(filterValue));
|
|
5780
|
+
emptyStateLabel() {
|
|
5781
|
+
return this.element.search?.noEntriesFoundLabel ?? "";
|
|
5641
5782
|
}
|
|
5642
|
-
|
|
5643
|
-
|
|
5783
|
+
shouldShowError() {
|
|
5784
|
+
return (this.formControl.invalid &&
|
|
5785
|
+
(this.formControl.dirty || this.formControl.touched));
|
|
5786
|
+
}
|
|
5787
|
+
optionPadding(option) {
|
|
5788
|
+
const level = Math.max(0, option.childrenLevel ?? 0);
|
|
5789
|
+
return level === 0 ? 16 : 10 + level * 20;
|
|
5790
|
+
}
|
|
5791
|
+
toggleDropdown() {
|
|
5792
|
+
if (this.isDisabled()) {
|
|
5644
5793
|
return;
|
|
5645
5794
|
}
|
|
5646
|
-
const
|
|
5647
|
-
|
|
5648
|
-
|
|
5649
|
-
this.
|
|
5650
|
-
|
|
5651
|
-
|
|
5652
|
-
|
|
5653
|
-
|
|
5654
|
-
.
|
|
5655
|
-
|
|
5795
|
+
const isOpening = !this.isOpenState();
|
|
5796
|
+
this.setOpenState(isOpening);
|
|
5797
|
+
if (isOpening) {
|
|
5798
|
+
this.overlayWidthState.set(this.triggerButton?.nativeElement.offsetWidth ?? 0);
|
|
5799
|
+
this.searchControl?.setValue("", { emitEvent: true });
|
|
5800
|
+
setTimeout(() => {
|
|
5801
|
+
this.triggerButton?.nativeElement.blur();
|
|
5802
|
+
this.searchInput?.nativeElement.focus();
|
|
5803
|
+
this.searchInput?.nativeElement.select();
|
|
5804
|
+
});
|
|
5656
5805
|
return;
|
|
5657
5806
|
}
|
|
5658
|
-
|
|
5659
|
-
|
|
5660
|
-
|
|
5661
|
-
|
|
5807
|
+
this.markAsTouchedIfEmpty();
|
|
5808
|
+
}
|
|
5809
|
+
selectOption(option) {
|
|
5810
|
+
if (this.isDisabled()) {
|
|
5662
5811
|
return;
|
|
5663
5812
|
}
|
|
5664
|
-
|
|
5665
|
-
|
|
5813
|
+
if (this.isMultiple()) {
|
|
5814
|
+
this.toggleOption(option);
|
|
5815
|
+
return;
|
|
5816
|
+
}
|
|
5817
|
+
this.formControl.setValue(option);
|
|
5818
|
+
this.markControlAsChanged();
|
|
5819
|
+
this.closeDropdown();
|
|
5666
5820
|
}
|
|
5667
|
-
|
|
5668
|
-
|
|
5669
|
-
|
|
5670
|
-
|
|
5671
|
-
|
|
5821
|
+
clearValue(event) {
|
|
5822
|
+
event.stopPropagation();
|
|
5823
|
+
if (this.isDisabled()) {
|
|
5824
|
+
return;
|
|
5825
|
+
}
|
|
5826
|
+
this.formControl.setValue(this.isMultiple() ? [] : null);
|
|
5827
|
+
this.markControlAsChanged();
|
|
5672
5828
|
}
|
|
5673
|
-
|
|
5674
|
-
this.
|
|
5829
|
+
closeDropdown() {
|
|
5830
|
+
if (this.isOpenState()) {
|
|
5831
|
+
this.setOpenState(false);
|
|
5832
|
+
}
|
|
5833
|
+
this.searchControl?.setValue("", { emitEvent: true });
|
|
5834
|
+
this.markAsTouchedIfEmpty();
|
|
5675
5835
|
}
|
|
5676
|
-
|
|
5677
|
-
|
|
5678
|
-
if (!search) {
|
|
5679
|
-
this.isIndeterminate = false;
|
|
5680
|
-
this.isChecked = false;
|
|
5836
|
+
handleOverlayOutsideClick(event) {
|
|
5837
|
+
if (this.triggerButton?.nativeElement.contains(event.target)) {
|
|
5681
5838
|
return;
|
|
5682
5839
|
}
|
|
5683
|
-
|
|
5684
|
-
this.isIndeterminate =
|
|
5685
|
-
filteredLength > 0 && filteredLength < this.filteredOptionsCache.length;
|
|
5686
|
-
this.isChecked =
|
|
5687
|
-
filteredLength > 0 && filteredLength === this.filteredOptionsCache.length;
|
|
5688
|
-
this.cdr.markForCheck();
|
|
5840
|
+
this.closeDropdown();
|
|
5689
5841
|
}
|
|
5690
|
-
|
|
5691
|
-
if (this.
|
|
5692
|
-
|
|
5693
|
-
this.formControl?.patchValue(event.checked ? groupOptions : []);
|
|
5694
|
-
return;
|
|
5842
|
+
handleWindowResize() {
|
|
5843
|
+
if (this.isOpenState()) {
|
|
5844
|
+
this.overlayWidthState.set(this.triggerButton?.nativeElement.offsetWidth ?? 0);
|
|
5695
5845
|
}
|
|
5696
|
-
this.formControl?.patchValue(event.checked ? this.filteredOptionsCache : []);
|
|
5697
5846
|
}
|
|
5698
|
-
|
|
5699
|
-
return
|
|
5847
|
+
get searchControl() {
|
|
5848
|
+
return (this.element.search?.formControl ?? this.formControlSearch);
|
|
5700
5849
|
}
|
|
5701
|
-
|
|
5702
|
-
|
|
5703
|
-
|
|
5704
|
-
|
|
5705
|
-
|
|
5850
|
+
toggleOption(option) {
|
|
5851
|
+
const current = this.selectedOptions();
|
|
5852
|
+
const next = this.isOptionSelected(option)
|
|
5853
|
+
? current.filter((selected) => selected.key !== option.key)
|
|
5854
|
+
: [...current, option];
|
|
5855
|
+
this.formControl.setValue(next);
|
|
5856
|
+
this.markControlAsChanged();
|
|
5706
5857
|
}
|
|
5707
|
-
|
|
5708
|
-
return
|
|
5858
|
+
normalizedSearchTerm() {
|
|
5859
|
+
return this.normalizeValue(this.searchControl?.value?.trim());
|
|
5709
5860
|
}
|
|
5710
|
-
|
|
5711
|
-
|
|
5712
|
-
|
|
5861
|
+
normalizeValue(value) {
|
|
5862
|
+
return (value ?? "")
|
|
5863
|
+
.normalize("NFD")
|
|
5864
|
+
.replace(/[\u0300-\u036f]/g, "")
|
|
5865
|
+
.toLocaleLowerCase();
|
|
5713
5866
|
}
|
|
5714
|
-
|
|
5715
|
-
|
|
5716
|
-
this.formControl.setValue(null);
|
|
5717
|
-
this.cdr.markForCheck();
|
|
5867
|
+
isElementGroup(value) {
|
|
5868
|
+
return !!value && "label" in value && "options" in value;
|
|
5718
5869
|
}
|
|
5719
|
-
|
|
5720
|
-
|
|
5721
|
-
|
|
5722
|
-
|
|
5723
|
-
|
|
5724
|
-
|
|
5725
|
-
|
|
5726
|
-
|
|
5727
|
-
|
|
5728
|
-
|
|
5870
|
+
isElementOption(value) {
|
|
5871
|
+
return (!!value &&
|
|
5872
|
+
typeof value === "object" &&
|
|
5873
|
+
"key" in value &&
|
|
5874
|
+
"value" in value);
|
|
5875
|
+
}
|
|
5876
|
+
markControlAsChanged() {
|
|
5877
|
+
this.formControl.markAsDirty();
|
|
5878
|
+
this.formControl.markAsTouched();
|
|
5879
|
+
}
|
|
5880
|
+
markAsTouchedIfEmpty() {
|
|
5881
|
+
if (!this.hasValue()) {
|
|
5882
|
+
this.formControl.markAsTouched();
|
|
5883
|
+
}
|
|
5884
|
+
}
|
|
5885
|
+
setOpenState(isOpen) {
|
|
5886
|
+
this.isOpenState.set(isOpen);
|
|
5887
|
+
this.openedChange.emit(isOpen);
|
|
5888
|
+
}
|
|
5889
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5890
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaDropdownComponent, isStandalone: true, selector: "mapa-dropdown", inputs: { element: "element", formControl: "formControl", formControlSearch: "formControlSearch", border: "border" }, outputs: { openedChange: "openedChange" }, host: { listeners: { "window:resize": "handleWindowResize()" } }, providers: [
|
|
5729
5891
|
{
|
|
5730
5892
|
provide: NG_VALUE_ACCESSOR,
|
|
5731
5893
|
useExisting: forwardRef(() => MapaDropdownComponent),
|
|
5732
5894
|
multi: true,
|
|
5733
5895
|
},
|
|
5734
|
-
], viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "@if (element) {\n @if (element.label) {\n <label class=\"mapa-dropdown__label\">\n {{ element.label }}\n </label>\n }\n <div class=\"mapa-form--inline\">\n <mat-form-field\n appearance=\"outline\"\n class=\"mapa-dropdown\"\n [class.mapa-dropdown--highlight]=\"border === 'highlight'\"\n [class.mapa-dropdown--soft-border]=\"border === 'soft'\"\n [class.mapa-dropdown--tag]=\"border === 'tag'\"\n [class.mapa-dropdown--labeled]=\"!!element.label\"\n >\n <mat-select\n #dropdown\n ngDefaultControl\n [formControl]=\"formControl\"\n [multiple]=\"element.multiple\"\n [placeholder]=\"element.placeholder || ''\"\n [compareWith]=\"compareFn\"\n (openedChange)=\"triggerOpenedChange($event)\"\n >\n @if (element.search) {\n <mat-option class=\"mapa-dropdown__search\">\n @if (element.search.formControl) {\n <ngx-mat-select-search\n [showToggleAllCheckbox]=\"element.search.toggleAllCheckbox!\"\n [formControl]=\"element.search.formControl\"\n [placeholderLabel]=\"element.search.placeholder || ''\"\n i18n-placeholderLabel\n [noEntriesFoundLabel]=\"element.search.noEntriesFoundLabel || ''\"\n ></ngx-mat-select-search>\n }\n </mat-option>\n }\n @if (element.multiple) {\n <mat-option class=\"mapa-dropdown__option--select-all\">\n <mat-checkbox\n class=\"mat-option\"\n [indeterminate]=\"isIndeterminate\"\n [checked]=\"isChecked\"\n (click)=\"$event.stopPropagation()\"\n (change)=\"toggleSelectAll($event)\"\n >\n {{ selectAllLabel }}\n </mat-checkbox>\n </mat-option>\n }\n @if (isOptionsGroup) {\n @if (filteredGroups | async; as groups) {\n @for (group of groups; track group.label) {\n <mat-optgroup [label]=\"group.label\">\n @for (option of group.options; track option.key) {\n <mat-option\n [value]=\"option\"\n [ngClass]=\"[\n 'mapa-dropdown__option--children-level-' + option.childrenLevel,\n ]\"\n >\n <span [innerHTML]=\"option.value | safeHtml\"></span>\n </mat-option>\n }\n </mat-optgroup>\n }\n }\n } @else {\n @if (filteredOptions | async; as options) {\n @for (option of options; track option.key) {\n <mat-option\n [value]=\"option\"\n [ngClass]=\"[\n 'mapa-dropdown__option mapa-dropdown__option--children-level-' +\n option.childrenLevel,\n ]\"\n >\n <span\n class=\"mapa-dropdown__option-value\"\n [innerHTML]=\"option.value | safeHtml\"\n ></span>\n </mat-option>\n }\n }\n }\n\n @for (option of selectedOptions; track option.key) {\n <mat-option\n hidden\n [value]=\"option\"\n [ngClass]=\"[\n 'mapa-dropdown__option--children-level-' + option.childrenLevel,\n ]\"\n >\n <span [innerHTML]=\"option.value | safeHtml\"></span>\n </mat-option>\n }\n </mat-select>\n @if (element.hint) {\n <mat-hint>{{ element.hint }}</mat-hint>\n }\n <mat-error>\n <mapa-form-errors\n [control]=\"formControl\"\n [errors]=\"element.errors\"\n ></mapa-form-errors>\n </mat-error>\n @if (hasValue() && !formControl.disabled && element.clearValue) {\n <mat-icon\n (click)=\"clearValue($event)\"\n class=\"mapa-input--close\"\n >close</mat-icon\n >\n }\n </mat-form-field>\n @if (element.actionButton) {\n <div class=\"mapa-form--action\">\n <mapa-button\n color=\"basic\"\n (click)=\"element.actionButton.action.emit(true)\"\n >\n {{ element.actionButton.label }}\n </mapa-button>\n </div>\n }\n </div>\n}\n", styles: [":host ::ng-deep .mapa-dropdown{max-width:min-content;min-width:235px}:host ::ng-deep .mapa-dropdown .mat-mdc-select{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif)!important}:host ::ng-deep .mapa-dropdown .mat-icon{display:flex;justify-content:center;align-items:center;position:absolute;right:28px!important;top:18px!important;z-index:1}:host ::ng-deep .mapa-dropdown__label{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}:host ::ng-deep .mapa-dropdown--highlight .mat-mdc-text-field-wrapper{border-radius:16px}:host ::ng-deep .mapa-dropdown--highlight .mdc-notched-outline{border-radius:16px!important}:host ::ng-deep .mapa-dropdown--highlight .mdc-notched-outline .mdc-notched-outline__leading,:host ::ng-deep .mapa-dropdown--highlight .mdc-notched-outline .mdc-notched-outline__trailing{border-width:2px!important;border-color:#eedb2a!important}:host ::ng-deep .mapa-dropdown--highlight .mdc-notched-outline .mdc-notched-outline__leading{display:none!important}:host ::ng-deep .mapa-dropdown--highlight .mdc-notched-outline .mdc-notched-outline__trailing{border-radius:16px!important;border-left-style:solid!important}:host ::ng-deep .mapa-dropdown--soft-border .mdc-notched-outline .mdc-notched-outline__leading,:host ::ng-deep .mapa-dropdown--soft-border .mdc-notched-outline .mdc-notched-outline__trailing{border-width:1px!important}:host ::ng-deep .mapa-dropdown--tag .mat-mdc-text-field-wrapper{border-radius:16px}:host ::ng-deep .mapa-dropdown--tag .mdc-notched-outline{border-radius:16px!important;height:42px!important}:host ::ng-deep .mapa-dropdown--tag .mdc-notched-outline .mdc-notched-outline__leading,:host ::ng-deep .mapa-dropdown--tag .mdc-notched-outline .mdc-notched-outline__trailing{border-width:1px!important;border-color:#cdcdcd}:host ::ng-deep .mapa-dropdown--tag .mdc-notched-outline .mdc-notched-outline__leading{display:none!important}:host ::ng-deep .mapa-dropdown--tag .mdc-notched-outline .mdc-notched-outline__trailing{border-radius:16px!important;border-left-style:solid!important}:host ::ng-deep .mapa-dropdown .mat-mdc-text-field-wrapper{background-color:#fff;border-radius:8px}:host ::ng-deep .mapa-dropdown .mat-mdc-text-field-wrapper.mdc-text-field--outlined{padding-left:unset!important;padding-right:unset!important}:host ::ng-deep .mapa-dropdown .mdc-notched-outline{background-color:transparent;border-radius:8px;pointer-events:none;z-index:0}:host ::ng-deep .mapa-dropdown .mdc-notched-outline .mdc-notched-outline__leading,:host ::ng-deep .mapa-dropdown .mdc-notched-outline .mdc-notched-outline__trailing{border-width:2px}:host ::ng-deep .mapa-dropdown .mat-mdc-form-field-flex{display:flex;align-items:center;height:48px;position:relative}:host ::ng-deep .mapa-dropdown .mat-mdc-select-trigger{min-width:50px;padding-top:unset!important;height:unset!important;position:relative;z-index:1}:host ::ng-deep .mapa-dropdown .mat-mdc-select-value-text{display:block;width:90%}:host ::ng-deep .mapa-dropdown .mat-mdc-select-arrow-wrapper{transform:none!important;align-items:center;position:relative;z-index:1}:host ::ng-deep .mapa-dropdown .mat-mdc-select-arrow{border:unset;color:#50575e}:host ::ng-deep .mapa-dropdown .mat-mdc-select-arrow:before,:host ::ng-deep .mapa-dropdown .mat-mdc-select-arrow:after{content:none!important}:host ::ng-deep .mapa-dropdown .mat-mdc-select-arrow svg{display:block!important;fill:currentColor}:host ::ng-deep .mapa-dropdown .mat-mdc-form-field-error-wrapper,:host ::ng-deep .mapa-dropdown .mat-mdc-form-field-hint-wrapper,:host ::ng-deep .mapa-dropdown .mat-mdc-form-field-subscript-wrapper{padding:0!important}:host ::ng-deep .mapa-dropdown [aria-expanded=true] .mat-mdc-select-arrow{margin:0}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel{border-radius:8px;min-width:calc(100% + 24px)!important}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option,::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mdc-list-item__primary-text{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif)!important;font-size:16px;font-style:normal;font-weight:400;line-height:2em;height:2em;color:#50575e}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option.mapa-dropdown__option,::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option.mapa-dropdown__option--select-all,::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option[class*=mapa-dropdown__option--children-level-]{height:auto!important;align-items:start!important}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option.mapa-dropdown__option .mat-pseudo-checkbox,::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option.mapa-dropdown__option--select-all .mat-pseudo-checkbox,::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option[class*=mapa-dropdown__option--children-level-] .mat-pseudo-checkbox{margin:7px 7px 7px 0!important}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option.mapa-dropdown__option .mdc-list-item__primary-text,::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option.mapa-dropdown__option--select-all .mdc-list-item__primary-text,::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option[class*=mapa-dropdown__option--children-level-] .mdc-list-item__primary-text{height:auto!important}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mapa-dropdown__option-value{text-wrap:auto}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option.mapa-dropdown__option--children-level-1{padding-left:30px!important}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option.mapa-dropdown__option--children-level-2{padding-left:50px!important}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option.mapa-dropdown__option--children-level-3{padding-left:70px!important}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option.mapa-dropdown__option--children-level-4{padding-left:90px!important}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option.mapa-dropdown__option--children-level-5{padding-left:100px!important}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option.mapa-dropdown__option--children-level-6{padding-left:120px!important}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option.mapa-dropdown__option--select-all{padding-left:5px!important}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option.mapa-dropdown__option--select-all .mat-pseudo-checkbox{display:none!important}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option[aria-disabled=true].contains-mat-select-search{align-items:flex-start;background:#f6f7f7;height:auto!important;min-height:80px;padding:16px 8px!important}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option[aria-disabled=true].contains-mat-select-search .mdc-list-item__primary-text{width:100%}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option[aria-disabled=true].contains-mat-select-search .mat-select-search-inner{background:transparent!important;background-color:transparent!important;border:unset;border-radius:0;box-shadow:none!important;inset:0 auto auto 0;overflow:visible;position:relative;width:100%!important}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option[aria-disabled=true].contains-mat-select-search .mat-select-search-inner-row{align-items:center;background:transparent;display:flex;position:relative}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option[aria-disabled=true].contains-mat-select-search .mat-select-search-hidden{background:transparent!important;background-color:transparent!important;border:unset!important;height:0!important;line-height:0!important;padding:0!important}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option[aria-disabled=true].contains-mat-select-search .mat-select-search-toggle-all-checkbox{padding-left:8px!important}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option[aria-disabled=true].contains-mat-select-search .mat-select-search-input{background-color:#fff!important;border:2px solid #a7aaad!important;border-radius:8px!important;height:28px!important;line-height:24px!important;padding:0 48px 0 12px!important;width:100%}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option[aria-disabled=true].contains-mat-select-search .mat-select-search-input::placeholder{color:#c3c4c7!important}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option[aria-disabled=true].contains-mat-select-search .mat-select-search-clear{top:50%;transform:translateY(-50%)}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option[aria-disabled=true].contains-mat-select-search .mat-divider{margin:0}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option[aria-disabled=true].contains-mat-select-search.mat-mdc-option-active,::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option[aria-disabled=true].contains-mat-select-search:hover{background:#f6f7f7}::ng-deep .mapa-overlay-dropdown .mat-pseudo-checkbox{color:#c3c4c7!important}::ng-deep .mapa-overlay-dropdown .mdc-checkbox__background{border-color:#c3c4c7!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i4.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i7.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i7.MatOptgroup, selector: "mat-optgroup", inputs: ["label", "disabled"], exportAs: ["matOptgroup"] }, { kind: "ngmodule", type: NgxMatSelectSearchModule }, { kind: "component", type: i8.MatSelectSearchComponent, selector: "ngx-mat-select-search", inputs: ["placeholderLabel", "type", "closeIcon", "closeSvgIcon", "noEntriesFoundLabel", "clearSearchInput", "searching", "disableInitialFocus", "enableClearOnEscapePressed", "preventHomeEndKeyPropagation", "disableScrollToActiveOnOptionsChanged", "ariaLabel", "showToggleAllCheckbox", "toggleAllCheckboxChecked", "toggleAllCheckboxIndeterminate", "toggleAllCheckboxTooltipMessage", "toggleAllCheckboxTooltipPosition", "hideClearSearchButton", "alwaysRestoreSelectedOptionsMulti", "recreateValuesArray"], outputs: ["toggleAll"] }, { kind: "component", type: ButtonComponent, selector: "mapa-button", inputs: ["color", "disabled"], outputs: ["clicked"] }, { kind: "component", type: MapaFormErrorsComponent, selector: "mapa-form-errors", inputs: ["control", "errors"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5896
|
+
], viewQueries: [{ propertyName: "triggerButton", first: true, predicate: ["triggerButton"], descendants: true }, { propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }], ngImport: i0, template: "<div\n class=\"mapa-dropdown\"\n [class.mapa-dropdown--open]=\"isOpen()\"\n [class.mapa-dropdown--invalid]=\"shouldShowError()\"\n [class.mapa-dropdown--disabled]=\"isDisabled()\"\n [class.mapa-dropdown--highlight]=\"border === 'highlight'\"\n [class.mapa-dropdown--soft-border]=\"border === 'soft'\"\n [class.mapa-dropdown--tag]=\"border === 'tag'\"\n>\n @if (element.label) {\n <label class=\"mapa-dropdown__label\" [attr.for]=\"element.key || null\">\n {{ element.label }}\n </label>\n }\n\n <div class=\"mapa-dropdown__field-row\">\n <button\n #triggerButton\n cdkOverlayOrigin\n #origin=\"cdkOverlayOrigin\"\n class=\"mapa-dropdown__trigger\"\n [class.mapa-dropdown__trigger--clearable]=\"hasValue() && element.clearValue\"\n [id]=\"element.key || null\"\n type=\"button\"\n [disabled]=\"isDisabled()\"\n (click)=\"toggleDropdown()\"\n [attr.aria-expanded]=\"isOpen()\"\n aria-haspopup=\"listbox\"\n >\n <span\n class=\"mapa-dropdown__trigger-text\"\n [class.mapa-dropdown__trigger-text--placeholder]=\"!hasValue()\"\n [innerHTML]=\"selectedLabel() | safeHtml\"\n ></span>\n @if (hasValue() && !isDisabled() && element.clearValue) {\n <span\n class=\"mapa-dropdown__clear\"\n role=\"button\"\n aria-label=\"Limpar\"\n (click)=\"clearValue($event)\"\n >\n ×\n </span>\n }\n </button>\n\n @if (element.actionButton) {\n <mapa-button\n class=\"mapa-dropdown__action\"\n color=\"basic\"\n (clicked)=\"element.actionButton.action.emit(true)\"\n >\n {{ element.actionButton.label }}\n </mapa-button>\n }\n </div>\n\n <ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"origin\"\n [cdkConnectedOverlayOpen]=\"isOpen()\"\n [cdkConnectedOverlayPositions]=\"overlayPositions\"\n [cdkConnectedOverlayWidth]=\"overlayWidth()\"\n cdkConnectedOverlayPanelClass=\"mapa-dropdown__overlay-pane\"\n (overlayOutsideClick)=\"handleOverlayOutsideClick($event)\"\n >\n <div class=\"mapa-dropdown__panel\">\n @if (hasSearch()) {\n <input\n #searchInput\n class=\"mapa-dropdown__search-input\"\n type=\"text\"\n [formControl]=\"searchControl!\"\n [placeholder]=\"searchPlaceholder()\"\n />\n }\n\n <div class=\"mapa-dropdown__options\" role=\"listbox\">\n @if (isMultiple() && visibleOptions().length) {\n <button\n class=\"mapa-dropdown__option mapa-dropdown__option--select-all\"\n type=\"button\"\n (click)=\"toggleSelectAll()\"\n >\n <input\n class=\"mapa-dropdown__checkbox\"\n type=\"checkbox\"\n [checked]=\"isAllSelected()\"\n [indeterminate]=\"isIndeterminate()\"\n (click)=\"$event.stopPropagation(); toggleSelectAll()\"\n />\n {{ selectAllLabel }}\n </button>\n }\n\n @if (hasGroups()) {\n @for (group of filteredGroups(); track group.label) {\n <div class=\"mapa-dropdown__group\" role=\"group\">\n <p class=\"mapa-dropdown__group-label\">{{ group.label }}</p>\n @for (option of group.options; track option.key) {\n <button\n class=\"mapa-dropdown__option\"\n [class.mapa-dropdown__option--selected]=\"isOptionSelected(option)\"\n [style.padding-left.px]=\"optionPadding(option)\"\n type=\"button\"\n (click)=\"selectOption(option)\"\n >\n @if (isMultiple()) {\n <input\n class=\"mapa-dropdown__checkbox\"\n type=\"checkbox\"\n [checked]=\"isOptionSelected(option)\"\n (click)=\"$event.stopPropagation(); selectOption(option)\"\n />\n }\n <span [innerHTML]=\"option.value | safeHtml\"></span>\n </button>\n }\n </div>\n }\n } @else {\n @for (option of filteredOptions(); track option.key) {\n <button\n class=\"mapa-dropdown__option\"\n [class.mapa-dropdown__option--selected]=\"isOptionSelected(option)\"\n [style.padding-left.px]=\"optionPadding(option)\"\n type=\"button\"\n (click)=\"selectOption(option)\"\n >\n @if (isMultiple()) {\n <input\n class=\"mapa-dropdown__checkbox\"\n type=\"checkbox\"\n [checked]=\"isOptionSelected(option)\"\n (click)=\"$event.stopPropagation(); selectOption(option)\"\n />\n }\n <span [innerHTML]=\"option.value | safeHtml\"></span>\n </button>\n }\n }\n\n @if (!visibleOptions().length) {\n <p class=\"mapa-dropdown__empty-state\">\n {{ emptyStateLabel() }}\n </p>\n }\n </div>\n </div>\n </ng-template>\n\n @if (shouldShowError()) {\n <p class=\"mapa-dropdown__error\">\n <mapa-form-errors\n [control]=\"formControl\"\n [errors]=\"element.errors\"\n ></mapa-form-errors>\n </p>\n } @else if (element.hint) {\n <p class=\"mapa-dropdown__hint\">{{ element.hint }}</p>\n }\n</div>\n", styles: [":host{position:relative;display:inline-block;max-width:min-content;min-width:310px;box-sizing:border-box}.mapa-dropdown{width:100%}.mapa-dropdown__label{display:inline-block;margin-bottom:8px;color:var(--mapa-color-ink, #1a1a1a);font-family:var(--mapa-font-heading, \"Asap\", sans-serif);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mapa-dropdown__field-row{display:flex;align-items:center;gap:24px;min-width:0}.mapa-dropdown__trigger,.mapa-dropdown__search-input,.mapa-dropdown__option{width:100%;min-height:48px;padding:12px 16px;border:0;background:var(--mapa-color-surface, #ffffff);color:var(--mapa-color-ink, #1a1a1a);font-family:var(--mapa-font-body, \"Asap\", sans-serif);font-size:16px;line-height:24px}.mapa-dropdown__trigger:focus,.mapa-dropdown__search-input:focus,.mapa-dropdown__option:focus{outline:none}.mapa-dropdown__trigger::placeholder,.mapa-dropdown__search-input::placeholder,.mapa-dropdown__option::placeholder{color:var(--mapa-color-muted, #555555)}.mapa-dropdown__trigger{position:relative;display:flex;flex:1 1 auto;align-items:center;min-width:0;padding-right:46px;border:1px solid var(--mapa-color-border, rgba(26, 26, 26, .18));border-radius:var(--mapa-radius-sm, 12px);text-align:left;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.mapa-dropdown__trigger--clearable{padding-right:70px}.mapa-dropdown__trigger:after{content:\"\";position:absolute;top:50%;right:18px;width:9px;height:9px;border-right:2px solid var(--mapa-color-ink, #1a1a1a);border-bottom:2px solid var(--mapa-color-ink, #1a1a1a);transform:translateY(-70%) rotate(45deg);transition:transform .2s ease;pointer-events:none}.mapa-dropdown__trigger:disabled{background:var(--mapa-color-disabled-surface, #f6f7f7);color:var(--mapa-color-muted, #555555);cursor:not-allowed}.mapa-dropdown__trigger:disabled:after{opacity:.5}.mapa-dropdown--open .mapa-dropdown__trigger,.mapa-dropdown__trigger:focus{border-color:var(--mapa-color-accent, #ff560b);box-shadow:0 0 0 3px #ff560b1f}.mapa-dropdown--open .mapa-dropdown__trigger:after{transform:translateY(-20%) rotate(-135deg)}.mapa-dropdown--highlight .mapa-dropdown__trigger{border:2px solid #eedb2a;border-radius:16px}.mapa-dropdown--tag .mapa-dropdown__trigger{border-radius:16px}.mapa-dropdown__trigger-text{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--mapa-color-ink, #1a1a1a)}.mapa-dropdown__trigger-text--placeholder{color:var(--mapa-color-muted, #CFC4C7)}.mapa-dropdown__clear{position:absolute;top:50%;right:40px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;color:var(--mapa-color-muted, #555555);font-size:16px;line-height:1;cursor:pointer}.mapa-dropdown__clear:hover{background:#1a1a1a14;color:var(--mapa-color-ink, #1a1a1a)}.mapa-dropdown__action{flex:none}.mapa-dropdown__checkbox{flex:none;width:16px;height:16px;margin-right:12px;accent-color:var(--mapa-color-accent, #ff560b)}.mapa-dropdown__panel{width:100%;overflow:hidden;border:1px solid var(--mapa-color-border-soft, rgba(26, 26, 26, .08));border-radius:var(--mapa-radius-md, 16px);background:var(--mapa-color-surface, #ffffff);box-shadow:var(--mapa-shadow-panel, 0 18px 40px rgba(26, 26, 26, .08))}.mapa-dropdown__search-input{border-bottom:1px solid var(--mapa-color-border-soft, rgba(26, 26, 26, .08))}.mapa-dropdown__options{max-height:240px;overflow-y:auto;background:var(--mapa-color-surface, #ffffff)}.mapa-dropdown__group-label{margin:0;padding:10px 16px 6px;color:var(--mapa-color-muted, #555555);font-family:var(--mapa-font-body, \"Asap\", sans-serif);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.mapa-dropdown__option{display:flex;align-items:center;min-height:44px;text-align:left;cursor:pointer;transition:background-color .2s ease,color .2s ease}.mapa-dropdown__option:hover{background:#ff560b14}.mapa-dropdown__option--selected{background:#ff560b1f;color:var(--mapa-color-accent, #ff560b)}.mapa-dropdown__option--select-all{border-bottom:1px solid var(--mapa-color-border-soft, rgba(26, 26, 26, .08));font-weight:600}.mapa-dropdown__empty-state{margin:0;padding:14px 16px;color:var(--mapa-color-muted, #555555);font-size:14px;line-height:20px}.mapa-dropdown--invalid .mapa-dropdown__trigger{border-color:#b54242;box-shadow:0 0 0 3px #b542421f}.mapa-dropdown__hint,.mapa-dropdown__error{display:block;margin:8px 0 0;padding-left:4px;font-size:13px;line-height:18px}.mapa-dropdown__hint{color:var(--mapa-color-muted, #555555)}.mapa-dropdown__error{color:#b54242}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: ButtonComponent, selector: "mapa-button", inputs: ["color", "disabled"], outputs: ["clicked"] }, { kind: "component", type: MapaFormErrorsComponent, selector: "mapa-form-errors", inputs: ["control", "errors"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5735
5897
|
}
|
|
5736
5898
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaDropdownComponent, decorators: [{
|
|
5737
5899
|
type: Component,
|
|
5738
|
-
args: [{ selector: "mapa-dropdown",
|
|
5739
|
-
CommonModule,
|
|
5740
|
-
FormsModule,
|
|
5900
|
+
args: [{ selector: "mapa-dropdown", standalone: true, imports: [
|
|
5741
5901
|
ReactiveFormsModule,
|
|
5742
|
-
|
|
5743
|
-
|
|
5744
|
-
MatIconModule,
|
|
5745
|
-
MatSelectModule,
|
|
5746
|
-
NgxMatSelectSearchModule,
|
|
5902
|
+
CdkConnectedOverlay,
|
|
5903
|
+
CdkOverlayOrigin,
|
|
5747
5904
|
ButtonComponent,
|
|
5748
5905
|
MapaFormErrorsComponent,
|
|
5749
5906
|
SafeHtmlPipe,
|
|
5750
5907
|
], providers: [
|
|
5751
|
-
{
|
|
5752
|
-
provide: MAT_SELECT_CONFIG,
|
|
5753
|
-
useValue: { overlayPanelClass: "mapa-overlay-dropdown" },
|
|
5754
|
-
},
|
|
5755
|
-
{
|
|
5756
|
-
provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,
|
|
5757
|
-
useValue: { appearance: "outline" },
|
|
5758
|
-
},
|
|
5759
5908
|
{
|
|
5760
5909
|
provide: NG_VALUE_ACCESSOR,
|
|
5761
5910
|
useExisting: forwardRef(() => MapaDropdownComponent),
|
|
5762
5911
|
multi: true,
|
|
5763
5912
|
},
|
|
5764
|
-
], standalone: true, template: "@if (element) {\n @if (element.label) {\n <label class=\"mapa-dropdown__label\">\n {{ element.label }}\n </label>\n }\n <div class=\"mapa-form--inline\">\n <mat-form-field\n appearance=\"outline\"\n class=\"mapa-dropdown\"\n [class.mapa-dropdown--highlight]=\"border === 'highlight'\"\n [class.mapa-dropdown--soft-border]=\"border === 'soft'\"\n [class.mapa-dropdown--tag]=\"border === 'tag'\"\n [class.mapa-dropdown--labeled]=\"!!element.label\"\n >\n <mat-select\n #dropdown\n ngDefaultControl\n [formControl]=\"formControl\"\n [multiple]=\"element.multiple\"\n [placeholder]=\"element.placeholder || ''\"\n [compareWith]=\"compareFn\"\n (openedChange)=\"triggerOpenedChange($event)\"\n >\n @if (element.search) {\n <mat-option class=\"mapa-dropdown__search\">\n @if (element.search.formControl) {\n <ngx-mat-select-search\n [showToggleAllCheckbox]=\"element.search.toggleAllCheckbox!\"\n [formControl]=\"element.search.formControl\"\n [placeholderLabel]=\"element.search.placeholder || ''\"\n i18n-placeholderLabel\n [noEntriesFoundLabel]=\"element.search.noEntriesFoundLabel || ''\"\n ></ngx-mat-select-search>\n }\n </mat-option>\n }\n @if (element.multiple) {\n <mat-option class=\"mapa-dropdown__option--select-all\">\n <mat-checkbox\n class=\"mat-option\"\n [indeterminate]=\"isIndeterminate\"\n [checked]=\"isChecked\"\n (click)=\"$event.stopPropagation()\"\n (change)=\"toggleSelectAll($event)\"\n >\n {{ selectAllLabel }}\n </mat-checkbox>\n </mat-option>\n }\n @if (isOptionsGroup) {\n @if (filteredGroups | async; as groups) {\n @for (group of groups; track group.label) {\n <mat-optgroup [label]=\"group.label\">\n @for (option of group.options; track option.key) {\n <mat-option\n [value]=\"option\"\n [ngClass]=\"[\n 'mapa-dropdown__option--children-level-' + option.childrenLevel,\n ]\"\n >\n <span [innerHTML]=\"option.value | safeHtml\"></span>\n </mat-option>\n }\n </mat-optgroup>\n }\n }\n } @else {\n @if (filteredOptions | async; as options) {\n @for (option of options; track option.key) {\n <mat-option\n [value]=\"option\"\n [ngClass]=\"[\n 'mapa-dropdown__option mapa-dropdown__option--children-level-' +\n option.childrenLevel,\n ]\"\n >\n <span\n class=\"mapa-dropdown__option-value\"\n [innerHTML]=\"option.value | safeHtml\"\n ></span>\n </mat-option>\n }\n }\n }\n\n @for (option of selectedOptions; track option.key) {\n <mat-option\n hidden\n [value]=\"option\"\n [ngClass]=\"[\n 'mapa-dropdown__option--children-level-' + option.childrenLevel,\n ]\"\n >\n <span [innerHTML]=\"option.value | safeHtml\"></span>\n </mat-option>\n }\n </mat-select>\n @if (element.hint) {\n <mat-hint>{{ element.hint }}</mat-hint>\n }\n <mat-error>\n <mapa-form-errors\n [control]=\"formControl\"\n [errors]=\"element.errors\"\n ></mapa-form-errors>\n </mat-error>\n @if (hasValue() && !formControl.disabled && element.clearValue) {\n <mat-icon\n (click)=\"clearValue($event)\"\n class=\"mapa-input--close\"\n >close</mat-icon\n >\n }\n </mat-form-field>\n @if (element.actionButton) {\n <div class=\"mapa-form--action\">\n <mapa-button\n color=\"basic\"\n (click)=\"element.actionButton.action.emit(true)\"\n >\n {{ element.actionButton.label }}\n </mapa-button>\n </div>\n }\n </div>\n}\n", styles: [":host ::ng-deep .mapa-dropdown{max-width:min-content;min-width:235px}:host ::ng-deep .mapa-dropdown .mat-mdc-select{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif)!important}:host ::ng-deep .mapa-dropdown .mat-icon{display:flex;justify-content:center;align-items:center;position:absolute;right:28px!important;top:18px!important;z-index:1}:host ::ng-deep .mapa-dropdown__label{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}:host ::ng-deep .mapa-dropdown--highlight .mat-mdc-text-field-wrapper{border-radius:16px}:host ::ng-deep .mapa-dropdown--highlight .mdc-notched-outline{border-radius:16px!important}:host ::ng-deep .mapa-dropdown--highlight .mdc-notched-outline .mdc-notched-outline__leading,:host ::ng-deep .mapa-dropdown--highlight .mdc-notched-outline .mdc-notched-outline__trailing{border-width:2px!important;border-color:#eedb2a!important}:host ::ng-deep .mapa-dropdown--highlight .mdc-notched-outline .mdc-notched-outline__leading{display:none!important}:host ::ng-deep .mapa-dropdown--highlight .mdc-notched-outline .mdc-notched-outline__trailing{border-radius:16px!important;border-left-style:solid!important}:host ::ng-deep .mapa-dropdown--soft-border .mdc-notched-outline .mdc-notched-outline__leading,:host ::ng-deep .mapa-dropdown--soft-border .mdc-notched-outline .mdc-notched-outline__trailing{border-width:1px!important}:host ::ng-deep .mapa-dropdown--tag .mat-mdc-text-field-wrapper{border-radius:16px}:host ::ng-deep .mapa-dropdown--tag .mdc-notched-outline{border-radius:16px!important;height:42px!important}:host ::ng-deep .mapa-dropdown--tag .mdc-notched-outline .mdc-notched-outline__leading,:host ::ng-deep .mapa-dropdown--tag .mdc-notched-outline .mdc-notched-outline__trailing{border-width:1px!important;border-color:#cdcdcd}:host ::ng-deep .mapa-dropdown--tag .mdc-notched-outline .mdc-notched-outline__leading{display:none!important}:host ::ng-deep .mapa-dropdown--tag .mdc-notched-outline .mdc-notched-outline__trailing{border-radius:16px!important;border-left-style:solid!important}:host ::ng-deep .mapa-dropdown .mat-mdc-text-field-wrapper{background-color:#fff;border-radius:8px}:host ::ng-deep .mapa-dropdown .mat-mdc-text-field-wrapper.mdc-text-field--outlined{padding-left:unset!important;padding-right:unset!important}:host ::ng-deep .mapa-dropdown .mdc-notched-outline{background-color:transparent;border-radius:8px;pointer-events:none;z-index:0}:host ::ng-deep .mapa-dropdown .mdc-notched-outline .mdc-notched-outline__leading,:host ::ng-deep .mapa-dropdown .mdc-notched-outline .mdc-notched-outline__trailing{border-width:2px}:host ::ng-deep .mapa-dropdown .mat-mdc-form-field-flex{display:flex;align-items:center;height:48px;position:relative}:host ::ng-deep .mapa-dropdown .mat-mdc-select-trigger{min-width:50px;padding-top:unset!important;height:unset!important;position:relative;z-index:1}:host ::ng-deep .mapa-dropdown .mat-mdc-select-value-text{display:block;width:90%}:host ::ng-deep .mapa-dropdown .mat-mdc-select-arrow-wrapper{transform:none!important;align-items:center;position:relative;z-index:1}:host ::ng-deep .mapa-dropdown .mat-mdc-select-arrow{border:unset;color:#50575e}:host ::ng-deep .mapa-dropdown .mat-mdc-select-arrow:before,:host ::ng-deep .mapa-dropdown .mat-mdc-select-arrow:after{content:none!important}:host ::ng-deep .mapa-dropdown .mat-mdc-select-arrow svg{display:block!important;fill:currentColor}:host ::ng-deep .mapa-dropdown .mat-mdc-form-field-error-wrapper,:host ::ng-deep .mapa-dropdown .mat-mdc-form-field-hint-wrapper,:host ::ng-deep .mapa-dropdown .mat-mdc-form-field-subscript-wrapper{padding:0!important}:host ::ng-deep .mapa-dropdown [aria-expanded=true] .mat-mdc-select-arrow{margin:0}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel{border-radius:8px;min-width:calc(100% + 24px)!important}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option,::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mdc-list-item__primary-text{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif)!important;font-size:16px;font-style:normal;font-weight:400;line-height:2em;height:2em;color:#50575e}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option.mapa-dropdown__option,::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option.mapa-dropdown__option--select-all,::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option[class*=mapa-dropdown__option--children-level-]{height:auto!important;align-items:start!important}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option.mapa-dropdown__option .mat-pseudo-checkbox,::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option.mapa-dropdown__option--select-all .mat-pseudo-checkbox,::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option[class*=mapa-dropdown__option--children-level-] .mat-pseudo-checkbox{margin:7px 7px 7px 0!important}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option.mapa-dropdown__option .mdc-list-item__primary-text,::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option.mapa-dropdown__option--select-all .mdc-list-item__primary-text,::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option[class*=mapa-dropdown__option--children-level-] .mdc-list-item__primary-text{height:auto!important}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mapa-dropdown__option-value{text-wrap:auto}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option.mapa-dropdown__option--children-level-1{padding-left:30px!important}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option.mapa-dropdown__option--children-level-2{padding-left:50px!important}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option.mapa-dropdown__option--children-level-3{padding-left:70px!important}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option.mapa-dropdown__option--children-level-4{padding-left:90px!important}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option.mapa-dropdown__option--children-level-5{padding-left:100px!important}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option.mapa-dropdown__option--children-level-6{padding-left:120px!important}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option.mapa-dropdown__option--select-all{padding-left:5px!important}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option.mapa-dropdown__option--select-all .mat-pseudo-checkbox{display:none!important}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option[aria-disabled=true].contains-mat-select-search{align-items:flex-start;background:#f6f7f7;height:auto!important;min-height:80px;padding:16px 8px!important}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option[aria-disabled=true].contains-mat-select-search .mdc-list-item__primary-text{width:100%}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option[aria-disabled=true].contains-mat-select-search .mat-select-search-inner{background:transparent!important;background-color:transparent!important;border:unset;border-radius:0;box-shadow:none!important;inset:0 auto auto 0;overflow:visible;position:relative;width:100%!important}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option[aria-disabled=true].contains-mat-select-search .mat-select-search-inner-row{align-items:center;background:transparent;display:flex;position:relative}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option[aria-disabled=true].contains-mat-select-search .mat-select-search-hidden{background:transparent!important;background-color:transparent!important;border:unset!important;height:0!important;line-height:0!important;padding:0!important}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option[aria-disabled=true].contains-mat-select-search .mat-select-search-toggle-all-checkbox{padding-left:8px!important}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option[aria-disabled=true].contains-mat-select-search .mat-select-search-input{background-color:#fff!important;border:2px solid #a7aaad!important;border-radius:8px!important;height:28px!important;line-height:24px!important;padding:0 48px 0 12px!important;width:100%}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option[aria-disabled=true].contains-mat-select-search .mat-select-search-input::placeholder{color:#c3c4c7!important}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option[aria-disabled=true].contains-mat-select-search .mat-select-search-clear{top:50%;transform:translateY(-50%)}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option[aria-disabled=true].contains-mat-select-search .mat-divider{margin:0}::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option[aria-disabled=true].contains-mat-select-search.mat-mdc-option-active,::ng-deep .mapa-overlay-dropdown .mat-mdc-select-panel .mat-mdc-option[aria-disabled=true].contains-mat-select-search:hover{background:#f6f7f7}::ng-deep .mapa-overlay-dropdown .mat-pseudo-checkbox{color:#c3c4c7!important}::ng-deep .mapa-overlay-dropdown .mdc-checkbox__background{border-color:#c3c4c7!important}\n"] }]
|
|
5765
|
-
}],
|
|
5766
|
-
type: Input
|
|
5913
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"mapa-dropdown\"\n [class.mapa-dropdown--open]=\"isOpen()\"\n [class.mapa-dropdown--invalid]=\"shouldShowError()\"\n [class.mapa-dropdown--disabled]=\"isDisabled()\"\n [class.mapa-dropdown--highlight]=\"border === 'highlight'\"\n [class.mapa-dropdown--soft-border]=\"border === 'soft'\"\n [class.mapa-dropdown--tag]=\"border === 'tag'\"\n>\n @if (element.label) {\n <label class=\"mapa-dropdown__label\" [attr.for]=\"element.key || null\">\n {{ element.label }}\n </label>\n }\n\n <div class=\"mapa-dropdown__field-row\">\n <button\n #triggerButton\n cdkOverlayOrigin\n #origin=\"cdkOverlayOrigin\"\n class=\"mapa-dropdown__trigger\"\n [class.mapa-dropdown__trigger--clearable]=\"hasValue() && element.clearValue\"\n [id]=\"element.key || null\"\n type=\"button\"\n [disabled]=\"isDisabled()\"\n (click)=\"toggleDropdown()\"\n [attr.aria-expanded]=\"isOpen()\"\n aria-haspopup=\"listbox\"\n >\n <span\n class=\"mapa-dropdown__trigger-text\"\n [class.mapa-dropdown__trigger-text--placeholder]=\"!hasValue()\"\n [innerHTML]=\"selectedLabel() | safeHtml\"\n ></span>\n @if (hasValue() && !isDisabled() && element.clearValue) {\n <span\n class=\"mapa-dropdown__clear\"\n role=\"button\"\n aria-label=\"Limpar\"\n (click)=\"clearValue($event)\"\n >\n ×\n </span>\n }\n </button>\n\n @if (element.actionButton) {\n <mapa-button\n class=\"mapa-dropdown__action\"\n color=\"basic\"\n (clicked)=\"element.actionButton.action.emit(true)\"\n >\n {{ element.actionButton.label }}\n </mapa-button>\n }\n </div>\n\n <ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"origin\"\n [cdkConnectedOverlayOpen]=\"isOpen()\"\n [cdkConnectedOverlayPositions]=\"overlayPositions\"\n [cdkConnectedOverlayWidth]=\"overlayWidth()\"\n cdkConnectedOverlayPanelClass=\"mapa-dropdown__overlay-pane\"\n (overlayOutsideClick)=\"handleOverlayOutsideClick($event)\"\n >\n <div class=\"mapa-dropdown__panel\">\n @if (hasSearch()) {\n <input\n #searchInput\n class=\"mapa-dropdown__search-input\"\n type=\"text\"\n [formControl]=\"searchControl!\"\n [placeholder]=\"searchPlaceholder()\"\n />\n }\n\n <div class=\"mapa-dropdown__options\" role=\"listbox\">\n @if (isMultiple() && visibleOptions().length) {\n <button\n class=\"mapa-dropdown__option mapa-dropdown__option--select-all\"\n type=\"button\"\n (click)=\"toggleSelectAll()\"\n >\n <input\n class=\"mapa-dropdown__checkbox\"\n type=\"checkbox\"\n [checked]=\"isAllSelected()\"\n [indeterminate]=\"isIndeterminate()\"\n (click)=\"$event.stopPropagation(); toggleSelectAll()\"\n />\n {{ selectAllLabel }}\n </button>\n }\n\n @if (hasGroups()) {\n @for (group of filteredGroups(); track group.label) {\n <div class=\"mapa-dropdown__group\" role=\"group\">\n <p class=\"mapa-dropdown__group-label\">{{ group.label }}</p>\n @for (option of group.options; track option.key) {\n <button\n class=\"mapa-dropdown__option\"\n [class.mapa-dropdown__option--selected]=\"isOptionSelected(option)\"\n [style.padding-left.px]=\"optionPadding(option)\"\n type=\"button\"\n (click)=\"selectOption(option)\"\n >\n @if (isMultiple()) {\n <input\n class=\"mapa-dropdown__checkbox\"\n type=\"checkbox\"\n [checked]=\"isOptionSelected(option)\"\n (click)=\"$event.stopPropagation(); selectOption(option)\"\n />\n }\n <span [innerHTML]=\"option.value | safeHtml\"></span>\n </button>\n }\n </div>\n }\n } @else {\n @for (option of filteredOptions(); track option.key) {\n <button\n class=\"mapa-dropdown__option\"\n [class.mapa-dropdown__option--selected]=\"isOptionSelected(option)\"\n [style.padding-left.px]=\"optionPadding(option)\"\n type=\"button\"\n (click)=\"selectOption(option)\"\n >\n @if (isMultiple()) {\n <input\n class=\"mapa-dropdown__checkbox\"\n type=\"checkbox\"\n [checked]=\"isOptionSelected(option)\"\n (click)=\"$event.stopPropagation(); selectOption(option)\"\n />\n }\n <span [innerHTML]=\"option.value | safeHtml\"></span>\n </button>\n }\n }\n\n @if (!visibleOptions().length) {\n <p class=\"mapa-dropdown__empty-state\">\n {{ emptyStateLabel() }}\n </p>\n }\n </div>\n </div>\n </ng-template>\n\n @if (shouldShowError()) {\n <p class=\"mapa-dropdown__error\">\n <mapa-form-errors\n [control]=\"formControl\"\n [errors]=\"element.errors\"\n ></mapa-form-errors>\n </p>\n } @else if (element.hint) {\n <p class=\"mapa-dropdown__hint\">{{ element.hint }}</p>\n }\n</div>\n", styles: [":host{position:relative;display:inline-block;max-width:min-content;min-width:310px;box-sizing:border-box}.mapa-dropdown{width:100%}.mapa-dropdown__label{display:inline-block;margin-bottom:8px;color:var(--mapa-color-ink, #1a1a1a);font-family:var(--mapa-font-heading, \"Asap\", sans-serif);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mapa-dropdown__field-row{display:flex;align-items:center;gap:24px;min-width:0}.mapa-dropdown__trigger,.mapa-dropdown__search-input,.mapa-dropdown__option{width:100%;min-height:48px;padding:12px 16px;border:0;background:var(--mapa-color-surface, #ffffff);color:var(--mapa-color-ink, #1a1a1a);font-family:var(--mapa-font-body, \"Asap\", sans-serif);font-size:16px;line-height:24px}.mapa-dropdown__trigger:focus,.mapa-dropdown__search-input:focus,.mapa-dropdown__option:focus{outline:none}.mapa-dropdown__trigger::placeholder,.mapa-dropdown__search-input::placeholder,.mapa-dropdown__option::placeholder{color:var(--mapa-color-muted, #555555)}.mapa-dropdown__trigger{position:relative;display:flex;flex:1 1 auto;align-items:center;min-width:0;padding-right:46px;border:1px solid var(--mapa-color-border, rgba(26, 26, 26, .18));border-radius:var(--mapa-radius-sm, 12px);text-align:left;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.mapa-dropdown__trigger--clearable{padding-right:70px}.mapa-dropdown__trigger:after{content:\"\";position:absolute;top:50%;right:18px;width:9px;height:9px;border-right:2px solid var(--mapa-color-ink, #1a1a1a);border-bottom:2px solid var(--mapa-color-ink, #1a1a1a);transform:translateY(-70%) rotate(45deg);transition:transform .2s ease;pointer-events:none}.mapa-dropdown__trigger:disabled{background:var(--mapa-color-disabled-surface, #f6f7f7);color:var(--mapa-color-muted, #555555);cursor:not-allowed}.mapa-dropdown__trigger:disabled:after{opacity:.5}.mapa-dropdown--open .mapa-dropdown__trigger,.mapa-dropdown__trigger:focus{border-color:var(--mapa-color-accent, #ff560b);box-shadow:0 0 0 3px #ff560b1f}.mapa-dropdown--open .mapa-dropdown__trigger:after{transform:translateY(-20%) rotate(-135deg)}.mapa-dropdown--highlight .mapa-dropdown__trigger{border:2px solid #eedb2a;border-radius:16px}.mapa-dropdown--tag .mapa-dropdown__trigger{border-radius:16px}.mapa-dropdown__trigger-text{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--mapa-color-ink, #1a1a1a)}.mapa-dropdown__trigger-text--placeholder{color:var(--mapa-color-muted, #CFC4C7)}.mapa-dropdown__clear{position:absolute;top:50%;right:40px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;color:var(--mapa-color-muted, #555555);font-size:16px;line-height:1;cursor:pointer}.mapa-dropdown__clear:hover{background:#1a1a1a14;color:var(--mapa-color-ink, #1a1a1a)}.mapa-dropdown__action{flex:none}.mapa-dropdown__checkbox{flex:none;width:16px;height:16px;margin-right:12px;accent-color:var(--mapa-color-accent, #ff560b)}.mapa-dropdown__panel{width:100%;overflow:hidden;border:1px solid var(--mapa-color-border-soft, rgba(26, 26, 26, .08));border-radius:var(--mapa-radius-md, 16px);background:var(--mapa-color-surface, #ffffff);box-shadow:var(--mapa-shadow-panel, 0 18px 40px rgba(26, 26, 26, .08))}.mapa-dropdown__search-input{border-bottom:1px solid var(--mapa-color-border-soft, rgba(26, 26, 26, .08))}.mapa-dropdown__options{max-height:240px;overflow-y:auto;background:var(--mapa-color-surface, #ffffff)}.mapa-dropdown__group-label{margin:0;padding:10px 16px 6px;color:var(--mapa-color-muted, #555555);font-family:var(--mapa-font-body, \"Asap\", sans-serif);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.mapa-dropdown__option{display:flex;align-items:center;min-height:44px;text-align:left;cursor:pointer;transition:background-color .2s ease,color .2s ease}.mapa-dropdown__option:hover{background:#ff560b14}.mapa-dropdown__option--selected{background:#ff560b1f;color:var(--mapa-color-accent, #ff560b)}.mapa-dropdown__option--select-all{border-bottom:1px solid var(--mapa-color-border-soft, rgba(26, 26, 26, .08));font-weight:600}.mapa-dropdown__empty-state{margin:0;padding:14px 16px;color:var(--mapa-color-muted, #555555);font-size:14px;line-height:20px}.mapa-dropdown--invalid .mapa-dropdown__trigger{border-color:#b54242;box-shadow:0 0 0 3px #b542421f}.mapa-dropdown__hint,.mapa-dropdown__error{display:block;margin:8px 0 0;padding-left:4px;font-size:13px;line-height:18px}.mapa-dropdown__hint{color:var(--mapa-color-muted, #555555)}.mapa-dropdown__error{color:#b54242}\n"] }]
|
|
5914
|
+
}], propDecorators: { element: [{
|
|
5915
|
+
type: Input,
|
|
5916
|
+
args: [{ required: true }]
|
|
5917
|
+
}], formControl: [{
|
|
5918
|
+
type: Input,
|
|
5919
|
+
args: [{ required: true }]
|
|
5767
5920
|
}], formControlSearch: [{
|
|
5768
5921
|
type: Input
|
|
5769
|
-
}], element: [{
|
|
5770
|
-
type: Input
|
|
5771
5922
|
}], border: [{
|
|
5772
5923
|
type: Input
|
|
5773
5924
|
}], openedChange: [{
|
|
5774
5925
|
type: Output
|
|
5775
|
-
}],
|
|
5926
|
+
}], triggerButton: [{
|
|
5776
5927
|
type: ViewChild,
|
|
5777
|
-
args: ["
|
|
5928
|
+
args: ["triggerButton"]
|
|
5929
|
+
}], searchInput: [{
|
|
5930
|
+
type: ViewChild,
|
|
5931
|
+
args: ["searchInput"]
|
|
5932
|
+
}], handleWindowResize: [{
|
|
5933
|
+
type: HostListener,
|
|
5934
|
+
args: ["window:resize"]
|
|
5778
5935
|
}] } });
|
|
5779
5936
|
|
|
5780
5937
|
/*
|
|
@@ -5877,7 +6034,7 @@ class MapaChartComponent {
|
|
|
5877
6034
|
}
|
|
5878
6035
|
}
|
|
5879
6036
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5880
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaChartComponent, isStandalone: true, selector: "mapa-chart", inputs: { options: "options" }, usesOnChanges: true, ngImport: i0, template: "<section>\n <div class=\"chart\" *ngIf=\"chartOptions\">\n <div class=\"chart__dropdown\" *ngIf=\"options.dropdown\">\n <mapa-dropdown\n [formControl]=\"options.dropdown.formControl\"\n [element]=\"options.dropdown.element\"\n ></mapa-dropdown>\n </div>\n <apx-chart\n [series]=\"chartOptions.series!\"\n [chart]=\"chartOptions.chart!\"\n [xaxis]=\"chartOptions.xaxis!\"\n [yaxis]=\"chartOptions.yaxis!\"\n [stroke]=\"chartOptions.stroke!\"\n [markers]=\"chartOptions.markers!\"\n [fill]=\"chartOptions.fill!\"\n [title]=\"chartOptions.title!\"\n [legend]=\"chartOptions.legend!\"\n [responsive]=\"chartOptions.responsive!\"width\n ></apx-chart>\n </div>\n</section>\n", styles: [".chart{margin:35px auto}.chart__dropdown{position:absolute;z-index:999}:host ::ng-deep .chart .apexcharts-legend.apx-legend-position-right{justify-content:center!important}:host ::ng-deep .chart apx-chart .apexcharts-canvas{display:flex;align-items:center;justify-content:center;width:100%!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$
|
|
6037
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaChartComponent, isStandalone: true, selector: "mapa-chart", inputs: { options: "options" }, usesOnChanges: true, ngImport: i0, template: "<section>\n <div class=\"chart\" *ngIf=\"chartOptions\">\n <div class=\"chart__dropdown\" *ngIf=\"options.dropdown\">\n <mapa-dropdown\n [formControl]=\"options.dropdown.formControl\"\n [element]=\"options.dropdown.element\"\n ></mapa-dropdown>\n </div>\n <apx-chart\n [series]=\"chartOptions.series!\"\n [chart]=\"chartOptions.chart!\"\n [xaxis]=\"chartOptions.xaxis!\"\n [yaxis]=\"chartOptions.yaxis!\"\n [stroke]=\"chartOptions.stroke!\"\n [markers]=\"chartOptions.markers!\"\n [fill]=\"chartOptions.fill!\"\n [title]=\"chartOptions.title!\"\n [legend]=\"chartOptions.legend!\"\n [responsive]=\"chartOptions.responsive!\"width\n ></apx-chart>\n </div>\n</section>\n", styles: [".chart{margin:35px auto}.chart__dropdown{position:absolute;z-index:999}:host ::ng-deep .chart .apexcharts-legend.apx-legend-position-right{justify-content:center!important}:host ::ng-deep .chart apx-chart .apexcharts-canvas{display:flex;align-items:center;justify-content:center;width:100%!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: NgApexchartsModule }, { kind: "component", type: i3.ChartComponent, selector: "apx-chart", inputs: ["chart", "annotations", "colors", "dataLabels", "series", "stroke", "labels", "legend", "markers", "noData", "parsing", "fill", "tooltip", "plotOptions", "responsive", "xaxis", "yaxis", "forecastDataPoints", "grid", "states", "title", "subtitle", "theme", "autoUpdateSeries"], outputs: ["chartReady"] }, { kind: "component", type: MapaDropdownComponent, selector: "mapa-dropdown", inputs: ["element", "formControl", "formControlSearch", "border"], outputs: ["openedChange"] }] }); }
|
|
5881
6038
|
}
|
|
5882
6039
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaChartComponent, decorators: [{
|
|
5883
6040
|
type: Component,
|
|
@@ -5892,7 +6049,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
5892
6049
|
|
|
5893
6050
|
class CheckboxComponent {
|
|
5894
6051
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5895
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: CheckboxComponent, isStandalone: true, selector: "mapa-checkbox", inputs: { color: "color", formControl: "formControl" }, ngImport: i0, template: "<mat-checkbox\n [formControl]=\"formControl\"\n [class.primary]=\"color === 'primary'\"\n [class.basic]=\"color === 'basic'\"\n>\n</mat-checkbox>\n", styles: [".mat-accent{--mat-checkbox-selected-focus-icon-color: #EA561D;--mat-checkbox-selected-hover-icon-color: #EA561D;--mat-checkbox-selected-icon-color: #EA561D;--mat-checkbox-selected-pressed-icon-color: transparent}.mat-accent.basic{--mat-checkbox-selected-checkmark-color: inherit;--mat-progress-spinner-active-indicator-color: inherit}.mat-accent.primary{--mat-checkbox-selected-icon-color: #EA561D;--mat-checkbox-selected-checkmark-color: #fff;--mat-progress-spinner-active-indicator-color: transparent}::ng-deep .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{--mat-checkbox-unselected-icon-color: #3C2861;opacity:.25!important}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type:
|
|
6052
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: CheckboxComponent, isStandalone: true, selector: "mapa-checkbox", inputs: { color: "color", formControl: "formControl" }, ngImport: i0, template: "<mat-checkbox\n [formControl]=\"formControl\"\n [class.primary]=\"color === 'primary'\"\n [class.basic]=\"color === 'basic'\"\n>\n</mat-checkbox>\n", styles: [".mat-accent{--mat-checkbox-selected-focus-icon-color: #EA561D;--mat-checkbox-selected-hover-icon-color: #EA561D;--mat-checkbox-selected-icon-color: #EA561D;--mat-checkbox-selected-pressed-icon-color: transparent}.mat-accent.basic{--mat-checkbox-selected-checkmark-color: inherit;--mat-progress-spinner-active-indicator-color: inherit}.mat-accent.primary{--mat-checkbox-selected-icon-color: #EA561D;--mat-checkbox-selected-checkmark-color: #fff;--mat-progress-spinner-active-indicator-color: transparent}::ng-deep .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{--mat-checkbox-unselected-icon-color: #3C2861;opacity:.25!important}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2$3.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }] }); }
|
|
5896
6053
|
}
|
|
5897
6054
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: CheckboxComponent, decorators: [{
|
|
5898
6055
|
type: Component,
|
|
@@ -5997,7 +6154,7 @@ class MapaDatepicker {
|
|
|
5997
6154
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaDatepicker, isStandalone: true, selector: "mapa-datepicker", inputs: { formGroup: "formGroup", element: "element" }, providers: [
|
|
5998
6155
|
provideNgxMask(),
|
|
5999
6156
|
provideNativeDateAdapter(MAPA_DATEPICKER_FORMATS),
|
|
6000
|
-
], ngImport: i0, template: "@if (element && formGroup) {\n <section class=\"mapa-datepicker\" [formGroup]=\"formGroup\">\n @if (element.label) {\n <label class=\"mapa-datepicker__label\">\n {{ element.label }}\n </label>\n }\n\n <section class=\"mapa-datepicker__field\" [formGroup]=\"formGroup\">\n <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n <input\n matInput\n [formControlName]=\"element.key\"\n [placeholder]=\"element.placeholder || element.label || ''\"\n [mask]=\"element.mask\"\n [readonly]=\"element.readonly\"\n />\n <
|
|
6157
|
+
], ngImport: i0, template: "@if (element && formGroup) {\n <section class=\"mapa-datepicker\" [formGroup]=\"formGroup\">\n @if (element.label) {\n <label class=\"mapa-datepicker__label\">\n {{ element.label }}\n </label>\n }\n\n <section class=\"mapa-datepicker__field\" [formGroup]=\"formGroup\">\n <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n <input\n matInput\n [formControlName]=\"element.key\"\n [placeholder]=\"element.placeholder || element.label || ''\"\n [mask]=\"element.mask\"\n [readonly]=\"element.readonly\"\n />\n <button\n *ngIf=\"hasValue()\"\n type=\"button\"\n matSuffix\n aria-label=\"Limpar\"\n class=\"mapa-datepicker__clear\"\n (click)=\"cleanDatepicker()\"\n >\n ×\n </button>\n <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n <mat-datepicker touchUi=\"true\" #picker></mat-datepicker>\n @if (element.hint) {\n <mat-hint>{{ element.hint }}</mat-hint>\n }\n <mat-error>\n <mapa-form-errors\n [control]=\"formControl\"\n [errors]=\"element.errors\"\n ></mapa-form-errors>\n </mat-error>\n </mat-form-field>\n </section>\n\n <section class=\"mapa-datepicker--hidden\">\n <mat-form-field [formGroup]=\"formDatepicker\">\n <input\n matInput\n formControlName=\"date\"\n [min]=\"minDate\"\n [max]=\"maxDate\"\n [matDatepicker]=\"picker\"\n (dateChange)=\"closePicker(picker)\"\n />\n </mat-form-field>\n </section>\n </section>\n}\n", styles: [":host{display:inline-block;width:310px;min-width:310px;box-sizing:border-box}:host ::ng-deep .mapa-datepicker{display:flex;flex-direction:column;gap:8px}:host ::ng-deep .mapa-datepicker__label{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}:host ::ng-deep .mapa-datepicker .mdc-text-field{padding:0}:host ::ng-deep .mapa-datepicker__field .mat-mdc-form-field{width:100%;max-width:100%!important}:host ::ng-deep .mapa-datepicker__field .mat-mdc-text-field-wrapper{height:48px;border-radius:var(--mapa-radius-sm, 12px);background-color:var(--mapa-color-surface, #ffffff)}:host ::ng-deep .mapa-datepicker__field .mat-mdc-form-field-flex{height:48px!important}:host ::ng-deep .mapa-datepicker__field .mat-mdc-form-field-icon-suffix{display:flex;align-items:center}:host ::ng-deep .mapa-datepicker__field .mdc-text-field--outlined{--mat-form-field-outlined-container-shape: var(--mapa-radius-sm, 12px);--mat-form-field-outlined-outline-color: var( --mapa-color-border, rgba(26, 26, 26, .18) );--mat-form-field-outlined-hover-outline-color: var( --mapa-color-border, rgba(26, 26, 26, .18) );--mat-form-field-outlined-focus-outline-color: var( --mapa-color-accent, #ff560b );--mat-form-field-outlined-outline-width: 1px;--mat-form-field-outlined-focus-outline-width: 1px}:host ::ng-deep .mapa-datepicker__field .mat-mdc-form-field-infix{padding-bottom:12px;--mat-form-field-container-height: 48px}:host ::ng-deep .mapa-datepicker__field .mdc-notched-outline{border-radius:var(--mapa-radius-sm, 12px)}:host ::ng-deep .mapa-datepicker__field .mdc-notched-outline__leading,:host ::ng-deep .mapa-datepicker__field .mdc-notched-outline__notch,:host ::ng-deep .mapa-datepicker__field .mdc-notched-outline__trailing{border-width:1px!important}:host ::ng-deep .mapa-datepicker__field .mat-mdc-form-field-subscript-wrapper{min-height:22px}:host ::ng-deep .mapa-datepicker__clear{display:flex;flex:0 0 20px;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--mapa-color-muted, #555555);font-family:inherit;font-size:16px;line-height:1;cursor:pointer}:host ::ng-deep .mapa-datepicker__clear:hover{background:#1a1a1a14;color:var(--mapa-color-ink, #1a1a1a)}:host ::ng-deep .mapa-datepicker--hidden{display:none}:host ::ng-deep .mapa-datepicker .mat-mdc-form-field-error-wrapper,:host ::ng-deep .mapa-datepicker .mat-mdc-form-field-hint-wrapper,:host ::ng-deep .mapa-datepicker .mat-mdc-form-field-subscript-wrapper{padding:0!important}:host ::ng-deep .mapa-datepicker .mat-mdc-form-field-error{margin:8px 0 0;padding-left:4px;color:#b54242;font-size:13px;line-height:18px}:host ::ng-deep .mapa-datepicker .mat-mdc-form-field-error:before{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions", "instantPrefix"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i3$1.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i3$1.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i3$1.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3$2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: MapaFormErrorsComponent, selector: "mapa-form-errors", inputs: ["control", "errors"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6001
6158
|
}
|
|
6002
6159
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaDatepicker, decorators: [{
|
|
6003
6160
|
type: Component,
|
|
@@ -6013,7 +6170,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
6013
6170
|
], providers: [
|
|
6014
6171
|
provideNgxMask(),
|
|
6015
6172
|
provideNativeDateAdapter(MAPA_DATEPICKER_FORMATS),
|
|
6016
|
-
], standalone: true, template: "@if (element && formGroup) {\n <section class=\"mapa-datepicker\" [formGroup]=\"formGroup\">\n @if (element.label) {\n <label class=\"mapa-datepicker__label\">\n {{ element.label }}\n </label>\n }\n\n <section class=\"mapa-datepicker__field\" [formGroup]=\"formGroup\">\n <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n <input\n matInput\n [formControlName]=\"element.key\"\n [placeholder]=\"element.placeholder || element.label || ''\"\n [mask]=\"element.mask\"\n [readonly]=\"element.readonly\"\n />\n <
|
|
6173
|
+
], standalone: true, template: "@if (element && formGroup) {\n <section class=\"mapa-datepicker\" [formGroup]=\"formGroup\">\n @if (element.label) {\n <label class=\"mapa-datepicker__label\">\n {{ element.label }}\n </label>\n }\n\n <section class=\"mapa-datepicker__field\" [formGroup]=\"formGroup\">\n <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n <input\n matInput\n [formControlName]=\"element.key\"\n [placeholder]=\"element.placeholder || element.label || ''\"\n [mask]=\"element.mask\"\n [readonly]=\"element.readonly\"\n />\n <button\n *ngIf=\"hasValue()\"\n type=\"button\"\n matSuffix\n aria-label=\"Limpar\"\n class=\"mapa-datepicker__clear\"\n (click)=\"cleanDatepicker()\"\n >\n ×\n </button>\n <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n <mat-datepicker touchUi=\"true\" #picker></mat-datepicker>\n @if (element.hint) {\n <mat-hint>{{ element.hint }}</mat-hint>\n }\n <mat-error>\n <mapa-form-errors\n [control]=\"formControl\"\n [errors]=\"element.errors\"\n ></mapa-form-errors>\n </mat-error>\n </mat-form-field>\n </section>\n\n <section class=\"mapa-datepicker--hidden\">\n <mat-form-field [formGroup]=\"formDatepicker\">\n <input\n matInput\n formControlName=\"date\"\n [min]=\"minDate\"\n [max]=\"maxDate\"\n [matDatepicker]=\"picker\"\n (dateChange)=\"closePicker(picker)\"\n />\n </mat-form-field>\n </section>\n </section>\n}\n", styles: [":host{display:inline-block;width:310px;min-width:310px;box-sizing:border-box}:host ::ng-deep .mapa-datepicker{display:flex;flex-direction:column;gap:8px}:host ::ng-deep .mapa-datepicker__label{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}:host ::ng-deep .mapa-datepicker .mdc-text-field{padding:0}:host ::ng-deep .mapa-datepicker__field .mat-mdc-form-field{width:100%;max-width:100%!important}:host ::ng-deep .mapa-datepicker__field .mat-mdc-text-field-wrapper{height:48px;border-radius:var(--mapa-radius-sm, 12px);background-color:var(--mapa-color-surface, #ffffff)}:host ::ng-deep .mapa-datepicker__field .mat-mdc-form-field-flex{height:48px!important}:host ::ng-deep .mapa-datepicker__field .mat-mdc-form-field-icon-suffix{display:flex;align-items:center}:host ::ng-deep .mapa-datepicker__field .mdc-text-field--outlined{--mat-form-field-outlined-container-shape: var(--mapa-radius-sm, 12px);--mat-form-field-outlined-outline-color: var( --mapa-color-border, rgba(26, 26, 26, .18) );--mat-form-field-outlined-hover-outline-color: var( --mapa-color-border, rgba(26, 26, 26, .18) );--mat-form-field-outlined-focus-outline-color: var( --mapa-color-accent, #ff560b );--mat-form-field-outlined-outline-width: 1px;--mat-form-field-outlined-focus-outline-width: 1px}:host ::ng-deep .mapa-datepicker__field .mat-mdc-form-field-infix{padding-bottom:12px;--mat-form-field-container-height: 48px}:host ::ng-deep .mapa-datepicker__field .mdc-notched-outline{border-radius:var(--mapa-radius-sm, 12px)}:host ::ng-deep .mapa-datepicker__field .mdc-notched-outline__leading,:host ::ng-deep .mapa-datepicker__field .mdc-notched-outline__notch,:host ::ng-deep .mapa-datepicker__field .mdc-notched-outline__trailing{border-width:1px!important}:host ::ng-deep .mapa-datepicker__field .mat-mdc-form-field-subscript-wrapper{min-height:22px}:host ::ng-deep .mapa-datepicker__clear{display:flex;flex:0 0 20px;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--mapa-color-muted, #555555);font-family:inherit;font-size:16px;line-height:1;cursor:pointer}:host ::ng-deep .mapa-datepicker__clear:hover{background:#1a1a1a14;color:var(--mapa-color-ink, #1a1a1a)}:host ::ng-deep .mapa-datepicker--hidden{display:none}:host ::ng-deep .mapa-datepicker .mat-mdc-form-field-error-wrapper,:host ::ng-deep .mapa-datepicker .mat-mdc-form-field-hint-wrapper,:host ::ng-deep .mapa-datepicker .mat-mdc-form-field-subscript-wrapper{padding:0!important}:host ::ng-deep .mapa-datepicker .mat-mdc-form-field-error{margin:8px 0 0;padding-left:4px;color:#b54242;font-size:13px;line-height:18px}:host ::ng-deep .mapa-datepicker .mat-mdc-form-field-error:before{display:none}\n"] }]
|
|
6017
6174
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { formGroup: [{
|
|
6018
6175
|
type: Input
|
|
6019
6176
|
}], element: [{
|
|
@@ -6207,7 +6364,7 @@ class MapaDatepickerRange {
|
|
|
6207
6364
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaDatepickerRange, isStandalone: true, selector: "mapa-datepicker-range", inputs: { formGroup: "formGroup", element: "element" }, providers: [
|
|
6208
6365
|
provideNgxMask(),
|
|
6209
6366
|
provideNativeDateAdapter(getMapaDatepickerRangeFormats()),
|
|
6210
|
-
], ngImport: i0, template: "@if (element.label) {\n <div class=\"mapa-datepicker-range__label\">\n {{ element.label }}\n </div>\n}\n<section class=\"mapa-datepicker-range\" [formGroup]=\"formDisplay\">\n <mat-form-field\n appearance=\"outline\"\n subscriptSizing=\"dynamic\"\n class=\"mapa-datepicker-range__start-date\"\n >\n <input\n matInput\n formControlName=\"startDate\"\n [placeholder]=\"startDatePlaceholder\"\n [mask]=\"dateInputMask\"\n [attr.data-date-format]=\"activeDateFormat\"\n />\n </mat-form-field>\n <div class=\"mapa-datepicker-range__divider\">–</div>\n <mat-form-field\n appearance=\"outline\"\n subscriptSizing=\"dynamic\"\n class=\"mapa-datepicker-range__end-date\"\n >\n <input\n matInput\n formControlName=\"endDate\"\n [placeholder]=\"endDatePlaceholder\"\n [mask]=\"dateInputMask\"\n [attr.data-date-format]=\"activeDateFormat\"\n />\n <
|
|
6367
|
+
], ngImport: i0, template: "@if (element.label) {\n <div class=\"mapa-datepicker-range__label\">\n {{ element.label }}\n </div>\n}\n<section class=\"mapa-datepicker-range\" [formGroup]=\"formDisplay\">\n <mat-form-field\n appearance=\"outline\"\n subscriptSizing=\"dynamic\"\n class=\"mapa-datepicker-range__start-date\"\n >\n <input\n matInput\n formControlName=\"startDate\"\n [placeholder]=\"startDatePlaceholder\"\n [mask]=\"dateInputMask\"\n [attr.data-date-format]=\"activeDateFormat\"\n />\n </mat-form-field>\n <div class=\"mapa-datepicker-range__divider\">–</div>\n <mat-form-field\n appearance=\"outline\"\n subscriptSizing=\"dynamic\"\n class=\"mapa-datepicker-range__end-date\"\n >\n <input\n matInput\n formControlName=\"endDate\"\n [placeholder]=\"endDatePlaceholder\"\n [mask]=\"dateInputMask\"\n [attr.data-date-format]=\"activeDateFormat\"\n />\n <button\n type=\"button\"\n matSuffix\n aria-label=\"Limpar\"\n class=\"mapa-datepicker-range__clear\"\n (click)=\"cleanDatepicker()\"\n >\n ×\n </button>\n <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n <mat-date-range-picker touchUi=\"true\" #picker></mat-date-range-picker>\n </mat-form-field>\n</section>\n<section class=\"mapa--hidden\">\n <mat-form-field [formGroup]=\"formDatepicker\">\n <mat-date-range-input [rangePicker]=\"picker\">\n <input matStartDate formControlName=\"startDate\" />\n <input matEndDate formControlName=\"endDate\" />\n </mat-date-range-input>\n </mat-form-field>\n</section>\n", styles: [":host{display:inline-block;width:310px;min-width:310px;box-sizing:border-box}:host ::ng-deep .mat-mdc-form-field-type-mat-date-range-input .mdc-text-field--outlined{background-color:#fff}:host ::ng-deep .mat-mdc-form-field-type-mat-date-range-input .mat-mdc-text-field-wrapper{min-height:48px!important;height:48px!important}:host ::ng-deep .mat-mdc-form-field-type-mat-date-range-input .mat-mdc-text-field-wrapper.mdc-text-field--outlined{padding-left:unset!important;padding-right:unset!important}:host ::ng-deep .mapa-datepicker-range{display:flex;align-items:center;justify-content:flex-start;background-color:var(--mapa-color-surface, #ffffff);border:1px solid var(--mapa-color-border, rgba(26, 26, 26, .18));border-radius:var(--mapa-radius-sm, 12px);overflow:hidden;box-sizing:border-box;padding:0 0 0 16px;min-height:48px;height:48px;width:100%}:host ::ng-deep .mapa-datepicker-range__label{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}:host ::ng-deep .mapa-datepicker-range__start-date,:host ::ng-deep .mapa-datepicker-range__end-date{display:flex;flex:1 1 0;align-items:center;align-self:stretch;min-width:0}:host ::ng-deep .mapa-datepicker-range__start-date .mat-mdc-input-element,:host ::ng-deep .mapa-datepicker-range__start-date .mat-mdc-text-field-wrapper,:host ::ng-deep .mapa-datepicker-range__end-date .mat-mdc-input-element,:host ::ng-deep .mapa-datepicker-range__end-date .mat-mdc-text-field-wrapper{width:100%;min-width:0}:host ::ng-deep .mapa-datepicker-range__end-date{flex-basis:72px}:host ::ng-deep .mapa-datepicker-range__divider{flex:none;margin:0 8px}:host ::ng-deep .mapa-datepicker-range__clear{display:flex;flex:0 0 20px;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--mapa-color-muted, #555555);font-family:inherit;font-size:16px;line-height:1;cursor:pointer}:host ::ng-deep .mapa-datepicker-range__clear:hover{background:#1a1a1a14;color:var(--mapa-color-ink, #1a1a1a)}:host ::ng-deep .mapa-datepicker-range .mat-mdc-form-field-icon-suffix{display:flex;flex:none;align-items:center;gap:4px;margin-left:0;padding:unset!important}:host ::ng-deep .mapa-datepicker-range .mat-mdc-form-field-icon-suffix .mat-datepicker-toggle{margin:0}:host ::ng-deep .mapa-datepicker-range .mat-mdc-form-field-flex{display:flex;align-items:center;min-height:100%;height:48px!important}:host ::ng-deep .mapa-datepicker-range .mat-mdc-text-field-wrapper{padding:0!important;align-items:center!important;display:flex;background:var(--mapa-color-surface, #ffffff);min-height:100%}:host ::ng-deep .mapa-datepicker-range .mdc-notched-outline{display:none}:host ::ng-deep .mapa-datepicker-range .mat-mdc-form-field-infix{padding:0!important;margin-left:0!important;min-height:unset!important;border-top:unset!important;display:flex;align-items:center;height:100%}:host ::ng-deep .mapa-datepicker-range .mat-mdc-input-element{align-self:center;height:100%;line-height:24px;margin:0!important;padding:0 8px 0 0!important;text-align:left;vertical-align:middle}:host ::ng-deep .mapa-datepicker-range .mat-mdc-form-field-error-wrapper,:host ::ng-deep .mapa-datepicker-range .mat-mdc-form-field-hint-wrapper,:host ::ng-deep .mapa-datepicker-range .mat-mdc-form-field-subscript-wrapper{padding:0!important}:host ::ng-deep .mapa--hidden{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions", "instantPrefix"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i3$1.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i3$1.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i3$1.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i3$1.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i3$1.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6211
6368
|
}
|
|
6212
6369
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaDatepickerRange, decorators: [{
|
|
6213
6370
|
type: Component,
|
|
@@ -6222,7 +6379,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
6222
6379
|
], providers: [
|
|
6223
6380
|
provideNgxMask(),
|
|
6224
6381
|
provideNativeDateAdapter(getMapaDatepickerRangeFormats()),
|
|
6225
|
-
], standalone: true, template: "@if (element.label) {\n <div class=\"mapa-datepicker-range__label\">\n {{ element.label }}\n </div>\n}\n<section class=\"mapa-datepicker-range\" [formGroup]=\"formDisplay\">\n <mat-form-field\n appearance=\"outline\"\n subscriptSizing=\"dynamic\"\n class=\"mapa-datepicker-range__start-date\"\n >\n <input\n matInput\n formControlName=\"startDate\"\n [placeholder]=\"startDatePlaceholder\"\n [mask]=\"dateInputMask\"\n [attr.data-date-format]=\"activeDateFormat\"\n />\n </mat-form-field>\n <div class=\"mapa-datepicker-range__divider\">–</div>\n <mat-form-field\n appearance=\"outline\"\n subscriptSizing=\"dynamic\"\n class=\"mapa-datepicker-range__end-date\"\n >\n <input\n matInput\n formControlName=\"endDate\"\n [placeholder]=\"endDatePlaceholder\"\n [mask]=\"dateInputMask\"\n [attr.data-date-format]=\"activeDateFormat\"\n />\n <
|
|
6382
|
+
], standalone: true, template: "@if (element.label) {\n <div class=\"mapa-datepicker-range__label\">\n {{ element.label }}\n </div>\n}\n<section class=\"mapa-datepicker-range\" [formGroup]=\"formDisplay\">\n <mat-form-field\n appearance=\"outline\"\n subscriptSizing=\"dynamic\"\n class=\"mapa-datepicker-range__start-date\"\n >\n <input\n matInput\n formControlName=\"startDate\"\n [placeholder]=\"startDatePlaceholder\"\n [mask]=\"dateInputMask\"\n [attr.data-date-format]=\"activeDateFormat\"\n />\n </mat-form-field>\n <div class=\"mapa-datepicker-range__divider\">–</div>\n <mat-form-field\n appearance=\"outline\"\n subscriptSizing=\"dynamic\"\n class=\"mapa-datepicker-range__end-date\"\n >\n <input\n matInput\n formControlName=\"endDate\"\n [placeholder]=\"endDatePlaceholder\"\n [mask]=\"dateInputMask\"\n [attr.data-date-format]=\"activeDateFormat\"\n />\n <button\n type=\"button\"\n matSuffix\n aria-label=\"Limpar\"\n class=\"mapa-datepicker-range__clear\"\n (click)=\"cleanDatepicker()\"\n >\n ×\n </button>\n <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n <mat-date-range-picker touchUi=\"true\" #picker></mat-date-range-picker>\n </mat-form-field>\n</section>\n<section class=\"mapa--hidden\">\n <mat-form-field [formGroup]=\"formDatepicker\">\n <mat-date-range-input [rangePicker]=\"picker\">\n <input matStartDate formControlName=\"startDate\" />\n <input matEndDate formControlName=\"endDate\" />\n </mat-date-range-input>\n </mat-form-field>\n</section>\n", styles: [":host{display:inline-block;width:310px;min-width:310px;box-sizing:border-box}:host ::ng-deep .mat-mdc-form-field-type-mat-date-range-input .mdc-text-field--outlined{background-color:#fff}:host ::ng-deep .mat-mdc-form-field-type-mat-date-range-input .mat-mdc-text-field-wrapper{min-height:48px!important;height:48px!important}:host ::ng-deep .mat-mdc-form-field-type-mat-date-range-input .mat-mdc-text-field-wrapper.mdc-text-field--outlined{padding-left:unset!important;padding-right:unset!important}:host ::ng-deep .mapa-datepicker-range{display:flex;align-items:center;justify-content:flex-start;background-color:var(--mapa-color-surface, #ffffff);border:1px solid var(--mapa-color-border, rgba(26, 26, 26, .18));border-radius:var(--mapa-radius-sm, 12px);overflow:hidden;box-sizing:border-box;padding:0 0 0 16px;min-height:48px;height:48px;width:100%}:host ::ng-deep .mapa-datepicker-range__label{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}:host ::ng-deep .mapa-datepicker-range__start-date,:host ::ng-deep .mapa-datepicker-range__end-date{display:flex;flex:1 1 0;align-items:center;align-self:stretch;min-width:0}:host ::ng-deep .mapa-datepicker-range__start-date .mat-mdc-input-element,:host ::ng-deep .mapa-datepicker-range__start-date .mat-mdc-text-field-wrapper,:host ::ng-deep .mapa-datepicker-range__end-date .mat-mdc-input-element,:host ::ng-deep .mapa-datepicker-range__end-date .mat-mdc-text-field-wrapper{width:100%;min-width:0}:host ::ng-deep .mapa-datepicker-range__end-date{flex-basis:72px}:host ::ng-deep .mapa-datepicker-range__divider{flex:none;margin:0 8px}:host ::ng-deep .mapa-datepicker-range__clear{display:flex;flex:0 0 20px;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--mapa-color-muted, #555555);font-family:inherit;font-size:16px;line-height:1;cursor:pointer}:host ::ng-deep .mapa-datepicker-range__clear:hover{background:#1a1a1a14;color:var(--mapa-color-ink, #1a1a1a)}:host ::ng-deep .mapa-datepicker-range .mat-mdc-form-field-icon-suffix{display:flex;flex:none;align-items:center;gap:4px;margin-left:0;padding:unset!important}:host ::ng-deep .mapa-datepicker-range .mat-mdc-form-field-icon-suffix .mat-datepicker-toggle{margin:0}:host ::ng-deep .mapa-datepicker-range .mat-mdc-form-field-flex{display:flex;align-items:center;min-height:100%;height:48px!important}:host ::ng-deep .mapa-datepicker-range .mat-mdc-text-field-wrapper{padding:0!important;align-items:center!important;display:flex;background:var(--mapa-color-surface, #ffffff);min-height:100%}:host ::ng-deep .mapa-datepicker-range .mdc-notched-outline{display:none}:host ::ng-deep .mapa-datepicker-range .mat-mdc-form-field-infix{padding:0!important;margin-left:0!important;min-height:unset!important;border-top:unset!important;display:flex;align-items:center;height:100%}:host ::ng-deep .mapa-datepicker-range .mat-mdc-input-element{align-self:center;height:100%;line-height:24px;margin:0!important;padding:0 8px 0 0!important;text-align:left;vertical-align:middle}:host ::ng-deep .mapa-datepicker-range .mat-mdc-form-field-error-wrapper,:host ::ng-deep .mapa-datepicker-range .mat-mdc-form-field-hint-wrapper,:host ::ng-deep .mapa-datepicker-range .mat-mdc-form-field-subscript-wrapper{padding:0!important}:host ::ng-deep .mapa--hidden{display:none}\n"] }]
|
|
6226
6383
|
}], ctorParameters: () => [{ type: MapaI18nService }, { type: i0.ChangeDetectorRef }], propDecorators: { formGroup: [{
|
|
6227
6384
|
type: Input
|
|
6228
6385
|
}], element: [{
|
|
@@ -6261,8 +6418,8 @@ class MapaDialogComponent {
|
|
|
6261
6418
|
emitData() {
|
|
6262
6419
|
this.dataEmitter.emit(this.dialogData);
|
|
6263
6420
|
}
|
|
6264
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$
|
|
6265
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaDialogComponent, isStandalone: true, selector: "mapa-dialog", inputs: { isReportRegistration: "isReportRegistration" }, outputs: { dataEmitter: "dataEmitter" }, ngImport: i0, template: "<div class=\"mapa-dialog\">\n <div class=\"dialog-icon\">\n <mat-icon (click)=\"close()\">close</mat-icon>\n </div> \n <mat-dialog-content>\n <img *ngIf=\"imgBase64\" [src]=\"imgBase64\" />\n <h2>\n {{ dialogData.title }}\n </h2>\n <p [innerHTML]=\"htmlDescription | safeHtml\"></p>\n </mat-dialog-content>\n <div *ngIf=\"dialogData.isReportRegistration\">\n <mapa-button color=\"accent\" (click)=\"emitData()\">\n {{ dialogData.button }}\n </mapa-button>\n </div>\n <mat-dialog-actions *ngIf=\"!dialogData.isReportRegistration\" class=\"mapa-dialog__actions\">\n <mapa-button color=\"basic\" (click)=\"close()\" *ngIf=\"dialogData.actions.close\">\n {{ dialogData.actions.close }}\n </mapa-button>\n <mapa-button color=\"primary\" (click)=\"save()\" *ngIf=\"dialogData.actions.save\">\n {{ dialogData.actions.save }}\n </mapa-button>\n </mat-dialog-actions>\n</div>\n\n", styles: [".mapa-dialog{background-color:#f6f7f7!important;border-radius:8px!important;padding:42px!important}.mapa-dialog .dialog-icon{display:flex;margin-left:95%}.mapa-dialog .mat-icon{cursor:pointer;display:flex;position:relative;align-self:flex-end}.mapa-dialog h2{color:#181818;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:24px;font-style:normal;font-weight:400;line-height:32px}.mapa-dialog img{padding:39px 11px;width:100%;border-radius:8px;border:1px solid #CDCDCD;background:#fff;margin:30px 0}.mapa-dialog p{color:#50575e;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:500;line-height:28px}.mapa-dialog__actions{justify-content:end}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$
|
|
6421
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$3.MatDialogRef }, { token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6422
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaDialogComponent, isStandalone: true, selector: "mapa-dialog", inputs: { isReportRegistration: "isReportRegistration" }, outputs: { dataEmitter: "dataEmitter" }, ngImport: i0, template: "<div class=\"mapa-dialog\">\n <div class=\"dialog-icon\">\n <mat-icon (click)=\"close()\">close</mat-icon>\n </div> \n <mat-dialog-content>\n <img *ngIf=\"imgBase64\" [src]=\"imgBase64\" />\n <h2>\n {{ dialogData.title }}\n </h2>\n <p [innerHTML]=\"htmlDescription | safeHtml\"></p>\n </mat-dialog-content>\n <div *ngIf=\"dialogData.isReportRegistration\">\n <mapa-button color=\"accent\" (click)=\"emitData()\">\n {{ dialogData.button }}\n </mapa-button>\n </div>\n <mat-dialog-actions *ngIf=\"!dialogData.isReportRegistration\" class=\"mapa-dialog__actions\">\n <mapa-button color=\"basic\" (click)=\"close()\" *ngIf=\"dialogData.actions.close\">\n {{ dialogData.actions.close }}\n </mapa-button>\n <mapa-button color=\"primary\" (click)=\"save()\" *ngIf=\"dialogData.actions.save\">\n {{ dialogData.actions.save }}\n </mapa-button>\n </mat-dialog-actions>\n</div>\n\n", styles: [".mapa-dialog{background-color:#f6f7f7!important;border-radius:8px!important;padding:42px!important}.mapa-dialog .dialog-icon{display:flex;margin-left:95%}.mapa-dialog .mat-icon{cursor:pointer;display:flex;position:relative;align-self:flex-end}.mapa-dialog h2{color:#181818;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:24px;font-style:normal;font-weight:400;line-height:32px}.mapa-dialog img{padding:39px 11px;width:100%;border-radius:8px;border:1px solid #CDCDCD;background:#fff;margin:30px 0}.mapa-dialog p{color:#50575e;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:500;line-height:28px}.mapa-dialog__actions{justify-content:end}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ButtonComponent, selector: "mapa-button", inputs: ["color", "disabled"], outputs: ["clicked"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] }); }
|
|
6266
6423
|
}
|
|
6267
6424
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaDialogComponent, decorators: [{
|
|
6268
6425
|
type: Component,
|
|
@@ -6276,7 +6433,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
6276
6433
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
6277
6434
|
type: Inject,
|
|
6278
6435
|
args: [MAT_DIALOG_DATA]
|
|
6279
|
-
}] }, { type: i1$
|
|
6436
|
+
}] }, { type: i1$3.MatDialogRef }, { type: i1$2.DomSanitizer }], propDecorators: { isReportRegistration: [{
|
|
6280
6437
|
type: Input
|
|
6281
6438
|
}], dataEmitter: [{
|
|
6282
6439
|
type: Output
|
|
@@ -6357,11 +6514,11 @@ class MapaDropdownTreeComponent {
|
|
|
6357
6514
|
this.openedChange.emit(event);
|
|
6358
6515
|
}
|
|
6359
6516
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaDropdownTreeComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6360
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaDropdownTreeComponent, isStandalone: true, selector: "mapa-dropdown-tree", inputs: { formGroup: "formGroup", element: "element" }, outputs: { openedChange: "openedChange" }, usesOnChanges: true, ngImport: i0, template: "<section *ngIf=\"elementOption && formControl\">\n <mapa-dropdown\n [formControl]=\"formControl\"\n [element]=\"elementOption\"\n (openedChange)=\"triggerOpenedChange($event)\"\n ></mapa-dropdown>\n</section>\n", styles: [":host ::ng-deep .mapa-dropdown-tree{min-width:235px;max-width:none;width:100%!important;margin-bottom:24px}:host ::ng-deep .mapa-dropdown-tree .mat-mdc-select{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif)!important}:host ::ng-deep .mapa-dropdown-tree__hint{font-size:12px;font-style:normal;font-weight:400;line-height:16px;color:#77838f;margin-bottom:16px}:host ::ng-deep .mapa-dropdown-tree__toggle-all .checklist-leaf-node{padding:16px 0}:host ::ng-deep .mapa-dropdown-tree__label,:host ::ng-deep .mapa-dropdown-tree__checkbox{display:block;font-style:normal;font-weight:400;line-height:16px;width:100%;padding:0 16px}:host ::ng-deep .mapa-dropdown-tree__label div,:host ::ng-deep .mapa-dropdown-tree__checkbox div{width:100%}:host ::ng-deep .mapa-dropdown-tree__label--checked,:host ::ng-deep .mapa-dropdown-tree__checkbox--checked{background:#0000001f}:host ::ng-deep .mapa-dropdown-tree__checkbox{font-size:16px;padding:0 16px}:host ::ng-deep .mapa-dropdown-tree__label{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);padding:0!important;font-size:12px!important;font-weight:600!important;margin-bottom:16px;text-transform:uppercase}:host ::ng-deep .mapa-dropdown-tree__dropdown{display:flex;align-items:center;justify-content:flex-start;background-color:#fff;width:100%;border:2px solid #a7aaad;border-radius:8px;padding:10px 12px;margin-bottom:8px}:host ::ng-deep .mapa-dropdown-tree__dropdown--value{flex-grow:1;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif)!important;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:300px}:host ::ng-deep .mapa-dropdown-tree__button{background:#fff;border-top:1px solid #dcdcde!important;color:#ea561d;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:500;line-height:28px;padding:9px;text-align:left!important;width:100%}:host ::ng-deep .mapa-dropdown-tree__button .mdc-button__label{color:#ea561d!important;padding:4px 8px}:host ::ng-deep .mapa-dropdown-tree__search{display:flex;align-items:center;justify-content:flex-start;background:#f6f7f7;width:100%;padding:10px 0 16px 16px!important}:host ::ng-deep .mapa-dropdown-tree__search .mat-mdc-input-element{padding:4px 0}:host ::ng-deep .mapa-dropdown-tree__search .mat-mdc-form-field{width:94%}:host ::ng-deep .mapa-dropdown-tree__search .mat-mdc-form-field-subscript-wrapper{padding:0!important}:host ::ng-deep .mapa-dropdown-tree__search .mat-mdc-text-field-wrapper{background:#fff;border-radius:8px}:host ::ng-deep .mapa-dropdown-tree__search .mat-mdc-form-field-infix{border-top:unset!important;min-height:unset!important;padding:.7em 0 .5em}:host ::ng-deep .mapa-dropdown-tree__clean{background:#fff;border-top:1px solid #dcdcde;bottom:0%;height:36px;position:absolute;width:100%;z-index:9999}:host ::ng-deep .mapa-dropdown-tree__clean button{text-align:left;height:36px;width:100%}:host ::ng-deep .mapa-dropdown-tree--highlight .mat-mdc-text-field-wrapper{border-radius:16px}:host ::ng-deep .mapa-dropdown-tree--highlight .mdc-notched-outline{border-radius:16px!important}:host ::ng-deep .mapa-dropdown-tree--highlight .mdc-notched-outline .mdc-notched-outline__leading,:host ::ng-deep .mapa-dropdown-tree--highlight .mdc-notched-outline .mdc-notched-outline__trailing{border-width:2px!important;border-color:#eedb2a!important}:host ::ng-deep .mapa-dropdown-tree--highlight .mdc-notched-outline .mdc-notched-outline__leading{display:none!important}:host ::ng-deep .mapa-dropdown-tree--highlight .mdc-notched-outline .mdc-notched-outline__trailing{border-radius:16px!important;border-left-style:solid!important}:host ::ng-deep .mapa-dropdown-tree--soft-border .mdc-notched-outline .mdc-notched-outline__leading,:host ::ng-deep .mapa-dropdown-tree--soft-border .mdc-notched-outline .mdc-notched-outline__trailing{border-width:1px!important}:host ::ng-deep .mapa-dropdown-tree--tag .mat-mdc-text-field-wrapper{border-radius:16px}:host ::ng-deep .mapa-dropdown-tree--tag .mdc-notched-outline{border-radius:16px!important;height:42px!important}:host ::ng-deep .mapa-dropdown-tree--tag .mdc-notched-outline .mdc-notched-outline__leading,:host ::ng-deep .mapa-dropdown-tree--tag .mdc-notched-outline .mdc-notched-outline__trailing{border-width:1px!important;border-color:#cdcdcd}:host ::ng-deep .mapa-dropdown-tree--tag .mdc-notched-outline .mdc-notched-outline__leading{display:none!important}:host ::ng-deep .mapa-dropdown-tree--tag .mdc-notched-outline .mdc-notched-outline__trailing{border-radius:16px!important;border-left-style:solid!important}:host ::ng-deep .mapa-dropdown-tree .mat-mdc-text-field-wrapper{background-color:#fff;border-radius:8px}:host ::ng-deep .mapa-dropdown-tree .mat-mdc-text-field-wrapper.mdc-text-field--outlined{padding-left:unset!important;padding-right:unset!important}:host ::ng-deep .mapa-dropdown-tree .mdc-notched-outline{background-color:transparent;border-radius:8px}:host ::ng-deep .mapa-dropdown-tree .mdc-notched-outline .mdc-notched-outline__leading,:host ::ng-deep .mapa-dropdown-tree .mdc-notched-outline .mdc-notched-outline__trailing{border-width:2px}:host ::ng-deep .mapa-dropdown-tree .mat-mdc-form-field-error-wrapper,:host ::ng-deep .mapa-dropdown-tree .mat-mdc-form-field-hint-wrapper,:host ::ng-deep .mapa-dropdown-tree .mat-mdc-form-field-subscript-wrapper{padding:0!important}:host ::ng-deep .mapa-dropdown-tree .mat-mdc-form-field-flex{display:flex;align-items:center;height:48px}:host ::ng-deep .mapa-dropdown-tree .mat-mdc-form-field-infix{border-top:unset!important;padding:unset!important;min-height:unset!important;position:relative}:host ::ng-deep .mapa-dropdown-tree .mat-mdc-select-trigger{min-width:50px;padding-top:unset!important;height:unset!important}:host ::ng-deep .mapa-dropdown-tree .mat-mdc-select-value-text{display:block;width:90%}:host ::ng-deep .mapa-dropdown-tree .mat-mdc-select-arrow-wrapper{transform:none!important;align-items:center}:host ::ng-deep .mapa-dropdown-tree .mat-mdc-select-arrow{border:unset;color:#50575e}:host ::ng-deep .mapa-dropdown-tree .mat-mdc-select-arrow:before,:host ::ng-deep .mapa-dropdown-tree .mat-mdc-select-arrow:after{content:none!important}:host ::ng-deep .mapa-dropdown-tree .mat-mdc-select-arrow svg{display:block!important;fill:currentColor}:host ::ng-deep .mapa-dropdown-tree [aria-expanded=true] .mat-mdc-select-arrow{margin:0}::ng-deep .mapa-overlay-dropdown-tree .mdc-label{color:#77838f!important;font-size:16px!important;font-style:normal;font-weight:400}::ng-deep .mapa-overlay-dropdown-tree .mat-mdc-menu-panel{width:100%;max-width:none!important;overflow:hidden}::ng-deep .mapa-overlay-dropdown-tree .mat-mdc-input-element{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:14px}::ng-deep .mapa-overlay-dropdown-tree .mat-mdc-menu-content{padding-bottom:unset!important;padding-top:unset!important}::ng-deep .mapa-overlay-dropdown-tree .mat-tree{display:flex;gap:8px;flex-direction:column;max-height:260px;padding-bottom:24px;overflow-y:auto}::ng-deep .mapa-overlay-dropdown-tree .mat-tree-node{color:#50575e!important}::ng-deep .mapa-overlay-dropdown-tree ul{padding-inline-start:20px!important;margin-block-start:0px!important;margin-block-end:0px!important;gap:8px}::ng-deep .mapa-overlay-dropdown-tree .tree-toggle{display:none}::ng-deep .mapa-overlay-dropdown-tree .mat-tree .mat-focus-indicator{display:none}::ng-deep .mapa-overlay-dropdown-tree .mat-tree .mat-tree-node{min-height:28px!important;padding:4px 0;flex:unset!important}::ng-deep .mapa-overlay-dropdown-tree .mat-tree .mat-tree-node:hover{background:#0000000a}::ng-deep .mapa-overlay-dropdown-tree .mat-select-tree-hide{display:block!important}::ng-deep .mapa-overlay-dropdown-tree .mat-mdc-autocomplete-panel .mat-mdc-option{padding:unset!important}::ng-deep .mapa-overlay-dropdown-tree .mat-mdc-select-panel{border-radius:8px;min-width:calc(100% + 24px)!important}::ng-deep .mapa-overlay-dropdown-tree .mat-mdc-select-panel .mat-mdc-option,::ng-deep .mapa-overlay-dropdown-tree .mat-mdc-select-panel .mdc-list-item__primary-text{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif)!important;font-size:16px;font-style:normal;font-weight:400;line-height:2em;height:2em;color:#50575e}::ng-deep .mapa-overlay-dropdown-tree .mapa-dropdown__search.mat-mdc-option{display:flex;padding:16px 8px!important;flex-direction:column;justify-content:center;align-items:center;gap:10px;align-self:stretch;background:#f6f7f7;height:unset!important}::ng-deep .mapa-overlay-dropdown-tree .mapa-dropdown__search.mat-mdc-option .mat-select-search-inside-mat-option{height:unset!important;line-height:unset!important}::ng-deep .mapa-overlay-dropdown-tree .mapa-dropdown__search.mat-mdc-option .mat-select-search-clear{top:-3px!important}::ng-deep .mapa-overlay-dropdown-tree .mapa-dropdown__search.mat-mdc-option .mat-select-search-inner{top:8px;border:2px solid #a7aaad;border-radius:8px!important;width:100%!important}::ng-deep .mapa-overlay-dropdown-tree .mapa-dropdown__search.mat-mdc-option .mat-select-search-toggle-all-checkbox{padding-left:8px!important}::ng-deep .mapa-overlay-dropdown-tree .mapa-dropdown__search.mat-mdc-option .mat-select-search-input{padding:8px 8px 8px 6px!important;height:unset!important;line-height:unset!important}::ng-deep .mapa-overlay-dropdown-tree .mapa-dropdown__search.mat-mdc-option .mat-select-search-input::placeholder{color:#c3c4c7!important}::ng-deep .mapa-overlay-dropdown-tree .mapa-dropdown__search .mdc-list-item__primary-text{width:100%}::ng-deep .mapa-overlay-dropdown-tree .mat-pseudo-checkbox{color:#c3c4c7!important}::ng-deep .mapa-overlay-dropdown-tree .mdc-checkbox__background{border-color:#c3c4c7!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: MapaDropdownComponent, selector: "mapa-dropdown", inputs: ["formControl", "formControlSearch", "element", "border"], outputs: ["openedChange"] }] }); }
|
|
6517
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaDropdownTreeComponent, isStandalone: true, selector: "mapa-dropdown-tree", inputs: { formGroup: "formGroup", element: "element" }, outputs: { openedChange: "openedChange" }, usesOnChanges: true, ngImport: i0, template: "<section *ngIf=\"elementOption && formControl\">\n <mapa-dropdown\n [formControl]=\"formControl\"\n [element]=\"elementOption\"\n (openedChange)=\"triggerOpenedChange($event)\"\n ></mapa-dropdown>\n</section>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: MapaDropdownComponent, selector: "mapa-dropdown", inputs: ["element", "formControl", "formControlSearch", "border"], outputs: ["openedChange"] }] }); }
|
|
6361
6518
|
}
|
|
6362
6519
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaDropdownTreeComponent, decorators: [{
|
|
6363
6520
|
type: Component,
|
|
6364
|
-
args: [{ selector: 'mapa-dropdown-tree', imports: [CommonModule, ReactiveFormsModule, MapaDropdownComponent], standalone: true, template: "<section *ngIf=\"elementOption && formControl\">\n <mapa-dropdown\n [formControl]=\"formControl\"\n [element]=\"elementOption\"\n (openedChange)=\"triggerOpenedChange($event)\"\n ></mapa-dropdown>\n</section>\n", styles: [":host ::ng-deep .mapa-dropdown-tree{min-width:235px;max-width:none;width:100%!important;margin-bottom:24px}:host ::ng-deep .mapa-dropdown-tree .mat-mdc-select{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif)!important}:host ::ng-deep .mapa-dropdown-tree__hint{font-size:12px;font-style:normal;font-weight:400;line-height:16px;color:#77838f;margin-bottom:16px}:host ::ng-deep .mapa-dropdown-tree__toggle-all .checklist-leaf-node{padding:16px 0}:host ::ng-deep .mapa-dropdown-tree__label,:host ::ng-deep .mapa-dropdown-tree__checkbox{display:block;font-style:normal;font-weight:400;line-height:16px;width:100%;padding:0 16px}:host ::ng-deep .mapa-dropdown-tree__label div,:host ::ng-deep .mapa-dropdown-tree__checkbox div{width:100%}:host ::ng-deep .mapa-dropdown-tree__label--checked,:host ::ng-deep .mapa-dropdown-tree__checkbox--checked{background:#0000001f}:host ::ng-deep .mapa-dropdown-tree__checkbox{font-size:16px;padding:0 16px}:host ::ng-deep .mapa-dropdown-tree__label{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);padding:0!important;font-size:12px!important;font-weight:600!important;margin-bottom:16px;text-transform:uppercase}:host ::ng-deep .mapa-dropdown-tree__dropdown{display:flex;align-items:center;justify-content:flex-start;background-color:#fff;width:100%;border:2px solid #a7aaad;border-radius:8px;padding:10px 12px;margin-bottom:8px}:host ::ng-deep .mapa-dropdown-tree__dropdown--value{flex-grow:1;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif)!important;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:300px}:host ::ng-deep .mapa-dropdown-tree__button{background:#fff;border-top:1px solid #dcdcde!important;color:#ea561d;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:500;line-height:28px;padding:9px;text-align:left!important;width:100%}:host ::ng-deep .mapa-dropdown-tree__button .mdc-button__label{color:#ea561d!important;padding:4px 8px}:host ::ng-deep .mapa-dropdown-tree__search{display:flex;align-items:center;justify-content:flex-start;background:#f6f7f7;width:100%;padding:10px 0 16px 16px!important}:host ::ng-deep .mapa-dropdown-tree__search .mat-mdc-input-element{padding:4px 0}:host ::ng-deep .mapa-dropdown-tree__search .mat-mdc-form-field{width:94%}:host ::ng-deep .mapa-dropdown-tree__search .mat-mdc-form-field-subscript-wrapper{padding:0!important}:host ::ng-deep .mapa-dropdown-tree__search .mat-mdc-text-field-wrapper{background:#fff;border-radius:8px}:host ::ng-deep .mapa-dropdown-tree__search .mat-mdc-form-field-infix{border-top:unset!important;min-height:unset!important;padding:.7em 0 .5em}:host ::ng-deep .mapa-dropdown-tree__clean{background:#fff;border-top:1px solid #dcdcde;bottom:0%;height:36px;position:absolute;width:100%;z-index:9999}:host ::ng-deep .mapa-dropdown-tree__clean button{text-align:left;height:36px;width:100%}:host ::ng-deep .mapa-dropdown-tree--highlight .mat-mdc-text-field-wrapper{border-radius:16px}:host ::ng-deep .mapa-dropdown-tree--highlight .mdc-notched-outline{border-radius:16px!important}:host ::ng-deep .mapa-dropdown-tree--highlight .mdc-notched-outline .mdc-notched-outline__leading,:host ::ng-deep .mapa-dropdown-tree--highlight .mdc-notched-outline .mdc-notched-outline__trailing{border-width:2px!important;border-color:#eedb2a!important}:host ::ng-deep .mapa-dropdown-tree--highlight .mdc-notched-outline .mdc-notched-outline__leading{display:none!important}:host ::ng-deep .mapa-dropdown-tree--highlight .mdc-notched-outline .mdc-notched-outline__trailing{border-radius:16px!important;border-left-style:solid!important}:host ::ng-deep .mapa-dropdown-tree--soft-border .mdc-notched-outline .mdc-notched-outline__leading,:host ::ng-deep .mapa-dropdown-tree--soft-border .mdc-notched-outline .mdc-notched-outline__trailing{border-width:1px!important}:host ::ng-deep .mapa-dropdown-tree--tag .mat-mdc-text-field-wrapper{border-radius:16px}:host ::ng-deep .mapa-dropdown-tree--tag .mdc-notched-outline{border-radius:16px!important;height:42px!important}:host ::ng-deep .mapa-dropdown-tree--tag .mdc-notched-outline .mdc-notched-outline__leading,:host ::ng-deep .mapa-dropdown-tree--tag .mdc-notched-outline .mdc-notched-outline__trailing{border-width:1px!important;border-color:#cdcdcd}:host ::ng-deep .mapa-dropdown-tree--tag .mdc-notched-outline .mdc-notched-outline__leading{display:none!important}:host ::ng-deep .mapa-dropdown-tree--tag .mdc-notched-outline .mdc-notched-outline__trailing{border-radius:16px!important;border-left-style:solid!important}:host ::ng-deep .mapa-dropdown-tree .mat-mdc-text-field-wrapper{background-color:#fff;border-radius:8px}:host ::ng-deep .mapa-dropdown-tree .mat-mdc-text-field-wrapper.mdc-text-field--outlined{padding-left:unset!important;padding-right:unset!important}:host ::ng-deep .mapa-dropdown-tree .mdc-notched-outline{background-color:transparent;border-radius:8px}:host ::ng-deep .mapa-dropdown-tree .mdc-notched-outline .mdc-notched-outline__leading,:host ::ng-deep .mapa-dropdown-tree .mdc-notched-outline .mdc-notched-outline__trailing{border-width:2px}:host ::ng-deep .mapa-dropdown-tree .mat-mdc-form-field-error-wrapper,:host ::ng-deep .mapa-dropdown-tree .mat-mdc-form-field-hint-wrapper,:host ::ng-deep .mapa-dropdown-tree .mat-mdc-form-field-subscript-wrapper{padding:0!important}:host ::ng-deep .mapa-dropdown-tree .mat-mdc-form-field-flex{display:flex;align-items:center;height:48px}:host ::ng-deep .mapa-dropdown-tree .mat-mdc-form-field-infix{border-top:unset!important;padding:unset!important;min-height:unset!important;position:relative}:host ::ng-deep .mapa-dropdown-tree .mat-mdc-select-trigger{min-width:50px;padding-top:unset!important;height:unset!important}:host ::ng-deep .mapa-dropdown-tree .mat-mdc-select-value-text{display:block;width:90%}:host ::ng-deep .mapa-dropdown-tree .mat-mdc-select-arrow-wrapper{transform:none!important;align-items:center}:host ::ng-deep .mapa-dropdown-tree .mat-mdc-select-arrow{border:unset;color:#50575e}:host ::ng-deep .mapa-dropdown-tree .mat-mdc-select-arrow:before,:host ::ng-deep .mapa-dropdown-tree .mat-mdc-select-arrow:after{content:none!important}:host ::ng-deep .mapa-dropdown-tree .mat-mdc-select-arrow svg{display:block!important;fill:currentColor}:host ::ng-deep .mapa-dropdown-tree [aria-expanded=true] .mat-mdc-select-arrow{margin:0}::ng-deep .mapa-overlay-dropdown-tree .mdc-label{color:#77838f!important;font-size:16px!important;font-style:normal;font-weight:400}::ng-deep .mapa-overlay-dropdown-tree .mat-mdc-menu-panel{width:100%;max-width:none!important;overflow:hidden}::ng-deep .mapa-overlay-dropdown-tree .mat-mdc-input-element{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:14px}::ng-deep .mapa-overlay-dropdown-tree .mat-mdc-menu-content{padding-bottom:unset!important;padding-top:unset!important}::ng-deep .mapa-overlay-dropdown-tree .mat-tree{display:flex;gap:8px;flex-direction:column;max-height:260px;padding-bottom:24px;overflow-y:auto}::ng-deep .mapa-overlay-dropdown-tree .mat-tree-node{color:#50575e!important}::ng-deep .mapa-overlay-dropdown-tree ul{padding-inline-start:20px!important;margin-block-start:0px!important;margin-block-end:0px!important;gap:8px}::ng-deep .mapa-overlay-dropdown-tree .tree-toggle{display:none}::ng-deep .mapa-overlay-dropdown-tree .mat-tree .mat-focus-indicator{display:none}::ng-deep .mapa-overlay-dropdown-tree .mat-tree .mat-tree-node{min-height:28px!important;padding:4px 0;flex:unset!important}::ng-deep .mapa-overlay-dropdown-tree .mat-tree .mat-tree-node:hover{background:#0000000a}::ng-deep .mapa-overlay-dropdown-tree .mat-select-tree-hide{display:block!important}::ng-deep .mapa-overlay-dropdown-tree .mat-mdc-autocomplete-panel .mat-mdc-option{padding:unset!important}::ng-deep .mapa-overlay-dropdown-tree .mat-mdc-select-panel{border-radius:8px;min-width:calc(100% + 24px)!important}::ng-deep .mapa-overlay-dropdown-tree .mat-mdc-select-panel .mat-mdc-option,::ng-deep .mapa-overlay-dropdown-tree .mat-mdc-select-panel .mdc-list-item__primary-text{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif)!important;font-size:16px;font-style:normal;font-weight:400;line-height:2em;height:2em;color:#50575e}::ng-deep .mapa-overlay-dropdown-tree .mapa-dropdown__search.mat-mdc-option{display:flex;padding:16px 8px!important;flex-direction:column;justify-content:center;align-items:center;gap:10px;align-self:stretch;background:#f6f7f7;height:unset!important}::ng-deep .mapa-overlay-dropdown-tree .mapa-dropdown__search.mat-mdc-option .mat-select-search-inside-mat-option{height:unset!important;line-height:unset!important}::ng-deep .mapa-overlay-dropdown-tree .mapa-dropdown__search.mat-mdc-option .mat-select-search-clear{top:-3px!important}::ng-deep .mapa-overlay-dropdown-tree .mapa-dropdown__search.mat-mdc-option .mat-select-search-inner{top:8px;border:2px solid #a7aaad;border-radius:8px!important;width:100%!important}::ng-deep .mapa-overlay-dropdown-tree .mapa-dropdown__search.mat-mdc-option .mat-select-search-toggle-all-checkbox{padding-left:8px!important}::ng-deep .mapa-overlay-dropdown-tree .mapa-dropdown__search.mat-mdc-option .mat-select-search-input{padding:8px 8px 8px 6px!important;height:unset!important;line-height:unset!important}::ng-deep .mapa-overlay-dropdown-tree .mapa-dropdown__search.mat-mdc-option .mat-select-search-input::placeholder{color:#c3c4c7!important}::ng-deep .mapa-overlay-dropdown-tree .mapa-dropdown__search .mdc-list-item__primary-text{width:100%}::ng-deep .mapa-overlay-dropdown-tree .mat-pseudo-checkbox{color:#c3c4c7!important}::ng-deep .mapa-overlay-dropdown-tree .mdc-checkbox__background{border-color:#c3c4c7!important}\n"] }]
|
|
6521
|
+
args: [{ selector: 'mapa-dropdown-tree', imports: [CommonModule, ReactiveFormsModule, MapaDropdownComponent], standalone: true, template: "<section *ngIf=\"elementOption && formControl\">\n <mapa-dropdown\n [formControl]=\"formControl\"\n [element]=\"elementOption\"\n (openedChange)=\"triggerOpenedChange($event)\"\n ></mapa-dropdown>\n</section>\n" }]
|
|
6365
6522
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { formGroup: [{
|
|
6366
6523
|
type: Input
|
|
6367
6524
|
}], element: [{
|
|
@@ -6374,191 +6531,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
6374
6531
|
* Public API Surface of mapa-library-ui dropdown-tree
|
|
6375
6532
|
*/
|
|
6376
6533
|
|
|
6377
|
-
class MapaDropdownV2Component {
|
|
6378
|
-
constructor() {
|
|
6379
|
-
this.i18n = inject(MapaI18nService);
|
|
6380
|
-
this.isOpenState = signal(false, ...(ngDevMode ? [{ debugName: "isOpenState" }] : []));
|
|
6381
|
-
this.overlayWidthState = signal(0, ...(ngDevMode ? [{ debugName: "overlayWidthState" }] : []));
|
|
6382
|
-
// Tenta abrir para baixo; se não houver espaço no viewport, o CDK
|
|
6383
|
-
// reposiciona automaticamente para cima (fallback), evitando o corte
|
|
6384
|
-
// que ocorria quando o painel era um `position: absolute` local e um
|
|
6385
|
-
// ancestral definia `overflow: hidden` (ex.: `.report-card`).
|
|
6386
|
-
this.overlayPositions = [
|
|
6387
|
-
{ originX: "start", originY: "bottom", overlayX: "start", overlayY: "top", offsetY: 8 },
|
|
6388
|
-
{ originX: "start", originY: "top", overlayX: "start", overlayY: "bottom", offsetY: -8 },
|
|
6389
|
-
];
|
|
6390
|
-
}
|
|
6391
|
-
isOpen() {
|
|
6392
|
-
return this.isOpenState();
|
|
6393
|
-
}
|
|
6394
|
-
overlayWidth() {
|
|
6395
|
-
return this.overlayWidthState();
|
|
6396
|
-
}
|
|
6397
|
-
isMultiple() {
|
|
6398
|
-
return !!this.element.multiple;
|
|
6399
|
-
}
|
|
6400
|
-
selectedOptions() {
|
|
6401
|
-
const value = this.formControl.value;
|
|
6402
|
-
if (Array.isArray(value)) {
|
|
6403
|
-
return value;
|
|
6404
|
-
}
|
|
6405
|
-
return value ? [value] : [];
|
|
6406
|
-
}
|
|
6407
|
-
selectedLabel() {
|
|
6408
|
-
const selected = this.selectedOptions();
|
|
6409
|
-
if (!selected.length) {
|
|
6410
|
-
return this.element.placeholder || "";
|
|
6411
|
-
}
|
|
6412
|
-
return selected.map((option) => option.value).join(", ");
|
|
6413
|
-
}
|
|
6414
|
-
isOptionSelected(option) {
|
|
6415
|
-
return this.selectedOptions().some((selected) => selected.key === option.key);
|
|
6416
|
-
}
|
|
6417
|
-
hasValue() {
|
|
6418
|
-
return this.selectedOptions().length > 0;
|
|
6419
|
-
}
|
|
6420
|
-
get selectAllLabel() {
|
|
6421
|
-
return this.i18n.textsSignal().common.selectAll;
|
|
6422
|
-
}
|
|
6423
|
-
isAllSelected() {
|
|
6424
|
-
const options = this.filteredOptions();
|
|
6425
|
-
return (options.length > 0 &&
|
|
6426
|
-
options.every((option) => this.isOptionSelected(option)));
|
|
6427
|
-
}
|
|
6428
|
-
isIndeterminate() {
|
|
6429
|
-
const options = this.filteredOptions();
|
|
6430
|
-
const selectedCount = options.filter((option) => this.isOptionSelected(option)).length;
|
|
6431
|
-
return selectedCount > 0 && selectedCount < options.length;
|
|
6432
|
-
}
|
|
6433
|
-
toggleSelectAll() {
|
|
6434
|
-
const options = this.filteredOptions();
|
|
6435
|
-
const next = this.isAllSelected() ? [] : options.slice();
|
|
6436
|
-
this.formControl.setValue(next);
|
|
6437
|
-
this.formControl.markAsDirty();
|
|
6438
|
-
this.formControl.markAsTouched();
|
|
6439
|
-
}
|
|
6440
|
-
options() {
|
|
6441
|
-
return this.element.options ?? [];
|
|
6442
|
-
}
|
|
6443
|
-
filteredOptions() {
|
|
6444
|
-
const options = this.options();
|
|
6445
|
-
const searchTerm = this.searchControl?.value?.trim().toLocaleLowerCase() ?? "";
|
|
6446
|
-
if (!searchTerm) {
|
|
6447
|
-
return options;
|
|
6448
|
-
}
|
|
6449
|
-
return options.filter((option) => option.value?.toLocaleLowerCase().includes(searchTerm));
|
|
6450
|
-
}
|
|
6451
|
-
hasSearch() {
|
|
6452
|
-
return !!this.searchControl;
|
|
6453
|
-
}
|
|
6454
|
-
searchPlaceholder() {
|
|
6455
|
-
return this.element.search?.placeholder ?? "";
|
|
6456
|
-
}
|
|
6457
|
-
shouldShowRequiredError() {
|
|
6458
|
-
return (this.formControl.invalid &&
|
|
6459
|
-
(this.formControl.dirty || this.formControl.touched));
|
|
6460
|
-
}
|
|
6461
|
-
toggleDropdown() {
|
|
6462
|
-
const isOpening = !this.isOpenState();
|
|
6463
|
-
this.isOpenState.set(isOpening);
|
|
6464
|
-
if (isOpening) {
|
|
6465
|
-
this.overlayWidthState.set(this.triggerButton?.nativeElement.offsetWidth ?? 0);
|
|
6466
|
-
this.searchControl?.setValue("", { emitEvent: true });
|
|
6467
|
-
setTimeout(() => {
|
|
6468
|
-
this.triggerButton?.nativeElement.blur();
|
|
6469
|
-
this.searchInput?.nativeElement.focus();
|
|
6470
|
-
this.searchInput?.nativeElement.select();
|
|
6471
|
-
});
|
|
6472
|
-
return;
|
|
6473
|
-
}
|
|
6474
|
-
this.markAsTouchedIfEmpty();
|
|
6475
|
-
}
|
|
6476
|
-
selectOption(option) {
|
|
6477
|
-
if (this.isMultiple()) {
|
|
6478
|
-
this.toggleOption(option);
|
|
6479
|
-
return;
|
|
6480
|
-
}
|
|
6481
|
-
this.formControl.setValue(option);
|
|
6482
|
-
this.formControl.markAsDirty();
|
|
6483
|
-
this.formControl.markAsTouched();
|
|
6484
|
-
this.closeDropdown();
|
|
6485
|
-
}
|
|
6486
|
-
clearValue(event) {
|
|
6487
|
-
event.stopPropagation();
|
|
6488
|
-
this.formControl.setValue(this.isMultiple() ? [] : null);
|
|
6489
|
-
this.formControl.markAsDirty();
|
|
6490
|
-
this.formControl.markAsTouched();
|
|
6491
|
-
}
|
|
6492
|
-
toggleOption(option) {
|
|
6493
|
-
const current = this.selectedOptions();
|
|
6494
|
-
const next = this.isOptionSelected(option)
|
|
6495
|
-
? current.filter((selected) => selected.key !== option.key)
|
|
6496
|
-
: [...current, option];
|
|
6497
|
-
this.formControl.setValue(next);
|
|
6498
|
-
this.formControl.markAsDirty();
|
|
6499
|
-
this.formControl.markAsTouched();
|
|
6500
|
-
}
|
|
6501
|
-
closeDropdown() {
|
|
6502
|
-
this.isOpenState.set(false);
|
|
6503
|
-
this.searchControl?.setValue("", { emitEvent: true });
|
|
6504
|
-
this.markAsTouchedIfEmpty();
|
|
6505
|
-
}
|
|
6506
|
-
// O clique que abre o dropdown também alcança este listener (o botão
|
|
6507
|
-
// fica sob o overlay), então ignoramos cliques no próprio trigger para
|
|
6508
|
-
// não fechar imediatamente o painel que acabou de abrir.
|
|
6509
|
-
handleOverlayOutsideClick(event) {
|
|
6510
|
-
if (this.triggerButton?.nativeElement.contains(event.target)) {
|
|
6511
|
-
return;
|
|
6512
|
-
}
|
|
6513
|
-
this.closeDropdown();
|
|
6514
|
-
}
|
|
6515
|
-
handleWindowResize() {
|
|
6516
|
-
if (this.isOpenState()) {
|
|
6517
|
-
this.overlayWidthState.set(this.triggerButton?.nativeElement.offsetWidth ?? 0);
|
|
6518
|
-
}
|
|
6519
|
-
}
|
|
6520
|
-
get searchControl() {
|
|
6521
|
-
return this.element.search?.formControl;
|
|
6522
|
-
}
|
|
6523
|
-
markAsTouchedIfEmpty() {
|
|
6524
|
-
if (!this.hasValue()) {
|
|
6525
|
-
this.formControl.markAsTouched();
|
|
6526
|
-
}
|
|
6527
|
-
}
|
|
6528
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaDropdownV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6529
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaDropdownV2Component, isStandalone: true, selector: "mapa-dropdown-v2", inputs: { element: "element", formControl: "formControl" }, host: { listeners: { "window:resize": "handleWindowResize()" } }, viewQueries: [{ propertyName: "triggerButton", first: true, predicate: ["triggerButton"], descendants: true }, { propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }], ngImport: i0, template: "<div\n class=\"mapa-dropdown-v2\"\n [class.mapa-dropdown-v2--open]=\"isOpen()\"\n [class.mapa-dropdown-v2--invalid]=\"shouldShowRequiredError()\"\n>\n @if (element.label) {\n <label class=\"mapa-dropdown-v2__label\" [attr.for]=\"element.key || null\">\n {{ element.label }}\n </label>\n }\n\n <button\n #triggerButton\n cdkOverlayOrigin\n #origin=\"cdkOverlayOrigin\"\n class=\"mapa-dropdown-v2__trigger\"\n [class.mapa-dropdown-v2__trigger--clearable]=\"hasValue() && element.clearValue\"\n [id]=\"element.key || null\"\n type=\"button\"\n (click)=\"toggleDropdown()\"\n [attr.aria-expanded]=\"isOpen()\"\n [attr.aria-haspopup]=\"true\"\n >\n <span\n class=\"mapa-dropdown-v2__trigger-text\"\n [class.mapa-dropdown-v2__trigger-text--placeholder]=\"!hasValue()\"\n >\n {{ selectedLabel() }}\n </span>\n @if (hasValue() && element.clearValue) {\n <span\n class=\"mapa-dropdown-v2__clear\"\n role=\"button\"\n aria-label=\"Limpar\"\n (click)=\"clearValue($event)\"\n >\n ×\n </span>\n }\n </button>\n\n <ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"origin\"\n [cdkConnectedOverlayOpen]=\"isOpen()\"\n [cdkConnectedOverlayPositions]=\"overlayPositions\"\n [cdkConnectedOverlayWidth]=\"overlayWidth()\"\n cdkConnectedOverlayPanelClass=\"mapa-dropdown-v2__overlay-pane\"\n (overlayOutsideClick)=\"handleOverlayOutsideClick($event)\"\n >\n <div class=\"mapa-dropdown-v2__panel\">\n @if (hasSearch()) {\n <input\n #searchInput\n class=\"mapa-dropdown-v2__search-input\"\n type=\"text\"\n [formControl]=\"searchControl!\"\n [placeholder]=\"searchPlaceholder()\"\n />\n }\n\n <div class=\"mapa-dropdown-v2__options\" role=\"listbox\">\n @if (isMultiple() && filteredOptions().length) {\n <button\n class=\"mapa-dropdown-v2__option mapa-dropdown-v2__option--select-all\"\n type=\"button\"\n (click)=\"toggleSelectAll()\"\n >\n <input\n class=\"mapa-dropdown-v2__checkbox\"\n type=\"checkbox\"\n [checked]=\"isAllSelected()\"\n [indeterminate]=\"isIndeterminate()\"\n (click)=\"$event.stopPropagation(); toggleSelectAll()\"\n />\n {{ selectAllLabel }}\n </button>\n }\n @for (option of filteredOptions(); track option.key) {\n <button\n class=\"mapa-dropdown-v2__option\"\n [class.mapa-dropdown-v2__option--selected]=\"\n isOptionSelected(option)\n \"\n type=\"button\"\n (click)=\"selectOption(option)\"\n >\n @if (isMultiple()) {\n <input\n class=\"mapa-dropdown-v2__checkbox\"\n type=\"checkbox\"\n [checked]=\"isOptionSelected(option)\"\n (click)=\"$event.stopPropagation(); selectOption(option)\"\n />\n }\n {{ option.value }}\n </button>\n }\n\n @if (!filteredOptions().length) {\n <p class=\"mapa-dropdown-v2__empty-state\">\n {{ element.search?.noEntriesFoundLabel }}\n </p>\n }\n </div>\n </div>\n </ng-template>\n\n @if (shouldShowRequiredError() && element.errors?.['required']) {\n <p class=\"mapa-dropdown-v2__error\">\n {{ element.errors?.['required'] }}\n </p>\n }\n</div>\n", styles: [":host{position:relative;display:inline-block;max-width:min-content;min-width:235px;box-sizing:border-box}.mapa-dropdown-v2{width:100%}.mapa-dropdown-v2__label{display:inline-block;margin-bottom:8px;color:var(--mapa-color-ink, #1a1a1a);font-family:var(--mapa-font-heading, \"Asap\", sans-serif);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mapa-dropdown-v2__trigger,.mapa-dropdown-v2__search-input,.mapa-dropdown-v2__option{width:100%;min-height:48px;padding:12px 16px;border:0;background:var(--mapa-color-surface, #ffffff);color:var(--mapa-color-ink, #1a1a1a);font-family:var(--mapa-font-body, \"Asap\", sans-serif);font-size:16px;line-height:24px}.mapa-dropdown-v2__trigger:focus,.mapa-dropdown-v2__search-input:focus,.mapa-dropdown-v2__option:focus{outline:none}.mapa-dropdown-v2__trigger::placeholder,.mapa-dropdown-v2__search-input::placeholder,.mapa-dropdown-v2__option::placeholder{color:var(--mapa-color-muted, #555555)}.mapa-dropdown-v2__trigger{position:relative;display:flex;align-items:center;text-align:left;cursor:pointer;padding-right:46px;border:1px solid var(--mapa-color-border, rgba(26, 26, 26, .18));border-radius:var(--mapa-radius-sm, 12px);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.mapa-dropdown-v2__trigger--clearable{padding-right:70px}.mapa-dropdown-v2__trigger:after{content:\"\";position:absolute;top:50%;right:18px;width:9px;height:9px;border-right:2px solid var(--mapa-color-ink, #1a1a1a);border-bottom:2px solid var(--mapa-color-ink, #1a1a1a);transform:translateY(-70%) rotate(45deg);transition:transform .2s ease;pointer-events:none}.mapa-dropdown-v2--open .mapa-dropdown-v2__trigger,.mapa-dropdown-v2__trigger:focus{border-color:var(--mapa-color-accent, #ff560b);box-shadow:0 0 0 3px #ff560b1f}.mapa-dropdown-v2--open .mapa-dropdown-v2__trigger:after{transform:translateY(-20%) rotate(-135deg)}.mapa-dropdown-v2__trigger-text{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--mapa-color-ink, #1a1a1a)}.mapa-dropdown-v2__trigger-text--placeholder{color:var(--mapa-color-muted, #555555)}.mapa-dropdown-v2__clear{position:absolute;top:50%;right:40px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;color:var(--mapa-color-muted, #555555);font-size:16px;line-height:1;cursor:pointer}.mapa-dropdown-v2__clear:hover{background:#1a1a1a14;color:var(--mapa-color-ink, #1a1a1a)}.mapa-dropdown-v2__checkbox{flex:none;width:16px;height:16px;margin-right:12px;accent-color:var(--mapa-color-accent, #ff560b)}.mapa-dropdown-v2__panel{width:100%;background:var(--mapa-color-surface, #ffffff);border:1px solid var(--mapa-color-border-soft, rgba(26, 26, 26, .08));border-radius:var(--mapa-radius-md, 16px);box-shadow:var(--mapa-shadow-panel, 0 18px 40px rgba(26, 26, 26, .08));overflow:hidden}.mapa-dropdown-v2__search-input{border-bottom:1px solid var(--mapa-color-border-soft, rgba(26, 26, 26, .08))}.mapa-dropdown-v2__options{background:var(--mapa-color-surface, #ffffff);max-height:240px;overflow-y:auto}.mapa-dropdown-v2__option{display:flex;align-items:center;text-align:left;cursor:pointer;min-height:44px;transition:background-color .2s ease,color .2s ease}.mapa-dropdown-v2__option:hover{background:#ff560b14}.mapa-dropdown-v2__option--selected{background:#ff560b1f;color:var(--mapa-color-accent, #ff560b)}.mapa-dropdown-v2__option--select-all{border-bottom:1px solid var(--mapa-color-border-soft, rgba(26, 26, 26, .08));font-weight:600}.mapa-dropdown-v2__empty-state{margin:0;padding:14px 16px;color:var(--mapa-color-muted, #555555);font-size:14px;line-height:20px}.mapa-dropdown-v2--invalid .mapa-dropdown-v2__trigger{border-color:#b54242;box-shadow:0 0 0 3px #b542421f}.mapa-dropdown-v2__error{display:block;margin:8px 0 0;padding-left:4px;color:#b54242;font-size:13px;line-height:18px}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6530
|
-
}
|
|
6531
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaDropdownV2Component, decorators: [{
|
|
6532
|
-
type: Component,
|
|
6533
|
-
args: [{ selector: "mapa-dropdown-v2", standalone: true, imports: [ReactiveFormsModule, CdkConnectedOverlay, CdkOverlayOrigin], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"mapa-dropdown-v2\"\n [class.mapa-dropdown-v2--open]=\"isOpen()\"\n [class.mapa-dropdown-v2--invalid]=\"shouldShowRequiredError()\"\n>\n @if (element.label) {\n <label class=\"mapa-dropdown-v2__label\" [attr.for]=\"element.key || null\">\n {{ element.label }}\n </label>\n }\n\n <button\n #triggerButton\n cdkOverlayOrigin\n #origin=\"cdkOverlayOrigin\"\n class=\"mapa-dropdown-v2__trigger\"\n [class.mapa-dropdown-v2__trigger--clearable]=\"hasValue() && element.clearValue\"\n [id]=\"element.key || null\"\n type=\"button\"\n (click)=\"toggleDropdown()\"\n [attr.aria-expanded]=\"isOpen()\"\n [attr.aria-haspopup]=\"true\"\n >\n <span\n class=\"mapa-dropdown-v2__trigger-text\"\n [class.mapa-dropdown-v2__trigger-text--placeholder]=\"!hasValue()\"\n >\n {{ selectedLabel() }}\n </span>\n @if (hasValue() && element.clearValue) {\n <span\n class=\"mapa-dropdown-v2__clear\"\n role=\"button\"\n aria-label=\"Limpar\"\n (click)=\"clearValue($event)\"\n >\n ×\n </span>\n }\n </button>\n\n <ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"origin\"\n [cdkConnectedOverlayOpen]=\"isOpen()\"\n [cdkConnectedOverlayPositions]=\"overlayPositions\"\n [cdkConnectedOverlayWidth]=\"overlayWidth()\"\n cdkConnectedOverlayPanelClass=\"mapa-dropdown-v2__overlay-pane\"\n (overlayOutsideClick)=\"handleOverlayOutsideClick($event)\"\n >\n <div class=\"mapa-dropdown-v2__panel\">\n @if (hasSearch()) {\n <input\n #searchInput\n class=\"mapa-dropdown-v2__search-input\"\n type=\"text\"\n [formControl]=\"searchControl!\"\n [placeholder]=\"searchPlaceholder()\"\n />\n }\n\n <div class=\"mapa-dropdown-v2__options\" role=\"listbox\">\n @if (isMultiple() && filteredOptions().length) {\n <button\n class=\"mapa-dropdown-v2__option mapa-dropdown-v2__option--select-all\"\n type=\"button\"\n (click)=\"toggleSelectAll()\"\n >\n <input\n class=\"mapa-dropdown-v2__checkbox\"\n type=\"checkbox\"\n [checked]=\"isAllSelected()\"\n [indeterminate]=\"isIndeterminate()\"\n (click)=\"$event.stopPropagation(); toggleSelectAll()\"\n />\n {{ selectAllLabel }}\n </button>\n }\n @for (option of filteredOptions(); track option.key) {\n <button\n class=\"mapa-dropdown-v2__option\"\n [class.mapa-dropdown-v2__option--selected]=\"\n isOptionSelected(option)\n \"\n type=\"button\"\n (click)=\"selectOption(option)\"\n >\n @if (isMultiple()) {\n <input\n class=\"mapa-dropdown-v2__checkbox\"\n type=\"checkbox\"\n [checked]=\"isOptionSelected(option)\"\n (click)=\"$event.stopPropagation(); selectOption(option)\"\n />\n }\n {{ option.value }}\n </button>\n }\n\n @if (!filteredOptions().length) {\n <p class=\"mapa-dropdown-v2__empty-state\">\n {{ element.search?.noEntriesFoundLabel }}\n </p>\n }\n </div>\n </div>\n </ng-template>\n\n @if (shouldShowRequiredError() && element.errors?.['required']) {\n <p class=\"mapa-dropdown-v2__error\">\n {{ element.errors?.['required'] }}\n </p>\n }\n</div>\n", styles: [":host{position:relative;display:inline-block;max-width:min-content;min-width:235px;box-sizing:border-box}.mapa-dropdown-v2{width:100%}.mapa-dropdown-v2__label{display:inline-block;margin-bottom:8px;color:var(--mapa-color-ink, #1a1a1a);font-family:var(--mapa-font-heading, \"Asap\", sans-serif);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mapa-dropdown-v2__trigger,.mapa-dropdown-v2__search-input,.mapa-dropdown-v2__option{width:100%;min-height:48px;padding:12px 16px;border:0;background:var(--mapa-color-surface, #ffffff);color:var(--mapa-color-ink, #1a1a1a);font-family:var(--mapa-font-body, \"Asap\", sans-serif);font-size:16px;line-height:24px}.mapa-dropdown-v2__trigger:focus,.mapa-dropdown-v2__search-input:focus,.mapa-dropdown-v2__option:focus{outline:none}.mapa-dropdown-v2__trigger::placeholder,.mapa-dropdown-v2__search-input::placeholder,.mapa-dropdown-v2__option::placeholder{color:var(--mapa-color-muted, #555555)}.mapa-dropdown-v2__trigger{position:relative;display:flex;align-items:center;text-align:left;cursor:pointer;padding-right:46px;border:1px solid var(--mapa-color-border, rgba(26, 26, 26, .18));border-radius:var(--mapa-radius-sm, 12px);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.mapa-dropdown-v2__trigger--clearable{padding-right:70px}.mapa-dropdown-v2__trigger:after{content:\"\";position:absolute;top:50%;right:18px;width:9px;height:9px;border-right:2px solid var(--mapa-color-ink, #1a1a1a);border-bottom:2px solid var(--mapa-color-ink, #1a1a1a);transform:translateY(-70%) rotate(45deg);transition:transform .2s ease;pointer-events:none}.mapa-dropdown-v2--open .mapa-dropdown-v2__trigger,.mapa-dropdown-v2__trigger:focus{border-color:var(--mapa-color-accent, #ff560b);box-shadow:0 0 0 3px #ff560b1f}.mapa-dropdown-v2--open .mapa-dropdown-v2__trigger:after{transform:translateY(-20%) rotate(-135deg)}.mapa-dropdown-v2__trigger-text{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--mapa-color-ink, #1a1a1a)}.mapa-dropdown-v2__trigger-text--placeholder{color:var(--mapa-color-muted, #555555)}.mapa-dropdown-v2__clear{position:absolute;top:50%;right:40px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;color:var(--mapa-color-muted, #555555);font-size:16px;line-height:1;cursor:pointer}.mapa-dropdown-v2__clear:hover{background:#1a1a1a14;color:var(--mapa-color-ink, #1a1a1a)}.mapa-dropdown-v2__checkbox{flex:none;width:16px;height:16px;margin-right:12px;accent-color:var(--mapa-color-accent, #ff560b)}.mapa-dropdown-v2__panel{width:100%;background:var(--mapa-color-surface, #ffffff);border:1px solid var(--mapa-color-border-soft, rgba(26, 26, 26, .08));border-radius:var(--mapa-radius-md, 16px);box-shadow:var(--mapa-shadow-panel, 0 18px 40px rgba(26, 26, 26, .08));overflow:hidden}.mapa-dropdown-v2__search-input{border-bottom:1px solid var(--mapa-color-border-soft, rgba(26, 26, 26, .08))}.mapa-dropdown-v2__options{background:var(--mapa-color-surface, #ffffff);max-height:240px;overflow-y:auto}.mapa-dropdown-v2__option{display:flex;align-items:center;text-align:left;cursor:pointer;min-height:44px;transition:background-color .2s ease,color .2s ease}.mapa-dropdown-v2__option:hover{background:#ff560b14}.mapa-dropdown-v2__option--selected{background:#ff560b1f;color:var(--mapa-color-accent, #ff560b)}.mapa-dropdown-v2__option--select-all{border-bottom:1px solid var(--mapa-color-border-soft, rgba(26, 26, 26, .08));font-weight:600}.mapa-dropdown-v2__empty-state{margin:0;padding:14px 16px;color:var(--mapa-color-muted, #555555);font-size:14px;line-height:20px}.mapa-dropdown-v2--invalid .mapa-dropdown-v2__trigger{border-color:#b54242;box-shadow:0 0 0 3px #b542421f}.mapa-dropdown-v2__error{display:block;margin:8px 0 0;padding-left:4px;color:#b54242;font-size:13px;line-height:18px}\n"] }]
|
|
6534
|
-
}], propDecorators: { element: [{
|
|
6535
|
-
type: Input,
|
|
6536
|
-
args: [{ required: true }]
|
|
6537
|
-
}], formControl: [{
|
|
6538
|
-
type: Input,
|
|
6539
|
-
args: [{ required: true }]
|
|
6540
|
-
}], triggerButton: [{
|
|
6541
|
-
type: ViewChild,
|
|
6542
|
-
args: ["triggerButton"]
|
|
6543
|
-
}], searchInput: [{
|
|
6544
|
-
type: ViewChild,
|
|
6545
|
-
args: ["searchInput"]
|
|
6546
|
-
}], handleWindowResize: [{
|
|
6547
|
-
type: HostListener,
|
|
6548
|
-
args: ["window:resize"]
|
|
6549
|
-
}] } });
|
|
6550
|
-
|
|
6551
|
-
/*
|
|
6552
|
-
* Public API Surface of mapa-library-ui dropdown-v2
|
|
6553
|
-
*/
|
|
6554
|
-
|
|
6555
6534
|
class MapaEmptyStateComponent {
|
|
6556
6535
|
constructor() {
|
|
6557
6536
|
this.title = null;
|
|
6558
6537
|
this.subtitle = null;
|
|
6559
6538
|
}
|
|
6560
6539
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaEmptyStateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6561
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaEmptyStateComponent, isStandalone: true, selector: "mapa-empty", inputs: { title: "title", subtitle: "subtitle" }, ngImport: i0, template: "<div class=\"empty\">\n <svg\n width=\"284\"\n height=\"284\"\n viewBox=\"0 0 284 284\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n >\n <rect width=\"284\" height=\"284\" fill=\"url(#pattern0)\" />\n <defs>\n <pattern\n id=\"pattern0\"\n patternContentUnits=\"objectBoundingBox\"\n width=\"1\"\n height=\"1\"\n >\n <use xlink:href=\"#image0_861_11131\" transform=\"scale(0.00219298)\" />\n </pattern>\n <image\n id=\"image0_861_11131\"\n width=\"456\"\n height=\"456\"\n xlink:href=\"data:image/png;base64,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\"\n />\n </defs>\n </svg>\n <h2 *ngIf=\"title\" [innerHTML]=\"title | safeHtml\"></h2>\n <h3 *ngIf=\"subtitle\" [innerHTML]=\"subtitle | safeHtml\"></h3>\n</div>\n\n", styles: [".empty svg{display:block;margin:auto}.empty h3{color:#8c8f94;text-align:center;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400;line-height:24px}.empty h2{color:#181818;text-align:center;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:20px;font-style:normal;font-weight:400;line-height:28px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] }); }
|
|
6540
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaEmptyStateComponent, isStandalone: true, selector: "mapa-empty", inputs: { title: "title", subtitle: "subtitle" }, ngImport: i0, template: "<div class=\"empty\">\n <svg\n width=\"284\"\n height=\"284\"\n viewBox=\"0 0 284 284\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n >\n <rect width=\"284\" height=\"284\" fill=\"url(#pattern0)\" />\n <defs>\n <pattern\n id=\"pattern0\"\n patternContentUnits=\"objectBoundingBox\"\n width=\"1\"\n height=\"1\"\n >\n <use xlink:href=\"#image0_861_11131\" transform=\"scale(0.00219298)\" />\n </pattern>\n <image\n id=\"image0_861_11131\"\n width=\"456\"\n height=\"456\"\n xlink:href=\"data:image/png;base64,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\"\n />\n </defs>\n </svg>\n <h2 *ngIf=\"title\" [innerHTML]=\"title | safeHtml\"></h2>\n <h3 *ngIf=\"subtitle\" [innerHTML]=\"subtitle | safeHtml\"></h3>\n</div>\n\n", styles: [".empty svg{display:block;margin:auto}.empty h3{color:#8c8f94;text-align:center;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400;line-height:24px}.empty h2{color:#181818;text-align:center;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:20px;font-style:normal;font-weight:400;line-height:28px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] }); }
|
|
6562
6541
|
}
|
|
6563
6542
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaEmptyStateComponent, decorators: [{
|
|
6564
6543
|
type: Component,
|
|
@@ -6608,7 +6587,7 @@ class MapaInputComponent {
|
|
|
6608
6587
|
useExisting: forwardRef(() => MapaInputComponent),
|
|
6609
6588
|
multi: true,
|
|
6610
6589
|
},
|
|
6611
|
-
], ngImport: i0, template: "<label *ngIf=\"element.label\" class=\"mapa-input__label\">\n {{ element.label }}\n</label>\n<div class=\"mapa-form--inline\">\n <mat-form-field\n class=\"mapa-input\"\n appearance=\"outline\"\n subscriptSizing=\"dynamic\"\n >\n <mat-icon *ngIf=\"element.prefix\" class=\"mapa-input--prefix\" matPrefix>\n {{ element.prefix }}\n </mat-icon>\n <input\n *ngIf=\"element.autosize\"\n matInput\n matInputAutosize\n [matInputAutosizeMinWidth]=\"element.autosizeMinWidth!\"\n [matInputAutosizeMaxWidth]=\"element.autosizeMaxWidth!\"\n [formControl]=\"formControl\"\n [placeholder]=\"element.placeholder || element.label\"\n [maxlength]=\"element.maxLength\"\n (keydown.enter)=\"suffixEmit()\"\n [type]=\"type\"\n [mask]=\"element.mask\"\n thousandSeparator=\".\"\n decimalMarker=\",\"\n [autocomplete]=\"element.autocomplete\"\n [readOnly]=\"element.readonly\"\n />\n <input\n matInput\n *ngIf=\"!element.autosize\"\n [formControl]=\"formControl\"\n [placeholder]=\"element.placeholder || element.label\"\n [maxlength]=\"element.maxLength\"\n (keydown.enter)=\"suffixEmit()\"\n [type]=\"type\"\n [mask]=\"element.mask\"\n [autocomplete]=\"element.autocomplete\"\n [readOnly]=\"element.readonly\"\n />\n <
|
|
6590
|
+
], ngImport: i0, template: "<label *ngIf=\"element.label\" class=\"mapa-input__label\">\n {{ element.label }}\n</label>\n<div class=\"mapa-form--inline\">\n <mat-form-field\n class=\"mapa-input\"\n [class.mapa-input--autosize]=\"element.autosize\"\n appearance=\"outline\"\n subscriptSizing=\"dynamic\"\n >\n <mat-icon *ngIf=\"element.prefix\" class=\"mapa-input--prefix\" matPrefix>\n {{ element.prefix }}\n </mat-icon>\n <input\n *ngIf=\"element.autosize\"\n matInput\n matInputAutosize\n [matInputAutosizeMinWidth]=\"element.autosizeMinWidth!\"\n [matInputAutosizeMaxWidth]=\"element.autosizeMaxWidth!\"\n [formControl]=\"formControl\"\n [placeholder]=\"element.placeholder || element.label\"\n [maxlength]=\"element.maxLength\"\n (keydown.enter)=\"suffixEmit()\"\n [type]=\"type\"\n [mask]=\"element.mask\"\n thousandSeparator=\".\"\n decimalMarker=\",\"\n [autocomplete]=\"element.autocomplete\"\n [readOnly]=\"element.readonly\"\n />\n <input\n matInput\n *ngIf=\"!element.autosize\"\n [formControl]=\"formControl\"\n [placeholder]=\"element.placeholder || element.label\"\n [maxlength]=\"element.maxLength\"\n (keydown.enter)=\"suffixEmit()\"\n [type]=\"type\"\n [mask]=\"element.mask\"\n [autocomplete]=\"element.autocomplete\"\n [readOnly]=\"element.readonly\"\n />\n <button\n *ngIf=\"hasValue() && !formControl.disabled && element.clearValue\"\n type=\"button\"\n matSuffix\n aria-label=\"Limpar\"\n (click)=\"clearValue()\"\n class=\"mapa-input--close\"\n >\n ×\n </button>\n <mat-icon\n *ngIf=\"element.suffix\"\n class=\"mapa-input--suffix\"\n matSuffix\n (click)=\"suffix.emit()\"\n >\n {{ element.suffix }}\n </mat-icon>\n <mat-hint *ngIf=\"element.hint\">{{ element.hint }}</mat-hint>\n <mat-error>\n <mapa-form-errors\n [control]=\"formControl\"\n [errors]=\"element.errors\"\n ></mapa-form-errors>\n </mat-error>\n </mat-form-field>\n\n <div *ngIf=\"element.actionButton\" class=\"mapa-form--action\">\n <mapa-button\n color=\"basic\"\n (clicked)=\"element.actionButton.action.emit(true)\"\n >\n {{ element.actionButton.label }}\n </mapa-button>\n </div>\n</div>\n", styles: [".mapa-input{width:310px;min-width:310px;box-sizing:border-box}.mapa-input--autosize{width:auto}.mapa-input__label{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}:host ::ng-deep .mapa-input .mat-mdc-form-field-error-wrapper,:host ::ng-deep .mapa-input .mat-mdc-form-field-hint-wrapper,:host ::ng-deep .mapa-input .mat-mdc-form-field-subscript-wrapper{padding:0!important}:host ::ng-deep .mapa-input .mat-mdc-form-field-error{margin:8px 0 0;padding-left:4px;color:#b54242;font-size:13px;line-height:18px}:host ::ng-deep .mapa-input .mat-mdc-form-field-error:before{display:none}:host ::ng-deep .mapa-input .mat-mdc-form-field-hint{display:block;margin:8px 0 0;padding-left:4px;color:var(--mapa-color-muted, #555555);font-size:13px;line-height:18px}:host ::ng-deep .mapa-input .mat-mdc-form-field-hint:before{display:none}:host ::ng-deep .mapa-input .mat-mdc-input-element{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400}:host ::ng-deep .mapa-input .mat-mdc-form-field-flex{height:48px!important}:host ::ng-deep .mapa-input .mat-mdc-text-field-wrapper{background-color:var(--mapa-color-surface, #ffffff);border-radius:var(--mapa-radius-sm, 12px);height:48px}:host ::ng-deep .mapa-input .mat-mdc-text-field-wrapper.mdc-text-field--outlined{padding-left:unset!important;padding-right:unset!important}:host ::ng-deep .mapa-input .mdc-notched-outline{background-color:transparent;border-radius:var(--mapa-radius-sm, 12px)}:host ::ng-deep .mapa-input .mdc-text-field--outlined .mat-mdc-form-field-infix{padding-bottom:12px;padding-top:16px;--mat-form-field-container-height: 48px}:host ::ng-deep .mapa-input .mdc-text-field--outlined{--mat-form-field-outlined-container-shape: var(--mapa-radius-sm, 12px);--mat-form-field-outlined-outline-color: var( --mapa-color-border, rgba(26, 26, 26, .18) );--mat-form-field-outlined-hover-outline-color: var( --mapa-color-border, rgba(26, 26, 26, .18) );--mat-form-field-outlined-focus-outline-color: var( --mapa-color-accent, #ff560b );--mat-form-field-outlined-outline-width: 1px;--mat-form-field-outlined-focus-outline-width: 1px}:host ::ng-deep .mapa-input .mdc-notched-outline__leading,:host ::ng-deep .mapa-input .mdc-notched-outline__notch,:host ::ng-deep .mapa-input .mdc-notched-outline__trailing{border-width:1px!important}:host ::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix{display:flex}:host ::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix .mapa-input--close{display:flex;flex:0 0 20px;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--mapa-color-muted, #555555);font-family:inherit;font-size:16px;line-height:1;cursor:pointer}:host ::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix .mapa-input--close:hover{background:#1a1a1a14;color:var(--mapa-color-ink, #1a1a1a)}:host ::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix .mapa-input--close:last-child{margin-right:12px}:host ::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix .mapa-input--suffix{padding:0 0 0 8px}:host ::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix .mat-icon:last-child{padding-right:12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions", "instantPrefix"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3$2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3$2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i3$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: ButtonComponent, selector: "mapa-button", inputs: ["color", "disabled"], outputs: ["clicked"] }, { kind: "directive", type: MatInputAutosizeDirective, selector: "[matInputAutosize]", inputs: ["matInputAutosizeMaxWidth", "matInputAutosizeMinWidth", "matInputAutosizeFontStyle"] }, { kind: "component", type: MapaFormErrorsComponent, selector: "mapa-form-errors", inputs: ["control", "errors"] }] }); }
|
|
6612
6591
|
}
|
|
6613
6592
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaInputComponent, decorators: [{
|
|
6614
6593
|
type: Component,
|
|
@@ -6630,7 +6609,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
6630
6609
|
useExisting: forwardRef(() => MapaInputComponent),
|
|
6631
6610
|
multi: true,
|
|
6632
6611
|
},
|
|
6633
|
-
], standalone: true, template: "<label *ngIf=\"element.label\" class=\"mapa-input__label\">\n {{ element.label }}\n</label>\n<div class=\"mapa-form--inline\">\n <mat-form-field\n class=\"mapa-input\"\n appearance=\"outline\"\n subscriptSizing=\"dynamic\"\n >\n <mat-icon *ngIf=\"element.prefix\" class=\"mapa-input--prefix\" matPrefix>\n {{ element.prefix }}\n </mat-icon>\n <input\n *ngIf=\"element.autosize\"\n matInput\n matInputAutosize\n [matInputAutosizeMinWidth]=\"element.autosizeMinWidth!\"\n [matInputAutosizeMaxWidth]=\"element.autosizeMaxWidth!\"\n [formControl]=\"formControl\"\n [placeholder]=\"element.placeholder || element.label\"\n [maxlength]=\"element.maxLength\"\n (keydown.enter)=\"suffixEmit()\"\n [type]=\"type\"\n [mask]=\"element.mask\"\n thousandSeparator=\".\"\n decimalMarker=\",\"\n [autocomplete]=\"element.autocomplete\"\n [readOnly]=\"element.readonly\"\n />\n <input\n matInput\n *ngIf=\"!element.autosize\"\n [formControl]=\"formControl\"\n [placeholder]=\"element.placeholder || element.label\"\n [maxlength]=\"element.maxLength\"\n (keydown.enter)=\"suffixEmit()\"\n [type]=\"type\"\n [mask]=\"element.mask\"\n [autocomplete]=\"element.autocomplete\"\n [readOnly]=\"element.readonly\"\n />\n <
|
|
6612
|
+
], standalone: true, template: "<label *ngIf=\"element.label\" class=\"mapa-input__label\">\n {{ element.label }}\n</label>\n<div class=\"mapa-form--inline\">\n <mat-form-field\n class=\"mapa-input\"\n [class.mapa-input--autosize]=\"element.autosize\"\n appearance=\"outline\"\n subscriptSizing=\"dynamic\"\n >\n <mat-icon *ngIf=\"element.prefix\" class=\"mapa-input--prefix\" matPrefix>\n {{ element.prefix }}\n </mat-icon>\n <input\n *ngIf=\"element.autosize\"\n matInput\n matInputAutosize\n [matInputAutosizeMinWidth]=\"element.autosizeMinWidth!\"\n [matInputAutosizeMaxWidth]=\"element.autosizeMaxWidth!\"\n [formControl]=\"formControl\"\n [placeholder]=\"element.placeholder || element.label\"\n [maxlength]=\"element.maxLength\"\n (keydown.enter)=\"suffixEmit()\"\n [type]=\"type\"\n [mask]=\"element.mask\"\n thousandSeparator=\".\"\n decimalMarker=\",\"\n [autocomplete]=\"element.autocomplete\"\n [readOnly]=\"element.readonly\"\n />\n <input\n matInput\n *ngIf=\"!element.autosize\"\n [formControl]=\"formControl\"\n [placeholder]=\"element.placeholder || element.label\"\n [maxlength]=\"element.maxLength\"\n (keydown.enter)=\"suffixEmit()\"\n [type]=\"type\"\n [mask]=\"element.mask\"\n [autocomplete]=\"element.autocomplete\"\n [readOnly]=\"element.readonly\"\n />\n <button\n *ngIf=\"hasValue() && !formControl.disabled && element.clearValue\"\n type=\"button\"\n matSuffix\n aria-label=\"Limpar\"\n (click)=\"clearValue()\"\n class=\"mapa-input--close\"\n >\n ×\n </button>\n <mat-icon\n *ngIf=\"element.suffix\"\n class=\"mapa-input--suffix\"\n matSuffix\n (click)=\"suffix.emit()\"\n >\n {{ element.suffix }}\n </mat-icon>\n <mat-hint *ngIf=\"element.hint\">{{ element.hint }}</mat-hint>\n <mat-error>\n <mapa-form-errors\n [control]=\"formControl\"\n [errors]=\"element.errors\"\n ></mapa-form-errors>\n </mat-error>\n </mat-form-field>\n\n <div *ngIf=\"element.actionButton\" class=\"mapa-form--action\">\n <mapa-button\n color=\"basic\"\n (clicked)=\"element.actionButton.action.emit(true)\"\n >\n {{ element.actionButton.label }}\n </mapa-button>\n </div>\n</div>\n", styles: [".mapa-input{width:310px;min-width:310px;box-sizing:border-box}.mapa-input--autosize{width:auto}.mapa-input__label{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}:host ::ng-deep .mapa-input .mat-mdc-form-field-error-wrapper,:host ::ng-deep .mapa-input .mat-mdc-form-field-hint-wrapper,:host ::ng-deep .mapa-input .mat-mdc-form-field-subscript-wrapper{padding:0!important}:host ::ng-deep .mapa-input .mat-mdc-form-field-error{margin:8px 0 0;padding-left:4px;color:#b54242;font-size:13px;line-height:18px}:host ::ng-deep .mapa-input .mat-mdc-form-field-error:before{display:none}:host ::ng-deep .mapa-input .mat-mdc-form-field-hint{display:block;margin:8px 0 0;padding-left:4px;color:var(--mapa-color-muted, #555555);font-size:13px;line-height:18px}:host ::ng-deep .mapa-input .mat-mdc-form-field-hint:before{display:none}:host ::ng-deep .mapa-input .mat-mdc-input-element{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400}:host ::ng-deep .mapa-input .mat-mdc-form-field-flex{height:48px!important}:host ::ng-deep .mapa-input .mat-mdc-text-field-wrapper{background-color:var(--mapa-color-surface, #ffffff);border-radius:var(--mapa-radius-sm, 12px);height:48px}:host ::ng-deep .mapa-input .mat-mdc-text-field-wrapper.mdc-text-field--outlined{padding-left:unset!important;padding-right:unset!important}:host ::ng-deep .mapa-input .mdc-notched-outline{background-color:transparent;border-radius:var(--mapa-radius-sm, 12px)}:host ::ng-deep .mapa-input .mdc-text-field--outlined .mat-mdc-form-field-infix{padding-bottom:12px;padding-top:16px;--mat-form-field-container-height: 48px}:host ::ng-deep .mapa-input .mdc-text-field--outlined{--mat-form-field-outlined-container-shape: var(--mapa-radius-sm, 12px);--mat-form-field-outlined-outline-color: var( --mapa-color-border, rgba(26, 26, 26, .18) );--mat-form-field-outlined-hover-outline-color: var( --mapa-color-border, rgba(26, 26, 26, .18) );--mat-form-field-outlined-focus-outline-color: var( --mapa-color-accent, #ff560b );--mat-form-field-outlined-outline-width: 1px;--mat-form-field-outlined-focus-outline-width: 1px}:host ::ng-deep .mapa-input .mdc-notched-outline__leading,:host ::ng-deep .mapa-input .mdc-notched-outline__notch,:host ::ng-deep .mapa-input .mdc-notched-outline__trailing{border-width:1px!important}:host ::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix{display:flex}:host ::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix .mapa-input--close{display:flex;flex:0 0 20px;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--mapa-color-muted, #555555);font-family:inherit;font-size:16px;line-height:1;cursor:pointer}:host ::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix .mapa-input--close:hover{background:#1a1a1a14;color:var(--mapa-color-ink, #1a1a1a)}:host ::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix .mapa-input--close:last-child{margin-right:12px}:host ::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix .mapa-input--suffix{padding:0 0 0 8px}:host ::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix .mat-icon:last-child{padding-right:12px}\n"] }]
|
|
6634
6613
|
}], propDecorators: { formControl: [{
|
|
6635
6614
|
type: Input
|
|
6636
6615
|
}], element: [{
|
|
@@ -6669,7 +6648,7 @@ class FiltersComponent {
|
|
|
6669
6648
|
this.selectedValues.emit(this.form.getRawValue());
|
|
6670
6649
|
}
|
|
6671
6650
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: FiltersComponent, deps: [{ token: MapaI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6672
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: FiltersComponent, isStandalone: true, selector: "mapa-filters", inputs: { form: "form", elements: "elements" }, outputs: { selectedValues: "selectedValues" }, ngImport: i0, template: "<div class=\"filter\">\n <div *ngFor=\"let filter of elements\">\n <div *ngIf=\"filter.controlType === 'checkbox'\" class=\"filter__item--resizable\">\n <mapa-checkbox [formControl]=\"getFormControl(filter.key)\"></mapa-checkbox>\n </div>\n <div *ngIf=\"filter.controlType === 'dropdown'\" class=\"filter__item--resizable\">\n <mapa-dropdown\n [formControl]=\"getFormControl(filter.key)\"\n [element]=\"filter\"\n ></mapa-dropdown>\n </div>\n <div *ngIf=\"filter.controlType === 'input'\" class=\"filter__item\">\n <mapa-input\n [formControl]=\"getFormControl(filter.key)\"\n [element]=\"filter\"\n ></mapa-input>\n </div>\n </div>\n <div class=\"filter__item\">\n <mapa-button [color]=\"'basic'\" (clicked)=\"clearFilters()\">\n {{ clearFiltersLabel }}\n </mapa-button>\n <mapa-button\n [color]=\"'primary'\"\n [disabled]=\"!!form.invalid\"\n (clicked)=\"emitSelectedValues()\"\n >\n {{ submitFiltersLabel }}\n </mapa-button>\n </div>\n</div>\n\n", styles: [".filter{display:flex;align-items:flex-end;flex-wrap:wrap;background-color:#f6f7f7;padding:32px;width:100%;gap:30px}.filter__item,.filter__item--resizable{display:flex;align-items:flex-end}.filter
|
|
6651
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: FiltersComponent, isStandalone: true, selector: "mapa-filters", inputs: { form: "form", elements: "elements" }, outputs: { selectedValues: "selectedValues" }, ngImport: i0, template: "<div class=\"filter\">\n <div *ngFor=\"let filter of elements\">\n <div *ngIf=\"filter.controlType === 'checkbox'\" class=\"filter__item--resizable\">\n <mapa-checkbox [formControl]=\"getFormControl(filter.key)\"></mapa-checkbox>\n </div>\n <div *ngIf=\"filter.controlType === 'dropdown'\" class=\"filter__item--resizable\">\n <mapa-dropdown\n [formControl]=\"getFormControl(filter.key)\"\n [element]=\"filter\"\n ></mapa-dropdown>\n </div>\n <div *ngIf=\"filter.controlType === 'input'\" class=\"filter__item\">\n <mapa-input\n [formControl]=\"getFormControl(filter.key)\"\n [element]=\"filter\"\n ></mapa-input>\n </div>\n </div>\n <div class=\"filter__item\">\n <mapa-button [color]=\"'basic'\" (clicked)=\"clearFilters()\">\n {{ clearFiltersLabel }}\n </mapa-button>\n <mapa-button\n [color]=\"'primary'\"\n [disabled]=\"!!form.invalid\"\n (clicked)=\"emitSelectedValues()\"\n >\n {{ submitFiltersLabel }}\n </mapa-button>\n </div>\n</div>\n\n", styles: [".filter{display:flex;align-items:flex-end;flex-wrap:wrap;background-color:#f6f7f7;padding:32px;width:100%;gap:30px}.filter__item,.filter__item--resizable{display:flex;align-items:flex-end}.filter mapa-dropdown{display:block;max-width:none;min-width:10vw}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: ButtonComponent, selector: "mapa-button", inputs: ["color", "disabled"], outputs: ["clicked"] }, { kind: "component", type: CheckboxComponent, selector: "mapa-checkbox", inputs: ["color", "formControl"] }, { kind: "component", type: MapaDropdownComponent, selector: "mapa-dropdown", inputs: ["element", "formControl", "formControlSearch", "border"], outputs: ["openedChange"] }, { kind: "component", type: MapaInputComponent, selector: "mapa-input", inputs: ["formControl", "element", "type"], outputs: ["suffix"] }] }); }
|
|
6673
6652
|
}
|
|
6674
6653
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: FiltersComponent, decorators: [{
|
|
6675
6654
|
type: Component,
|
|
@@ -6680,7 +6659,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
6680
6659
|
CheckboxComponent,
|
|
6681
6660
|
MapaDropdownComponent,
|
|
6682
6661
|
MapaInputComponent,
|
|
6683
|
-
], standalone: true, template: "<div class=\"filter\">\n <div *ngFor=\"let filter of elements\">\n <div *ngIf=\"filter.controlType === 'checkbox'\" class=\"filter__item--resizable\">\n <mapa-checkbox [formControl]=\"getFormControl(filter.key)\"></mapa-checkbox>\n </div>\n <div *ngIf=\"filter.controlType === 'dropdown'\" class=\"filter__item--resizable\">\n <mapa-dropdown\n [formControl]=\"getFormControl(filter.key)\"\n [element]=\"filter\"\n ></mapa-dropdown>\n </div>\n <div *ngIf=\"filter.controlType === 'input'\" class=\"filter__item\">\n <mapa-input\n [formControl]=\"getFormControl(filter.key)\"\n [element]=\"filter\"\n ></mapa-input>\n </div>\n </div>\n <div class=\"filter__item\">\n <mapa-button [color]=\"'basic'\" (clicked)=\"clearFilters()\">\n {{ clearFiltersLabel }}\n </mapa-button>\n <mapa-button\n [color]=\"'primary'\"\n [disabled]=\"!!form.invalid\"\n (clicked)=\"emitSelectedValues()\"\n >\n {{ submitFiltersLabel }}\n </mapa-button>\n </div>\n</div>\n\n", styles: [".filter{display:flex;align-items:flex-end;flex-wrap:wrap;background-color:#f6f7f7;padding:32px;width:100%;gap:30px}.filter__item,.filter__item--resizable{display:flex;align-items:flex-end}.filter
|
|
6662
|
+
], standalone: true, template: "<div class=\"filter\">\n <div *ngFor=\"let filter of elements\">\n <div *ngIf=\"filter.controlType === 'checkbox'\" class=\"filter__item--resizable\">\n <mapa-checkbox [formControl]=\"getFormControl(filter.key)\"></mapa-checkbox>\n </div>\n <div *ngIf=\"filter.controlType === 'dropdown'\" class=\"filter__item--resizable\">\n <mapa-dropdown\n [formControl]=\"getFormControl(filter.key)\"\n [element]=\"filter\"\n ></mapa-dropdown>\n </div>\n <div *ngIf=\"filter.controlType === 'input'\" class=\"filter__item\">\n <mapa-input\n [formControl]=\"getFormControl(filter.key)\"\n [element]=\"filter\"\n ></mapa-input>\n </div>\n </div>\n <div class=\"filter__item\">\n <mapa-button [color]=\"'basic'\" (clicked)=\"clearFilters()\">\n {{ clearFiltersLabel }}\n </mapa-button>\n <mapa-button\n [color]=\"'primary'\"\n [disabled]=\"!!form.invalid\"\n (clicked)=\"emitSelectedValues()\"\n >\n {{ submitFiltersLabel }}\n </mapa-button>\n </div>\n</div>\n\n", styles: [".filter{display:flex;align-items:flex-end;flex-wrap:wrap;background-color:#f6f7f7;padding:32px;width:100%;gap:30px}.filter__item,.filter__item--resizable{display:flex;align-items:flex-end}.filter mapa-dropdown{display:block;max-width:none;min-width:10vw}\n"] }]
|
|
6684
6663
|
}], ctorParameters: () => [{ type: MapaI18nService }], propDecorators: { form: [{
|
|
6685
6664
|
type: Input
|
|
6686
6665
|
}], elements: [{
|
|
@@ -6729,7 +6708,7 @@ class RadioButtonComponent {
|
|
|
6729
6708
|
useExisting: forwardRef(() => RadioButtonComponent),
|
|
6730
6709
|
multi: true,
|
|
6731
6710
|
},
|
|
6732
|
-
], usesOnChanges: true, ngImport: i0, template: "<label *ngIf=\"element.label\" class=\"mapa-radio-button__label\">\n {{ element.label }}\n</label>\n<section class=\"mapa-radio-button\">\n <mat-radio-group [formControl]=\"formControl\" [value]=\"selectedOption\" (change)=\"onSelectionChange($event.value)\">\n <mat-radio-button\n *ngFor=\"let option of options\"\n [value]=\"option\"\n >\n {{ option.value }}\n </mat-radio-button>\n </mat-radio-group>\n</section>\n", styles: [".mapa-radio-button{--mat-radio-selected-focus-icon-color: #ea561d;--mat-radio-selected-hover-icon-color: #ea561d;--mat-radio-selected-icon-color: #ea561d;--mat-radio-selected-pressed-icon-color: #ea561d;--mat-mdc-radio-ripple-color: #ea561d;--mat-mdc-radio-checked-ripple-color: #ea561d;color:#000;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400;line-height:20px}:host ::ng-deep .mapa-radio-button__label{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button{margin-right:24px}:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button .mdc-form-field{display:inline-flex;align-items:center;gap:8px;vertical-align:middle}:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button .mdc-radio{padding:0;flex-shrink:0}:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button .mdc-radio,:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button .mdc-radio__background,:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button .mdc-radio__outer-circle,:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button .mdc-radio__inner-circle{height:12px;width:12px}:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button .mat-mdc-radio-touch-target{height:24px;width:24px}:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button .mat-radio-ripple{border-radius:50%;inset:-6px}:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button .mdc-label{display:inline-flex;align-items:center;margin:0;min-height:24px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$
|
|
6711
|
+
], usesOnChanges: true, ngImport: i0, template: "<label *ngIf=\"element.label\" class=\"mapa-radio-button__label\">\n {{ element.label }}\n</label>\n<section class=\"mapa-radio-button\">\n <mat-radio-group [formControl]=\"formControl\" [value]=\"selectedOption\" (change)=\"onSelectionChange($event.value)\">\n <mat-radio-button\n *ngFor=\"let option of options\"\n [value]=\"option\"\n >\n {{ option.value }}\n </mat-radio-button>\n </mat-radio-group>\n</section>\n", styles: [".mapa-radio-button{--mat-radio-selected-focus-icon-color: #ea561d;--mat-radio-selected-hover-icon-color: #ea561d;--mat-radio-selected-icon-color: #ea561d;--mat-radio-selected-pressed-icon-color: #ea561d;--mat-mdc-radio-ripple-color: #ea561d;--mat-mdc-radio-checked-ripple-color: #ea561d;color:#000;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400;line-height:20px}:host ::ng-deep .mapa-radio-button__label{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button{margin-right:24px}:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button .mdc-form-field{display:inline-flex;align-items:center;gap:8px;vertical-align:middle}:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button .mdc-radio{padding:0;flex-shrink:0}:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button .mdc-radio,:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button .mdc-radio__background,:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button .mdc-radio__outer-circle,:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button .mdc-radio__inner-circle{height:12px;width:12px}:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button .mat-mdc-radio-touch-target{height:24px;width:24px}:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button .mat-radio-ripple{border-radius:50%;inset:-6px}:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button .mdc-label{display:inline-flex;align-items:center;margin:0;min-height:24px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i3$3.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3$3.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }] }); }
|
|
6733
6712
|
}
|
|
6734
6713
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: RadioButtonComponent, decorators: [{
|
|
6735
6714
|
type: Component,
|
|
@@ -6788,7 +6767,7 @@ class SlideToggleComponent {
|
|
|
6788
6767
|
useExisting: forwardRef(() => SlideToggleComponent),
|
|
6789
6768
|
multi: true,
|
|
6790
6769
|
},
|
|
6791
|
-
], usesOnChanges: true, ngImport: i0, template: "<label *ngIf=\"element.label\" class=\"mapa-slide-toggle__label\">\n {{ element.label }}\n</label>\n<section class=\"mapa-slide-toggle\">\n <mat-slide-toggle [formControl]=\"formControl\" color=\"primary\">\n {{ element.status ? ( formControl.value ? element.status[1].label :\n element.status[0].label ) :( formControl.value ? \"Ativo\" : \"Inativo\" ) }}\n </mat-slide-toggle>\n</section>\n", styles: [".mapa-slide-toggle{color:#000;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400;line-height:20px}.mapa-slide-toggle__label{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$
|
|
6770
|
+
], usesOnChanges: true, ngImport: i0, template: "<label *ngIf=\"element.label\" class=\"mapa-slide-toggle__label\">\n {{ element.label }}\n</label>\n<section class=\"mapa-slide-toggle\">\n <mat-slide-toggle [formControl]=\"formControl\" color=\"primary\">\n {{ element.status ? ( formControl.value ? element.status[1].label :\n element.status[0].label ) :( formControl.value ? \"Ativo\" : \"Inativo\" ) }}\n </mat-slide-toggle>\n</section>\n", styles: [".mapa-slide-toggle{color:#000;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400;line-height:20px}.mapa-slide-toggle__label{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i3$4.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }] }); }
|
|
6792
6771
|
}
|
|
6793
6772
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: SlideToggleComponent, decorators: [{
|
|
6794
6773
|
type: Component,
|
|
@@ -6831,7 +6810,7 @@ class MapaTextareaComponent {
|
|
|
6831
6810
|
useExisting: forwardRef(() => MapaTextareaComponent),
|
|
6832
6811
|
multi: true,
|
|
6833
6812
|
},
|
|
6834
|
-
], ngImport: i0, template: "<label *ngIf=\"element.label\" class=\"mapa-textarea__label\">\n {{ element.label }}\n</label>\n<mat-form-field\n class=\"mapa-textarea\"\n appearance=\"outline\"\n subscriptSizing=\"dynamic\"\n>\n <textarea\n *ngIf=\"element.autosize\"\n class=\"mapa-textarea__control mapa-textarea__control--autosize\"\n matInput\n cdkTextareaAutosize\n #autosize=\"cdkTextareaAutosize\"\n [cdkAutosizeMinRows]=\"element.autosizeMinRow\"\n [cdkAutosizeMaxRows]=\"element.autosizeMaxRow\"\n [formControl]=\"formControl\"\n [placeholder]=\"element.placeholder || ''\"\n ></textarea>\n <textarea\n class=\"mapa-textarea__control mapa-textarea__control--manual\"\n matInput\n *ngIf=\"!element.autosize\"\n [maxlength]=\"element.maxLength\"\n [formControl]=\"formControl\"\n [placeholder]=\"element.placeholder || ''\"\n ></textarea>\n <mat-hint *ngIf=\"element.hint\">{{ element.hint }}</mat-hint>\n <mat-error>\n <mapa-form-errors\n [control]=\"formControl\"\n [errors]=\"element.errors\"\n ></mapa-form-errors>\n </mat-error>\n</mat-form-field>\n", styles: [":host{display:block}.mapa-textarea{margin-bottom:16px}.mapa-textarea__label{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}:host ::ng-deep .mapa-textarea .mat-mdc-input-element{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400;line-height:24px}:host ::ng-deep .mapa-textarea .mapa-textarea__control{box-sizing:border-box;display:block;margin:0;width:100%}:host ::ng-deep .mapa-textarea .mapa-textarea__control--manual{min-height:99px;resize:vertical!important}:host ::ng-deep .mapa-textarea .mat-mdc-text-field-wrapper{background-color:#fff;border-radius:8px;min-height:128px;height:auto!important;align-items:stretch!important}:host ::ng-deep .mapa-textarea .mat-mdc-text-field-wrapper.mdc-text-field--outlined{padding-left:unset!important;padding-right:unset!important}:host ::ng-deep .mapa-textarea .mdc-notched-outline{background-color:transparent;border-radius:8px}:host ::ng-deep .mapa-textarea .mat-mdc-form-field-flex{display:flex;align-items:stretch;flex-direction:column;height:auto!important;min-height:128px;padding:12px 16px!important}:host ::ng-deep .mapa-textarea .mat-mdc-form-field-infix{display:flex;align-items:stretch;padding:unset!important;border-top:unset!important;height:auto!important;min-height:104px!important;width:100%}:host ::ng-deep .mapa-textarea .mat-mdc-form-field-error-wrapper,:host ::ng-deep .mapa-textarea .mat-mdc-form-field-hint-wrapper,:host ::ng-deep .mapa-textarea .mat-mdc-form-field-subscript-wrapper{padding:0!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$
|
|
6813
|
+
], ngImport: i0, template: "<label *ngIf=\"element.label\" class=\"mapa-textarea__label\">\n {{ element.label }}\n</label>\n<mat-form-field\n class=\"mapa-textarea\"\n appearance=\"outline\"\n subscriptSizing=\"dynamic\"\n>\n <textarea\n *ngIf=\"element.autosize\"\n class=\"mapa-textarea__control mapa-textarea__control--autosize\"\n matInput\n cdkTextareaAutosize\n #autosize=\"cdkTextareaAutosize\"\n [cdkAutosizeMinRows]=\"element.autosizeMinRow\"\n [cdkAutosizeMaxRows]=\"element.autosizeMaxRow\"\n [formControl]=\"formControl\"\n [placeholder]=\"element.placeholder || ''\"\n ></textarea>\n <textarea\n class=\"mapa-textarea__control mapa-textarea__control--manual\"\n matInput\n *ngIf=\"!element.autosize\"\n [maxlength]=\"element.maxLength\"\n [formControl]=\"formControl\"\n [placeholder]=\"element.placeholder || ''\"\n ></textarea>\n <mat-hint *ngIf=\"element.hint\">{{ element.hint }}</mat-hint>\n <mat-error>\n <mapa-form-errors\n [control]=\"formControl\"\n [errors]=\"element.errors\"\n ></mapa-form-errors>\n </mat-error>\n</mat-form-field>\n", styles: [":host{display:block}.mapa-textarea{margin-bottom:16px}.mapa-textarea__label{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}:host ::ng-deep .mapa-textarea .mat-mdc-input-element{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400;line-height:24px}:host ::ng-deep .mapa-textarea .mapa-textarea__control{box-sizing:border-box;display:block;margin:0;width:100%}:host ::ng-deep .mapa-textarea .mapa-textarea__control--manual{min-height:99px;resize:vertical!important}:host ::ng-deep .mapa-textarea .mat-mdc-text-field-wrapper{background-color:#fff;border-radius:8px;min-height:128px;height:auto!important;align-items:stretch!important}:host ::ng-deep .mapa-textarea .mat-mdc-text-field-wrapper.mdc-text-field--outlined{padding-left:unset!important;padding-right:unset!important}:host ::ng-deep .mapa-textarea .mdc-notched-outline{background-color:transparent;border-radius:8px}:host ::ng-deep .mapa-textarea .mat-mdc-form-field-flex{display:flex;align-items:stretch;flex-direction:column;height:auto!important;min-height:128px;padding:12px 16px!important}:host ::ng-deep .mapa-textarea .mat-mdc-form-field-infix{display:flex;align-items:stretch;padding:unset!important;border-top:unset!important;height:auto!important;min-height:104px!important;width:100%}:host ::ng-deep .mapa-textarea .mat-mdc-form-field-error-wrapper,:host ::ng-deep .mapa-textarea .mat-mdc-form-field-hint-wrapper,:host ::ng-deep .mapa-textarea .mat-mdc-form-field-subscript-wrapper{padding:0!important}:host ::ng-deep .mapa-textarea .mat-mdc-form-field-error{margin:8px 0 0;padding-left:4px;color:#b54242;font-size:13px;line-height:18px}:host ::ng-deep .mapa-textarea .mat-mdc-form-field-error:before{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3$2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i5$1.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "component", type: MapaFormErrorsComponent, selector: "mapa-form-errors", inputs: ["control", "errors"] }] }); }
|
|
6835
6814
|
}
|
|
6836
6815
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaTextareaComponent, decorators: [{
|
|
6837
6816
|
type: Component,
|
|
@@ -6848,7 +6827,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
6848
6827
|
useExisting: forwardRef(() => MapaTextareaComponent),
|
|
6849
6828
|
multi: true,
|
|
6850
6829
|
},
|
|
6851
|
-
], standalone: true, template: "<label *ngIf=\"element.label\" class=\"mapa-textarea__label\">\n {{ element.label }}\n</label>\n<mat-form-field\n class=\"mapa-textarea\"\n appearance=\"outline\"\n subscriptSizing=\"dynamic\"\n>\n <textarea\n *ngIf=\"element.autosize\"\n class=\"mapa-textarea__control mapa-textarea__control--autosize\"\n matInput\n cdkTextareaAutosize\n #autosize=\"cdkTextareaAutosize\"\n [cdkAutosizeMinRows]=\"element.autosizeMinRow\"\n [cdkAutosizeMaxRows]=\"element.autosizeMaxRow\"\n [formControl]=\"formControl\"\n [placeholder]=\"element.placeholder || ''\"\n ></textarea>\n <textarea\n class=\"mapa-textarea__control mapa-textarea__control--manual\"\n matInput\n *ngIf=\"!element.autosize\"\n [maxlength]=\"element.maxLength\"\n [formControl]=\"formControl\"\n [placeholder]=\"element.placeholder || ''\"\n ></textarea>\n <mat-hint *ngIf=\"element.hint\">{{ element.hint }}</mat-hint>\n <mat-error>\n <mapa-form-errors\n [control]=\"formControl\"\n [errors]=\"element.errors\"\n ></mapa-form-errors>\n </mat-error>\n</mat-form-field>\n", styles: [":host{display:block}.mapa-textarea{margin-bottom:16px}.mapa-textarea__label{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}:host ::ng-deep .mapa-textarea .mat-mdc-input-element{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400;line-height:24px}:host ::ng-deep .mapa-textarea .mapa-textarea__control{box-sizing:border-box;display:block;margin:0;width:100%}:host ::ng-deep .mapa-textarea .mapa-textarea__control--manual{min-height:99px;resize:vertical!important}:host ::ng-deep .mapa-textarea .mat-mdc-text-field-wrapper{background-color:#fff;border-radius:8px;min-height:128px;height:auto!important;align-items:stretch!important}:host ::ng-deep .mapa-textarea .mat-mdc-text-field-wrapper.mdc-text-field--outlined{padding-left:unset!important;padding-right:unset!important}:host ::ng-deep .mapa-textarea .mdc-notched-outline{background-color:transparent;border-radius:8px}:host ::ng-deep .mapa-textarea .mat-mdc-form-field-flex{display:flex;align-items:stretch;flex-direction:column;height:auto!important;min-height:128px;padding:12px 16px!important}:host ::ng-deep .mapa-textarea .mat-mdc-form-field-infix{display:flex;align-items:stretch;padding:unset!important;border-top:unset!important;height:auto!important;min-height:104px!important;width:100%}:host ::ng-deep .mapa-textarea .mat-mdc-form-field-error-wrapper,:host ::ng-deep .mapa-textarea .mat-mdc-form-field-hint-wrapper,:host ::ng-deep .mapa-textarea .mat-mdc-form-field-subscript-wrapper{padding:0!important}\n"] }]
|
|
6830
|
+
], standalone: true, template: "<label *ngIf=\"element.label\" class=\"mapa-textarea__label\">\n {{ element.label }}\n</label>\n<mat-form-field\n class=\"mapa-textarea\"\n appearance=\"outline\"\n subscriptSizing=\"dynamic\"\n>\n <textarea\n *ngIf=\"element.autosize\"\n class=\"mapa-textarea__control mapa-textarea__control--autosize\"\n matInput\n cdkTextareaAutosize\n #autosize=\"cdkTextareaAutosize\"\n [cdkAutosizeMinRows]=\"element.autosizeMinRow\"\n [cdkAutosizeMaxRows]=\"element.autosizeMaxRow\"\n [formControl]=\"formControl\"\n [placeholder]=\"element.placeholder || ''\"\n ></textarea>\n <textarea\n class=\"mapa-textarea__control mapa-textarea__control--manual\"\n matInput\n *ngIf=\"!element.autosize\"\n [maxlength]=\"element.maxLength\"\n [formControl]=\"formControl\"\n [placeholder]=\"element.placeholder || ''\"\n ></textarea>\n <mat-hint *ngIf=\"element.hint\">{{ element.hint }}</mat-hint>\n <mat-error>\n <mapa-form-errors\n [control]=\"formControl\"\n [errors]=\"element.errors\"\n ></mapa-form-errors>\n </mat-error>\n</mat-form-field>\n", styles: [":host{display:block}.mapa-textarea{margin-bottom:16px}.mapa-textarea__label{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}:host ::ng-deep .mapa-textarea .mat-mdc-input-element{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400;line-height:24px}:host ::ng-deep .mapa-textarea .mapa-textarea__control{box-sizing:border-box;display:block;margin:0;width:100%}:host ::ng-deep .mapa-textarea .mapa-textarea__control--manual{min-height:99px;resize:vertical!important}:host ::ng-deep .mapa-textarea .mat-mdc-text-field-wrapper{background-color:#fff;border-radius:8px;min-height:128px;height:auto!important;align-items:stretch!important}:host ::ng-deep .mapa-textarea .mat-mdc-text-field-wrapper.mdc-text-field--outlined{padding-left:unset!important;padding-right:unset!important}:host ::ng-deep .mapa-textarea .mdc-notched-outline{background-color:transparent;border-radius:8px}:host ::ng-deep .mapa-textarea .mat-mdc-form-field-flex{display:flex;align-items:stretch;flex-direction:column;height:auto!important;min-height:128px;padding:12px 16px!important}:host ::ng-deep .mapa-textarea .mat-mdc-form-field-infix{display:flex;align-items:stretch;padding:unset!important;border-top:unset!important;height:auto!important;min-height:104px!important;width:100%}:host ::ng-deep .mapa-textarea .mat-mdc-form-field-error-wrapper,:host ::ng-deep .mapa-textarea .mat-mdc-form-field-hint-wrapper,:host ::ng-deep .mapa-textarea .mat-mdc-form-field-subscript-wrapper{padding:0!important}:host ::ng-deep .mapa-textarea .mat-mdc-form-field-error{margin:8px 0 0;padding-left:4px;color:#b54242;font-size:13px;line-height:18px}:host ::ng-deep .mapa-textarea .mat-mdc-form-field-error:before{display:none}\n"] }]
|
|
6852
6831
|
}], propDecorators: { formControl: [{
|
|
6853
6832
|
type: Input
|
|
6854
6833
|
}], element: [{
|
|
@@ -6880,7 +6859,7 @@ class MapaFormComponent {
|
|
|
6880
6859
|
element.openedChange?.emit(event);
|
|
6881
6860
|
}
|
|
6882
6861
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6883
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaFormComponent, isStandalone: true, selector: "mapa-form", inputs: { formGroup: "formGroup", elements: "elements" }, outputs: { emitter: "emitter" }, ngImport: i0, template: "<section class=\"mapa-form\">\n @for (element of elements; track element.key) {\n <div class=\"mapa-form__element\">\n <div class=\"mapa-form__element--type\">\n @switch (element.controlType) {\n @case (\"input\") {\n <mapa-input\n [formControl]=\"getFormControl(element)\"\n [element]=\"element\"\n (suffix)=\"emitSuffix(element)\"\n ></mapa-input>\n }\n @case (\"dropdown\") {\n <mapa-dropdown\n [formControl]=\"getFormControl(element)\"\n [element]=\"element\"\n (openedChange)=\"triggerOpenedChange(element, $event)\"\n ></mapa-dropdown>\n }\n @case (\"dropdown-tree\") {\n <mapa-dropdown-tree\n [formGroup]=\"formGroup\"\n [element]=\"element\"\n ></mapa-dropdown-tree>\n }\n @case (\"datepicker\") {\n <mapa-datepicker\n [formGroup]=\"$any(formGroup)\"\n [element]=\"$any(element)\"\n ></mapa-datepicker>\n }\n @case (\"datepicker-range\") {\n <mapa-datepicker-range\n [formGroup]=\"$any(formGroup)\"\n [element]=\"$any(element)\"\n ></mapa-datepicker-range>\n }\n @case (\"radio-button\") {\n <mapa-radio-button\n [formControl]=\"getFormControl(element)\"\n [element]=\"element\"\n (optionSelected)=\"onOptionSelected($event)\"\n ></mapa-radio-button>\n }\n @case (\"slide-toggle\") {\n <mapa-slide-toggle\n [formControl]=\"getFormControl(element)\"\n [element]=\"element\"\n ></mapa-slide-toggle>\n }\n @case (\"textarea\") {\n <mapa-textarea\n [formControl]=\"getFormControl(element)\"\n [element]=\"element\"\n ></mapa-textarea>\n }\n }\n </div>\n </div>\n }\n</section>\n", styles: [":host ::ng-deep .mapa-form{display:flex;flex-direction:column;margin-top:40px;gap:24px;width:100%}:host ::ng-deep .mapa-form__element{width:100%}:host ::ng-deep .mapa-form__element--type{width:100%}:host ::ng-deep .mapa-form mapa-
|
|
6862
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaFormComponent, isStandalone: true, selector: "mapa-form", inputs: { formGroup: "formGroup", elements: "elements" }, outputs: { emitter: "emitter" }, ngImport: i0, template: "<section class=\"mapa-form\">\n @for (element of elements; track element.key) {\n <div class=\"mapa-form__element\">\n <div class=\"mapa-form__element--type\">\n @switch (element.controlType) {\n @case (\"input\") {\n <mapa-input\n [formControl]=\"getFormControl(element)\"\n [element]=\"element\"\n (suffix)=\"emitSuffix(element)\"\n ></mapa-input>\n }\n @case (\"dropdown\") {\n <mapa-dropdown\n [formControl]=\"getFormControl(element)\"\n [element]=\"element\"\n (openedChange)=\"triggerOpenedChange(element, $event)\"\n ></mapa-dropdown>\n }\n @case (\"dropdown-tree\") {\n <mapa-dropdown-tree\n [formGroup]=\"formGroup\"\n [element]=\"element\"\n ></mapa-dropdown-tree>\n }\n @case (\"datepicker\") {\n <mapa-datepicker\n [formGroup]=\"$any(formGroup)\"\n [element]=\"$any(element)\"\n ></mapa-datepicker>\n }\n @case (\"datepicker-range\") {\n <mapa-datepicker-range\n [formGroup]=\"$any(formGroup)\"\n [element]=\"$any(element)\"\n ></mapa-datepicker-range>\n }\n @case (\"radio-button\") {\n <mapa-radio-button\n [formControl]=\"getFormControl(element)\"\n [element]=\"element\"\n (optionSelected)=\"onOptionSelected($event)\"\n ></mapa-radio-button>\n }\n @case (\"slide-toggle\") {\n <mapa-slide-toggle\n [formControl]=\"getFormControl(element)\"\n [element]=\"element\"\n ></mapa-slide-toggle>\n }\n @case (\"textarea\") {\n <mapa-textarea\n [formControl]=\"getFormControl(element)\"\n [element]=\"element\"\n ></mapa-textarea>\n }\n }\n </div>\n </div>\n }\n</section>\n", styles: [":host ::ng-deep .mapa-form{display:flex;flex-direction:column;margin-top:40px;gap:24px;width:100%}:host ::ng-deep .mapa-form__element{width:100%}:host ::ng-deep .mapa-form__element--type{width:100%}:host ::ng-deep .mapa-form mapa-textarea .mat-mdc-form-field{width:100%;max-width:100%!important}:host ::ng-deep .mapa-form--inline{display:flex;flex-direction:row;align-items:baseline}:host ::ng-deep .mapa-form--action{margin-left:24px}:host ::ng-deep .mapa-form--action button{white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MapaDatepicker, selector: "mapa-datepicker", inputs: ["formGroup", "element"] }, { kind: "component", type: MapaDatepickerRange, selector: "mapa-datepicker-range", inputs: ["formGroup", "element"] }, { kind: "component", type: MapaInputComponent, selector: "mapa-input", inputs: ["formControl", "element", "type"], outputs: ["suffix"] }, { kind: "component", type: MapaDropdownComponent, selector: "mapa-dropdown", inputs: ["element", "formControl", "formControlSearch", "border"], outputs: ["openedChange"] }, { kind: "component", type: MapaDropdownTreeComponent, selector: "mapa-dropdown-tree", inputs: ["formGroup", "element"], outputs: ["openedChange"] }, { kind: "component", type: RadioButtonComponent, selector: "mapa-radio-button", inputs: ["formControl", "element"], outputs: ["optionSelected"] }, { kind: "component", type: SlideToggleComponent, selector: "mapa-slide-toggle", inputs: ["formControl", "element"], outputs: ["optionSelected"] }, { kind: "component", type: MapaTextareaComponent, selector: "mapa-textarea", inputs: ["formControl", "element"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6884
6863
|
}
|
|
6885
6864
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaFormComponent, decorators: [{
|
|
6886
6865
|
type: Component,
|
|
@@ -6895,7 +6874,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
6895
6874
|
RadioButtonComponent,
|
|
6896
6875
|
SlideToggleComponent,
|
|
6897
6876
|
MapaTextareaComponent,
|
|
6898
|
-
], standalone: true, template: "<section class=\"mapa-form\">\n @for (element of elements; track element.key) {\n <div class=\"mapa-form__element\">\n <div class=\"mapa-form__element--type\">\n @switch (element.controlType) {\n @case (\"input\") {\n <mapa-input\n [formControl]=\"getFormControl(element)\"\n [element]=\"element\"\n (suffix)=\"emitSuffix(element)\"\n ></mapa-input>\n }\n @case (\"dropdown\") {\n <mapa-dropdown\n [formControl]=\"getFormControl(element)\"\n [element]=\"element\"\n (openedChange)=\"triggerOpenedChange(element, $event)\"\n ></mapa-dropdown>\n }\n @case (\"dropdown-tree\") {\n <mapa-dropdown-tree\n [formGroup]=\"formGroup\"\n [element]=\"element\"\n ></mapa-dropdown-tree>\n }\n @case (\"datepicker\") {\n <mapa-datepicker\n [formGroup]=\"$any(formGroup)\"\n [element]=\"$any(element)\"\n ></mapa-datepicker>\n }\n @case (\"datepicker-range\") {\n <mapa-datepicker-range\n [formGroup]=\"$any(formGroup)\"\n [element]=\"$any(element)\"\n ></mapa-datepicker-range>\n }\n @case (\"radio-button\") {\n <mapa-radio-button\n [formControl]=\"getFormControl(element)\"\n [element]=\"element\"\n (optionSelected)=\"onOptionSelected($event)\"\n ></mapa-radio-button>\n }\n @case (\"slide-toggle\") {\n <mapa-slide-toggle\n [formControl]=\"getFormControl(element)\"\n [element]=\"element\"\n ></mapa-slide-toggle>\n }\n @case (\"textarea\") {\n <mapa-textarea\n [formControl]=\"getFormControl(element)\"\n [element]=\"element\"\n ></mapa-textarea>\n }\n }\n </div>\n </div>\n }\n</section>\n", styles: [":host ::ng-deep .mapa-form{display:flex;flex-direction:column;margin-top:40px;gap:24px;width:100%}:host ::ng-deep .mapa-form__element{width:100%}:host ::ng-deep .mapa-form__element--type{width:100%}:host ::ng-deep .mapa-form mapa-
|
|
6877
|
+
], standalone: true, template: "<section class=\"mapa-form\">\n @for (element of elements; track element.key) {\n <div class=\"mapa-form__element\">\n <div class=\"mapa-form__element--type\">\n @switch (element.controlType) {\n @case (\"input\") {\n <mapa-input\n [formControl]=\"getFormControl(element)\"\n [element]=\"element\"\n (suffix)=\"emitSuffix(element)\"\n ></mapa-input>\n }\n @case (\"dropdown\") {\n <mapa-dropdown\n [formControl]=\"getFormControl(element)\"\n [element]=\"element\"\n (openedChange)=\"triggerOpenedChange(element, $event)\"\n ></mapa-dropdown>\n }\n @case (\"dropdown-tree\") {\n <mapa-dropdown-tree\n [formGroup]=\"formGroup\"\n [element]=\"element\"\n ></mapa-dropdown-tree>\n }\n @case (\"datepicker\") {\n <mapa-datepicker\n [formGroup]=\"$any(formGroup)\"\n [element]=\"$any(element)\"\n ></mapa-datepicker>\n }\n @case (\"datepicker-range\") {\n <mapa-datepicker-range\n [formGroup]=\"$any(formGroup)\"\n [element]=\"$any(element)\"\n ></mapa-datepicker-range>\n }\n @case (\"radio-button\") {\n <mapa-radio-button\n [formControl]=\"getFormControl(element)\"\n [element]=\"element\"\n (optionSelected)=\"onOptionSelected($event)\"\n ></mapa-radio-button>\n }\n @case (\"slide-toggle\") {\n <mapa-slide-toggle\n [formControl]=\"getFormControl(element)\"\n [element]=\"element\"\n ></mapa-slide-toggle>\n }\n @case (\"textarea\") {\n <mapa-textarea\n [formControl]=\"getFormControl(element)\"\n [element]=\"element\"\n ></mapa-textarea>\n }\n }\n </div>\n </div>\n }\n</section>\n", styles: [":host ::ng-deep .mapa-form{display:flex;flex-direction:column;margin-top:40px;gap:24px;width:100%}:host ::ng-deep .mapa-form__element{width:100%}:host ::ng-deep .mapa-form__element--type{width:100%}:host ::ng-deep .mapa-form mapa-textarea .mat-mdc-form-field{width:100%;max-width:100%!important}:host ::ng-deep .mapa-form--inline{display:flex;flex-direction:row;align-items:baseline}:host ::ng-deep .mapa-form--action{margin-left:24px}:host ::ng-deep .mapa-form--action button{white-space:nowrap}\n"] }]
|
|
6899
6878
|
}], propDecorators: { formGroup: [{
|
|
6900
6879
|
type: Input
|
|
6901
6880
|
}], elements: [{
|
|
@@ -7033,11 +7012,11 @@ class MapaGroupReportComponent {
|
|
|
7033
7012
|
};
|
|
7034
7013
|
}
|
|
7035
7014
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaGroupReportComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7036
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaGroupReportComponent, isStandalone: true, selector: "mapa-group-report", inputs: { groupReport: "groupReport", showGroupReportGeneral: "showGroupReportGeneral" }, outputs: { onSortChange: "onSortChange" }, viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<section class=\"mapa-group-report\">\n <table\n mat-table\n [dataSource]=\"dataSource\"\n matSort\n (matSortChange)=\"handleSortChange($event)\"\n >\n @for (column of columns; track trackColumn($index, column)) {\n <ng-container [matColumnDef]=\"column.key\">\n <th\n mat-header-cell\n *matHeaderCellDef\n mat-sort-header\n [disabled]=\"!column.sort\"\n >\n <div\n [ngTemplateOutlet]=\"tableHeader\"\n [ngTemplateOutletContext]=\"{ column: column }\"\n ></div>\n </th>\n <td mat-cell *matCellDef=\"let row\" [style.width]=\"column.width\">\n <div\n class=\"mapa-group-report__column\"\n [class.mapa-group-report__column--center-cell]=\"column.align === 'center' || column.key !== 'name'\"\n >\n <div class=\"mapa-group-report__content\">\n @if (column.key === \"name\") {\n <div class=\"mapa-group-report__content--value\">\n <div class=\"mapa-group-report__content--title\">\n {{ row.name }}<br />\n </div>\n <div class=\"mapa-group-report__content--subtitle\">\n {{ row.cpf }}\n </div>\n </div>\n } @else if (column.key === \"general\") {\n <div class=\"general\">\n {{ getGeneralValue(row) | currency:'':'' }}%\n </div>\n } @else {\n <div class=\"mapa-group-report__hover\">\n <span class=\"mapa-group-report__hover--main\">\n <div\n class=\"mapa__tag--bg\"\n [class.mapa__tag--contrast]=\"getDimensionClassification(row, column.key)?.classificationId === 1\"\n [style.backgroundColor]=\"getDimensionClassification(row, column.key)?.classificationColor\"\n >\n {{\n getDimensionClassification(row, column.key)?.classificationName ||\n \"-\"\n }}\n </div>\n </span>\n <span class=\"mapa-group-report__hover--hidden\">\n {{ getDimensionLabel(row, column.key) }}\n </span>\n </div>\n }\n </div>\n </div>\n </td>\n </ng-container>\n }\n\n <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n </table>\n</section>\n\n<ng-template #tableHeader let-column=\"column\">\n <div class=\"mapa-group-report__header\">\n {{ column.label }}\n @if (column.sort) {\n <div>\n <mat-icon>filter_list</mat-icon>\n </div>\n }\n </div>\n</ng-template>\n", styles: [":host ::ng-deep .mapa-table .mat-mdc-table{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);width:100%}:host ::ng-deep .mapa-table .mat-mdc-table .mat-mdc-checkbox{margin:6px 8px 0 0;padding:0}:host ::ng-deep .mapa-table td.mat-mdc-cell{padding:16px 0}:host ::ng-deep .mapa-table .mat-mdc-table .mat-mdc-row .mat-mdc-cell{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400;color:#50575e}:host ::ng-deep .mapa-table .row-hover:hover{box-shadow:0 2px 4px #00000021;outline:1px solid rgba(238,238,238,.93);cursor:pointer}:host ::ng-deep .mapa-table .mat-mdc-table .mat-mdc-header-cell{border:none;border-bottom:1px solid #eee;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:600;color:#50575e}:host ::ng-deep .mapa-table .mat-mdc-row,:host ::ng-deep .mapa-table .mdc-data-table__content{--mat-table-row-item-label-text-font: var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif)}:host ::ng-deep .mapa-table .mat-mdc-header-cell,:host ::ng-deep .mapa-table .mdc-data-table__content{--mat-table-row-item-label-text-font: var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif)}:host ::ng-deep .mapa-table .mat-mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{background-color:transparent;border-color:#b6b6b6}:host ::ng-deep .mapa-table .mat-mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,:host ::ng-deep .mapa-table .mat-mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,:host ::ng-deep .mapa-table .mat-mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background{background-color:#ea561d;border-color:#ea561d}:host ::ng-deep .mapa-table .mat-mdc-paginator-container{display:flex;justify-content:space-between}:host ::ng-deep .mapa-group-report{width:100%;white-space:nowrap}:host ::ng-deep .mapa-group-report__label{margin-top:4px}:host ::ng-deep .mapa-group-report__column{display:flex;align-items:center}:host ::ng-deep .mapa-group-report__column--actions{display:flex}:host ::ng-deep .mapa-group-report__column--actions .mat-icon{color:#ea561d!important}:host ::ng-deep .mapa-group-report__column--actions-item{display:flex;align-items:center}:host ::ng-deep .mapa-group-report__column--actions-item img{margin-right:8px}:host ::ng-deep .mapa-group-report__column--header{width:100%}:host ::ng-deep .mapa-group-report__column--header .mat-icon{cursor:pointer;position:relative;bottom:-3px;margin:0 7px;font-size:14px;height:14px;width:14px}:host ::ng-deep .mapa-group-report__column--status{border-radius:4px;padding:4px 8px;margin:auto;text-align:center;width:min-content}:host ::ng-deep .mapa-group-report__column--ellipsis{display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host ::ng-deep .mapa-group-report__column--no-wrap{white-space:nowrap}:host ::ng-deep .mapa-group-report__column--wrap{white-space:pre-wrap}:host ::ng-deep .mapa-group-report__column--center-cell{display:flex;align-items:center;justify-content:center;width:100%}:host ::ng-deep .mapa-group-report__content--value{margin-right:40px}:host ::ng-deep .mapa-group-report__content--title{color:#000;text-align:left;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:14px;font-style:normal;font-weight:500;line-height:20px}:host ::ng-deep .mapa-group-report__content--subtitle{color:#77838f;text-align:left;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:12px;font-style:normal;font-weight:400;line-height:16px}:host ::ng-deep .mapa-group-report__hover:hover--main{display:none}:host ::ng-deep .mapa-group-report__hover:hover--hidden{display:flex}:host ::ng-deep .mapa-group-report__hover--hidden{display:none}:host ::ng-deep .mapa-group-report__tag{display:flex;justify-content:center;align-items:center;padding:4px 8px;gap:8px;flex-shrink:0;border-radius:12px;color:#181818;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase}:host ::ng-deep .mapa-group-report__header{display:flex;align-items:center;justify-content:center;width:100%}:host ::ng-deep .mapa-group-report .mat-sort-header-arrow{display:none}:host ::ng-deep .mapa-group-report .mat-sort-header-content{width:100%!important}:host ::ng-deep .mapa-group-report .mat-cell{padding:0 24px!important}:host ::ng-deep .mapa-group-report .mat-header-cell{padding:0 16px 0 24px!important;color:#000;font-size:12px;font-style:normal;font-weight:500;line-height:16px}:host ::ng-deep .mapa-group-report .mat-header-cell mat-icon{width:16px;height:16px;font-size:16px}:host ::ng-deep .mapa-group-report .mat-table{width:100%;overflow-x:auto}:host ::ng-deep .mapa-group-report .roundCell{border-radius:10px}:host ::ng-deep .mapa-group-report .general{border-radius:24px;border:1px solid #dcdcde;display:flex;justify-content:center;align-items:center;width:48px;height:48px}:host ::ng-deep .mapa-group-report .label_report{color:#181818;text-align:center;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:12px;font-style:normal;font-weight:400;line-height:16px}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i3$5.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i3$5.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i3$5.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i3$5.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i3$5.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i3$5.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i3$5.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i3$5.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i3$5.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i3$5.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatSortModule }, { kind: "directive", type: i4$1.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i4$1.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "pipe", type: i1$2.CurrencyPipe, name: "currency" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7015
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaGroupReportComponent, isStandalone: true, selector: "mapa-group-report", inputs: { groupReport: "groupReport", showGroupReportGeneral: "showGroupReportGeneral" }, outputs: { onSortChange: "onSortChange" }, viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<section class=\"mapa-group-report\">\n <table\n mat-table\n [dataSource]=\"dataSource\"\n matSort\n (matSortChange)=\"handleSortChange($event)\"\n >\n @for (column of columns; track trackColumn($index, column)) {\n <ng-container [matColumnDef]=\"column.key\">\n <th\n mat-header-cell\n *matHeaderCellDef\n mat-sort-header\n [disabled]=\"!column.sort\"\n >\n <div\n [ngTemplateOutlet]=\"tableHeader\"\n [ngTemplateOutletContext]=\"{ column: column }\"\n ></div>\n </th>\n <td mat-cell *matCellDef=\"let row\" [style.width]=\"column.width\">\n <div\n class=\"mapa-group-report__column\"\n [class.mapa-group-report__column--center-cell]=\"column.align === 'center' || column.key !== 'name'\"\n >\n <div class=\"mapa-group-report__content\">\n @if (column.key === \"name\") {\n <div class=\"mapa-group-report__content--value\">\n <div class=\"mapa-group-report__content--title\">\n {{ row.name }}<br />\n </div>\n <div class=\"mapa-group-report__content--subtitle\">\n {{ row.cpf }}\n </div>\n </div>\n } @else if (column.key === \"general\") {\n <div class=\"general\">\n {{ getGeneralValue(row) | currency:'':'' }}%\n </div>\n } @else {\n <div class=\"mapa-group-report__hover\">\n <span class=\"mapa-group-report__hover--main\">\n <div\n class=\"mapa__tag--bg\"\n [class.mapa__tag--contrast]=\"getDimensionClassification(row, column.key)?.classificationId === 1\"\n [style.backgroundColor]=\"getDimensionClassification(row, column.key)?.classificationColor\"\n >\n {{\n getDimensionClassification(row, column.key)?.classificationName ||\n \"-\"\n }}\n </div>\n </span>\n <span class=\"mapa-group-report__hover--hidden\">\n {{ getDimensionLabel(row, column.key) }}\n </span>\n </div>\n }\n </div>\n </div>\n </td>\n </ng-container>\n }\n\n <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n </table>\n</section>\n\n<ng-template #tableHeader let-column=\"column\">\n <div class=\"mapa-group-report__header\">\n {{ column.label }}\n @if (column.sort) {\n <div>\n <mat-icon>filter_list</mat-icon>\n </div>\n }\n </div>\n</ng-template>\n", styles: [":host ::ng-deep .mapa-group-report{width:100%;white-space:nowrap}:host ::ng-deep .mapa-group-report__column{display:flex;align-items:center}:host ::ng-deep .mapa-group-report__column--center-cell{display:flex;align-items:center;justify-content:center;width:100%}:host ::ng-deep .mapa-group-report__content--value{margin-right:40px}:host ::ng-deep .mapa-group-report__content--title{color:#000;text-align:left;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:14px;font-style:normal;font-weight:500;line-height:20px}:host ::ng-deep .mapa-group-report__content--subtitle{color:#77838f;text-align:left;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:12px;font-style:normal;font-weight:400;line-height:16px}:host ::ng-deep .mapa-group-report__hover:hover--main{display:none}:host ::ng-deep .mapa-group-report__hover:hover--hidden{display:flex}:host ::ng-deep .mapa-group-report__hover--hidden{display:none}:host ::ng-deep .mapa-group-report__header{display:flex;align-items:center;justify-content:center;width:100%}:host ::ng-deep .mapa-group-report .mat-sort-header-arrow{display:none}:host ::ng-deep .mapa-group-report .mat-sort-header-content{width:100%!important}:host ::ng-deep .mapa-group-report .general{border-radius:24px;border:1px solid #dcdcde;display:flex;justify-content:center;align-items:center;width:48px;height:48px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i3$5.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i3$5.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i3$5.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i3$5.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i3$5.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i3$5.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i3$5.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i3$5.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i3$5.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i3$5.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatSortModule }, { kind: "directive", type: i4.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i4.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "pipe", type: i1$1.CurrencyPipe, name: "currency" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7037
7016
|
}
|
|
7038
7017
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaGroupReportComponent, decorators: [{
|
|
7039
7018
|
type: Component,
|
|
7040
|
-
args: [{ selector: "mapa-group-report", changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, MatIconModule, MatTableModule, MatSortModule], standalone: true, template: "<section class=\"mapa-group-report\">\n <table\n mat-table\n [dataSource]=\"dataSource\"\n matSort\n (matSortChange)=\"handleSortChange($event)\"\n >\n @for (column of columns; track trackColumn($index, column)) {\n <ng-container [matColumnDef]=\"column.key\">\n <th\n mat-header-cell\n *matHeaderCellDef\n mat-sort-header\n [disabled]=\"!column.sort\"\n >\n <div\n [ngTemplateOutlet]=\"tableHeader\"\n [ngTemplateOutletContext]=\"{ column: column }\"\n ></div>\n </th>\n <td mat-cell *matCellDef=\"let row\" [style.width]=\"column.width\">\n <div\n class=\"mapa-group-report__column\"\n [class.mapa-group-report__column--center-cell]=\"column.align === 'center' || column.key !== 'name'\"\n >\n <div class=\"mapa-group-report__content\">\n @if (column.key === \"name\") {\n <div class=\"mapa-group-report__content--value\">\n <div class=\"mapa-group-report__content--title\">\n {{ row.name }}<br />\n </div>\n <div class=\"mapa-group-report__content--subtitle\">\n {{ row.cpf }}\n </div>\n </div>\n } @else if (column.key === \"general\") {\n <div class=\"general\">\n {{ getGeneralValue(row) | currency:'':'' }}%\n </div>\n } @else {\n <div class=\"mapa-group-report__hover\">\n <span class=\"mapa-group-report__hover--main\">\n <div\n class=\"mapa__tag--bg\"\n [class.mapa__tag--contrast]=\"getDimensionClassification(row, column.key)?.classificationId === 1\"\n [style.backgroundColor]=\"getDimensionClassification(row, column.key)?.classificationColor\"\n >\n {{\n getDimensionClassification(row, column.key)?.classificationName ||\n \"-\"\n }}\n </div>\n </span>\n <span class=\"mapa-group-report__hover--hidden\">\n {{ getDimensionLabel(row, column.key) }}\n </span>\n </div>\n }\n </div>\n </div>\n </td>\n </ng-container>\n }\n\n <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n </table>\n</section>\n\n<ng-template #tableHeader let-column=\"column\">\n <div class=\"mapa-group-report__header\">\n {{ column.label }}\n @if (column.sort) {\n <div>\n <mat-icon>filter_list</mat-icon>\n </div>\n }\n </div>\n</ng-template>\n", styles: [":host ::ng-deep .mapa-
|
|
7019
|
+
args: [{ selector: "mapa-group-report", changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, MatIconModule, MatTableModule, MatSortModule], standalone: true, template: "<section class=\"mapa-group-report\">\n <table\n mat-table\n [dataSource]=\"dataSource\"\n matSort\n (matSortChange)=\"handleSortChange($event)\"\n >\n @for (column of columns; track trackColumn($index, column)) {\n <ng-container [matColumnDef]=\"column.key\">\n <th\n mat-header-cell\n *matHeaderCellDef\n mat-sort-header\n [disabled]=\"!column.sort\"\n >\n <div\n [ngTemplateOutlet]=\"tableHeader\"\n [ngTemplateOutletContext]=\"{ column: column }\"\n ></div>\n </th>\n <td mat-cell *matCellDef=\"let row\" [style.width]=\"column.width\">\n <div\n class=\"mapa-group-report__column\"\n [class.mapa-group-report__column--center-cell]=\"column.align === 'center' || column.key !== 'name'\"\n >\n <div class=\"mapa-group-report__content\">\n @if (column.key === \"name\") {\n <div class=\"mapa-group-report__content--value\">\n <div class=\"mapa-group-report__content--title\">\n {{ row.name }}<br />\n </div>\n <div class=\"mapa-group-report__content--subtitle\">\n {{ row.cpf }}\n </div>\n </div>\n } @else if (column.key === \"general\") {\n <div class=\"general\">\n {{ getGeneralValue(row) | currency:'':'' }}%\n </div>\n } @else {\n <div class=\"mapa-group-report__hover\">\n <span class=\"mapa-group-report__hover--main\">\n <div\n class=\"mapa__tag--bg\"\n [class.mapa__tag--contrast]=\"getDimensionClassification(row, column.key)?.classificationId === 1\"\n [style.backgroundColor]=\"getDimensionClassification(row, column.key)?.classificationColor\"\n >\n {{\n getDimensionClassification(row, column.key)?.classificationName ||\n \"-\"\n }}\n </div>\n </span>\n <span class=\"mapa-group-report__hover--hidden\">\n {{ getDimensionLabel(row, column.key) }}\n </span>\n </div>\n }\n </div>\n </div>\n </td>\n </ng-container>\n }\n\n <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n </table>\n</section>\n\n<ng-template #tableHeader let-column=\"column\">\n <div class=\"mapa-group-report__header\">\n {{ column.label }}\n @if (column.sort) {\n <div>\n <mat-icon>filter_list</mat-icon>\n </div>\n }\n </div>\n</ng-template>\n", styles: [":host ::ng-deep .mapa-group-report{width:100%;white-space:nowrap}:host ::ng-deep .mapa-group-report__column{display:flex;align-items:center}:host ::ng-deep .mapa-group-report__column--center-cell{display:flex;align-items:center;justify-content:center;width:100%}:host ::ng-deep .mapa-group-report__content--value{margin-right:40px}:host ::ng-deep .mapa-group-report__content--title{color:#000;text-align:left;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:14px;font-style:normal;font-weight:500;line-height:20px}:host ::ng-deep .mapa-group-report__content--subtitle{color:#77838f;text-align:left;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:12px;font-style:normal;font-weight:400;line-height:16px}:host ::ng-deep .mapa-group-report__hover:hover--main{display:none}:host ::ng-deep .mapa-group-report__hover:hover--hidden{display:flex}:host ::ng-deep .mapa-group-report__hover--hidden{display:none}:host ::ng-deep .mapa-group-report__header{display:flex;align-items:center;justify-content:center;width:100%}:host ::ng-deep .mapa-group-report .mat-sort-header-arrow{display:none}:host ::ng-deep .mapa-group-report .mat-sort-header-content{width:100%!important}:host ::ng-deep .mapa-group-report .general{border-radius:24px;border:1px solid #dcdcde;display:flex;justify-content:center;align-items:center;width:48px;height:48px}\n"] }]
|
|
7041
7020
|
}], propDecorators: { groupReport: [{
|
|
7042
7021
|
type: Input
|
|
7043
7022
|
}], showGroupReportGeneral: [{
|
|
@@ -7060,13 +7039,13 @@ class IconComponent {
|
|
|
7060
7039
|
registerCustomIcons(svg) {
|
|
7061
7040
|
this.matIconRegistry.addSvgIcon(svg, this.domSanitizer.bypassSecurityTrustResourceUrl(`../../../../assets/${svg}.svg`));
|
|
7062
7041
|
}
|
|
7063
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: IconComponent, deps: [{ token: i1$4.MatIconRegistry }, { token: i1$
|
|
7064
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: IconComponent, isStandalone: true, selector: "mapa-icon", inputs: { svg: "svg" }, usesOnChanges: true, ngImport: i0, template: "<mat-icon *ngIf=\"svg\" [svgIcon]=\"svg\"></mat-icon>\n<mat-icon *ngIf=\"!svg\"><ng-content></ng-content></mat-icon>\n", styles: [".mat-icon{color:#f5704b}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$
|
|
7042
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: IconComponent, deps: [{ token: i1$4.MatIconRegistry }, { token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7043
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: IconComponent, isStandalone: true, selector: "mapa-icon", inputs: { svg: "svg" }, usesOnChanges: true, ngImport: i0, template: "<mat-icon *ngIf=\"svg\" [svgIcon]=\"svg\"></mat-icon>\n<mat-icon *ngIf=\"!svg\"><ng-content></ng-content></mat-icon>\n", styles: [".mat-icon{color:#f5704b}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
|
|
7065
7044
|
}
|
|
7066
7045
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: IconComponent, decorators: [{
|
|
7067
7046
|
type: Component,
|
|
7068
7047
|
args: [{ selector: 'mapa-icon', standalone: true, imports: [CommonModule, MatIconModule], template: "<mat-icon *ngIf=\"svg\" [svgIcon]=\"svg\"></mat-icon>\n<mat-icon *ngIf=\"!svg\"><ng-content></ng-content></mat-icon>\n", styles: [".mat-icon{color:#f5704b}\n"] }]
|
|
7069
|
-
}], ctorParameters: () => [{ type: i1$4.MatIconRegistry }, { type: i1$
|
|
7048
|
+
}], ctorParameters: () => [{ type: i1$4.MatIconRegistry }, { type: i1$2.DomSanitizer }], propDecorators: { svg: [{
|
|
7070
7049
|
type: Input
|
|
7071
7050
|
}] } });
|
|
7072
7051
|
|
|
@@ -7086,7 +7065,7 @@ class MapaMenuComponent {
|
|
|
7086
7065
|
this.emitMenu.emit({ action: item.action, data: this.data });
|
|
7087
7066
|
}
|
|
7088
7067
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7089
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaMenuComponent, isStandalone: true, selector: "mapa-menu", inputs: { items: "items", data: "data" }, outputs: { emitMenu: "emitMenu" }, viewQueries: [{ propertyName: "trigger", first: true, predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: "<mat-menu #menu=\"matMenu\" class=\"mapa-menu\">\n <button\n *ngFor=\"let item of items\"\n mat-menu-item\n (click)=\"clickMenu(item)\"\n class=\"mapa-menu__item\"\n [class.mapa-menu__item--disabled]=\"item.disabled\"\n >\n <mat-icon *ngIf=\"item.icon\">{{item.icon}}</mat-icon>\n <img *ngIf=\"item.image\" [src]=\"item.image\" />\n <span>{{item.text}}</span>\n </button>\n</mat-menu>\n\n<img\n class=\"outside-menu-icon\"\n src=\"assets/images/icons/ThreePoints.svg\"\n (click)=\"toggleMenu()\"\n [matMenuTriggerFor]=\"menu\"\n/>\n", styles: [".outside-menu-icon{color:#50575e;display:flex;align-items:center;justify-content:center}.mat-mdc-menu-content mat-icon{color:var(--Grey-Grey-60, #50575e);font-size:16px;line-height:28px}.mapa-menu__item{display:flex;align-items:center}.mapa-menu__item img{margin-right:8px}.mapa-menu__item--disabled{opacity:.45;cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$
|
|
7068
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaMenuComponent, isStandalone: true, selector: "mapa-menu", inputs: { items: "items", data: "data" }, outputs: { emitMenu: "emitMenu" }, viewQueries: [{ propertyName: "trigger", first: true, predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: "<mat-menu #menu=\"matMenu\" class=\"mapa-menu\">\n <button\n *ngFor=\"let item of items\"\n mat-menu-item\n (click)=\"clickMenu(item)\"\n class=\"mapa-menu__item\"\n [class.mapa-menu__item--disabled]=\"item.disabled\"\n >\n <mat-icon *ngIf=\"item.icon\">{{item.icon}}</mat-icon>\n <img *ngIf=\"item.image\" [src]=\"item.image\" />\n <span>{{item.text}}</span>\n </button>\n</mat-menu>\n\n<img\n class=\"outside-menu-icon\"\n src=\"assets/images/icons/ThreePoints.svg\"\n (click)=\"toggleMenu()\"\n [matMenuTriggerFor]=\"menu\"\n/>\n", styles: [".outside-menu-icon{color:#50575e;display:flex;align-items:center;justify-content:center}.mat-mdc-menu-content mat-icon{color:var(--Grey-Grey-60, #50575e);font-size:16px;line-height:28px}.mapa-menu__item{display:flex;align-items:center}.mapa-menu__item img{margin-right:8px}.mapa-menu__item--disabled{opacity:.45;cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$6.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3$6.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3$6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }] }); }
|
|
7090
7069
|
}
|
|
7091
7070
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaMenuComponent, decorators: [{
|
|
7092
7071
|
type: Component,
|
|
@@ -7115,7 +7094,7 @@ class MapaNavListComponent {
|
|
|
7115
7094
|
this.clicked.emit(option);
|
|
7116
7095
|
}
|
|
7117
7096
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaNavListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7118
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaNavListComponent, isStandalone: true, selector: "mapa-nav-list", inputs: { options: "options", label: "label" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<nav class=\"mapa-nav-list\">\n {{ label }}\n <ul>\n <li\n *ngFor=\"let option of options\"\n (click)=\"emit(option)\"\n [class.selected]=\"selected === option\"\n >\n <span>{{ option.value }}</span>\n </li>\n </ul>\n</nav>\n", styles: [".mapa-nav-list{display:flex;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:500;line-height:28px}.mapa-nav-list ul{list-style-type:none;margin-block-start:0px;margin-block-end:0px;padding-inline-start:0px}.mapa-nav-list ul li{cursor:pointer;display:inline;margin-left:33px}.mapa-nav-list ul li span{padding:0 4px}.mapa-nav-list ul li:hover span,.mapa-nav-list ul li.selected span{border-bottom:4px solid #ea561d}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$
|
|
7097
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaNavListComponent, isStandalone: true, selector: "mapa-nav-list", inputs: { options: "options", label: "label" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<nav class=\"mapa-nav-list\">\n {{ label }}\n <ul>\n <li\n *ngFor=\"let option of options\"\n (click)=\"emit(option)\"\n [class.selected]=\"selected === option\"\n >\n <span>{{ option.value }}</span>\n </li>\n </ul>\n</nav>\n", styles: [".mapa-nav-list{display:flex;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:500;line-height:28px}.mapa-nav-list ul{list-style-type:none;margin-block-start:0px;margin-block-end:0px;padding-inline-start:0px}.mapa-nav-list ul li{cursor:pointer;display:inline;margin-left:33px}.mapa-nav-list ul li span{padding:0 4px}.mapa-nav-list ul li:hover span,.mapa-nav-list ul li.selected span{border-bottom:4px solid #ea561d}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
|
|
7119
7098
|
}
|
|
7120
7099
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaNavListComponent, decorators: [{
|
|
7121
7100
|
type: Component,
|
|
@@ -7179,7 +7158,7 @@ class ReportItemComponent {
|
|
|
7179
7158
|
this.clicked.emit(item.id);
|
|
7180
7159
|
}
|
|
7181
7160
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ReportItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7182
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: ReportItemComponent, isStandalone: true, selector: "mapa-report-item", inputs: { itemData: "itemData", menuItems: "menuItems" }, outputs: { clicked: "clicked", emitMenu: "emitMenu" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"report-item\">\n <div class=\"report-icon\">\n <mat-icon class=\"material-icons\">{{ icon }}</mat-icon>\n </div>\n <div class=\"report-text\">\n <h1>\n {{ description }}\n </h1>\n </div>\n <div class=\"report-button\">\n <div class=\"report-circle\" *ngIf=\"resolvedMenuItems.length > 0\">\n <mat-icon [matMenuTriggerFor]=\"menu\">more_vert</mat-icon>\n <mat-menu #menu=\"matMenu\">\n <button\n mat-menu-item\n *ngFor=\"let item of resolvedMenuItems\"\n (click)=\"onClick(item.action)\"\n >\n <mat-icon *ngIf=\"item.icon\">{{ item.icon }}</mat-icon>\n <img *ngIf=\"item.image\" [src]=\"item.image\" />\n <span>{{ item.text }}</span>\n </button>\n </mat-menu>\n </div>\n </div>\n</div>\n", styles: [".report-item{margin:24px 48px;height:161px;display:flex;border-radius:16px;border:1px solid #CDCDCD}.report-item .report-icon{width:25%;border-radius:16px 0 0 16px;background:#fdefea}.report-item .report-icon .mat-icon{width:123px;height:123px;font-size:123px;color:#ea561d;padding:20px 42px}.report-item .report-text{background:var(--GlobalColors-Neutral-20, #F9F9F9);width:100%;padding:0 16px}.report-item .report-text h1{color:#000;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:20px;font-style:normal;font-weight:400;line-height:28px;margin-top:25px}.report-item .report-text li{color:var #000;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin-top:10px}.report-item .report-button{width:4vw;align-items:flex-end;border-radius:50%;margin-top:10px}.report-item .report-button .report-circle{background-color:#fff;border-radius:50%;display:flex;align-items:center;margin-right:10px}.report-item .report-button .mat-icon{width:20px;height:20px;font-size:20px;margin:5px;color:#ea561d}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$
|
|
7161
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: ReportItemComponent, isStandalone: true, selector: "mapa-report-item", inputs: { itemData: "itemData", menuItems: "menuItems" }, outputs: { clicked: "clicked", emitMenu: "emitMenu" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"report-item\">\n <div class=\"report-icon\">\n <mat-icon class=\"material-icons\">{{ icon }}</mat-icon>\n </div>\n <div class=\"report-text\">\n <h1>\n {{ description }}\n </h1>\n </div>\n <div class=\"report-button\">\n <div class=\"report-circle\" *ngIf=\"resolvedMenuItems.length > 0\">\n <mat-icon [matMenuTriggerFor]=\"menu\">more_vert</mat-icon>\n <mat-menu #menu=\"matMenu\">\n <button\n mat-menu-item\n *ngFor=\"let item of resolvedMenuItems\"\n (click)=\"onClick(item.action)\"\n >\n <mat-icon *ngIf=\"item.icon\">{{ item.icon }}</mat-icon>\n <img *ngIf=\"item.image\" [src]=\"item.image\" />\n <span>{{ item.text }}</span>\n </button>\n </mat-menu>\n </div>\n </div>\n</div>\n", styles: [".report-item{margin:24px 48px;height:161px;display:flex;border-radius:16px;border:1px solid #CDCDCD}.report-item .report-icon{width:25%;border-radius:16px 0 0 16px;background:#fdefea}.report-item .report-icon .mat-icon{width:123px;height:123px;font-size:123px;color:#ea561d;padding:20px 42px}.report-item .report-text{background:var(--GlobalColors-Neutral-20, #F9F9F9);width:100%;padding:0 16px}.report-item .report-text h1{color:#000;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:20px;font-style:normal;font-weight:400;line-height:28px;margin-top:25px}.report-item .report-text li{color:var #000;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin-top:10px}.report-item .report-button{width:4vw;align-items:flex-end;border-radius:50%;margin-top:10px}.report-item .report-button .report-circle{background-color:#fff;border-radius:50%;display:flex;align-items:center;margin-right:10px}.report-item .report-button .mat-icon{width:20px;height:20px;font-size:20px;margin:5px;color:#ea561d}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$6.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3$6.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3$6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }] }); }
|
|
7183
7162
|
}
|
|
7184
7163
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ReportItemComponent, decorators: [{
|
|
7185
7164
|
type: Component,
|
|
@@ -7203,7 +7182,7 @@ class MapaProgressbarComponent {
|
|
|
7203
7182
|
this.showInterval = true;
|
|
7204
7183
|
}
|
|
7205
7184
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaProgressbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7206
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaProgressbarComponent, isStandalone: true, selector: "mapa-progressbar", inputs: { data: "data", showInterval: "showInterval" }, ngImport: i0, template: "<div class=\"progress-bar\">\n <div class=\"progress-bar--bg\">\n <div\n class=\"progress-bar--filled\"\n [style.width.%]=\"data.interval\"\n [style.backgroundColor]=\"data.classification?.classificationColor\"\n ></div>\n </div>\n <div class=\"progress-bar--interval\" *ngIf=\"showInterval\">\n {{data.interval}}%\n </div>\n</div>\n", styles: [".progress-bar{display:flex;align-items:center;justify-content:space-between;color:#2e2a2a;font-size:18px;font-style:normal;font-weight:400;width:310px;gap:20px}.progress-bar--bg{position:relative;background-color:#eee;border-radius:6px;height:8px;width:247px}.progress-bar--filled{position:absolute;top:0;left:0;background-color:#c6c6c6;border-radius:6px;height:8px}.progress-bar--interval{color:#2e2a2a;text-align:center;font-size:24px;font-style:normal;font-weight:400;line-height:32px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$
|
|
7185
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaProgressbarComponent, isStandalone: true, selector: "mapa-progressbar", inputs: { data: "data", showInterval: "showInterval" }, ngImport: i0, template: "<div class=\"progress-bar\">\n <div class=\"progress-bar--bg\">\n <div\n class=\"progress-bar--filled\"\n [style.width.%]=\"data.interval\"\n [style.backgroundColor]=\"data.classification?.classificationColor\"\n ></div>\n </div>\n <div class=\"progress-bar--interval\" *ngIf=\"showInterval\">\n {{data.interval}}%\n </div>\n</div>\n", styles: [".progress-bar{display:flex;align-items:center;justify-content:space-between;color:#2e2a2a;font-size:18px;font-style:normal;font-weight:400;width:310px;gap:20px}.progress-bar--bg{position:relative;background-color:#eee;border-radius:6px;height:8px;width:247px}.progress-bar--filled{position:absolute;top:0;left:0;background-color:#c6c6c6;border-radius:6px;height:8px}.progress-bar--interval{color:#2e2a2a;text-align:center;font-size:24px;font-style:normal;font-weight:400;line-height:32px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
7207
7186
|
}
|
|
7208
7187
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaProgressbarComponent, decorators: [{
|
|
7209
7188
|
type: Component,
|
|
@@ -7329,13 +7308,13 @@ class MapaSvgIconComponent {
|
|
|
7329
7308
|
.replaceAll('stroke="#181818"', `stroke="${this.color}"`)
|
|
7330
7309
|
.replaceAll('stroke="#7def7b"', `stroke="${this.color}"`);
|
|
7331
7310
|
}
|
|
7332
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaSvgIconComponent, deps: [{ token: i1$
|
|
7333
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaSvgIconComponent, isStandalone: true, selector: "mapa-svg-icon", inputs: { name: "name", color: "color" }, usesOnChanges: true, ngImport: i0, template: "<span *ngIf=\"svgIcon\" class=\"mapa__svg-icon\" [innerHTML]=\"svgIcon | safeHtml\"></span>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$
|
|
7311
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaSvgIconComponent, deps: [{ token: i1$5.HttpClient }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7312
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaSvgIconComponent, isStandalone: true, selector: "mapa-svg-icon", inputs: { name: "name", color: "color" }, usesOnChanges: true, ngImport: i0, template: "<span *ngIf=\"svgIcon\" class=\"mapa__svg-icon\" [innerHTML]=\"svgIcon | safeHtml\"></span>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] }); }
|
|
7334
7313
|
}
|
|
7335
7314
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaSvgIconComponent, decorators: [{
|
|
7336
7315
|
type: Component,
|
|
7337
7316
|
args: [{ selector: "mapa-svg-icon", standalone: true, imports: [CommonModule, SafeHtmlPipe], template: "<span *ngIf=\"svgIcon\" class=\"mapa__svg-icon\" [innerHTML]=\"svgIcon | safeHtml\"></span>\n" }]
|
|
7338
|
-
}], ctorParameters: () => [{ type: i1$
|
|
7317
|
+
}], ctorParameters: () => [{ type: i1$5.HttpClient }, { type: i0.ChangeDetectorRef }], propDecorators: { name: [{
|
|
7339
7318
|
type: Input
|
|
7340
7319
|
}], color: [{
|
|
7341
7320
|
type: Input
|
|
@@ -7790,7 +7769,7 @@ class MapaTableComponent {
|
|
|
7790
7769
|
useFactory: customPaginatorFactory,
|
|
7791
7770
|
deps: [MapaI18nService, Injector],
|
|
7792
7771
|
},
|
|
7793
|
-
], viewQueries: [{ propertyName: "trigger", first: true, predicate: MatMenuTrigger, descendants: true }, { propertyName: "table", first: true, predicate: MatTable, descendants: true }, { propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true, read: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (status.loading) {\n <section class=\"mapa-table mapa-table__skeleton\" aria-hidden=\"true\">\n <div class=\"mapa-table__skeleton-content mapa__card mapa__card--show-on-desktop\">\n <div class=\"mapa-table__skeleton-header\">\n @for (column of columns; track trackColumn($index, column)) {\n <div\n class=\"mapa-table__skeleton-cell mapa-table__skeleton-cell--header\"\n [style.width]=\"getSkeletonColumnWidth(column)\"\n ></div>\n }\n </div>\n @for (rowIndex of skeletonRows; track rowIndex) {\n <div class=\"mapa-table__skeleton-row\">\n @for (column of columns; track trackColumn($index, column)) {\n <div\n class=\"mapa-table__skeleton-cell\"\n [style.width]=\"getSkeletonColumnWidth(column)\"\n ></div>\n }\n </div>\n }\n </div>\n </section>\n} @else if (dataSource.data.length > 0) {\n <section class=\"mapa-table\">\n <div class=\"mapa-table--show-on-mobile\">\n @if (checkbox) {\n <div class=\"mapa-table__select-all\">\n @if (selection) {\n <mat-checkbox\n (change)=\"$event ? toggleAllRows() : null\"\n [checked]=\"selection.hasValue() && isAllSelected()\"\n [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n (click)=\"$event.stopPropagation()\"\n color=\"primary\"\n > {{ selectAllLabel }}</mat-checkbox>\n }\n </div>\n }\n @for (row of dataSource.data; track row) {\n <div>\n <div class=\"mapa-table__card mapa__card\">\n @for (column of columns; track trackColumn($index, column); let isFirst = $first) {\n <div [ngClass]=\"'mapa-table__card--column-' + column.key\">\n @if (column.key !== \"actions\" && column.key !== \"menu\") {\n <strong\n class=\"mapa-table__card--header\"\n [class.mapa-table__checkbox--header]=\"isFirst && checkbox\"\n >\n <div\n [ngTemplateOutlet]=\"tableHeader\"\n [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox: false }\"\n class=\"hidden\"\n ></div>\n </strong>\n }\n <div\n class=\"mapa-table__card--column\"\n [class.mapa-table__column--center-cell]=\"column?.align === 'center'\"\n >\n @if (column.key !== \"actions\" && column.key !== \"menu\") {\n <div class=\"mapa-table__content\">\n <div\n [style.width]=\"column?.width\"\n [class.mapa-table__column--ellipsis]=\"column?.collapse === 'overflow'\"\n [class.mapa-table__column--no-wrap]=\"column?.collapse === 'no-wrap'\"\n [class.mapa-table__column--wrap]=\"column?.collapse === 'wrap'\"\n [ngClass]=\"[hasCustomClass(column, row, column.key) ? getCustomClass(column, row, column.key) : '']\"\n >\n @if (column?.status?.color) {\n <div\n class=\"mapa-table__column--status\"\n [style.backgroundColor]=\"getBackgroundColor(column, row)\"\n [style.color]=\"getTextColor(column, row)\"\n [class.mapa-table__column--status-round]=\"column.status?.style == 'round'\"\n >\n <div\n [ngTemplateOutlet]=\"tableContent\"\n [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox, row }\"\n ></div>\n </div>\n } @else {\n <div\n [ngTemplateOutlet]=\"tableContent\"\n [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox, row }\"\n ></div>\n }\n </div>\n </div>\n } @else {\n @if (column.key === \"actions\" && actions) {\n <div>\n @for (item of getActionItems(row); track item) {\n @if (item.route) {\n <a [href]=\"item.route\" [routerLink]=\"item.route\">\n <button\n class=\"mapa-table__column--actions-item\"\n [title]=\"item.text\"\n mat-icon-button\n >\n @if (item.icon) {\n <mat-icon>{{ item.icon }}</mat-icon>\n }\n @if (item.image) {\n <img [src]=\"item.image\" />\n }\n @if (item.svg) {\n <mapa-svg-icon [name]=\"setSvgName(item.svg)\"></mapa-svg-icon>\n }\n @if (item.showText) {\n <span>{{ item.text }}</span>\n }\n </button>\n </a>\n } @else {\n <button\n (click)=\"handleMenu({ data: row, action: item.action })\"\n class=\"mapa-table__column--actions-item\"\n [title]=\"item.text\"\n mat-icon-button\n >\n @if (item.icon) {\n <mat-icon>{{ item.icon }}</mat-icon>\n }\n @if (item.image) {\n <img [src]=\"item.image\" />\n }\n @if (item.svg) {\n <mapa-svg-icon [name]=\"setSvgName(item.svg)\"></mapa-svg-icon>\n }\n @if (item.showText) {\n <span>{{ item.text }}</span>\n }\n </button>\n }\n }\n </div>\n }\n\n @if (column.key === \"menu\") {\n @if (hasIndividualMenu(row)) {\n <div class=\"mapa-table__column--menu\">\n @for (item of getMenuItems(row); track item) {\n <button\n (click)=\"handleMenu({ data: row, action: item.action })\"\n class=\"mapa-table__column--menu-item\"\n [class.mapa-table__column--menu-item-disabled]=\"item.disabled\"\n [title]=\"item.text\"\n mat-icon-button\n >\n @if (item.icon) {\n <mat-icon>{{ item.icon }}</mat-icon>\n }\n @if (item.image) {\n <img [src]=\"item.image\" />\n }\n <span class=\"mapa-table__column--menu-item-text\">{{ item.text }}</span>\n </button>\n }\n </div>\n } @else {\n <div class=\"mapa-table__column--menu\">\n @for (item of menuItems; track item) {\n <button\n (click)=\"handleMenu({ data: row, action: item.action })\"\n class=\"mapa-table__column--menu-item\"\n [class.mapa-table__column--menu-item-disabled]=\"item.disabled\"\n [title]=\"item.text\"\n mat-icon-button\n >\n @if (item.icon) {\n <mat-icon>{{ item.icon }}</mat-icon>\n }\n @if (item.image) {\n <mapa-svg-icon [name]=\"setSvgName(item.image)\"></mapa-svg-icon>\n }\n <span class=\"mapa-table__column--menu-item-text\">{{ item.text }}</span>\n </button>\n }\n </div>\n }\n }\n }\n </div>\n </div>\n }\n </div>\n </div>\n }\n </div>\n\n <div class=\"mapa-table--show-on-desktop\">\n @if (desktopTableVisible) {\n <table\n mat-table\n [dataSource]=\"dataSource\"\n matSort\n [matSortActive]=\"currentSort?.active ?? ''\"\n [matSortDirection]=\"currentSort?.direction ?? ''\"\n (matSortChange)=\"sortDataFunction($event)\"\n >\n @for (column of columns; track trackColumn($index, column); let isFirst = $first) {\n <ng-container [matColumnDef]=\"column.key\">\n <th\n mat-header-cell\n *matHeaderCellDef\n mat-sort-header\n [disabled]=\"!(column.key !== 'actions' ? column.sort : null)\"\n >\n <div\n [ngTemplateOutlet]=\"tableHeader\"\n [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox }\"\n ></div>\n </th>\n <td mat-cell *matCellDef=\"let row\" [style.width]=\"column?.width\">\n <div\n class=\"mapa-table__column\"\n (click)=\"emitRowClick(row, '')\"\n [class.mapa-table__column--center-cell]=\"column?.align === 'center'\"\n >\n @if (column.key !== \"actions\" && column.key !== \"menu\") {\n <div class=\"mapa-table__content\">\n <div\n [style.width]=\"column?.width\"\n [class.mapa-table__column--ellipsis]=\"column?.collapse === 'overflow'\"\n [class.mapa-table__column--no-wrap]=\"column?.collapse === 'no-wrap'\"\n [class.mapa-table__column--wrap]=\"column?.collapse === 'wrap'\"\n [ngClass]=\"[hasCustomClass(column, row, column.key) ? getCustomClass(column, row, column.key) : '']\"\n >\n @if (column?.status?.color) {\n <div\n class=\"mapa-table__column--status\"\n [style.backgroundColor]=\"getBackgroundColor(column, row)\"\n [style.color]=\"getTextColor(column, row)\"\n [class.mapa-table__column--status-round]=\"column.status?.style == 'round'\"\n >\n <div\n [ngTemplateOutlet]=\"tableContent\"\n [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox, row }\"\n ></div>\n </div>\n } @else {\n <div\n [ngTemplateOutlet]=\"tableContent\"\n [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox, row }\"\n ></div>\n }\n </div>\n </div>\n } @else {\n @if (column.key === \"actions\" && actions) {\n <div class=\"mapa-table__column--actions\">\n @for (item of getActionItems(row); track item) {\n @if (item.route) {\n <a [href]=\"item.route\" [routerLink]=\"item.route\">\n <button\n class=\"mapa-table__column--actions-item\"\n [title]=\"item.text\"\n mat-icon-button\n >\n @if (item.icon) {\n <mat-icon>{{ item.icon }}</mat-icon>\n }\n @if (item.image) {\n <img [src]=\"item.image\" />\n }\n @if (item.svg) {\n <mapa-svg-icon [name]=\"setSvgName(item.svg)\"></mapa-svg-icon>\n }\n @if (item.showText) {\n <span>{{ item.text }}</span>\n }\n </button>\n </a>\n } @else {\n <button\n (click)=\"handleMenu({ data: row, action: item.action })\"\n class=\"mapa-table__column--actions-item\"\n [title]=\"item.text\"\n mat-icon-button\n >\n @if (item.icon) {\n <mat-icon>{{ item.icon }}</mat-icon>\n }\n @if (item.image) {\n <img [src]=\"item.image\" />\n }\n @if (item.svg) {\n <mapa-svg-icon [name]=\"setSvgName(item.svg)\"></mapa-svg-icon>\n }\n @if (item.showText) {\n <span>{{ item.text }}</span>\n }\n </button>\n }\n }\n </div>\n }\n @if (column.key === \"menu\") {\n <div class=\"mapa-table__column--menu\">\n @if (hasIndividualMenu(row)) {\n <mapa-menu\n [items]=\"getMenuItems(row)\"\n [data]=\"row\"\n (emitMenu)=\"handleMenu($event)\"\n ></mapa-menu>\n } @else if (menuItems.length > 0) {\n <mapa-menu\n [items]=\"menuItems\"\n [data]=\"row\"\n (emitMenu)=\"handleMenu($event)\"\n ></mapa-menu>\n }\n </div>\n }\n }\n </div>\n </td>\n </ng-container>\n }\n\n <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n <tr\n mat-row\n *matRowDef=\"let row; columns: displayedColumns;\"\n class=\"row-hover\"\n ></tr>\n </table>\n }\n </div>\n\n @if (shouldShowPaginator) {\n <section>\n <mat-paginator\n class=\"mapa-table__paginator\"\n appBubblePagination\n [appCustomLength]=\"totalCount\"\n [bubblePageIndex]=\"paginatorPageIndex\"\n [pageIndex]=\"paginatorPageIndex\"\n [showFirstButton]=\"paginatorShowFirstButton\"\n [showLastButton]=\"paginatorShowLastButton\"\n [renderButtonsNumber]=\"paginatorRenderButtonsNumber\"\n [hideDefaultArrows]=\"paginatorHideDefaultArrows\"\n [bubblePageSize]=\"pageSize\"\n [length]=\"totalCount\"\n [pageSize]=\"pageSize\"\n [pageSizeOptions]=\"[5, 10, 25, 100]\"\n (page)=\"changePage($event)\"\n ></mat-paginator>\n </section>\n }\n </section>\n} @else if (status.finished && dataSource.data.length === 0) {\n <section class=\"mapa-table\">\n <mapa-empty\n [title]=\"resolvedEmptyTitle\"\n [subtitle]=\"resolvedEmptySubtitle\"\n ></mapa-empty>\n </section>\n}\n\n<ng-template\n #tableHeader\n let-selection=\"selection\"\n let-column=\"column\"\n let-isFirst=\"isFirst\"\n let-checkbox=\"checkbox\"\n>\n @if (isFirst && checkbox) {\n @if (selection) {\n <mat-checkbox\n (change)=\"$event ? toggleAllRows() : null\"\n [checked]=\"selection.hasValue() && isAllSelected()\"\n [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n (click)=\"$event.stopPropagation()\"\n color=\"primary\"\n ></mat-checkbox>\n }\n }\n <div>\n <span [innerHTML]=\"column.label | safeHtml\"></span>\n </div>\n @if (column.key !== \"actions\" && column.key !== \"menu\" && column.sort) {\n <div class=\"mapa-table--show-on-desktop\">\n <mat-icon>filter_list</mat-icon>\n </div>\n }\n</ng-template>\n\n<ng-template\n #tableContent\n let-selection=\"selection\"\n let-column=\"column\"\n let-isFirst=\"isFirst\"\n let-checkbox=\"checkbox\"\n let-row=\"row\"\n>\n @if (isFirst && checkbox) {\n <mat-checkbox\n (click)=\"$event.stopPropagation()\"\n (change)=\"$event ? selection?.toggle(row) : null; getSelectedValues()\"\n [checked]=\"selection?.isSelected(row)\"\n color=\"primary\"\n class=\"mapa-table__checkbox\"\n >\n </mat-checkbox>\n }\n @if (isMaskedData(column, row)) {\n {{ getValueAsDate(column, row) | date: column.mask }}\n } @else if (column.status) {\n <span [innerHTML]=\"getStatusLabel(column, row) | safeHtml\"></span>\n } @else {\n <span [innerHTML]=\"getCellContent(row, column.key) | safeHtml\"></span>\n }\n</ng-template>\n", styles: [":host ::ng-deep .mapa-table .mat-mdc-table{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);width:100%}:host ::ng-deep .mapa-table .mat-mdc-table .mat-mdc-checkbox{margin:6px 8px 0 0;padding:0}:host ::ng-deep .mapa-table td.mat-mdc-cell{padding:16px 0}:host ::ng-deep .mapa-table .mat-mdc-table .mat-mdc-row .mat-mdc-cell{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400;color:#50575e}:host ::ng-deep .mapa-table .row-hover:hover{box-shadow:0 2px 4px #00000021;outline:1px solid rgba(238,238,238,.93);cursor:pointer}:host ::ng-deep .mapa-table .mat-mdc-table .mat-mdc-header-cell{border:none;border-bottom:1px solid #eee;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:600;color:#50575e}:host ::ng-deep .mapa-table .mat-mdc-row,:host ::ng-deep .mapa-table .mdc-data-table__content{--mat-table-row-item-label-text-font: var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif)}:host ::ng-deep .mapa-table .mat-mdc-header-cell,:host ::ng-deep .mapa-table .mdc-data-table__content{--mat-table-row-item-label-text-font: var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif)}:host ::ng-deep .mapa-table .mat-mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{background-color:transparent;border-color:#b6b6b6}:host ::ng-deep .mapa-table .mat-mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,:host ::ng-deep .mapa-table .mat-mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,:host ::ng-deep .mapa-table .mat-mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background{background-color:#ea561d;border-color:#ea561d}:host ::ng-deep .mapa-table .mat-mdc-paginator-container{display:flex;justify-content:space-between}:host ::ng-deep .mapa-table__paginator .mat-paginator-container,:host ::ng-deep .mapa-table__paginator .mat-mdc-paginator-container{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif)!important;justify-content:flex-start}:host ::ng-deep .mapa-table__paginator .mat-paginator-page-size,:host ::ng-deep .mapa-table__paginator .mat-mdc-paginator-page-size{margin-right:10vw}:host ::ng-deep .mapa-table__paginator .custom-paginator-container{justify-content:flex-end}:host ::ng-deep .mapa-table__paginator .g-bubble-container{display:flex;align-items:center;justify-content:flex-end;gap:8px}:host ::ng-deep .mapa-table__paginator .g-bubble{border-radius:4px;outline:none;border:none;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif)!important;background:transparent;color:#0000008a;cursor:pointer;margin:.4em 0;font-size:14px;min-width:24px;width:auto;min-height:24px;max-height:24px;padding:1px 6px;display:flex;align-items:center;justify-content:center}:host ::ng-deep .mapa-table__paginator .g-bubble:hover{background-color:#dfe3e6}:host ::ng-deep .mapa-table__paginator .g-bubble__active{background-color:#ea561d;color:#fff}:host ::ng-deep .mapa-table__paginator .custom-paginator-counter{white-space:nowrap;margin:0 4px 0 10px!important}:host ::ng-deep .mapa-table__paginator .mat-mdc-paginator-page-size-label,:host ::ng-deep .mapa-table__paginator .custom-paginator-counter{color:#0000008a}:host ::ng-deep .mapa-table__paginator .mat-mdc-paginator-navigation-previous,:host ::ng-deep .mapa-table__paginator .mat-mdc-paginator-navigation-next{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif)!important;color:#999}:host ::ng-deep .mapa-table__paginator .mat-mdc-paginator-navigation-previous[disabled],:host ::ng-deep .mapa-table__paginator .mat-mdc-paginator-navigation-next[disabled]{color:#dfe3e6}:host ::ng-deep .hidden{display:none}:host ::ng-deep .mapa-table{width:100%;white-space:nowrap;overflow-x:auto}:host ::ng-deep .mapa-table .mat-mdc-icon-button{width:unset!important;height:unset!important;line-height:unset!important;justify-content:flex-start}:host ::ng-deep .mapa-table .mat-mdc-icon-button .mat-mdc-button-touch-target,:host ::ng-deep .mapa-table .mat-mdc-icon-button .mdc-button__label{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%!important}@media(min-width:1201px){:host ::ng-deep .mapa-table--show-on-mobile{display:none}:host ::ng-deep .mapa-table--show-on-desktop{display:block}}@media(max-width:1200px){:host ::ng-deep .mapa-table--show-on-mobile{padding:20px}:host ::ng-deep .mapa-table--show-on-mobile .mapa__card{width:unset!important}:host ::ng-deep .mapa-table--show-on-desktop{display:none}}:host ::ng-deep .mapa-table__select-all{display:flex;align-items:center;padding:16px 24px;font-size:12px;text-transform:uppercase}@media(max-width:1200px){:host ::ng-deep .mapa-table__checkbox{margin-right:8px}:host ::ng-deep .mapa-table__checkbox--header{padding-left:24px}}:host ::ng-deep .mapa-table__card{position:relative;padding:24px;display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}:host ::ng-deep .mapa-table__card--floating-content{display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;gap:8px}:host ::ng-deep .mapa-table__card--floating-actions{position:absolute;bottom:16px;right:16px;color:#ea561d}:host ::ng-deep .mapa-table__card--header{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;font-size:12px;text-transform:uppercase}:host ::ng-deep .mapa-table__card--header mat-icon{height:16px;width:16px;font-size:16px}:host ::ng-deep .mapa-table__card--column{padding:16px 0}:host ::ng-deep .mapa-table__label{margin-top:4px}:host ::ng-deep .mapa-table__column{padding:15px;align-items:center;display:flex}:host ::ng-deep .mapa-table__column--actions{display:flex}:host ::ng-deep .mapa-table__column--actions .mat-icon{color:#ea561d!important}:host ::ng-deep .mapa-table__column--actions-item{display:flex!important;align-items:center;gap:8px}:host ::ng-deep .mapa-table__column--actions-item span{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:14px;font-style:normal;font-weight:500;line-height:20px}:host ::ng-deep .mapa-table__column--menu{display:flex;align-items:center;justify-content:center;gap:8px}:host ::ng-deep .mapa-table__column--menu .mapa-table__column--menu-item-text{display:flex;align-items:center;justify-content:center;font-size:12px;line-height:16px!important}:host ::ng-deep .mapa-table__column--menu-item{display:flex;align-items:center;width:unset!important;height:unset!important}:host ::ng-deep .mapa-table__column--menu-item img{margin-right:8px}:host ::ng-deep .mapa-table__column--menu-item button{color:#ea561d!important}:host ::ng-deep .mapa-table__column--menu-item button span{font-size:12px;text-transform:uppercase;display:flex}:host ::ng-deep .mapa-table__column--menu-item-disabled{opacity:.45;cursor:not-allowed}:host ::ng-deep .mapa-table__column--header{width:100%}:host ::ng-deep .mapa-table__column--header .mat-icon{cursor:pointer;position:relative;bottom:-3px;margin:0 7px;font-size:14px;height:14px;width:14px}:host ::ng-deep .mapa-table__column--status{margin:auto;text-align:center;width:min-content;border-radius:4px;padding:4px 8px}:host ::ng-deep .mapa-table__column--status-round{border-radius:50px}:host ::ng-deep .mapa-table__column--ellipsis{display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host ::ng-deep .mapa-table__column--no-wrap{white-space:nowrap}:host ::ng-deep .mapa-table__column--wrap{white-space:pre-wrap}:host ::ng-deep .mapa-table__column--center-cell{display:flex;align-items:center;justify-content:center;width:100%}:host ::ng-deep .mapa-table--column-actions,:host ::ng-deep .mapa-table--column-menu{width:100%}:host ::ng-deep .mapa-table__content--value{color:#fff;font-weight:500}:host ::ng-deep .mapa-table .mat-sort-header-arrow{color:transparent}:host ::ng-deep .mapa-table .mat-sort-header-content{width:100%!important}:host ::ng-deep .mapa-table .mat-sort-header-content mat-icon{margin-left:24px}:host ::ng-deep .mapa-table .mat-mdc-cell{padding:0 10px!important}:host ::ng-deep .mapa-table .mat-mdc-header-cell{padding:0 24px!important}:host ::ng-deep .mapa-table .mat-mdc-table{width:100%;overflow-x:auto}:host ::ng-deep .mapa-table__skeleton-content{padding:24px}:host ::ng-deep .mapa-table__skeleton-header,:host ::ng-deep .mapa-table__skeleton-row{display:flex;gap:12px}:host ::ng-deep .mapa-table__skeleton-header{margin-bottom:16px}:host ::ng-deep .mapa-table__skeleton-row{margin-bottom:12px}:host ::ng-deep .mapa-table__skeleton-cell{height:16px;border-radius:8px;background:linear-gradient(90deg,#f0f2f4 25%,#e6e9ec,#f0f2f4 75%);background-size:200% 100%;animation:mapa-table-skeleton-shimmer 1.2s infinite linear}:host ::ng-deep .mapa-table__skeleton-cell--header{height:20px}@media(max-width:1000px){:host ::ng-deep .mapa-table .mat-mdc-paginator-range-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}:host ::ng-deep .mapa-table .mat-mdc-paginator-range-label{padding:16px 0;text-align:center;width:100%}:host ::ng-deep .mapa-table .mat-mdc-paginator-container{justify-content:center}}:host ::ng-deep .mapa-table .classification{width:40px;height:40px;border-radius:24px;display:flex;justify-content:center;align-items:center}:host ::ng-deep .mapa-table .roundCell{border-radius:10px}:host ::ng-deep .mapa-table .general{border-radius:24px;border:1px solid #dcdcde;display:flex;justify-content:center;align-items:center;width:48px;height:48px}:host ::ng-deep .mapa-table .name{color:#181818;text-align:left;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:14px;font-style:normal;font-weight:400;line-height:20px}:host ::ng-deep .mapa-table .cpf{color:#77838f;text-align:left;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:12px;font-style:normal;font-weight:400;line-height:16px}:host ::ng-deep .mapa-table .label_report{color:#181818;text-align:center;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:12px;font-style:normal;font-weight:400;line-height:16px}@keyframes mapa-table-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: MapaMenuComponent, selector: "mapa-menu", inputs: ["items", "data"], outputs: ["emitMenu"] }, { kind: "component", type: MapaSvgIconComponent, selector: "mapa-svg-icon", inputs: ["name", "color"] }, { kind: "component", type: MapaEmptyStateComponent, selector: "mapa-empty", inputs: ["title", "subtitle"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i4.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i1$1.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "ngmodule", type: MatSortModule }, { kind: "directive", type: i4$1.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i4$1.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i3$5.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i3$5.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i3$5.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i3$5.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i3$5.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i3$5.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i3$5.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i3$5.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i3$5.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i3$5.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: BubblePaginationDirective, selector: "[appBubblePagination], [appStylePaginatorMv]", inputs: ["showFirstButton", "showLastButton", "renderButtonsNumber", "appCustomLength", "hideDefaultArrows", "bubblePageIndex", "bubblePageSize"], outputs: ["pageIndexChangeEmitter"] }, { kind: "pipe", type: i1$2.DatePipe, name: "date" }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7772
|
+
], viewQueries: [{ propertyName: "trigger", first: true, predicate: MatMenuTrigger, descendants: true }, { propertyName: "table", first: true, predicate: MatTable, descendants: true }, { propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true, read: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (status.loading) {\n <section class=\"mapa-table mapa-table__skeleton\" aria-hidden=\"true\">\n <div class=\"mapa-table__skeleton-content mapa__card mapa__card--show-on-desktop\">\n <div class=\"mapa-table__skeleton-header\">\n @for (column of columns; track trackColumn($index, column)) {\n <div\n class=\"mapa-table__skeleton-cell mapa-table__skeleton-cell--header\"\n [style.width]=\"getSkeletonColumnWidth(column)\"\n ></div>\n }\n </div>\n @for (rowIndex of skeletonRows; track rowIndex) {\n <div class=\"mapa-table__skeleton-row\">\n @for (column of columns; track trackColumn($index, column)) {\n <div\n class=\"mapa-table__skeleton-cell\"\n [style.width]=\"getSkeletonColumnWidth(column)\"\n ></div>\n }\n </div>\n }\n </div>\n </section>\n} @else if (dataSource.data.length > 0) {\n <section class=\"mapa-table\">\n <div class=\"mapa-table--show-on-mobile\">\n @if (checkbox) {\n <div class=\"mapa-table__select-all\">\n @if (selection) {\n <mat-checkbox\n (change)=\"$event ? toggleAllRows() : null\"\n [checked]=\"selection.hasValue() && isAllSelected()\"\n [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n (click)=\"$event.stopPropagation()\"\n color=\"primary\"\n > {{ selectAllLabel }}</mat-checkbox>\n }\n </div>\n }\n @for (row of dataSource.data; track row) {\n <div>\n <div class=\"mapa-table__card mapa__card\">\n @for (column of columns; track trackColumn($index, column); let isFirst = $first) {\n <div [ngClass]=\"'mapa-table__card--column-' + column.key\">\n @if (column.key !== \"actions\" && column.key !== \"menu\") {\n <strong\n class=\"mapa-table__card--header\"\n [class.mapa-table__checkbox--header]=\"isFirst && checkbox\"\n >\n <div\n [ngTemplateOutlet]=\"tableHeader\"\n [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox: false }\"\n class=\"hidden\"\n ></div>\n </strong>\n }\n <div\n class=\"mapa-table__card--column\"\n [class.mapa-table__column--center-cell]=\"column?.align === 'center'\"\n >\n @if (column.key !== \"actions\" && column.key !== \"menu\") {\n <div class=\"mapa-table__content\">\n <div\n [style.width]=\"column?.width\"\n [class.mapa-table__column--ellipsis]=\"column?.collapse === 'overflow'\"\n [class.mapa-table__column--no-wrap]=\"column?.collapse === 'no-wrap'\"\n [class.mapa-table__column--wrap]=\"column?.collapse === 'wrap'\"\n [ngClass]=\"[hasCustomClass(column, row, column.key) ? getCustomClass(column, row, column.key) : '']\"\n >\n @if (column?.status?.color) {\n <div\n class=\"mapa-table__column--status\"\n [style.backgroundColor]=\"getBackgroundColor(column, row)\"\n [style.color]=\"getTextColor(column, row)\"\n [class.mapa-table__column--status-round]=\"column.status?.style == 'round'\"\n >\n <div\n [ngTemplateOutlet]=\"tableContent\"\n [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox, row }\"\n ></div>\n </div>\n } @else {\n <div\n [ngTemplateOutlet]=\"tableContent\"\n [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox, row }\"\n ></div>\n }\n </div>\n </div>\n } @else {\n @if (column.key === \"actions\" && actions) {\n <div>\n @for (item of getActionItems(row); track item) {\n @if (item.route) {\n <a [href]=\"item.route\" [routerLink]=\"item.route\">\n <button\n class=\"mapa-table__column--actions-item\"\n [title]=\"item.text\"\n mat-icon-button\n >\n @if (item.icon) {\n <mat-icon>{{ item.icon }}</mat-icon>\n }\n @if (item.image) {\n <img [src]=\"item.image\" />\n }\n @if (item.svg) {\n <mapa-svg-icon [name]=\"setSvgName(item.svg)\"></mapa-svg-icon>\n }\n @if (item.showText) {\n <span>{{ item.text }}</span>\n }\n </button>\n </a>\n } @else {\n <button\n (click)=\"handleMenu({ data: row, action: item.action })\"\n class=\"mapa-table__column--actions-item\"\n [title]=\"item.text\"\n mat-icon-button\n >\n @if (item.icon) {\n <mat-icon>{{ item.icon }}</mat-icon>\n }\n @if (item.image) {\n <img [src]=\"item.image\" />\n }\n @if (item.svg) {\n <mapa-svg-icon [name]=\"setSvgName(item.svg)\"></mapa-svg-icon>\n }\n @if (item.showText) {\n <span>{{ item.text }}</span>\n }\n </button>\n }\n }\n </div>\n }\n\n @if (column.key === \"menu\") {\n @if (hasIndividualMenu(row)) {\n <div class=\"mapa-table__column--menu\">\n @for (item of getMenuItems(row); track item) {\n <button\n (click)=\"handleMenu({ data: row, action: item.action })\"\n class=\"mapa-table__column--menu-item\"\n [class.mapa-table__column--menu-item-disabled]=\"item.disabled\"\n [title]=\"item.text\"\n mat-icon-button\n >\n @if (item.icon) {\n <mat-icon>{{ item.icon }}</mat-icon>\n }\n @if (item.image) {\n <img [src]=\"item.image\" />\n }\n <span class=\"mapa-table__column--menu-item-text\">{{ item.text }}</span>\n </button>\n }\n </div>\n } @else {\n <div class=\"mapa-table__column--menu\">\n @for (item of menuItems; track item) {\n <button\n (click)=\"handleMenu({ data: row, action: item.action })\"\n class=\"mapa-table__column--menu-item\"\n [class.mapa-table__column--menu-item-disabled]=\"item.disabled\"\n [title]=\"item.text\"\n mat-icon-button\n >\n @if (item.icon) {\n <mat-icon>{{ item.icon }}</mat-icon>\n }\n @if (item.image) {\n <mapa-svg-icon [name]=\"setSvgName(item.image)\"></mapa-svg-icon>\n }\n <span class=\"mapa-table__column--menu-item-text\">{{ item.text }}</span>\n </button>\n }\n </div>\n }\n }\n }\n </div>\n </div>\n }\n </div>\n </div>\n }\n </div>\n\n <div class=\"mapa-table--show-on-desktop\">\n @if (desktopTableVisible) {\n <table\n mat-table\n [dataSource]=\"dataSource\"\n matSort\n [matSortActive]=\"currentSort?.active ?? ''\"\n [matSortDirection]=\"currentSort?.direction ?? ''\"\n (matSortChange)=\"sortDataFunction($event)\"\n >\n @for (column of columns; track trackColumn($index, column); let isFirst = $first) {\n <ng-container [matColumnDef]=\"column.key\">\n <th\n mat-header-cell\n *matHeaderCellDef\n mat-sort-header\n [disabled]=\"!(column.key !== 'actions' ? column.sort : null)\"\n >\n <div\n [ngTemplateOutlet]=\"tableHeader\"\n [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox }\"\n ></div>\n </th>\n <td mat-cell *matCellDef=\"let row\" [style.width]=\"column?.width\">\n <div\n class=\"mapa-table__column\"\n (click)=\"emitRowClick(row, '')\"\n [class.mapa-table__column--center-cell]=\"column?.align === 'center'\"\n >\n @if (column.key !== \"actions\" && column.key !== \"menu\") {\n <div class=\"mapa-table__content\">\n <div\n [style.width]=\"column?.width\"\n [class.mapa-table__column--ellipsis]=\"column?.collapse === 'overflow'\"\n [class.mapa-table__column--no-wrap]=\"column?.collapse === 'no-wrap'\"\n [class.mapa-table__column--wrap]=\"column?.collapse === 'wrap'\"\n [ngClass]=\"[hasCustomClass(column, row, column.key) ? getCustomClass(column, row, column.key) : '']\"\n >\n @if (column?.status?.color) {\n <div\n class=\"mapa-table__column--status\"\n [style.backgroundColor]=\"getBackgroundColor(column, row)\"\n [style.color]=\"getTextColor(column, row)\"\n [class.mapa-table__column--status-round]=\"column.status?.style == 'round'\"\n >\n <div\n [ngTemplateOutlet]=\"tableContent\"\n [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox, row }\"\n ></div>\n </div>\n } @else {\n <div\n [ngTemplateOutlet]=\"tableContent\"\n [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox, row }\"\n ></div>\n }\n </div>\n </div>\n } @else {\n @if (column.key === \"actions\" && actions) {\n <div class=\"mapa-table__column--actions\">\n @for (item of getActionItems(row); track item) {\n @if (item.route) {\n <a [href]=\"item.route\" [routerLink]=\"item.route\">\n <button\n class=\"mapa-table__column--actions-item\"\n [title]=\"item.text\"\n mat-icon-button\n >\n @if (item.icon) {\n <mat-icon>{{ item.icon }}</mat-icon>\n }\n @if (item.image) {\n <img [src]=\"item.image\" />\n }\n @if (item.svg) {\n <mapa-svg-icon [name]=\"setSvgName(item.svg)\"></mapa-svg-icon>\n }\n @if (item.showText) {\n <span>{{ item.text }}</span>\n }\n </button>\n </a>\n } @else {\n <button\n (click)=\"handleMenu({ data: row, action: item.action })\"\n class=\"mapa-table__column--actions-item\"\n [title]=\"item.text\"\n mat-icon-button\n >\n @if (item.icon) {\n <mat-icon>{{ item.icon }}</mat-icon>\n }\n @if (item.image) {\n <img [src]=\"item.image\" />\n }\n @if (item.svg) {\n <mapa-svg-icon [name]=\"setSvgName(item.svg)\"></mapa-svg-icon>\n }\n @if (item.showText) {\n <span>{{ item.text }}</span>\n }\n </button>\n }\n }\n </div>\n }\n @if (column.key === \"menu\") {\n <div class=\"mapa-table__column--menu\">\n @if (hasIndividualMenu(row)) {\n <mapa-menu\n [items]=\"getMenuItems(row)\"\n [data]=\"row\"\n (emitMenu)=\"handleMenu($event)\"\n ></mapa-menu>\n } @else if (menuItems.length > 0) {\n <mapa-menu\n [items]=\"menuItems\"\n [data]=\"row\"\n (emitMenu)=\"handleMenu($event)\"\n ></mapa-menu>\n }\n </div>\n }\n }\n </div>\n </td>\n </ng-container>\n }\n\n <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n <tr\n mat-row\n *matRowDef=\"let row; columns: displayedColumns;\"\n class=\"row-hover\"\n ></tr>\n </table>\n }\n </div>\n\n @if (shouldShowPaginator) {\n <section>\n <mat-paginator\n class=\"mapa-table__paginator\"\n appBubblePagination\n [appCustomLength]=\"totalCount\"\n [bubblePageIndex]=\"paginatorPageIndex\"\n [pageIndex]=\"paginatorPageIndex\"\n [showFirstButton]=\"paginatorShowFirstButton\"\n [showLastButton]=\"paginatorShowLastButton\"\n [renderButtonsNumber]=\"paginatorRenderButtonsNumber\"\n [hideDefaultArrows]=\"paginatorHideDefaultArrows\"\n [bubblePageSize]=\"pageSize\"\n [length]=\"totalCount\"\n [pageSize]=\"pageSize\"\n [pageSizeOptions]=\"[5, 10, 25, 100]\"\n (page)=\"changePage($event)\"\n ></mat-paginator>\n </section>\n }\n </section>\n} @else if (status.finished && dataSource.data.length === 0) {\n <section class=\"mapa-table\">\n <mapa-empty\n [title]=\"resolvedEmptyTitle\"\n [subtitle]=\"resolvedEmptySubtitle\"\n ></mapa-empty>\n </section>\n}\n\n<ng-template\n #tableHeader\n let-selection=\"selection\"\n let-column=\"column\"\n let-isFirst=\"isFirst\"\n let-checkbox=\"checkbox\"\n>\n @if (isFirst && checkbox) {\n @if (selection) {\n <mat-checkbox\n (change)=\"$event ? toggleAllRows() : null\"\n [checked]=\"selection.hasValue() && isAllSelected()\"\n [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n (click)=\"$event.stopPropagation()\"\n color=\"primary\"\n ></mat-checkbox>\n }\n }\n <div>\n <span [innerHTML]=\"column.label | safeHtml\"></span>\n </div>\n @if (column.key !== \"actions\" && column.key !== \"menu\" && column.sort) {\n <div class=\"mapa-table--show-on-desktop\">\n <mat-icon>filter_list</mat-icon>\n </div>\n }\n</ng-template>\n\n<ng-template\n #tableContent\n let-selection=\"selection\"\n let-column=\"column\"\n let-isFirst=\"isFirst\"\n let-checkbox=\"checkbox\"\n let-row=\"row\"\n>\n @if (isFirst && checkbox) {\n <mat-checkbox\n (click)=\"$event.stopPropagation()\"\n (change)=\"$event ? selection?.toggle(row) : null; getSelectedValues()\"\n [checked]=\"selection?.isSelected(row)\"\n color=\"primary\"\n class=\"mapa-table__checkbox\"\n >\n </mat-checkbox>\n }\n @if (isMaskedData(column, row)) {\n {{ getValueAsDate(column, row) | date: column.mask }}\n } @else if (column.status) {\n <span [innerHTML]=\"getStatusLabel(column, row) | safeHtml\"></span>\n } @else {\n <span [innerHTML]=\"getCellContent(row, column.key) | safeHtml\"></span>\n }\n</ng-template>\n", styles: [":host ::ng-deep .mapa-table .mat-mdc-table{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);width:100%}:host ::ng-deep .mapa-table .mat-mdc-table .mat-mdc-checkbox{margin:6px 8px 0 0;padding:0}:host ::ng-deep .mapa-table td.mat-mdc-cell{padding:16px 0}:host ::ng-deep .mapa-table .mat-mdc-table .mat-mdc-row .mat-mdc-cell{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400;color:#50575e}:host ::ng-deep .mapa-table .row-hover:hover{box-shadow:0 2px 4px #00000021;outline:1px solid rgba(238,238,238,.93);cursor:pointer}:host ::ng-deep .mapa-table .mat-mdc-table .mat-mdc-header-cell{border:none;border-bottom:1px solid #eee;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:600;color:#50575e}:host ::ng-deep .mapa-table .mat-mdc-row,:host ::ng-deep .mapa-table .mdc-data-table__content{--mat-table-row-item-label-text-font: var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif)}:host ::ng-deep .mapa-table .mat-mdc-header-cell,:host ::ng-deep .mapa-table .mdc-data-table__content{--mat-table-row-item-label-text-font: var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif)}:host ::ng-deep .mapa-table .mat-mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{background-color:transparent;border-color:#b6b6b6}:host ::ng-deep .mapa-table .mat-mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,:host ::ng-deep .mapa-table .mat-mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,:host ::ng-deep .mapa-table .mat-mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background{background-color:#ea561d;border-color:#ea561d}:host ::ng-deep .mapa-table .mat-mdc-paginator-container{display:flex;justify-content:space-between}:host ::ng-deep .mapa-table__paginator .mat-paginator-container,:host ::ng-deep .mapa-table__paginator .mat-mdc-paginator-container{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif)!important;justify-content:flex-start}:host ::ng-deep .mapa-table__paginator .mat-paginator-page-size,:host ::ng-deep .mapa-table__paginator .mat-mdc-paginator-page-size{margin-right:10vw}:host ::ng-deep .mapa-table__paginator .custom-paginator-container{justify-content:flex-end}:host ::ng-deep .mapa-table__paginator .g-bubble-container{display:flex;align-items:center;justify-content:flex-end;gap:8px}:host ::ng-deep .mapa-table__paginator .g-bubble{border-radius:4px;outline:none;border:none;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif)!important;background:transparent;color:#0000008a;cursor:pointer;margin:.4em 0;font-size:14px;min-width:24px;width:auto;min-height:24px;max-height:24px;padding:1px 6px;display:flex;align-items:center;justify-content:center}:host ::ng-deep .mapa-table__paginator .g-bubble:hover{background-color:#dfe3e6}:host ::ng-deep .mapa-table__paginator .g-bubble__active{background-color:#ea561d;color:#fff}:host ::ng-deep .mapa-table__paginator .custom-paginator-counter{white-space:nowrap;margin:0 4px 0 10px!important}:host ::ng-deep .mapa-table__paginator .mat-mdc-paginator-page-size-label,:host ::ng-deep .mapa-table__paginator .custom-paginator-counter{color:#0000008a}:host ::ng-deep .mapa-table__paginator .mat-mdc-paginator-navigation-previous,:host ::ng-deep .mapa-table__paginator .mat-mdc-paginator-navigation-next{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif)!important;color:#999}:host ::ng-deep .mapa-table__paginator .mat-mdc-paginator-navigation-previous[disabled],:host ::ng-deep .mapa-table__paginator .mat-mdc-paginator-navigation-next[disabled]{color:#dfe3e6}:host ::ng-deep .hidden{display:none}:host ::ng-deep .mapa-table{width:100%;white-space:nowrap;overflow-x:auto}:host ::ng-deep .mapa-table .mat-mdc-icon-button{width:unset!important;height:unset!important;line-height:unset!important;justify-content:flex-start}:host ::ng-deep .mapa-table .mat-mdc-icon-button .mat-mdc-button-touch-target,:host ::ng-deep .mapa-table .mat-mdc-icon-button .mdc-button__label{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%!important}@media(min-width:1201px){:host ::ng-deep .mapa-table--show-on-mobile{display:none}:host ::ng-deep .mapa-table--show-on-desktop{display:block}}@media(max-width:1200px){:host ::ng-deep .mapa-table--show-on-mobile{padding:20px}:host ::ng-deep .mapa-table--show-on-mobile .mapa__card{width:unset!important}:host ::ng-deep .mapa-table--show-on-desktop{display:none}}:host ::ng-deep .mapa-table__select-all{display:flex;align-items:center;padding:16px 24px;font-size:12px;text-transform:uppercase}@media(max-width:1200px){:host ::ng-deep .mapa-table__checkbox{margin-right:8px}:host ::ng-deep .mapa-table__checkbox--header{padding-left:24px}}:host ::ng-deep .mapa-table__card{position:relative;padding:24px;display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}:host ::ng-deep .mapa-table__card--floating-content{display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;gap:8px}:host ::ng-deep .mapa-table__card--floating-actions{position:absolute;bottom:16px;right:16px;color:#ea561d}:host ::ng-deep .mapa-table__card--header{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;font-size:12px;text-transform:uppercase}:host ::ng-deep .mapa-table__card--header mat-icon{height:16px;width:16px;font-size:16px}:host ::ng-deep .mapa-table__card--column{padding:16px 0}:host ::ng-deep .mapa-table__column{padding:15px;align-items:center;display:flex}:host ::ng-deep .mapa-table__column--actions{display:flex}:host ::ng-deep .mapa-table__column--actions .mat-icon{color:#ea561d!important}:host ::ng-deep .mapa-table__column--actions-item{display:flex!important;align-items:center;gap:8px}:host ::ng-deep .mapa-table__column--actions-item span{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:14px;font-style:normal;font-weight:500;line-height:20px}:host ::ng-deep .mapa-table__column--menu{display:flex;align-items:center;justify-content:center;gap:8px}:host ::ng-deep .mapa-table__column--menu .mapa-table__column--menu-item-text{display:flex;align-items:center;justify-content:center;font-size:12px;line-height:16px!important}:host ::ng-deep .mapa-table__column--menu-item{display:flex;align-items:center;width:unset!important;height:unset!important}:host ::ng-deep .mapa-table__column--menu-item img{margin-right:8px}:host ::ng-deep .mapa-table__column--menu-item button{color:#ea561d!important}:host ::ng-deep .mapa-table__column--menu-item button span{font-size:12px;text-transform:uppercase;display:flex}:host ::ng-deep .mapa-table__column--menu-item-disabled{opacity:.45;cursor:not-allowed}:host ::ng-deep .mapa-table__column--header{width:100%}:host ::ng-deep .mapa-table__column--header .mat-icon{cursor:pointer;position:relative;bottom:-3px;margin:0 7px;font-size:14px;height:14px;width:14px}:host ::ng-deep .mapa-table__column--status{margin:auto;text-align:center;width:min-content;border-radius:4px;padding:4px 8px}:host ::ng-deep .mapa-table__column--status-round{border-radius:50px}:host ::ng-deep .mapa-table__column--ellipsis{display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host ::ng-deep .mapa-table__column--no-wrap{white-space:nowrap}:host ::ng-deep .mapa-table__column--wrap{white-space:pre-wrap}:host ::ng-deep .mapa-table__column--center-cell{display:flex;align-items:center;justify-content:center;width:100%}:host ::ng-deep .mapa-table .mat-sort-header-arrow{color:transparent}:host ::ng-deep .mapa-table .mat-sort-header-content{width:100%!important}:host ::ng-deep .mapa-table .mat-sort-header-content mat-icon{margin-left:24px}:host ::ng-deep .mapa-table .mat-mdc-cell{padding:0 10px!important}:host ::ng-deep .mapa-table .mat-mdc-header-cell{padding:0 24px!important}:host ::ng-deep .mapa-table .mat-mdc-table{width:100%;overflow-x:auto}:host ::ng-deep .mapa-table__skeleton-content{padding:24px}:host ::ng-deep .mapa-table__skeleton-header,:host ::ng-deep .mapa-table__skeleton-row{display:flex;gap:12px}:host ::ng-deep .mapa-table__skeleton-header{margin-bottom:16px}:host ::ng-deep .mapa-table__skeleton-row{margin-bottom:12px}:host ::ng-deep .mapa-table__skeleton-cell{height:16px;border-radius:8px;background:linear-gradient(90deg,#f0f2f4 25%,#e6e9ec,#f0f2f4 75%);background-size:200% 100%;animation:mapa-table-skeleton-shimmer 1.2s infinite linear}:host ::ng-deep .mapa-table__skeleton-cell--header{height:20px}@media(max-width:1000px){:host ::ng-deep .mapa-table .mat-mdc-paginator-range-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}:host ::ng-deep .mapa-table .mat-mdc-paginator-range-label{padding:16px 0;text-align:center;width:100%}:host ::ng-deep .mapa-table .mat-mdc-paginator-container{justify-content:center}}:host ::ng-deep .mapa-table .classification{width:40px;height:40px;border-radius:24px;display:flex;justify-content:center;align-items:center}:host ::ng-deep .mapa-table .roundCell{border-radius:10px}:host ::ng-deep .mapa-table .general{border-radius:24px;border:1px solid #dcdcde;display:flex;justify-content:center;align-items:center;width:48px;height:48px}:host ::ng-deep .mapa-table .name{color:#181818;text-align:left;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:14px;font-style:normal;font-weight:400;line-height:20px}:host ::ng-deep .mapa-table .cpf{color:#77838f;text-align:left;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:12px;font-style:normal;font-weight:400;line-height:16px}:host ::ng-deep .mapa-table .label_report{color:#181818;text-align:center;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:12px;font-style:normal;font-weight:400;line-height:16px}@keyframes mapa-table-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: MapaMenuComponent, selector: "mapa-menu", inputs: ["items", "data"], outputs: ["emitMenu"] }, { kind: "component", type: MapaSvgIconComponent, selector: "mapa-svg-icon", inputs: ["name", "color"] }, { kind: "component", type: MapaEmptyStateComponent, selector: "mapa-empty", inputs: ["title", "subtitle"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2$3.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i1.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "ngmodule", type: MatSortModule }, { kind: "directive", type: i4.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i4.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i3$5.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i3$5.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i3$5.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i3$5.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i3$5.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i3$5.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i3$5.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i3$5.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i3$5.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i3$5.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: BubblePaginationDirective, selector: "[appBubblePagination], [appStylePaginatorMv]", inputs: ["showFirstButton", "showLastButton", "renderButtonsNumber", "appCustomLength", "hideDefaultArrows", "bubblePageIndex", "bubblePageSize"], outputs: ["pageIndexChangeEmitter"] }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7794
7773
|
}
|
|
7795
7774
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaTableComponent, decorators: [{
|
|
7796
7775
|
type: Component,
|
|
@@ -7814,7 +7793,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
7814
7793
|
useFactory: customPaginatorFactory,
|
|
7815
7794
|
deps: [MapaI18nService, Injector],
|
|
7816
7795
|
},
|
|
7817
|
-
], standalone: true, template: "@if (status.loading) {\n <section class=\"mapa-table mapa-table__skeleton\" aria-hidden=\"true\">\n <div class=\"mapa-table__skeleton-content mapa__card mapa__card--show-on-desktop\">\n <div class=\"mapa-table__skeleton-header\">\n @for (column of columns; track trackColumn($index, column)) {\n <div\n class=\"mapa-table__skeleton-cell mapa-table__skeleton-cell--header\"\n [style.width]=\"getSkeletonColumnWidth(column)\"\n ></div>\n }\n </div>\n @for (rowIndex of skeletonRows; track rowIndex) {\n <div class=\"mapa-table__skeleton-row\">\n @for (column of columns; track trackColumn($index, column)) {\n <div\n class=\"mapa-table__skeleton-cell\"\n [style.width]=\"getSkeletonColumnWidth(column)\"\n ></div>\n }\n </div>\n }\n </div>\n </section>\n} @else if (dataSource.data.length > 0) {\n <section class=\"mapa-table\">\n <div class=\"mapa-table--show-on-mobile\">\n @if (checkbox) {\n <div class=\"mapa-table__select-all\">\n @if (selection) {\n <mat-checkbox\n (change)=\"$event ? toggleAllRows() : null\"\n [checked]=\"selection.hasValue() && isAllSelected()\"\n [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n (click)=\"$event.stopPropagation()\"\n color=\"primary\"\n > {{ selectAllLabel }}</mat-checkbox>\n }\n </div>\n }\n @for (row of dataSource.data; track row) {\n <div>\n <div class=\"mapa-table__card mapa__card\">\n @for (column of columns; track trackColumn($index, column); let isFirst = $first) {\n <div [ngClass]=\"'mapa-table__card--column-' + column.key\">\n @if (column.key !== \"actions\" && column.key !== \"menu\") {\n <strong\n class=\"mapa-table__card--header\"\n [class.mapa-table__checkbox--header]=\"isFirst && checkbox\"\n >\n <div\n [ngTemplateOutlet]=\"tableHeader\"\n [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox: false }\"\n class=\"hidden\"\n ></div>\n </strong>\n }\n <div\n class=\"mapa-table__card--column\"\n [class.mapa-table__column--center-cell]=\"column?.align === 'center'\"\n >\n @if (column.key !== \"actions\" && column.key !== \"menu\") {\n <div class=\"mapa-table__content\">\n <div\n [style.width]=\"column?.width\"\n [class.mapa-table__column--ellipsis]=\"column?.collapse === 'overflow'\"\n [class.mapa-table__column--no-wrap]=\"column?.collapse === 'no-wrap'\"\n [class.mapa-table__column--wrap]=\"column?.collapse === 'wrap'\"\n [ngClass]=\"[hasCustomClass(column, row, column.key) ? getCustomClass(column, row, column.key) : '']\"\n >\n @if (column?.status?.color) {\n <div\n class=\"mapa-table__column--status\"\n [style.backgroundColor]=\"getBackgroundColor(column, row)\"\n [style.color]=\"getTextColor(column, row)\"\n [class.mapa-table__column--status-round]=\"column.status?.style == 'round'\"\n >\n <div\n [ngTemplateOutlet]=\"tableContent\"\n [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox, row }\"\n ></div>\n </div>\n } @else {\n <div\n [ngTemplateOutlet]=\"tableContent\"\n [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox, row }\"\n ></div>\n }\n </div>\n </div>\n } @else {\n @if (column.key === \"actions\" && actions) {\n <div>\n @for (item of getActionItems(row); track item) {\n @if (item.route) {\n <a [href]=\"item.route\" [routerLink]=\"item.route\">\n <button\n class=\"mapa-table__column--actions-item\"\n [title]=\"item.text\"\n mat-icon-button\n >\n @if (item.icon) {\n <mat-icon>{{ item.icon }}</mat-icon>\n }\n @if (item.image) {\n <img [src]=\"item.image\" />\n }\n @if (item.svg) {\n <mapa-svg-icon [name]=\"setSvgName(item.svg)\"></mapa-svg-icon>\n }\n @if (item.showText) {\n <span>{{ item.text }}</span>\n }\n </button>\n </a>\n } @else {\n <button\n (click)=\"handleMenu({ data: row, action: item.action })\"\n class=\"mapa-table__column--actions-item\"\n [title]=\"item.text\"\n mat-icon-button\n >\n @if (item.icon) {\n <mat-icon>{{ item.icon }}</mat-icon>\n }\n @if (item.image) {\n <img [src]=\"item.image\" />\n }\n @if (item.svg) {\n <mapa-svg-icon [name]=\"setSvgName(item.svg)\"></mapa-svg-icon>\n }\n @if (item.showText) {\n <span>{{ item.text }}</span>\n }\n </button>\n }\n }\n </div>\n }\n\n @if (column.key === \"menu\") {\n @if (hasIndividualMenu(row)) {\n <div class=\"mapa-table__column--menu\">\n @for (item of getMenuItems(row); track item) {\n <button\n (click)=\"handleMenu({ data: row, action: item.action })\"\n class=\"mapa-table__column--menu-item\"\n [class.mapa-table__column--menu-item-disabled]=\"item.disabled\"\n [title]=\"item.text\"\n mat-icon-button\n >\n @if (item.icon) {\n <mat-icon>{{ item.icon }}</mat-icon>\n }\n @if (item.image) {\n <img [src]=\"item.image\" />\n }\n <span class=\"mapa-table__column--menu-item-text\">{{ item.text }}</span>\n </button>\n }\n </div>\n } @else {\n <div class=\"mapa-table__column--menu\">\n @for (item of menuItems; track item) {\n <button\n (click)=\"handleMenu({ data: row, action: item.action })\"\n class=\"mapa-table__column--menu-item\"\n [class.mapa-table__column--menu-item-disabled]=\"item.disabled\"\n [title]=\"item.text\"\n mat-icon-button\n >\n @if (item.icon) {\n <mat-icon>{{ item.icon }}</mat-icon>\n }\n @if (item.image) {\n <mapa-svg-icon [name]=\"setSvgName(item.image)\"></mapa-svg-icon>\n }\n <span class=\"mapa-table__column--menu-item-text\">{{ item.text }}</span>\n </button>\n }\n </div>\n }\n }\n }\n </div>\n </div>\n }\n </div>\n </div>\n }\n </div>\n\n <div class=\"mapa-table--show-on-desktop\">\n @if (desktopTableVisible) {\n <table\n mat-table\n [dataSource]=\"dataSource\"\n matSort\n [matSortActive]=\"currentSort?.active ?? ''\"\n [matSortDirection]=\"currentSort?.direction ?? ''\"\n (matSortChange)=\"sortDataFunction($event)\"\n >\n @for (column of columns; track trackColumn($index, column); let isFirst = $first) {\n <ng-container [matColumnDef]=\"column.key\">\n <th\n mat-header-cell\n *matHeaderCellDef\n mat-sort-header\n [disabled]=\"!(column.key !== 'actions' ? column.sort : null)\"\n >\n <div\n [ngTemplateOutlet]=\"tableHeader\"\n [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox }\"\n ></div>\n </th>\n <td mat-cell *matCellDef=\"let row\" [style.width]=\"column?.width\">\n <div\n class=\"mapa-table__column\"\n (click)=\"emitRowClick(row, '')\"\n [class.mapa-table__column--center-cell]=\"column?.align === 'center'\"\n >\n @if (column.key !== \"actions\" && column.key !== \"menu\") {\n <div class=\"mapa-table__content\">\n <div\n [style.width]=\"column?.width\"\n [class.mapa-table__column--ellipsis]=\"column?.collapse === 'overflow'\"\n [class.mapa-table__column--no-wrap]=\"column?.collapse === 'no-wrap'\"\n [class.mapa-table__column--wrap]=\"column?.collapse === 'wrap'\"\n [ngClass]=\"[hasCustomClass(column, row, column.key) ? getCustomClass(column, row, column.key) : '']\"\n >\n @if (column?.status?.color) {\n <div\n class=\"mapa-table__column--status\"\n [style.backgroundColor]=\"getBackgroundColor(column, row)\"\n [style.color]=\"getTextColor(column, row)\"\n [class.mapa-table__column--status-round]=\"column.status?.style == 'round'\"\n >\n <div\n [ngTemplateOutlet]=\"tableContent\"\n [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox, row }\"\n ></div>\n </div>\n } @else {\n <div\n [ngTemplateOutlet]=\"tableContent\"\n [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox, row }\"\n ></div>\n }\n </div>\n </div>\n } @else {\n @if (column.key === \"actions\" && actions) {\n <div class=\"mapa-table__column--actions\">\n @for (item of getActionItems(row); track item) {\n @if (item.route) {\n <a [href]=\"item.route\" [routerLink]=\"item.route\">\n <button\n class=\"mapa-table__column--actions-item\"\n [title]=\"item.text\"\n mat-icon-button\n >\n @if (item.icon) {\n <mat-icon>{{ item.icon }}</mat-icon>\n }\n @if (item.image) {\n <img [src]=\"item.image\" />\n }\n @if (item.svg) {\n <mapa-svg-icon [name]=\"setSvgName(item.svg)\"></mapa-svg-icon>\n }\n @if (item.showText) {\n <span>{{ item.text }}</span>\n }\n </button>\n </a>\n } @else {\n <button\n (click)=\"handleMenu({ data: row, action: item.action })\"\n class=\"mapa-table__column--actions-item\"\n [title]=\"item.text\"\n mat-icon-button\n >\n @if (item.icon) {\n <mat-icon>{{ item.icon }}</mat-icon>\n }\n @if (item.image) {\n <img [src]=\"item.image\" />\n }\n @if (item.svg) {\n <mapa-svg-icon [name]=\"setSvgName(item.svg)\"></mapa-svg-icon>\n }\n @if (item.showText) {\n <span>{{ item.text }}</span>\n }\n </button>\n }\n }\n </div>\n }\n @if (column.key === \"menu\") {\n <div class=\"mapa-table__column--menu\">\n @if (hasIndividualMenu(row)) {\n <mapa-menu\n [items]=\"getMenuItems(row)\"\n [data]=\"row\"\n (emitMenu)=\"handleMenu($event)\"\n ></mapa-menu>\n } @else if (menuItems.length > 0) {\n <mapa-menu\n [items]=\"menuItems\"\n [data]=\"row\"\n (emitMenu)=\"handleMenu($event)\"\n ></mapa-menu>\n }\n </div>\n }\n }\n </div>\n </td>\n </ng-container>\n }\n\n <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n <tr\n mat-row\n *matRowDef=\"let row; columns: displayedColumns;\"\n class=\"row-hover\"\n ></tr>\n </table>\n }\n </div>\n\n @if (shouldShowPaginator) {\n <section>\n <mat-paginator\n class=\"mapa-table__paginator\"\n appBubblePagination\n [appCustomLength]=\"totalCount\"\n [bubblePageIndex]=\"paginatorPageIndex\"\n [pageIndex]=\"paginatorPageIndex\"\n [showFirstButton]=\"paginatorShowFirstButton\"\n [showLastButton]=\"paginatorShowLastButton\"\n [renderButtonsNumber]=\"paginatorRenderButtonsNumber\"\n [hideDefaultArrows]=\"paginatorHideDefaultArrows\"\n [bubblePageSize]=\"pageSize\"\n [length]=\"totalCount\"\n [pageSize]=\"pageSize\"\n [pageSizeOptions]=\"[5, 10, 25, 100]\"\n (page)=\"changePage($event)\"\n ></mat-paginator>\n </section>\n }\n </section>\n} @else if (status.finished && dataSource.data.length === 0) {\n <section class=\"mapa-table\">\n <mapa-empty\n [title]=\"resolvedEmptyTitle\"\n [subtitle]=\"resolvedEmptySubtitle\"\n ></mapa-empty>\n </section>\n}\n\n<ng-template\n #tableHeader\n let-selection=\"selection\"\n let-column=\"column\"\n let-isFirst=\"isFirst\"\n let-checkbox=\"checkbox\"\n>\n @if (isFirst && checkbox) {\n @if (selection) {\n <mat-checkbox\n (change)=\"$event ? toggleAllRows() : null\"\n [checked]=\"selection.hasValue() && isAllSelected()\"\n [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n (click)=\"$event.stopPropagation()\"\n color=\"primary\"\n ></mat-checkbox>\n }\n }\n <div>\n <span [innerHTML]=\"column.label | safeHtml\"></span>\n </div>\n @if (column.key !== \"actions\" && column.key !== \"menu\" && column.sort) {\n <div class=\"mapa-table--show-on-desktop\">\n <mat-icon>filter_list</mat-icon>\n </div>\n }\n</ng-template>\n\n<ng-template\n #tableContent\n let-selection=\"selection\"\n let-column=\"column\"\n let-isFirst=\"isFirst\"\n let-checkbox=\"checkbox\"\n let-row=\"row\"\n>\n @if (isFirst && checkbox) {\n <mat-checkbox\n (click)=\"$event.stopPropagation()\"\n (change)=\"$event ? selection?.toggle(row) : null; getSelectedValues()\"\n [checked]=\"selection?.isSelected(row)\"\n color=\"primary\"\n class=\"mapa-table__checkbox\"\n >\n </mat-checkbox>\n }\n @if (isMaskedData(column, row)) {\n {{ getValueAsDate(column, row) | date: column.mask }}\n } @else if (column.status) {\n <span [innerHTML]=\"getStatusLabel(column, row) | safeHtml\"></span>\n } @else {\n <span [innerHTML]=\"getCellContent(row, column.key) | safeHtml\"></span>\n }\n</ng-template>\n", styles: [":host ::ng-deep .mapa-table .mat-mdc-table{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);width:100%}:host ::ng-deep .mapa-table .mat-mdc-table .mat-mdc-checkbox{margin:6px 8px 0 0;padding:0}:host ::ng-deep .mapa-table td.mat-mdc-cell{padding:16px 0}:host ::ng-deep .mapa-table .mat-mdc-table .mat-mdc-row .mat-mdc-cell{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400;color:#50575e}:host ::ng-deep .mapa-table .row-hover:hover{box-shadow:0 2px 4px #00000021;outline:1px solid rgba(238,238,238,.93);cursor:pointer}:host ::ng-deep .mapa-table .mat-mdc-table .mat-mdc-header-cell{border:none;border-bottom:1px solid #eee;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:600;color:#50575e}:host ::ng-deep .mapa-table .mat-mdc-row,:host ::ng-deep .mapa-table .mdc-data-table__content{--mat-table-row-item-label-text-font: var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif)}:host ::ng-deep .mapa-table .mat-mdc-header-cell,:host ::ng-deep .mapa-table .mdc-data-table__content{--mat-table-row-item-label-text-font: var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif)}:host ::ng-deep .mapa-table .mat-mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{background-color:transparent;border-color:#b6b6b6}:host ::ng-deep .mapa-table .mat-mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,:host ::ng-deep .mapa-table .mat-mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,:host ::ng-deep .mapa-table .mat-mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background{background-color:#ea561d;border-color:#ea561d}:host ::ng-deep .mapa-table .mat-mdc-paginator-container{display:flex;justify-content:space-between}:host ::ng-deep .mapa-table__paginator .mat-paginator-container,:host ::ng-deep .mapa-table__paginator .mat-mdc-paginator-container{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif)!important;justify-content:flex-start}:host ::ng-deep .mapa-table__paginator .mat-paginator-page-size,:host ::ng-deep .mapa-table__paginator .mat-mdc-paginator-page-size{margin-right:10vw}:host ::ng-deep .mapa-table__paginator .custom-paginator-container{justify-content:flex-end}:host ::ng-deep .mapa-table__paginator .g-bubble-container{display:flex;align-items:center;justify-content:flex-end;gap:8px}:host ::ng-deep .mapa-table__paginator .g-bubble{border-radius:4px;outline:none;border:none;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif)!important;background:transparent;color:#0000008a;cursor:pointer;margin:.4em 0;font-size:14px;min-width:24px;width:auto;min-height:24px;max-height:24px;padding:1px 6px;display:flex;align-items:center;justify-content:center}:host ::ng-deep .mapa-table__paginator .g-bubble:hover{background-color:#dfe3e6}:host ::ng-deep .mapa-table__paginator .g-bubble__active{background-color:#ea561d;color:#fff}:host ::ng-deep .mapa-table__paginator .custom-paginator-counter{white-space:nowrap;margin:0 4px 0 10px!important}:host ::ng-deep .mapa-table__paginator .mat-mdc-paginator-page-size-label,:host ::ng-deep .mapa-table__paginator .custom-paginator-counter{color:#0000008a}:host ::ng-deep .mapa-table__paginator .mat-mdc-paginator-navigation-previous,:host ::ng-deep .mapa-table__paginator .mat-mdc-paginator-navigation-next{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif)!important;color:#999}:host ::ng-deep .mapa-table__paginator .mat-mdc-paginator-navigation-previous[disabled],:host ::ng-deep .mapa-table__paginator .mat-mdc-paginator-navigation-next[disabled]{color:#dfe3e6}:host ::ng-deep .hidden{display:none}:host ::ng-deep .mapa-table{width:100%;white-space:nowrap;overflow-x:auto}:host ::ng-deep .mapa-table .mat-mdc-icon-button{width:unset!important;height:unset!important;line-height:unset!important;justify-content:flex-start}:host ::ng-deep .mapa-table .mat-mdc-icon-button .mat-mdc-button-touch-target,:host ::ng-deep .mapa-table .mat-mdc-icon-button .mdc-button__label{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%!important}@media(min-width:1201px){:host ::ng-deep .mapa-table--show-on-mobile{display:none}:host ::ng-deep .mapa-table--show-on-desktop{display:block}}@media(max-width:1200px){:host ::ng-deep .mapa-table--show-on-mobile{padding:20px}:host ::ng-deep .mapa-table--show-on-mobile .mapa__card{width:unset!important}:host ::ng-deep .mapa-table--show-on-desktop{display:none}}:host ::ng-deep .mapa-table__select-all{display:flex;align-items:center;padding:16px 24px;font-size:12px;text-transform:uppercase}@media(max-width:1200px){:host ::ng-deep .mapa-table__checkbox{margin-right:8px}:host ::ng-deep .mapa-table__checkbox--header{padding-left:24px}}:host ::ng-deep .mapa-table__card{position:relative;padding:24px;display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}:host ::ng-deep .mapa-table__card--floating-content{display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;gap:8px}:host ::ng-deep .mapa-table__card--floating-actions{position:absolute;bottom:16px;right:16px;color:#ea561d}:host ::ng-deep .mapa-table__card--header{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;font-size:12px;text-transform:uppercase}:host ::ng-deep .mapa-table__card--header mat-icon{height:16px;width:16px;font-size:16px}:host ::ng-deep .mapa-table__card--column{padding:16px 0}:host ::ng-deep .mapa-table__label{margin-top:4px}:host ::ng-deep .mapa-table__column{padding:15px;align-items:center;display:flex}:host ::ng-deep .mapa-table__column--actions{display:flex}:host ::ng-deep .mapa-table__column--actions .mat-icon{color:#ea561d!important}:host ::ng-deep .mapa-table__column--actions-item{display:flex!important;align-items:center;gap:8px}:host ::ng-deep .mapa-table__column--actions-item span{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:14px;font-style:normal;font-weight:500;line-height:20px}:host ::ng-deep .mapa-table__column--menu{display:flex;align-items:center;justify-content:center;gap:8px}:host ::ng-deep .mapa-table__column--menu .mapa-table__column--menu-item-text{display:flex;align-items:center;justify-content:center;font-size:12px;line-height:16px!important}:host ::ng-deep .mapa-table__column--menu-item{display:flex;align-items:center;width:unset!important;height:unset!important}:host ::ng-deep .mapa-table__column--menu-item img{margin-right:8px}:host ::ng-deep .mapa-table__column--menu-item button{color:#ea561d!important}:host ::ng-deep .mapa-table__column--menu-item button span{font-size:12px;text-transform:uppercase;display:flex}:host ::ng-deep .mapa-table__column--menu-item-disabled{opacity:.45;cursor:not-allowed}:host ::ng-deep .mapa-table__column--header{width:100%}:host ::ng-deep .mapa-table__column--header .mat-icon{cursor:pointer;position:relative;bottom:-3px;margin:0 7px;font-size:14px;height:14px;width:14px}:host ::ng-deep .mapa-table__column--status{margin:auto;text-align:center;width:min-content;border-radius:4px;padding:4px 8px}:host ::ng-deep .mapa-table__column--status-round{border-radius:50px}:host ::ng-deep .mapa-table__column--ellipsis{display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host ::ng-deep .mapa-table__column--no-wrap{white-space:nowrap}:host ::ng-deep .mapa-table__column--wrap{white-space:pre-wrap}:host ::ng-deep .mapa-table__column--center-cell{display:flex;align-items:center;justify-content:center;width:100%}:host ::ng-deep .mapa-table--column-actions,:host ::ng-deep .mapa-table--column-menu{width:100%}:host ::ng-deep .mapa-table__content--value{color:#fff;font-weight:500}:host ::ng-deep .mapa-table .mat-sort-header-arrow{color:transparent}:host ::ng-deep .mapa-table .mat-sort-header-content{width:100%!important}:host ::ng-deep .mapa-table .mat-sort-header-content mat-icon{margin-left:24px}:host ::ng-deep .mapa-table .mat-mdc-cell{padding:0 10px!important}:host ::ng-deep .mapa-table .mat-mdc-header-cell{padding:0 24px!important}:host ::ng-deep .mapa-table .mat-mdc-table{width:100%;overflow-x:auto}:host ::ng-deep .mapa-table__skeleton-content{padding:24px}:host ::ng-deep .mapa-table__skeleton-header,:host ::ng-deep .mapa-table__skeleton-row{display:flex;gap:12px}:host ::ng-deep .mapa-table__skeleton-header{margin-bottom:16px}:host ::ng-deep .mapa-table__skeleton-row{margin-bottom:12px}:host ::ng-deep .mapa-table__skeleton-cell{height:16px;border-radius:8px;background:linear-gradient(90deg,#f0f2f4 25%,#e6e9ec,#f0f2f4 75%);background-size:200% 100%;animation:mapa-table-skeleton-shimmer 1.2s infinite linear}:host ::ng-deep .mapa-table__skeleton-cell--header{height:20px}@media(max-width:1000px){:host ::ng-deep .mapa-table .mat-mdc-paginator-range-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}:host ::ng-deep .mapa-table .mat-mdc-paginator-range-label{padding:16px 0;text-align:center;width:100%}:host ::ng-deep .mapa-table .mat-mdc-paginator-container{justify-content:center}}:host ::ng-deep .mapa-table .classification{width:40px;height:40px;border-radius:24px;display:flex;justify-content:center;align-items:center}:host ::ng-deep .mapa-table .roundCell{border-radius:10px}:host ::ng-deep .mapa-table .general{border-radius:24px;border:1px solid #dcdcde;display:flex;justify-content:center;align-items:center;width:48px;height:48px}:host ::ng-deep .mapa-table .name{color:#181818;text-align:left;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:14px;font-style:normal;font-weight:400;line-height:20px}:host ::ng-deep .mapa-table .cpf{color:#77838f;text-align:left;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:12px;font-style:normal;font-weight:400;line-height:16px}:host ::ng-deep .mapa-table .label_report{color:#181818;text-align:center;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:12px;font-style:normal;font-weight:400;line-height:16px}@keyframes mapa-table-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"] }]
|
|
7796
|
+
], standalone: true, template: "@if (status.loading) {\n <section class=\"mapa-table mapa-table__skeleton\" aria-hidden=\"true\">\n <div class=\"mapa-table__skeleton-content mapa__card mapa__card--show-on-desktop\">\n <div class=\"mapa-table__skeleton-header\">\n @for (column of columns; track trackColumn($index, column)) {\n <div\n class=\"mapa-table__skeleton-cell mapa-table__skeleton-cell--header\"\n [style.width]=\"getSkeletonColumnWidth(column)\"\n ></div>\n }\n </div>\n @for (rowIndex of skeletonRows; track rowIndex) {\n <div class=\"mapa-table__skeleton-row\">\n @for (column of columns; track trackColumn($index, column)) {\n <div\n class=\"mapa-table__skeleton-cell\"\n [style.width]=\"getSkeletonColumnWidth(column)\"\n ></div>\n }\n </div>\n }\n </div>\n </section>\n} @else if (dataSource.data.length > 0) {\n <section class=\"mapa-table\">\n <div class=\"mapa-table--show-on-mobile\">\n @if (checkbox) {\n <div class=\"mapa-table__select-all\">\n @if (selection) {\n <mat-checkbox\n (change)=\"$event ? toggleAllRows() : null\"\n [checked]=\"selection.hasValue() && isAllSelected()\"\n [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n (click)=\"$event.stopPropagation()\"\n color=\"primary\"\n > {{ selectAllLabel }}</mat-checkbox>\n }\n </div>\n }\n @for (row of dataSource.data; track row) {\n <div>\n <div class=\"mapa-table__card mapa__card\">\n @for (column of columns; track trackColumn($index, column); let isFirst = $first) {\n <div [ngClass]=\"'mapa-table__card--column-' + column.key\">\n @if (column.key !== \"actions\" && column.key !== \"menu\") {\n <strong\n class=\"mapa-table__card--header\"\n [class.mapa-table__checkbox--header]=\"isFirst && checkbox\"\n >\n <div\n [ngTemplateOutlet]=\"tableHeader\"\n [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox: false }\"\n class=\"hidden\"\n ></div>\n </strong>\n }\n <div\n class=\"mapa-table__card--column\"\n [class.mapa-table__column--center-cell]=\"column?.align === 'center'\"\n >\n @if (column.key !== \"actions\" && column.key !== \"menu\") {\n <div class=\"mapa-table__content\">\n <div\n [style.width]=\"column?.width\"\n [class.mapa-table__column--ellipsis]=\"column?.collapse === 'overflow'\"\n [class.mapa-table__column--no-wrap]=\"column?.collapse === 'no-wrap'\"\n [class.mapa-table__column--wrap]=\"column?.collapse === 'wrap'\"\n [ngClass]=\"[hasCustomClass(column, row, column.key) ? getCustomClass(column, row, column.key) : '']\"\n >\n @if (column?.status?.color) {\n <div\n class=\"mapa-table__column--status\"\n [style.backgroundColor]=\"getBackgroundColor(column, row)\"\n [style.color]=\"getTextColor(column, row)\"\n [class.mapa-table__column--status-round]=\"column.status?.style == 'round'\"\n >\n <div\n [ngTemplateOutlet]=\"tableContent\"\n [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox, row }\"\n ></div>\n </div>\n } @else {\n <div\n [ngTemplateOutlet]=\"tableContent\"\n [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox, row }\"\n ></div>\n }\n </div>\n </div>\n } @else {\n @if (column.key === \"actions\" && actions) {\n <div>\n @for (item of getActionItems(row); track item) {\n @if (item.route) {\n <a [href]=\"item.route\" [routerLink]=\"item.route\">\n <button\n class=\"mapa-table__column--actions-item\"\n [title]=\"item.text\"\n mat-icon-button\n >\n @if (item.icon) {\n <mat-icon>{{ item.icon }}</mat-icon>\n }\n @if (item.image) {\n <img [src]=\"item.image\" />\n }\n @if (item.svg) {\n <mapa-svg-icon [name]=\"setSvgName(item.svg)\"></mapa-svg-icon>\n }\n @if (item.showText) {\n <span>{{ item.text }}</span>\n }\n </button>\n </a>\n } @else {\n <button\n (click)=\"handleMenu({ data: row, action: item.action })\"\n class=\"mapa-table__column--actions-item\"\n [title]=\"item.text\"\n mat-icon-button\n >\n @if (item.icon) {\n <mat-icon>{{ item.icon }}</mat-icon>\n }\n @if (item.image) {\n <img [src]=\"item.image\" />\n }\n @if (item.svg) {\n <mapa-svg-icon [name]=\"setSvgName(item.svg)\"></mapa-svg-icon>\n }\n @if (item.showText) {\n <span>{{ item.text }}</span>\n }\n </button>\n }\n }\n </div>\n }\n\n @if (column.key === \"menu\") {\n @if (hasIndividualMenu(row)) {\n <div class=\"mapa-table__column--menu\">\n @for (item of getMenuItems(row); track item) {\n <button\n (click)=\"handleMenu({ data: row, action: item.action })\"\n class=\"mapa-table__column--menu-item\"\n [class.mapa-table__column--menu-item-disabled]=\"item.disabled\"\n [title]=\"item.text\"\n mat-icon-button\n >\n @if (item.icon) {\n <mat-icon>{{ item.icon }}</mat-icon>\n }\n @if (item.image) {\n <img [src]=\"item.image\" />\n }\n <span class=\"mapa-table__column--menu-item-text\">{{ item.text }}</span>\n </button>\n }\n </div>\n } @else {\n <div class=\"mapa-table__column--menu\">\n @for (item of menuItems; track item) {\n <button\n (click)=\"handleMenu({ data: row, action: item.action })\"\n class=\"mapa-table__column--menu-item\"\n [class.mapa-table__column--menu-item-disabled]=\"item.disabled\"\n [title]=\"item.text\"\n mat-icon-button\n >\n @if (item.icon) {\n <mat-icon>{{ item.icon }}</mat-icon>\n }\n @if (item.image) {\n <mapa-svg-icon [name]=\"setSvgName(item.image)\"></mapa-svg-icon>\n }\n <span class=\"mapa-table__column--menu-item-text\">{{ item.text }}</span>\n </button>\n }\n </div>\n }\n }\n }\n </div>\n </div>\n }\n </div>\n </div>\n }\n </div>\n\n <div class=\"mapa-table--show-on-desktop\">\n @if (desktopTableVisible) {\n <table\n mat-table\n [dataSource]=\"dataSource\"\n matSort\n [matSortActive]=\"currentSort?.active ?? ''\"\n [matSortDirection]=\"currentSort?.direction ?? ''\"\n (matSortChange)=\"sortDataFunction($event)\"\n >\n @for (column of columns; track trackColumn($index, column); let isFirst = $first) {\n <ng-container [matColumnDef]=\"column.key\">\n <th\n mat-header-cell\n *matHeaderCellDef\n mat-sort-header\n [disabled]=\"!(column.key !== 'actions' ? column.sort : null)\"\n >\n <div\n [ngTemplateOutlet]=\"tableHeader\"\n [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox }\"\n ></div>\n </th>\n <td mat-cell *matCellDef=\"let row\" [style.width]=\"column?.width\">\n <div\n class=\"mapa-table__column\"\n (click)=\"emitRowClick(row, '')\"\n [class.mapa-table__column--center-cell]=\"column?.align === 'center'\"\n >\n @if (column.key !== \"actions\" && column.key !== \"menu\") {\n <div class=\"mapa-table__content\">\n <div\n [style.width]=\"column?.width\"\n [class.mapa-table__column--ellipsis]=\"column?.collapse === 'overflow'\"\n [class.mapa-table__column--no-wrap]=\"column?.collapse === 'no-wrap'\"\n [class.mapa-table__column--wrap]=\"column?.collapse === 'wrap'\"\n [ngClass]=\"[hasCustomClass(column, row, column.key) ? getCustomClass(column, row, column.key) : '']\"\n >\n @if (column?.status?.color) {\n <div\n class=\"mapa-table__column--status\"\n [style.backgroundColor]=\"getBackgroundColor(column, row)\"\n [style.color]=\"getTextColor(column, row)\"\n [class.mapa-table__column--status-round]=\"column.status?.style == 'round'\"\n >\n <div\n [ngTemplateOutlet]=\"tableContent\"\n [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox, row }\"\n ></div>\n </div>\n } @else {\n <div\n [ngTemplateOutlet]=\"tableContent\"\n [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox, row }\"\n ></div>\n }\n </div>\n </div>\n } @else {\n @if (column.key === \"actions\" && actions) {\n <div class=\"mapa-table__column--actions\">\n @for (item of getActionItems(row); track item) {\n @if (item.route) {\n <a [href]=\"item.route\" [routerLink]=\"item.route\">\n <button\n class=\"mapa-table__column--actions-item\"\n [title]=\"item.text\"\n mat-icon-button\n >\n @if (item.icon) {\n <mat-icon>{{ item.icon }}</mat-icon>\n }\n @if (item.image) {\n <img [src]=\"item.image\" />\n }\n @if (item.svg) {\n <mapa-svg-icon [name]=\"setSvgName(item.svg)\"></mapa-svg-icon>\n }\n @if (item.showText) {\n <span>{{ item.text }}</span>\n }\n </button>\n </a>\n } @else {\n <button\n (click)=\"handleMenu({ data: row, action: item.action })\"\n class=\"mapa-table__column--actions-item\"\n [title]=\"item.text\"\n mat-icon-button\n >\n @if (item.icon) {\n <mat-icon>{{ item.icon }}</mat-icon>\n }\n @if (item.image) {\n <img [src]=\"item.image\" />\n }\n @if (item.svg) {\n <mapa-svg-icon [name]=\"setSvgName(item.svg)\"></mapa-svg-icon>\n }\n @if (item.showText) {\n <span>{{ item.text }}</span>\n }\n </button>\n }\n }\n </div>\n }\n @if (column.key === \"menu\") {\n <div class=\"mapa-table__column--menu\">\n @if (hasIndividualMenu(row)) {\n <mapa-menu\n [items]=\"getMenuItems(row)\"\n [data]=\"row\"\n (emitMenu)=\"handleMenu($event)\"\n ></mapa-menu>\n } @else if (menuItems.length > 0) {\n <mapa-menu\n [items]=\"menuItems\"\n [data]=\"row\"\n (emitMenu)=\"handleMenu($event)\"\n ></mapa-menu>\n }\n </div>\n }\n }\n </div>\n </td>\n </ng-container>\n }\n\n <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n <tr\n mat-row\n *matRowDef=\"let row; columns: displayedColumns;\"\n class=\"row-hover\"\n ></tr>\n </table>\n }\n </div>\n\n @if (shouldShowPaginator) {\n <section>\n <mat-paginator\n class=\"mapa-table__paginator\"\n appBubblePagination\n [appCustomLength]=\"totalCount\"\n [bubblePageIndex]=\"paginatorPageIndex\"\n [pageIndex]=\"paginatorPageIndex\"\n [showFirstButton]=\"paginatorShowFirstButton\"\n [showLastButton]=\"paginatorShowLastButton\"\n [renderButtonsNumber]=\"paginatorRenderButtonsNumber\"\n [hideDefaultArrows]=\"paginatorHideDefaultArrows\"\n [bubblePageSize]=\"pageSize\"\n [length]=\"totalCount\"\n [pageSize]=\"pageSize\"\n [pageSizeOptions]=\"[5, 10, 25, 100]\"\n (page)=\"changePage($event)\"\n ></mat-paginator>\n </section>\n }\n </section>\n} @else if (status.finished && dataSource.data.length === 0) {\n <section class=\"mapa-table\">\n <mapa-empty\n [title]=\"resolvedEmptyTitle\"\n [subtitle]=\"resolvedEmptySubtitle\"\n ></mapa-empty>\n </section>\n}\n\n<ng-template\n #tableHeader\n let-selection=\"selection\"\n let-column=\"column\"\n let-isFirst=\"isFirst\"\n let-checkbox=\"checkbox\"\n>\n @if (isFirst && checkbox) {\n @if (selection) {\n <mat-checkbox\n (change)=\"$event ? toggleAllRows() : null\"\n [checked]=\"selection.hasValue() && isAllSelected()\"\n [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n (click)=\"$event.stopPropagation()\"\n color=\"primary\"\n ></mat-checkbox>\n }\n }\n <div>\n <span [innerHTML]=\"column.label | safeHtml\"></span>\n </div>\n @if (column.key !== \"actions\" && column.key !== \"menu\" && column.sort) {\n <div class=\"mapa-table--show-on-desktop\">\n <mat-icon>filter_list</mat-icon>\n </div>\n }\n</ng-template>\n\n<ng-template\n #tableContent\n let-selection=\"selection\"\n let-column=\"column\"\n let-isFirst=\"isFirst\"\n let-checkbox=\"checkbox\"\n let-row=\"row\"\n>\n @if (isFirst && checkbox) {\n <mat-checkbox\n (click)=\"$event.stopPropagation()\"\n (change)=\"$event ? selection?.toggle(row) : null; getSelectedValues()\"\n [checked]=\"selection?.isSelected(row)\"\n color=\"primary\"\n class=\"mapa-table__checkbox\"\n >\n </mat-checkbox>\n }\n @if (isMaskedData(column, row)) {\n {{ getValueAsDate(column, row) | date: column.mask }}\n } @else if (column.status) {\n <span [innerHTML]=\"getStatusLabel(column, row) | safeHtml\"></span>\n } @else {\n <span [innerHTML]=\"getCellContent(row, column.key) | safeHtml\"></span>\n }\n</ng-template>\n", styles: [":host ::ng-deep .mapa-table .mat-mdc-table{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);width:100%}:host ::ng-deep .mapa-table .mat-mdc-table .mat-mdc-checkbox{margin:6px 8px 0 0;padding:0}:host ::ng-deep .mapa-table td.mat-mdc-cell{padding:16px 0}:host ::ng-deep .mapa-table .mat-mdc-table .mat-mdc-row .mat-mdc-cell{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400;color:#50575e}:host ::ng-deep .mapa-table .row-hover:hover{box-shadow:0 2px 4px #00000021;outline:1px solid rgba(238,238,238,.93);cursor:pointer}:host ::ng-deep .mapa-table .mat-mdc-table .mat-mdc-header-cell{border:none;border-bottom:1px solid #eee;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:600;color:#50575e}:host ::ng-deep .mapa-table .mat-mdc-row,:host ::ng-deep .mapa-table .mdc-data-table__content{--mat-table-row-item-label-text-font: var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif)}:host ::ng-deep .mapa-table .mat-mdc-header-cell,:host ::ng-deep .mapa-table .mdc-data-table__content{--mat-table-row-item-label-text-font: var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif)}:host ::ng-deep .mapa-table .mat-mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{background-color:transparent;border-color:#b6b6b6}:host ::ng-deep .mapa-table .mat-mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,:host ::ng-deep .mapa-table .mat-mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,:host ::ng-deep .mapa-table .mat-mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background{background-color:#ea561d;border-color:#ea561d}:host ::ng-deep .mapa-table .mat-mdc-paginator-container{display:flex;justify-content:space-between}:host ::ng-deep .mapa-table__paginator .mat-paginator-container,:host ::ng-deep .mapa-table__paginator .mat-mdc-paginator-container{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif)!important;justify-content:flex-start}:host ::ng-deep .mapa-table__paginator .mat-paginator-page-size,:host ::ng-deep .mapa-table__paginator .mat-mdc-paginator-page-size{margin-right:10vw}:host ::ng-deep .mapa-table__paginator .custom-paginator-container{justify-content:flex-end}:host ::ng-deep .mapa-table__paginator .g-bubble-container{display:flex;align-items:center;justify-content:flex-end;gap:8px}:host ::ng-deep .mapa-table__paginator .g-bubble{border-radius:4px;outline:none;border:none;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif)!important;background:transparent;color:#0000008a;cursor:pointer;margin:.4em 0;font-size:14px;min-width:24px;width:auto;min-height:24px;max-height:24px;padding:1px 6px;display:flex;align-items:center;justify-content:center}:host ::ng-deep .mapa-table__paginator .g-bubble:hover{background-color:#dfe3e6}:host ::ng-deep .mapa-table__paginator .g-bubble__active{background-color:#ea561d;color:#fff}:host ::ng-deep .mapa-table__paginator .custom-paginator-counter{white-space:nowrap;margin:0 4px 0 10px!important}:host ::ng-deep .mapa-table__paginator .mat-mdc-paginator-page-size-label,:host ::ng-deep .mapa-table__paginator .custom-paginator-counter{color:#0000008a}:host ::ng-deep .mapa-table__paginator .mat-mdc-paginator-navigation-previous,:host ::ng-deep .mapa-table__paginator .mat-mdc-paginator-navigation-next{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif)!important;color:#999}:host ::ng-deep .mapa-table__paginator .mat-mdc-paginator-navigation-previous[disabled],:host ::ng-deep .mapa-table__paginator .mat-mdc-paginator-navigation-next[disabled]{color:#dfe3e6}:host ::ng-deep .hidden{display:none}:host ::ng-deep .mapa-table{width:100%;white-space:nowrap;overflow-x:auto}:host ::ng-deep .mapa-table .mat-mdc-icon-button{width:unset!important;height:unset!important;line-height:unset!important;justify-content:flex-start}:host ::ng-deep .mapa-table .mat-mdc-icon-button .mat-mdc-button-touch-target,:host ::ng-deep .mapa-table .mat-mdc-icon-button .mdc-button__label{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%!important}@media(min-width:1201px){:host ::ng-deep .mapa-table--show-on-mobile{display:none}:host ::ng-deep .mapa-table--show-on-desktop{display:block}}@media(max-width:1200px){:host ::ng-deep .mapa-table--show-on-mobile{padding:20px}:host ::ng-deep .mapa-table--show-on-mobile .mapa__card{width:unset!important}:host ::ng-deep .mapa-table--show-on-desktop{display:none}}:host ::ng-deep .mapa-table__select-all{display:flex;align-items:center;padding:16px 24px;font-size:12px;text-transform:uppercase}@media(max-width:1200px){:host ::ng-deep .mapa-table__checkbox{margin-right:8px}:host ::ng-deep .mapa-table__checkbox--header{padding-left:24px}}:host ::ng-deep .mapa-table__card{position:relative;padding:24px;display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}:host ::ng-deep .mapa-table__card--floating-content{display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;gap:8px}:host ::ng-deep .mapa-table__card--floating-actions{position:absolute;bottom:16px;right:16px;color:#ea561d}:host ::ng-deep .mapa-table__card--header{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;font-size:12px;text-transform:uppercase}:host ::ng-deep .mapa-table__card--header mat-icon{height:16px;width:16px;font-size:16px}:host ::ng-deep .mapa-table__card--column{padding:16px 0}:host ::ng-deep .mapa-table__column{padding:15px;align-items:center;display:flex}:host ::ng-deep .mapa-table__column--actions{display:flex}:host ::ng-deep .mapa-table__column--actions .mat-icon{color:#ea561d!important}:host ::ng-deep .mapa-table__column--actions-item{display:flex!important;align-items:center;gap:8px}:host ::ng-deep .mapa-table__column--actions-item span{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:14px;font-style:normal;font-weight:500;line-height:20px}:host ::ng-deep .mapa-table__column--menu{display:flex;align-items:center;justify-content:center;gap:8px}:host ::ng-deep .mapa-table__column--menu .mapa-table__column--menu-item-text{display:flex;align-items:center;justify-content:center;font-size:12px;line-height:16px!important}:host ::ng-deep .mapa-table__column--menu-item{display:flex;align-items:center;width:unset!important;height:unset!important}:host ::ng-deep .mapa-table__column--menu-item img{margin-right:8px}:host ::ng-deep .mapa-table__column--menu-item button{color:#ea561d!important}:host ::ng-deep .mapa-table__column--menu-item button span{font-size:12px;text-transform:uppercase;display:flex}:host ::ng-deep .mapa-table__column--menu-item-disabled{opacity:.45;cursor:not-allowed}:host ::ng-deep .mapa-table__column--header{width:100%}:host ::ng-deep .mapa-table__column--header .mat-icon{cursor:pointer;position:relative;bottom:-3px;margin:0 7px;font-size:14px;height:14px;width:14px}:host ::ng-deep .mapa-table__column--status{margin:auto;text-align:center;width:min-content;border-radius:4px;padding:4px 8px}:host ::ng-deep .mapa-table__column--status-round{border-radius:50px}:host ::ng-deep .mapa-table__column--ellipsis{display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host ::ng-deep .mapa-table__column--no-wrap{white-space:nowrap}:host ::ng-deep .mapa-table__column--wrap{white-space:pre-wrap}:host ::ng-deep .mapa-table__column--center-cell{display:flex;align-items:center;justify-content:center;width:100%}:host ::ng-deep .mapa-table .mat-sort-header-arrow{color:transparent}:host ::ng-deep .mapa-table .mat-sort-header-content{width:100%!important}:host ::ng-deep .mapa-table .mat-sort-header-content mat-icon{margin-left:24px}:host ::ng-deep .mapa-table .mat-mdc-cell{padding:0 10px!important}:host ::ng-deep .mapa-table .mat-mdc-header-cell{padding:0 24px!important}:host ::ng-deep .mapa-table .mat-mdc-table{width:100%;overflow-x:auto}:host ::ng-deep .mapa-table__skeleton-content{padding:24px}:host ::ng-deep .mapa-table__skeleton-header,:host ::ng-deep .mapa-table__skeleton-row{display:flex;gap:12px}:host ::ng-deep .mapa-table__skeleton-header{margin-bottom:16px}:host ::ng-deep .mapa-table__skeleton-row{margin-bottom:12px}:host ::ng-deep .mapa-table__skeleton-cell{height:16px;border-radius:8px;background:linear-gradient(90deg,#f0f2f4 25%,#e6e9ec,#f0f2f4 75%);background-size:200% 100%;animation:mapa-table-skeleton-shimmer 1.2s infinite linear}:host ::ng-deep .mapa-table__skeleton-cell--header{height:20px}@media(max-width:1000px){:host ::ng-deep .mapa-table .mat-mdc-paginator-range-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}:host ::ng-deep .mapa-table .mat-mdc-paginator-range-label{padding:16px 0;text-align:center;width:100%}:host ::ng-deep .mapa-table .mat-mdc-paginator-container{justify-content:center}}:host ::ng-deep .mapa-table .classification{width:40px;height:40px;border-radius:24px;display:flex;justify-content:center;align-items:center}:host ::ng-deep .mapa-table .roundCell{border-radius:10px}:host ::ng-deep .mapa-table .general{border-radius:24px;border:1px solid #dcdcde;display:flex;justify-content:center;align-items:center;width:48px;height:48px}:host ::ng-deep .mapa-table .name{color:#181818;text-align:left;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:14px;font-style:normal;font-weight:400;line-height:20px}:host ::ng-deep .mapa-table .cpf{color:#77838f;text-align:left;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:12px;font-style:normal;font-weight:400;line-height:16px}:host ::ng-deep .mapa-table .label_report{color:#181818;text-align:center;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:12px;font-style:normal;font-weight:400;line-height:16px}@keyframes mapa-table-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"] }]
|
|
7818
7797
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: MapaI18nService }], propDecorators: { columns: [{
|
|
7819
7798
|
type: Input
|
|
7820
7799
|
}], data: [{
|
|
@@ -7920,7 +7899,7 @@ class MapaWarningComponent {
|
|
|
7920
7899
|
.map((report, index, array) => `${report.instrument ?? ''} - ${report.date ?? ''}${index < array.length - 1 ? ', ' : ''}`);
|
|
7921
7900
|
}
|
|
7922
7901
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaWarningComponent, deps: [{ token: MapaI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7923
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaWarningComponent, isStandalone: true, selector: "mapa-warning", inputs: { lowReliabilityReports: "lowReliabilityReports" }, usesOnChanges: true, ngImport: i0, template: "<section class=\"warning\">\n <div class=\"warning__icon\">\n <img src=\"assets/images/icons/Warning.svg\" />\n </div>\n <article>\n <p *ngIf=\"showFirstLine\">\n {{ lowReliabilityTitle }}\n <span *ngFor=\"let report of nonExpirationDateReports\">{{ report }}</span>.\n </p>\n <p *ngIf=\"showSecondLine\">\n {{ expirationLimitTitle }}\n <span *ngFor=\"let report of expirationDateReports\">{{ report }}</span>.\n </p>\n </article>\n</section>\n", styles: [".warning{background:#eedb2a!important;display:flex;align-items:flex-start;padding:21px 45px;margin-top:16px}.warning p{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0}.warning__icon{margin-right:16px;margin-top:auto;margin-bottom:auto;display:flex;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$
|
|
7902
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaWarningComponent, isStandalone: true, selector: "mapa-warning", inputs: { lowReliabilityReports: "lowReliabilityReports" }, usesOnChanges: true, ngImport: i0, template: "<section class=\"warning\">\n <div class=\"warning__icon\">\n <img src=\"assets/images/icons/Warning.svg\" />\n </div>\n <article>\n <p *ngIf=\"showFirstLine\">\n {{ lowReliabilityTitle }}\n <span *ngFor=\"let report of nonExpirationDateReports\">{{ report }}</span>.\n </p>\n <p *ngIf=\"showSecondLine\">\n {{ expirationLimitTitle }}\n <span *ngFor=\"let report of expirationDateReports\">{{ report }}</span>.\n </p>\n </article>\n</section>\n", styles: [".warning{background:#eedb2a!important;display:flex;align-items:flex-start;padding:21px 45px;margin-top:16px}.warning p{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0}.warning__icon{margin-right:16px;margin-top:auto;margin-bottom:auto;display:flex;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
7924
7903
|
}
|
|
7925
7904
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaWarningComponent, decorators: [{
|
|
7926
7905
|
type: Component,
|
|
@@ -8019,7 +7998,7 @@ class MapaScaleParameterizationComponent {
|
|
|
8019
7998
|
};
|
|
8020
7999
|
}
|
|
8021
8000
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaScaleParameterizationComponent, deps: [{ token: MapaI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8022
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaScaleParameterizationComponent, isStandalone: true, selector: "mapa-scale-parameterization", inputs: { data: "data", showProgressbar: "showProgressbar", showInterval: "showInterval", showDots: "showDots" }, viewQueries: [{ propertyName: "accordion", first: true, predicate: ["detailAccordion"], descendants: true }], ngImport: i0, template: "@for (competence of data; track competence) {\n <section class=\"mapa-scale-parameterization\">\n <section\n class=\"mapa-scale-parameterization-scales\"\n [class.scales--full-sized]=\"!showSummarized(competence.scales[0])\"\n [class.scales--summarized]=\"showSummarized(competence.scales[0])\"\n >\n <mat-accordion\n class=\"mapa-scale-parameterization-accordion\"\n #detailAccordion=\"matAccordion\"\n multi\n >\n @for (scale of competence.scales; track scale) {\n <mat-expansion-panel\n class=\"mapa__card mapa-scale-parameterization-details\"\n >\n <mat-expansion-panel-header\n class=\"mapa-scale-parameterization-details__top\"\n >\n <header class=\"mapa-scale-parameterization-details__header\">\n <div\n class=\"mapa-scale-parameterization-details__header--title mapa--display-m\"\n >\n <div\n class=\"mapa-scale-parameterization-details__header--title-text\"\n >\n {{ scale.scaleName }}\n @if (showDots) {\n @let dimensionsCapability = getDimensionsAsCapability(scale);\n <div\n class=\"mapa-scale-parameterization-details__dots\"\n >\n @for (item of dimensionsCapability.items; track item) {\n <mapa-capability-dot\n type=\"small\"\n [item]=\"item\"\n [capability]=\"dimensionsCapability\"\n [tooltip]=\"true\"\n ></mapa-capability-dot>\n }\n </div>\n }\n </div>\n\n @if (scale.classification) {\n <div\n class=\"mapa__tag--bg\"\n [style.backgroundColor]=\"scale.classification.classificationColor\"\n [class.mapa__tag--contrast]=\"scale.classification.classificationId === 1\"\n >\n <span class=\"mapa__tag--text\">\n {{ scale.classification.classificationName }}\n </span>\n </div>\n }\n </div>\n @if (showProgressbar) {\n <div class=\"scale__header--progressbar\">\n @if (!scale.classification?.classificationBg) {\n <mapa-progressbar\n [data]=\"getProgressbarData(scale)\"\n ></mapa-progressbar>\n } @else {\n <mapa-capability-interval-bar\n [data]=\"getIntervalbarData(scale)\"\n [showInterval]=\"true\"\n ></mapa-capability-interval-bar>\n }\n </div>\n }\n </header>\n </mat-expansion-panel-header>\n @if (scale.scaleConcept) {\n <article\n class=\"mapa-scale-parameterization-details__concept\"\n >\n <strong>{{ conceptTitle }}:</strong> {{ scale.scaleConcept }}\n </article>\n }\n <section\n class=\"mapa-scale-parameterization-details__dimensions\"\n [class.dimension--full-sized]=\"!showSummarized(scale)\"\n [class.dimension--summarized]=\"showSummarized(scale)\"\n >\n @for (dimension of scale.dimensions; track dimension) {\n <article class=\"mapa__card--sm dimension\">\n <nav class=\"dimension__main\">\n <div class=\"dimension__title\">\n <div class=\"dimension__title--direction\">\n @if (isPositive(dimension)) {\n <span>↑</span>\n } @else {\n <span>↓</span>\n }\n </div>\n <div class=\"dimension__title--label\">\n {{ dimension.dimensionName }}\n </div>\n </div>\n <div class=\"dimension--classification\">\n @if (dimension.classification) {\n <div\n class=\"mapa__tag--bg\"\n [style.backgroundColor]=\"dimension.classification.classificationColor\"\n [class.mapa__tag--contrast]=\"dimension.classification.classificationId === 1\"\n >\n <span class=\"mapa__tag--text\">\n {{ dimension.classification.classificationName }}\n </span>\n </div>\n }\n </div>\n </nav>\n @if (dimension.dimensionClassificationMessage) {\n <div class=\"dimension__concept\">\n {{ dimension.dimensionClassificationMessage }}\n </div>\n }\n </article>\n }\n </section>\n </mat-expansion-panel>\n }\n </mat-accordion>\n </section>\n </section>\n}\n", styles: [":host{display:block;width:100%}:host ::ng-deep .mapa-scale-parameterization{display:flex;gap:24px;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);width:100%;max-width:100%;box-sizing:border-box}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-scales{flex:1 1 auto;width:100%;min-width:0}:host ::ng-deep .mapa-scale-parameterization__header{display:flex;align-items:center;color:#ea561d;font-size:32px;font-weight:400;line-height:40px;width:100%;margin-bottom:unset!important}:host ::ng-deep .mapa-scale-parameterization__header img{margin-right:16px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion{width:100%}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel:first-of-type{border-top-right-radius:8px;border-top-left-radius:8px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel:last-of-type{border-bottom-right-radius:8px;border-bottom-left-radius:8px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel{box-shadow:unset!important;padding:unset!important;width:100%;max-width:100%;box-sizing:border-box}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header{width:100%;height:auto;min-height:96px;padding:0 24px;border-bottom:unset!important;box-sizing:border-box;gap:24px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header.mat-expanded{height:auto;min-height:96px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header .mat-content{min-width:0;padding-right:4px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-content,:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-body{width:100%;box-sizing:border-box}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-body{padding:24px!important}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-spacing{margin:unset!important}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;flex-wrap:wrap;gap:unset!important;width:100%;max-width:100%;height:fit-content;box-sizing:border-box}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details--summarized{display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details--title-text{display:flex}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__dots{display:flex;align-items:center;margin-top:16px;gap:8px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__header{display:flex;align-items:center;justify-content:space-between;width:100%;color:#181818;font-size:24px;font-style:normal;font-weight:500;line-height:32px;margin:20px 0}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__header--title{display:flex;align-items:center;gap:24px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px;padding-bottom:16px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%;height:fit-content}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension{display:flex;justify-content:flex-start;gap:24px;width:100%;height:fit-content}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension__main{display:flex;justify-content:space-between;width:100%}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension{display:flex;gap:32px;width:100%}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension__main{width:35%}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension__concept{width:65%}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension__title{display:flex;align-items:center;justify-content:center;color:#181818;font-size:16px;font-style:normal;font-weight:400;line-height:24px;gap:8px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--classification{display:flex;align-items:center;justify-content:center}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i2$2.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i2$2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i2$2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "component", type: MapaCapabilityDotComponent, selector: "mapa-capability-dot", inputs: ["type", "item", "tooltip", "capability"] }, { kind: "component", type: MapaCapabilityIntervalBarComponent, selector: "mapa-capability-interval-bar", inputs: ["data", "expanded", "showInterval"], outputs: ["clicked"] }, { kind: "component", type: MapaProgressbarComponent, selector: "mapa-progressbar", inputs: ["data", "showInterval"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8001
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaScaleParameterizationComponent, isStandalone: true, selector: "mapa-scale-parameterization", inputs: { data: "data", showProgressbar: "showProgressbar", showInterval: "showInterval", showDots: "showDots" }, viewQueries: [{ propertyName: "accordion", first: true, predicate: ["detailAccordion"], descendants: true }], ngImport: i0, template: "@for (competence of data; track competence) {\n <section class=\"mapa-scale-parameterization\">\n <section\n class=\"mapa-scale-parameterization-scales\"\n [class.scales--full-sized]=\"!showSummarized(competence.scales[0])\"\n [class.scales--summarized]=\"showSummarized(competence.scales[0])\"\n >\n <mat-accordion\n class=\"mapa-scale-parameterization-accordion\"\n #detailAccordion=\"matAccordion\"\n multi\n >\n @for (scale of competence.scales; track scale) {\n <mat-expansion-panel\n class=\"mapa__card mapa-scale-parameterization-details\"\n >\n <mat-expansion-panel-header\n class=\"mapa-scale-parameterization-details__top\"\n >\n <header class=\"mapa-scale-parameterization-details__header\">\n <div\n class=\"mapa-scale-parameterization-details__header--title mapa--display-m\"\n >\n <div\n class=\"mapa-scale-parameterization-details__header--title-text\"\n >\n {{ scale.scaleName }}\n @if (showDots) {\n @let dimensionsCapability = getDimensionsAsCapability(scale);\n <div\n class=\"mapa-scale-parameterization-details__dots\"\n >\n @for (item of dimensionsCapability.items; track item) {\n <mapa-capability-dot\n type=\"small\"\n [item]=\"item\"\n [capability]=\"dimensionsCapability\"\n [tooltip]=\"true\"\n ></mapa-capability-dot>\n }\n </div>\n }\n </div>\n\n @if (scale.classification) {\n <div\n class=\"mapa__tag--bg\"\n [style.backgroundColor]=\"scale.classification.classificationColor\"\n [class.mapa__tag--contrast]=\"scale.classification.classificationId === 1\"\n >\n <span class=\"mapa__tag--text\">\n {{ scale.classification.classificationName }}\n </span>\n </div>\n }\n </div>\n @if (showProgressbar) {\n <div class=\"scale__header--progressbar\">\n @if (!scale.classification?.classificationBg) {\n <mapa-progressbar\n [data]=\"getProgressbarData(scale)\"\n ></mapa-progressbar>\n } @else {\n <mapa-capability-interval-bar\n [data]=\"getIntervalbarData(scale)\"\n [showInterval]=\"true\"\n ></mapa-capability-interval-bar>\n }\n </div>\n }\n </header>\n </mat-expansion-panel-header>\n @if (scale.scaleConcept) {\n <article\n class=\"mapa-scale-parameterization-details__concept\"\n >\n <strong>{{ conceptTitle }}:</strong> {{ scale.scaleConcept }}\n </article>\n }\n <section\n class=\"mapa-scale-parameterization-details__dimensions\"\n [class.dimension--full-sized]=\"!showSummarized(scale)\"\n [class.dimension--summarized]=\"showSummarized(scale)\"\n >\n @for (dimension of scale.dimensions; track dimension) {\n <article class=\"mapa__card--sm dimension\">\n <nav class=\"dimension__main\">\n <div class=\"dimension__title\">\n <div class=\"dimension__title--direction\">\n @if (isPositive(dimension)) {\n <span>↑</span>\n } @else {\n <span>↓</span>\n }\n </div>\n <div class=\"dimension__title--label\">\n {{ dimension.dimensionName }}\n </div>\n </div>\n <div class=\"dimension--classification\">\n @if (dimension.classification) {\n <div\n class=\"mapa__tag--bg\"\n [style.backgroundColor]=\"dimension.classification.classificationColor\"\n [class.mapa__tag--contrast]=\"dimension.classification.classificationId === 1\"\n >\n <span class=\"mapa__tag--text\">\n {{ dimension.classification.classificationName }}\n </span>\n </div>\n }\n </div>\n </nav>\n @if (dimension.dimensionClassificationMessage) {\n <div class=\"dimension__concept\">\n {{ dimension.dimensionClassificationMessage }}\n </div>\n }\n </article>\n }\n </section>\n </mat-expansion-panel>\n }\n </mat-accordion>\n </section>\n </section>\n}\n", styles: [":host{display:block;width:100%}:host ::ng-deep .mapa-scale-parameterization{display:flex;gap:24px;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);width:100%;max-width:100%;box-sizing:border-box}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-scales{flex:1 1 auto;width:100%;min-width:0}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion{width:100%}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel:first-of-type{border-top-right-radius:8px;border-top-left-radius:8px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel:last-of-type{border-bottom-right-radius:8px;border-bottom-left-radius:8px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel{box-shadow:unset!important;padding:unset!important;width:100%;max-width:100%;box-sizing:border-box}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header{width:100%;height:auto;min-height:96px;padding:0 24px;border-bottom:unset!important;box-sizing:border-box;gap:24px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header.mat-expanded{height:auto;min-height:96px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header .mat-content{min-width:0;padding-right:4px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-content,:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-body{width:100%;box-sizing:border-box}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-body{padding:24px!important}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-spacing{margin:unset!important}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;flex-wrap:wrap;gap:unset!important;width:100%;max-width:100%;height:fit-content;box-sizing:border-box}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__dots{display:flex;align-items:center;margin-top:16px;gap:8px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__header{display:flex;align-items:center;justify-content:space-between;width:100%;color:#181818;font-size:24px;font-style:normal;font-weight:500;line-height:32px;margin:20px 0}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__header--title{display:flex;align-items:center;gap:24px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px;padding-bottom:16px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%;height:fit-content}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension{display:flex;justify-content:flex-start;gap:24px;width:100%;height:fit-content}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension__main{display:flex;justify-content:space-between;width:100%}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension{display:flex;gap:32px;width:100%}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension__main{width:35%}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension__concept{width:65%}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension__title{display:flex;align-items:center;justify-content:center;color:#181818;font-size:16px;font-style:normal;font-weight:400;line-height:24px;gap:8px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--classification{display:flex;align-items:center;justify-content:center}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i2$2.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i2$2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i2$2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "component", type: MapaCapabilityDotComponent, selector: "mapa-capability-dot", inputs: ["type", "item", "tooltip", "capability"] }, { kind: "component", type: MapaCapabilityIntervalBarComponent, selector: "mapa-capability-interval-bar", inputs: ["data", "expanded", "showInterval"], outputs: ["clicked"] }, { kind: "component", type: MapaProgressbarComponent, selector: "mapa-progressbar", inputs: ["data", "showInterval"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8023
8002
|
}
|
|
8024
8003
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaScaleParameterizationComponent, decorators: [{
|
|
8025
8004
|
type: Component,
|
|
@@ -8029,7 +8008,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
8029
8008
|
MapaCapabilityDotComponent,
|
|
8030
8009
|
MapaCapabilityIntervalBarComponent,
|
|
8031
8010
|
MapaProgressbarComponent,
|
|
8032
|
-
], standalone: true, template: "@for (competence of data; track competence) {\n <section class=\"mapa-scale-parameterization\">\n <section\n class=\"mapa-scale-parameterization-scales\"\n [class.scales--full-sized]=\"!showSummarized(competence.scales[0])\"\n [class.scales--summarized]=\"showSummarized(competence.scales[0])\"\n >\n <mat-accordion\n class=\"mapa-scale-parameterization-accordion\"\n #detailAccordion=\"matAccordion\"\n multi\n >\n @for (scale of competence.scales; track scale) {\n <mat-expansion-panel\n class=\"mapa__card mapa-scale-parameterization-details\"\n >\n <mat-expansion-panel-header\n class=\"mapa-scale-parameterization-details__top\"\n >\n <header class=\"mapa-scale-parameterization-details__header\">\n <div\n class=\"mapa-scale-parameterization-details__header--title mapa--display-m\"\n >\n <div\n class=\"mapa-scale-parameterization-details__header--title-text\"\n >\n {{ scale.scaleName }}\n @if (showDots) {\n @let dimensionsCapability = getDimensionsAsCapability(scale);\n <div\n class=\"mapa-scale-parameterization-details__dots\"\n >\n @for (item of dimensionsCapability.items; track item) {\n <mapa-capability-dot\n type=\"small\"\n [item]=\"item\"\n [capability]=\"dimensionsCapability\"\n [tooltip]=\"true\"\n ></mapa-capability-dot>\n }\n </div>\n }\n </div>\n\n @if (scale.classification) {\n <div\n class=\"mapa__tag--bg\"\n [style.backgroundColor]=\"scale.classification.classificationColor\"\n [class.mapa__tag--contrast]=\"scale.classification.classificationId === 1\"\n >\n <span class=\"mapa__tag--text\">\n {{ scale.classification.classificationName }}\n </span>\n </div>\n }\n </div>\n @if (showProgressbar) {\n <div class=\"scale__header--progressbar\">\n @if (!scale.classification?.classificationBg) {\n <mapa-progressbar\n [data]=\"getProgressbarData(scale)\"\n ></mapa-progressbar>\n } @else {\n <mapa-capability-interval-bar\n [data]=\"getIntervalbarData(scale)\"\n [showInterval]=\"true\"\n ></mapa-capability-interval-bar>\n }\n </div>\n }\n </header>\n </mat-expansion-panel-header>\n @if (scale.scaleConcept) {\n <article\n class=\"mapa-scale-parameterization-details__concept\"\n >\n <strong>{{ conceptTitle }}:</strong> {{ scale.scaleConcept }}\n </article>\n }\n <section\n class=\"mapa-scale-parameterization-details__dimensions\"\n [class.dimension--full-sized]=\"!showSummarized(scale)\"\n [class.dimension--summarized]=\"showSummarized(scale)\"\n >\n @for (dimension of scale.dimensions; track dimension) {\n <article class=\"mapa__card--sm dimension\">\n <nav class=\"dimension__main\">\n <div class=\"dimension__title\">\n <div class=\"dimension__title--direction\">\n @if (isPositive(dimension)) {\n <span>↑</span>\n } @else {\n <span>↓</span>\n }\n </div>\n <div class=\"dimension__title--label\">\n {{ dimension.dimensionName }}\n </div>\n </div>\n <div class=\"dimension--classification\">\n @if (dimension.classification) {\n <div\n class=\"mapa__tag--bg\"\n [style.backgroundColor]=\"dimension.classification.classificationColor\"\n [class.mapa__tag--contrast]=\"dimension.classification.classificationId === 1\"\n >\n <span class=\"mapa__tag--text\">\n {{ dimension.classification.classificationName }}\n </span>\n </div>\n }\n </div>\n </nav>\n @if (dimension.dimensionClassificationMessage) {\n <div class=\"dimension__concept\">\n {{ dimension.dimensionClassificationMessage }}\n </div>\n }\n </article>\n }\n </section>\n </mat-expansion-panel>\n }\n </mat-accordion>\n </section>\n </section>\n}\n", styles: [":host{display:block;width:100%}:host ::ng-deep .mapa-scale-parameterization{display:flex;gap:24px;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);width:100%;max-width:100%;box-sizing:border-box}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-scales{flex:1 1 auto;width:100%;min-width:0}:host ::ng-deep .mapa-scale-parameterization__header{display:flex;align-items:center;color:#ea561d;font-size:32px;font-weight:400;line-height:40px;width:100%;margin-bottom:unset!important}:host ::ng-deep .mapa-scale-parameterization__header img{margin-right:16px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion{width:100%}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel:first-of-type{border-top-right-radius:8px;border-top-left-radius:8px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel:last-of-type{border-bottom-right-radius:8px;border-bottom-left-radius:8px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel{box-shadow:unset!important;padding:unset!important;width:100%;max-width:100%;box-sizing:border-box}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header{width:100%;height:auto;min-height:96px;padding:0 24px;border-bottom:unset!important;box-sizing:border-box;gap:24px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header.mat-expanded{height:auto;min-height:96px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header .mat-content{min-width:0;padding-right:4px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-content,:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-body{width:100%;box-sizing:border-box}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-body{padding:24px!important}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-spacing{margin:unset!important}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;flex-wrap:wrap;gap:unset!important;width:100%;max-width:100%;height:fit-content;box-sizing:border-box}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details--summarized{display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details--title-text{display:flex}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__dots{display:flex;align-items:center;margin-top:16px;gap:8px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__header{display:flex;align-items:center;justify-content:space-between;width:100%;color:#181818;font-size:24px;font-style:normal;font-weight:500;line-height:32px;margin:20px 0}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__header--title{display:flex;align-items:center;gap:24px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px;padding-bottom:16px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%;height:fit-content}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension{display:flex;justify-content:flex-start;gap:24px;width:100%;height:fit-content}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension__main{display:flex;justify-content:space-between;width:100%}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension{display:flex;gap:32px;width:100%}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension__main{width:35%}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension__concept{width:65%}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension__title{display:flex;align-items:center;justify-content:center;color:#181818;font-size:16px;font-style:normal;font-weight:400;line-height:24px;gap:8px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--classification{display:flex;align-items:center;justify-content:center}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}\n"] }]
|
|
8011
|
+
], standalone: true, template: "@for (competence of data; track competence) {\n <section class=\"mapa-scale-parameterization\">\n <section\n class=\"mapa-scale-parameterization-scales\"\n [class.scales--full-sized]=\"!showSummarized(competence.scales[0])\"\n [class.scales--summarized]=\"showSummarized(competence.scales[0])\"\n >\n <mat-accordion\n class=\"mapa-scale-parameterization-accordion\"\n #detailAccordion=\"matAccordion\"\n multi\n >\n @for (scale of competence.scales; track scale) {\n <mat-expansion-panel\n class=\"mapa__card mapa-scale-parameterization-details\"\n >\n <mat-expansion-panel-header\n class=\"mapa-scale-parameterization-details__top\"\n >\n <header class=\"mapa-scale-parameterization-details__header\">\n <div\n class=\"mapa-scale-parameterization-details__header--title mapa--display-m\"\n >\n <div\n class=\"mapa-scale-parameterization-details__header--title-text\"\n >\n {{ scale.scaleName }}\n @if (showDots) {\n @let dimensionsCapability = getDimensionsAsCapability(scale);\n <div\n class=\"mapa-scale-parameterization-details__dots\"\n >\n @for (item of dimensionsCapability.items; track item) {\n <mapa-capability-dot\n type=\"small\"\n [item]=\"item\"\n [capability]=\"dimensionsCapability\"\n [tooltip]=\"true\"\n ></mapa-capability-dot>\n }\n </div>\n }\n </div>\n\n @if (scale.classification) {\n <div\n class=\"mapa__tag--bg\"\n [style.backgroundColor]=\"scale.classification.classificationColor\"\n [class.mapa__tag--contrast]=\"scale.classification.classificationId === 1\"\n >\n <span class=\"mapa__tag--text\">\n {{ scale.classification.classificationName }}\n </span>\n </div>\n }\n </div>\n @if (showProgressbar) {\n <div class=\"scale__header--progressbar\">\n @if (!scale.classification?.classificationBg) {\n <mapa-progressbar\n [data]=\"getProgressbarData(scale)\"\n ></mapa-progressbar>\n } @else {\n <mapa-capability-interval-bar\n [data]=\"getIntervalbarData(scale)\"\n [showInterval]=\"true\"\n ></mapa-capability-interval-bar>\n }\n </div>\n }\n </header>\n </mat-expansion-panel-header>\n @if (scale.scaleConcept) {\n <article\n class=\"mapa-scale-parameterization-details__concept\"\n >\n <strong>{{ conceptTitle }}:</strong> {{ scale.scaleConcept }}\n </article>\n }\n <section\n class=\"mapa-scale-parameterization-details__dimensions\"\n [class.dimension--full-sized]=\"!showSummarized(scale)\"\n [class.dimension--summarized]=\"showSummarized(scale)\"\n >\n @for (dimension of scale.dimensions; track dimension) {\n <article class=\"mapa__card--sm dimension\">\n <nav class=\"dimension__main\">\n <div class=\"dimension__title\">\n <div class=\"dimension__title--direction\">\n @if (isPositive(dimension)) {\n <span>↑</span>\n } @else {\n <span>↓</span>\n }\n </div>\n <div class=\"dimension__title--label\">\n {{ dimension.dimensionName }}\n </div>\n </div>\n <div class=\"dimension--classification\">\n @if (dimension.classification) {\n <div\n class=\"mapa__tag--bg\"\n [style.backgroundColor]=\"dimension.classification.classificationColor\"\n [class.mapa__tag--contrast]=\"dimension.classification.classificationId === 1\"\n >\n <span class=\"mapa__tag--text\">\n {{ dimension.classification.classificationName }}\n </span>\n </div>\n }\n </div>\n </nav>\n @if (dimension.dimensionClassificationMessage) {\n <div class=\"dimension__concept\">\n {{ dimension.dimensionClassificationMessage }}\n </div>\n }\n </article>\n }\n </section>\n </mat-expansion-panel>\n }\n </mat-accordion>\n </section>\n </section>\n}\n", styles: [":host{display:block;width:100%}:host ::ng-deep .mapa-scale-parameterization{display:flex;gap:24px;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);width:100%;max-width:100%;box-sizing:border-box}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-scales{flex:1 1 auto;width:100%;min-width:0}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion{width:100%}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel:first-of-type{border-top-right-radius:8px;border-top-left-radius:8px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel:last-of-type{border-bottom-right-radius:8px;border-bottom-left-radius:8px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel{box-shadow:unset!important;padding:unset!important;width:100%;max-width:100%;box-sizing:border-box}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header{width:100%;height:auto;min-height:96px;padding:0 24px;border-bottom:unset!important;box-sizing:border-box;gap:24px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header.mat-expanded{height:auto;min-height:96px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header .mat-content{min-width:0;padding-right:4px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-content,:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-body{width:100%;box-sizing:border-box}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-body{padding:24px!important}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-spacing{margin:unset!important}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;flex-wrap:wrap;gap:unset!important;width:100%;max-width:100%;height:fit-content;box-sizing:border-box}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__dots{display:flex;align-items:center;margin-top:16px;gap:8px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__header{display:flex;align-items:center;justify-content:space-between;width:100%;color:#181818;font-size:24px;font-style:normal;font-weight:500;line-height:32px;margin:20px 0}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__header--title{display:flex;align-items:center;gap:24px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px;padding-bottom:16px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%;height:fit-content}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension{display:flex;justify-content:flex-start;gap:24px;width:100%;height:fit-content}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension__main{display:flex;justify-content:space-between;width:100%}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension{display:flex;gap:32px;width:100%}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension__main{width:35%}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension__concept{width:65%}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension__title{display:flex;align-items:center;justify-content:center;color:#181818;font-size:16px;font-style:normal;font-weight:400;line-height:24px;gap:8px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--classification{display:flex;align-items:center;justify-content:center}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}\n"] }]
|
|
8033
8012
|
}], ctorParameters: () => [{ type: MapaI18nService }], propDecorators: { data: [{
|
|
8034
8013
|
type: Input
|
|
8035
8014
|
}], showProgressbar: [{
|
|
@@ -8051,5 +8030,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
8051
8030
|
* Generated bundle index. Do not edit.
|
|
8052
8031
|
*/
|
|
8053
8032
|
|
|
8054
|
-
export { AIH_ESTADOS, AIH_TIPOS, BubblePaginationDirective, ButtonComponent, ButtonIconComponent, CEPRange, CID_NAME, CID_REGEX, CORES, CPFPipe, CapabilityClassificationService, CheckboxComponent, Datepicker, DatepickerRange, Dropdown, DropdownTree, ESTADOS, ESTADOS_SIGLA, ElementBase, FiltersComponent, HtmlSanitizerService, IPTUCREATE, IPTUMASKS, IPTUVALIDATE, IconComponent, InputText, LOCALIZACAO_BAIRROS, LOCALIZACAO_CIDADES, LOCALIZACAO_COMPLEMENTOS, LOCALIZACAO_ESTADOS, LOCALIZACAO_LOGRADOUROS, LOCALIZACAO_RUAS, LocaleDatePipe, LocaleDateTimePipe, MAPA_DATEPICKER_FORMATS, MAPA_UI_TEXTS, MASKSIE, MapaBenchmarkChartComponent, MapaBenchmarkIndicatorComponent, MapaBreadcrumbComponent, MapaCapabilityComparativeChartComponent, MapaCapabilityComparativeComponent, MapaCapabilityComparativeHeaderComponent, MapaCapabilityDetailComponent, MapaCapabilityDotComponent, MapaCapabilityExpandComponent, MapaCapabilityIndicatorChartComponent, MapaCapabilityIndicatorComponent, MapaCapabilityIndicatorListComponent, MapaCapabilityIntervalBarComponent, MapaCapabilityIntervalComponent, MapaChartComponent, MapaDatepicker, MapaDatepickerRange, MapaDetailsComponent, MapaDialogComponent, MapaDropdownComponent, MapaDropdownTreeComponent,
|
|
8033
|
+
export { AIH_ESTADOS, AIH_TIPOS, BubblePaginationDirective, ButtonComponent, ButtonIconComponent, CEPRange, CID_NAME, CID_REGEX, CORES, CPFPipe, CapabilityClassificationService, CheckboxComponent, Datepicker, DatepickerRange, Dropdown, DropdownTree, ESTADOS, ESTADOS_SIGLA, ElementBase, FiltersComponent, HtmlSanitizerService, IPTUCREATE, IPTUMASKS, IPTUVALIDATE, IconComponent, InputText, LOCALIZACAO_BAIRROS, LOCALIZACAO_CIDADES, LOCALIZACAO_COMPLEMENTOS, LOCALIZACAO_ESTADOS, LOCALIZACAO_LOGRADOUROS, LOCALIZACAO_RUAS, LocaleDatePipe, LocaleDateTimePipe, MAPA_DATEPICKER_FORMATS, MAPA_UI_TEXTS, MASKSIE, MapaBenchmarkChartComponent, MapaBenchmarkIndicatorComponent, MapaBreadcrumbComponent, MapaCapabilityComparativeChartComponent, MapaCapabilityComparativeComponent, MapaCapabilityComparativeHeaderComponent, MapaCapabilityDetailComponent, MapaCapabilityDotComponent, MapaCapabilityExpandComponent, MapaCapabilityIndicatorChartComponent, MapaCapabilityIndicatorComponent, MapaCapabilityIndicatorListComponent, MapaCapabilityIntervalBarComponent, MapaCapabilityIntervalComponent, MapaChartComponent, MapaDatepicker, MapaDatepickerRange, MapaDetailsComponent, MapaDialogComponent, MapaDropdownComponent, MapaDropdownTreeComponent, MapaEmptyStateComponent, MapaFormComponent, MapaFormErrorsComponent, MapaGroupReportComponent, MapaI18nService, MapaInputComponent, MapaMenuComponent, MapaNavListComponent, MapaProgressbarComponent, MapaScaleComponent, MapaScaleParameterizationComponent, MapaSvgIconComponent, MapaTableComponent, MapaTextareaComponent, MapaTooltipComponent, MapaTooltipDirective, MapaWarningComponent, MatInputAutosizeDirective, PLACAS_INVALID, PLACAS_RANGE, RadioButton, RadioButtonComponent, ReportItemComponent, SafeHtmlPipe, SlideToggle, SlideToggleComponent, TagComponent, Textarea, ValidationMessageResolverService, addDays, addMonthsToDateValue, allNumbersAreSame, buildDetailedIndicatorSections, buildIndicatorCollections, cep_ranges, create_aih, create_cartaocredito, create_certidao, create_cnh, create_cnhespelho, create_cnpj, create_cns, create_cpf, create_ect, create_iptu, create_iptu_ctba, create_iptu_sp, create_pispasep, create_processo, create_renachestadual, create_renachseguranca, create_renavam, create_titulo, create_titulo_atual, creditCardValidator, currencyToNumber, customPaginatorFactory, faker_iptu, fillString, formatBrazilianDate, formatDateAsDayMonthYear, formatDateAsMonthDayYear, formatDateByLanguage, formatDateForLocale, formatDateTimeByLanguage, formatDateValue, formatLocaleDate, formatLocaleDateTime, generateInscricaoEstadual, getActiveDateFormat, getActiveDateLocale, getActiveMaterialDateFormat, getAllDigits, getAllWords, getDateFormatByLanguage, getDateInputMask, getDateTimeFormatByLanguage, getDayOfMonthFromDateValue, getDefaultDateRange, getMapaDatepickerRangeFormats, getRelativeDateRange, getSpecialProperty, getYearFromDateValue, isAfterDateValue, isArray, isDateValue, isMonthFirstDateLocale, isNil, isNumber, isPresent, isString, isValidDateByLanguage, isValidDateValue, makeGenericFaker, maskBr, mask_iptu, mergeMapaUiTexts, modulo11, modulo11Custom, modulo11a, normalizeDateInput, normalizeDateLocale, normalizeLookup, normalizeText, numberToCurrency, openDialog, parseBrazilianDate, parseDateByLanguage, parseDateValue, parseDateValueFns, parseLocaleDateValue, processCaretTraps, provideMapaUiTexts, rand, randArray, randomEstadoSigla, randomLetter, randomLetterOrNumber, randomNumber, reformatDateStringForLanguage, rg_rj, rg_sp, sanitizeHtmlContent, setTimeOnDateValue, slugify, toDatepickerLocale, toIsoDateByLanguage, toIsoDateByLanguageWithUtcTime, toIsoDateValue, toIsoDateValueWithTime, toIsoDateValueWithUtcTime, toUtcDayExclusiveEndIso, toUtcRangeEndIso, toUtcRangeStartIso, utilsBr, validateBr, validate_aih, validate_cartaocredito, validate_celular, validate_cep, validate_certidao, validate_chassi, validate_cnh, validate_cnhespelho, validate_cnpj, validate_cns, validate_cpf, validate_currency, validate_datahora, validate_datetime, validate_ect, validate_inscricaoestadual, validate_iptu, validate_iptu_contagem, validate_iptu_ctba, validate_iptu_sp, validate_number, validate_pispasep, validate_placa, validate_porcentagem, validate_processo, validate_renachestadual, validate_renachseguranca, validate_renavam, validate_rg, validate_sped, validate_telefone, validate_time, validate_titulo };
|
|
8055
8034
|
//# sourceMappingURL=mapa-library-ui.mjs.map
|