@syncfusion/ej2-multicolumn-combobox 26.2.4 → 26.2.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ej2-multicolumn-combobox.umd.min.js +2 -2
- package/dist/ej2-multicolumn-combobox.umd.min.js.map +1 -1
- package/dist/es6/ej2-multicolumn-combobox.es2015.js +41 -1
- package/dist/es6/ej2-multicolumn-combobox.es2015.js.map +1 -1
- package/dist/es6/ej2-multicolumn-combobox.es5.js +41 -1
- package/dist/es6/ej2-multicolumn-combobox.es5.js.map +1 -1
- package/dist/global/ej2-multicolumn-combobox.min.js +2 -2
- package/dist/global/ej2-multicolumn-combobox.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +7 -7
- package/src/multicolumn-combobox/multi-column-combo-box-model.d.ts +18 -1
- package/src/multicolumn-combobox/multi-column-combo-box.d.ts +32 -0
- package/src/multicolumn-combobox/multi-column-combo-box.js +40 -0
- package/styles/fluent2.css +3 -1031
- package/styles/material3-dark.css +1 -54
- package/styles/material3.css +3 -110
- package/styles/multicolumn-combobox/fluent2.css +3 -1031
- package/styles/multicolumn-combobox/material3-dark.css +1 -54
- package/styles/multicolumn-combobox/material3.css +3 -110
|
@@ -80,6 +80,24 @@ var SortType;
|
|
|
80
80
|
*/
|
|
81
81
|
SortType["MultipleColumns"] = "MultipleColumns";
|
|
82
82
|
})(SortType || (SortType = {}));
|
|
83
|
+
/**
|
|
84
|
+
* Specifies the type of wrap mode to be applied for the grid cells.
|
|
85
|
+
*/
|
|
86
|
+
var WrapMode;
|
|
87
|
+
(function (WrapMode) {
|
|
88
|
+
/**
|
|
89
|
+
* Specifies that both header and content text wrapping are enabled.
|
|
90
|
+
*/
|
|
91
|
+
WrapMode["Both"] = "Both";
|
|
92
|
+
/**
|
|
93
|
+
* Specifies that only content text wrapping is enabled.
|
|
94
|
+
*/
|
|
95
|
+
WrapMode["Content"] = "Content";
|
|
96
|
+
/**
|
|
97
|
+
* Specifies that only header text wrapping is enabled.
|
|
98
|
+
*/
|
|
99
|
+
WrapMode["Header"] = "Header";
|
|
100
|
+
})(WrapMode || (WrapMode = {}));
|
|
83
101
|
/**
|
|
84
102
|
* The fields property maps the columns of the data table and binds the data to the component.
|
|
85
103
|
*/
|
|
@@ -243,6 +261,7 @@ let MultiColumnComboBox = class MultiColumnComboBox extends Component {
|
|
|
243
261
|
enableRtl: this.enableRtl,
|
|
244
262
|
editSettings: { allowAdding: false },
|
|
245
263
|
query: this.query,
|
|
264
|
+
allowTextWrap: this.allowTextWrap,
|
|
246
265
|
height: this.popupHeight,
|
|
247
266
|
allowMultiSorting: this.sortType.toString().toLowerCase() === 'multiplecolumns' && this.allowSorting,
|
|
248
267
|
rowTemplate: this.itemTemplate,
|
|
@@ -287,6 +306,7 @@ let MultiColumnComboBox = class MultiColumnComboBox extends Component {
|
|
|
287
306
|
this.gridObj.sortSettings = { columns: [{ field: this.fields.text, direction: sortOrder === 'ascending' ?
|
|
288
307
|
SortOrder.Ascending : SortOrder.Descending }] };
|
|
289
308
|
}
|
|
309
|
+
this.gridObj.textWrapSettings.wrapMode = this.textWrapMode;
|
|
290
310
|
this.gridObj.appendTo(this.gridEle);
|
|
291
311
|
}
|
|
292
312
|
// eslint-disable @typescript-eslint/no-explicit-any
|
|
@@ -1535,6 +1555,20 @@ let MultiColumnComboBox = class MultiColumnComboBox extends Component {
|
|
|
1535
1555
|
this.allowSorting = this.gridObj.allowSorting = newProp.allowSorting;
|
|
1536
1556
|
}
|
|
1537
1557
|
break;
|
|
1558
|
+
case 'allowTextWrap':
|
|
1559
|
+
if (this.gridObj) {
|
|
1560
|
+
if (!(isNullOrUndefined(newProp.allowTextWrap))) {
|
|
1561
|
+
this.gridObj.allowTextWrap = newProp.allowTextWrap;
|
|
1562
|
+
}
|
|
1563
|
+
}
|
|
1564
|
+
break;
|
|
1565
|
+
case 'textWrapMode':
|
|
1566
|
+
if (this.gridObj) {
|
|
1567
|
+
if (!(isNullOrUndefined(newProp.textWrapMode))) {
|
|
1568
|
+
this.gridObj.textWrapSettings.wrapMode = newProp.textWrapMode;
|
|
1569
|
+
}
|
|
1570
|
+
}
|
|
1571
|
+
break;
|
|
1538
1572
|
case 'columns':
|
|
1539
1573
|
if (this.gridObj) {
|
|
1540
1574
|
gridColumns = this.getGridColumns();
|
|
@@ -1617,6 +1651,12 @@ __decorate([
|
|
|
1617
1651
|
__decorate([
|
|
1618
1652
|
Property()
|
|
1619
1653
|
], MultiColumnComboBox.prototype, "query", void 0);
|
|
1654
|
+
__decorate([
|
|
1655
|
+
Property(false)
|
|
1656
|
+
], MultiColumnComboBox.prototype, "allowTextWrap", void 0);
|
|
1657
|
+
__decorate([
|
|
1658
|
+
Property(WrapMode.Both)
|
|
1659
|
+
], MultiColumnComboBox.prototype, "textWrapMode", void 0);
|
|
1620
1660
|
__decorate([
|
|
1621
1661
|
Property(null)
|
|
1622
1662
|
], MultiColumnComboBox.prototype, "itemTemplate", void 0);
|
|
@@ -1666,5 +1706,5 @@ MultiColumnComboBox = __decorate([
|
|
|
1666
1706
|
NotifyPropertyChanges
|
|
1667
1707
|
], MultiColumnComboBox);
|
|
1668
1708
|
|
|
1669
|
-
export { Column, FieldSettings, FilterType, GridSettings, MultiColumnComboBox, MultiColumnGrid, SortOrder, SortType };
|
|
1709
|
+
export { Column, FieldSettings, FilterType, GridSettings, MultiColumnComboBox, MultiColumnGrid, SortOrder, SortType, WrapMode };
|
|
1670
1710
|
//# sourceMappingURL=ej2-multicolumn-combobox.es2015.js.map
|