{"__symbolic":"module","version":4,"metadata":{"SelectBoxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"db-select-box","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":9,"character":15},"useExisting":{"__symbolic":"reference","name":"SelectBoxComponent"},"multi":true}],"template":"<select #select class=\"form-control form-control-lg\" [class.ghost]=\"ghost\" placeholder=\"placeholder\" (change)=\"onChangeSelect($event.target)\" (blur)=\"onBlur()\">\n\t<option *ngFor=\"let item of items\" [ngValue]=\"item\" [selected]=\"item[prop] === selected\">{{ item[prop] }}</option>\n</select>\n<span class=\"icon-Vector-Stroke-49\" [class.ghost]=\"ghost\"></span>\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 select::-ms-expand{display:none}:host select{-moz-appearance:none;-webkit-appearance:none;border:1px solid #292828}:host span{top:-28px;right:20px;float:right;font-size:8px;color:#292828;position:relative;transform:rotateX(180deg)}:host.ng-touched.ng-invalid>select{border:2px solid red;transition:all .35s}select.ghost{height:30px!important;line-height:30px!important;padding:0!important;border:0!important}span.ghost span.icon-Vector-Stroke-49{top:10px!important}"]}]}],"members":{"prop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"ghost":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"selectElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":45,"character":3},"arguments":["select",{"static":false}]}]}],"ngOnChanges":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"onChangeSelect":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"hasPlaceHolder":[{"__symbolic":"method"}],"findItemById":[{"__symbolic":"method"}]}},"SelectBoxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":8,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4}],"declarations":[{"__symbolic":"reference","name":"SelectBoxComponent"}],"exports":[{"__symbolic":"reference","name":"SelectBoxComponent"}]}]}],"members":{}}},"origins":{"SelectBoxComponent":"./select-box.component","SelectBoxModule":"./select-box.module"},"importAs":"@desbank/components/src/lib/select-box"}