UNPKG

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
(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=