{"__symbolic":"module","version":4,"metadata":{"DropdownComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"db-dropdown","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":11,"character":15},"useExisting":{"__symbolic":"reference","name":"DropdownComponent"},"multi":true}],"template":"<input #input type=\"text\">\n\n<div ngbDropdown #drop=\"ngbDropdown\" [class.no-border]=\"actionsMenu\">\n  <button *ngIf=\"actionsMenu\" ngbDropdownToggle class=\"dropdown-select\" (click)=\"onDropdownClick()\">\n    <i class=\"{{ actionMenuIcon }}\"></i>\n  </button>\n\n  <div ngbDropdownMenu class=\"dropdown-menu right\">\n    <ng-container *ngFor=\"let item of items\">\n      <span (click)=\"onItemClick(item)\">\n        <div *ngIf=\"!isExternalContent; else isExternal\" class=\"item\"> {{ item[itemProp] }} </div>\n        \n        <ng-template #isExternal>\n          <ng-content></ng-content>\n        </ng-template>\n      </span>\n    </ng-container>\n  </div>\n</div>\n\n","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%}:host.disabled .dropdown{background-color:#f7f7f7;color:#292828;pointer-events:none}:host ::ng-deep input{transform:scaleY(0);position:absolute;font-size:1.1428571429rem;padding:.8571428571rem 1.0714285714rem 1.2857142857rem 1.4285714286rem}:host ::ng-deep input:focus~.dropdown>.dropdown-select span{color:#292828}:host ::ng-deep input:focus~.no-border{border:none}:host ::ng-deep input:focus~dh-text-field-error{display:none}:host .dropdown{cursor:pointer;border-radius:5px;border:1px solid #292828}:host .no-border{border:none}:host button{width:100%}:host .dropdown-select{height:3.5rem}:host .dropdown-select div{position:absolute;font-size:1.1428571429rem;padding:1.0714285714rem 1.0714285714rem .5714285714rem .8571428571rem}:host .dropdown-select .chosen-item{color:#292828}:host .dropdown-select.disabled{cursor:default;background-color:#adb0c7}:host .dropdown-select span{top:22px;right:12px;font-size:8px;color:#292828;position:absolute}:host .dropdown-select span.rotate{transform:rotateX(180deg)}:host .dropdown-toggle:after{content:none}:host .dropdown-menu{min-width:270px;border:1px solid #e9ecef;padding:0}:host .dropdown-menu:after,:host .dropdown-menu:before{content:\"\";position:absolute}:host .dropdown-menu:before{left:4%;top:-9px;width:0;height:0;border-color:transparent transparent rgba(0,0,0,.15);border-style:solid;border-width:0 8px 9px 7px}:host .dropdown-menu:after{left:5%;top:-9px;width:0;height:0;border-color:transparent transparent #fff;border-style:solid;border-width:0 6.5px 9px}:host .dropdown-menu.right{left:auto!important;right:-.6428571429rem}:host .dropdown-menu.right:before{left:auto;right:4%}:host .dropdown-menu.right:after{left:auto;right:5%}:host .dropdown-menu .item{width:100%;margin:auto;border-bottom:1px solid #eaeaea;padding:.8571428571rem 1rem .5714285714rem .8571428571rem}:host .dropdown-menu .item:hover{width:100%;cursor:pointer;background-color:#eaeaea;transition:all .35s}:host .dropdown-menu .item:last-child{border-bottom:none}"]}]}],"members":{"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"itemProp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"isProp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"actionsMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"actionMenuIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"isExternalContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"onchange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":37,"character":3}}]}],"onbeforechange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":3}}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":43,"character":3},"arguments":["input",{"static":true}]}]}],"ngDropdown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":46,"character":3},"arguments":["drop",{"static":true}]}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onItemClick":[{"__symbolic":"method"}],"onDropdownClick":[{"__symbolic":"method"}],"onInputBlur":[{"__symbolic":"method"}]}},"DropdownModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbDropdownModule","line":9,"character":4}],"declarations":[{"__symbolic":"reference","name":"DropdownComponent"}],"exports":[{"__symbolic":"reference","name":"DropdownComponent"}]}]}],"members":{}}},"origins":{"DropdownComponent":"./dropdown.component","DropdownModule":"./dropdown.module"},"importAs":"@desbank/components/src/lib/dropdown"}