mapa-library-ui 0.72.0 → 0.72.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/src/lib/components/benchmarking/benchmarking.mjs +5 -0
- package/esm2020/src/lib/components/benchmarking/lib/components/benchmarking/public-api.mjs +9 -0
- package/esm2020/src/lib/components/benchmarking/lib/components/benchmarking/src/benchmark-chart.component.mjs +33 -0
- package/esm2020/src/lib/components/benchmarking/lib/components/benchmarking/src/benchmark-chart.module.mjs +19 -0
- package/esm2020/src/lib/components/benchmarking/lib/components/benchmarking/src/benchmark-indicator/benchmark-indicator.component.mjs +14 -0
- package/esm2020/src/lib/components/benchmarking/lib/components/benchmarking/src/benchmark-indicator/benchmark-indicator.module.mjs +18 -0
- package/esm2020/src/lib/components/benchmarking/lib/components/benchmarking/src/benchmarking.interface.mjs +2 -0
- package/esm2020/src/lib/components/benchmarking/mapa-library-ui-src-lib-components-benchmarking.mjs +5 -0
- package/esm2020/src/lib/components/dropdown/lib/components/dropdown-tree/src/dropdown.component.mjs +15 -5
- package/esm2020/src/lib/components/dropdown/lib/components/dropdown-tree/src/dropdown.module.mjs +11 -50
- package/esm2020/src/lib/components/dropdown-tree/lib/components/dropdown-tree/src/dropdown.component.mjs +15 -5
- package/esm2020/src/lib/components/dropdown-tree/lib/components/dropdown-tree/src/dropdown.module.mjs +11 -50
- package/fesm2015/mapa-library-ui-src-lib-components-benchmarking.mjs +82 -0
- package/fesm2015/mapa-library-ui-src-lib-components-benchmarking.mjs.map +1 -0
- package/fesm2015/mapa-library-ui-src-lib-components-dropdown-tree.mjs +24 -48
- package/fesm2015/mapa-library-ui-src-lib-components-dropdown-tree.mjs.map +1 -1
- package/fesm2015/mapa-library-ui-src-lib-components-dropdown.mjs +24 -48
- package/fesm2015/mapa-library-ui-src-lib-components-dropdown.mjs.map +1 -1
- package/fesm2020/mapa-library-ui-src-lib-components-benchmarking.mjs +87 -0
- package/fesm2020/mapa-library-ui-src-lib-components-benchmarking.mjs.map +1 -0
- package/fesm2020/mapa-library-ui-src-lib-components-dropdown-tree.mjs +24 -48
- package/fesm2020/mapa-library-ui-src-lib-components-dropdown-tree.mjs.map +1 -1
- package/fesm2020/mapa-library-ui-src-lib-components-dropdown.mjs +24 -48
- package/fesm2020/mapa-library-ui-src-lib-components-dropdown.mjs.map +1 -1
- package/mapa-library-ui-0.72.2.tgz +0 -0
- package/package.json +9 -1
- package/src/lib/components/benchmarking/benchmarking.d.ts +1 -0
- package/src/lib/components/benchmarking/index.d.ts +5 -0
- package/src/lib/components/benchmarking/lib/components/benchmarking/public-api.d.ts +5 -0
- package/src/lib/components/benchmarking/lib/components/benchmarking/src/benchmark-chart.component.d.ts +11 -0
- package/src/lib/components/benchmarking/lib/components/benchmarking/src/benchmark-chart.module.d.ts +9 -0
- package/src/lib/components/benchmarking/lib/components/benchmarking/src/benchmark-indicator/benchmark-indicator.component.d.ts +7 -0
- package/src/lib/components/benchmarking/lib/components/benchmarking/src/benchmark-indicator/benchmark-indicator.module.d.ts +8 -0
- package/src/lib/components/benchmarking/lib/components/benchmarking/src/benchmarking.interface.d.ts +37 -0
- package/src/lib/components/dropdown/lib/components/dropdown-tree/src/dropdown.component.d.ts +5 -1
- package/src/lib/components/dropdown/lib/components/dropdown-tree/src/dropdown.module.d.ts +4 -12
- package/src/lib/components/dropdown-tree/lib/components/dropdown-tree/src/dropdown.component.d.ts +5 -1
- package/src/lib/components/dropdown-tree/lib/components/dropdown-tree/src/dropdown.module.d.ts +4 -12
- package/mapa-library-ui-0.72.0.tgz +0 -0
|
@@ -1,18 +1,9 @@
|
|
|
1
|
-
import { NgModule } from "@angular/core";
|
|
1
|
+
import { forwardRef, NgModule } from "@angular/core";
|
|
2
2
|
import { CommonModule } from "@angular/common";
|
|
3
|
-
import { FormsModule, ReactiveFormsModule } from "@angular/forms";
|
|
3
|
+
import { FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule } from "@angular/forms";
|
|
4
4
|
import { MatListModule } from "@angular/material/list";
|
|
5
5
|
import { MatIconModule } from "@angular/material/icon";
|
|
6
6
|
import { MapaDropdownTreeComponent } from "./dropdown.component";
|
|
7
|
-
import { MatSelectModule } from "@angular/material/select";
|
|
8
|
-
import { MAT_FORM_FIELD_DEFAULT_OPTIONS } from "@angular/material/form-field";
|
|
9
|
-
import { MatButtonModule } from "@angular/material/button";
|
|
10
|
-
import { MapaButtonModule } from "../../button/public-api";
|
|
11
|
-
import { MatInputModule } from "@angular/material/input";
|
|
12
|
-
import { MatTreeModule } from "@angular/material/tree";
|
|
13
|
-
import { MatCheckboxModule } from "@angular/material/checkbox";
|
|
14
|
-
import { MatAutocompleteModule } from "@angular/material/autocomplete";
|
|
15
|
-
import { MAT_MENU_DEFAULT_OPTIONS, MatMenuModule } from "@angular/material/menu";
|
|
16
7
|
import { MapaDropdownModule } from "../../dropdown/public-api";
|
|
17
8
|
import * as i0 from "@angular/core";
|
|
18
9
|
export class MapaDropdownTreeModule {
|
|
@@ -21,40 +12,21 @@ MapaDropdownTreeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", v
|
|
|
21
12
|
MapaDropdownTreeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaDropdownTreeModule, declarations: [MapaDropdownTreeComponent], imports: [CommonModule,
|
|
22
13
|
FormsModule,
|
|
23
14
|
ReactiveFormsModule,
|
|
24
|
-
MatButtonModule,
|
|
25
|
-
MapaButtonModule,
|
|
26
15
|
MapaDropdownModule,
|
|
27
16
|
MatListModule,
|
|
28
|
-
MatIconModule,
|
|
29
|
-
MatInputModule,
|
|
30
|
-
MatSelectModule,
|
|
31
|
-
MatTreeModule,
|
|
32
|
-
MatCheckboxModule,
|
|
33
|
-
MatAutocompleteModule,
|
|
34
|
-
MatMenuModule], exports: [MapaDropdownTreeComponent] });
|
|
17
|
+
MatIconModule], exports: [MapaDropdownTreeComponent] });
|
|
35
18
|
MapaDropdownTreeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDropdownTreeModule, providers: [
|
|
36
19
|
{
|
|
37
|
-
provide:
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
{
|
|
41
|
-
provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,
|
|
42
|
-
useValue: { appearance: "outline" },
|
|
20
|
+
provide: NG_VALUE_ACCESSOR,
|
|
21
|
+
useExisting: forwardRef(() => MapaDropdownTreeComponent),
|
|
22
|
+
multi: true,
|
|
43
23
|
},
|
|
44
24
|
], imports: [CommonModule,
|
|
45
25
|
FormsModule,
|
|
46
26
|
ReactiveFormsModule,
|
|
47
|
-
MatButtonModule,
|
|
48
|
-
MapaButtonModule,
|
|
49
27
|
MapaDropdownModule,
|
|
50
28
|
MatListModule,
|
|
51
|
-
MatIconModule
|
|
52
|
-
MatInputModule,
|
|
53
|
-
MatSelectModule,
|
|
54
|
-
MatTreeModule,
|
|
55
|
-
MatCheckboxModule,
|
|
56
|
-
MatAutocompleteModule,
|
|
57
|
-
MatMenuModule] });
|
|
29
|
+
MatIconModule] });
|
|
58
30
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDropdownTreeModule, decorators: [{
|
|
59
31
|
type: NgModule,
|
|
60
32
|
args: [{
|
|
@@ -64,28 +36,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
64
36
|
CommonModule,
|
|
65
37
|
FormsModule,
|
|
66
38
|
ReactiveFormsModule,
|
|
67
|
-
MatButtonModule,
|
|
68
|
-
MapaButtonModule,
|
|
69
39
|
MapaDropdownModule,
|
|
70
40
|
MatListModule,
|
|
71
41
|
MatIconModule,
|
|
72
|
-
MatInputModule,
|
|
73
|
-
MatSelectModule,
|
|
74
|
-
MatTreeModule,
|
|
75
|
-
MatCheckboxModule,
|
|
76
|
-
MatAutocompleteModule,
|
|
77
|
-
MatMenuModule,
|
|
78
42
|
],
|
|
79
43
|
providers: [
|
|
80
44
|
{
|
|
81
|
-
provide:
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
{
|
|
85
|
-
provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,
|
|
86
|
-
useValue: { appearance: "outline" },
|
|
45
|
+
provide: NG_VALUE_ACCESSOR,
|
|
46
|
+
useExisting: forwardRef(() => MapaDropdownTreeComponent),
|
|
47
|
+
multi: true,
|
|
87
48
|
},
|
|
88
49
|
],
|
|
89
50
|
}]
|
|
90
51
|
}] });
|
|
91
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9kcm9wZG93bi10cmVlL3NyYy9kcm9wZG93bi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFBRSxXQUFXLEVBQUUsaUJBQWlCLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUVyRixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRXZELE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ2pFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDOztBQXFCL0QsTUFBTSxPQUFPLHNCQUFzQjs7b0hBQXRCLHNCQUFzQjtxSEFBdEIsc0JBQXNCLGlCQWxCbEIseUJBQXlCLGFBR3RDLFlBQVk7UUFDWixXQUFXO1FBQ1gsbUJBQW1CO1FBQ25CLGtCQUFrQjtRQUNsQixhQUFhO1FBQ2IsYUFBYSxhQVBMLHlCQUF5QjtxSEFpQnhCLHNCQUFzQixhQVJ0QjtRQUNUO1lBQ0UsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHlCQUF5QixDQUFDO1lBQ3hELEtBQUssRUFBRSxJQUFJO1NBQ1o7S0FDRixZQWJDLFlBQVk7UUFDWixXQUFXO1FBQ1gsbUJBQW1CO1FBQ25CLGtCQUFrQjtRQUNsQixhQUFhO1FBQ2IsYUFBYTs0RkFVSixzQkFBc0I7a0JBbkJsQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLHlCQUF5QixDQUFDO29CQUN6QyxPQUFPLEVBQUUsQ0FBQyx5QkFBeUIsQ0FBQztvQkFDcEMsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osV0FBVzt3QkFDWCxtQkFBbUI7d0JBQ25CLGtCQUFrQjt3QkFDbEIsYUFBYTt3QkFDYixhQUFhO3FCQUNkO29CQUNELFNBQVMsRUFBRTt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHlCQUF5QixDQUFDOzRCQUN4RCxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGZvcndhcmRSZWYsIE5nTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcblxuaW1wb3J0IHsgRm9ybXNNb2R1bGUsIE5HX1ZBTFVFX0FDQ0VTU09SLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XG5cbmltcG9ydCB7IE1hdExpc3RNb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvbGlzdFwiO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9pY29uXCI7XG5cbmltcG9ydCB7IE1hcGFEcm9wZG93blRyZWVDb21wb25lbnQgfSBmcm9tIFwiLi9kcm9wZG93bi5jb21wb25lbnRcIjtcbmltcG9ydCB7IE1hcGFEcm9wZG93bk1vZHVsZSB9IGZyb20gXCIuLi8uLi9kcm9wZG93bi9wdWJsaWMtYXBpXCI7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW01hcGFEcm9wZG93blRyZWVDb21wb25lbnRdLFxuICBleHBvcnRzOiBbTWFwYURyb3Bkb3duVHJlZUNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBNYXBhRHJvcGRvd25Nb2R1bGUsXG4gICAgTWF0TGlzdE1vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICBdLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IE1hcGFEcm9wZG93blRyZWVDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgTWFwYURyb3Bkb3duVHJlZU1vZHVsZSB7fVxuIl19
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component, Input, ViewEncapsulation, NgModule } from '@angular/core';
|
|
3
|
+
import * as i1 from '@angular/common';
|
|
4
|
+
import { CommonModule } from '@angular/common';
|
|
5
|
+
|
|
6
|
+
class MapaBenchmarkIndicatorComponent {
|
|
7
|
+
}
|
|
8
|
+
MapaBenchmarkIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
+
MapaBenchmarkIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaBenchmarkIndicatorComponent, selector: "mapa-benchmark-indicator", inputs: { item: "item" }, ngImport: i0, template: "<div\n class=\"indicator\"\n [style.backgroundColor]=\"item.classificationColor\"\n>\n <!-- Linhas dos marcadores -->\n <div class=\"indicator__markers\">\n <div\n *ngFor=\"let mark of item.marks\"\n class=\"indicator__marker\"\n [ngStyle]=\"{\n left: mark.value + '%',\n borderLeftColor: mark.color\n }\"\n [title]=\"mark.name + ' (' + mark.value + '%)'\"\n ></div>\n </div>\n</div>\n", styles: [".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{position:absolute;top:0;bottom:0;height:70%;width:0;margin:auto 0;border-left-width:4px;border-left-style:solid}\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:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:Inter,sans-serif;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:Inter,sans-serif;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family: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: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkIndicatorComponent, decorators: [{
|
|
11
|
+
type: Component,
|
|
12
|
+
args: [{ selector: "mapa-benchmark-indicator", template: "<div\n class=\"indicator\"\n [style.backgroundColor]=\"item.classificationColor\"\n>\n <!-- Linhas dos marcadores -->\n <div class=\"indicator__markers\">\n <div\n *ngFor=\"let mark of item.marks\"\n class=\"indicator__marker\"\n [ngStyle]=\"{\n left: mark.value + '%',\n borderLeftColor: mark.color\n }\"\n [title]=\"mark.name + ' (' + mark.value + '%)'\"\n ></div>\n </div>\n</div>\n", styles: [".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{position:absolute;top:0;bottom:0;height:70%;width:0;margin:auto 0;border-left-width:4px;border-left-style:solid}\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:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:Inter,sans-serif;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:Inter,sans-serif;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:Inter,sans-serif;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"] }]
|
|
13
|
+
}], propDecorators: { item: [{
|
|
14
|
+
type: Input
|
|
15
|
+
}] } });
|
|
16
|
+
|
|
17
|
+
class MapaBenchmarkChartComponent {
|
|
18
|
+
constructor() {
|
|
19
|
+
this.scaleLabels = [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100];
|
|
20
|
+
}
|
|
21
|
+
setUnlabeledItem(item) {
|
|
22
|
+
return Object.assign(Object.assign({}, item), { classificationId: item.classificationId, classificationColor: item.classificationColor, interval: item.interval });
|
|
23
|
+
}
|
|
24
|
+
getWidth(item) {
|
|
25
|
+
const minWidth = 0;
|
|
26
|
+
const interval = (item.interval || 0);
|
|
27
|
+
if (interval < 10)
|
|
28
|
+
return minWidth + 'px';
|
|
29
|
+
return interval + '%';
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
MapaBenchmarkChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
33
|
+
MapaBenchmarkChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaBenchmarkChartComponent, selector: "mapa-benchmark-chart", inputs: { data: "data" }, ngImport: i0, template: "<table class=\"indicator-chart\">\n <thead>\n <tr class=\"indicator-chart__head\">\n <th class=\"indicator-chart__column--description\"></th>\n <th class=\"indicator-chart__column indicator-chart__column--right\">\n <div class=\"indicator-chart__scale\">\n <span *ngFor=\"let label of scaleLabels\">{{ label }}</span>\n </div>\n </th>\n </tr>\n </thead>\n <tbody>\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--right\">\n <div class=\"indicator-chart__column--positive\">\n <div class=\"indicator-chart__column-background\">\n <mapa-benchmark-indicator [item]=\"setUnlabeledItem(item)\"\n [style.width]=\"getWidth(item)\"></mapa-benchmark-indicator>\n </div>\n </div>\n </td>\n <td class=\"indicator-chart__column--classification\">\n {{item.interval}} %\n </td>\n </tr>\n </tbody>\n</table>", styles: [".indicator-chart{width:100%;border-collapse:collapse}.indicator-chart__head th{padding:0 0 12px;font-size:12px;font-weight:500;color:#6f6f7b}.indicator-chart__scale{position:relative;display:flex;justify-content:space-between;align-items:center;font-size:12px;text-align:center;color:#6f6f7b}.indicator-chart__scale span{position:relative;padding-top:8px;text-align:end;transform:translate(10px)}.indicator-chart__scale span:first-child{text-align:start;transform:translate(0)}.indicator-chart__scale span:last-child{text-align:start;transform:translate(0)}.indicator-chart__scale span:last-child:before{content:\"\";position:absolute;bottom:-8px;right:0%;width:1px;height:8px;background-color:#dcdcde}.indicator-chart__scale span:before{content:\"\";position:absolute;bottom:-8px;right:50%;width:1px;height:8px;background-color:#dcdcde}.indicator-chart tr:first-child{border-top:unset!important}.indicator-chart tr:last-child{border-bottom:unset!important}.indicator-chart__column{padding:0;font-size:14px!important}.indicator-chart__column--description{padding-right:24px;width:20%!important}.indicator-chart__column--classification{width:2%!important;min-width:50px;text-align:end}.indicator-chart__column-background{width:100%;background:rgb(241,245,249);display:flex;margin:3px 0;border-radius:0 18px 18px 0}.indicator-chart__column--positive{display:flex;border-spacing:0px;padding:8px 0!important;position:relative}.indicator-chart__column--positive .indicator{border-radius:0 18px 18px 0!important;padding:2px!important;justify-content:flex-end!important}.indicator-chart__column--positive .indicator__classification{margin-right:1px!important}.indicator-chart__column--negative{display:flex;justify-content:flex-end;border-spacing:0px;padding:8px 0!important}.indicator-chart__column--negative .indicator{border-radius:18px 0 0 18px!important;justify-content:flex-start!important;padding:2px!important}.indicator-chart__column--negative .indicator__classification{margin-left:1px!important}.indicator-chart__column--left{width:40%;border-bottom:1px solid #dcdcde}.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:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:Inter,sans-serif;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:Inter,sans-serif;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family: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: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: MapaBenchmarkIndicatorComponent, selector: "mapa-benchmark-indicator", inputs: ["item"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkChartComponent, decorators: [{
|
|
35
|
+
type: Component,
|
|
36
|
+
args: [{ selector: "mapa-benchmark-chart", encapsulation: ViewEncapsulation.None, template: "<table class=\"indicator-chart\">\n <thead>\n <tr class=\"indicator-chart__head\">\n <th class=\"indicator-chart__column--description\"></th>\n <th class=\"indicator-chart__column indicator-chart__column--right\">\n <div class=\"indicator-chart__scale\">\n <span *ngFor=\"let label of scaleLabels\">{{ label }}</span>\n </div>\n </th>\n </tr>\n </thead>\n <tbody>\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--right\">\n <div class=\"indicator-chart__column--positive\">\n <div class=\"indicator-chart__column-background\">\n <mapa-benchmark-indicator [item]=\"setUnlabeledItem(item)\"\n [style.width]=\"getWidth(item)\"></mapa-benchmark-indicator>\n </div>\n </div>\n </td>\n <td class=\"indicator-chart__column--classification\">\n {{item.interval}} %\n </td>\n </tr>\n </tbody>\n</table>", styles: [".indicator-chart{width:100%;border-collapse:collapse}.indicator-chart__head th{padding:0 0 12px;font-size:12px;font-weight:500;color:#6f6f7b}.indicator-chart__scale{position:relative;display:flex;justify-content:space-between;align-items:center;font-size:12px;text-align:center;color:#6f6f7b}.indicator-chart__scale span{position:relative;padding-top:8px;text-align:end;transform:translate(10px)}.indicator-chart__scale span:first-child{text-align:start;transform:translate(0)}.indicator-chart__scale span:last-child{text-align:start;transform:translate(0)}.indicator-chart__scale span:last-child:before{content:\"\";position:absolute;bottom:-8px;right:0%;width:1px;height:8px;background-color:#dcdcde}.indicator-chart__scale span:before{content:\"\";position:absolute;bottom:-8px;right:50%;width:1px;height:8px;background-color:#dcdcde}.indicator-chart tr:first-child{border-top:unset!important}.indicator-chart tr:last-child{border-bottom:unset!important}.indicator-chart__column{padding:0;font-size:14px!important}.indicator-chart__column--description{padding-right:24px;width:20%!important}.indicator-chart__column--classification{width:2%!important;min-width:50px;text-align:end}.indicator-chart__column-background{width:100%;background:rgb(241,245,249);display:flex;margin:3px 0;border-radius:0 18px 18px 0}.indicator-chart__column--positive{display:flex;border-spacing:0px;padding:8px 0!important;position:relative}.indicator-chart__column--positive .indicator{border-radius:0 18px 18px 0!important;padding:2px!important;justify-content:flex-end!important}.indicator-chart__column--positive .indicator__classification{margin-right:1px!important}.indicator-chart__column--negative{display:flex;justify-content:flex-end;border-spacing:0px;padding:8px 0!important}.indicator-chart__column--negative .indicator{border-radius:18px 0 0 18px!important;justify-content:flex-start!important;padding:2px!important}.indicator-chart__column--negative .indicator__classification{margin-left:1px!important}.indicator-chart__column--left{width:40%;border-bottom:1px solid #dcdcde}.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:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:Inter,sans-serif;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:Inter,sans-serif;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:Inter,sans-serif;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"] }]
|
|
37
|
+
}], ctorParameters: function () { return []; }, propDecorators: { data: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}] } });
|
|
40
|
+
|
|
41
|
+
class MapaBenchmarkIndicatorModule {
|
|
42
|
+
}
|
|
43
|
+
MapaBenchmarkIndicatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
44
|
+
MapaBenchmarkIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkIndicatorModule, declarations: [MapaBenchmarkIndicatorComponent], imports: [CommonModule], exports: [MapaBenchmarkIndicatorComponent] });
|
|
45
|
+
MapaBenchmarkIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkIndicatorModule, imports: [CommonModule] });
|
|
46
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkIndicatorModule, decorators: [{
|
|
47
|
+
type: NgModule,
|
|
48
|
+
args: [{
|
|
49
|
+
declarations: [MapaBenchmarkIndicatorComponent],
|
|
50
|
+
exports: [MapaBenchmarkIndicatorComponent],
|
|
51
|
+
imports: [CommonModule],
|
|
52
|
+
}]
|
|
53
|
+
}] });
|
|
54
|
+
|
|
55
|
+
class MapaBenchmarkChartModule {
|
|
56
|
+
}
|
|
57
|
+
MapaBenchmarkChartModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
58
|
+
MapaBenchmarkChartModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkChartModule, declarations: [MapaBenchmarkChartComponent], imports: [CommonModule, MapaBenchmarkIndicatorModule], exports: [MapaBenchmarkChartComponent] });
|
|
59
|
+
MapaBenchmarkChartModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkChartModule, imports: [CommonModule, MapaBenchmarkIndicatorModule] });
|
|
60
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkChartModule, decorators: [{
|
|
61
|
+
type: NgModule,
|
|
62
|
+
args: [{
|
|
63
|
+
declarations: [MapaBenchmarkChartComponent],
|
|
64
|
+
exports: [MapaBenchmarkChartComponent],
|
|
65
|
+
imports: [CommonModule, MapaBenchmarkIndicatorModule],
|
|
66
|
+
}]
|
|
67
|
+
}] });
|
|
68
|
+
|
|
69
|
+
/*
|
|
70
|
+
* Public API Surface of mapa-library-ui benchmarking
|
|
71
|
+
*/
|
|
72
|
+
|
|
73
|
+
/*
|
|
74
|
+
* Public API Surface of mapa-library-ui benchmarking
|
|
75
|
+
*/
|
|
76
|
+
|
|
77
|
+
/**
|
|
78
|
+
* Generated bundle index. Do not edit.
|
|
79
|
+
*/
|
|
80
|
+
|
|
81
|
+
export { MapaBenchmarkChartComponent, MapaBenchmarkChartModule, MapaBenchmarkIndicatorComponent, MapaBenchmarkIndicatorModule };
|
|
82
|
+
//# sourceMappingURL=mapa-library-ui-src-lib-components-benchmarking.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mapa-library-ui-src-lib-components-benchmarking.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/benchmarking/src/benchmark-indicator/benchmark-indicator.component.ts","../../../projects/mapa-library-ui/src/lib/components/benchmarking/src/benchmark-indicator/benchmark-indicator.component.html","../../../projects/mapa-library-ui/src/lib/components/benchmarking/src/benchmark-chart.component.ts","../../../projects/mapa-library-ui/src/lib/components/benchmarking/src/benchmark-chart.component.html","../../../projects/mapa-library-ui/src/lib/components/benchmarking/src/benchmark-indicator/benchmark-indicator.module.ts","../../../projects/mapa-library-ui/src/lib/components/benchmarking/src/benchmark-chart.module.ts","../../../projects/mapa-library-ui/src/lib/components/benchmarking/public-api.ts","../../../projects/mapa-library-ui/src/benchmarking.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-benchmarking.ts"],"sourcesContent":["import { Component, Input } from \"@angular/core\";\nimport { BenchmarkingChart } from \"../benchmarking.interface\";\n\n@Component({\n selector: \"mapa-benchmark-indicator\",\n templateUrl: \"./benchmark-indicator.component.html\",\n styleUrls: [\n \"./benchmark-indicator.component.scss\",\n \"./../styles/benchmark.scss\",\n ],\n})\nexport class MapaBenchmarkIndicatorComponent {\n @Input() item!: BenchmarkingChart;\n}\n","<div\n class=\"indicator\"\n [style.backgroundColor]=\"item.classificationColor\"\n>\n <!-- Linhas dos marcadores -->\n <div class=\"indicator__markers\">\n <div\n *ngFor=\"let mark of item.marks\"\n class=\"indicator__marker\"\n [ngStyle]=\"{\n left: mark.value + '%',\n borderLeftColor: mark.color\n }\"\n [title]=\"mark.name + ' (' + mark.value + '%)'\"\n ></div>\n </div>\n</div>\n","import { Component, Input, ViewEncapsulation } from \"@angular/core\";\nimport { BenchmarkingChart } from \"./benchmarking.interface\";\n\n@Component({\n selector: \"mapa-benchmark-chart\",\n templateUrl: \"./benchmark-chart.component.html\",\n styleUrls: [\n \"./benchmark-chart.component.scss\",\n \"./styles/benchmark.scss\",\n ],\n encapsulation: ViewEncapsulation.None\n})\nexport class MapaBenchmarkChartComponent {\n @Input() data!: BenchmarkingChart[];\n public scaleLabels: number[] = [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100];\n\n constructor() {}\n\n public setUnlabeledItem(item: BenchmarkingChart): BenchmarkingChart {\n return {\n ...item,\n classificationId: item.classificationId,\n classificationColor: item.classificationColor,\n interval: item.interval,\n }\n }\n\n public getWidth(item: BenchmarkingChart): string {\n const minWidth = 0;\n const interval = (item.interval || 0);\n if (interval < 10) return minWidth + 'px';\n return interval + '%';\n }\n}\n","<table class=\"indicator-chart\">\n <thead>\n <tr class=\"indicator-chart__head\">\n <th class=\"indicator-chart__column--description\"></th>\n <th class=\"indicator-chart__column indicator-chart__column--right\">\n <div class=\"indicator-chart__scale\">\n <span *ngFor=\"let label of scaleLabels\">{{ label }}</span>\n </div>\n </th>\n </tr>\n </thead>\n <tbody>\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--right\">\n <div class=\"indicator-chart__column--positive\">\n <div class=\"indicator-chart__column-background\">\n <mapa-benchmark-indicator [item]=\"setUnlabeledItem(item)\"\n [style.width]=\"getWidth(item)\"></mapa-benchmark-indicator>\n </div>\n </div>\n </td>\n <td class=\"indicator-chart__column--classification\">\n {{item.interval}} %\n </td>\n </tr>\n </tbody>\n</table>","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { MapaBenchmarkIndicatorComponent } from \"./benchmark-indicator.component\";\n\n@NgModule({\n declarations: [MapaBenchmarkIndicatorComponent],\n exports: [MapaBenchmarkIndicatorComponent],\n imports: [CommonModule],\n})\nexport class MapaBenchmarkIndicatorModule {}\n","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { MapaBenchmarkIndicatorModule } from \"./benchmark-indicator/benchmark-indicator.module\";\nimport { MapaBenchmarkChartComponent } from \"./benchmark-chart.component\";\n\n@NgModule({\n declarations: [MapaBenchmarkChartComponent],\n exports: [MapaBenchmarkChartComponent],\n imports: [CommonModule, MapaBenchmarkIndicatorModule],\n})\nexport class MapaBenchmarkChartModule {}\n","/*\n * Public API Surface of mapa-library-ui benchmarking\n */\n\nexport * from './src/benchmarking.interface';\nexport * from './src/benchmark-chart.component';\nexport * from './src/benchmark-chart.module';\n\nexport * from './src/benchmark-indicator/benchmark-indicator.component';\nexport * from './src/benchmark-indicator/benchmark-indicator.module';\n","/*\n * Public API Surface of mapa-library-ui benchmarking\n */\n\nexport * from './lib/components/benchmarking/public-api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './benchmarking';\n"],"names":["i2.MapaBenchmarkIndicatorComponent"],"mappings":"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"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { EventEmitter, Component, Input, Output, ViewEncapsulation, ViewChild, NgModule } from '@angular/core';
|
|
2
|
+
import { EventEmitter, Component, Input, Output, ViewEncapsulation, ViewChild, NgModule, forwardRef } from '@angular/core';
|
|
3
3
|
import { ReplaySubject } from 'rxjs/internal/ReplaySubject';
|
|
4
4
|
import { Subject } from 'rxjs/internal/Subject';
|
|
5
5
|
import * as i1 from '@angular/common';
|
|
6
6
|
import { CommonModule } from '@angular/common';
|
|
7
7
|
import * as i2 from '@angular/forms';
|
|
8
|
-
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
8
|
+
import { FormsModule, ReactiveFormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
9
9
|
import * as i3 from '@angular/material/checkbox';
|
|
10
10
|
import { MatCheckboxModule } from '@angular/material/checkbox';
|
|
11
11
|
import * as i5 from '@angular/material/icon';
|
|
@@ -19,10 +19,7 @@ import * as i9 from 'ngx-mat-select-search';
|
|
|
19
19
|
import { NgxMatSelectSearchModule } from 'ngx-mat-select-search';
|
|
20
20
|
import { MatListModule } from '@angular/material/list';
|
|
21
21
|
import { MatButtonModule } from '@angular/material/button';
|
|
22
|
-
import {
|
|
23
|
-
import { MatTreeModule } from '@angular/material/tree';
|
|
24
|
-
import { MatAutocompleteModule } from '@angular/material/autocomplete';
|
|
25
|
-
import { MatMenuModule, MAT_MENU_DEFAULT_OPTIONS } from '@angular/material/menu';
|
|
22
|
+
import { timer } from 'rxjs';
|
|
26
23
|
|
|
27
24
|
class ElementBase {
|
|
28
25
|
constructor(options = {}) {
|
|
@@ -351,9 +348,18 @@ class DataFlatNode {
|
|
|
351
348
|
constructor() { }
|
|
352
349
|
}
|
|
353
350
|
class MapaDropdownTreeComponent {
|
|
351
|
+
constructor(cdr) {
|
|
352
|
+
this.cdr = cdr;
|
|
353
|
+
this.showDropdown = false;
|
|
354
|
+
}
|
|
354
355
|
ngOnInit() {
|
|
355
356
|
const options = this.formatTree(this.element.tree);
|
|
356
357
|
this.elementOption = Object.assign(Object.assign({}, this.element), { options });
|
|
358
|
+
this.formControl = this.getFormControl(this.elementOption);
|
|
359
|
+
timer(200).subscribe(() => {
|
|
360
|
+
this.showDropdown = true;
|
|
361
|
+
this.cdr.detectChanges();
|
|
362
|
+
});
|
|
357
363
|
}
|
|
358
364
|
getFormControl(element) {
|
|
359
365
|
return this.formGroup.get(element.key);
|
|
@@ -384,12 +390,12 @@ class MapaDropdownTreeComponent {
|
|
|
384
390
|
return options;
|
|
385
391
|
}
|
|
386
392
|
}
|
|
387
|
-
MapaDropdownTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDropdownTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
388
|
-
MapaDropdownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaDropdownTreeComponent, selector: "mapa-dropdown-tree", inputs: { formGroup: "formGroup", element: "element" }, ngImport: i0, template: "<section [formGroup]=\"formGroup\" *ngIf=\"
|
|
393
|
+
MapaDropdownTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDropdownTreeComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
394
|
+
MapaDropdownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaDropdownTreeComponent, selector: "mapa-dropdown-tree", inputs: { formGroup: "formGroup", element: "element" }, ngImport: i0, template: "<section [formGroup]=\"formGroup\" *ngIf=\"showDropdown\">\n <mapa-dropdown\n [formControl]=\"formControl\"\n [element]=\"elementOption\"\n ></mapa-dropdown>\n</section>\n", styles: [".mapa-dropdown-tree{min-width:235px;max-width:none;width:100%!important;margin-bottom:24px}.mapa-dropdown-tree .mat-select{font-family:Inter,sans-serif!important}.mapa-dropdown-tree__hint{font-size:12px;font-style:normal;font-weight:400;line-height:16px;color:#77838f;margin-bottom:16px}.mapa-dropdown-tree__toggle-all .checklist-leaf-node{padding:16px 0}.mapa-dropdown-tree__label,.mapa-dropdown-tree__checkbox{display:block;font-style:normal;font-weight:400;line-height:16px;width:100%;padding:0 16px}.mapa-dropdown-tree__label div,.mapa-dropdown-tree__checkbox div{width:100%}.mapa-dropdown-tree__label--checked,.mapa-dropdown-tree__checkbox--checked{background:rgba(0,0,0,.12)}.mapa-dropdown-tree__checkbox{font-size:16px;padding:0 16px}.mapa-dropdown-tree__label{padding:0!important;font-size:12px!important;font-weight:600!important;margin-bottom:16px;text-transform:uppercase}.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}.mapa-dropdown-tree__dropdown--value{flex-grow:1;font-family:Inter,sans-serif!important;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:300px}.mapa-dropdown-tree__button{background:#fff;border-top:1px solid #dcdcde!important;color:#ea561d;font-family:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:28px;padding:9px;text-align:left!important;width:100%}.mapa-dropdown-tree__button .mat-button-wrapper{color:#ea561d!important;padding:4px 8px}.mapa-dropdown-tree__search{display:flex;align-items:center;justify-content:flex-start;background:#f6f7f7;width:100%;padding:10px 0 16px 16px!important}.mapa-dropdown-tree__search .mat-input-element{padding:4px 0}.mapa-dropdown-tree__search .mat-form-field{width:94%}.mapa-dropdown-tree__search .mat-form-field-wrapper{padding-bottom:unset!important}.mapa-dropdown-tree__search .mat-form-field-outline{background:white;border-radius:8px}.mapa-dropdown-tree__search .mat-form-field-appearance-outline .mat-form-field-infix{border-top:unset!important;padding:.7em 0 .5em}.mapa-dropdown-tree__clean{background:white;border-top:1px solid #dcdcde;bottom:0%;height:36px;position:absolute;width:100%;z-index:9999}.mapa-dropdown-tree__clean button{text-align:left;height:36px;width:100%}.mapa-dropdown-tree--highlight .mat-form-field-outline{border-radius:16px!important}.mapa-dropdown-tree--highlight .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown-tree--highlight .mat-form-field-outline .mat-form-field-outline-end{border-width:2px!important;border-color:#eedb2a!important}.mapa-dropdown-tree--highlight .mat-form-field-outline .mat-form-field-outline-start{display:none!important}.mapa-dropdown-tree--highlight .mat-form-field-outline .mat-form-field-outline-end{border-radius:16px!important;border-left-style:solid!important}.mapa-dropdown-tree--soft-border .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown-tree--soft-border .mat-form-field-outline .mat-form-field-outline-end{border-width:1px!important}.mapa-dropdown-tree--tag .mat-form-field-outline{border-radius:16px!important;height:42px!important}.mapa-dropdown-tree--tag .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown-tree--tag .mat-form-field-outline .mat-form-field-outline-end{border-width:1px!important;border-color:#cdcdcd}.mapa-dropdown-tree--tag .mat-form-field-outline .mat-form-field-outline-start{display:none!important}.mapa-dropdown-tree--tag .mat-form-field-outline .mat-form-field-outline-end{border-radius:16px!important;border-left-style:solid!important}.mapa-dropdown-tree .mat-form-field-outline{background-color:#fff;border-radius:8px}.mapa-dropdown-tree .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown-tree .mat-form-field-outline .mat-form-field-outline-end{border-width:2px}.mapa-dropdown-tree .mat-form-field-wrapper{padding-bottom:unset!important}.mapa-dropdown-tree .mat-form-field-flex{display:flex;align-items:center;height:48px}.mapa-dropdown-tree .mat-form-field-infix{border-top:unset!important;padding:unset!important;position:relative}.mapa-dropdown-tree .mat-select-trigger{min-width:50px;padding-top:.3em;height:unset!important}.mapa-dropdown-tree .mat-select-value-text{display:block;width:90%}.mapa-dropdown-tree .mat-select-arrow-wrapper{transform:none!important}.mapa-dropdown-tree .mat-select-arrow{border:unset}.mapa-dropdown-tree .mat-select-arrow:before,.mapa-dropdown-tree .mat-select-arrow:after{content:\"\";display:block;margin-top:-4px;position:absolute;right:10px;top:50%;width:0;border:solid black;border-width:0 2px 2px 0;padding:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.mapa-dropdown-tree [aria-expanded=true] .mat-select-arrow{margin:6px 0 0}.mapa-dropdown-tree [aria-expanded=true] .mat-select-arrow:before,.mapa-dropdown-tree [aria-expanded=true] .mat-select-arrow:after{transform:rotate(-135deg)!important;-webkit-transform:rotate(-135deg)!important}.mapa-overlay-dropdown-tree .mat-checkbox-label{color:#77838f!important;font-size:16px!important;font-style:normal;font-weight:400}.mapa-overlay-dropdown-tree .mat-menu-panel{width:100%;max-width:none!important;overflow:hidden}.mapa-overlay-dropdown-tree .mat-input-element{font-family:Inter,sans-serif;font-size:14px}.mapa-overlay-dropdown-tree .mat-menu-content{padding-bottom:unset!important;padding-top:unset!important}.mapa-overlay-dropdown-tree .mat-tree{display:flex;gap:8px;flex-direction:column;max-height:260px;padding-bottom:24px;overflow-y:auto}.mapa-overlay-dropdown-tree .mat-tree-node{color:#50575e!important}.mapa-overlay-dropdown-tree ul{padding-inline-start:20px!important;margin-block-start:0px!important;margin-block-end:0px!important;gap:8px}.mapa-overlay-dropdown-tree .tree-toggle,.mapa-overlay-dropdown-tree .mat-tree .mat-focus-indicator{display:none}.mapa-overlay-dropdown-tree .mat-tree .mat-tree-node{min-height:28px!important;padding:4px 0;flex:unset!important}.mapa-overlay-dropdown-tree .mat-tree .mat-tree-node:hover{background:rgba(0,0,0,.04)}.mapa-overlay-dropdown-tree .mat-select-tree-hide{display:block!important}.mapa-overlay-dropdown-tree .mat-autocomplete-panel .mat-option{padding:unset!important}.mapa-overlay-dropdown-tree .mat-select-panel{border-radius:8px;min-width:calc(100% + 24px)!important}.mapa-overlay-dropdown-tree .mat-select-panel .mat-option,.mapa-overlay-dropdown-tree .mat-select-panel .mat-option-text{font-family:Inter,sans-serif!important;font-size:16px;font-style:normal;font-weight:400;line-height:2em;height:2em;color:#50575e}.mapa-overlay-dropdown-tree .mapa-dropdown__search.mat-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}.mapa-overlay-dropdown-tree .mapa-dropdown__search.mat-option .mat-select-search-inside-mat-option{height:unset!important;line-height:unset!important}.mapa-overlay-dropdown-tree .mapa-dropdown__search.mat-option .mat-select-search-clear{top:-3px!important}.mapa-overlay-dropdown-tree .mapa-dropdown__search.mat-option .mat-select-search-inner{top:8px;border:2px solid #a7aaad;border-radius:8px!important;width:100%!important}.mapa-overlay-dropdown-tree .mapa-dropdown__search.mat-option .mat-select-search-toggle-all-checkbox{padding-left:8px!important}.mapa-overlay-dropdown-tree .mapa-dropdown__search.mat-option .mat-select-search-input{padding:8px 8px 8px 6px!important;height:unset!important;line-height:unset!important}.mapa-overlay-dropdown-tree .mapa-dropdown__search.mat-option .mat-select-search-input::placeholder{color:#c3c4c7!important}.mapa-overlay-dropdown-tree .mapa-dropdown__search .mat-option-text{width:100%}.mapa-overlay-dropdown-tree .mat-pseudo-checkbox{color:#c3c4c7!important}.mapa-overlay-dropdown-tree .mat-checkbox-frame{border-color:#c3c4c7!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: MapaDropdownComponent, selector: "mapa-dropdown", inputs: ["formControl", "formControlSearch", "element", "border"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
389
395
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDropdownTreeComponent, decorators: [{
|
|
390
396
|
type: Component,
|
|
391
|
-
args: [{ selector: 'mapa-dropdown-tree', encapsulation: ViewEncapsulation.None, template: "<section [formGroup]=\"formGroup\" *ngIf=\"
|
|
392
|
-
}], propDecorators: { formGroup: [{
|
|
397
|
+
args: [{ selector: 'mapa-dropdown-tree', encapsulation: ViewEncapsulation.None, template: "<section [formGroup]=\"formGroup\" *ngIf=\"showDropdown\">\n <mapa-dropdown\n [formControl]=\"formControl\"\n [element]=\"elementOption\"\n ></mapa-dropdown>\n</section>\n", styles: [".mapa-dropdown-tree{min-width:235px;max-width:none;width:100%!important;margin-bottom:24px}.mapa-dropdown-tree .mat-select{font-family:Inter,sans-serif!important}.mapa-dropdown-tree__hint{font-size:12px;font-style:normal;font-weight:400;line-height:16px;color:#77838f;margin-bottom:16px}.mapa-dropdown-tree__toggle-all .checklist-leaf-node{padding:16px 0}.mapa-dropdown-tree__label,.mapa-dropdown-tree__checkbox{display:block;font-style:normal;font-weight:400;line-height:16px;width:100%;padding:0 16px}.mapa-dropdown-tree__label div,.mapa-dropdown-tree__checkbox div{width:100%}.mapa-dropdown-tree__label--checked,.mapa-dropdown-tree__checkbox--checked{background:rgba(0,0,0,.12)}.mapa-dropdown-tree__checkbox{font-size:16px;padding:0 16px}.mapa-dropdown-tree__label{padding:0!important;font-size:12px!important;font-weight:600!important;margin-bottom:16px;text-transform:uppercase}.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}.mapa-dropdown-tree__dropdown--value{flex-grow:1;font-family:Inter,sans-serif!important;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:300px}.mapa-dropdown-tree__button{background:#fff;border-top:1px solid #dcdcde!important;color:#ea561d;font-family:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:28px;padding:9px;text-align:left!important;width:100%}.mapa-dropdown-tree__button .mat-button-wrapper{color:#ea561d!important;padding:4px 8px}.mapa-dropdown-tree__search{display:flex;align-items:center;justify-content:flex-start;background:#f6f7f7;width:100%;padding:10px 0 16px 16px!important}.mapa-dropdown-tree__search .mat-input-element{padding:4px 0}.mapa-dropdown-tree__search .mat-form-field{width:94%}.mapa-dropdown-tree__search .mat-form-field-wrapper{padding-bottom:unset!important}.mapa-dropdown-tree__search .mat-form-field-outline{background:white;border-radius:8px}.mapa-dropdown-tree__search .mat-form-field-appearance-outline .mat-form-field-infix{border-top:unset!important;padding:.7em 0 .5em}.mapa-dropdown-tree__clean{background:white;border-top:1px solid #dcdcde;bottom:0%;height:36px;position:absolute;width:100%;z-index:9999}.mapa-dropdown-tree__clean button{text-align:left;height:36px;width:100%}.mapa-dropdown-tree--highlight .mat-form-field-outline{border-radius:16px!important}.mapa-dropdown-tree--highlight .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown-tree--highlight .mat-form-field-outline .mat-form-field-outline-end{border-width:2px!important;border-color:#eedb2a!important}.mapa-dropdown-tree--highlight .mat-form-field-outline .mat-form-field-outline-start{display:none!important}.mapa-dropdown-tree--highlight .mat-form-field-outline .mat-form-field-outline-end{border-radius:16px!important;border-left-style:solid!important}.mapa-dropdown-tree--soft-border .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown-tree--soft-border .mat-form-field-outline .mat-form-field-outline-end{border-width:1px!important}.mapa-dropdown-tree--tag .mat-form-field-outline{border-radius:16px!important;height:42px!important}.mapa-dropdown-tree--tag .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown-tree--tag .mat-form-field-outline .mat-form-field-outline-end{border-width:1px!important;border-color:#cdcdcd}.mapa-dropdown-tree--tag .mat-form-field-outline .mat-form-field-outline-start{display:none!important}.mapa-dropdown-tree--tag .mat-form-field-outline .mat-form-field-outline-end{border-radius:16px!important;border-left-style:solid!important}.mapa-dropdown-tree .mat-form-field-outline{background-color:#fff;border-radius:8px}.mapa-dropdown-tree .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown-tree .mat-form-field-outline .mat-form-field-outline-end{border-width:2px}.mapa-dropdown-tree .mat-form-field-wrapper{padding-bottom:unset!important}.mapa-dropdown-tree .mat-form-field-flex{display:flex;align-items:center;height:48px}.mapa-dropdown-tree .mat-form-field-infix{border-top:unset!important;padding:unset!important;position:relative}.mapa-dropdown-tree .mat-select-trigger{min-width:50px;padding-top:.3em;height:unset!important}.mapa-dropdown-tree .mat-select-value-text{display:block;width:90%}.mapa-dropdown-tree .mat-select-arrow-wrapper{transform:none!important}.mapa-dropdown-tree .mat-select-arrow{border:unset}.mapa-dropdown-tree .mat-select-arrow:before,.mapa-dropdown-tree .mat-select-arrow:after{content:\"\";display:block;margin-top:-4px;position:absolute;right:10px;top:50%;width:0;border:solid black;border-width:0 2px 2px 0;padding:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.mapa-dropdown-tree [aria-expanded=true] .mat-select-arrow{margin:6px 0 0}.mapa-dropdown-tree [aria-expanded=true] .mat-select-arrow:before,.mapa-dropdown-tree [aria-expanded=true] .mat-select-arrow:after{transform:rotate(-135deg)!important;-webkit-transform:rotate(-135deg)!important}.mapa-overlay-dropdown-tree .mat-checkbox-label{color:#77838f!important;font-size:16px!important;font-style:normal;font-weight:400}.mapa-overlay-dropdown-tree .mat-menu-panel{width:100%;max-width:none!important;overflow:hidden}.mapa-overlay-dropdown-tree .mat-input-element{font-family:Inter,sans-serif;font-size:14px}.mapa-overlay-dropdown-tree .mat-menu-content{padding-bottom:unset!important;padding-top:unset!important}.mapa-overlay-dropdown-tree .mat-tree{display:flex;gap:8px;flex-direction:column;max-height:260px;padding-bottom:24px;overflow-y:auto}.mapa-overlay-dropdown-tree .mat-tree-node{color:#50575e!important}.mapa-overlay-dropdown-tree ul{padding-inline-start:20px!important;margin-block-start:0px!important;margin-block-end:0px!important;gap:8px}.mapa-overlay-dropdown-tree .tree-toggle,.mapa-overlay-dropdown-tree .mat-tree .mat-focus-indicator{display:none}.mapa-overlay-dropdown-tree .mat-tree .mat-tree-node{min-height:28px!important;padding:4px 0;flex:unset!important}.mapa-overlay-dropdown-tree .mat-tree .mat-tree-node:hover{background:rgba(0,0,0,.04)}.mapa-overlay-dropdown-tree .mat-select-tree-hide{display:block!important}.mapa-overlay-dropdown-tree .mat-autocomplete-panel .mat-option{padding:unset!important}.mapa-overlay-dropdown-tree .mat-select-panel{border-radius:8px;min-width:calc(100% + 24px)!important}.mapa-overlay-dropdown-tree .mat-select-panel .mat-option,.mapa-overlay-dropdown-tree .mat-select-panel .mat-option-text{font-family:Inter,sans-serif!important;font-size:16px;font-style:normal;font-weight:400;line-height:2em;height:2em;color:#50575e}.mapa-overlay-dropdown-tree .mapa-dropdown__search.mat-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}.mapa-overlay-dropdown-tree .mapa-dropdown__search.mat-option .mat-select-search-inside-mat-option{height:unset!important;line-height:unset!important}.mapa-overlay-dropdown-tree .mapa-dropdown__search.mat-option .mat-select-search-clear{top:-3px!important}.mapa-overlay-dropdown-tree .mapa-dropdown__search.mat-option .mat-select-search-inner{top:8px;border:2px solid #a7aaad;border-radius:8px!important;width:100%!important}.mapa-overlay-dropdown-tree .mapa-dropdown__search.mat-option .mat-select-search-toggle-all-checkbox{padding-left:8px!important}.mapa-overlay-dropdown-tree .mapa-dropdown__search.mat-option .mat-select-search-input{padding:8px 8px 8px 6px!important;height:unset!important;line-height:unset!important}.mapa-overlay-dropdown-tree .mapa-dropdown__search.mat-option .mat-select-search-input::placeholder{color:#c3c4c7!important}.mapa-overlay-dropdown-tree .mapa-dropdown__search .mat-option-text{width:100%}.mapa-overlay-dropdown-tree .mat-pseudo-checkbox{color:#c3c4c7!important}.mapa-overlay-dropdown-tree .mat-checkbox-frame{border-color:#c3c4c7!important}\n"] }]
|
|
398
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { formGroup: [{
|
|
393
399
|
type: Input
|
|
394
400
|
}], element: [{
|
|
395
401
|
type: Input
|
|
@@ -401,40 +407,21 @@ MapaDropdownTreeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", v
|
|
|
401
407
|
MapaDropdownTreeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaDropdownTreeModule, declarations: [MapaDropdownTreeComponent], imports: [CommonModule,
|
|
402
408
|
FormsModule,
|
|
403
409
|
ReactiveFormsModule,
|
|
404
|
-
MatButtonModule,
|
|
405
|
-
MapaButtonModule,
|
|
406
410
|
MapaDropdownModule,
|
|
407
411
|
MatListModule,
|
|
408
|
-
MatIconModule,
|
|
409
|
-
MatInputModule,
|
|
410
|
-
MatSelectModule,
|
|
411
|
-
MatTreeModule,
|
|
412
|
-
MatCheckboxModule,
|
|
413
|
-
MatAutocompleteModule,
|
|
414
|
-
MatMenuModule], exports: [MapaDropdownTreeComponent] });
|
|
412
|
+
MatIconModule], exports: [MapaDropdownTreeComponent] });
|
|
415
413
|
MapaDropdownTreeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDropdownTreeModule, providers: [
|
|
416
414
|
{
|
|
417
|
-
provide:
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
{
|
|
421
|
-
provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,
|
|
422
|
-
useValue: { appearance: "outline" },
|
|
415
|
+
provide: NG_VALUE_ACCESSOR,
|
|
416
|
+
useExisting: forwardRef(() => MapaDropdownTreeComponent),
|
|
417
|
+
multi: true,
|
|
423
418
|
},
|
|
424
419
|
], imports: [CommonModule,
|
|
425
420
|
FormsModule,
|
|
426
421
|
ReactiveFormsModule,
|
|
427
|
-
MatButtonModule,
|
|
428
|
-
MapaButtonModule,
|
|
429
422
|
MapaDropdownModule,
|
|
430
423
|
MatListModule,
|
|
431
|
-
MatIconModule
|
|
432
|
-
MatInputModule,
|
|
433
|
-
MatSelectModule,
|
|
434
|
-
MatTreeModule,
|
|
435
|
-
MatCheckboxModule,
|
|
436
|
-
MatAutocompleteModule,
|
|
437
|
-
MatMenuModule] });
|
|
424
|
+
MatIconModule] });
|
|
438
425
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDropdownTreeModule, decorators: [{
|
|
439
426
|
type: NgModule,
|
|
440
427
|
args: [{
|
|
@@ -444,26 +431,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
444
431
|
CommonModule,
|
|
445
432
|
FormsModule,
|
|
446
433
|
ReactiveFormsModule,
|
|
447
|
-
MatButtonModule,
|
|
448
|
-
MapaButtonModule,
|
|
449
434
|
MapaDropdownModule,
|
|
450
435
|
MatListModule,
|
|
451
436
|
MatIconModule,
|
|
452
|
-
MatInputModule,
|
|
453
|
-
MatSelectModule,
|
|
454
|
-
MatTreeModule,
|
|
455
|
-
MatCheckboxModule,
|
|
456
|
-
MatAutocompleteModule,
|
|
457
|
-
MatMenuModule,
|
|
458
437
|
],
|
|
459
438
|
providers: [
|
|
460
439
|
{
|
|
461
|
-
provide:
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
{
|
|
465
|
-
provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,
|
|
466
|
-
useValue: { appearance: "outline" },
|
|
440
|
+
provide: NG_VALUE_ACCESSOR,
|
|
441
|
+
useExisting: forwardRef(() => MapaDropdownTreeComponent),
|
|
442
|
+
multi: true,
|
|
467
443
|
},
|
|
468
444
|
],
|
|
469
445
|
}]
|