mdc-autocomplete-list-item
Version:
MdcAutocomplete in conjunction with MdcAutocompleteList and MdcAutocompleteListItem are a pack of angular components to provide an autocomplete functionality to Angular MDC web.
106 lines (105 loc) • 6.51 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
import { Component, Input, Output, ViewChild, ElementRef } from '@angular/core';
import { Subject } from 'rxjs';
var MdcAutocompleteListItem = /** @class */ (function () {
function MdcAutocompleteListItem() {
this.itemClicked = new Subject();
this.itemHovered = new Subject();
this._visible = true;
}
Object.defineProperty(MdcAutocompleteListItem.prototype, "visible", {
get: /**
* @return {?}
*/
function () {
return this._visible;
},
set: /**
* @param {?} v
* @return {?}
*/
function (v) {
this._visible = v;
},
enumerable: true,
configurable: true
});
/**
* @return {?}
*/
MdcAutocompleteListItem.prototype.ngOnInit = /**
* @return {?}
*/
function () {
};
/**
* @return {?}
*/
MdcAutocompleteListItem.prototype.scrollIntoView = /**
* @return {?}
*/
function () {
this.li.nativeElement.parentElement.scrollIntoView({
behaviour: 'auto',
block: 'nearest',
inline: 'nearest'
});
};
/**
* @return {?}
*/
MdcAutocompleteListItem.prototype.onItemClicked = /**
* @return {?}
*/
function () {
this.itemClicked.next(this.value);
};
/**
* @return {?}
*/
MdcAutocompleteListItem.prototype.onHover = /**
* @return {?}
*/
function () {
this.itemHovered.next(this.value);
};
MdcAutocompleteListItem.decorators = [
{ type: Component, args: [{
selector: 'mdc-autocomplete-list-item',
template: "<li #li *ngIf=\"visible\" [class.focused]=\"focused\" class=\"mdc-autocomplete-list-item\" (click)=\"onItemClicked()\" (mouseenter)=\"onHover()\">\n <ng-content></ng-content>\n</li>\n",
styles: ["li{overflow:auto;cursor:pointer}li.focused{background-color:#dedede}"]
},] },
];
/** @nocollapse */
MdcAutocompleteListItem.ctorParameters = function () { return []; };
MdcAutocompleteListItem.propDecorators = {
value: [{ type: Input }],
filterString: [{ type: Input }],
focused: [{ type: Input }],
itemClicked: [{ type: Output }],
itemHovered: [{ type: Output }],
li: [{ type: ViewChild, args: ['li',] }]
};
return MdcAutocompleteListItem;
}());
export { MdcAutocompleteListItem };
if (false) {
/** @type {?} */
MdcAutocompleteListItem.prototype.value;
/** @type {?} */
MdcAutocompleteListItem.prototype.filterString;
/** @type {?} */
MdcAutocompleteListItem.prototype.focused;
/** @type {?} */
MdcAutocompleteListItem.prototype.itemClicked;
/** @type {?} */
MdcAutocompleteListItem.prototype.itemHovered;
/** @type {?} */
MdcAutocompleteListItem.prototype.li;
/** @type {?} */
MdcAutocompleteListItem.prototype._visible;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLWxpc3QtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9tZGMtYXV0b2NvbXBsZXRlLWxpc3QtaXRlbS8iLCJzb3VyY2VzIjpbImxpYi9hdXRvY29tcGxldGUtbGlzdC1pdGVtL2F1dG9jb21wbGV0ZS1saXN0LWl0ZW0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN4RixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDOztJQStCN0I7MkJBZjZDLElBQUksT0FBTyxFQUFFOzJCQUNiLElBQUksT0FBTyxFQUFFO1FBZXhELElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO0tBQ3RCOzBCQVZVLDRDQUFPOzs7OztZQUNoQixNQUFNLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQzs7Ozs7O2tCQUdKLENBQVU7WUFDM0IsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLENBQUM7Ozs7Ozs7O0lBT3BCLDBDQUFROzs7SUFBUjtLQUNDOzs7O0lBRU0sZ0RBQWM7Ozs7UUFDbkIsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLGNBQWMsQ0FBQztZQUNqRCxTQUFTLEVBQUUsTUFBTTtZQUNqQixLQUFLLEVBQUUsU0FBUztZQUNoQixNQUFNLEVBQUUsU0FBUztTQUNsQixDQUFDLENBQUM7Ozs7O0lBR0wsK0NBQWE7OztJQUFiO1FBQ0UsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0tBQ25DOzs7O0lBRUQseUNBQU87OztJQUFQO1FBQ0UsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0tBQ25DOztnQkFsREYsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSw0QkFBNEI7b0JBQ3RDLFFBQVEsRUFBRSwwTEFHWDtvQkFDQyxNQUFNLEVBQUUsQ0FBQyxzRUFBc0UsQ0FBQztpQkFDakY7Ozs7O3dCQUlFLEtBQUs7K0JBQ0wsS0FBSzswQkFDTCxLQUFLOzhCQUNMLE1BQU07OEJBQ04sTUFBTTtxQkFFTixTQUFTLFNBQUMsSUFBSTs7a0NBcEJqQjs7U0FZYSx1QkFBdUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQsIE91dHB1dCwgVmlld0NoaWxkLCBFbGVtZW50UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21kYy1hdXRvY29tcGxldGUtbGlzdC1pdGVtJyxcbiAgdGVtcGxhdGU6IGA8bGkgI2xpICpuZ0lmPVwidmlzaWJsZVwiIFtjbGFzcy5mb2N1c2VkXT1cImZvY3VzZWRcIiBjbGFzcz1cIm1kYy1hdXRvY29tcGxldGUtbGlzdC1pdGVtXCIgKGNsaWNrKT1cIm9uSXRlbUNsaWNrZWQoKVwiIChtb3VzZWVudGVyKT1cIm9uSG92ZXIoKVwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2xpPlxuYCxcbiAgc3R5bGVzOiBbYGxpe292ZXJmbG93OmF1dG87Y3Vyc29yOnBvaW50ZXJ9bGkuZm9jdXNlZHtiYWNrZ3JvdW5kLWNvbG9yOiNkZWRlZGV9YF1cbn0pXG4vLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6Y29tcG9uZW50LWNsYXNzLXN1ZmZpeFxuZXhwb3J0IGNsYXNzIE1kY0F1dG9jb21wbGV0ZUxpc3RJdGVtIGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKSB2YWx1ZTogYW55O1xuICBASW5wdXQoKSBmaWx0ZXJTdHJpbmc6IHN0cmluZztcbiAgQElucHV0KCkgZm9jdXNlZDogYm9vbGVhbjtcbiAgQE91dHB1dCgpIHB1YmxpYyBpdGVtQ2xpY2tlZDogU3ViamVjdDxhbnk+ID0gbmV3IFN1YmplY3QoKTtcbiAgQE91dHB1dCgpIHB1YmxpYyBpdGVtSG92ZXJlZDogU3ViamVjdDxhbnk+ID0gbmV3IFN1YmplY3QoKTtcblxuICBAVmlld0NoaWxkKCdsaScpIGxpOiBFbGVtZW50UmVmO1xuXG4gIHByaXZhdGUgX3Zpc2libGU6IGJvb2xlYW47XG5cbiAgcHVibGljIGdldCB2aXNpYmxlKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLl92aXNpYmxlO1xuICB9XG5cbiAgcHVibGljIHNldCB2aXNpYmxlKHY6IGJvb2xlYW4pIHtcbiAgICB0aGlzLl92aXNpYmxlID0gdjtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHRoaXMuX3Zpc2libGUgPSB0cnVlO1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gIH1cblxuICBwdWJsaWMgc2Nyb2xsSW50b1ZpZXcoKSB7XG4gICAgdGhpcy5saS5uYXRpdmVFbGVtZW50LnBhcmVudEVsZW1lbnQuc2Nyb2xsSW50b1ZpZXcoe1xuICAgICAgYmVoYXZpb3VyOiAnYXV0bycsXG4gICAgICBibG9jazogJ25lYXJlc3QnLFxuICAgICAgaW5saW5lOiAnbmVhcmVzdCdcbiAgICB9KTtcbiAgfVxuXG4gIG9uSXRlbUNsaWNrZWQoKSB7XG4gICAgdGhpcy5pdGVtQ2xpY2tlZC5uZXh0KHRoaXMudmFsdWUpO1xuICB9XG5cbiAgb25Ib3ZlcigpIHtcbiAgICB0aGlzLml0ZW1Ib3ZlcmVkLm5leHQodGhpcy52YWx1ZSk7XG4gIH1cbn1cbiJdfQ==