@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
|
@@ -96,6 +96,24 @@ var SortType;
|
|
|
96
96
|
*/
|
|
97
97
|
SortType["MultipleColumns"] = "MultipleColumns";
|
|
98
98
|
})(SortType || (SortType = {}));
|
|
99
|
+
/**
|
|
100
|
+
* Specifies the type of wrap mode to be applied for the grid cells.
|
|
101
|
+
*/
|
|
102
|
+
var WrapMode;
|
|
103
|
+
(function (WrapMode) {
|
|
104
|
+
/**
|
|
105
|
+
* Specifies that both header and content text wrapping are enabled.
|
|
106
|
+
*/
|
|
107
|
+
WrapMode["Both"] = "Both";
|
|
108
|
+
/**
|
|
109
|
+
* Specifies that only content text wrapping is enabled.
|
|
110
|
+
*/
|
|
111
|
+
WrapMode["Content"] = "Content";
|
|
112
|
+
/**
|
|
113
|
+
* Specifies that only header text wrapping is enabled.
|
|
114
|
+
*/
|
|
115
|
+
WrapMode["Header"] = "Header";
|
|
116
|
+
})(WrapMode || (WrapMode = {}));
|
|
99
117
|
/**
|
|
100
118
|
* The fields property maps the columns of the data table and binds the data to the component.
|
|
101
119
|
*/
|
|
@@ -277,6 +295,7 @@ var MultiColumnComboBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
277
295
|
enableRtl: this.enableRtl,
|
|
278
296
|
editSettings: { allowAdding: false },
|
|
279
297
|
query: this.query,
|
|
298
|
+
allowTextWrap: this.allowTextWrap,
|
|
280
299
|
height: this.popupHeight,
|
|
281
300
|
allowMultiSorting: this.sortType.toString().toLowerCase() === 'multiplecolumns' && this.allowSorting,
|
|
282
301
|
rowTemplate: this.itemTemplate,
|
|
@@ -321,6 +340,7 @@ var MultiColumnComboBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
321
340
|
this.gridObj.sortSettings = { columns: [{ field: this.fields.text, direction: sortOrder === 'ascending' ?
|
|
322
341
|
SortOrder.Ascending : SortOrder.Descending }] };
|
|
323
342
|
}
|
|
343
|
+
this.gridObj.textWrapSettings.wrapMode = this.textWrapMode;
|
|
324
344
|
this.gridObj.appendTo(this.gridEle);
|
|
325
345
|
};
|
|
326
346
|
// eslint-disable @typescript-eslint/no-explicit-any
|
|
@@ -1585,6 +1605,20 @@ var MultiColumnComboBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
1585
1605
|
this.allowSorting = this.gridObj.allowSorting = newProp.allowSorting;
|
|
1586
1606
|
}
|
|
1587
1607
|
break;
|
|
1608
|
+
case 'allowTextWrap':
|
|
1609
|
+
if (this.gridObj) {
|
|
1610
|
+
if (!(isNullOrUndefined(newProp.allowTextWrap))) {
|
|
1611
|
+
this.gridObj.allowTextWrap = newProp.allowTextWrap;
|
|
1612
|
+
}
|
|
1613
|
+
}
|
|
1614
|
+
break;
|
|
1615
|
+
case 'textWrapMode':
|
|
1616
|
+
if (this.gridObj) {
|
|
1617
|
+
if (!(isNullOrUndefined(newProp.textWrapMode))) {
|
|
1618
|
+
this.gridObj.textWrapSettings.wrapMode = newProp.textWrapMode;
|
|
1619
|
+
}
|
|
1620
|
+
}
|
|
1621
|
+
break;
|
|
1588
1622
|
case 'columns':
|
|
1589
1623
|
if (this.gridObj) {
|
|
1590
1624
|
gridColumns = this.getGridColumns();
|
|
@@ -1666,6 +1700,12 @@ var MultiColumnComboBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
1666
1700
|
__decorate([
|
|
1667
1701
|
Property()
|
|
1668
1702
|
], MultiColumnComboBox.prototype, "query", void 0);
|
|
1703
|
+
__decorate([
|
|
1704
|
+
Property(false)
|
|
1705
|
+
], MultiColumnComboBox.prototype, "allowTextWrap", void 0);
|
|
1706
|
+
__decorate([
|
|
1707
|
+
Property(WrapMode.Both)
|
|
1708
|
+
], MultiColumnComboBox.prototype, "textWrapMode", void 0);
|
|
1669
1709
|
__decorate([
|
|
1670
1710
|
Property(null)
|
|
1671
1711
|
], MultiColumnComboBox.prototype, "itemTemplate", void 0);
|
|
@@ -1717,5 +1757,5 @@ var MultiColumnComboBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
1717
1757
|
return MultiColumnComboBox;
|
|
1718
1758
|
}(Component));
|
|
1719
1759
|
|
|
1720
|
-
export { Column, FieldSettings, FilterType, GridSettings, MultiColumnComboBox, MultiColumnGrid, SortOrder, SortType };
|
|
1760
|
+
export { Column, FieldSettings, FilterType, GridSettings, MultiColumnComboBox, MultiColumnGrid, SortOrder, SortType, WrapMode };
|
|
1721
1761
|
//# sourceMappingURL=ej2-multicolumn-combobox.es5.js.map
|