mapa-library-ui 0.68.0 → 0.70.0

package/fesm2015/mapa-library-ui-src-lib-components-datepicker.mjs

@@ -0,0 +1,121 @@
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, Input, NgModule } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { UntypedFormGroup, UntypedFormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import moment from 'moment';
+import * as i2 from 'ngx-mask';
+import { NgxMaskDirective, NgxMaskPipe, provideNgxMask } from 'ngx-mask';
+import * as i3 from '@angular/material/datepicker';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import * as i4 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i5 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i6 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import { CommonModule } from '@angular/common';
+import { MapaFormModule } from 'mapa-library-ui/src/lib/components/form';
+import { MatNativeDateModule, MAT_DATE_FORMATS } from '@angular/material/core';
+
+class DatepickerComponent {
+    constructor() {
+        this.startDate = moment().subtract(60, "days").startOf("day").format("DD/MM/YYYY");
+        this.endDate = moment().endOf("day").format("DD/MM/YYYY");
+        this.formDatepicker = new UntypedFormGroup({
+            startDate: new UntypedFormControl(null),
+            endDate: new UntypedFormControl(null),
+        });
+    }
+    onDateSelected() {
+        const form = this.formDatepicker.getRawValue();
+        if (form.startDate !== null && form.endDate !== null) {
+            this.formGroup.patchValue({
+                startDate: moment(form.startDate).format("DD/MM/YYYY") || undefined,
+                endDate: moment(form.endDate).format("DD/MM/YYYY") || undefined,
+            });
+        }
+    }
+    cleanDatepicker() {
+        this.formGroup.patchValue({
+            startDate: moment().subtract(60, "days").startOf("day") || undefined,
+            endDate: moment().endOf("day") || undefined,
+        });
+    }
+}
+DatepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DatepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DatepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DatepickerComponent, selector: "mapa-datepicker", inputs: { formGroup: "formGroup" }, ngImport: i0, template: "<section\n  class=\"mapa__datepicker\"\n  [formGroup]=\"formGroup\"\n>\n  <mat-form-field appearance=\"standard\" class=\"mapa__datepicker--start-date\">\n    <input\n      matInput\n      formControlName=\"startDate\"\n      placeholder=\"Data inicial\"\n      mask=\"00/00/0000\"\n    />\n  </mat-form-field>\n  <div class=\"mapa__datepicker--divider\">\u2013</div>\n  <mat-form-field appearance=\"standard\" class=\"mapa__datepicker--end-date\">\n    <input\n      matInput\n      formControlName=\"endDate\"\n      placeholder=\"Data final\"\n      mask=\"00/00/0000\"\n    />\n    <mat-icon matSuffix (click)=\"cleanDatepicker()\">close</mat-icon>\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\n        matStartDate\n        formControlName=\"startDate\"\n        (ngModelChange)=\"onDateSelected()\"\n      />\n      <input\n        matEndDate\n        formControlName=\"endDate\"\n        (ngModelChange)=\"onDateSelected()\"\n      />\n    </mat-date-range-input>\n  </mat-form-field>\n</section>\n", styles: [".mat-form-field-type-mat-date-range-input .mat-form-field-appearance-outline{background-color:#fff}.mat-form-field-type-mat-date-range-input .mat-form-field-appearance-outline .mat-form-field-flex{height:44px!important}.mapa__datepicker{display:flex;align-items:center;justify-content:flex-start;border:2px solid #a7aaad;border-radius:8px;padding:8px 16px;height:44px;width:min-content}.mapa__datepicker--start-date,.mapa__datepicker--start-date .mat-input-element,.mapa__datepicker--start-date .mat-form-field-flex{width:90px!important}.mapa__datepicker--start-date .mat-form-field-underline{bottom:-4px;background-color:unset!important;width:94px}.mapa__datepicker--end-date,.mapa__datepicker--end-date .mat-input-element,.mapa__datepicker--end-date .mat-form-field-flex{min-width:130px!important}.mapa__datepicker--end-date .mat-form-field-underline{bottom:5px;background-color:unset!important;width:94px}.mapa__datepicker--divider{margin:0 8px}.mapa__datepicker .mat-form-field-suffix{display:flex;align-items:center}.mapa__datepicker .mat-form-field-flex{padding:unset!important;align-items:center!important}.mapa__datepicker .mat-form-field-infix{border-top:unset!important;min-height:unset!important}.mapa__datepicker .mat-form-field-wrapper{padding-bottom:unset!important}.mapa__datepicker .mat-form-field-subscript-wrapper,.mapa--hidden{display:none}\n"], dependencies: [{ kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "component", type: i3.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i3.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i3.MatStartDate, selector: "input[matStartDate]", inputs: ["errorStateMatcher"], outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i3.MatEndDate, selector: "input[matEndDate]", inputs: ["errorStateMatcher"], outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i3.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix]" }, { 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"], exportAs: ["matInput"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DatepickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "mapa-datepicker", encapsulation: ViewEncapsulation.None, template: "<section\n  class=\"mapa__datepicker\"\n  [formGroup]=\"formGroup\"\n>\n  <mat-form-field appearance=\"standard\" class=\"mapa__datepicker--start-date\">\n    <input\n      matInput\n      formControlName=\"startDate\"\n      placeholder=\"Data inicial\"\n      mask=\"00/00/0000\"\n    />\n  </mat-form-field>\n  <div class=\"mapa__datepicker--divider\">\u2013</div>\n  <mat-form-field appearance=\"standard\" class=\"mapa__datepicker--end-date\">\n    <input\n      matInput\n      formControlName=\"endDate\"\n      placeholder=\"Data final\"\n      mask=\"00/00/0000\"\n    />\n    <mat-icon matSuffix (click)=\"cleanDatepicker()\">close</mat-icon>\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\n        matStartDate\n        formControlName=\"startDate\"\n        (ngModelChange)=\"onDateSelected()\"\n      />\n      <input\n        matEndDate\n        formControlName=\"endDate\"\n        (ngModelChange)=\"onDateSelected()\"\n      />\n    </mat-date-range-input>\n  </mat-form-field>\n</section>\n", styles: [".mat-form-field-type-mat-date-range-input .mat-form-field-appearance-outline{background-color:#fff}.mat-form-field-type-mat-date-range-input .mat-form-field-appearance-outline .mat-form-field-flex{height:44px!important}.mapa__datepicker{display:flex;align-items:center;justify-content:flex-start;border:2px solid #a7aaad;border-radius:8px;padding:8px 16px;height:44px;width:min-content}.mapa__datepicker--start-date,.mapa__datepicker--start-date .mat-input-element,.mapa__datepicker--start-date .mat-form-field-flex{width:90px!important}.mapa__datepicker--start-date .mat-form-field-underline{bottom:-4px;background-color:unset!important;width:94px}.mapa__datepicker--end-date,.mapa__datepicker--end-date .mat-input-element,.mapa__datepicker--end-date .mat-form-field-flex{min-width:130px!important}.mapa__datepicker--end-date .mat-form-field-underline{bottom:5px;background-color:unset!important;width:94px}.mapa__datepicker--divider{margin:0 8px}.mapa__datepicker .mat-form-field-suffix{display:flex;align-items:center}.mapa__datepicker .mat-form-field-flex{padding:unset!important;align-items:center!important}.mapa__datepicker .mat-form-field-infix{border-top:unset!important;min-height:unset!important}.mapa__datepicker .mat-form-field-wrapper{padding-bottom:unset!important}.mapa__datepicker .mat-form-field-subscript-wrapper,.mapa--hidden{display:none}\n"] }]
+        }], propDecorators: { formGroup: [{
+                type: Input
+            }] } });
+
+const MAPA = [MapaFormModule];
+const MATERIAL = [
+    MatNativeDateModule,
+    MatDatepickerModule,
+    MatInputModule,
+    MatFormFieldModule,
+    MatIconModule,
+];
+const MY_DATE_FORMATS = {
+    parse: {
+        dateInput: 'DD/MM/YYYY', // Format for parsing user input
+    },
+    display: {
+        dateInput: 'DD/MM/YYYY',
+        monthYearLabel: 'MMM YYYY',
+        dateA11yLabel: 'LL',
+        monthYearA11yLabel: 'MMMM YYYY', // Format for month/year accessibility labels
+    },
+};
+class MapaDatepickerModule {
+}
+MapaDatepickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MapaDatepickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaDatepickerModule, declarations: [DatepickerComponent], imports: [CommonModule,
+        FormsModule,
+        ReactiveFormsModule,
+        NgxMaskDirective,
+        NgxMaskPipe, MapaFormModule, MatNativeDateModule,
+        MatDatepickerModule,
+        MatInputModule,
+        MatFormFieldModule,
+        MatIconModule], exports: [DatepickerComponent] });
+MapaDatepickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDatepickerModule, providers: [
+        provideNgxMask(),
+        { provide: MAT_DATE_FORMATS, useValue: MY_DATE_FORMATS },
+    ], imports: [CommonModule,
+        FormsModule,
+        ReactiveFormsModule, MAPA, MATERIAL] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDatepickerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [DatepickerComponent],
+                    exports: [DatepickerComponent],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        NgxMaskDirective,
+                        NgxMaskPipe,
+                        ...MAPA,
+                        ...MATERIAL,
+                    ],
+                    providers: [
+                        provideNgxMask(),
+                        { provide: MAT_DATE_FORMATS, useValue: MY_DATE_FORMATS },
+                    ],
+                }]
+        }] });
+
+/*
+ * Public API Surface of mapa-library-ui datepicker
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DatepickerComponent, MY_DATE_FORMATS, MapaDatepickerModule };
+//# sourceMappingURL=mapa-library-ui-src-lib-components-datepicker.mjs.map

package/fesm2015/mapa-library-ui-src-lib-components-datepicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapa-library-ui-src-lib-components-datepicker.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/datepicker/src/datepicker.component.ts","../../../projects/mapa-library-ui/src/lib/components/datepicker/src/datepicker.component.html","../../../projects/mapa-library-ui/src/lib/components/datepicker/src/datepicker.module.ts","../../../projects/mapa-library-ui/src/lib/components/datepicker/public-api.ts","../../../projects/mapa-library-ui/src/lib/components/datepicker/mapa-library-ui-src-lib-components-datepicker.ts"],"sourcesContent":["import { Component, Input, ViewEncapsulation } from \"@angular/core\";\nimport {\n  FormGroup,\n  UntypedFormControl,\n  UntypedFormGroup,\n} from \"@angular/forms\";\nimport moment from \"moment\";\n\n@Component({\n  selector: \"mapa-datepicker\",\n  templateUrl: \"./datepicker.component.html\",\n  styleUrls: [\"./datepicker.component.scss\"],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class DatepickerComponent {\n  @Input() formGroup!: FormGroup;\n\n  startDate = moment().subtract(60, \"days\").startOf(\"day\").format(\"DD/MM/YYYY\");\n  endDate = moment().endOf(\"day\").format(\"DD/MM/YYYY\");\n\n  formDatepicker: UntypedFormGroup = new UntypedFormGroup({\n    startDate: new UntypedFormControl(null),\n    endDate: new UntypedFormControl(null),\n  });\n\n  onDateSelected() {\n    const form = this.formDatepicker.getRawValue();\n    if (form.startDate !== null && form.endDate !== null) {\n      this.formGroup.patchValue({\n        startDate: moment(form.startDate).format(\"DD/MM/YYYY\") || undefined,\n        endDate: moment(form.endDate).format(\"DD/MM/YYYY\") || undefined,\n      });\n    }\n  }\n\n  cleanDatepicker() {\n    this.formGroup.patchValue({\n      startDate: moment().subtract(60, \"days\").startOf(\"day\") || undefined,\n      endDate: moment().endOf(\"day\") || undefined,\n    });\n  }\n}\n","<section\n  class=\"mapa__datepicker\"\n  [formGroup]=\"formGroup\"\n>\n  <mat-form-field appearance=\"standard\" class=\"mapa__datepicker--start-date\">\n    <input\n      matInput\n      formControlName=\"startDate\"\n      placeholder=\"Data inicial\"\n      mask=\"00/00/0000\"\n    />\n  </mat-form-field>\n  <div class=\"mapa__datepicker--divider\">–</div>\n  <mat-form-field appearance=\"standard\" class=\"mapa__datepicker--end-date\">\n    <input\n      matInput\n      formControlName=\"endDate\"\n      placeholder=\"Data final\"\n      mask=\"00/00/0000\"\n    />\n    <mat-icon matSuffix (click)=\"cleanDatepicker()\">close</mat-icon>\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\n        matStartDate\n        formControlName=\"startDate\"\n        (ngModelChange)=\"onDateSelected()\"\n      />\n      <input\n        matEndDate\n        formControlName=\"endDate\"\n        (ngModelChange)=\"onDateSelected()\"\n      />\n    </mat-date-range-input>\n  </mat-form-field>\n</section>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { DatepickerComponent } from './datepicker.component';\nimport { NgxMaskDirective, NgxMaskPipe, provideNgxMask } from 'ngx-mask';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\nimport { MapaFormModule } from 'mapa-library-ui/src/lib/components/form';\nimport { MAT_DATE_FORMATS, MatNativeDateModule } from '@angular/material/core';\n\nconst MAPA = [MapaFormModule];\n\nconst MATERIAL = [\n  MatNativeDateModule,\n  MatDatepickerModule,\n  MatInputModule,\n  MatFormFieldModule,\n  MatIconModule,\n];\n\nexport const MY_DATE_FORMATS = {\n  parse: {\n    dateInput: 'DD/MM/YYYY', // Format for parsing user input\n  },\n  display: {\n    dateInput: 'DD/MM/YYYY', // Format for displaying in the input field\n    monthYearLabel: 'MMM YYYY', // Format for the month/year label in the calendar\n    dateA11yLabel: 'LL', // Format for accessibility labels\n    monthYearA11yLabel: 'MMMM YYYY', // Format for month/year accessibility labels\n  },\n};\n\n@NgModule({\n  declarations: [DatepickerComponent],\n  exports: [DatepickerComponent],\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    NgxMaskDirective,\n    NgxMaskPipe,\n    ...MAPA,\n    ...MATERIAL,\n  ],\n  providers: [\n    provideNgxMask(),\n    { provide: MAT_DATE_FORMATS, useValue: MY_DATE_FORMATS },\n  ],\n})\nexport class MapaDatepickerModule {}\n","/*\n * Public API Surface of mapa-library-ui datepicker\n */\n\nexport * from './src/datepicker.component';\nexport * from './src/datepicker.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/mapa-library-ui-src-lib-components-dropdown-tree.mjs

@@ -411,7 +411,7 @@ class MapaDropdownTreeComponent {
         /** A selected parent node to be inserted */
         this.selectedParent = null;
         /** The new item's name */
-        this.newItemName = "";
+        this.newItemName = '';
         /** The selection for checklist */
         this.checklistSelection = new SelectionModel(true);
         /// Filtering
@@ -421,7 +421,7 @@ class MapaDropdownTreeComponent {
         this.isExpandable = (node) => node.expandable;
         this.getChildren = (node) => node.children;
         this.hasChild = (_, _nodeData) => _nodeData.expandable;
-        this.hasNoContent = (_, _nodeData) => _nodeData.value === "";
+        this.hasNoContent = (_, _nodeData) => _nodeData.value === '';
         /**
          * Transformer to convert nested node to flat node. Record the nodes in maps for later use.
          */
@@ -451,22 +451,39 @@ class MapaDropdownTreeComponent {
         });
         this.checklistSelection.changed.subscribe((selection) => {
             var _a;
-            (_a = this.formGroup.get(this.element.key)) === null || _a === void 0 ? void 0 : _a.patchValue(selection.source.selected.map((checked) => {
-                return { value: checked.value, key: checked.key };
-            }), { emitEvent: false });
+            if (selection.source.selected.length > 0) {
+                (_a = this.formGroup.get(this.element.key)) === null || _a === void 0 ? void 0 : _a.patchValue(this.element.multiple
+                    ? selection.source.selected.map((checked) => {
+                        return { value: checked.value, key: checked.key };
+                    })
+                    : {
+                        value: selection.source.selected[0].value,
+                        key: selection.source.selected[0].key,
+                    }, { emitEvent: false });
+            }
         });
         (_a = this.formGroup.get(this.element.key)) === null || _a === void 0 ? void 0 : _a.valueChanges.subscribe((value) => {
-            const allValuesKeys = value.map((item) => item.key);
-            this.treeControl.dataNodes.map((node) => {
-                if (allValuesKeys.includes(node.key)) {
-                    if (this.element.multiple && node.level === 0) {
-                        this.todoItemSelectionToggle(node);
-                    }
-                    else {
-                        this.todoLeafItemSelectionToggle(node);
-                    }
+            var _a;
+            if (value) {
+                if (this.element.multiple) {
+                    const allValuesKeys = this.element.multiple
+                        ? value.map((item) => item.key)
+                        : [value.key];
+                    this.treeControl.dataNodes.map((node) => {
+                        if (allValuesKeys.includes(node.key)) {
+                            if (this.element.multiple && node.level === 0) {
+                                this.todoItemSelectionToggle(node);
+                            }
+                            else {
+                                this.todoLeafItemSelectionToggle(node);
+                            }
+                        }
+                    });
                 }
-            });
+                else {
+                    this.selectSingleItem((_a = this.treeControl.dataNodes) === null || _a === void 0 ? void 0 : _a.find((node) => node.key === value.key));
+                }
+            }
         });
     }
     ngAfterViewInit() {
@@ -493,10 +510,15 @@ class MapaDropdownTreeComponent {
         });
     }
     clearAll() {
-        var _a;
+        var _a, _b;
         this.checklistSelection.clear();
-        (_a = this.formGroup.get(this.element.key)) === null || _a === void 0 ? void 0 : _a.patchValue([]);
-        this.toggleAllCheckbox.checked = false;
+        if (this.element.multiple) {
+            (_a = this.formGroup.get(this.element.key)) === null || _a === void 0 ? void 0 : _a.patchValue([]);
+            this.toggleAllCheckbox.checked = false;
+        }
+        else {
+            (_b = this.formGroup.get(this.element.key)) === null || _b === void 0 ? void 0 : _b.patchValue(null);
+        }
     }
     onPanelChange() {
         this.isMenuExpanded = !this.isMenuExpanded;
@@ -584,12 +606,12 @@ class MapaDropdownTreeComponent {
     }
     getSelectedItems() {
         if (!this.checklistSelection.selected.length)
-            return this.element.placeholder || "";
+            return this.element.placeholder || '';
         return this.checklistSelection.selected
             .map((s) => s.value)
-            .join(",")
+            .join(',')
             .toString()
-            .replace(/\,/g, ", ");
+            .replace(/\,/g, ', ');
     }
     filterChanged(event) {
         var _a;
@@ -599,15 +621,15 @@ class MapaDropdownTreeComponent {
     }
     clearSearchValue() {
         var _a, _b;
-        (_b = (_a = this.element.search) === null || _a === void 0 ? void 0 : _a.formControl) === null || _b === void 0 ? void 0 : _b.setValue("");
-        this._database.filter("");
+        (_b = (_a = this.element.search) === null || _a === void 0 ? void 0 : _a.formControl) === null || _b === void 0 ? void 0 : _b.setValue('');
+        this._database.filter('');
     }
     selectSingleItem(node) {
         var _a;
         this.checklistSelection.clear();
         this.checklistSelection.select(node);
         (_a = this.formGroup
-            .get(this.element.key)) === null || _a === void 0 ? void 0 : _a.patchValue({ value: node.value, key: node.key });
+            .get(this.element.key)) === null || _a === void 0 ? void 0 : _a.patchValue({ value: node.value, key: node.key }, { emitEvent: false });
         this.trigger.closeMenu();
     }
     hasValue() {
@@ -629,23 +651,23 @@ MapaDropdownTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0"
 MapaDropdownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaDropdownTreeComponent, selector: "mapa-dropdown-tree", inputs: { formGroup: "formGroup", element: "element" }, viewQueries: [{ propertyName: "autocomplete", first: true, predicate: ["auto"], descendants: true }, { propertyName: "tree", first: true, predicate: ["tree"], descendants: true }, { propertyName: "trigger", first: true, predicate: MatMenuTrigger, descendants: true }, { propertyName: "toggleAllCheckbox", first: true, predicate: ["toggleAllCheckbox"], descendants: true }], ngImport: i0, template: "<form\n  [formGroup]=\"formGroup\"\n  *ngIf=\"formGroup && element\"\n  class=\"mapa-dropdown-tree\"\n>\n  <label *ngIf=\"element.label\" class=\"mapa-dropdown-tree__label\">\n    {{ element.label }}\n  </label>\n  <button\n    class=\"mapa-dropdown-tree__dropdown\"\n    #menuOption=\"matMenuTrigger\"\n    [matMenuTriggerFor]=\"menu\"\n  >\n    <div class=\"mapa-dropdown-tree__dropdown--value\">\n      {{ getSelectedItems() }}\n    </div>\n\n    <mat-icon *ngIf=\"hasValue()\" (click)=\"clearValue($event)\" matSuffix\n      >close</mat-icon\n    >\n    <mat-icon>\n      {{ menuOption.menuOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down' }}\n    </mat-icon>\n  </button>\n  <mat-menu #menu=\"matMenu\">\n    <div (click)=\"$event.stopPropagation()\">\n      <div class=\"mapa-dropdown-tree__search\" *ngIf=\"element.search\">\n        <mat-form-field appearance=\"outline\">\n          <input\n            matInput\n            #searchInput\n            [formControl]=\"element.search?.formControl!\"\n            [placeholder]=\"element.search?.placeholder || ''\"\n            (keydown)=\"$event.stopPropagation()\"\n            (keyup)=\"filterChanged($event)\"\n          />\n          <mat-icon\n            *ngIf=\"!!element.search?.formControl?.value && !element.search?.formControl?.disabled\"\n            (click)=\"clearSearchValue()\"\n            matSuffix\n            >close</mat-icon\n          >\n        </mat-form-field>\n      </div>\n      <section [formGroup]=\"formGroup\">\n        <label\n          *ngIf=\"element.multiple === true\"\n          class=\"mapa-dropdown-tree__toggle-all mapa-dropdown-tree__checkbox\"\n        >\n          <mat-checkbox\n            #toggleAllCheckbox\n            class=\"checklist-leaf-node\"\n            (change)=\"toggleAll($event)\"\n            [checked]=\"isAllNodeSelected()\"\n            [indeterminate]=\"!isAllNodeSelected() && checklistSelection.hasValue()\"\n            color=\"accent\"\n            >Selecionar todos</mat-checkbox\n          >\n        </label>\n\n        <mat-tree [dataSource]=\"dataSource\" [treeControl]=\"treeControl\">\n          <mat-tree-node\n            *matTreeNodeDef=\"let node\"\n            matTreeNodePadding\n            matTreeNodePaddingIndent=\"13\"\n            [class.mapa-dropdown-tree__checkbox--checked]=\"checklistSelection.isSelected(node)\"\n          >\n            <label class=\"mapa-dropdown-tree__checkbox\">\n              <button mat-icon-button disabled></button>\n              <!-- LEAF CHECKBOX -->\n              <mat-checkbox\n                *ngIf=\"element.multiple === true; else noCheckbox\"\n                class=\"checklist-leaf-node\"\n                [checked]=\"checklistSelection.isSelected(node)\"\n                (change)=\"todoLeafItemSelectionToggle(node)\"\n                color=\"accent\"\n                >{{node.value}}</mat-checkbox\n              >\n              <ng-template #noCheckbox>\n                <div (click)=\"selectSingleItem(node)\">\n                  {{node.value}}\n                </div>\n              </ng-template>\n            </label>\n          </mat-tree-node>\n\n          <mat-tree-node\n            *matTreeNodeDef=\"let node; when: hasChild\"\n            matTreeNodePadding\n            matTreeNodePaddingIndent=\"13\"\n            [class.mapa-dropdown-tree__checkbox--checked]=\"checklistSelection.isSelected(node)\"\n          >\n            <label class=\"mapa-dropdown-tree__checkbox\">\n              <!-- <button\n                mat-icon-button\n                matTreeNodeToggle\n                [attr.aria-label]=\"'toggle ' + node.filename\"\n              >\n                <mat-icon class=\"mat-icon-rtl-mirror\">\n                  {{treeControl.isExpanded(node) ? 'expand_more' :\n                  'chevron_right'}}\n                </mat-icon>\n              </button> -->\n              <!-- [checked]=\"descendantsAllSelected(node)\" -->\n              <!-- PARENT CHECKBOX -->\n              <mat-checkbox\n                *ngIf=\"element.multiple === true; else noCheckbox\"\n                [checked]=\"checklistSelection.isSelected(node)\"\n                [indeterminate]=\"descendantsPartiallySelected(node)\"\n                (change)=\"todoItemSelectionToggle(node)\"\n                color=\"accent\"\n              >\n                {{node.value}}</mat-checkbox\n              >\n              <ng-template #noCheckbox>\n                <div (click)=\"selectSingleItem(node)\">\n                  {{node.value}}\n                </div>\n              </ng-template>\n            </label>\n          </mat-tree-node>\n        </mat-tree>\n      </section>\n      <button\n        *ngIf=\"element.multiple === true\"\n        mat-button\n        class=\"mapa-dropdown-tree__button\"\n        color=\"primary\"\n        (click)=\"clearAll()\"\n      >\n        Limpar todos\n      </button>\n    </div>\n  </mat-menu>\n</form>\n", styles: [".mapa-dropdown-tree{min-width:235px;max-width:none;width:100%!important}.mapa-dropdown-tree .mat-select{font-family:Inter,sans-serif!important}.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:24px}.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: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i4$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i7$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i8$1.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i8$1.MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { kind: "component", type: i8$1.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i8$1.MatTreeNode, selector: "mat-tree-node", inputs: ["role", "disabled", "tabIndex"], exportAs: ["matTreeNode"] }, { kind: "component", type: i9.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i10.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "directive", type: i10.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDropdownTreeComponent, decorators: [{
             type: Component,
-            args: [{ selector: "mapa-dropdown-tree", encapsulation: ViewEncapsulation.None, template: "<form\n  [formGroup]=\"formGroup\"\n  *ngIf=\"formGroup && element\"\n  class=\"mapa-dropdown-tree\"\n>\n  <label *ngIf=\"element.label\" class=\"mapa-dropdown-tree__label\">\n    {{ element.label }}\n  </label>\n  <button\n    class=\"mapa-dropdown-tree__dropdown\"\n    #menuOption=\"matMenuTrigger\"\n    [matMenuTriggerFor]=\"menu\"\n  >\n    <div class=\"mapa-dropdown-tree__dropdown--value\">\n      {{ getSelectedItems() }}\n    </div>\n\n    <mat-icon *ngIf=\"hasValue()\" (click)=\"clearValue($event)\" matSuffix\n      >close</mat-icon\n    >\n    <mat-icon>\n      {{ menuOption.menuOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down' }}\n    </mat-icon>\n  </button>\n  <mat-menu #menu=\"matMenu\">\n    <div (click)=\"$event.stopPropagation()\">\n      <div class=\"mapa-dropdown-tree__search\" *ngIf=\"element.search\">\n        <mat-form-field appearance=\"outline\">\n          <input\n            matInput\n            #searchInput\n            [formControl]=\"element.search?.formControl!\"\n            [placeholder]=\"element.search?.placeholder || ''\"\n            (keydown)=\"$event.stopPropagation()\"\n            (keyup)=\"filterChanged($event)\"\n          />\n          <mat-icon\n            *ngIf=\"!!element.search?.formControl?.value && !element.search?.formControl?.disabled\"\n            (click)=\"clearSearchValue()\"\n            matSuffix\n            >close</mat-icon\n          >\n        </mat-form-field>\n      </div>\n      <section [formGroup]=\"formGroup\">\n        <label\n          *ngIf=\"element.multiple === true\"\n          class=\"mapa-dropdown-tree__toggle-all mapa-dropdown-tree__checkbox\"\n        >\n          <mat-checkbox\n            #toggleAllCheckbox\n            class=\"checklist-leaf-node\"\n            (change)=\"toggleAll($event)\"\n            [checked]=\"isAllNodeSelected()\"\n            [indeterminate]=\"!isAllNodeSelected() && checklistSelection.hasValue()\"\n            color=\"accent\"\n            >Selecionar todos</mat-checkbox\n          >\n        </label>\n\n        <mat-tree [dataSource]=\"dataSource\" [treeControl]=\"treeControl\">\n          <mat-tree-node\n            *matTreeNodeDef=\"let node\"\n            matTreeNodePadding\n            matTreeNodePaddingIndent=\"13\"\n            [class.mapa-dropdown-tree__checkbox--checked]=\"checklistSelection.isSelected(node)\"\n          >\n            <label class=\"mapa-dropdown-tree__checkbox\">\n              <button mat-icon-button disabled></button>\n              <!-- LEAF CHECKBOX -->\n              <mat-checkbox\n                *ngIf=\"element.multiple === true; else noCheckbox\"\n                class=\"checklist-leaf-node\"\n                [checked]=\"checklistSelection.isSelected(node)\"\n                (change)=\"todoLeafItemSelectionToggle(node)\"\n                color=\"accent\"\n                >{{node.value}}</mat-checkbox\n              >\n              <ng-template #noCheckbox>\n                <div (click)=\"selectSingleItem(node)\">\n                  {{node.value}}\n                </div>\n              </ng-template>\n            </label>\n          </mat-tree-node>\n\n          <mat-tree-node\n            *matTreeNodeDef=\"let node; when: hasChild\"\n            matTreeNodePadding\n            matTreeNodePaddingIndent=\"13\"\n            [class.mapa-dropdown-tree__checkbox--checked]=\"checklistSelection.isSelected(node)\"\n          >\n            <label class=\"mapa-dropdown-tree__checkbox\">\n              <!-- <button\n                mat-icon-button\n                matTreeNodeToggle\n                [attr.aria-label]=\"'toggle ' + node.filename\"\n              >\n                <mat-icon class=\"mat-icon-rtl-mirror\">\n                  {{treeControl.isExpanded(node) ? 'expand_more' :\n                  'chevron_right'}}\n                </mat-icon>\n              </button> -->\n              <!-- [checked]=\"descendantsAllSelected(node)\" -->\n              <!-- PARENT CHECKBOX -->\n              <mat-checkbox\n                *ngIf=\"element.multiple === true; else noCheckbox\"\n                [checked]=\"checklistSelection.isSelected(node)\"\n                [indeterminate]=\"descendantsPartiallySelected(node)\"\n                (change)=\"todoItemSelectionToggle(node)\"\n                color=\"accent\"\n              >\n                {{node.value}}</mat-checkbox\n              >\n              <ng-template #noCheckbox>\n                <div (click)=\"selectSingleItem(node)\">\n                  {{node.value}}\n                </div>\n              </ng-template>\n            </label>\n          </mat-tree-node>\n        </mat-tree>\n      </section>\n      <button\n        *ngIf=\"element.multiple === true\"\n        mat-button\n        class=\"mapa-dropdown-tree__button\"\n        color=\"primary\"\n        (click)=\"clearAll()\"\n      >\n        Limpar todos\n      </button>\n    </div>\n  </mat-menu>\n</form>\n", styles: [".mapa-dropdown-tree{min-width:235px;max-width:none;width:100%!important}.mapa-dropdown-tree .mat-select{font-family:Inter,sans-serif!important}.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:24px}.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"] }]
+            args: [{ selector: 'mapa-dropdown-tree', encapsulation: ViewEncapsulation.None, template: "<form\n  [formGroup]=\"formGroup\"\n  *ngIf=\"formGroup && element\"\n  class=\"mapa-dropdown-tree\"\n>\n  <label *ngIf=\"element.label\" class=\"mapa-dropdown-tree__label\">\n    {{ element.label }}\n  </label>\n  <button\n    class=\"mapa-dropdown-tree__dropdown\"\n    #menuOption=\"matMenuTrigger\"\n    [matMenuTriggerFor]=\"menu\"\n  >\n    <div class=\"mapa-dropdown-tree__dropdown--value\">\n      {{ getSelectedItems() }}\n    </div>\n\n    <mat-icon *ngIf=\"hasValue()\" (click)=\"clearValue($event)\" matSuffix\n      >close</mat-icon\n    >\n    <mat-icon>\n      {{ menuOption.menuOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down' }}\n    </mat-icon>\n  </button>\n  <mat-menu #menu=\"matMenu\">\n    <div (click)=\"$event.stopPropagation()\">\n      <div class=\"mapa-dropdown-tree__search\" *ngIf=\"element.search\">\n        <mat-form-field appearance=\"outline\">\n          <input\n            matInput\n            #searchInput\n            [formControl]=\"element.search?.formControl!\"\n            [placeholder]=\"element.search?.placeholder || ''\"\n            (keydown)=\"$event.stopPropagation()\"\n            (keyup)=\"filterChanged($event)\"\n          />\n          <mat-icon\n            *ngIf=\"!!element.search?.formControl?.value && !element.search?.formControl?.disabled\"\n            (click)=\"clearSearchValue()\"\n            matSuffix\n            >close</mat-icon\n          >\n        </mat-form-field>\n      </div>\n      <section [formGroup]=\"formGroup\">\n        <label\n          *ngIf=\"element.multiple === true\"\n          class=\"mapa-dropdown-tree__toggle-all mapa-dropdown-tree__checkbox\"\n        >\n          <mat-checkbox\n            #toggleAllCheckbox\n            class=\"checklist-leaf-node\"\n            (change)=\"toggleAll($event)\"\n            [checked]=\"isAllNodeSelected()\"\n            [indeterminate]=\"!isAllNodeSelected() && checklistSelection.hasValue()\"\n            color=\"accent\"\n            >Selecionar todos</mat-checkbox\n          >\n        </label>\n\n        <mat-tree [dataSource]=\"dataSource\" [treeControl]=\"treeControl\">\n          <mat-tree-node\n            *matTreeNodeDef=\"let node\"\n            matTreeNodePadding\n            matTreeNodePaddingIndent=\"13\"\n            [class.mapa-dropdown-tree__checkbox--checked]=\"checklistSelection.isSelected(node)\"\n          >\n            <label class=\"mapa-dropdown-tree__checkbox\">\n              <button mat-icon-button disabled></button>\n              <!-- LEAF CHECKBOX -->\n              <mat-checkbox\n                *ngIf=\"element.multiple === true; else noCheckbox\"\n                class=\"checklist-leaf-node\"\n                [checked]=\"checklistSelection.isSelected(node)\"\n                (change)=\"todoLeafItemSelectionToggle(node)\"\n                color=\"accent\"\n                >{{node.value}}</mat-checkbox\n              >\n              <ng-template #noCheckbox>\n                <div (click)=\"selectSingleItem(node)\">\n                  {{node.value}}\n                </div>\n              </ng-template>\n            </label>\n          </mat-tree-node>\n\n          <mat-tree-node\n            *matTreeNodeDef=\"let node; when: hasChild\"\n            matTreeNodePadding\n            matTreeNodePaddingIndent=\"13\"\n            [class.mapa-dropdown-tree__checkbox--checked]=\"checklistSelection.isSelected(node)\"\n          >\n            <label class=\"mapa-dropdown-tree__checkbox\">\n              <!-- <button\n                mat-icon-button\n                matTreeNodeToggle\n                [attr.aria-label]=\"'toggle ' + node.filename\"\n              >\n                <mat-icon class=\"mat-icon-rtl-mirror\">\n                  {{treeControl.isExpanded(node) ? 'expand_more' :\n                  'chevron_right'}}\n                </mat-icon>\n              </button> -->\n              <!-- [checked]=\"descendantsAllSelected(node)\" -->\n              <!-- PARENT CHECKBOX -->\n              <mat-checkbox\n                *ngIf=\"element.multiple === true; else noCheckbox\"\n                [checked]=\"checklistSelection.isSelected(node)\"\n                [indeterminate]=\"descendantsPartiallySelected(node)\"\n                (change)=\"todoItemSelectionToggle(node)\"\n                color=\"accent\"\n              >\n                {{node.value}}</mat-checkbox\n              >\n              <ng-template #noCheckbox>\n                <div (click)=\"selectSingleItem(node)\">\n                  {{node.value}}\n                </div>\n              </ng-template>\n            </label>\n          </mat-tree-node>\n        </mat-tree>\n      </section>\n      <button\n        *ngIf=\"element.multiple === true\"\n        mat-button\n        class=\"mapa-dropdown-tree__button\"\n        color=\"primary\"\n        (click)=\"clearAll()\"\n      >\n        Limpar todos\n      </button>\n    </div>\n  </mat-menu>\n</form>\n", styles: [".mapa-dropdown-tree{min-width:235px;max-width:none;width:100%!important}.mapa-dropdown-tree .mat-select{font-family:Inter,sans-serif!important}.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:24px}.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"] }]
         }], ctorParameters: function () { return [{ type: ChecklistDatabase }]; }, propDecorators: { formGroup: [{
                 type: Input
             }], element: [{
                 type: Input
             }], autocomplete: [{
                 type: ViewChild,
-                args: ["auto"]
+                args: ['auto']
             }], tree: [{
                 type: ViewChild,
-                args: ["tree"]
+                args: ['tree']
             }], trigger: [{
                 type: ViewChild,
                 args: [MatMenuTrigger]
             }], toggleAllCheckbox: [{
                 type: ViewChild,
-                args: ["toggleAllCheckbox"]
+                args: ['toggleAllCheckbox']
             }] } });
 
 class MapaDropdownTreeModule {