mapa-library-ui 0.74.2 → 0.75.0

package/esm2020/src/lib/components/textarea/lib/core/elements/element-base.mjs

@@ -31,6 +31,7 @@ export class ElementBase {
         this.status = options.status || undefined;
         this.checkParent = options.checkParent || false;
         this.checkChildren = options.checkChildren || false;
+        this.openedChange = options.openedChange || undefined;
     }
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxlbWVudC1iYXNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29yZS9lbGVtZW50cy9lbGVtZW50LWJhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU0EsTUFBTSxPQUFPLFdBQVc7SUFnQ3RCLFlBQ0UsVUErQkksRUFBRTtRQUVOLElBQUksQ0FBQyxLQUFLLEdBQUcsT0FBTyxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUM7UUFDakMsSUFBSSxDQUFDLEdBQUcsR0FBRyxPQUFPLENBQUMsR0FBRyxJQUFJLEVBQUUsQ0FBQztRQUM3QixJQUFJLENBQUMsS0FBSyxHQUFHLE9BQU8sQ0FBQyxLQUFLLElBQUksRUFBRSxDQUFDO1FBQ2pDLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUM7UUFDbkMsSUFBSSxDQUFDLEtBQUssR0FBRyxPQUFPLENBQUMsS0FBSyxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDO1FBQzdELElBQUksQ0FBQyxXQUFXLEdBQUcsT0FBTyxDQUFDLFdBQVcsSUFBSSxFQUFFLENBQUM7UUFDN0MsSUFBSSxDQUFDLElBQUksR0FBRyxPQUFPLENBQUMsSUFBSSxJQUFJLEVBQUUsQ0FBQztRQUMvQixJQUFJLENBQUMsV0FBVyxHQUFHLE9BQU8sQ0FBQyxXQUFXLElBQUksRUFBRSxDQUFDO1FBQzdDLElBQUksQ0FBQyxRQUFRLEdBQUcsT0FBTyxDQUFDLFFBQVEsSUFBSSxLQUFLLENBQUM7UUFDMUMsSUFBSSxDQUFDLElBQUksR0FBRyxPQUFPLENBQUMsSUFBSSxJQUFJLEVBQUUsQ0FBQztRQUMvQixJQUFJLENBQUMsTUFBTSxHQUFHLE9BQU8sQ0FBQyxNQUFNLElBQUksRUFBRSxDQUFDO1FBQ25DLElBQUksQ0FBQyxNQUFNLEdBQUcsT0FBTyxDQUFDLE1BQU0sSUFBSSxFQUFFLENBQUM7UUFDbkMsSUFBSSxDQUFDLFFBQVEsR0FBRyxPQUFPLENBQUMsUUFBUSxJQUFJLEtBQUssQ0FBQztRQUMxQyxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsT0FBTyxDQUFDLGdCQUFnQixJQUFJLE9BQU8sQ0FBQztRQUM1RCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsT0FBTyxDQUFDLGdCQUFnQixJQUFJLE9BQU8sQ0FBQztRQUM1RCxJQUFJLENBQUMsY0FBYyxHQUFHLE9BQU8sQ0FBQyxjQUFjLElBQUksQ0FBQyxDQUFDO1FBQ2xELElBQUksQ0FBQyxjQUFjLEdBQUcsT0FBTyxDQUFDLGNBQWMsSUFBSSxDQUFDLENBQUM7UUFDbEQsSUFBSSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUMsT0FBTyxJQUFJLEVBQUUsQ0FBQztRQUNyQyxJQUFJLENBQUMsSUFBSSxHQUFHLE9BQU8sQ0FBQyxJQUFJLElBQUksRUFBRSxDQUFDO1FBQy9CLElBQUksQ0FBQyxRQUFRLEdBQUcsT0FBTyxDQUFDLFFBQVEsSUFBSSxLQUFLLENBQUM7UUFDMUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxPQUFPLENBQUMsTUFBTSxJQUFJLFNBQVMsQ0FBQztRQUMxQyxJQUFJLENBQUMsU0FBUyxHQUFHLE9BQU8sQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDO1FBQzNDLElBQUksQ0FBQyxNQUFNLEdBQUcsT0FBTyxDQUFDLE1BQU0sSUFBSSxTQUFTLENBQUM7UUFDMUMsSUFBSSxDQUFDLFlBQVksR0FBRyxPQUFPLENBQUMsWUFBWSxJQUFJLFNBQVMsQ0FBQztRQUN0RCxJQUFJLENBQUMsSUFBSSxHQUFHLE9BQU8sQ0FBQyxJQUFJLElBQUksU0FBUyxDQUFDO1FBQ3RDLElBQUksQ0FBQyxZQUFZLEdBQUcsT0FBTyxDQUFDLFlBQVksSUFBSSxFQUFFLENBQUM7UUFDL0MsSUFBSSxDQUFDLFVBQVU7WUFDYixPQUFPLENBQUMsVUFBVSxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQy9ELElBQUksQ0FBQyxNQUFNLEdBQUcsT0FBTyxDQUFDLE1BQU0sSUFBSSxTQUFTLENBQUM7UUFDMUMsSUFBSSxDQUFDLFdBQVcsR0FBRyxPQUFPLENBQUMsV0FBVyxJQUFJLEtBQUssQ0FBQztRQUNoRCxJQUFJLENBQUMsYUFBYSxHQUFHLE9BQU8sQ0FBQyxhQUFhLElBQUksS0FBSyxDQUFDO0lBQ3RELENBQUM7Q0FDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEVsZW1lbnRHcm91cCB9IGZyb20gXCIuLi9pbnRlcmZhY2VzL2VsZW1lbnQtZ3JvdXAuaW50ZXJmYWNlXCI7XG5pbXBvcnQgeyBFbGVtZW50T3B0aW9uIH0gZnJvbSBcIi4uL2ludGVyZmFjZXMvZWxlbWVudC1vcHRpb24uaW50ZXJmYWNlXCI7XG5pbXBvcnQgeyBBY3Rpb25CdXR0b24gfSBmcm9tIFwiLi9hY3Rpb24tYnV0dG9uXCI7XG5pbXBvcnQgeyBFbGVtZW50U2VhcmNoIH0gZnJvbSBcIi4vZWxlbWVudC1zZWFyY2hcIjtcbmltcG9ydCB7IEVycm9ycyB9IGZyb20gXCIuL2Vycm9yc1wiO1xuZXhwb3J0IGludGVyZmFjZSBTdGF0dXMge1xuICBsYWJlbDogc3RyaW5nO1xufVxuXG5leHBvcnQgY2xhc3MgRWxlbWVudEJhc2Uge1xuICB2YWx1ZTogc3RyaW5nO1xuICBrZXk6IHN0cmluZztcbiAgbGFiZWw6IHN0cmluZztcbiAgcmVxdWlyZWQ6IGJvb2xlYW47XG4gIG9yZGVyOiBudW1iZXI7XG4gIGNvbnRyb2xUeXBlOiBzdHJpbmc7XG4gIHR5cGU6IHN0cmluZztcbiAgcGxhY2Vob2xkZXI/OiBzdHJpbmc7XG4gIHJlYWRvbmx5OiBib29sZWFuO1xuICBoaW50Pzogc3RyaW5nO1xuICBwcmVmaXg/OiBzdHJpbmc7XG4gIHN1ZmZpeD86IHN0cmluZztcbiAgYXV0b3NpemU/OiBib29sZWFuO1xuICBhdXRvc2l6ZU1pbldpZHRoPzogc3RyaW5nO1xuICBhdXRvc2l6ZU1heFdpZHRoPzogc3RyaW5nO1xuICBhdXRvc2l6ZU1pblJvdz86IG51bWJlcjtcbiAgYXV0b3NpemVNYXhSb3c/OiBudW1iZXI7XG4gIG9wdGlvbnM6IEVsZW1lbnRPcHRpb25bXSB8IEVsZW1lbnRHcm91cFtdO1xuICB0cmVlOiBhbnlbXTtcbiAgbXVsdGlwbGU/OiBib29sZWFuO1xuICBzZWFyY2g/OiBFbGVtZW50U2VhcmNoO1xuICBtYXhMZW5ndGghOiBzdHJpbmcgfCBudW1iZXIgfCBudWxsO1xuICBlcnJvcnM/OiBFcnJvcnM7XG4gIGFjdGlvbkJ1dHRvbj86IEFjdGlvbkJ1dHRvbjtcbiAgbWFzaz86IHN0cmluZztcbiAgYXV0b2NvbXBsZXRlPzogc3RyaW5nO1xuICBjbGVhclZhbHVlPzogYm9vbGVhbjtcbiAgc3RhdHVzPzogU3RhdHVzW107XG4gIGNoZWNrUGFyZW50PzogYm9vbGVhbjtcbiAgY2hlY2tDaGlsZHJlbj86IGJvb2xlYW47XG5cbiAgY29uc3RydWN0b3IoXG4gICAgb3B0aW9uczoge1xuICAgICAgdmFsdWU/OiBzdHJpbmc7XG4gICAgICBrZXk/OiBzdHJpbmc7XG4gICAgICBsYWJlbD86IHN0cmluZztcbiAgICAgIHJlcXVpcmVkPzogYm9vbGVhbjtcbiAgICAgIG9yZGVyPzogbnVtYmVyO1xuICAgICAgY29udHJvbFR5cGU/OiBzdHJpbmc7XG4gICAgICB0eXBlPzogc3RyaW5nO1xuICAgICAgcGxhY2Vob2xkZXI/OiBzdHJpbmc7XG4gICAgICByZWFkb25seT86IGJvb2xlYW47XG4gICAgICBoaW50Pzogc3RyaW5nO1xuICAgICAgcHJlZml4Pzogc3RyaW5nO1xuICAgICAgc3VmZml4Pzogc3RyaW5nO1xuICAgICAgYXV0b3NpemU/OiBib29sZWFuO1xuICAgICAgYXV0b3NpemVNaW5XaWR0aD86IHN0cmluZztcbiAgICAgIGF1dG9zaXplTWF4V2lkdGg/OiBzdHJpbmc7XG4gICAgICBhdXRvc2l6ZU1pblJvdz86IG51bWJlcjtcbiAgICAgIGF1dG9zaXplTWF4Um93PzogbnVtYmVyO1xuICAgICAgb3B0aW9ucz86IEVsZW1lbnRPcHRpb25bXSB8IEVsZW1lbnRHcm91cFtdO1xuICAgICAgdHJlZT86IGFueVtdO1xuICAgICAgbXVsdGlwbGU/OiBib29sZWFuO1xuICAgICAgc2VhcmNoPzogRWxlbWVudFNlYXJjaDtcbiAgICAgIG1heExlbmd0aD86IHN0cmluZyB8IG51bWJlciB8IG51bGw7XG4gICAgICBlcnJvcnM/OiBFcnJvcnM7XG4gICAgICBhY3Rpb25CdXR0b24/OiBBY3Rpb25CdXR0b247XG4gICAgICBtYXNrPzogc3RyaW5nO1xuICAgICAgYXV0b2NvbXBsZXRlPzogc3RyaW5nO1xuICAgICAgY2xlYXJWYWx1ZT86IGJvb2xlYW47XG4gICAgICBzdGF0dXM/OiBTdGF0dXNbXTtcbiAgICAgIGNoZWNrUGFyZW50PzogYm9vbGVhbjtcbiAgICAgIGNoZWNrQ2hpbGRyZW4/OiBib29sZWFuO1xuICAgIH0gPSB7fVxuICApIHtcbiAgICB0aGlzLnZhbHVlID0gb3B0aW9ucy52YWx1ZSB8fCBcIlwiO1xuICAgIHRoaXMua2V5ID0gb3B0aW9ucy5rZXkgfHwgXCJcIjtcbiAgICB0aGlzLmxhYmVsID0gb3B0aW9ucy5sYWJlbCB8fCBcIlwiO1xuICAgIHRoaXMucmVxdWlyZWQgPSAhIW9wdGlvbnMucmVxdWlyZWQ7XG4gICAgdGhpcy5vcmRlciA9IG9wdGlvbnMub3JkZXIgPT09IHVuZGVmaW5lZCA/IDEgOiBvcHRpb25zLm9yZGVyO1xuICAgIHRoaXMuY29udHJvbFR5cGUgPSBvcHRpb25zLmNvbnRyb2xUeXBlIHx8IFwiXCI7XG4gICAgdGhpcy50eXBlID0gb3B0aW9ucy50eXBlIHx8IFwiXCI7XG4gICAgdGhpcy5wbGFjZWhvbGRlciA9IG9wdGlvbnMucGxhY2Vob2xkZXIgfHwgXCJcIjtcbiAgICB0aGlzLnJlYWRvbmx5ID0gb3B0aW9ucy5yZWFkb25seSB8fCBmYWxzZTtcbiAgICB0aGlzLmhpbnQgPSBvcHRpb25zLmhpbnQgfHwgXCJcIjtcbiAgICB0aGlzLnByZWZpeCA9IG9wdGlvbnMucHJlZml4IHx8IFwiXCI7XG4gICAgdGhpcy5zdWZmaXggPSBvcHRpb25zLnN1ZmZpeCB8fCBcIlwiO1xuICAgIHRoaXMuYXV0b3NpemUgPSBvcHRpb25zLmF1dG9zaXplIHx8IGZhbHNlO1xuICAgIHRoaXMuYXV0b3NpemVNaW5XaWR0aCA9IG9wdGlvbnMuYXV0b3NpemVNaW5XaWR0aCB8fCBcIjIxMnB4XCI7XG4gICAgdGhpcy5hdXRvc2l6ZU1heFdpZHRoID0gb3B0aW9ucy5hdXRvc2l6ZU1heFdpZHRoIHx8IFwiNDAwcHhcIjtcbiAgICB0aGlzLmF1dG9zaXplTWluUm93ID0gb3B0aW9ucy5hdXRvc2l6ZU1pblJvdyB8fCAyO1xuICAgIHRoaXMuYXV0b3NpemVNYXhSb3cgPSBvcHRpb25zLmF1dG9zaXplTWF4Um93IHx8IDU7XG4gICAgdGhpcy5vcHRpb25zID0gb3B0aW9ucy5vcHRpb25zIHx8IFtdO1xuICAgIHRoaXMudHJlZSA9IG9wdGlvbnMudHJlZSB8fCBbXTtcbiAgICB0aGlzLm11bHRpcGxlID0gb3B0aW9ucy5tdWx0aXBsZSB8fCBmYWxzZTtcbiAgICB0aGlzLnNlYXJjaCA9IG9wdGlvbnMuc2VhcmNoIHx8IHVuZGVmaW5lZDtcbiAgICB0aGlzLm1heExlbmd0aCA9IG9wdGlvbnMubWF4TGVuZ3RoIHx8IG51bGw7XG4gICAgdGhpcy5lcnJvcnMgPSBvcHRpb25zLmVycm9ycyB8fCB1bmRlZmluZWQ7XG4gICAgdGhpcy5hY3Rpb25CdXR0b24gPSBvcHRpb25zLmFjdGlvbkJ1dHRvbiB8fCB1bmRlZmluZWQ7XG4gICAgdGhpcy5tYXNrID0gb3B0aW9ucy5tYXNrIHx8IHVuZGVmaW5lZDtcbiAgICB0aGlzLmF1dG9jb21wbGV0ZSA9IG9wdGlvbnMuYXV0b2NvbXBsZXRlIHx8IFwiXCI7XG4gICAgdGhpcy5jbGVhclZhbHVlID1cbiAgICAgIG9wdGlvbnMuY2xlYXJWYWx1ZSAhPT0gdW5kZWZpbmVkID8gb3B0aW9ucy5jbGVhclZhbHVlIDogdHJ1ZTtcbiAgICB0aGlzLnN0YXR1cyA9IG9wdGlvbnMuc3RhdHVzIHx8IHVuZGVmaW5lZDtcbiAgICB0aGlzLmNoZWNrUGFyZW50ID0gb3B0aW9ucy5jaGVja1BhcmVudCB8fCBmYWxzZTtcbiAgICB0aGlzLmNoZWNrQ2hpbGRyZW4gPSBvcHRpb25zLmNoZWNrQ2hpbGRyZW4gfHwgZmFsc2U7XG4gIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxlbWVudC1iYXNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29yZS9lbGVtZW50cy9lbGVtZW50LWJhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVUEsTUFBTSxPQUFPLFdBQVc7SUFpQ3RCLFlBQ0UsVUFnQ0ksRUFBRTtRQUVOLElBQUksQ0FBQyxLQUFLLEdBQUcsT0FBTyxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUM7UUFDakMsSUFBSSxDQUFDLEdBQUcsR0FBRyxPQUFPLENBQUMsR0FBRyxJQUFJLEVBQUUsQ0FBQztRQUM3QixJQUFJLENBQUMsS0FBSyxHQUFHLE9BQU8sQ0FBQyxLQUFLLElBQUksRUFBRSxDQUFDO1FBQ2pDLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUM7UUFDbkMsSUFBSSxDQUFDLEtBQUssR0FBRyxPQUFPLENBQUMsS0FBSyxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDO1FBQzdELElBQUksQ0FBQyxXQUFXLEdBQUcsT0FBTyxDQUFDLFdBQVcsSUFBSSxFQUFFLENBQUM7UUFDN0MsSUFBSSxDQUFDLElBQUksR0FBRyxPQUFPLENBQUMsSUFBSSxJQUFJLEVBQUUsQ0FBQztRQUMvQixJQUFJLENBQUMsV0FBVyxHQUFHLE9BQU8sQ0FBQyxXQUFXLElBQUksRUFBRSxDQUFDO1FBQzdDLElBQUksQ0FBQyxRQUFRLEdBQUcsT0FBTyxDQUFDLFFBQVEsSUFBSSxLQUFLLENBQUM7UUFDMUMsSUFBSSxDQUFDLElBQUksR0FBRyxPQUFPLENBQUMsSUFBSSxJQUFJLEVBQUUsQ0FBQztRQUMvQixJQUFJLENBQUMsTUFBTSxHQUFHLE9BQU8sQ0FBQyxNQUFNLElBQUksRUFBRSxDQUFDO1FBQ25DLElBQUksQ0FBQyxNQUFNLEdBQUcsT0FBTyxDQUFDLE1BQU0sSUFBSSxFQUFFLENBQUM7UUFDbkMsSUFBSSxDQUFDLFFBQVEsR0FBRyxPQUFPLENBQUMsUUFBUSxJQUFJLEtBQUssQ0FBQztRQUMxQyxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsT0FBTyxDQUFDLGdCQUFnQixJQUFJLE9BQU8sQ0FBQztRQUM1RCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsT0FBTyxDQUFDLGdCQUFnQixJQUFJLE9BQU8sQ0FBQztRQUM1RCxJQUFJLENBQUMsY0FBYyxHQUFHLE9BQU8sQ0FBQyxjQUFjLElBQUksQ0FBQyxDQUFDO1FBQ2xELElBQUksQ0FBQyxjQUFjLEdBQUcsT0FBTyxDQUFDLGNBQWMsSUFBSSxDQUFDLENBQUM7UUFDbEQsSUFBSSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUMsT0FBTyxJQUFJLEVBQUUsQ0FBQztRQUNyQyxJQUFJLENBQUMsSUFBSSxHQUFHLE9BQU8sQ0FBQyxJQUFJLElBQUksRUFBRSxDQUFDO1FBQy9CLElBQUksQ0FBQyxRQUFRLEdBQUcsT0FBTyxDQUFDLFFBQVEsSUFBSSxLQUFLLENBQUM7UUFDMUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxPQUFPLENBQUMsTUFBTSxJQUFJLFNBQVMsQ0FBQztRQUMxQyxJQUFJLENBQUMsU0FBUyxHQUFHLE9BQU8sQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDO1FBQzNDLElBQUksQ0FBQyxNQUFNLEdBQUcsT0FBTyxDQUFDLE1BQU0sSUFBSSxTQUFTLENBQUM7UUFDMUMsSUFBSSxDQUFDLFlBQVksR0FBRyxPQUFPLENBQUMsWUFBWSxJQUFJLFNBQVMsQ0FBQztRQUN0RCxJQUFJLENBQUMsSUFBSSxHQUFHLE9BQU8sQ0FBQyxJQUFJLElBQUksU0FBUyxDQUFDO1FBQ3RDLElBQUksQ0FBQyxZQUFZLEdBQUcsT0FBTyxDQUFDLFlBQVksSUFBSSxFQUFFLENBQUM7UUFDL0MsSUFBSSxDQUFDLFVBQVU7WUFDYixPQUFPLENBQUMsVUFBVSxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQy9ELElBQUksQ0FBQyxNQUFNLEdBQUcsT0FBTyxDQUFDLE1BQU0sSUFBSSxTQUFTLENBQUM7UUFDMUMsSUFBSSxDQUFDLFdBQVcsR0FBRyxPQUFPLENBQUMsV0FBVyxJQUFJLEtBQUssQ0FBQztRQUNoRCxJQUFJLENBQUMsYUFBYSxHQUFHLE9BQU8sQ0FBQyxhQUFhLElBQUksS0FBSyxDQUFDO1FBQ3BELElBQUksQ0FBQyxZQUFZLEdBQUcsT0FBTyxDQUFDLFlBQVksSUFBSSxTQUFTLENBQUM7SUFDeEQsQ0FBQztDQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRXZlbnRFbWl0dGVyIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEVsZW1lbnRHcm91cCB9IGZyb20gXCIuLi9pbnRlcmZhY2VzL2VsZW1lbnQtZ3JvdXAuaW50ZXJmYWNlXCI7XG5pbXBvcnQgeyBFbGVtZW50T3B0aW9uIH0gZnJvbSBcIi4uL2ludGVyZmFjZXMvZWxlbWVudC1vcHRpb24uaW50ZXJmYWNlXCI7XG5pbXBvcnQgeyBBY3Rpb25CdXR0b24gfSBmcm9tIFwiLi9hY3Rpb24tYnV0dG9uXCI7XG5pbXBvcnQgeyBFbGVtZW50U2VhcmNoIH0gZnJvbSBcIi4vZWxlbWVudC1zZWFyY2hcIjtcbmltcG9ydCB7IEVycm9ycyB9IGZyb20gXCIuL2Vycm9yc1wiO1xuZXhwb3J0IGludGVyZmFjZSBTdGF0dXMge1xuICBsYWJlbDogc3RyaW5nO1xufVxuXG5leHBvcnQgY2xhc3MgRWxlbWVudEJhc2Uge1xuICB2YWx1ZTogc3RyaW5nO1xuICBrZXk6IHN0cmluZztcbiAgbGFiZWw6IHN0cmluZztcbiAgcmVxdWlyZWQ6IGJvb2xlYW47XG4gIG9yZGVyOiBudW1iZXI7XG4gIGNvbnRyb2xUeXBlOiBzdHJpbmc7XG4gIHR5cGU6IHN0cmluZztcbiAgcGxhY2Vob2xkZXI/OiBzdHJpbmc7XG4gIHJlYWRvbmx5OiBib29sZWFuO1xuICBoaW50Pzogc3RyaW5nO1xuICBwcmVmaXg/OiBzdHJpbmc7XG4gIHN1ZmZpeD86IHN0cmluZztcbiAgYXV0b3NpemU/OiBib29sZWFuO1xuICBhdXRvc2l6ZU1pbldpZHRoPzogc3RyaW5nO1xuICBhdXRvc2l6ZU1heFdpZHRoPzogc3RyaW5nO1xuICBhdXRvc2l6ZU1pblJvdz86IG51bWJlcjtcbiAgYXV0b3NpemVNYXhSb3c/OiBudW1iZXI7XG4gIG9wdGlvbnM6IEVsZW1lbnRPcHRpb25bXSB8IEVsZW1lbnRHcm91cFtdO1xuICB0cmVlOiBhbnlbXTtcbiAgbXVsdGlwbGU/OiBib29sZWFuO1xuICBzZWFyY2g/OiBFbGVtZW50U2VhcmNoO1xuICBtYXhMZW5ndGghOiBzdHJpbmcgfCBudW1iZXIgfCBudWxsO1xuICBlcnJvcnM/OiBFcnJvcnM7XG4gIGFjdGlvbkJ1dHRvbj86IEFjdGlvbkJ1dHRvbjtcbiAgbWFzaz86IHN0cmluZztcbiAgYXV0b2NvbXBsZXRlPzogc3RyaW5nO1xuICBjbGVhclZhbHVlPzogYm9vbGVhbjtcbiAgc3RhdHVzPzogU3RhdHVzW107XG4gIGNoZWNrUGFyZW50PzogYm9vbGVhbjtcbiAgY2hlY2tDaGlsZHJlbj86IGJvb2xlYW47XG4gIG9wZW5lZENoYW5nZT86IEV2ZW50RW1pdHRlcjxhbnk+O1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIG9wdGlvbnM6IHtcbiAgICAgIHZhbHVlPzogc3RyaW5nO1xuICAgICAga2V5Pzogc3RyaW5nO1xuICAgICAgbGFiZWw/OiBzdHJpbmc7XG4gICAgICByZXF1aXJlZD86IGJvb2xlYW47XG4gICAgICBvcmRlcj86IG51bWJlcjtcbiAgICAgIGNvbnRyb2xUeXBlPzogc3RyaW5nO1xuICAgICAgdHlwZT86IHN0cmluZztcbiAgICAgIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuICAgICAgcmVhZG9ubHk/OiBib29sZWFuO1xuICAgICAgaGludD86IHN0cmluZztcbiAgICAgIHByZWZpeD86IHN0cmluZztcbiAgICAgIHN1ZmZpeD86IHN0cmluZztcbiAgICAgIGF1dG9zaXplPzogYm9vbGVhbjtcbiAgICAgIGF1dG9zaXplTWluV2lkdGg/OiBzdHJpbmc7XG4gICAgICBhdXRvc2l6ZU1heFdpZHRoPzogc3RyaW5nO1xuICAgICAgYXV0b3NpemVNaW5Sb3c/OiBudW1iZXI7XG4gICAgICBhdXRvc2l6ZU1heFJvdz86IG51bWJlcjtcbiAgICAgIG9wdGlvbnM/OiBFbGVtZW50T3B0aW9uW10gfCBFbGVtZW50R3JvdXBbXTtcbiAgICAgIHRyZWU/OiBhbnlbXTtcbiAgICAgIG11bHRpcGxlPzogYm9vbGVhbjtcbiAgICAgIHNlYXJjaD86IEVsZW1lbnRTZWFyY2g7XG4gICAgICBtYXhMZW5ndGg/OiBzdHJpbmcgfCBudW1iZXIgfCBudWxsO1xuICAgICAgZXJyb3JzPzogRXJyb3JzO1xuICAgICAgYWN0aW9uQnV0dG9uPzogQWN0aW9uQnV0dG9uO1xuICAgICAgbWFzaz86IHN0cmluZztcbiAgICAgIGF1dG9jb21wbGV0ZT86IHN0cmluZztcbiAgICAgIGNsZWFyVmFsdWU/OiBib29sZWFuO1xuICAgICAgc3RhdHVzPzogU3RhdHVzW107XG4gICAgICBjaGVja1BhcmVudD86IGJvb2xlYW47XG4gICAgICBjaGVja0NoaWxkcmVuPzogYm9vbGVhbjtcbiAgICAgIG9wZW5lZENoYW5nZT86IEV2ZW50RW1pdHRlcjxhbnk+O1xuICAgIH0gPSB7fVxuICApIHtcbiAgICB0aGlzLnZhbHVlID0gb3B0aW9ucy52YWx1ZSB8fCBcIlwiO1xuICAgIHRoaXMua2V5ID0gb3B0aW9ucy5rZXkgfHwgXCJcIjtcbiAgICB0aGlzLmxhYmVsID0gb3B0aW9ucy5sYWJlbCB8fCBcIlwiO1xuICAgIHRoaXMucmVxdWlyZWQgPSAhIW9wdGlvbnMucmVxdWlyZWQ7XG4gICAgdGhpcy5vcmRlciA9IG9wdGlvbnMub3JkZXIgPT09IHVuZGVmaW5lZCA/IDEgOiBvcHRpb25zLm9yZGVyO1xuICAgIHRoaXMuY29udHJvbFR5cGUgPSBvcHRpb25zLmNvbnRyb2xUeXBlIHx8IFwiXCI7XG4gICAgdGhpcy50eXBlID0gb3B0aW9ucy50eXBlIHx8IFwiXCI7XG4gICAgdGhpcy5wbGFjZWhvbGRlciA9IG9wdGlvbnMucGxhY2Vob2xkZXIgfHwgXCJcIjtcbiAgICB0aGlzLnJlYWRvbmx5ID0gb3B0aW9ucy5yZWFkb25seSB8fCBmYWxzZTtcbiAgICB0aGlzLmhpbnQgPSBvcHRpb25zLmhpbnQgfHwgXCJcIjtcbiAgICB0aGlzLnByZWZpeCA9IG9wdGlvbnMucHJlZml4IHx8IFwiXCI7XG4gICAgdGhpcy5zdWZmaXggPSBvcHRpb25zLnN1ZmZpeCB8fCBcIlwiO1xuICAgIHRoaXMuYXV0b3NpemUgPSBvcHRpb25zLmF1dG9zaXplIHx8IGZhbHNlO1xuICAgIHRoaXMuYXV0b3NpemVNaW5XaWR0aCA9IG9wdGlvbnMuYXV0b3NpemVNaW5XaWR0aCB8fCBcIjIxMnB4XCI7XG4gICAgdGhpcy5hdXRvc2l6ZU1heFdpZHRoID0gb3B0aW9ucy5hdXRvc2l6ZU1heFdpZHRoIHx8IFwiNDAwcHhcIjtcbiAgICB0aGlzLmF1dG9zaXplTWluUm93ID0gb3B0aW9ucy5hdXRvc2l6ZU1pblJvdyB8fCAyO1xuICAgIHRoaXMuYXV0b3NpemVNYXhSb3cgPSBvcHRpb25zLmF1dG9zaXplTWF4Um93IHx8IDU7XG4gICAgdGhpcy5vcHRpb25zID0gb3B0aW9ucy5vcHRpb25zIHx8IFtdO1xuICAgIHRoaXMudHJlZSA9IG9wdGlvbnMudHJlZSB8fCBbXTtcbiAgICB0aGlzLm11bHRpcGxlID0gb3B0aW9ucy5tdWx0aXBsZSB8fCBmYWxzZTtcbiAgICB0aGlzLnNlYXJjaCA9IG9wdGlvbnMuc2VhcmNoIHx8IHVuZGVmaW5lZDtcbiAgICB0aGlzLm1heExlbmd0aCA9IG9wdGlvbnMubWF4TGVuZ3RoIHx8IG51bGw7XG4gICAgdGhpcy5lcnJvcnMgPSBvcHRpb25zLmVycm9ycyB8fCB1bmRlZmluZWQ7XG4gICAgdGhpcy5hY3Rpb25CdXR0b24gPSBvcHRpb25zLmFjdGlvbkJ1dHRvbiB8fCB1bmRlZmluZWQ7XG4gICAgdGhpcy5tYXNrID0gb3B0aW9ucy5tYXNrIHx8IHVuZGVmaW5lZDtcbiAgICB0aGlzLmF1dG9jb21wbGV0ZSA9IG9wdGlvbnMuYXV0b2NvbXBsZXRlIHx8IFwiXCI7XG4gICAgdGhpcy5jbGVhclZhbHVlID1cbiAgICAgIG9wdGlvbnMuY2xlYXJWYWx1ZSAhPT0gdW5kZWZpbmVkID8gb3B0aW9ucy5jbGVhclZhbHVlIDogdHJ1ZTtcbiAgICB0aGlzLnN0YXR1cyA9IG9wdGlvbnMuc3RhdHVzIHx8IHVuZGVmaW5lZDtcbiAgICB0aGlzLmNoZWNrUGFyZW50ID0gb3B0aW9ucy5jaGVja1BhcmVudCB8fCBmYWxzZTtcbiAgICB0aGlzLmNoZWNrQ2hpbGRyZW4gPSBvcHRpb25zLmNoZWNrQ2hpbGRyZW4gfHwgZmFsc2U7XG4gICAgdGhpcy5vcGVuZWRDaGFuZ2UgPSBvcHRpb25zLm9wZW5lZENoYW5nZSB8fCB1bmRlZmluZWQ7XG4gIH1cbn1cbiJdfQ==

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

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxlbWVudC1vcHRpb24uaW50ZXJmYWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29yZS9pbnRlcmZhY2VzL2VsZW1lbnQtb3B0aW9uLmludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBFbGVtZW50T3B0aW9uIHtcbiAga2V5OiBzdHJpbmc7XG4gIHZhbHVlOiBzdHJpbmc7XG4gIGNoaWxkcmVuTGV2ZWw/OiBudW1iZXIgfCBudWxsO1xufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxlbWVudC1vcHRpb24uaW50ZXJmYWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29yZS9pbnRlcmZhY2VzL2VsZW1lbnQtb3B0aW9uLmludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBFbGVtZW50T3B0aW9uIHtcbiAga2V5OiBzdHJpbmc7XG4gIHZhbHVlOiBzdHJpbmc7XG4gIGNoaWxkcmVuPzogRWxlbWVudE9wdGlvbltdO1xuICBjaGlsZHJlbkxldmVsPzogbnVtYmVyIHwgbnVsbDtcbn1cbiJdfQ==

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

@@ -82,6 +82,7 @@ class MapaDropdownComponent {
         return Array.isArray(value) ? value : [value];
     }
     constructor() {
+        this.openedChange = new EventEmitter();
         this.filteredOptions = new ReplaySubject(1);
         this.filteredGroups = new ReplaySubject(1);
         this.filteredOptionsCache = [];
@@ -127,10 +128,10 @@ class MapaDropdownComponent {
         }
     }
     filterOptionsFromGroup(group, value) {
-        const filterValue = value.toLocaleLowerCase();
-        return group.label.toLocaleLowerCase().includes(filterValue)
+        const filterValue = this.normalizeValue(value);
+        return this.normalizeValue(group.label).includes(filterValue)
             ? group.options
-            : group.options.filter((item) => item.value.toLocaleLowerCase().includes(filterValue));
+            : group.options.filter((item) => this.normalizeValue(item.value).includes(filterValue));
     }
     filterOptions() {
         var _a, _b;
@@ -138,7 +139,7 @@ class MapaDropdownComponent {
             return;
         }
         // get the search keyword
-        let search = (_b = (_a = this.element.search) === null || _a === void 0 ? void 0 : _a.formControl) === null || _b === void 0 ? void 0 : _b.value.toLowerCase();
+        let search = this.normalizeValue((_b = (_a = this.element.search) === null || _a === void 0 ? void 0 : _a.formControl) === null || _b === void 0 ? void 0 : _b.value);
         if (this.isOptionsGroup) {
             const groups = this.element.options;
             this.filteredGroupCache = groups
@@ -157,10 +158,21 @@ class MapaDropdownComponent {
                 return;
             }
             // filter the options
-            this.filteredOptionsCache = options.filter((option) => option.value.toLowerCase().indexOf(search) > -1);
+            this.filteredOptionsCache = options.filter((option) => this.normalizeValue(option.value).indexOf(search) > -1);
             this.filteredOptions.next(this.filteredOptionsCache);
         }
     }
+    normalizeValue(value) {
+        const normalizedValue = value
+            .normalize('NFD')
+            .replace(/[\u0300-\u036f]/g, "")
+            .toLowerCase();
+        console.log(normalizedValue);
+        return normalizedValue;
+    }
+    triggerOpenedChange(event) {
+        this.openedChange.emit(event);
+    }
     setToggleAllCheckboxState() {
         var _a, _b;
         let filteredLength = 0;
@@ -229,10 +241,10 @@ class MapaDropdownComponent {
     }
 }
 MapaDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MapaDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaDropdownComponent, selector: "mapa-dropdown", inputs: { formControl: "formControl", formControlSearch: "formControlSearch", element: "element", border: "border" }, viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"element\">\n  <label *ngIf=\"element.label\" class=\"mapa-dropdown__label\">\n    {{ element.label }}\n  </label>\n  <div class=\"mapa-form--inline\">\n    <mat-form-field\n      appearance=\"outline\"\n      class=\"mapa-dropdown\"\n      [class.mapa-dropdown--highlight]=\"border === 'highlight'\"\n      [class.mapa-dropdown--soft-border]=\"border === 'soft'\"\n      [class.mapa-dropdown--tag]=\"border === 'tag'\"\n      [class.mapa-dropdown--labeled]=\"!!element.label\"\n    >\n      <mat-select\n        #dropdown\n        ngDefaultControl\n        [formControl]=\"formControl\"\n        [multiple]=\"element.multiple\"\n        [placeholder]=\"element.placeholder || ''\"\n        [compareWith]=\"compareFn\"\n      >\n        <mat-option *ngIf=\"element.search\" class=\"mapa-dropdown__search\">\n          <ngx-mat-select-search\n            *ngIf=\"element.search.formControl\"\n            [showToggleAllCheckbox]=\"element.search.toggleAllCheckbox!\"\n            [formControl]=\"element.search.formControl\"\n            [placeholderLabel]=\"element.search.placeholder || ''\"\n            i18n-placeholderLabel\n            [noEntriesFoundLabel]=\"element.search.noEntriesFoundLabel || ''\"\n          ></ngx-mat-select-search>\n        </mat-option>\n        <mat-option\n          *ngIf=\"element.multiple\"\n          class=\"mapa-dropdown__option--select-all\"\n        >\n          <mat-checkbox\n            class=\"mat-option\"\n            [indeterminate]=\"isIndeterminate\"\n            [checked]=\"isChecked\"\n            (click)=\"$event.stopPropagation()\"\n            (change)=\"toggleSelectAll($event)\"\n          >\n            Selecionar todos\n          </mat-checkbox>\n        </mat-option>\n        <ng-container *ngIf=\"isOptionsGroup; else isElementOptions\">\n          <mat-optgroup\n            *ngFor=\"let group of filteredGroups | async\"\n            [label]=\"group.label\"\n          >\n            <mat-option\n              *ngFor=\"let option of group.options\"\n              [value]=\"option\"\n              [ngClass]=\"[\n                'mapa-dropdown__option--children-level-' + option.childrenLevel\n              ]\"\n            >\n              <span [innerHTML]=\"option.value\"></span>\n            </mat-option>\n          </mat-optgroup>\n        </ng-container>\n        <ng-template #isElementOptions>\n          <mat-option\n            *ngFor=\"let option of filteredOptions | async\"\n            [value]=\"option\"\n            [ngClass]=\"[\n              'mapa-dropdown__option mapa-dropdown__option--children-level-' + option.childrenLevel\n            ]\"\n          >\n            <span class=\"mapa-dropdown__option-value\" [innerHTML]=\"option.value\"></span>\n          </mat-option>\n        </ng-template>\n\n        <mat-option\n          *ngFor=\"let option of selectedOptions\"\n          hidden\n          [value]=\"option\"\n          [ngClass]=\"[\n            'mapa-dropdown__option--children-level-' + option.childrenLevel\n          ]\"\n        >\n          <span [innerHTML]=\"option.value\"></span>\n        </mat-option>\n      </mat-select>\n      <mat-hint *ngIf=\"element.hint\">{{ element.hint }}</mat-hint>\n      <mat-error *ngIf=\"formControl?.hasError('required')\">\n        {{ element.errors?.required }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('minlength')\">\n        {{ element.errors?.minlength }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('cpf')\">\n        {{ element.errors?.cpf }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('cnpj')\">\n        {{ element.errors?.cnpj }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('email')\">\n        {{ element.errors?.email }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('pattern')\">\n        {{ element.errors?.pattern }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('min')\">\n        {{ element.errors?.min }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('max')\">\n        {{ element.errors?.max }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('minlength')\">\n        {{ element.errors?.minLength }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('maxlength')\">\n        {{ element.errors?.maxLength }}\n      </mat-error>\n      <mat-icon\n        *ngIf=\"hasValue() && !formControl.disabled && element.clearValue\"\n        (click)=\"clearValue($event)\"\n        class=\"mapa-input--close\"\n        >close</mat-icon\n      >\n    </mat-form-field>\n    <div *ngIf=\"element.actionButton\" class=\"mapa-form--action\">\n      <mapa-button\n        color=\"basic\"\n        (click)=\"element.actionButton.action.emit(true)\"\n      >\n        {{ element.actionButton.label }}\n      </mapa-button>\n    </div>\n  </div>\n</div>\n", styles: [".mapa-dropdown{max-width:min-content;min-width:235px}.mapa-dropdown .mat-select{font-family:Inter,Arial,Helvetica,sans-serif!important}.mapa-dropdown .mat-icon{display:flex;justify-content:center;align-items:center;position:absolute;right:32px;top:4px}.mapa-dropdown__label{display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}.mapa-dropdown__option{height:auto!important;align-items:start!important}.mapa-dropdown__option--children-level-1{padding-left:30px!important}.mapa-dropdown__option--children-level-2{padding-left:50px!important}.mapa-dropdown__option--children-level-3{padding-left:70px!important}.mapa-dropdown__option--children-level-4{padding-left:90px!important}.mapa-dropdown__option--children-level-5{padding-left:100px!important}.mapa-dropdown__option--children-level-6{padding-left:120px!important}.mapa-dropdown__option--select-all .mat-pseudo-checkbox{display:none!important}.mapa-dropdown__option--select-all .mat-checkbox{padding:0!important}.mapa-dropdown__option-value{text-wrap:auto}.mapa-dropdown__option .mat-pseudo-checkbox{margin:7px 7px 7px 0!important}.mapa-dropdown__option .mat-option-text{height:auto!important}.mapa-dropdown--highlight .mat-form-field-outline{border-radius:16px!important}.mapa-dropdown--highlight .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown--highlight .mat-form-field-outline .mat-form-field-outline-end{border-width:2px!important;border-color:#eedb2a!important}.mapa-dropdown--highlight .mat-form-field-outline .mat-form-field-outline-start{display:none!important}.mapa-dropdown--highlight .mat-form-field-outline .mat-form-field-outline-end{border-radius:16px!important;border-left-style:solid!important}.mapa-dropdown--soft-border .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown--soft-border .mat-form-field-outline .mat-form-field-outline-end{border-width:1px!important}.mapa-dropdown--tag .mat-form-field-outline{border-radius:16px!important;height:42px!important}.mapa-dropdown--tag .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown--tag .mat-form-field-outline .mat-form-field-outline-end{border-width:1px!important;border-color:#cdcdcd}.mapa-dropdown--tag .mat-form-field-outline .mat-form-field-outline-start{display:none!important}.mapa-dropdown--tag .mat-form-field-outline .mat-form-field-outline-end{border-radius:16px!important;border-left-style:solid!important}.mapa-dropdown .mat-form-field-outline{background-color:#fff;border-radius:8px}.mapa-dropdown .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown .mat-form-field-outline .mat-form-field-outline-end{border-width:2px}.mapa-dropdown .mat-form-field-flex{display:flex;align-items:center;height:48px}.mapa-dropdown .mat-form-field-infix{border-top:unset!important;padding:unset!important;position:relative}.mapa-dropdown .mat-select-trigger{min-width:50px;padding-top:.3em;height:unset!important}.mapa-dropdown .mat-select-value-text{display:block;width:90%}.mapa-dropdown .mat-select-arrow-wrapper{transform:none!important}.mapa-dropdown .mat-select-arrow{border:unset}.mapa-dropdown .mat-select-arrow:before,.mapa-dropdown .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 .mat-form-field-subscript-wrapper{padding:0!important}.mapa-dropdown [aria-expanded=true] .mat-select-arrow{margin:6px 0 0}.mapa-dropdown [aria-expanded=true] .mat-select-arrow:before,.mapa-dropdown [aria-expanded=true] .mat-select-arrow:after{transform:rotate(-135deg)!important;-webkit-transform:rotate(-135deg)!important}.mapa-overlay-dropdown{transform:translate(-16px) translateY(36px)!important}.mapa-overlay-dropdown .mat-select-panel{border-radius:8px;min-width:calc(100% + 24px)!important}.mapa-overlay-dropdown .mat-select-panel .mat-option,.mapa-overlay-dropdown .mat-select-panel .mat-option-text{font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:16px;font-style:normal;font-weight:400;line-height:2em;height:2em;color:#50575e}.mapa-overlay-dropdown .mat-select-panel .mat-option[aria-disabled=true].contains-mat-select-search{height:48px}.mapa-overlay-dropdown .mat-select-panel .mat-select-search-inside-mat-option .mat-select-search-input{background-color:#fff;border:2px solid #a7aaad;border-radius:6px;margin:8px;height:2.3em!important;line-height:2.3em!important;width:96%}.mapa-overlay-dropdown .mat-select-panel .mat-select-search-input{padding:8px 53px 8px 8px!important}.mapa-overlay-dropdown .mat-select-panel .mat-select-search-inner{background-color:#f6f7f7}.mapa-overlay-dropdown .mat-pseudo-checkbox{color:#c3c4c7!important}.mapa-overlay-dropdown .mat-checkbox-frame{border-color:#c3c4c7!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: ButtonComponent, selector: "mapa-button", inputs: ["color", "disabled"], outputs: ["clicked"] }, { kind: "component", type: i1$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "component", type: i7.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i8.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i8.MatOptgroup, selector: "mat-optgroup", inputs: ["disabled"], exportAs: ["matOptgroup"] }, { kind: "component", type: i9.MatSelectSearchComponent, selector: "ngx-mat-select-search", inputs: ["placeholderLabel", "type", "closeIcon", "closeSvgIcon", "noEntriesFoundLabel", "clearSearchInput", "searching", "disableInitialFocus", "enableClearOnEscapePressed", "preventHomeEndKeyPropagation", "disableScrollToActiveOnOptionsChanged", "ariaLabel", "showToggleAllCheckbox", "toggleAllCheckboxChecked", "toggleAllCheckboxIndeterminate", "toggleAllCheckboxTooltipMessage", "toggleAllCheckboxTooltipPosition", "hideClearSearchButton", "alwaysRestoreSelectedOptionsMulti"], outputs: ["toggleAll"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None });
+MapaDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaDropdownComponent, selector: "mapa-dropdown", inputs: { formControl: "formControl", formControlSearch: "formControlSearch", element: "element", border: "border" }, outputs: { openedChange: "openedChange" }, viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"element\">\n  <label *ngIf=\"element.label\" class=\"mapa-dropdown__label\">\n    {{ element.label }}\n  </label>\n  <div class=\"mapa-form--inline\">\n    <mat-form-field\n      appearance=\"outline\"\n      class=\"mapa-dropdown\"\n      [class.mapa-dropdown--highlight]=\"border === 'highlight'\"\n      [class.mapa-dropdown--soft-border]=\"border === 'soft'\"\n      [class.mapa-dropdown--tag]=\"border === 'tag'\"\n      [class.mapa-dropdown--labeled]=\"!!element.label\"\n    >\n      <mat-select\n        #dropdown\n        ngDefaultControl\n        [formControl]=\"formControl\"\n        [multiple]=\"element.multiple\"\n        [placeholder]=\"element.placeholder || ''\"\n        [compareWith]=\"compareFn\"\n        (openedChange)=\"triggerOpenedChange($event)\"\n      >\n        <mat-option *ngIf=\"element.search\" class=\"mapa-dropdown__search\">\n          <ngx-mat-select-search\n            *ngIf=\"element.search.formControl\"\n            [showToggleAllCheckbox]=\"element.search.toggleAllCheckbox!\"\n            [formControl]=\"element.search.formControl\"\n            [placeholderLabel]=\"element.search.placeholder || ''\"\n            i18n-placeholderLabel\n            [noEntriesFoundLabel]=\"element.search.noEntriesFoundLabel || ''\"\n          ></ngx-mat-select-search>\n        </mat-option>\n        <mat-option\n          *ngIf=\"element.multiple\"\n          class=\"mapa-dropdown__option--select-all\"\n        >\n          <mat-checkbox\n            class=\"mat-option\"\n            [indeterminate]=\"isIndeterminate\"\n            [checked]=\"isChecked\"\n            (click)=\"$event.stopPropagation()\"\n            (change)=\"toggleSelectAll($event)\"\n          >\n            Selecionar todos\n          </mat-checkbox>\n        </mat-option>\n        <ng-container *ngIf=\"isOptionsGroup; else isElementOptions\">\n          <mat-optgroup\n            *ngFor=\"let group of filteredGroups | async\"\n            [label]=\"group.label\"\n          >\n            <mat-option\n              *ngFor=\"let option of group.options\"\n              [value]=\"option\"\n              [ngClass]=\"[\n                'mapa-dropdown__option--children-level-' + option.childrenLevel\n              ]\"\n            >\n              <span [innerHTML]=\"option.value\"></span>\n            </mat-option>\n          </mat-optgroup>\n        </ng-container>\n        <ng-template #isElementOptions>\n          <mat-option\n            *ngFor=\"let option of filteredOptions | async\"\n            [value]=\"option\"\n            [ngClass]=\"[\n              'mapa-dropdown__option mapa-dropdown__option--children-level-' + option.childrenLevel\n            ]\"\n          >\n            <span class=\"mapa-dropdown__option-value\" [innerHTML]=\"option.value\"></span>\n          </mat-option>\n        </ng-template>\n\n        <mat-option\n          *ngFor=\"let option of selectedOptions\"\n          hidden\n          [value]=\"option\"\n          [ngClass]=\"[\n            'mapa-dropdown__option--children-level-' + option.childrenLevel\n          ]\"\n        >\n          <span [innerHTML]=\"option.value\"></span>\n        </mat-option>\n      </mat-select>\n      <mat-hint *ngIf=\"element.hint\">{{ element.hint }}</mat-hint>\n      <mat-error *ngIf=\"formControl?.hasError('required')\">\n        {{ element.errors?.required }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('minlength')\">\n        {{ element.errors?.minlength }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('cpf')\">\n        {{ element.errors?.cpf }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('cnpj')\">\n        {{ element.errors?.cnpj }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('email')\">\n        {{ element.errors?.email }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('pattern')\">\n        {{ element.errors?.pattern }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('min')\">\n        {{ element.errors?.min }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('max')\">\n        {{ element.errors?.max }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('minlength')\">\n        {{ element.errors?.minLength }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('maxlength')\">\n        {{ element.errors?.maxLength }}\n      </mat-error>\n      <mat-icon\n        *ngIf=\"hasValue() && !formControl.disabled && element.clearValue\"\n        (click)=\"clearValue($event)\"\n        class=\"mapa-input--close\"\n        >close</mat-icon\n      >\n    </mat-form-field>\n    <div *ngIf=\"element.actionButton\" class=\"mapa-form--action\">\n      <mapa-button\n        color=\"basic\"\n        (click)=\"element.actionButton.action.emit(true)\"\n      >\n        {{ element.actionButton.label }}\n      </mapa-button>\n    </div>\n  </div>\n</div>\n", styles: [".mapa-dropdown{max-width:min-content;min-width:235px}.mapa-dropdown .mat-select{font-family:Inter,Arial,Helvetica,sans-serif!important}.mapa-dropdown .mat-icon{display:flex;justify-content:center;align-items:center;position:absolute;right:32px;top:4px}.mapa-dropdown__label{display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}.mapa-dropdown__option{height:auto!important;align-items:start!important}.mapa-dropdown__option--children-level-1{padding-left:30px!important}.mapa-dropdown__option--children-level-2{padding-left:50px!important}.mapa-dropdown__option--children-level-3{padding-left:70px!important}.mapa-dropdown__option--children-level-4{padding-left:90px!important}.mapa-dropdown__option--children-level-5{padding-left:100px!important}.mapa-dropdown__option--children-level-6{padding-left:120px!important}.mapa-dropdown__option--select-all .mat-pseudo-checkbox{display:none!important}.mapa-dropdown__option--select-all .mat-checkbox{padding:0!important}.mapa-dropdown__option-value{text-wrap:auto}.mapa-dropdown__option .mat-pseudo-checkbox{margin:7px 7px 7px 0!important}.mapa-dropdown__option .mat-option-text{height:auto!important}.mapa-dropdown--highlight .mat-form-field-outline{border-radius:16px!important}.mapa-dropdown--highlight .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown--highlight .mat-form-field-outline .mat-form-field-outline-end{border-width:2px!important;border-color:#eedb2a!important}.mapa-dropdown--highlight .mat-form-field-outline .mat-form-field-outline-start{display:none!important}.mapa-dropdown--highlight .mat-form-field-outline .mat-form-field-outline-end{border-radius:16px!important;border-left-style:solid!important}.mapa-dropdown--soft-border .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown--soft-border .mat-form-field-outline .mat-form-field-outline-end{border-width:1px!important}.mapa-dropdown--tag .mat-form-field-outline{border-radius:16px!important;height:42px!important}.mapa-dropdown--tag .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown--tag .mat-form-field-outline .mat-form-field-outline-end{border-width:1px!important;border-color:#cdcdcd}.mapa-dropdown--tag .mat-form-field-outline .mat-form-field-outline-start{display:none!important}.mapa-dropdown--tag .mat-form-field-outline .mat-form-field-outline-end{border-radius:16px!important;border-left-style:solid!important}.mapa-dropdown .mat-form-field-outline{background-color:#fff;border-radius:8px}.mapa-dropdown .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown .mat-form-field-outline .mat-form-field-outline-end{border-width:2px}.mapa-dropdown .mat-form-field-flex{display:flex;align-items:center;height:48px}.mapa-dropdown .mat-form-field-infix{border-top:unset!important;padding:unset!important;position:relative}.mapa-dropdown .mat-select-trigger{min-width:50px;padding-top:.3em;height:unset!important}.mapa-dropdown .mat-select-value-text{display:block;width:90%}.mapa-dropdown .mat-select-arrow-wrapper{transform:none!important}.mapa-dropdown .mat-select-arrow{border:unset}.mapa-dropdown .mat-select-arrow:before,.mapa-dropdown .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 .mat-form-field-subscript-wrapper{padding:0!important}.mapa-dropdown [aria-expanded=true] .mat-select-arrow{margin:6px 0 0}.mapa-dropdown [aria-expanded=true] .mat-select-arrow:before,.mapa-dropdown [aria-expanded=true] .mat-select-arrow:after{transform:rotate(-135deg)!important;-webkit-transform:rotate(-135deg)!important}.mapa-overlay-dropdown{transform:translate(-16px) translateY(36px)!important}.mapa-overlay-dropdown .mat-select-panel{border-radius:8px;min-width:calc(100% + 24px)!important}.mapa-overlay-dropdown .mat-select-panel .mat-option,.mapa-overlay-dropdown .mat-select-panel .mat-option-text{font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:16px;font-style:normal;font-weight:400;line-height:2em;height:2em;color:#50575e}.mapa-overlay-dropdown .mat-select-panel .mat-option[aria-disabled=true].contains-mat-select-search{height:48px}.mapa-overlay-dropdown .mat-select-panel .mat-select-search-inside-mat-option .mat-select-search-input{background-color:#fff;border:2px solid #a7aaad;border-radius:6px;margin:8px;height:2.3em!important;line-height:2.3em!important;width:96%}.mapa-overlay-dropdown .mat-select-panel .mat-select-search-input{padding:8px 53px 8px 8px!important}.mapa-overlay-dropdown .mat-select-panel .mat-select-search-inner{background-color:#f6f7f7}.mapa-overlay-dropdown .mat-pseudo-checkbox{color:#c3c4c7!important}.mapa-overlay-dropdown .mat-checkbox-frame{border-color:#c3c4c7!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: ButtonComponent, selector: "mapa-button", inputs: ["color", "disabled"], outputs: ["clicked"] }, { kind: "component", type: i1$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "component", type: i7.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i8.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i8.MatOptgroup, selector: "mat-optgroup", inputs: ["disabled"], exportAs: ["matOptgroup"] }, { kind: "component", type: i9.MatSelectSearchComponent, selector: "ngx-mat-select-search", inputs: ["placeholderLabel", "type", "closeIcon", "closeSvgIcon", "noEntriesFoundLabel", "clearSearchInput", "searching", "disableInitialFocus", "enableClearOnEscapePressed", "preventHomeEndKeyPropagation", "disableScrollToActiveOnOptionsChanged", "ariaLabel", "showToggleAllCheckbox", "toggleAllCheckboxChecked", "toggleAllCheckboxIndeterminate", "toggleAllCheckboxTooltipMessage", "toggleAllCheckboxTooltipPosition", "hideClearSearchButton", "alwaysRestoreSelectedOptionsMulti"], outputs: ["toggleAll"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: "mapa-dropdown", encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"element\">\n  <label *ngIf=\"element.label\" class=\"mapa-dropdown__label\">\n    {{ element.label }}\n  </label>\n  <div class=\"mapa-form--inline\">\n    <mat-form-field\n      appearance=\"outline\"\n      class=\"mapa-dropdown\"\n      [class.mapa-dropdown--highlight]=\"border === 'highlight'\"\n      [class.mapa-dropdown--soft-border]=\"border === 'soft'\"\n      [class.mapa-dropdown--tag]=\"border === 'tag'\"\n      [class.mapa-dropdown--labeled]=\"!!element.label\"\n    >\n      <mat-select\n        #dropdown\n        ngDefaultControl\n        [formControl]=\"formControl\"\n        [multiple]=\"element.multiple\"\n        [placeholder]=\"element.placeholder || ''\"\n        [compareWith]=\"compareFn\"\n      >\n        <mat-option *ngIf=\"element.search\" class=\"mapa-dropdown__search\">\n          <ngx-mat-select-search\n            *ngIf=\"element.search.formControl\"\n            [showToggleAllCheckbox]=\"element.search.toggleAllCheckbox!\"\n            [formControl]=\"element.search.formControl\"\n            [placeholderLabel]=\"element.search.placeholder || ''\"\n            i18n-placeholderLabel\n            [noEntriesFoundLabel]=\"element.search.noEntriesFoundLabel || ''\"\n          ></ngx-mat-select-search>\n        </mat-option>\n        <mat-option\n          *ngIf=\"element.multiple\"\n          class=\"mapa-dropdown__option--select-all\"\n        >\n          <mat-checkbox\n            class=\"mat-option\"\n            [indeterminate]=\"isIndeterminate\"\n            [checked]=\"isChecked\"\n            (click)=\"$event.stopPropagation()\"\n            (change)=\"toggleSelectAll($event)\"\n          >\n            Selecionar todos\n          </mat-checkbox>\n        </mat-option>\n        <ng-container *ngIf=\"isOptionsGroup; else isElementOptions\">\n          <mat-optgroup\n            *ngFor=\"let group of filteredGroups | async\"\n            [label]=\"group.label\"\n          >\n            <mat-option\n              *ngFor=\"let option of group.options\"\n              [value]=\"option\"\n              [ngClass]=\"[\n                'mapa-dropdown__option--children-level-' + option.childrenLevel\n              ]\"\n            >\n              <span [innerHTML]=\"option.value\"></span>\n            </mat-option>\n          </mat-optgroup>\n        </ng-container>\n        <ng-template #isElementOptions>\n          <mat-option\n            *ngFor=\"let option of filteredOptions | async\"\n            [value]=\"option\"\n            [ngClass]=\"[\n              'mapa-dropdown__option mapa-dropdown__option--children-level-' + option.childrenLevel\n            ]\"\n          >\n            <span class=\"mapa-dropdown__option-value\" [innerHTML]=\"option.value\"></span>\n          </mat-option>\n        </ng-template>\n\n        <mat-option\n          *ngFor=\"let option of selectedOptions\"\n          hidden\n          [value]=\"option\"\n          [ngClass]=\"[\n            'mapa-dropdown__option--children-level-' + option.childrenLevel\n          ]\"\n        >\n          <span [innerHTML]=\"option.value\"></span>\n        </mat-option>\n      </mat-select>\n      <mat-hint *ngIf=\"element.hint\">{{ element.hint }}</mat-hint>\n      <mat-error *ngIf=\"formControl?.hasError('required')\">\n        {{ element.errors?.required }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('minlength')\">\n        {{ element.errors?.minlength }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('cpf')\">\n        {{ element.errors?.cpf }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('cnpj')\">\n        {{ element.errors?.cnpj }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('email')\">\n        {{ element.errors?.email }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('pattern')\">\n        {{ element.errors?.pattern }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('min')\">\n        {{ element.errors?.min }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('max')\">\n        {{ element.errors?.max }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('minlength')\">\n        {{ element.errors?.minLength }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('maxlength')\">\n        {{ element.errors?.maxLength }}\n      </mat-error>\n      <mat-icon\n        *ngIf=\"hasValue() && !formControl.disabled && element.clearValue\"\n        (click)=\"clearValue($event)\"\n        class=\"mapa-input--close\"\n        >close</mat-icon\n      >\n    </mat-form-field>\n    <div *ngIf=\"element.actionButton\" class=\"mapa-form--action\">\n      <mapa-button\n        color=\"basic\"\n        (click)=\"element.actionButton.action.emit(true)\"\n      >\n        {{ element.actionButton.label }}\n      </mapa-button>\n    </div>\n  </div>\n</div>\n", styles: [".mapa-dropdown{max-width:min-content;min-width:235px}.mapa-dropdown .mat-select{font-family:Inter,Arial,Helvetica,sans-serif!important}.mapa-dropdown .mat-icon{display:flex;justify-content:center;align-items:center;position:absolute;right:32px;top:4px}.mapa-dropdown__label{display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}.mapa-dropdown__option{height:auto!important;align-items:start!important}.mapa-dropdown__option--children-level-1{padding-left:30px!important}.mapa-dropdown__option--children-level-2{padding-left:50px!important}.mapa-dropdown__option--children-level-3{padding-left:70px!important}.mapa-dropdown__option--children-level-4{padding-left:90px!important}.mapa-dropdown__option--children-level-5{padding-left:100px!important}.mapa-dropdown__option--children-level-6{padding-left:120px!important}.mapa-dropdown__option--select-all .mat-pseudo-checkbox{display:none!important}.mapa-dropdown__option--select-all .mat-checkbox{padding:0!important}.mapa-dropdown__option-value{text-wrap:auto}.mapa-dropdown__option .mat-pseudo-checkbox{margin:7px 7px 7px 0!important}.mapa-dropdown__option .mat-option-text{height:auto!important}.mapa-dropdown--highlight .mat-form-field-outline{border-radius:16px!important}.mapa-dropdown--highlight .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown--highlight .mat-form-field-outline .mat-form-field-outline-end{border-width:2px!important;border-color:#eedb2a!important}.mapa-dropdown--highlight .mat-form-field-outline .mat-form-field-outline-start{display:none!important}.mapa-dropdown--highlight .mat-form-field-outline .mat-form-field-outline-end{border-radius:16px!important;border-left-style:solid!important}.mapa-dropdown--soft-border .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown--soft-border .mat-form-field-outline .mat-form-field-outline-end{border-width:1px!important}.mapa-dropdown--tag .mat-form-field-outline{border-radius:16px!important;height:42px!important}.mapa-dropdown--tag .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown--tag .mat-form-field-outline .mat-form-field-outline-end{border-width:1px!important;border-color:#cdcdcd}.mapa-dropdown--tag .mat-form-field-outline .mat-form-field-outline-start{display:none!important}.mapa-dropdown--tag .mat-form-field-outline .mat-form-field-outline-end{border-radius:16px!important;border-left-style:solid!important}.mapa-dropdown .mat-form-field-outline{background-color:#fff;border-radius:8px}.mapa-dropdown .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown .mat-form-field-outline .mat-form-field-outline-end{border-width:2px}.mapa-dropdown .mat-form-field-flex{display:flex;align-items:center;height:48px}.mapa-dropdown .mat-form-field-infix{border-top:unset!important;padding:unset!important;position:relative}.mapa-dropdown .mat-select-trigger{min-width:50px;padding-top:.3em;height:unset!important}.mapa-dropdown .mat-select-value-text{display:block;width:90%}.mapa-dropdown .mat-select-arrow-wrapper{transform:none!important}.mapa-dropdown .mat-select-arrow{border:unset}.mapa-dropdown .mat-select-arrow:before,.mapa-dropdown .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 .mat-form-field-subscript-wrapper{padding:0!important}.mapa-dropdown [aria-expanded=true] .mat-select-arrow{margin:6px 0 0}.mapa-dropdown [aria-expanded=true] .mat-select-arrow:before,.mapa-dropdown [aria-expanded=true] .mat-select-arrow:after{transform:rotate(-135deg)!important;-webkit-transform:rotate(-135deg)!important}.mapa-overlay-dropdown{transform:translate(-16px) translateY(36px)!important}.mapa-overlay-dropdown .mat-select-panel{border-radius:8px;min-width:calc(100% + 24px)!important}.mapa-overlay-dropdown .mat-select-panel .mat-option,.mapa-overlay-dropdown .mat-select-panel .mat-option-text{font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:16px;font-style:normal;font-weight:400;line-height:2em;height:2em;color:#50575e}.mapa-overlay-dropdown .mat-select-panel .mat-option[aria-disabled=true].contains-mat-select-search{height:48px}.mapa-overlay-dropdown .mat-select-panel .mat-select-search-inside-mat-option .mat-select-search-input{background-color:#fff;border:2px solid #a7aaad;border-radius:6px;margin:8px;height:2.3em!important;line-height:2.3em!important;width:96%}.mapa-overlay-dropdown .mat-select-panel .mat-select-search-input{padding:8px 53px 8px 8px!important}.mapa-overlay-dropdown .mat-select-panel .mat-select-search-inner{background-color:#f6f7f7}.mapa-overlay-dropdown .mat-pseudo-checkbox{color:#c3c4c7!important}.mapa-overlay-dropdown .mat-checkbox-frame{border-color:#c3c4c7!important}\n"] }]
+            args: [{ selector: "mapa-dropdown", encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"element\">\n  <label *ngIf=\"element.label\" class=\"mapa-dropdown__label\">\n    {{ element.label }}\n  </label>\n  <div class=\"mapa-form--inline\">\n    <mat-form-field\n      appearance=\"outline\"\n      class=\"mapa-dropdown\"\n      [class.mapa-dropdown--highlight]=\"border === 'highlight'\"\n      [class.mapa-dropdown--soft-border]=\"border === 'soft'\"\n      [class.mapa-dropdown--tag]=\"border === 'tag'\"\n      [class.mapa-dropdown--labeled]=\"!!element.label\"\n    >\n      <mat-select\n        #dropdown\n        ngDefaultControl\n        [formControl]=\"formControl\"\n        [multiple]=\"element.multiple\"\n        [placeholder]=\"element.placeholder || ''\"\n        [compareWith]=\"compareFn\"\n        (openedChange)=\"triggerOpenedChange($event)\"\n      >\n        <mat-option *ngIf=\"element.search\" class=\"mapa-dropdown__search\">\n          <ngx-mat-select-search\n            *ngIf=\"element.search.formControl\"\n            [showToggleAllCheckbox]=\"element.search.toggleAllCheckbox!\"\n            [formControl]=\"element.search.formControl\"\n            [placeholderLabel]=\"element.search.placeholder || ''\"\n            i18n-placeholderLabel\n            [noEntriesFoundLabel]=\"element.search.noEntriesFoundLabel || ''\"\n          ></ngx-mat-select-search>\n        </mat-option>\n        <mat-option\n          *ngIf=\"element.multiple\"\n          class=\"mapa-dropdown__option--select-all\"\n        >\n          <mat-checkbox\n            class=\"mat-option\"\n            [indeterminate]=\"isIndeterminate\"\n            [checked]=\"isChecked\"\n            (click)=\"$event.stopPropagation()\"\n            (change)=\"toggleSelectAll($event)\"\n          >\n            Selecionar todos\n          </mat-checkbox>\n        </mat-option>\n        <ng-container *ngIf=\"isOptionsGroup; else isElementOptions\">\n          <mat-optgroup\n            *ngFor=\"let group of filteredGroups | async\"\n            [label]=\"group.label\"\n          >\n            <mat-option\n              *ngFor=\"let option of group.options\"\n              [value]=\"option\"\n              [ngClass]=\"[\n                'mapa-dropdown__option--children-level-' + option.childrenLevel\n              ]\"\n            >\n              <span [innerHTML]=\"option.value\"></span>\n            </mat-option>\n          </mat-optgroup>\n        </ng-container>\n        <ng-template #isElementOptions>\n          <mat-option\n            *ngFor=\"let option of filteredOptions | async\"\n            [value]=\"option\"\n            [ngClass]=\"[\n              'mapa-dropdown__option mapa-dropdown__option--children-level-' + option.childrenLevel\n            ]\"\n          >\n            <span class=\"mapa-dropdown__option-value\" [innerHTML]=\"option.value\"></span>\n          </mat-option>\n        </ng-template>\n\n        <mat-option\n          *ngFor=\"let option of selectedOptions\"\n          hidden\n          [value]=\"option\"\n          [ngClass]=\"[\n            'mapa-dropdown__option--children-level-' + option.childrenLevel\n          ]\"\n        >\n          <span [innerHTML]=\"option.value\"></span>\n        </mat-option>\n      </mat-select>\n      <mat-hint *ngIf=\"element.hint\">{{ element.hint }}</mat-hint>\n      <mat-error *ngIf=\"formControl?.hasError('required')\">\n        {{ element.errors?.required }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('minlength')\">\n        {{ element.errors?.minlength }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('cpf')\">\n        {{ element.errors?.cpf }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('cnpj')\">\n        {{ element.errors?.cnpj }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('email')\">\n        {{ element.errors?.email }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('pattern')\">\n        {{ element.errors?.pattern }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('min')\">\n        {{ element.errors?.min }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('max')\">\n        {{ element.errors?.max }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('minlength')\">\n        {{ element.errors?.minLength }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('maxlength')\">\n        {{ element.errors?.maxLength }}\n      </mat-error>\n      <mat-icon\n        *ngIf=\"hasValue() && !formControl.disabled && element.clearValue\"\n        (click)=\"clearValue($event)\"\n        class=\"mapa-input--close\"\n        >close</mat-icon\n      >\n    </mat-form-field>\n    <div *ngIf=\"element.actionButton\" class=\"mapa-form--action\">\n      <mapa-button\n        color=\"basic\"\n        (click)=\"element.actionButton.action.emit(true)\"\n      >\n        {{ element.actionButton.label }}\n      </mapa-button>\n    </div>\n  </div>\n</div>\n", styles: [".mapa-dropdown{max-width:min-content;min-width:235px}.mapa-dropdown .mat-select{font-family:Inter,Arial,Helvetica,sans-serif!important}.mapa-dropdown .mat-icon{display:flex;justify-content:center;align-items:center;position:absolute;right:32px;top:4px}.mapa-dropdown__label{display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}.mapa-dropdown__option{height:auto!important;align-items:start!important}.mapa-dropdown__option--children-level-1{padding-left:30px!important}.mapa-dropdown__option--children-level-2{padding-left:50px!important}.mapa-dropdown__option--children-level-3{padding-left:70px!important}.mapa-dropdown__option--children-level-4{padding-left:90px!important}.mapa-dropdown__option--children-level-5{padding-left:100px!important}.mapa-dropdown__option--children-level-6{padding-left:120px!important}.mapa-dropdown__option--select-all .mat-pseudo-checkbox{display:none!important}.mapa-dropdown__option--select-all .mat-checkbox{padding:0!important}.mapa-dropdown__option-value{text-wrap:auto}.mapa-dropdown__option .mat-pseudo-checkbox{margin:7px 7px 7px 0!important}.mapa-dropdown__option .mat-option-text{height:auto!important}.mapa-dropdown--highlight .mat-form-field-outline{border-radius:16px!important}.mapa-dropdown--highlight .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown--highlight .mat-form-field-outline .mat-form-field-outline-end{border-width:2px!important;border-color:#eedb2a!important}.mapa-dropdown--highlight .mat-form-field-outline .mat-form-field-outline-start{display:none!important}.mapa-dropdown--highlight .mat-form-field-outline .mat-form-field-outline-end{border-radius:16px!important;border-left-style:solid!important}.mapa-dropdown--soft-border .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown--soft-border .mat-form-field-outline .mat-form-field-outline-end{border-width:1px!important}.mapa-dropdown--tag .mat-form-field-outline{border-radius:16px!important;height:42px!important}.mapa-dropdown--tag .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown--tag .mat-form-field-outline .mat-form-field-outline-end{border-width:1px!important;border-color:#cdcdcd}.mapa-dropdown--tag .mat-form-field-outline .mat-form-field-outline-start{display:none!important}.mapa-dropdown--tag .mat-form-field-outline .mat-form-field-outline-end{border-radius:16px!important;border-left-style:solid!important}.mapa-dropdown .mat-form-field-outline{background-color:#fff;border-radius:8px}.mapa-dropdown .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown .mat-form-field-outline .mat-form-field-outline-end{border-width:2px}.mapa-dropdown .mat-form-field-flex{display:flex;align-items:center;height:48px}.mapa-dropdown .mat-form-field-infix{border-top:unset!important;padding:unset!important;position:relative}.mapa-dropdown .mat-select-trigger{min-width:50px;padding-top:.3em;height:unset!important}.mapa-dropdown .mat-select-value-text{display:block;width:90%}.mapa-dropdown .mat-select-arrow-wrapper{transform:none!important}.mapa-dropdown .mat-select-arrow{border:unset}.mapa-dropdown .mat-select-arrow:before,.mapa-dropdown .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 .mat-form-field-subscript-wrapper{padding:0!important}.mapa-dropdown [aria-expanded=true] .mat-select-arrow{margin:6px 0 0}.mapa-dropdown [aria-expanded=true] .mat-select-arrow:before,.mapa-dropdown [aria-expanded=true] .mat-select-arrow:after{transform:rotate(-135deg)!important;-webkit-transform:rotate(-135deg)!important}.mapa-overlay-dropdown{transform:translate(-16px) translateY(36px)!important}.mapa-overlay-dropdown .mat-select-panel{border-radius:8px;min-width:calc(100% + 24px)!important}.mapa-overlay-dropdown .mat-select-panel .mat-option,.mapa-overlay-dropdown .mat-select-panel .mat-option-text{font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:16px;font-style:normal;font-weight:400;line-height:2em;height:2em;color:#50575e}.mapa-overlay-dropdown .mat-select-panel .mat-option[aria-disabled=true].contains-mat-select-search{height:48px}.mapa-overlay-dropdown .mat-select-panel .mat-select-search-inside-mat-option .mat-select-search-input{background-color:#fff;border:2px solid #a7aaad;border-radius:6px;margin:8px;height:2.3em!important;line-height:2.3em!important;width:96%}.mapa-overlay-dropdown .mat-select-panel .mat-select-search-input{padding:8px 53px 8px 8px!important}.mapa-overlay-dropdown .mat-select-panel .mat-select-search-inner{background-color:#f6f7f7}.mapa-overlay-dropdown .mat-pseudo-checkbox{color:#c3c4c7!important}.mapa-overlay-dropdown .mat-checkbox-frame{border-color:#c3c4c7!important}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { formControl: [{
                 type: Input
             }], formControlSearch: [{
@@ -241,6 +253,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }], border: [{
                 type: Input
+            }], openedChange: [{
+                type: Output
             }], dropdown: [{
                 type: ViewChild,
                 args: ["dropdown", { static: true }]
@@ -1100,7 +1114,7 @@ class FiltersComponent {
     }
 }
 FiltersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FiltersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FiltersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FiltersComponent, selector: "mapa-filters", inputs: { form: "form", elements: "elements" }, outputs: { selectedValues: "selectedValues" }, ngImport: i0, template: "<div class=\"filter\">\n  <div *ngFor=\"let filter of elements\">\n    <div *ngIf=\"filter.controlType === 'checkbox'\" class=\"filter__item--resizable\">\n      <mapa-checkbox [formControl]=\"getFormControl(filter.key)\"></mapa-checkbox>\n    </div>\n    <div *ngIf=\"filter.controlType === 'dropdown'\" class=\"filter__item--resizable\">\n      <mapa-dropdown\n        [formControl]=\"getFormControl(filter.key)\"\n        [element]=\"filter\"\n      ></mapa-dropdown>\n    </div>\n    <div *ngIf=\"filter.controlType === 'input'\" class=\"filter__item\">\n      <mapa-input\n        [formControl]=\"getFormControl(filter.key)\"\n        [element]=\"filter\"\n      ></mapa-input>\n    </div>\n  </div>\n  <div class=\"filter__item\">\n    <mapa-button [color]=\"'basic'\" (clicked)=\"clearFilters()\">\n      Limpar filtros\n    </mapa-button>\n    <mapa-button\n      [color]=\"'primary'\"\n      [disabled]=\"!!form.invalid\"\n      (clicked)=\"emitSelectedValues()\"\n    >\n      Filtrar\n    </mapa-button>\n  </div>\n</div>\n\n", styles: [".filter{display:flex;align-items:center;flex-wrap:wrap;background-color:#f6f7f7;padding:32px;width:95vw;gap:30px}.filter__item{display:flex}.filter .mapa-dropdown{max-width:none;min-width:10vw}.filter .mapa-dropdown--labeled .mat-form-field-flex{height:40px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.ButtonComponent, selector: "mapa-button", inputs: ["color", "disabled"], outputs: ["clicked"] }, { kind: "component", type: i3$1.CheckboxComponent, selector: "mapa-checkbox", inputs: ["color", "formControl"] }, { kind: "component", type: i4.MapaDropdownComponent, selector: "mapa-dropdown", inputs: ["formControl", "formControlSearch", "element", "border"] }, { kind: "component", type: i5.MapaInputComponent, selector: "mapa-input", inputs: ["formControl", "element", "type"], outputs: ["suffix"] }] });
+FiltersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FiltersComponent, selector: "mapa-filters", inputs: { form: "form", elements: "elements" }, outputs: { selectedValues: "selectedValues" }, ngImport: i0, template: "<div class=\"filter\">\n  <div *ngFor=\"let filter of elements\">\n    <div *ngIf=\"filter.controlType === 'checkbox'\" class=\"filter__item--resizable\">\n      <mapa-checkbox [formControl]=\"getFormControl(filter.key)\"></mapa-checkbox>\n    </div>\n    <div *ngIf=\"filter.controlType === 'dropdown'\" class=\"filter__item--resizable\">\n      <mapa-dropdown\n        [formControl]=\"getFormControl(filter.key)\"\n        [element]=\"filter\"\n      ></mapa-dropdown>\n    </div>\n    <div *ngIf=\"filter.controlType === 'input'\" class=\"filter__item\">\n      <mapa-input\n        [formControl]=\"getFormControl(filter.key)\"\n        [element]=\"filter\"\n      ></mapa-input>\n    </div>\n  </div>\n  <div class=\"filter__item\">\n    <mapa-button [color]=\"'basic'\" (clicked)=\"clearFilters()\">\n      Limpar filtros\n    </mapa-button>\n    <mapa-button\n      [color]=\"'primary'\"\n      [disabled]=\"!!form.invalid\"\n      (clicked)=\"emitSelectedValues()\"\n    >\n      Filtrar\n    </mapa-button>\n  </div>\n</div>\n\n", styles: [".filter{display:flex;align-items:center;flex-wrap:wrap;background-color:#f6f7f7;padding:32px;width:95vw;gap:30px}.filter__item{display:flex}.filter .mapa-dropdown{max-width:none;min-width:10vw}.filter .mapa-dropdown--labeled .mat-form-field-flex{height:40px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.ButtonComponent, selector: "mapa-button", inputs: ["color", "disabled"], outputs: ["clicked"] }, { kind: "component", type: i3$1.CheckboxComponent, selector: "mapa-checkbox", inputs: ["color", "formControl"] }, { kind: "component", type: i4.MapaDropdownComponent, selector: "mapa-dropdown", inputs: ["formControl", "formControlSearch", "element", "border"], outputs: ["openedChange"] }, { kind: "component", type: i5.MapaInputComponent, selector: "mapa-input", inputs: ["formControl", "element", "type"], outputs: ["suffix"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FiltersComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mapa-filters', template: "<div class=\"filter\">\n  <div *ngFor=\"let filter of elements\">\n    <div *ngIf=\"filter.controlType === 'checkbox'\" class=\"filter__item--resizable\">\n      <mapa-checkbox [formControl]=\"getFormControl(filter.key)\"></mapa-checkbox>\n    </div>\n    <div *ngIf=\"filter.controlType === 'dropdown'\" class=\"filter__item--resizable\">\n      <mapa-dropdown\n        [formControl]=\"getFormControl(filter.key)\"\n        [element]=\"filter\"\n      ></mapa-dropdown>\n    </div>\n    <div *ngIf=\"filter.controlType === 'input'\" class=\"filter__item\">\n      <mapa-input\n        [formControl]=\"getFormControl(filter.key)\"\n        [element]=\"filter\"\n      ></mapa-input>\n    </div>\n  </div>\n  <div class=\"filter__item\">\n    <mapa-button [color]=\"'basic'\" (clicked)=\"clearFilters()\">\n      Limpar filtros\n    </mapa-button>\n    <mapa-button\n      [color]=\"'primary'\"\n      [disabled]=\"!!form.invalid\"\n      (clicked)=\"emitSelectedValues()\"\n    >\n      Filtrar\n    </mapa-button>\n  </div>\n</div>\n\n", styles: [".filter{display:flex;align-items:center;flex-wrap:wrap;background-color:#f6f7f7;padding:32px;width:95vw;gap:30px}.filter__item{display:flex}.filter .mapa-dropdown{max-width:none;min-width:10vw}.filter .mapa-dropdown--labeled .mat-form-field-flex{height:40px!important}\n"] }]