@syncfusion/ej2-multicolumn-combobox 27.2.3 → 27.2.4

package/dist/es6/ej2-multicolumn-combobox.es2015.js

@@ -1,8 +1,8 @@
-import { ChildProperty, Property, Component, getUniqueID, isNullOrUndefined, addClass, removeClass, formatUnit, attributes, prepend, Browser, append, L10n, select, compile, EventHandler, KeyboardEvents, closest, Animation, detach, Complex, Collection, Event, NotifyPropertyChanges } from '@syncfusion/ej2-base';
+import { ChildProperty, Property, Event, Component, getUniqueID, isNullOrUndefined, addClass, removeClass, formatUnit, attributes, prepend, Browser, append, L10n, select, compile, EventHandler, KeyboardEvents, closest, Animation, detach, Complex, Collection, NotifyPropertyChanges } from '@syncfusion/ej2-base';
 import { Input } from '@syncfusion/ej2-inputs';
 import { DataManager, Query } from '@syncfusion/ej2-data';
 import { Popup } from '@syncfusion/ej2-popups';
-import { Grid, VirtualScroll, Group, Edit, Sort } from '@syncfusion/ej2-grids';
+import { Grid, VirtualScroll, Group, Edit, Sort, Resize } from '@syncfusion/ej2-grids';
 export { Edit, Group, Sort, VirtualScroll } from '@syncfusion/ej2-grids';
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -27,7 +27,7 @@ class MultiColumnGrid {
      * @private
      */
     InjectModules() {
-        Grid.Inject(VirtualScroll, Group, Edit, Sort);
+        Grid.Inject(VirtualScroll, Group, Edit, Sort, Resize);
     }
 }
 /**
@@ -164,6 +164,18 @@ __decorate([
 __decorate([
     Property(WrapMode.Both)
 ], GridSettings.prototype, "textWrapMode", void 0);
+__decorate([
+    Property(false)
+], GridSettings.prototype, "allowResizing", void 0);
+__decorate([
+    Event()
+], GridSettings.prototype, "resizing", void 0);
+__decorate([
+    Event()
+], GridSettings.prototype, "resizeStart", void 0);
+__decorate([
+    Event()
+], GridSettings.prototype, "resizeStop", void 0);
 /**
  * The `MultiColumnComboBox` allows the user to search and select values from a list. It provides a list of options that can be selected using a filter input.
  * The selected value will be displayed in the input element.
@@ -270,6 +282,7 @@ let MultiColumnComboBox = class MultiColumnComboBox extends Component {
             allowTextWrap: this.gridSettings.allowTextWrap,
             textWrapSettings: { wrapMode: this.gridSettings.textWrapMode },
             height: this.popupHeight,
+            allowResizing: this.gridSettings.allowResizing,
             allowMultiSorting: this.sortType.toString().toLowerCase() === 'multiplecolumns' && this.allowSorting,
             rowTemplate: this.itemTemplate,
             dataBound: () => { this.onDataBound(); },
@@ -291,7 +304,10 @@ let MultiColumnComboBox = class MultiColumnComboBox extends Component {
                     args.cancel = true;
                     this.gridKeyActionHandler(args, true);
                 }
-            }
+            },
+            resizing: (args) => { this.gridSettings.resizing(args); },
+            resizeStart: (args) => { this.gridSettings.resizeStart(args); },
+            resizeStop: (args) => { this.gridSettings.resizeStop(args); }
         });
         this.gridEle = this.createElement('div', { id: getUniqueID('grid'), className: MULTICOLUMNGRID });
         this.updateGroupByField();
@@ -1616,6 +1632,7 @@ let MultiColumnComboBox = class MultiColumnComboBox extends Component {
                         this.gridObj.gridLines = newProp.gridSettings.gridLines;
                         this.gridObj.rowHeight = newProp.gridSettings.rowHeight;
                         this.gridObj.enableAltRow = newProp.gridSettings.enableAltRow;
+                        this.gridObj.allowResizing = newProp.gridSettings.allowResizing;
                         if (!(isNullOrUndefined(newProp.gridSettings.allowTextWrap))) {
                             this.gridObj.allowTextWrap = newProp.gridSettings.allowTextWrap;
                         }