@syncfusion/ej2-angular-dropdowns 20.2.50-ngcc → 20.3.47-ngcc

package/CHANGELOG.md

@@ -2,86 +2,20 @@
 
 ## [Unreleased]
 
-### AutoComplete
-
-#### Bug Fixes
-
-- `#I381508` - The issue "ellipsis style is not applied to long floating label text in the material outline mode" has been resolved.
-
-### ComboBox
-
-#### Bug Fixes
-
-- `#I381508` - The issue "ellipsis style is not applied to long floating label text in the material outline mode" has been resolved.
-
-### DropDownList
-
-#### Bug Fixes
+### Mention
 
-- `#I381508` - The issue "ellipsis style is not applied to long floating label text in the material outline mode" has been resolved.
-- `#I384422` - The issue "empty popup is shown when we clear the preselect value using clear button" has been resolved.
+- The `@Mention` component can be used to display a pop-up suggestion list whenever the designated mention key character is entered into a text box, rich text editor, or other editable element.
 
-### MultiSelect
-
-#### Bug Fixes
-
-- `#I381508` - The issue "ellipsis style is not applied to long floating label text in the material outline mode" has been resolved.
-
-## 20.2.44 (2022-08-16)
-
-### MultiSelect
-
-#### New Features
-
-- Provided event details in open and close event arguments in the multiselect component.
-
-### AutoComplete
+**Key features**:
 
-#### New Features
-
-- Provided event details in open and close event arguments in the autocomplete component.
-
-#### Bug Fixes
-
-- `I382840` - Issue with "preselect value is not updated on input when we bind greater than 20th item" has been resolved.
-
-### ComboBox
-
-#### New Features
-
-- Provided event details in open and close event arguments in the combobox component.
-
-### DropDownList
-
-#### New Features
-
-- Provided event details in open and close event arguments in the dropdownlist component.
-
-## 20.2.43 (2022-08-08)
-
-### ListBox
-
-#### Bug Fixes
-
-- `#I384240` - Issue with "`RemoveItems` not working properly after adding items with specific index" has been resolved.
-
-## 20.2.40 (2022-07-26)
-
-### MultiSelect
 
-#### Bug Fixes
-
-- `#F175828` - Now, `customSelection` event is trigger when we render the component with `itemTemplate` and `allowFiltering`.
-
-## 20.2.39 (2022-07-19)
-
-### ListBox
-
-#### Bug Fixes
-
-- `#I386103` - Issue with "Datasource not update properly after clearing the filtering in the dual listbox" has been resolved.
-
-## 20.2.36 (2022-06-30)
+- **Data binding**: Binds the list of items from local and remote data sources such as JSON, OData, WCF, and RESTful web services.
+- **Grouping**: Groups the logically related items under a single or specific category.
+- **Filtering**: Filters the list items based on a character typed in the component.
+- **Sorting**: Sorts the list items in alphabetical order (either ascending or descending).
+- **Highlight search**: Highlights the typed text in the suggestion list.
+- **Templates**: Customize the list item, display value, no records, and spinner loading content.
+- **Accessibility**: Built-in accessibility support that helps to access all the Mention component features using the keyboard, on-screen readers, or other assistive technology devices.
 
 ### ListBox
 
@@ -95,11 +29,6 @@
 
 - `#FB31100` - Issue with "popup is not opened while changing the `popupHeight` dynamically in the `beforeOpen` event" has been resolved.
 
-#### Bug fixes
-
-- `#I383092` - Issue with "popup is not updated while clearing the filter input value using long backspace keypress" has been resolved.
-- `#FB31983` - Issue with "empty popup shows while rendering the component with item template and changing the query property dynamically" has been resolved.
-
 ### DropDownList
 
 #### Bug fixes
@@ -2157,52 +2086,6 @@ DropDownList component contains a list of predefined values from which a single
 - **Accessibility** - Provided with built-in accessibility support which helps to access all the DropDownList component features through the keyboard, screen readers, or other assistive technology devices.
 
 
-## 20.2.48 (2022-09-06)
-
-### DropDownList
-
-#### Bug fixes
-
-- `#I398924` - The issue "console error occurred While using cssClass and floatLabelType property" has been resolved.
-
-## 20.2.46 (2022-08-30)
-
-### ComboBox
-
-#### Bug Fixes
-
-- `#I397359` - The issue "Placeholder is not read by screenreader when floatLabelType is enabled in combobox" has been resolved.
-- `#I396357` - The issue "Placeholder is not read by screenreader in readonly mode" has been resolved.
-
-### MultiSelect
-
-#### Bug fixes
-
-- `#I398999` - Issue with "Placeholder is not read by screenreader when floatLabelType is enabled in multiselect" has been resolved.
-
-## 20.2.45 (2022-08-23)
-
-### AutoComplete
-
-#### Bug Fixes
-
-- `#I398013` - Issue with "Dynamic data source not update correctly after filtering the value" has been resolved.
-
-## 20.2.38 (2022-07-12)
-
-### DropDownList
-
-#### Bug fixes
-
-- `#I388961` - Now, change event is not trigger when we bind the remote data with value
-
-### MultiSelect
-
-#### Bug fixes
-
-- `#I379731` - Issue with "popup is not opening while typing a single digit with custom value enabled" has been resolved.
-- `#I382004` - Issue with "unable to remove the added custom value from the input element on specific scenario" has been resolved.
-
 ## 19.4.38 (2021-12-17)
 
 ### ComboBox

package/dist/ej2-angular-dropdowns.umd.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-dropdowns.umd.js
-*  version : 20.2.50
+*  version : 20.3.47
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing
@@ -1266,6 +1266,169 @@ DropDownTreeAllModule.decorators = [
  * @nocollapse
  */
 DropDownTreeAllModule.ctorParameters = function () { return []; };
+var __decorate$6 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata$6 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+        return Reflect.metadata(k, v);
+};
+var inputs$6 = ['allowSpaces', 'cssClass', 'dataSource', 'displayTemplate', 'fields', 'filterType', 'highlight', 'ignoreCase', 'itemTemplate', 'locale', 'mentionChar', 'minLength', 'noRecordsTemplate', 'popupHeight', 'popupWidth', 'query', 'showMentionChar', 'sortOrder', 'spinnerTemplate', 'suffixText', 'suggestionCount', 'target'];
+var outputs$6 = ['actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'change', 'closed', 'created', 'destroyed', 'filtering', 'opened', 'select'];
+var twoWays$6 = [''];
+/**
+ * The Mention component contains a list of predefined values, from which the user can choose a single value.
+ * ```html
+ * <ejs-mention></ejs-mention>
+ * ```
+ */
+exports.MentionComponent = /** @class */ (function (_super) {
+    __extends(MentionComponent, _super);
+    /**
+     * @param {?} ngEle
+     * @param {?} srenderer
+     * @param {?} viewContainerRef
+     * @param {?} injector
+     */
+    function MentionComponent(ngEle, srenderer, viewContainerRef, injector) {
+        var _this = _super.call(this) || this;
+        _this.ngEle = ngEle;
+        _this.srenderer = srenderer;
+        _this.viewContainerRef = viewContainerRef;
+        _this.injector = injector;
+        _this.element = _this.ngEle.nativeElement;
+        _this.injectedModules = _this.injectedModules || [];
+        _this.registerEvents(outputs$6);
+        _this.addTwoWay.call(_this, twoWays$6);
+        ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
+        _this.containerContext = new ej2AngularBase.ComponentBase();
+        return _this;
+    }
+    /**
+     * @return {?}
+     */
+    MentionComponent.prototype.ngOnInit = function () {
+        this.containerContext.ngOnInit(this);
+    };
+    /**
+     * @return {?}
+     */
+    MentionComponent.prototype.ngAfterViewInit = function () {
+        this.containerContext.ngAfterViewInit(this);
+    };
+    /**
+     * @return {?}
+     */
+    MentionComponent.prototype.ngOnDestroy = function () {
+        this.containerContext.ngOnDestroy(this);
+    };
+    /**
+     * @return {?}
+     */
+    MentionComponent.prototype.ngAfterContentChecked = function () {
+        this.containerContext.ngAfterContentChecked(this);
+    };
+    return MentionComponent;
+}(ej2Dropdowns.Mention));
+exports.MentionComponent.decorators = [
+    { type: core.Component, args: [{
+                selector: 'ejs-mention',
+                inputs: inputs$6,
+                outputs: outputs$6,
+                template: "<ng-content ></ng-content>",
+                changeDetection: core.ChangeDetectionStrategy.OnPush,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+exports.MentionComponent.ctorParameters = function () { return [
+    { type: core.ElementRef, },
+    { type: core.Renderer2, },
+    { type: core.ViewContainerRef, },
+    { type: core.Injector, },
+]; };
+exports.MentionComponent.propDecorators = {
+    'displayTemplate': [{ type: core.ContentChild, args: ['displayTemplate',] },],
+    'itemTemplate': [{ type: core.ContentChild, args: ['itemTemplate',] },],
+    'spinnerTemplate': [{ type: core.ContentChild, args: ['spinnerTemplate',] },],
+    'noRecordsTemplate': [{ type: core.ContentChild, args: ['noRecordsTemplate',] },],
+};
+__decorate$6([
+    ej2AngularBase.Template(),
+    __metadata$6("design:type", Object)
+], exports.MentionComponent.prototype, "displayTemplate", void 0);
+__decorate$6([
+    ej2AngularBase.Template(),
+    __metadata$6("design:type", Object)
+], exports.MentionComponent.prototype, "itemTemplate", void 0);
+__decorate$6([
+    ej2AngularBase.Template(),
+    __metadata$6("design:type", Object)
+], exports.MentionComponent.prototype, "spinnerTemplate", void 0);
+__decorate$6([
+    ej2AngularBase.Template('No records found'),
+    __metadata$6("design:type", Object)
+], exports.MentionComponent.prototype, "noRecordsTemplate", void 0);
+exports.MentionComponent = __decorate$6([
+    ej2AngularBase.ComponentMixins([ej2AngularBase.ComponentBase]),
+    __metadata$6("design:paramtypes", [core.ElementRef,
+        core.Renderer2,
+        core.ViewContainerRef,
+        core.Injector])
+], exports.MentionComponent);
+/**
+ * NgModule definition for the Mention component.
+ */
+var MentionModule = /** @class */ (function () {
+    function MentionModule() {
+    }
+    return MentionModule;
+}());
+MentionModule.decorators = [
+    { type: core.NgModule, args: [{
+                imports: [common.CommonModule],
+                declarations: [
+                    exports.MentionComponent
+                ],
+                exports: [
+                    exports.MentionComponent
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
+MentionModule.ctorParameters = function () { return []; };
+/**
+ * NgModule definition for the Mention component with providers.
+ */
+var MentionAllModule = /** @class */ (function () {
+    function MentionAllModule() {
+    }
+    return MentionAllModule;
+}());
+MentionAllModule.decorators = [
+    { type: core.NgModule, args: [{
+                imports: [common.CommonModule, MentionModule],
+                exports: [
+                    MentionModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
+MentionAllModule.ctorParameters = function () { return []; };
 
 exports.DropDownListModule = DropDownListModule;
 exports.DropDownListAllModule = DropDownListAllModule;
@@ -1280,6 +1443,8 @@ exports.ListBoxModule = ListBoxModule;
 exports.ListBoxAllModule = ListBoxAllModule;
 exports.DropDownTreeModule = DropDownTreeModule;
 exports.DropDownTreeAllModule = DropDownTreeAllModule;
+exports.MentionModule = MentionModule;
+exports.MentionAllModule = MentionAllModule;
 exports.ɵe = inputs$2;
 exports.ɵf = outputs$2;
 exports.ɵc = inputs$1;
@@ -1290,6 +1455,8 @@ exports.ɵk = inputs$5;
 exports.ɵl = outputs$5;
 exports.ɵi = inputs$4;
 exports.ɵj = outputs$4;
+exports.ɵm = inputs$6;
+exports.ɵn = outputs$6;
 exports.ɵg = inputs$3;
 exports.ɵh = outputs$3;
 exports.incrementalSearch = ej2Dropdowns.incrementalSearch;
@@ -1320,6 +1487,7 @@ exports.encodePlaceholder = ej2Dropdowns.encodePlaceholder;
 exports.SelectionSettings = ej2Dropdowns.SelectionSettings;
 exports.ToolbarSettings = ej2Dropdowns.ToolbarSettings;
 exports.ListBox = ej2Dropdowns.ListBox;
+exports.Mention = ej2Dropdowns.Mention;
 
 Object.defineProperty(exports, '__esModule', { value: true });