{"__symbolic":"module","version":4,"metadata":{"SelectCreateItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"db-select-create-item","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":24,"character":15},"useExisting":{"__symbolic":"reference","name":"SelectCreateItemComponent"},"multi":true}],"template":"<input #input type=\"text\" maxlength=\"25\" (focus)=\"onDropdownClick()\">\n\n<div ngbDropdown #drop=\"ngbDropdown\">\n\t<div *ngIf=\"disabled\" class=\"select-item disabled\">\n\t\t<div *ngIf=\"item\" class=\"chosen-item\">{{ item }}</div>\n\t\t<div *ngIf=\"!item\" class=\"placeholder\">{{ placeholder }}</div>\n\t\t<span class=\"icon-Vector-Stroke-49\"></span>\n\t</div>\n\n\t<div *ngIf=\"!disabled\" class=\"select-item\"\n\t\t(click)=\"onDropdownClick()\" ngbDropdownToggle>\n\n\t<div *ngIf=\"showPlaceholder; else showSelectItem\" class=\"placeholder\">{{ placeholder }}</div>\n\t<ng-template #showSelectItem>\n\t<div class=\"chosen-item\">{{ item }}</div>\n\t</ng-template>\n\t\n\t\t<span class=\"icon fa fa-search\" aria-hidden=\"true\"></span>\t\n\t\t<span class=\"icon-Vector-Stroke-49\" [class.rotate]=\"isOpen\"></span>\n\t</div>\n\n\t<div class=\"menu right\" ngbDropdownMenu>\n\t\t<div class=\"scroll\">\n\t\t\t<div *ngFor=\"let item of items\" class=\"item\" (click)=\"onItemClick(item)\">\n\t\t\t{{ item[itemProp] }}\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"footer\" *ngIf=\"addLabel\">\n\t\t\t<button type=\"button\" *ngIf=\"!isLoading\" dbButton class=\"btn btn-simple medium full-width\" (click)=\"openAddItem();\">{{addLabel}} <i class=\"icon-Vector-Stroke-160\"></i></button>\n\t\t\t<input *ngIf=\"itemAddActive && !isLoading\" #itemname type=\"text\" [(ngModel)]=\"itemName\" (keyup.enter)=\"callAddItem();\">\n\t\t\t<div class=\"loading\" *ngIf=\"isLoading\"><i class=\"fas fa-spinner fa-spin\"></i> Salvando...</div>\n\t\t</div>\n\t</div>\n</div>\n\n\n<ng-content select=\"db-text-field-error\"></ng-content>","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)}}:host{width:100%;position:relative;display:block}:host.disabled .dropdown{background-color:#f7f7f7;color:#292828;pointer-events:none}:host ::ng-deep input{border:none;position:absolute;left:0;right:0;top:0;height:3.5714285714rem;padding:.8571428571rem 1.0714285714rem .8571428571rem 1.4285714286rem}:host ::ng-deep input:focus~.dropdown,:host ::ng-deep input:focus~.dropup{border:1px solid #292828!important}:host ::ng-deep input:focus~.dropdown>.select-item span,:host ::ng-deep input:focus~.dropup>.select-item span{color:#292828}:host ::ng-deep input:focus~db-text-field-error{display:none}:host .icon{top:18px!important;right:40px!important;color:#999!important}:host .icon:before{font-size:1.1428571429rem}:host .dropdown,:host .dropup{cursor:pointer;border-radius:5px;border:1px solid #292828!important}:host .select-item{height:3.5rem;color:#292828}:host .select-item:before{content:\"\";position:absolute;left:0;top:0;width:100%;height:100%;z-index:5}:host .select-item div{position:absolute;font-size:1.1428571429rem;padding:1.0714285714rem 1.0714285714rem .5714285714rem .8571428571rem}:host .select-item .placeholder{color:#8e8e8e}:host .select-item.disabled{cursor:default;background-color:#adb0c7}:host .select-item span{top:22px;right:12px;font-size:8px;color:#292828;position:absolute}:host .select-item span.rotate{transform:rotateX(180deg)}:host .dropdown-toggle:after{content:none}:host .menu{width:100%;overflow:hidden;margin:0;padding:0;max-height:21.4285714286rem;border:1px solid #adb0c7}:host .menu .scroll{max-height:17.1428571429rem;overflow:auto}:host .menu .footer{height:60px;border-top:1px solid #adb0c7;padding:10px;position:relative}:host .menu .footer .full-width{width:100%}:host .menu .footer input{top:0;height:60px}:host .menu .footer .loading{line-height:40px;text-align:center}:host .menu .item{width:95%;margin:auto;border-bottom:1px solid #eaeaea;padding:.8571428571rem 1rem .5714285714rem .8571428571rem}:host .menu .item:hover{width:100%;cursor:pointer;background-color:#eaeaea}:host .menu .item:last-child{border-bottom:none}:host .menu:before{left:5%}:host.ng-touched.ng-invalid .dropup,:host.ng-touched.ng-invalid>.dropdown{border:2px solid red!important;transition:all .35s}"]}]}],"members":{"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"itemProp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"isProp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"addLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"requestCreate$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"onchange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":53,"character":3}}]}],"onbeforechange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":56,"character":3}}]}],"onadditem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":59,"character":3}}]}],"oncreateditem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":62,"character":3}}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":65,"character":3},"arguments":["input",{"static":true}]}]}],"itemElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":68,"character":3},"arguments":["itemname"]}]}],"ngDropdown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":70,"character":3},"arguments":["drop",{"static":true}]}]}],"outsideClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":73,"character":3},"arguments":["document:click",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":99,"character":24}]}],"openAddItem":[{"__symbolic":"method"}],"callAddItem":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"makeCreateRequest":[{"__symbolic":"method"}],"onItemClick":[{"__symbolic":"method"}],"onDropdownClick":[{"__symbolic":"method"}],"onInputBlur":[{"__symbolic":"method"}],"findItemByInput":[{"__symbolic":"method"}]}},"SelectCreateItemModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":2},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":11,"character":2},{"__symbolic":"reference","module":"@desbank/components/src/lib/button","name":"ButtonModule","line":12,"character":2},{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbDropdownModule","line":13,"character":2}],"declarations":[{"__symbolic":"reference","name":"SelectCreateItemComponent"}],"exports":[{"__symbolic":"reference","name":"SelectCreateItemComponent"}]}]}],"members":{}}},"origins":{"SelectCreateItemComponent":"./select-create-item.component","SelectCreateItemModule":"./select-create-item.module"},"importAs":"@desbank/components/src/lib/select-create-item"}