@syncfusion/ej2-multicolumn-combobox 26.2.8 → 26.2.9

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-multicolumn-combobox@*",
-  "_id": "@syncfusion/ej2-multicolumn-combobox@26.2.5",
+  "_id": "@syncfusion/ej2-multicolumn-combobox@26.2.8",
   "_inBundle": false,
-  "_integrity": "sha512-FJTcah+3DqOFSiCh08XLkRse++Iz13fmsuBpEHUCztIzSuHuCodewqbggNcSvhLEvWqefiVtWo0agLuLm1cfYA==",
+  "_integrity": "sha512-ZHdE2uzXDBWWQYNN+nNdKtXCjFyVKIezxHCGfDMr+606/biac1gDLEM6hEyNEiJ5SH+ZRhmxN3DgeY2VcPDJ0A==",
   "_location": "/@syncfusion/ej2-multicolumn-combobox",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-multicolumn-combobox",
     "/@syncfusion/ej2-vue-multicolumn-combobox"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-multicolumn-combobox/-/ej2-multicolumn-combobox-26.2.5.tgz",
-  "_shasum": "2921752622a72c35d7df3138c3ad871d791b678e",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-multicolumn-combobox/-/ej2-multicolumn-combobox-26.2.8.tgz",
+  "_shasum": "227ae841b1b84c994674f3c92039cadc3cd44827",
   "_spec": "@syncfusion/ej2-multicolumn-combobox@*",
   "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
   "author": {
@@ -36,7 +36,7 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~26.2.5",
-    "@syncfusion/ej2-grids": "~26.2.8"
+    "@syncfusion/ej2-grids": "~26.2.9"
   },
   "deprecated": false,
   "description": "Essential JS 2 Component",
@@ -57,6 +57,6 @@
     "url": "git+https://github.com/syncfusion/ej2-multicolumn-combobox-component.git"
   },
   "typings": "index.d.ts",
-  "version": "26.2.8",
+  "version": "26.2.9",
   "sideEffects": false
 }

package/src/multicolumn-combobox/multi-column-combo-box-model.d.ts

@@ -1,5 +1,5 @@
 import { Component, EventHandler, INotifyPropertyChanged, Property, NotifyPropertyChanges, closest, attributes, append, compile, detach, KeyboardEvents } from '@syncfusion/ej2-base';import { ChildProperty, prepend, Collection, getUniqueID, Complex, isNullOrUndefined as isNOU, select, L10n, Browser } from '@syncfusion/ej2-base';import { formatUnit, addClass, removeClass, NumberFormatOptions, DateFormatOptions, Event, EmitType, AnimationModel, Animation, KeyboardEventArgs } from '@syncfusion/ej2-base';import { Input, InputObject } from '@syncfusion/ej2-inputs';import { DataManager, Query, Group } from '@syncfusion/ej2-data';import { Popup } from '@syncfusion/ej2-popups';import { Grid, FailureEventArgs, VirtualScroll, Group as GridGroup, Edit, Sort, GridColumnModel } from '@syncfusion/ej2-grids';
-import {TextAlign,GridLine,DataResult,FilterType,FloatLabelType,SortOrder,SortType,WrapMode,PopupEventArgs,FilteringEventArgs,SelectEventArgs,ChangeEventArgs} from "./multi-column-combo-box";
+import {TextAlign,GridLine,WrapMode,DataResult,FilterType,FloatLabelType,SortOrder,SortType,PopupEventArgs,FilteringEventArgs,SelectEventArgs,ChangeEventArgs} from "./multi-column-combo-box";
 import {ComponentModel} from '@syncfusion/ej2-base';
 
 /**
@@ -150,6 +150,23 @@ export interface GridSettingsModel {
      */
     gridLines?: GridLine;
 
+    /**
+     * Specifies whether to allow text wrapping of the popup grid content.
+     *
+     * @default false
+     */
+    allowTextWrap?: boolean;
+
+    /**
+     * Specifies the mode for text wrapping in the popup grid content. Options include 'Both', 'Content', and 'Header'.
+     * 
+     * @isenumeration true
+     *
+     * @default WrapMode.Both
+     * @asptype WrapMode
+     */
+    textWrapMode?: WrapMode | string;
+
 }
 
 /**
@@ -395,23 +412,6 @@ export interface MultiColumnComboBoxModel extends ComponentModel{
      */
     query?: Query;
 
-    /**
-     * Specifies whether to allow text wrapping of the popup grid content.
-     *
-     * @default false
-     */
-    allowTextWrap?: boolean;
-
-    /**
-     * Specifies the mode for text wrapping in the popup grid content. Options include 'Both', 'Content', and 'Header'.
-     * 
-     * @isenumeration true
-     *
-     * @default WrapMode.Both
-     * @asptype WrapMode
-     */
-    textWrapMode?: WrapMode | string;
-
     /**
      * Accepts the template design and assigns it to each items present in the popup.
      *

package/src/multicolumn-combobox/multi-column-combo-box.d.ts

@@ -226,6 +226,21 @@ export declare class GridSettings extends ChildProperty<GridSettings> {
      * @default Default
      */
     gridLines: GridLine;
+    /**
+     * Specifies whether to allow text wrapping of the popup grid content.
+     *
+     * @default false
+     */
+    allowTextWrap: boolean;
+    /**
+     * Specifies the mode for text wrapping in the popup grid content. Options include 'Both', 'Content', and 'Header'.
+     *
+     * @isenumeration true
+     *
+     * @default WrapMode.Both
+     * @asptype WrapMode
+     */
+    textWrapMode: WrapMode | string;
 }
 export interface PopupEventArgs {
     /**
@@ -588,21 +603,6 @@ export declare class MultiColumnComboBox extends Component<HTMLElement> implemen
      * @default null
      */
     query: Query;
-    /**
-     * Specifies whether to allow text wrapping of the popup grid content.
-     *
-     * @default false
-     */
-    allowTextWrap: boolean;
-    /**
-     * Specifies the mode for text wrapping in the popup grid content. Options include 'Both', 'Content', and 'Header'.
-     *
-     * @isenumeration true
-     *
-     * @default WrapMode.Both
-     * @asptype WrapMode
-     */
-    textWrapMode: WrapMode | string;
     /**
      * Accepts the template design and assigns it to each items present in the popup.
      *

package/src/multicolumn-combobox/multi-column-combo-box.js

@@ -190,6 +190,12 @@ var GridSettings = /** @class */ (function (_super) {
     __decorate([
         Property('Default')
     ], GridSettings.prototype, "gridLines", void 0);
+    __decorate([
+        Property(false)
+    ], GridSettings.prototype, "allowTextWrap", void 0);
+    __decorate([
+        Property(WrapMode.Both)
+    ], GridSettings.prototype, "textWrapMode", void 0);
     return GridSettings;
 }(ChildProperty));
 export { GridSettings };
@@ -299,7 +305,8 @@ var MultiColumnComboBox = /** @class */ (function (_super) {
             enableRtl: this.enableRtl,
             editSettings: { allowAdding: false },
             query: this.query,
-            allowTextWrap: this.allowTextWrap,
+            allowTextWrap: this.gridSettings.allowTextWrap,
+            textWrapSettings: { wrapMode: this.gridSettings.textWrapMode },
             height: this.popupHeight,
             allowMultiSorting: this.sortType.toString().toLowerCase() === 'multiplecolumns' && this.allowSorting,
             rowTemplate: this.itemTemplate,
@@ -344,7 +351,6 @@ var MultiColumnComboBox = /** @class */ (function (_super) {
             this.gridObj.sortSettings = { columns: [{ field: this.fields.text, direction: sortOrder === 'ascending' ?
                             SortOrder.Ascending : SortOrder.Descending }] };
         }
-        this.gridObj.textWrapSettings.wrapMode = this.textWrapMode;
         this.gridObj.appendTo(this.gridEle);
     };
     // eslint-disable @typescript-eslint/no-explicit-any
@@ -1585,6 +1591,12 @@ var MultiColumnComboBox = /** @class */ (function (_super) {
                         this.gridObj.gridLines = newProp.gridSettings.gridLines;
                         this.gridObj.rowHeight = newProp.gridSettings.rowHeight;
                         this.gridObj.enableAltRow = newProp.gridSettings.enableAltRow;
+                        if (!(isNOU(newProp.gridSettings.allowTextWrap))) {
+                            this.gridObj.allowTextWrap = newProp.gridSettings.allowTextWrap;
+                        }
+                        if (!(isNOU(newProp.gridSettings.textWrapMode))) {
+                            this.gridObj.textWrapSettings.wrapMode = newProp.gridSettings.textWrapMode;
+                        }
                     }
                     break;
                 case 'fields':
@@ -1610,20 +1622,6 @@ var MultiColumnComboBox = /** @class */ (function (_super) {
                         this.allowSorting = this.gridObj.allowSorting = newProp.allowSorting;
                     }
                     break;
-                case 'allowTextWrap':
-                    if (this.gridObj) {
-                        if (!(isNOU(newProp.allowTextWrap))) {
-                            this.gridObj.allowTextWrap = newProp.allowTextWrap;
-                        }
-                    }
-                    break;
-                case 'textWrapMode':
-                    if (this.gridObj) {
-                        if (!(isNOU(newProp.textWrapMode))) {
-                            this.gridObj.textWrapSettings.wrapMode = newProp.textWrapMode;
-                        }
-                    }
-                    break;
                 case 'columns':
                     if (this.gridObj) {
                         gridColumns = this.getGridColumns();
@@ -1705,12 +1703,6 @@ var MultiColumnComboBox = /** @class */ (function (_super) {
     __decorate([
         Property()
     ], MultiColumnComboBox.prototype, "query", void 0);
-    __decorate([
-        Property(false)
-    ], MultiColumnComboBox.prototype, "allowTextWrap", void 0);
-    __decorate([
-        Property(WrapMode.Both)
-    ], MultiColumnComboBox.prototype, "textWrapMode", void 0);
     __decorate([
         Property(null)
     ], MultiColumnComboBox.prototype, "itemTemplate", void 0);