ng2-bootstrap/components/typeahead/typeahead-container.component.metadata.json

angular2 bootstrap components

{"__symbolic":"module","version":1,"metadata":{"TypeaheadContainerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"typeahead-container","template":{"__symbolic":"if","condition":{"__symbolic":"binop","operator":"===","left":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"../ng2-bootstrap-config","name":"Ng2BootstrapConfig"},"member":"theme"},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"../ng2-bootstrap-config","name":"Ng2BootstrapTheme"},"member":"BS4"}},"thenExpression":"\n  <div class=\"dropdown-menu\"\n       style=\"display: block\"\n       [ngStyle]=\"{top: top, left: left, display: display}\"\n       (mouseleave)=\"focusLost()\">\n     <div *ngIf=\"!itemTemplate\">\n        <a href=\"#\"\n          *ngFor=\"let match of matches\"\n          class=\"dropdown-item\"\n          (click)=\"selectMatch(match, $event)\"\n          (mouseenter)=\"selectActive(match)\"\n          [class.active]=\"isActive(match)\"\n          [innerHtml]=\"hightlight(match, query)\"></a>\n    </div>\n    <div *ngIf=\"itemTemplate\">\n      <a href=\"#\"\n       *ngFor=\"let match of matches; let i = index\"\n       class=\"dropdown-item\"\n       (click)=\"selectMatch(match, $event)\"\n       (mouseenter)=\"selectActive(match)\"\n       [class.active]=\"isActive(match)\">\n        <template [ngTemplateOutlet]=\"itemTemplate\"\n                  [ngOutletContext]=\"{item: match, index: i}\">\n        </template>\n       </a>\n    </div>\n  </div>\n","elseExpression":"\n  <ul class=\"dropdown-menu\"\n      style=\"display: block\"\n      [ngStyle]=\"{top: top, left: left, display: display}\"\n      (mouseleave)=\"focusLost()\">\n    <li *ngFor=\"let match of matches; let i = index\"\n        [class.active]=\"isActive(match)\"\n        (mouseenter)=\"selectActive(match)\">\n        <a href=\"#\" \n           *ngIf=\"!itemTemplate\" \n           (click)=\"selectMatch(match, $event)\" \n           tabindex=\"-1\" \n           [innerHtml]=\"hightlight(match, query)\"></a>\n        <a href=\"#\" \n           *ngIf=\"itemTemplate\" \n           (click)=\"selectMatch(match, $event)\" \n           tabindex=\"-1\">\n            <template [ngTemplateOutlet]=\"itemTemplate\"\n                      [ngOutletContext]=\"{item: match, index: i}\">\n            </template>\n        </a>\n    </li>\n  </ul>\n"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"./typeahead-options.class","name":"TypeaheadOptions"}]}],"position":[{"__symbolic":"method"}],"selectActiveMatch":[{"__symbolic":"method"}],"prevActiveMatch":[{"__symbolic":"method"}],"nextActiveMatch":[{"__symbolic":"method"}],"selectActive":[{"__symbolic":"method"}],"hightlight":[{"__symbolic":"method"}],"focusLost":[{"__symbolic":"method"}],"isActive":[{"__symbolic":"method"}],"selectMatch":[{"__symbolic":"method"}]}}}}