ngx-bootstrap/typeahead/esm2015/typeahead-container.component.metadata.json

Angular Bootstrap

[{"__symbolic":"module","version":4,"metadata":{"TypeaheadContainerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"typeahead-container","host":{"class":"dropdown open bottom","[class.dropdown-menu]":"isBs4","[style.height]":"isBs4 && needScrollbar ? guiHeight: 'auto'","[style.visibility]":"'inherit'","[class.dropup]":"dropup","style":"position: absolute;display: block;","[attr.role]":"isBs4 ? 'listbox' : null ","$quoted$":["[class.dropdown-menu]","[style.height]","[style.visibility]","[class.dropup]","[attr.role]"]},"styles":["\n    :host.dropdown {\n      z-index: 1000;\n    }\n\n    :host.dropdown-menu, .dropdown-menu {\n      overflow-y: auto;\n      height: 100px;\n    }\n  "],"animations":[{"__symbolic":"reference","module":"./typeahead-animations","name":"typeaheadAnimation","line":52,"character":15}],"template":"<!-- inject options list template -->\n<ng-template [ngTemplateOutlet]=\"optionsListTemplate || (isBs4 ? bs4Template : bs3Template)\"\n             [ngTemplateOutletContext]=\"{\n               matches: matches,\n               itemTemplate: itemTemplate || bsItemTemplate,\n               query: query,\n               $implicit: typeaheadTemplateMethods\n             }\">\n</ng-template>\n\n<!-- default options item template -->\n<ng-template #bsItemTemplate let-match=\"match\" let-query=\"query\">\n  <span [innerHtml]=\"highlight(match, query)\"></span>\n</ng-template>\n\n<!-- Bootstrap 3 options list template -->\n<ng-template #bs3Template>\n  <ul class=\"dropdown-menu\"\n      #ulElement\n      role=\"listbox\"\n      [style.overflow-y]=\"needScrollbar ? 'scroll': 'auto'\"\n      [style.height]=\"needScrollbar ? guiHeight: 'auto'\">\n    <ng-template ngFor let-match let-i=\"index\" [ngForOf]=\"matches\">\n      <li #liElements *ngIf=\"match.isHeader()\" class=\"dropdown-header\">{{ match }}</li>\n      <li #liElements\n          *ngIf=\"!match.isHeader()\"\n          [id]=\"popupId + '-' + i\"\n          role=\"option\"\n          [@typeaheadAnimation]=\"animationState\"\n          [class.active]=\"isActive(match)\"\n          (mouseenter)=\"selectActive(match)\">\n\n        <a href=\"#\" (click)=\"selectMatch(match, $event)\" tabindex=\"-1\">\n          <ng-template [ngTemplateOutlet]=\"itemTemplate || bsItemTemplate\"\n                       [ngTemplateOutletContext]=\"{item: match.item, index: i, match: match, query: query}\">\n          </ng-template>\n        </a>\n      </li>\n    </ng-template>\n  </ul>\n</ng-template>\n\n<!-- Bootstrap 4 options list template -->\n<ng-template #bs4Template>\n  <ng-template ngFor let-match let-i=\"index\" [ngForOf]=\"matches\">\n    <h6 *ngIf=\"match.isHeader()\" class=\"dropdown-header\">{{ match }}</h6>\n    <ng-template [ngIf]=\"!match.isHeader()\">\n      <button #liElements\n              [id]=\"popupId + '-' + i\"\n              role=\"option\"\n              [@typeaheadAnimation]=\"animationState\"\n              class=\"dropdown-item\"\n              (click)=\"selectMatch(match, $event)\"\n              (mouseenter)=\"selectActive(match)\"\n              [class.active]=\"isActive(match)\">\n        <ng-template [ngTemplateOutlet]=\"itemTemplate || bsItemTemplate\"\n                     [ngTemplateOutletContext]=\"{item: match.item, index: i, match: match, query: query}\">\n        </ng-template>\n      </button>\n    </ng-template>\n  </ng-template>\n</ng-template>\n"}]}],"members":{"activeChangeEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":57,"character":3},"arguments":["activeChange"]}]}],"ulElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":89,"character":3},"arguments":["ulElement",{"static":false}]}]}],"liElements":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":92,"character":3},"arguments":["liElements"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ngx-bootstrap/positioning","name":"PositioningService","line":96,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":97,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":98,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":99,"character":31}]}],"selectActiveMatch":[{"__symbolic":"method"}],"activeChanged":[{"__symbolic":"method"}],"prevActiveMatch":[{"__symbolic":"method"}],"nextActiveMatch":[{"__symbolic":"method"}],"selectActive":[{"__symbolic":"method"}],"highlight":[{"__symbolic":"method"}],"focusLost":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":293,"character":3},"arguments":["mouseleave"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":294,"character":3},"arguments":["blur"]}]}],"isActive":[{"__symbolic":"method"}],"selectMatch":[{"__symbolic":"method"}],"setScrollableMode":[{"__symbolic":"method"}],"scrollPrevious":[{"__symbolic":"method"}],"scrollNext":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setActive":[{"__symbolic":"method"}],"isScrolledIntoView":[{"__symbolic":"method"}],"scrollToBottom":[{"__symbolic":"method"}],"scrollToTop":[{"__symbolic":"method"}]}}}}]