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.
174 lines (164 loc) • 12 kB
JavaScript
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@angular/common')) :
typeof define === 'function' && define.amd ? define('mdc-autocomplete-list-item', ['exports', '@angular/core', 'rxjs', '@angular/common'], factory) :
(factory((global['mdc-autocomplete-list-item'] = {}),global.ng.core,global.rxjs,global.ng.common));
}(this, (function (exports,i0,rxjs,common) { 'use strict';
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
var MdcAutocompleteListItemService = (function () {
function MdcAutocompleteListItemService() {
}
MdcAutocompleteListItemService.decorators = [
{ type: i0.Injectable, args: [{
providedIn: 'root'
},] },
];
/** @nocollapse */
MdcAutocompleteListItemService.ctorParameters = function () { return []; };
/** @nocollapse */ MdcAutocompleteListItemService.ngInjectableDef = i0.defineInjectable({ factory: function MdcAutocompleteListItemService_Factory() { return new MdcAutocompleteListItemService(); }, token: MdcAutocompleteListItemService, providedIn: "root" });
return MdcAutocompleteListItemService;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
var MdcAutocompleteListItemComponent = (function () {
function MdcAutocompleteListItemComponent() {
}
/**
* @return {?}
*/
MdcAutocompleteListItemComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
};
MdcAutocompleteListItemComponent.decorators = [
{ type: i0.Component, args: [{
selector: 'mdc-mdc-autocomplete-list-item',
template: "\n <p>\n mdc-autocomplete-list-item works!\n </p>\n ",
styles: []
},] },
];
/** @nocollapse */
MdcAutocompleteListItemComponent.ctorParameters = function () { return []; };
return MdcAutocompleteListItemComponent;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
var MdcAutocompleteListItem = (function () {
function MdcAutocompleteListItem() {
this.itemClicked = new rxjs.Subject();
this.itemHovered = new rxjs.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: i0.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: i0.Input }],
filterString: [{ type: i0.Input }],
focused: [{ type: i0.Input }],
itemClicked: [{ type: i0.Output }],
itemHovered: [{ type: i0.Output }],
li: [{ type: i0.ViewChild, args: ['li',] }]
};
return MdcAutocompleteListItem;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
var MdcAutocompleteListItemModule = (function () {
function MdcAutocompleteListItemModule() {
}
MdcAutocompleteListItemModule.decorators = [
{ type: i0.NgModule, args: [{
imports: [
common.CommonModule
],
declarations: [MdcAutocompleteListItemComponent, MdcAutocompleteListItem],
exports: [MdcAutocompleteListItem]
},] },
];
return MdcAutocompleteListItemModule;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
exports.MdcAutocompleteListItemService = MdcAutocompleteListItemService;
exports.MdcAutocompleteListItemModule = MdcAutocompleteListItemModule;
exports.MdcAutocompleteListItem = MdcAutocompleteListItem;
exports.ɵa = MdcAutocompleteListItemComponent;
Object.defineProperty(exports, '__esModule', { value: true });
})));
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWRjLWF1dG9jb21wbGV0ZS1saXN0LWl0ZW0udW1kLmpzLm1hcCIsInNvdXJjZXMiOlsibmc6Ly9tZGMtYXV0b2NvbXBsZXRlLWxpc3QtaXRlbS9saWIvbWRjLWF1dG9jb21wbGV0ZS1saXN0LWl0ZW0uc2VydmljZS50cyIsIm5nOi8vbWRjLWF1dG9jb21wbGV0ZS1saXN0LWl0ZW0vbGliL21kYy1hdXRvY29tcGxldGUtbGlzdC1pdGVtLmNvbXBvbmVudC50cyIsIm5nOi8vbWRjLWF1dG9jb21wbGV0ZS1saXN0LWl0ZW0vbGliL2F1dG9jb21wbGV0ZS1saXN0LWl0ZW0vYXV0b2NvbXBsZXRlLWxpc3QtaXRlbS5jb21wb25lbnQudHMiLCJuZzovL21kYy1hdXRvY29tcGxldGUtbGlzdC1pdGVtL2xpYi9tZGMtYXV0b2NvbXBsZXRlLWxpc3QtaXRlbS5tb2R1bGUudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ASW5qZWN0YWJsZSh7XG4gIHByb3ZpZGVkSW46ICdyb290J1xufSlcbmV4cG9ydCBjbGFzcyBNZGNBdXRvY29tcGxldGVMaXN0SXRlbVNlcnZpY2Uge1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG59XG4iLCJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtZGMtbWRjLWF1dG9jb21wbGV0ZS1saXN0LWl0ZW0nLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxwPlxuICAgICAgbWRjLWF1dG9jb21wbGV0ZS1saXN0LWl0ZW0gd29ya3MhXG4gICAgPC9wPlxuICBgLFxuICBzdHlsZXM6IFtdXG59KVxuZXhwb3J0IGNsYXNzIE1kY0F1dG9jb21wbGV0ZUxpc3RJdGVtQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCkge1xuICB9XG5cbn1cbiIsImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgT3V0cHV0LCBWaWV3Q2hpbGQsIEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWRjLWF1dG9jb21wbGV0ZS1saXN0LWl0ZW0nLFxuICB0ZW1wbGF0ZTogYDxsaSAjbGkgKm5nSWY9XCJ2aXNpYmxlXCIgW2NsYXNzLmZvY3VzZWRdPVwiZm9jdXNlZFwiIGNsYXNzPVwibWRjLWF1dG9jb21wbGV0ZS1saXN0LWl0ZW1cIiAoY2xpY2spPVwib25JdGVtQ2xpY2tlZCgpXCIgKG1vdXNlZW50ZXIpPVwib25Ib3ZlcigpXCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvbGk+XG5gLFxuICBzdHlsZXM6IFtgbGl7b3ZlcmZsb3c6YXV0bztjdXJzb3I6cG9pbnRlcn1saS5mb2N1c2Vke2JhY2tncm91bmQtY29sb3I6I2RlZGVkZX1gXVxufSlcbi8vIHRzbGludDpkaXNhYmxlLW5leHQtbGluZTpjb21wb25lbnQtY2xhc3Mtc3VmZml4XG5leHBvcnQgY2xhc3MgTWRjQXV0b2NvbXBsZXRlTGlzdEl0ZW0gaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBJbnB1dCgpIHZhbHVlOiBhbnk7XG4gIEBJbnB1dCgpIGZpbHRlclN0cmluZzogc3RyaW5nO1xuICBASW5wdXQoKSBmb2N1c2VkOiBib29sZWFuO1xuICBAT3V0cHV0KCkgcHVibGljIGl0ZW1DbGlja2VkOiBTdWJqZWN0PGFueT4gPSBuZXcgU3ViamVjdCgpO1xuICBAT3V0cHV0KCkgcHVibGljIGl0ZW1Ib3ZlcmVkOiBTdWJqZWN0PGFueT4gPSBuZXcgU3ViamVjdCgpO1xuXG4gIEBWaWV3Q2hpbGQoJ2xpJykgbGk6IEVsZW1lbnRSZWY7XG5cbiAgcHJpdmF0ZSBfdmlzaWJsZTogYm9vbGVhbjtcblxuICBwdWJsaWMgZ2V0IHZpc2libGUoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuX3Zpc2libGU7XG4gIH1cblxuICBwdWJsaWMgc2V0IHZpc2libGUodjogYm9vbGVhbikge1xuICAgIHRoaXMuX3Zpc2libGUgPSB2O1xuICB9XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgdGhpcy5fdmlzaWJsZSA9IHRydWU7XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgfVxuXG4gIHB1YmxpYyBzY3JvbGxJbnRvVmlldygpIHtcbiAgICB0aGlzLmxpLm5hdGl2ZUVsZW1lbnQucGFyZW50RWxlbWVudC5zY3JvbGxJbnRvVmlldyh7XG4gICAgICBiZWhhdmlvdXI6ICdhdXRvJyxcbiAgICAgIGJsb2NrOiAnbmVhcmVzdCcsXG4gICAgICBpbmxpbmU6ICduZWFyZXN0J1xuICAgIH0pO1xuICB9XG5cbiAgb25JdGVtQ2xpY2tlZCgpIHtcbiAgICB0aGlzLml0ZW1DbGlja2VkLm5leHQodGhpcy52YWx1ZSk7XG4gIH1cblxuICBvbkhvdmVyKCkge1xuICAgIHRoaXMuaXRlbUhvdmVyZWQubmV4dCh0aGlzLnZhbHVlKTtcbiAgfVxufVxuIiwiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBNZGNBdXRvY29tcGxldGVMaXN0SXRlbUNvbXBvbmVudCB9IGZyb20gJy4vbWRjLWF1dG9jb21wbGV0ZS1saXN0LWl0ZW0uY29tcG9uZW50JztcbmltcG9ydCB7IE1kY0F1dG9jb21wbGV0ZUxpc3RJdGVtIH0gZnJvbSAnLi9hdXRvY29tcGxldGUtbGlzdC1pdGVtL2F1dG9jb21wbGV0ZS1saXN0LWl0ZW0uY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZVxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtNZGNBdXRvY29tcGxldGVMaXN0SXRlbUNvbXBvbmVudCwgTWRjQXV0b2NvbXBsZXRlTGlzdEl0ZW1dLFxuICBleHBvcnRzOiBbTWRjQXV0b2NvbXBsZXRlTGlzdEl0ZW1dXG59KVxuZXhwb3J0IGNsYXNzIE1kY0F1dG9jb21wbGV0ZUxpc3RJdGVtTW9kdWxlIHsgfVxuIl0sIm5hbWVzIjpbIkluamVjdGFibGUiLCJDb21wb25lbnQiLCJTdWJqZWN0IiwiSW5wdXQiLCJPdXRwdXQiLCJWaWV3Q2hpbGQiLCJOZ01vZHVsZSIsIkNvbW1vbk1vZHVsZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7OztBQUFBO1FBT0U7U0FBaUI7O29CQUxsQkEsYUFBVSxTQUFDO3dCQUNWLFVBQVUsRUFBRSxNQUFNO3FCQUNuQjs7Ozs7NkNBSkQ7Ozs7Ozs7QUNBQTtRQWFFO1NBQWlCOzs7O1FBRWpCLG1EQUFROzs7WUFBUjthQUNDOztvQkFkRkMsWUFBUyxTQUFDO3dCQUNULFFBQVEsRUFBRSxnQ0FBZ0M7d0JBQzFDLFFBQVEsRUFBRSxrRUFJVDt3QkFDRCxNQUFNLEVBQUUsRUFBRTtxQkFDWDs7OzsrQ0FWRDs7Ozs7OztBQ0FBO1FBZ0NFOytCQWY2QyxJQUFJQyxZQUFPLEVBQUU7K0JBQ2IsSUFBSUEsWUFBTyxFQUFFO1lBZXhELElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1NBQ3RCOzhCQVZVLDRDQUFPOzs7O2dCQUNoQixPQUFPLElBQUksQ0FBQyxRQUFRLENBQUM7Ozs7OzBCQUdKLENBQVU7Z0JBQzNCLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxDQUFDOzs7Ozs7OztRQU9wQiwwQ0FBUTs7O1lBQVI7YUFDQzs7OztRQUVNLGdEQUFjOzs7O2dCQUNuQixJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsY0FBYyxDQUFDO29CQUNqRCxTQUFTLEVBQUUsTUFBTTtvQkFDakIsS0FBSyxFQUFFLFNBQVM7b0JBQ2hCLE1BQU0sRUFBRSxTQUFTO2lCQUNsQixDQUFDLENBQUM7Ozs7O1FBR0wsK0NBQWE7OztZQUFiO2dCQUNFLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQzthQUNuQzs7OztRQUVELHlDQUFPOzs7WUFBUDtnQkFDRSxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7YUFDbkM7O29CQWxERkQsWUFBUyxTQUFDO3dCQUNULFFBQVEsRUFBRSw0QkFBNEI7d0JBQ3RDLFFBQVEsRUFBRSwwTEFHWDt3QkFDQyxNQUFNLEVBQUUsQ0FBQyxzRUFBc0UsQ0FBQztxQkFDakY7Ozs7OzRCQUlFRSxRQUFLO21DQUNMQSxRQUFLOzhCQUNMQSxRQUFLO2tDQUNMQyxTQUFNO2tDQUNOQSxTQUFNO3lCQUVOQyxZQUFTLFNBQUMsSUFBSTs7c0NBcEJqQjs7Ozs7OztBQ0FBOzs7O29CQUtDQyxXQUFRLFNBQUM7d0JBQ1IsT0FBTyxFQUFFOzRCQUNQQyxtQkFBWTt5QkFDYjt3QkFDRCxZQUFZLEVBQUUsQ0FBQyxnQ0FBZ0MsRUFBRSx1QkFBdUIsQ0FBQzt3QkFDekUsT0FBTyxFQUFFLENBQUMsdUJBQXVCLENBQUM7cUJBQ25DOzs0Q0FYRDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7In0=