mapa-library-ui 0.46.0 → 0.48.0

package/esm2020/src/lib/components/scale-parameterization/lib/core/elements/errors.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXJyb3JzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29yZS9lbGVtZW50cy9lcnJvcnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgRXJyb3JzIHtcbiAgcmVxdWlyZWQ/OiBzdHJpbmc7XG4gIG1pbmxlbmd0aD86IHN0cmluZztcbiAgY3BmPzogc3RyaW5nO1xuICBjbnBqPzogc3RyaW5nO1xuICBlbWFpbD86IHN0cmluZztcbiAgcGF0dGVybj86IHN0cmluZztcbiAgbWluPzogc3RyaW5nO1xuICBtYXg/OiBzdHJpbmc7XG4gIG1pbkxlbmd0aD86IHN0cmluZztcbiAgbWF4TGVuZ3RoPzogc3RyaW5nO1xufVxuIl19

package/esm2020/src/lib/components/scale-parameterization/lib/core/interfaces/classification.interface.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xhc3NpZmljYXRpb24uaW50ZXJmYWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29yZS9pbnRlcmZhY2VzL2NsYXNzaWZpY2F0aW9uLmludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBDbGFzc2lmaWNhdGlvbiB7XG4gIGNsYXNzaWZpY2F0aW9uSWQ/OiBudW1iZXI7XG4gIGNsYXNzaWZpY2F0aW9uTmFtZT86IHN0cmluZztcbiAgY2xhc3NpZmljYXRpb25Db2xvcj86IHN0cmluZztcbiAgY2xhc3NpZmljYXRpb25CZz86IHN0cmluZztcbn1cbiJdfQ==

package/esm2020/src/lib/components/scale-parameterization/lib/core/interfaces/element-group.interface.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxlbWVudC1ncm91cC5pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb3JlL2ludGVyZmFjZXMvZWxlbWVudC1ncm91cC5pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEVsZW1lbnRPcHRpb24gfSBmcm9tIFwiLi9lbGVtZW50LW9wdGlvbi5pbnRlcmZhY2VcIjtcblxuZXhwb3J0IGludGVyZmFjZSBFbGVtZW50R3JvdXAge1xuICBsYWJlbDogc3RyaW5nO1xuICBvcHRpb25zOiBFbGVtZW50T3B0aW9uW107XG59XG4iXX0=

package/esm2020/src/lib/components/scale-parameterization/lib/core/interfaces/element-option.interface.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxlbWVudC1vcHRpb24uaW50ZXJmYWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29yZS9pbnRlcmZhY2VzL2VsZW1lbnQtb3B0aW9uLmludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBFbGVtZW50T3B0aW9uIHtcbiAga2V5OiBzdHJpbmc7XG4gIHZhbHVlOiBzdHJpbmc7XG59XG4iXX0=

package/esm2020/src/lib/components/scale-parameterization/mapa-library-ui-src-lib-components-scale-parameterization.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './scale-parameterization';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFwYS1saWJyYXJ5LXVpLXNyYy1saWItY29tcG9uZW50cy1zY2FsZS1wYXJhbWV0ZXJpemF0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9tYXBhLWxpYnJhcnktdWktc3JjLWxpYi1jb21wb25lbnRzLXNjYWxlLXBhcmFtZXRlcml6YXRpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLDBCQUEwQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3NjYWxlLXBhcmFtZXRlcml6YXRpb24nO1xuIl19

package/esm2020/src/lib/components/scale-parameterization/scale-parameterization.mjs

@@ -0,0 +1,5 @@
+/*
+ * Public API Surface of mapa-library-ui scale-parameterization
+ */
+export * from './lib/components/scale-parameterization/public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2NhbGUtcGFyYW1ldGVyaXphdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hcGEtbGlicmFyeS11aS9zcmMvc2NhbGUtcGFyYW1ldGVyaXphdGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsb0RBQW9ELENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIG1hcGEtbGlicmFyeS11aSBzY2FsZS1wYXJhbWV0ZXJpemF0aW9uXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9zY2FsZS1wYXJhbWV0ZXJpemF0aW9uL3B1YmxpYy1hcGknO1xuIl19

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

@@ -20,15 +20,16 @@ import * as i4$1 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import { SelectionModel } from '@angular/cdk/collections';
 import { FlatTreeControl } from '@angular/cdk/tree';
-import * as i9 from '@angular/material/tree';
+import * as i8$1 from '@angular/material/tree';
 import { MatTreeFlattener, MatTreeFlatDataSource, MatTreeModule } from '@angular/material/tree';
 import { BehaviorSubject } from 'rxjs';
 import * as i7$1 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
-import * as i10 from '@angular/material/checkbox';
+import * as i9 from '@angular/material/checkbox';
 import { MatCheckboxModule } from '@angular/material/checkbox';
-import * as i11 from '@angular/material/autocomplete';
-import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import * as i10 from '@angular/material/menu';
+import { MatMenuModule, MAT_MENU_DEFAULT_OPTIONS } from '@angular/material/menu';
+import { MatAutocompleteModule, MAT_AUTOCOMPLETE_DEFAULT_OPTIONS } from '@angular/material/autocomplete';
 
 class ElementBase {
     constructor(options = {}) {
@@ -354,7 +355,8 @@ class ChecklistDatabase {
             // Filter the tree
             function filter(array, text) {
                 const getChildren = (result, object) => {
-                    if (object.item.toLowerCase() === text.toLowerCase()) {
+                    var _a;
+                    if (((_a = object.item) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === (text === null || text === void 0 ? void 0 : text.toLowerCase())) {
                         result.push(object);
                         return result;
                     }
@@ -387,11 +389,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             args: [{ providedIn: "root" }]
         }], ctorParameters: function () { return []; } });
 
-class FoodNode {
+class DataNode {
     constructor() { }
 }
 /** Flat to-do item node with expandable and level information */
-class FoodFlatNode {
+class DataFlatNode {
     constructor() { }
 }
 class MapaDropdownTreeComponent {
@@ -407,7 +409,7 @@ class MapaDropdownTreeComponent {
         /** The new item's name */
         this.newItemName = "";
         /** The selection for checklist */
-        this.checklistSelection = new SelectionModel(true /* multiple */);
+        this.checklistSelection = new SelectionModel(true);
         /// Filtering
         this.myControl = new FormControl();
         this.options = ["One", "Two", "Three"];
@@ -415,16 +417,17 @@ class MapaDropdownTreeComponent {
         this.isExpandable = (node) => node.expandable;
         this.getChildren = (node) => node.children;
         this.hasChild = (_, _nodeData) => _nodeData.expandable;
-        this.hasNoContent = (_, _nodeData) => _nodeData.item === "";
+        this.hasNoContent = (_, _nodeData) => _nodeData.value === "";
         /**
          * Transformer to convert nested node to flat node. Record the nodes in maps for later use.
          */
         this.transformer = (node, level) => {
             const existingNode = this.nestedNodeMap.get(node);
-            const flatNode = existingNode && existingNode.item === node.title
+            const flatNode = existingNode && existingNode.value === node.value
                 ? existingNode
-                : new FoodFlatNode();
-            flatNode.item = node.title;
+                : new DataFlatNode();
+            flatNode.key = node.key;
+            flatNode.value = node.value;
             flatNode.level = level;
             flatNode.expandable = !!node.children;
             this.flatNodeMap.set(flatNode, node);
@@ -439,11 +442,25 @@ class MapaDropdownTreeComponent {
         this.dataSource = new MatTreeFlatDataSource(this.treeControl, this.treeFlattener);
         this._database.dataChange.subscribe((data) => {
             this.dataSource.data = data;
+            this.treeControl.expandAll();
+        });
+        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 };
+            }));
         });
     }
+    ngAfterViewInit() {
+        this.treeControl.expandAll();
+    }
+    onPanelChange() {
+        this.isMenuExpanded = !this.isMenuExpanded;
+    }
     filter(array, text) {
         const getNodes = (result, object) => {
-            if (object.name.toLowerCase().startsWith(text)) {
+            var _a;
+            if ((_a = object.name) === null || _a === void 0 ? void 0 : _a.toLowerCase().startsWith(text)) {
                 result.push(object);
                 return result;
             }
@@ -506,7 +523,6 @@ class MapaDropdownTreeComponent {
     }
     /* Get the parent node of a node */
     getParentNode(node) {
-        console.log(this.checklistSelection.selected);
         const currentLevel = this.getLevel(node);
         if (currentLevel < 1) {
             return null;
@@ -522,11 +538,16 @@ class MapaDropdownTreeComponent {
     }
     getSelectedItems() {
         if (!this.checklistSelection.selected.length)
-            return "Favorite Food";
-        return this.checklistSelection.selected.map((s) => s.item).join(",");
-    }
-    filterChanged(filterText) {
-        console.log("filterChanged", filterText);
+            return this.element.placeholder || "Selecione";
+        return this.checklistSelection.selected
+            .map((s) => s.value)
+            .join(",")
+            .toString()
+            .replace(/\,/g, ", ");
+    }
+    filterChanged(event) {
+        var _a;
+        const filterText = (_a = event.target) === null || _a === void 0 ? void 0 : _a.value;
         // ChecklistDatabase.filter method which actually filters the tree and gives back a tree structure
         this._database.filter(filterText);
         if (filterText) {
@@ -538,14 +559,20 @@ class MapaDropdownTreeComponent {
     }
 }
 MapaDropdownTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDropdownTreeComponent, deps: [{ token: ChecklistDatabase }], target: i0.ɵɵFactoryTarget.Component });
-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: "<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  <mat-form-field>\n    <input\n      type=\"text\"\n      placeholder=\"{{getSelectedItems()}}\"\n      matInput\n      (input)=\"filterChanged($event)\"\n      [matAutocomplete]=\"auto\"\n      (opened)=\"isMenuExpanded = !isMenuExpanded\"\n    />\n    <mat-icon matSuffix\n      >{{ isMenuExpanded ? 'keyboard_arrow_up' : 'keyboard_arrow_down'\n      }}</mat-icon\n    >\n    <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\">\n      <mat-option disabled>\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)=\"filter(element.tree, searchInput.value)\"\n            />\n          </mat-form-field>\n        </div>\n      </mat-option>\n\n      <mat-tree [dataSource]=\"dataSource\" [treeControl]=\"treeControl\">\n        <mat-tree-node\n          *matTreeNodeDef=\"let node\"\n          matTreeNodeToggle\n          matTreeNodePadding\n        >\n          <button mat-icon-button disabled></button>\n          <mat-checkbox\n            class=\"checklist-leaf-node\"\n            [checked]=\"checklistSelection.isSelected(node)\"\n            (change)=\"todoLeafItemSelectionToggle(node)\"\n            >{{node.item}}</mat-checkbox\n          >\n        </mat-tree-node>\n\n        <mat-tree-node\n          *matTreeNodeDef=\"let node; when: hasChild\"\n          matTreeNodePadding\n        >\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' : 'chevron_right'}}\n            </mat-icon>\n          </button>\n          <mat-checkbox\n            [checked]=\"descendantsAllSelected(node)\"\n            [indeterminate]=\"descendantsPartiallySelected(node)\"\n            (change)=\"todoItemSelectionToggle(node)\"\n          >\n            {{node.item}}</mat-checkbox\n          >\n        </mat-tree-node>\n      </mat-tree>\n      <button mat-button class=\"mapa-dropdown-tree__button\" color=\"primary\">\n        Limpar todos\n      </button>\n    </mat-autocomplete>\n  </mat-form-field>\n</form>\n", styles: [".mapa-dropdown-tree{max-width:min-content;min-width:235px}.mapa-dropdown-tree .mat-select{font-family:SF-Pro!important}.mapa-dropdown-tree .mat-option{padding:unset!important}.mapa-dropdown-tree__label{display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}.mapa-dropdown-tree__button{padding:9px;width:100%}.mapa-dropdown-tree__search{display:flex;align-items:center;justify-content:center;background:#f6f7f7;width:100%;height:48px}.mapa-dropdown-tree__search .mat-form-field{width:96%}.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{transform:translate(0) translateY(2px)!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{display:none}.mapa-overlay-dropdown-tree .mat-select-tree-hide{display:block!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:SF-Pro!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: "component", type: i7.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i9.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i9.MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { kind: "directive", type: i9.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "component", type: i9.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i9.MatTreeNode, selector: "mat-tree-node", inputs: ["role", "disabled", "tabIndex"], exportAs: ["matTreeNode"] }, { kind: "component", type: i10.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i11.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i11.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }], encapsulation: i0.ViewEncapsulation.None });
+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 }], 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 class=\"mapa-dropdown-tree__dropdown\" #menuOption=\"matMenuTrigger\" [matMenuTriggerFor]=\"menu\">\n      <div class=\"mapa-dropdown-tree__dropdown--value\">\n        {{ getSelectedItems() }}\n      </div>\n\n      <mat-icon\n        >{{ menuOption.menuOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down'\n        }}</mat-icon\n      >\n    </button>\n    <mat-menu #menu=\"matMenu\">\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)=\"filter(element.tree, searchInput.value)\"\n          />\n        </mat-form-field>\n      </div>\n\n      <mat-tree [dataSource]=\"dataSource\" [treeControl]=\"treeControl\">\n        <mat-tree-node\n          *matTreeNodeDef=\"let node\"\n          matTreeNodeToggle\n          matTreeNodePadding\n        >\n          <button mat-icon-button disabled></button>\n          <mat-checkbox\n            class=\"checklist-leaf-node\"\n            [checked]=\"checklistSelection.isSelected(node)\"\n            (change)=\"todoLeafItemSelectionToggle(node)\"\n            >{{node.value}}</mat-checkbox\n          >\n        </mat-tree-node>\n\n        <mat-tree-node\n          *matTreeNodeDef=\"let node; when: hasChild\"\n          matTreeNodePadding\n        >\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' : 'chevron_right'}}\n            </mat-icon>\n          </button>\n          <mat-checkbox\n            [checked]=\"descendantsAllSelected(node)\"\n            [indeterminate]=\"descendantsPartiallySelected(node)\"\n            (change)=\"todoItemSelectionToggle(node)\"\n          >\n            {{node.value}}</mat-checkbox\n          >\n        </mat-tree-node>\n      </mat-tree>\n      <button mat-button class=\"mapa-dropdown-tree__button\" color=\"primary\">\n        Limpar todos\n      </button>\n    </mat-menu>\n</form>\n", styles: [".mapa-dropdown-tree{max-width:min-content;min-width:235px}.mapa-dropdown-tree .mat-select{font-family:SF-Pro!important}.mapa-dropdown-tree__label{display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}.mapa-dropdown-tree__dropdown{display:flex;align-items:center;justify-content:space-between;background-color:#fff;border:1px solid #dcdcde;border-radius:8px;padding:10px 12px}.mapa-dropdown-tree__dropdown--value{font-family:SF-Pro!important;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:300px}.mapa-dropdown-tree__button{padding:9px;width:100%}.mapa-dropdown-tree__search{display:flex;align-items:center;justify-content:center;background:#f6f7f7;width:100%;height:48px}.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{padding:.5em 0!important;border-top:unset!important}.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{position:absolute!important;left:-12px;top:12px;transform:translate(0) translateY(2px)!important;width:350px}.mapa-overlay-dropdown-tree .mat-menu-panel{width:100%}.mapa-overlay-dropdown-tree .mat-input-element{font-family:SF-Pro;font-size:14px}.mapa-overlay-dropdown-tree .mat-menu-content{padding-bottom:unset!important;padding-top:unset!important}.mapa-overlay-dropdown-tree .mat-tree{height:260px}.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{display:none}.mapa-overlay-dropdown-tree .mat-tree-node{margin-left:8px}.mapa-overlay-dropdown-tree .mat-tree-node .mat-focus-indicator{display:none}.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:SF-Pro!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: 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: "directive", type: i8$1.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { 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  <mat-form-field>\n    <input\n      type=\"text\"\n      placeholder=\"{{getSelectedItems()}}\"\n      matInput\n      (input)=\"filterChanged($event)\"\n      [matAutocomplete]=\"auto\"\n      (opened)=\"isMenuExpanded = !isMenuExpanded\"\n    />\n    <mat-icon matSuffix\n      >{{ isMenuExpanded ? 'keyboard_arrow_up' : 'keyboard_arrow_down'\n      }}</mat-icon\n    >\n    <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\">\n      <mat-option disabled>\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)=\"filter(element.tree, searchInput.value)\"\n            />\n          </mat-form-field>\n        </div>\n      </mat-option>\n\n      <mat-tree [dataSource]=\"dataSource\" [treeControl]=\"treeControl\">\n        <mat-tree-node\n          *matTreeNodeDef=\"let node\"\n          matTreeNodeToggle\n          matTreeNodePadding\n        >\n          <button mat-icon-button disabled></button>\n          <mat-checkbox\n            class=\"checklist-leaf-node\"\n            [checked]=\"checklistSelection.isSelected(node)\"\n            (change)=\"todoLeafItemSelectionToggle(node)\"\n            >{{node.item}}</mat-checkbox\n          >\n        </mat-tree-node>\n\n        <mat-tree-node\n          *matTreeNodeDef=\"let node; when: hasChild\"\n          matTreeNodePadding\n        >\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' : 'chevron_right'}}\n            </mat-icon>\n          </button>\n          <mat-checkbox\n            [checked]=\"descendantsAllSelected(node)\"\n            [indeterminate]=\"descendantsPartiallySelected(node)\"\n            (change)=\"todoItemSelectionToggle(node)\"\n          >\n            {{node.item}}</mat-checkbox\n          >\n        </mat-tree-node>\n      </mat-tree>\n      <button mat-button class=\"mapa-dropdown-tree__button\" color=\"primary\">\n        Limpar todos\n      </button>\n    </mat-autocomplete>\n  </mat-form-field>\n</form>\n", styles: [".mapa-dropdown-tree{max-width:min-content;min-width:235px}.mapa-dropdown-tree .mat-select{font-family:SF-Pro!important}.mapa-dropdown-tree .mat-option{padding:unset!important}.mapa-dropdown-tree__label{display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}.mapa-dropdown-tree__button{padding:9px;width:100%}.mapa-dropdown-tree__search{display:flex;align-items:center;justify-content:center;background:#f6f7f7;width:100%;height:48px}.mapa-dropdown-tree__search .mat-form-field{width:96%}.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{transform:translate(0) translateY(2px)!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{display:none}.mapa-overlay-dropdown-tree .mat-select-tree-hide{display:block!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:SF-Pro!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 class=\"mapa-dropdown-tree__dropdown\" #menuOption=\"matMenuTrigger\" [matMenuTriggerFor]=\"menu\">\n      <div class=\"mapa-dropdown-tree__dropdown--value\">\n        {{ getSelectedItems() }}\n      </div>\n\n      <mat-icon\n        >{{ menuOption.menuOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down'\n        }}</mat-icon\n      >\n    </button>\n    <mat-menu #menu=\"matMenu\">\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)=\"filter(element.tree, searchInput.value)\"\n          />\n        </mat-form-field>\n      </div>\n\n      <mat-tree [dataSource]=\"dataSource\" [treeControl]=\"treeControl\">\n        <mat-tree-node\n          *matTreeNodeDef=\"let node\"\n          matTreeNodeToggle\n          matTreeNodePadding\n        >\n          <button mat-icon-button disabled></button>\n          <mat-checkbox\n            class=\"checklist-leaf-node\"\n            [checked]=\"checklistSelection.isSelected(node)\"\n            (change)=\"todoLeafItemSelectionToggle(node)\"\n            >{{node.value}}</mat-checkbox\n          >\n        </mat-tree-node>\n\n        <mat-tree-node\n          *matTreeNodeDef=\"let node; when: hasChild\"\n          matTreeNodePadding\n        >\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' : 'chevron_right'}}\n            </mat-icon>\n          </button>\n          <mat-checkbox\n            [checked]=\"descendantsAllSelected(node)\"\n            [indeterminate]=\"descendantsPartiallySelected(node)\"\n            (change)=\"todoItemSelectionToggle(node)\"\n          >\n            {{node.value}}</mat-checkbox\n          >\n        </mat-tree-node>\n      </mat-tree>\n      <button mat-button class=\"mapa-dropdown-tree__button\" color=\"primary\">\n        Limpar todos\n      </button>\n    </mat-menu>\n</form>\n", styles: [".mapa-dropdown-tree{max-width:min-content;min-width:235px}.mapa-dropdown-tree .mat-select{font-family:SF-Pro!important}.mapa-dropdown-tree__label{display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}.mapa-dropdown-tree__dropdown{display:flex;align-items:center;justify-content:space-between;background-color:#fff;border:1px solid #dcdcde;border-radius:8px;padding:10px 12px}.mapa-dropdown-tree__dropdown--value{font-family:SF-Pro!important;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:300px}.mapa-dropdown-tree__button{padding:9px;width:100%}.mapa-dropdown-tree__search{display:flex;align-items:center;justify-content:center;background:#f6f7f7;width:100%;height:48px}.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{padding:.5em 0!important;border-top:unset!important}.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{position:absolute!important;left:-12px;top:12px;transform:translate(0) translateY(2px)!important;width:350px}.mapa-overlay-dropdown-tree .mat-menu-panel{width:100%}.mapa-overlay-dropdown-tree .mat-input-element{font-family:SF-Pro;font-size:14px}.mapa-overlay-dropdown-tree .mat-menu-content{padding-bottom:unset!important;padding-top:unset!important}.mapa-overlay-dropdown-tree .mat-tree{height:260px}.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{display:none}.mapa-overlay-dropdown-tree .mat-tree-node{margin-left:8px}.mapa-overlay-dropdown-tree .mat-tree-node .mat-focus-indicator{display:none}.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:SF-Pro!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"]
+            }], tree: [{
+                type: ViewChild,
+                args: ["tree"]
             }] } });
 
 class MapaDropdownTreeModule {
@@ -562,12 +589,21 @@ MapaDropdownTreeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
         MatSelectModule,
         MatTreeModule,
         MatCheckboxModule,
-        MatAutocompleteModule], exports: [MapaDropdownTreeComponent] });
+        MatAutocompleteModule,
+        MatMenuModule], exports: [MapaDropdownTreeComponent] });
 MapaDropdownTreeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDropdownTreeModule, providers: [
         {
             provide: MAT_SELECT_CONFIG,
             useValue: { overlayPanelClass: "mapa-overlay-dropdown-tree" },
         },
+        {
+            provide: MAT_AUTOCOMPLETE_DEFAULT_OPTIONS,
+            useValue: { overlayPanelClass: "mapa-overlay-dropdown-tree" },
+        },
+        {
+            provide: MAT_MENU_DEFAULT_OPTIONS,
+            useValue: { overlayPanelClass: "mapa-overlay-dropdown-tree" },
+        },
         {
             provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,
             useValue: { appearance: "outline" },
@@ -583,7 +619,8 @@ MapaDropdownTreeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0",
         MatSelectModule,
         MatTreeModule,
         MatCheckboxModule,
-        MatAutocompleteModule] });
+        MatAutocompleteModule,
+        MatMenuModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDropdownTreeModule, decorators: [{
             type: NgModule,
             args: [{
@@ -602,12 +639,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         MatTreeModule,
                         MatCheckboxModule,
                         MatAutocompleteModule,
+                        MatMenuModule,
                     ],
                     providers: [
                         {
                             provide: MAT_SELECT_CONFIG,
                             useValue: { overlayPanelClass: "mapa-overlay-dropdown-tree" },
                         },
+                        {
+                            provide: MAT_AUTOCOMPLETE_DEFAULT_OPTIONS,
+                            useValue: { overlayPanelClass: "mapa-overlay-dropdown-tree" },
+                        },
+                        {
+                            provide: MAT_MENU_DEFAULT_OPTIONS,
+                            useValue: { overlayPanelClass: "mapa-overlay-dropdown-tree" },
+                        },
                         {
                             provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,
                             useValue: { appearance: "outline" },
@@ -628,5 +674,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { Dropdown, ElementBase, FoodFlatNode, FoodNode, MapaDropdownComponent, MapaDropdownModule, MapaDropdownTreeComponent, MapaDropdownTreeModule };
+export { DataFlatNode, DataNode, Dropdown, ElementBase, MapaDropdownComponent, MapaDropdownModule, MapaDropdownTreeComponent, MapaDropdownTreeModule };
 //# sourceMappingURL=mapa-library-ui-src-lib-components-dropdown-tree.mjs.map