{"__symbolic":"module","version":4,"metadata":{"FilterButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"db-filter-button","template":"<div class=\"position-relative\">\n  <button class=\"medium w-auto\" [ngClass]=\"{'btn-primary': isActived, 'btn-simple': !isActived}\" [class.active]=\"isOpened\" dbButton (click)=\"openBox();\">{{label}}</button>\n  <div class=\"filter-box\" *ngIf=\"isOpened\" >\n    <button class=\"close icon-Vector-Stroke-231\" (click)=\"closeBox();\"></button>\n    <div class=\"scroll\" [class.has-scroll]=\"hasScroll\">\n      <ng-content></ng-content>\n    </div>\n    <footer class=\"filter-box-footer\">\n      <div class=\"row\">\n        <div class=\"col-6\">\n          <button class=\"btn-simple medium w-100\" dbButton (click)=\"clearFilters();\">Limpar</button>\n        </div>\n        <div class=\"col-6\">\n          <button class=\"btn-primary medium w-100\" dbButton (click)=\"sendFilters();\">Filtrar</button>\n        </div>\n      </div>\n    </footer>\n  </div>\n</div>","styles":["@-webkit-keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}@-webkit-keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}@-webkit-keyframes slideToLeft{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideToLeft{0%{transform:translateX(100%)}to{transform:translateX(0)}}@-webkit-keyframes slideToRight{0%{transform:translateX(0)}to{transform:translateX(110%)}}@keyframes slideToRight{0%{transform:translateX(0)}to{transform:translateX(110%)}}@-webkit-keyframes fadeIn{0%{opacity:0;display:none}to{opacity:1;display:block}}@keyframes fadeIn{0%{opacity:0;display:none}to{opacity:1;display:block}}@-webkit-keyframes fadeOut{0%{opacity:1;display:block}to{opacity:0;display:none}}@keyframes fadeOut{0%{opacity:1;display:block}to{opacity:0;display:none}}@-webkit-keyframes spinner{to{transform:rotate(1turn)}}@keyframes spinner{to{transform:rotate(1turn)}}@-webkit-keyframes circleAnimation{to{transform:rotate(1turn)}}@keyframes circleAnimation{to{transform:rotate(1turn)}}.btn-simple.active,.btn-simple:focus,.btn-simple:hover,.position-relative .medium.w-auto.btn-primary{background:#ff3f59;border-color:#ff3f59;color:#fff}.filter-box{width:28.5714285714rem;padding:3.5714285714rem 1.4285714286rem 1.4285714286rem;border-radius:.7142857143rem;max-width:22.8571428571rem;background:#fff;box-shadow:0 4px 32px rgba(33,43,54,.1);position:absolute;left:0;top:calc(100% + 10px)}.filter-box .close{position:absolute;right:1.4285714286rem;top:1.4285714286rem;font-size:.8571428571rem}.scroll{margin-bottom:1.4285714286rem}.scroll.has-scroll{max-height:12.8571428571rem;overflow-y:auto;overflow-x:hidden}"]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"hasScroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"isActived":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"clear":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":3}}]}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}],"outsideClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":17,"character":3},"arguments":["document:click",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":24,"character":34}]}],"ngOnInit":[{"__symbolic":"method"}],"openBox":[{"__symbolic":"method"}],"closeBox":[{"__symbolic":"method"}],"clearFilters":[{"__symbolic":"method"}],"sendFilters":[{"__symbolic":"method"}]}},"FilterButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4},{"__symbolic":"reference","module":"@desbank/components/src/lib/button","name":"ButtonModule","line":10,"character":4}],"declarations":[{"__symbolic":"reference","name":"FilterButtonComponent"}],"exports":[{"__symbolic":"reference","name":"FilterButtonComponent"}]}]}],"members":{}}},"origins":{"FilterButtonComponent":"./filter-button.component","FilterButtonModule":"./filter-button.module"},"importAs":"@desbank/components/src/lib/filter-button"}