@syncfusion/ej2-angular-dropdowns 20.2.50 → 20.3.47

package/esm2020/src/index.mjs

@@ -16,5 +16,8 @@ export { ListBoxAllModule } from './list-box/listbox-all.module';
 export { DropDownTreeComponent } from './drop-down-tree/dropdowntree.component';
 export { DropDownTreeModule } from './drop-down-tree/dropdowntree.module';
 export { DropDownTreeAllModule } from './drop-down-tree/dropdowntree-all.module';
+export { MentionComponent } from './mention/mention.component';
+export { MentionModule } from './mention/mention.module';
+export { MentionAllModule } from './mention/mention-all.module';
 export * from '@syncfusion/ej2-dropdowns';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHFCQUFxQixFQUFDLE1BQU0seUNBQXlDLENBQUM7QUFDL0UsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDMUUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDakYsT0FBTyxFQUFFLGlCQUFpQixFQUFDLE1BQU0sZ0NBQWdDLENBQUM7QUFDbEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzdELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxxQkFBcUIsRUFBQyxNQUFNLHdDQUF3QyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxvQkFBb0IsRUFBQyxNQUFNLHNDQUFzQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3ZHLE9BQU8sRUFBRSxnQkFBZ0IsRUFBQyxNQUFNLDhCQUE4QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNqRSxPQUFPLEVBQUUscUJBQXFCLEVBQUMsTUFBTSx5Q0FBeUMsQ0FBQztBQUMvRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUMxRSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUNqRixjQUFjLDJCQUEyQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgRHJvcERvd25MaXN0Q29tcG9uZW50fSBmcm9tICcuL2Ryb3AtZG93bi1saXN0L2Ryb3Bkb3dubGlzdC5jb21wb25lbnQnO1xuZXhwb3J0IHsgRHJvcERvd25MaXN0TW9kdWxlIH0gZnJvbSAnLi9kcm9wLWRvd24tbGlzdC9kcm9wZG93bmxpc3QubW9kdWxlJztcbmV4cG9ydCB7IERyb3BEb3duTGlzdEFsbE1vZHVsZSB9IGZyb20gJy4vZHJvcC1kb3duLWxpc3QvZHJvcGRvd25saXN0LWFsbC5tb2R1bGUnO1xuZXhwb3J0IHsgQ29tYm9Cb3hDb21wb25lbnR9IGZyb20gJy4vY29tYm8tYm94L2NvbWJvYm94LmNvbXBvbmVudCc7XG5leHBvcnQgeyBDb21ib0JveE1vZHVsZSB9IGZyb20gJy4vY29tYm8tYm94L2NvbWJvYm94Lm1vZHVsZSc7XG5leHBvcnQgeyBDb21ib0JveEFsbE1vZHVsZSB9IGZyb20gJy4vY29tYm8tYm94L2NvbWJvYm94LWFsbC5tb2R1bGUnO1xuZXhwb3J0IHsgQXV0b0NvbXBsZXRlQ29tcG9uZW50fSBmcm9tICcuL2F1dG8tY29tcGxldGUvYXV0b2NvbXBsZXRlLmNvbXBvbmVudCc7XG5leHBvcnQgeyBBdXRvQ29tcGxldGVNb2R1bGUgfSBmcm9tICcuL2F1dG8tY29tcGxldGUvYXV0b2NvbXBsZXRlLm1vZHVsZSc7XG5leHBvcnQgeyBBdXRvQ29tcGxldGVBbGxNb2R1bGUgfSBmcm9tICcuL2F1dG8tY29tcGxldGUvYXV0b2NvbXBsZXRlLWFsbC5tb2R1bGUnO1xuZXhwb3J0IHsgTXVsdGlTZWxlY3RDb21wb25lbnR9IGZyb20gJy4vbXVsdGktc2VsZWN0L211bHRpc2VsZWN0LmNvbXBvbmVudCc7XG5leHBvcnQgeyBNdWx0aVNlbGVjdE1vZHVsZSB9IGZyb20gJy4vbXVsdGktc2VsZWN0L211bHRpc2VsZWN0Lm1vZHVsZSc7XG5leHBvcnQgeyBNdWx0aVNlbGVjdEFsbE1vZHVsZSwgQ2hlY2tCb3hTZWxlY3Rpb25TZXJ2aWNlIH0gZnJvbSAnLi9tdWx0aS1zZWxlY3QvbXVsdGlzZWxlY3QtYWxsLm1vZHVsZSc7XG5leHBvcnQgeyBMaXN0Qm94Q29tcG9uZW50fSBmcm9tICcuL2xpc3QtYm94L2xpc3Rib3guY29tcG9uZW50JztcbmV4cG9ydCB7IExpc3RCb3hNb2R1bGUgfSBmcm9tICcuL2xpc3QtYm94L2xpc3Rib3gubW9kdWxlJztcbmV4cG9ydCB7IExpc3RCb3hBbGxNb2R1bGUgfSBmcm9tICcuL2xpc3QtYm94L2xpc3Rib3gtYWxsLm1vZHVsZSc7XG5leHBvcnQgeyBEcm9wRG93blRyZWVDb21wb25lbnR9IGZyb20gJy4vZHJvcC1kb3duLXRyZWUvZHJvcGRvd250cmVlLmNvbXBvbmVudCc7XG5leHBvcnQgeyBEcm9wRG93blRyZWVNb2R1bGUgfSBmcm9tICcuL2Ryb3AtZG93bi10cmVlL2Ryb3Bkb3dudHJlZS5tb2R1bGUnO1xuZXhwb3J0IHsgRHJvcERvd25UcmVlQWxsTW9kdWxlIH0gZnJvbSAnLi9kcm9wLWRvd24tdHJlZS9kcm9wZG93bnRyZWUtYWxsLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICdAc3luY2Z1c2lvbi9lajItZHJvcGRvd25zJzsiXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHFCQUFxQixFQUFDLE1BQU0seUNBQXlDLENBQUM7QUFDL0UsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDMUUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDakYsT0FBTyxFQUFFLGlCQUFpQixFQUFDLE1BQU0sZ0NBQWdDLENBQUM7QUFDbEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzdELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxxQkFBcUIsRUFBQyxNQUFNLHdDQUF3QyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxvQkFBb0IsRUFBQyxNQUFNLHNDQUFzQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3ZHLE9BQU8sRUFBRSxnQkFBZ0IsRUFBQyxNQUFNLDhCQUE4QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNqRSxPQUFPLEVBQUUscUJBQXFCLEVBQUMsTUFBTSx5Q0FBeUMsQ0FBQztBQUMvRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUMxRSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUNqRixPQUFPLEVBQUUsZ0JBQWdCLEVBQUMsTUFBTSw2QkFBNkIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDekQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDaEUsY0FBYywyQkFBMkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IERyb3BEb3duTGlzdENvbXBvbmVudH0gZnJvbSAnLi9kcm9wLWRvd24tbGlzdC9kcm9wZG93bmxpc3QuY29tcG9uZW50JztcbmV4cG9ydCB7IERyb3BEb3duTGlzdE1vZHVsZSB9IGZyb20gJy4vZHJvcC1kb3duLWxpc3QvZHJvcGRvd25saXN0Lm1vZHVsZSc7XG5leHBvcnQgeyBEcm9wRG93bkxpc3RBbGxNb2R1bGUgfSBmcm9tICcuL2Ryb3AtZG93bi1saXN0L2Ryb3Bkb3dubGlzdC1hbGwubW9kdWxlJztcbmV4cG9ydCB7IENvbWJvQm94Q29tcG9uZW50fSBmcm9tICcuL2NvbWJvLWJveC9jb21ib2JveC5jb21wb25lbnQnO1xuZXhwb3J0IHsgQ29tYm9Cb3hNb2R1bGUgfSBmcm9tICcuL2NvbWJvLWJveC9jb21ib2JveC5tb2R1bGUnO1xuZXhwb3J0IHsgQ29tYm9Cb3hBbGxNb2R1bGUgfSBmcm9tICcuL2NvbWJvLWJveC9jb21ib2JveC1hbGwubW9kdWxlJztcbmV4cG9ydCB7IEF1dG9Db21wbGV0ZUNvbXBvbmVudH0gZnJvbSAnLi9hdXRvLWNvbXBsZXRlL2F1dG9jb21wbGV0ZS5jb21wb25lbnQnO1xuZXhwb3J0IHsgQXV0b0NvbXBsZXRlTW9kdWxlIH0gZnJvbSAnLi9hdXRvLWNvbXBsZXRlL2F1dG9jb21wbGV0ZS5tb2R1bGUnO1xuZXhwb3J0IHsgQXV0b0NvbXBsZXRlQWxsTW9kdWxlIH0gZnJvbSAnLi9hdXRvLWNvbXBsZXRlL2F1dG9jb21wbGV0ZS1hbGwubW9kdWxlJztcbmV4cG9ydCB7IE11bHRpU2VsZWN0Q29tcG9uZW50fSBmcm9tICcuL211bHRpLXNlbGVjdC9tdWx0aXNlbGVjdC5jb21wb25lbnQnO1xuZXhwb3J0IHsgTXVsdGlTZWxlY3RNb2R1bGUgfSBmcm9tICcuL211bHRpLXNlbGVjdC9tdWx0aXNlbGVjdC5tb2R1bGUnO1xuZXhwb3J0IHsgTXVsdGlTZWxlY3RBbGxNb2R1bGUsIENoZWNrQm94U2VsZWN0aW9uU2VydmljZSB9IGZyb20gJy4vbXVsdGktc2VsZWN0L211bHRpc2VsZWN0LWFsbC5tb2R1bGUnO1xuZXhwb3J0IHsgTGlzdEJveENvbXBvbmVudH0gZnJvbSAnLi9saXN0LWJveC9saXN0Ym94LmNvbXBvbmVudCc7XG5leHBvcnQgeyBMaXN0Qm94TW9kdWxlIH0gZnJvbSAnLi9saXN0LWJveC9saXN0Ym94Lm1vZHVsZSc7XG5leHBvcnQgeyBMaXN0Qm94QWxsTW9kdWxlIH0gZnJvbSAnLi9saXN0LWJveC9saXN0Ym94LWFsbC5tb2R1bGUnO1xuZXhwb3J0IHsgRHJvcERvd25UcmVlQ29tcG9uZW50fSBmcm9tICcuL2Ryb3AtZG93bi10cmVlL2Ryb3Bkb3dudHJlZS5jb21wb25lbnQnO1xuZXhwb3J0IHsgRHJvcERvd25UcmVlTW9kdWxlIH0gZnJvbSAnLi9kcm9wLWRvd24tdHJlZS9kcm9wZG93bnRyZWUubW9kdWxlJztcbmV4cG9ydCB7IERyb3BEb3duVHJlZUFsbE1vZHVsZSB9IGZyb20gJy4vZHJvcC1kb3duLXRyZWUvZHJvcGRvd250cmVlLWFsbC5tb2R1bGUnO1xuZXhwb3J0IHsgTWVudGlvbkNvbXBvbmVudH0gZnJvbSAnLi9tZW50aW9uL21lbnRpb24uY29tcG9uZW50JztcbmV4cG9ydCB7IE1lbnRpb25Nb2R1bGUgfSBmcm9tICcuL21lbnRpb24vbWVudGlvbi5tb2R1bGUnO1xuZXhwb3J0IHsgTWVudGlvbkFsbE1vZHVsZSB9IGZyb20gJy4vbWVudGlvbi9tZW50aW9uLWFsbC5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnQHN5bmNmdXNpb24vZWoyLWRyb3Bkb3ducyc7Il19

package/esm2020/src/mention/mention-all.module.mjs

@@ -0,0 +1,23 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MentionModule } from './mention.module';
+import * as i0 from "@angular/core";
+/**
+ * NgModule definition for the Mention component with providers.
+ */
+export class MentionAllModule {
+}
+MentionAllModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MentionAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MentionAllModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MentionAllModule, imports: [CommonModule, MentionModule], exports: [MentionModule] });
+MentionAllModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MentionAllModule, providers: [], imports: [[CommonModule, MentionModule], MentionModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MentionAllModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, MentionModule],
+                    exports: [
+                        MentionModule
+                    ],
+                    providers: []
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudGlvbi1hbGwubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21lbnRpb24vbWVudGlvbi1hbGwubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQWlCLE1BQU0sZUFBZSxDQUFDO0FBQ3hELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7O0FBTWpEOztHQUVHO0FBVUgsTUFBTSxPQUFPLGdCQUFnQjs7NkdBQWhCLGdCQUFnQjs4R0FBaEIsZ0JBQWdCLFlBUmYsWUFBWSxFQUFFLGFBQWEsYUFFakMsYUFBYTs4R0FNUixnQkFBZ0IsYUFKZixFQUVULFlBTlEsQ0FBQyxZQUFZLEVBQUUsYUFBYSxDQUFDLEVBRWxDLGFBQWE7MkZBTVIsZ0JBQWdCO2tCQVQ1QixRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxhQUFhLENBQUM7b0JBQ3RDLE9BQU8sRUFBRTt3QkFDTCxhQUFhO3FCQUNoQjtvQkFDRCxTQUFTLEVBQUMsRUFFVDtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlLCBWYWx1ZVByb3ZpZGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTWVudGlvbkNvbXBvbmVudCB9IGZyb20gJy4vbWVudGlvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgTWVudGlvbk1vZHVsZSB9IGZyb20gJy4vbWVudGlvbi5tb2R1bGUnO1xuXG5cblxuXG5cbi8qKlxuICogTmdNb2R1bGUgZGVmaW5pdGlvbiBmb3IgdGhlIE1lbnRpb24gY29tcG9uZW50IHdpdGggcHJvdmlkZXJzLlxuICovXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIE1lbnRpb25Nb2R1bGVdLFxuICAgIGV4cG9ydHM6IFtcbiAgICAgICAgTWVudGlvbk1vZHVsZVxuICAgIF0sXG4gICAgcHJvdmlkZXJzOltcbiAgICAgICAgXG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBNZW50aW9uQWxsTW9kdWxlIHsgfSJdfQ==

package/esm2020/src/mention/mention.component.mjs

@@ -0,0 +1,84 @@
+import { __decorate } from "tslib";
+import { Component, ChangeDetectionStrategy, ContentChild } from '@angular/core';
+import { ComponentBase, ComponentMixins, setValue } from '@syncfusion/ej2-angular-base';
+import { Mention } from '@syncfusion/ej2-dropdowns';
+import { Template } from '@syncfusion/ej2-angular-base';
+import * as i0 from "@angular/core";
+export const inputs = ['allowSpaces', 'cssClass', 'dataSource', 'displayTemplate', 'fields', 'filterType', 'highlight', 'ignoreCase', 'itemTemplate', 'locale', 'mentionChar', 'minLength', 'noRecordsTemplate', 'popupHeight', 'popupWidth', 'query', 'showMentionChar', 'sortOrder', 'spinnerTemplate', 'suffixText', 'suggestionCount', 'target'];
+export const outputs = ['actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'change', 'closed', 'created', 'destroyed', 'filtering', 'opened', 'select'];
+export const twoWays = [''];
+/**
+*The Mention component contains a list of predefined values, from which the user can choose a single value.
+*```html
+*<ejs-mention></ejs-mention>
+*```
+*/
+let MentionComponent = class MentionComponent extends Mention {
+    constructor(ngEle, srenderer, viewContainerRef, injector) {
+        super();
+        this.ngEle = ngEle;
+        this.srenderer = srenderer;
+        this.viewContainerRef = viewContainerRef;
+        this.injector = injector;
+        this.element = this.ngEle.nativeElement;
+        this.injectedModules = this.injectedModules || [];
+        this.registerEvents(outputs);
+        this.addTwoWay.call(this, twoWays);
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.containerContext = new ComponentBase();
+    }
+    ngOnInit() {
+        this.containerContext.ngOnInit(this);
+    }
+    ngAfterViewInit() {
+        this.containerContext.ngAfterViewInit(this);
+    }
+    ngOnDestroy() {
+        this.containerContext.ngOnDestroy(this);
+    }
+    ngAfterContentChecked() {
+        this.containerContext.ngAfterContentChecked(this);
+    }
+};
+MentionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MentionComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+MentionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: MentionComponent, selector: "ejs-mention", inputs: { allowSpaces: "allowSpaces", cssClass: "cssClass", dataSource: "dataSource", displayTemplate: "displayTemplate", fields: "fields", filterType: "filterType", highlight: "highlight", ignoreCase: "ignoreCase", itemTemplate: "itemTemplate", locale: "locale", mentionChar: "mentionChar", minLength: "minLength", noRecordsTemplate: "noRecordsTemplate", popupHeight: "popupHeight", popupWidth: "popupWidth", query: "query", showMentionChar: "showMentionChar", sortOrder: "sortOrder", spinnerTemplate: "spinnerTemplate", suffixText: "suffixText", suggestionCount: "suggestionCount", target: "target" }, outputs: { actionBegin: "actionBegin", actionComplete: "actionComplete", actionFailure: "actionFailure", beforeOpen: "beforeOpen", change: "change", closed: "closed", created: "created", destroyed: "destroyed", filtering: "filtering", opened: "opened", select: "select" }, queries: [{ propertyName: "displayTemplate", first: true, predicate: ["displayTemplate"], descendants: true }, { propertyName: "itemTemplate", first: true, predicate: ["itemTemplate"], descendants: true }, { propertyName: "spinnerTemplate", first: true, predicate: ["spinnerTemplate"], descendants: true }, { propertyName: "noRecordsTemplate", first: true, predicate: ["noRecordsTemplate"], descendants: true }], usesInheritance: true, ngImport: i0, template: `<ng-content ></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+__decorate([
+    Template()
+], MentionComponent.prototype, "displayTemplate", void 0);
+__decorate([
+    Template()
+], MentionComponent.prototype, "itemTemplate", void 0);
+__decorate([
+    Template()
+], MentionComponent.prototype, "spinnerTemplate", void 0);
+__decorate([
+    Template('No records found')
+], MentionComponent.prototype, "noRecordsTemplate", void 0);
+MentionComponent = __decorate([
+    ComponentMixins([ComponentBase])
+], MentionComponent);
+export { MentionComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MentionComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ejs-mention',
+                    inputs: inputs,
+                    outputs: outputs,
+                    template: `<ng-content ></ng-content>`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    queries: {}
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }]; }, propDecorators: { displayTemplate: [{
+                type: ContentChild,
+                args: ['displayTemplate']
+            }], itemTemplate: [{
+                type: ContentChild,
+                args: ['itemTemplate']
+            }], spinnerTemplate: [{
+                type: ContentChild,
+                args: ['spinnerTemplate']
+            }], noRecordsTemplate: [{
+                type: ContentChild,
+                args: ['noRecordsTemplate']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbWVudGlvbi9tZW50aW9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBcUQsdUJBQXVCLEVBQTRCLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5SixPQUFPLEVBQUUsYUFBYSxFQUFFLGVBQWUsRUFBdUQsUUFBUSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDN0ksT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7QUFHeEQsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFhLENBQUMsYUFBYSxFQUFDLFVBQVUsRUFBQyxZQUFZLEVBQUMsaUJBQWlCLEVBQUMsUUFBUSxFQUFDLFlBQVksRUFBQyxXQUFXLEVBQUMsWUFBWSxFQUFDLGNBQWMsRUFBQyxRQUFRLEVBQUMsYUFBYSxFQUFDLFdBQVcsRUFBQyxtQkFBbUIsRUFBQyxhQUFhLEVBQUMsWUFBWSxFQUFDLE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxXQUFXLEVBQUMsaUJBQWlCLEVBQUMsWUFBWSxFQUFDLGlCQUFpQixFQUFDLFFBQVEsQ0FBQyxDQUFDO0FBQzFVLE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBYSxDQUFDLGFBQWEsRUFBQyxnQkFBZ0IsRUFBQyxlQUFlLEVBQUMsWUFBWSxFQUFDLFFBQVEsRUFBQyxRQUFRLEVBQUMsU0FBUyxFQUFDLFdBQVcsRUFBQyxXQUFXLEVBQUMsUUFBUSxFQUFDLFFBQVEsQ0FBQyxDQUFDO0FBQ3JLLE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBYSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0FBRXRDOzs7OztFQUtFO0lBWVcsZ0JBQWdCLFNBQWhCLGdCQUFpQixTQUFRLE9BQU87SUF5Q3pDLFlBQW9CLEtBQWlCLEVBQVUsU0FBb0IsRUFBVSxnQkFBaUMsRUFBVSxRQUFrQjtRQUN0SSxLQUFLLEVBQUUsQ0FBQztRQURRLFVBQUssR0FBTCxLQUFLLENBQVk7UUFBVSxjQUFTLEdBQVQsU0FBUyxDQUFXO1FBQVUscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFpQjtRQUFVLGFBQVEsR0FBUixRQUFRLENBQVU7UUFFdEksSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQztRQUN4QyxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxlQUFlLElBQUksRUFBRSxDQUFDO1FBRWxELElBQUksQ0FBQyxjQUFjLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDN0IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLE9BQU8sQ0FBQyxDQUFDO1FBQ25DLFFBQVEsQ0FBQyxpQkFBaUIsRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDekQsSUFBSSxDQUFDLGdCQUFnQixHQUFJLElBQUksYUFBYSxFQUFFLENBQUM7SUFDakQsQ0FBQztJQUVNLFFBQVE7UUFDWCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3pDLENBQUM7SUFFTSxlQUFlO1FBQ2xCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDaEQsQ0FBQztJQUVNLFdBQVc7UUFDZCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzVDLENBQUM7SUFFTSxxQkFBcUI7UUFFeEIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLHFCQUFxQixDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3RELENBQUM7Q0FJSixDQUFBOzZHQXZFWSxnQkFBZ0I7aUdBQWhCLGdCQUFnQixvMUNBUGYsNEJBQTRCO0FBNkJ0QztJQURDLFFBQVEsRUFBRTt5REFDaUI7QUFPNUI7SUFEQyxRQUFRLEVBQUU7c0RBQ2M7QUFPekI7SUFEQyxRQUFRLEVBQUU7eURBQ2lCO0FBRzVCO0lBREMsUUFBUSxDQUFDLGtCQUFrQixDQUFDOzJEQUNDO0FBdkNyQixnQkFBZ0I7SUFENUIsZUFBZSxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUM7R0FDcEIsZ0JBQWdCLENBdUU1QjtTQXZFWSxnQkFBZ0I7MkZBQWhCLGdCQUFnQjtrQkFYNUIsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsYUFBYTtvQkFDdkIsTUFBTSxFQUFFLE1BQU07b0JBQ2QsT0FBTyxFQUFFLE9BQU87b0JBQ2hCLFFBQVEsRUFBRSw0QkFBNEI7b0JBQ3RDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxPQUFPLEVBQUUsRUFFUjtpQkFDSjsrS0F3QlUsZUFBZTtzQkFGckIsWUFBWTt1QkFBQyxpQkFBaUI7Z0JBU3hCLFlBQVk7c0JBRmxCLFlBQVk7dUJBQUMsY0FBYztnQkFTckIsZUFBZTtzQkFGckIsWUFBWTt1QkFBQyxpQkFBaUI7Z0JBS3hCLGlCQUFpQjtzQkFGdkIsWUFBWTt1QkFBQyxtQkFBbUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIFZpZXdDb250YWluZXJSZWYsIFJlbmRlcmVyMiwgSW5qZWN0b3IsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBRdWVyeUxpc3QsIFZhbHVlUHJvdmlkZXIsIENvbnRlbnRDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tcG9uZW50QmFzZSwgQ29tcG9uZW50TWl4aW5zLCBJQ29tcG9uZW50QmFzZSwgYXBwbHlNaXhpbnMsIFByb3BlcnR5Q29sbGVjdGlvbkluZm8sIHNldFZhbHVlIH0gZnJvbSAnQHN5bmNmdXNpb24vZWoyLWFuZ3VsYXItYmFzZSc7XG5pbXBvcnQgeyBNZW50aW9uIH0gZnJvbSAnQHN5bmNmdXNpb24vZWoyLWRyb3Bkb3ducyc7XG5pbXBvcnQgeyBUZW1wbGF0ZSB9IGZyb20gJ0BzeW5jZnVzaW9uL2VqMi1hbmd1bGFyLWJhc2UnO1xuXG5cbmV4cG9ydCBjb25zdCBpbnB1dHM6IHN0cmluZ1tdID0gWydhbGxvd1NwYWNlcycsJ2Nzc0NsYXNzJywnZGF0YVNvdXJjZScsJ2Rpc3BsYXlUZW1wbGF0ZScsJ2ZpZWxkcycsJ2ZpbHRlclR5cGUnLCdoaWdobGlnaHQnLCdpZ25vcmVDYXNlJywnaXRlbVRlbXBsYXRlJywnbG9jYWxlJywnbWVudGlvbkNoYXInLCdtaW5MZW5ndGgnLCdub1JlY29yZHNUZW1wbGF0ZScsJ3BvcHVwSGVpZ2h0JywncG9wdXBXaWR0aCcsJ3F1ZXJ5Jywnc2hvd01lbnRpb25DaGFyJywnc29ydE9yZGVyJywnc3Bpbm5lclRlbXBsYXRlJywnc3VmZml4VGV4dCcsJ3N1Z2dlc3Rpb25Db3VudCcsJ3RhcmdldCddO1xuZXhwb3J0IGNvbnN0IG91dHB1dHM6IHN0cmluZ1tdID0gWydhY3Rpb25CZWdpbicsJ2FjdGlvbkNvbXBsZXRlJywnYWN0aW9uRmFpbHVyZScsJ2JlZm9yZU9wZW4nLCdjaGFuZ2UnLCdjbG9zZWQnLCdjcmVhdGVkJywnZGVzdHJveWVkJywnZmlsdGVyaW5nJywnb3BlbmVkJywnc2VsZWN0J107XG5leHBvcnQgY29uc3QgdHdvV2F5czogc3RyaW5nW10gPSBbJyddO1xuXG4vKipcbipUaGUgTWVudGlvbiBjb21wb25lbnQgY29udGFpbnMgYSBsaXN0IG9mIHByZWRlZmluZWQgdmFsdWVzLCBmcm9tIHdoaWNoIHRoZSB1c2VyIGNhbiBjaG9vc2UgYSBzaW5nbGUgdmFsdWUuXG4qYGBgaHRtbFxuKjxlanMtbWVudGlvbj48L2Vqcy1tZW50aW9uPlxuKmBgYFxuKi9cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZWpzLW1lbnRpb24nLFxuICAgIGlucHV0czogaW5wdXRzLFxuICAgIG91dHB1dHM6IG91dHB1dHMsXG4gICAgdGVtcGxhdGU6IGA8bmctY29udGVudCA+PC9uZy1jb250ZW50PmAsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgcXVlcmllczoge1xuXG4gICAgfVxufSlcbkBDb21wb25lbnRNaXhpbnMoW0NvbXBvbmVudEJhc2VdKVxuZXhwb3J0IGNsYXNzIE1lbnRpb25Db21wb25lbnQgZXh0ZW5kcyBNZW50aW9uIGltcGxlbWVudHMgSUNvbXBvbmVudEJhc2Uge1xuICAgIHB1YmxpYyBjb250YWluZXJDb250ZXh0IDogYW55O1xuICAgIHB1YmxpYyB0YWdPYmplY3RzOiBhbnk7XG5cdGFjdGlvbkJlZ2luOiBhbnk7XG5cdGFjdGlvbkNvbXBsZXRlOiBhbnk7XG5cdGFjdGlvbkZhaWx1cmU6IGFueTtcblx0YmVmb3JlT3BlbjogYW55O1xuXHRjaGFuZ2U6IGFueTtcblx0Y2xvc2VkOiBhbnk7XG5cdGNyZWF0ZWQ6IGFueTtcblx0ZGVzdHJveWVkOiBhbnk7XG5cdGZpbHRlcmluZzogYW55O1xuXHRvcGVuZWQ6IGFueTtcblx0cHVibGljIHNlbGVjdDogYW55O1xuXG5cbiAgICAvKiogXG4gICAgICogU3BlY2lmaWVzIHRoZSB0ZW1wbGF0ZSBmb3IgdGhlIHNlbGVjdGVkIHZhbHVlIGZyb20gdGhlIHN1Z2dlc3Rpb24gbGlzdC5cbiAgICAgKiBAZGVmYXVsdCBudWxsXG4gICAgICovXG4gICAgQENvbnRlbnRDaGlsZCgnZGlzcGxheVRlbXBsYXRlJylcbiAgICBAVGVtcGxhdGUoKVxuICAgIHB1YmxpYyBkaXNwbGF5VGVtcGxhdGU6IGFueTtcbiAgICAvKiogXG4gICAgICogU3BlY2lmaWVzIHRoZSB0ZW1wbGF0ZSBmb3IgdGhlIHN1Z2dlc3Rpb24gbGlzdC5cbiAgICAgKiBAZGVmYXVsdCBudWxsXG4gICAgICovXG4gICAgQENvbnRlbnRDaGlsZCgnaXRlbVRlbXBsYXRlJylcbiAgICBAVGVtcGxhdGUoKVxuICAgIHB1YmxpYyBpdGVtVGVtcGxhdGU6IGFueTtcbiAgICAvKiogXG4gICAgICogU3BlY2lmaWVzIHRoZSB0ZW1wbGF0ZSBmb3Igc2hvd2luZyB1bnRpbCBkYXRhIGlzIGxvYWRlZCBpbiB0aGUgcG9wdXAuXG4gICAgICogQGRlZmF1bHQgbnVsbFxuICAgICAqL1xuICAgIEBDb250ZW50Q2hpbGQoJ3NwaW5uZXJUZW1wbGF0ZScpXG4gICAgQFRlbXBsYXRlKClcbiAgICBwdWJsaWMgc3Bpbm5lclRlbXBsYXRlOiBhbnk7XG4gICAgQENvbnRlbnRDaGlsZCgnbm9SZWNvcmRzVGVtcGxhdGUnKVxuICAgIEBUZW1wbGF0ZSgnTm8gcmVjb3JkcyBmb3VuZCcpXG4gICAgcHVibGljIG5vUmVjb3Jkc1RlbXBsYXRlOiBhbnk7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIG5nRWxlOiBFbGVtZW50UmVmLCBwcml2YXRlIHNyZW5kZXJlcjogUmVuZGVyZXIyLCBwcml2YXRlIHZpZXdDb250YWluZXJSZWY6Vmlld0NvbnRhaW5lclJlZiwgcHJpdmF0ZSBpbmplY3RvcjogSW5qZWN0b3IpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICAgICAgdGhpcy5lbGVtZW50ID0gdGhpcy5uZ0VsZS5uYXRpdmVFbGVtZW50O1xuICAgICAgICB0aGlzLmluamVjdGVkTW9kdWxlcyA9IHRoaXMuaW5qZWN0ZWRNb2R1bGVzIHx8IFtdO1xuXG4gICAgICAgIHRoaXMucmVnaXN0ZXJFdmVudHMob3V0cHV0cyk7XG4gICAgICAgIHRoaXMuYWRkVHdvV2F5LmNhbGwodGhpcywgdHdvV2F5cyk7XG4gICAgICAgIHNldFZhbHVlKCdjdXJyZW50SW5zdGFuY2UnLCB0aGlzLCB0aGlzLnZpZXdDb250YWluZXJSZWYpO1xuICAgICAgICB0aGlzLmNvbnRhaW5lckNvbnRleHQgID0gbmV3IENvbXBvbmVudEJhc2UoKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgbmdPbkluaXQoKSB7XG4gICAgICAgIHRoaXMuY29udGFpbmVyQ29udGV4dC5uZ09uSW5pdCh0aGlzKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmNvbnRhaW5lckNvbnRleHQubmdBZnRlclZpZXdJbml0KHRoaXMpO1xuICAgIH1cblxuICAgIHB1YmxpYyBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5jb250YWluZXJDb250ZXh0Lm5nT25EZXN0cm95KHRoaXMpO1xuICAgIH1cblxuICAgIHB1YmxpYyBuZ0FmdGVyQ29udGVudENoZWNrZWQoKTogdm9pZCB7XG4gICAgICAgIFxuICAgICAgICB0aGlzLmNvbnRhaW5lckNvbnRleHQubmdBZnRlckNvbnRlbnRDaGVja2VkKHRoaXMpO1xuICAgIH1cblxuICAgIHB1YmxpYyByZWdpc3RlckV2ZW50czogKGV2ZW50TGlzdDogc3RyaW5nW10pID0+IHZvaWQ7XG4gICAgcHVibGljIGFkZFR3b1dheTogKHByb3BMaXN0OiBzdHJpbmdbXSkgPT4gdm9pZDtcbn1cblxuIl19

package/esm2020/src/mention/mention.module.mjs

@@ -0,0 +1,25 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MentionComponent } from './mention.component';
+import * as i0 from "@angular/core";
+/**
+ * NgModule definition for the Mention component.
+ */
+export class MentionModule {
+}
+MentionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MentionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MentionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MentionModule, declarations: [MentionComponent], imports: [CommonModule], exports: [MentionComponent] });
+MentionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MentionModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MentionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [
+                        MentionComponent
+                    ],
+                    exports: [
+                        MentionComponent
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudGlvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbWVudGlvbi9tZW50aW9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7QUFFdkQ7O0dBRUc7QUFVSCxNQUFNLE9BQU8sYUFBYTs7MEdBQWIsYUFBYTsyR0FBYixhQUFhLGlCQU5sQixnQkFBZ0IsYUFGVixZQUFZLGFBS2xCLGdCQUFnQjsyR0FHWCxhQUFhLFlBUmIsQ0FBQyxZQUFZLENBQUM7MkZBUWQsYUFBYTtrQkFUekIsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLFlBQVksRUFBRTt3QkFDVixnQkFBZ0I7cUJBQ25CO29CQUNELE9BQU8sRUFBRTt3QkFDTCxnQkFBZ0I7cUJBQ25CO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBNZW50aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9tZW50aW9uLmNvbXBvbmVudCc7XG5cbi8qKlxuICogTmdNb2R1bGUgZGVmaW5pdGlvbiBmb3IgdGhlIE1lbnRpb24gY29tcG9uZW50LlxuICovXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICAgIGRlY2xhcmF0aW9uczogW1xuICAgICAgICBNZW50aW9uQ29tcG9uZW50XG4gICAgXSxcbiAgICBleHBvcnRzOiBbXG4gICAgICAgIE1lbnRpb25Db21wb25lbnRcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIE1lbnRpb25Nb2R1bGUgeyB9Il19

package/fesm2015/syncfusion-ej2-angular-dropdowns.mjs

@@ -3,14 +3,14 @@ import * as i0 from '@angular/core';
 import { forwardRef, Component, ChangeDetectionStrategy, ContentChild, NgModule } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { setValue, FormBase, ComponentBase, Template, ComponentMixins } from '@syncfusion/ej2-angular-base';
-import { DropDownList, ComboBox, AutoComplete, MultiSelect, CheckBoxSelection, ListBox, DropDownTree } from '@syncfusion/ej2-dropdowns';
+import { DropDownList, ComboBox, AutoComplete, MultiSelect, CheckBoxSelection, ListBox, DropDownTree, Mention } from '@syncfusion/ej2-dropdowns';
 export * from '@syncfusion/ej2-dropdowns';
 import { CommonModule } from '@angular/common';
 
 var DropDownListComponent_1;
-const inputs$5 = ['actionFailureTemplate', 'allowFiltering', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'index', 'itemTemplate', 'locale', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'showClearButton', 'sortOrder', 'text', 'value', 'valueTemplate', 'width', 'zIndex'];
-const outputs$5 = ['actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'blur', 'change', 'close', 'created', 'dataBound', 'destroyed', 'filtering', 'focus', 'open', 'select', 'valueChange'];
-const twoWays$5 = ['value'];
+const inputs$6 = ['actionFailureTemplate', 'allowFiltering', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'index', 'itemTemplate', 'locale', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'showClearButton', 'sortOrder', 'text', 'value', 'valueTemplate', 'width', 'zIndex'];
+const outputs$6 = ['actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'blur', 'change', 'close', 'created', 'dataBound', 'destroyed', 'filtering', 'focus', 'open', 'select', 'valueChange'];
+const twoWays$6 = ['value'];
 /**
 *The DropDownList component contains a list of predefined values, from which the user can choose a single value.
 *```html
@@ -27,8 +27,8 @@ let DropDownListComponent = DropDownListComponent_1 = class DropDownListComponen
         this.skipFromEvent = true;
         this.element = this.ngEle.nativeElement;
         this.injectedModules = this.injectedModules || [];
-        this.registerEvents(outputs$5);
-        this.addTwoWay.call(this, twoWays$5);
+        this.registerEvents(outputs$6);
+        this.addTwoWay.call(this, twoWays$6);
         setValue('currentInstance', this, this.viewContainerRef);
         this.formContext = new FormBase();
         this.formCompContext = new ComponentBase();
@@ -90,8 +90,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
             type: Component,
             args: [{
                     selector: 'ejs-dropdownlist',
-                    inputs: inputs$5,
-                    outputs: outputs$5,
+                    inputs: inputs$6,
+                    outputs: outputs$6,
                     template: '',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     providers: [
@@ -167,9 +167,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
         }] });
 
 var ComboBoxComponent_1;
-const inputs$4 = ['actionFailureTemplate', 'allowCustom', 'allowFiltering', 'autofill', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'index', 'itemTemplate', 'locale', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'showClearButton', 'sortOrder', 'text', 'value', 'valueTemplate', 'width', 'zIndex'];
-const outputs$4 = ['actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'blur', 'change', 'close', 'created', 'customValueSpecifier', 'dataBound', 'destroyed', 'filtering', 'focus', 'open', 'select', 'valueChange'];
-const twoWays$4 = ['value'];
+const inputs$5 = ['actionFailureTemplate', 'allowCustom', 'allowFiltering', 'autofill', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'index', 'itemTemplate', 'locale', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'showClearButton', 'sortOrder', 'text', 'value', 'valueTemplate', 'width', 'zIndex'];
+const outputs$5 = ['actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'blur', 'change', 'close', 'created', 'customValueSpecifier', 'dataBound', 'destroyed', 'filtering', 'focus', 'open', 'select', 'valueChange'];
+const twoWays$5 = ['value'];
 /**
 *The ComboBox component allows the user to type a value or choose an option from the list of predefined options.
 *```html
@@ -186,8 +186,8 @@ let ComboBoxComponent = ComboBoxComponent_1 = class ComboBoxComponent extends Co
         this.skipFromEvent = true;
         this.element = this.ngEle.nativeElement;
         this.injectedModules = this.injectedModules || [];
-        this.registerEvents(outputs$4);
-        this.addTwoWay.call(this, twoWays$4);
+        this.registerEvents(outputs$5);
+        this.addTwoWay.call(this, twoWays$5);
         setValue('currentInstance', this, this.viewContainerRef);
         this.formContext = new FormBase();
         this.formCompContext = new ComponentBase();
@@ -246,8 +246,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
             type: Component,
             args: [{
                     selector: 'ejs-combobox',
-                    inputs: inputs$4,
-                    outputs: outputs$4,
+                    inputs: inputs$5,
+                    outputs: outputs$5,
                     template: '',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     providers: [
@@ -320,9 +320,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
         }] });
 
 var AutoCompleteComponent_1;
-const inputs$3 = ['actionFailureTemplate', 'allowCustom', 'allowFiltering', 'autofill', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'highlight', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'index', 'itemTemplate', 'locale', 'minLength', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'showClearButton', 'showPopupButton', 'sortOrder', 'suggestionCount', 'text', 'value', 'valueTemplate', 'width', 'zIndex'];
-const outputs$3 = ['actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'blur', 'change', 'close', 'created', 'customValueSpecifier', 'dataBound', 'destroyed', 'filtering', 'focus', 'open', 'select', 'valueChange'];
-const twoWays$3 = ['value'];
+const inputs$4 = ['actionFailureTemplate', 'allowCustom', 'allowFiltering', 'autofill', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'highlight', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'index', 'itemTemplate', 'locale', 'minLength', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'showClearButton', 'showPopupButton', 'sortOrder', 'suggestionCount', 'text', 'value', 'valueTemplate', 'width', 'zIndex'];
+const outputs$4 = ['actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'blur', 'change', 'close', 'created', 'customValueSpecifier', 'dataBound', 'destroyed', 'filtering', 'focus', 'open', 'select', 'valueChange'];
+const twoWays$4 = ['value'];
 /**
  *The AutoComplete component provides the matched suggestion list when type into the input, from which the user can select one.
 *```html
@@ -339,8 +339,8 @@ let AutoCompleteComponent = AutoCompleteComponent_1 = class AutoCompleteComponen
         this.skipFromEvent = true;
         this.element = this.ngEle.nativeElement;
         this.injectedModules = this.injectedModules || [];
-        this.registerEvents(outputs$3);
-        this.addTwoWay.call(this, twoWays$3);
+        this.registerEvents(outputs$4);
+        this.addTwoWay.call(this, twoWays$4);
         setValue('currentInstance', this, this.viewContainerRef);
         this.formContext = new FormBase();
         this.formCompContext = new ComponentBase();
@@ -399,8 +399,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
             type: Component,
             args: [{
                     selector: 'ejs-autocomplete',
-                    inputs: inputs$3,
-                    outputs: outputs$3,
+                    inputs: inputs$4,
+                    outputs: outputs$4,
                     template: '',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     providers: [
@@ -473,9 +473,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
         }] });
 
 var MultiSelectComponent_1;
-const inputs$2 = ['actionFailureTemplate', 'addTagOnBlur', 'allowCustomValue', 'allowFiltering', 'changeOnBlur', 'closePopupOnSelect', 'cssClass', 'dataSource', 'delimiterChar', 'enableGroupCheckBox', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableSelectionOrder', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'hideSelectedItem', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'itemTemplate', 'locale', 'maximumSelectionLength', 'mode', 'noRecordsTemplate', 'openOnClick', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'selectAllText', 'showClearButton', 'showDropDownIcon', 'showSelectAll', 'sortOrder', 'text', 'unSelectAllText', 'value', 'valueTemplate', 'width', 'zIndex'];
-const outputs$2 = ['actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'beforeSelectAll', 'blur', 'change', 'chipSelection', 'close', 'created', 'customValueSelection', 'dataBound', 'destroyed', 'filtering', 'focus', 'open', 'removed', 'removing', 'select', 'selectedAll', 'tagging', 'valueChange'];
-const twoWays$2 = ['value'];
+const inputs$3 = ['actionFailureTemplate', 'addTagOnBlur', 'allowCustomValue', 'allowFiltering', 'changeOnBlur', 'closePopupOnSelect', 'cssClass', 'dataSource', 'delimiterChar', 'enableGroupCheckBox', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableSelectionOrder', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'hideSelectedItem', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'itemTemplate', 'locale', 'maximumSelectionLength', 'mode', 'noRecordsTemplate', 'openOnClick', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'selectAllText', 'showClearButton', 'showDropDownIcon', 'showSelectAll', 'sortOrder', 'text', 'unSelectAllText', 'value', 'valueTemplate', 'width', 'zIndex'];
+const outputs$3 = ['actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'beforeSelectAll', 'blur', 'change', 'chipSelection', 'close', 'created', 'customValueSelection', 'dataBound', 'destroyed', 'filtering', 'focus', 'open', 'removed', 'removing', 'select', 'selectedAll', 'tagging', 'valueChange'];
+const twoWays$3 = ['value'];
 /**
 * The MultiSelect allows the user to pick a values from the predefined list of values.
 *```html
@@ -499,8 +499,8 @@ let MultiSelectComponent = MultiSelectComponent_1 = class MultiSelectComponent e
             }
         }
         catch (_a) { }
-        this.registerEvents(outputs$2);
-        this.addTwoWay.call(this, twoWays$2);
+        this.registerEvents(outputs$3);
+        this.addTwoWay.call(this, twoWays$3);
         setValue('currentInstance', this, this.viewContainerRef);
         this.formContext = new FormBase();
         this.formCompContext = new ComponentBase();
@@ -562,8 +562,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
             type: Component,
             args: [{
                     selector: 'ejs-multiselect',
-                    inputs: inputs$2,
-                    outputs: outputs$2,
+                    inputs: inputs$3,
+                    outputs: outputs$3,
                     template: '',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     providers: [
@@ -644,9 +644,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
         }] });
 
 var ListBoxComponent_1;
-const inputs$1 = ['actionFailureTemplate', 'allowDragAndDrop', 'allowFiltering', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'groupTemplate', 'height', 'ignoreAccent', 'ignoreCase', 'itemTemplate', 'locale', 'maximumSelectionLength', 'noRecordsTemplate', 'query', 'scope', 'selectionSettings', 'sortOrder', 'toolbarSettings', 'value', 'zIndex'];
-const outputs$1 = ['focus', 'blur', 'actionBegin', 'actionComplete', 'actionFailure', 'beforeDrop', 'beforeItemRender', 'change', 'created', 'dataBound', 'destroyed', 'drag', 'dragStart', 'drop', 'filtering', 'select', 'valueChange'];
-const twoWays$1 = ['value'];
+const inputs$2 = ['actionFailureTemplate', 'allowDragAndDrop', 'allowFiltering', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'groupTemplate', 'height', 'ignoreAccent', 'ignoreCase', 'itemTemplate', 'locale', 'maximumSelectionLength', 'noRecordsTemplate', 'query', 'scope', 'selectionSettings', 'sortOrder', 'toolbarSettings', 'value', 'zIndex'];
+const outputs$2 = ['focus', 'blur', 'actionBegin', 'actionComplete', 'actionFailure', 'beforeDrop', 'beforeItemRender', 'change', 'created', 'dataBound', 'destroyed', 'drag', 'dragStart', 'drop', 'filtering', 'select', 'valueChange'];
+const twoWays$2 = ['value'];
 /**
 * The ListBox allows the user to select values from the predefined list of values.
 *```html
@@ -669,8 +669,8 @@ let ListBoxComponent = ListBoxComponent_1 = class ListBoxComponent extends ListB
             }
         }
         catch (_a) { }
-        this.registerEvents(outputs$1);
-        this.addTwoWay.call(this, twoWays$1);
+        this.registerEvents(outputs$2);
+        this.addTwoWay.call(this, twoWays$2);
         setValue('currentInstance', this, this.viewContainerRef);
         this.formContext = new FormBase();
         this.formCompContext = new ComponentBase();
@@ -717,8 +717,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
             type: Component,
             args: [{
                     selector: 'ejs-listbox',
-                    inputs: inputs$1,
-                    outputs: outputs$1,
+                    inputs: inputs$2,
+                    outputs: outputs$2,
                     template: '',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     providers: [
@@ -779,9 +779,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
         }] });
 
 var DropDownTreeComponent_1;
-const inputs = ['actionFailureTemplate', 'allowFiltering', 'allowMultiSelection', 'changeOnBlur', 'cssClass', 'customTemplate', 'delimiterChar', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'headerTemplate', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'itemTemplate', 'locale', 'mode', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'readonly', 'selectAllText', 'showCheckBox', 'showClearButton', 'showDropDownIcon', 'showSelectAll', 'sortOrder', 'text', 'treeSettings', 'unSelectAllText', 'value', 'width', 'wrapText', 'zIndex'];
-const outputs = ['actionFailure', 'beforeOpen', 'blur', 'change', 'close', 'created', 'dataBound', 'destroyed', 'filtering', 'focus', 'keyPress', 'open', 'select', 'valueChange'];
-const twoWays = ['value'];
+const inputs$1 = ['actionFailureTemplate', 'allowFiltering', 'allowMultiSelection', 'changeOnBlur', 'cssClass', 'customTemplate', 'delimiterChar', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'headerTemplate', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'itemTemplate', 'locale', 'mode', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'readonly', 'selectAllText', 'showCheckBox', 'showClearButton', 'showDropDownIcon', 'showSelectAll', 'sortOrder', 'text', 'treeSettings', 'unSelectAllText', 'value', 'width', 'wrapText', 'zIndex'];
+const outputs$1 = ['actionFailure', 'beforeOpen', 'blur', 'change', 'close', 'created', 'dataBound', 'destroyed', 'filtering', 'focus', 'keyPress', 'open', 'select', 'valueChange'];
+const twoWays$1 = ['value'];
 /**
 *The DropDownTree component contains a list of predefined values from which you can choose a single or multiple values.
 *```html
@@ -798,8 +798,8 @@ let DropDownTreeComponent = DropDownTreeComponent_1 = class DropDownTreeComponen
         this.skipFromEvent = true;
         this.element = this.ngEle.nativeElement;
         this.injectedModules = this.injectedModules || [];
-        this.registerEvents(outputs);
-        this.addTwoWay.call(this, twoWays);
+        this.registerEvents(outputs$1);
+        this.addTwoWay.call(this, twoWays$1);
         setValue('currentInstance', this, this.viewContainerRef);
         this.formContext = new FormBase();
         this.formCompContext = new ComponentBase();
@@ -855,8 +855,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
             type: Component,
             args: [{
                     selector: 'ejs-dropdowntree',
-                    inputs: inputs,
-                    outputs: outputs,
+                    inputs: inputs$1,
+                    outputs: outputs$1,
                     template: '',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     providers: [
@@ -925,11 +925,128 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
                 }]
         }] });
 
+const inputs = ['allowSpaces', 'cssClass', 'dataSource', 'displayTemplate', 'fields', 'filterType', 'highlight', 'ignoreCase', 'itemTemplate', 'locale', 'mentionChar', 'minLength', 'noRecordsTemplate', 'popupHeight', 'popupWidth', 'query', 'showMentionChar', 'sortOrder', 'spinnerTemplate', 'suffixText', 'suggestionCount', 'target'];
+const outputs = ['actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'change', 'closed', 'created', 'destroyed', 'filtering', 'opened', 'select'];
+const twoWays = [''];
+/**
+*The Mention component contains a list of predefined values, from which the user can choose a single value.
+*```html
+*<ejs-mention></ejs-mention>
+*```
+*/
+let MentionComponent = class MentionComponent extends Mention {
+    constructor(ngEle, srenderer, viewContainerRef, injector) {
+        super();
+        this.ngEle = ngEle;
+        this.srenderer = srenderer;
+        this.viewContainerRef = viewContainerRef;
+        this.injector = injector;
+        this.element = this.ngEle.nativeElement;
+        this.injectedModules = this.injectedModules || [];
+        this.registerEvents(outputs);
+        this.addTwoWay.call(this, twoWays);
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.containerContext = new ComponentBase();
+    }
+    ngOnInit() {
+        this.containerContext.ngOnInit(this);
+    }
+    ngAfterViewInit() {
+        this.containerContext.ngAfterViewInit(this);
+    }
+    ngOnDestroy() {
+        this.containerContext.ngOnDestroy(this);
+    }
+    ngAfterContentChecked() {
+        this.containerContext.ngAfterContentChecked(this);
+    }
+};
+MentionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MentionComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+MentionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: MentionComponent, selector: "ejs-mention", inputs: { allowSpaces: "allowSpaces", cssClass: "cssClass", dataSource: "dataSource", displayTemplate: "displayTemplate", fields: "fields", filterType: "filterType", highlight: "highlight", ignoreCase: "ignoreCase", itemTemplate: "itemTemplate", locale: "locale", mentionChar: "mentionChar", minLength: "minLength", noRecordsTemplate: "noRecordsTemplate", popupHeight: "popupHeight", popupWidth: "popupWidth", query: "query", showMentionChar: "showMentionChar", sortOrder: "sortOrder", spinnerTemplate: "spinnerTemplate", suffixText: "suffixText", suggestionCount: "suggestionCount", target: "target" }, outputs: { actionBegin: "actionBegin", actionComplete: "actionComplete", actionFailure: "actionFailure", beforeOpen: "beforeOpen", change: "change", closed: "closed", created: "created", destroyed: "destroyed", filtering: "filtering", opened: "opened", select: "select" }, queries: [{ propertyName: "displayTemplate", first: true, predicate: ["displayTemplate"], descendants: true }, { propertyName: "itemTemplate", first: true, predicate: ["itemTemplate"], descendants: true }, { propertyName: "spinnerTemplate", first: true, predicate: ["spinnerTemplate"], descendants: true }, { propertyName: "noRecordsTemplate", first: true, predicate: ["noRecordsTemplate"], descendants: true }], usesInheritance: true, ngImport: i0, template: `<ng-content ></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+__decorate([
+    Template()
+], MentionComponent.prototype, "displayTemplate", void 0);
+__decorate([
+    Template()
+], MentionComponent.prototype, "itemTemplate", void 0);
+__decorate([
+    Template()
+], MentionComponent.prototype, "spinnerTemplate", void 0);
+__decorate([
+    Template('No records found')
+], MentionComponent.prototype, "noRecordsTemplate", void 0);
+MentionComponent = __decorate([
+    ComponentMixins([ComponentBase])
+], MentionComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MentionComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ejs-mention',
+                    inputs: inputs,
+                    outputs: outputs,
+                    template: `<ng-content ></ng-content>`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    queries: {}
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }]; }, propDecorators: { displayTemplate: [{
+                type: ContentChild,
+                args: ['displayTemplate']
+            }], itemTemplate: [{
+                type: ContentChild,
+                args: ['itemTemplate']
+            }], spinnerTemplate: [{
+                type: ContentChild,
+                args: ['spinnerTemplate']
+            }], noRecordsTemplate: [{
+                type: ContentChild,
+                args: ['noRecordsTemplate']
+            }] } });
+
+/**
+ * NgModule definition for the Mention component.
+ */
+class MentionModule {
+}
+MentionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MentionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MentionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MentionModule, declarations: [MentionComponent], imports: [CommonModule], exports: [MentionComponent] });
+MentionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MentionModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MentionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [
+                        MentionComponent
+                    ],
+                    exports: [
+                        MentionComponent
+                    ]
+                }]
+        }] });
+
+/**
+ * NgModule definition for the Mention component with providers.
+ */
+class MentionAllModule {
+}
+MentionAllModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MentionAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MentionAllModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MentionAllModule, imports: [CommonModule, MentionModule], exports: [MentionModule] });
+MentionAllModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MentionAllModule, providers: [], imports: [[CommonModule, MentionModule], MentionModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MentionAllModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, MentionModule],
+                    exports: [
+                        MentionModule
+                    ],
+                    providers: []
+                }]
+        }] });
+
 // Mapping root file for package generation
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AutoCompleteAllModule, AutoCompleteComponent, AutoCompleteModule, CheckBoxSelectionService, ComboBoxAllModule, ComboBoxComponent, ComboBoxModule, DropDownListAllModule, DropDownListComponent, DropDownListModule, DropDownTreeAllModule, DropDownTreeComponent, DropDownTreeModule, ListBoxAllModule, ListBoxComponent, ListBoxModule, MultiSelectAllModule, MultiSelectComponent, MultiSelectModule };
+export { AutoCompleteAllModule, AutoCompleteComponent, AutoCompleteModule, CheckBoxSelectionService, ComboBoxAllModule, ComboBoxComponent, ComboBoxModule, DropDownListAllModule, DropDownListComponent, DropDownListModule, DropDownTreeAllModule, DropDownTreeComponent, DropDownTreeModule, ListBoxAllModule, ListBoxComponent, ListBoxModule, MentionAllModule, MentionComponent, MentionModule, MultiSelectAllModule, MultiSelectComponent, MultiSelectModule };
 //# sourceMappingURL=syncfusion-ej2-angular-dropdowns.mjs.map