[{"__symbolic":"module","version":4,"metadata":{"CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"SmartSelectComponent"},"multi":true},"ɵ0":{"__symbolic":"error","message":"Function call not supported","line":10,"character":13},"SmartSelectComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"smart-select","styles":[".bs-donebutton, .bs-searchbox {\n      padding: 4px 8px;\n    }\n    \n    .scrollable-menu {\n      height: auto;\n      max-height: 250px;\n      overflow-x: hidden;\n    }\n    \n    .dropdown-menu.inner {\n      position: static;\n      float: none;\n      border: 0;\n      padding: 0;\n      margin: 0;\n      border-radius: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    \n    .scrollable-menu {\n      max-height: 150px;\n      overflow-y: auto;\n      min-height: 0px;\n    }\n    \n    .select-caret {\n      float: right;\n      margin: 8px 0;\n    }"],"template":"<div [ngClass]=\"{'dropup': dropdownDirection === 'up'}\">\n  <div (outsideClick)=\"closeDropdown()\" class=\"btn-group bootstrap-select btn-block\" [ngClass]=\"{'open': open}\">\n  \n    <button (click)=\"toggleOpen()\"\n            type=\"button\"\n            class=\"btn dropdown-toggle btn-default\"\n            role=\"button\"\n            aria-expanded=\"true\">\n      <span class=\"filter-option pull-left\">\n      <div *ngIf=\"selectedItem\">{{ displayProp ? selectedItem[displayProp] : selectedItem}}</div>\n        <div *ngIf=\"!selectedItem\" class=\"text-muted\">{{placeholder}}</div>\n      </span>&nbsp;\n      <span class=\"bs-caret \"><span class=\"caret select-caret\"></span></span>\n    </button>\n  \n  \n    <div class=\"dropdown-menu open col-xs-12\" role=\"combobox\">\n  \n      <div class=\"bs-searchbox\" *ngIf=\"showSearch\">\n        <input type=\"text\" class=\"form-control\" autocomplete=\"off\" role=\"textbox\" aria-label=\"Search\"\n               [(ngModel)]=\"searchText\" (keydown)=\"handleKey($event)\">\n      </div>\n  \n      <ul class=\"dropdown-menu inner scrollable-menu\" role=\"listbox\" aria-expanded=\"true\">\n  \n        <ng-template [ngIf]=\"!displayProp\">\n          <li *ngFor=\"let item of items | search:searchText | slice:0:itemLimit\"\n              [ngClass]=\"{'active': item == selectedItem}\">\n            <a (click)=\"selectItem(item)\">{{item}}</a>\n          </li>\n        </ng-template>\n  \n        <ng-template [ngIf]=\"displayProp\">\n          <li *ngFor=\"let item of items | search:searchText:displayProp | slice:0:itemLimit\" [ngClass]=\"{'active': item == selectedItem}\">\n            <a (click)=\"selectItem(item)\">{{item[displayProp]}}</a>\n          </li>\n        </ng-template>\n  \n  \n        <div [style.display]=\"showFooter() ? 'inherit': 'none'\">\n          <li role=\"separator\" class=\"divider\"></li>\n          <li class=\"dropdown-header\">Showing {{itemLimit}} of {{items.length}}</li>\n          <li>\n            <div class=\"bs-donebutton pull-right\">\n              <a (click)=\"showAll()\" class=\"btn btn-default btn-xs\">Show all</a>\n            </div>\n          </li>\n        </div>\n      </ul>\n    </div>\n  </div>\n  </div>\n  ","providers":[{"__symbolic":"reference","name":"CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR"}]}]}],"members":{"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"itemLimit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"valueProp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"displayProp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"dropdownDirection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"toggleOpen":[{"__symbolic":"method"}],"openDropDown":[{"__symbolic":"method"}],"closeDropdown":[{"__symbolic":"method"}],"showAll":[{"__symbolic":"method"}],"selectItem":[{"__symbolic":"method"}],"selectNext":[{"__symbolic":"method"}],"selectPrevious":[{"__symbolic":"method"}],"showFooter":[{"__symbolic":"method"}],"handleKey":[{"__symbolic":"method"}]}}}}]