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

Native Angular Bootstrap Components

[{"__symbolic":"module","version":3,"metadata":{"TypeaheadContainerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"typeahead-container","template":"\n  <template [ngIf]=\"!isBs4\"><ul class=\"dropdown-menu\">\n    <template ngFor let-match let-i=\"index\" [ngForOf]=\"matches\">\n      <li *ngIf=\"match.isHeader()\" class=\"dropdown-header\">{{match}}</li>\n      <li *ngIf=\"!match.isHeader()\"\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.item, index: i}\">\n            </template>\n        </a>\n      </li>\n    </template>\n  </ul></template>\n  <template [ngIf]=\"isBs4\">\n    <template ngFor let-match let-i=\"index\" [ngForOf]=\"matches\">\n       <h6 *ngIf=\"match.isHeader()\" class=\"dropdown-header\">{{match}}</h6>\n       <template [ngIf]=\"!match.isHeader() && !itemTemplate\">\n          <button\n            class=\"dropdown-item\"\n            (click)=\"selectMatch(match, $event)\"\n            (mouseenter)=\"selectActive(match)\"\n            [class.active]=\"isActive(match)\"\n            [innerHtml]=\"hightlight(match, query)\"></button>\n      </template>\n      <template [ngIf]=\"!match.isHeader() && itemTemplate\">\n        <button\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.item, index: i}\">\n          </template>\n         </button>\n      </template>\n    </template>\n  </template>\n","host":{"class":"dropdown open","[class.dropdown-menu]":"isBs4","style":"position: absolute;display: block;","$quoted$":["class","[class.dropdown-menu]"]},"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"}]}],"selectActiveMatch":[{"__symbolic":"method"}],"prevActiveMatch":[{"__symbolic":"method"}],"nextActiveMatch":[{"__symbolic":"method"}],"selectActive":[{"__symbolic":"method"}],"hightlight":[{"__symbolic":"method"}],"focusLost":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["mouseleave"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["blur"]}]}],"isActive":[{"__symbolic":"method"}],"selectMatch":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"TypeaheadContainerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"typeahead-container","template":"\n  <template [ngIf]=\"!isBs4\"><ul class=\"dropdown-menu\">\n    <template ngFor let-match let-i=\"index\" [ngForOf]=\"matches\">\n      <li *ngIf=\"match.isHeader()\" class=\"dropdown-header\">{{match}}</li>\n      <li *ngIf=\"!match.isHeader()\"\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.item, index: i}\">\n            </template>\n        </a>\n      </li>\n    </template>\n  </ul></template>\n  <template [ngIf]=\"isBs4\">\n    <template ngFor let-match let-i=\"index\" [ngForOf]=\"matches\">\n       <h6 *ngIf=\"match.isHeader()\" class=\"dropdown-header\">{{match}}</h6>\n       <template [ngIf]=\"!match.isHeader() && !itemTemplate\">\n          <button\n            class=\"dropdown-item\"\n            (click)=\"selectMatch(match, $event)\"\n            (mouseenter)=\"selectActive(match)\"\n            [class.active]=\"isActive(match)\"\n            [innerHtml]=\"hightlight(match, query)\"></button>\n      </template>\n      <template [ngIf]=\"!match.isHeader() && itemTemplate\">\n        <button\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.item, index: i}\">\n          </template>\n         </button>\n      </template>\n    </template>\n  </template>\n","host":{"class":"dropdown open","[class.dropdown-menu]":"isBs4","style":"position: absolute;display: block;"},"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"}]}],"selectActiveMatch":[{"__symbolic":"method"}],"prevActiveMatch":[{"__symbolic":"method"}],"nextActiveMatch":[{"__symbolic":"method"}],"selectActive":[{"__symbolic":"method"}],"hightlight":[{"__symbolic":"method"}],"focusLost":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["mouseleave"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["blur"]}]}],"isActive":[{"__symbolic":"method"}],"selectMatch":[{"__symbolic":"method"}]}}}}]