@syncfusion/ej2-multicolumn-combobox 26.2.5 → 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 +6 -6
- 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
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"_from": "@syncfusion/ej2-multicolumn-combobox@*",
|
|
3
|
-
"_id": "@syncfusion/ej2-multicolumn-combobox@26.
|
|
3
|
+
"_id": "@syncfusion/ej2-multicolumn-combobox@26.2.5",
|
|
4
4
|
"_inBundle": false,
|
|
5
|
-
"_integrity": "sha512
|
|
5
|
+
"_integrity": "sha512-FJTcah+3DqOFSiCh08XLkRse++Iz13fmsuBpEHUCztIzSuHuCodewqbggNcSvhLEvWqefiVtWo0agLuLm1cfYA==",
|
|
6
6
|
"_location": "/@syncfusion/ej2-multicolumn-combobox",
|
|
7
7
|
"_phantomChildren": {},
|
|
8
8
|
"_requested": {
|
|
@@ -23,8 +23,8 @@
|
|
|
23
23
|
"/@syncfusion/ej2-react-multicolumn-combobox",
|
|
24
24
|
"/@syncfusion/ej2-vue-multicolumn-combobox"
|
|
25
25
|
],
|
|
26
|
-
"_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-multicolumn-combobox/-/ej2-multicolumn-combobox-26.
|
|
27
|
-
"_shasum": "
|
|
26
|
+
"_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-multicolumn-combobox/-/ej2-multicolumn-combobox-26.2.5.tgz",
|
|
27
|
+
"_shasum": "2921752622a72c35d7df3138c3ad871d791b678e",
|
|
28
28
|
"_spec": "@syncfusion/ej2-multicolumn-combobox@*",
|
|
29
29
|
"_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
|
|
30
30
|
"author": {
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"bundleDependencies": false,
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@syncfusion/ej2-base": "~26.2.5",
|
|
39
|
-
"@syncfusion/ej2-grids": "~26.2.
|
|
39
|
+
"@syncfusion/ej2-grids": "~26.2.8"
|
|
40
40
|
},
|
|
41
41
|
"deprecated": false,
|
|
42
42
|
"description": "Essential JS 2 Component",
|
|
@@ -57,6 +57,6 @@
|
|
|
57
57
|
"url": "git+https://github.com/syncfusion/ej2-multicolumn-combobox-component.git"
|
|
58
58
|
},
|
|
59
59
|
"typings": "index.d.ts",
|
|
60
|
-
"version": "26.2.
|
|
60
|
+
"version": "26.2.8",
|
|
61
61
|
"sideEffects": false
|
|
62
62
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
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';
|
|
2
|
-
import {TextAlign,GridLine,DataResult,FilterType,FloatLabelType,SortOrder,SortType,PopupEventArgs,FilteringEventArgs,SelectEventArgs,ChangeEventArgs} from "./multi-column-combo-box";
|
|
2
|
+
import {TextAlign,GridLine,DataResult,FilterType,FloatLabelType,SortOrder,SortType,WrapMode,PopupEventArgs,FilteringEventArgs,SelectEventArgs,ChangeEventArgs} from "./multi-column-combo-box";
|
|
3
3
|
import {ComponentModel} from '@syncfusion/ej2-base';
|
|
4
4
|
|
|
5
5
|
/**
|
|
@@ -395,6 +395,23 @@ export interface MultiColumnComboBoxModel extends ComponentModel{
|
|
|
395
395
|
*/
|
|
396
396
|
query?: Query;
|
|
397
397
|
|
|
398
|
+
/**
|
|
399
|
+
* Specifies whether to allow text wrapping of the popup grid content.
|
|
400
|
+
*
|
|
401
|
+
* @default false
|
|
402
|
+
*/
|
|
403
|
+
allowTextWrap?: boolean;
|
|
404
|
+
|
|
405
|
+
/**
|
|
406
|
+
* Specifies the mode for text wrapping in the popup grid content. Options include 'Both', 'Content', and 'Header'.
|
|
407
|
+
*
|
|
408
|
+
* @isenumeration true
|
|
409
|
+
*
|
|
410
|
+
* @default WrapMode.Both
|
|
411
|
+
* @asptype WrapMode
|
|
412
|
+
*/
|
|
413
|
+
textWrapMode?: WrapMode | string;
|
|
414
|
+
|
|
398
415
|
/**
|
|
399
416
|
* Accepts the template design and assigns it to each items present in the popup.
|
|
400
417
|
*
|
|
@@ -86,6 +86,23 @@ export declare enum SortType {
|
|
|
86
86
|
*/
|
|
87
87
|
MultipleColumns = "MultipleColumns"
|
|
88
88
|
}
|
|
89
|
+
/**
|
|
90
|
+
* Specifies the type of wrap mode to be applied for the grid cells.
|
|
91
|
+
*/
|
|
92
|
+
export declare enum WrapMode {
|
|
93
|
+
/**
|
|
94
|
+
* Specifies that both header and content text wrapping are enabled.
|
|
95
|
+
*/
|
|
96
|
+
Both = "Both",
|
|
97
|
+
/**
|
|
98
|
+
* Specifies that only content text wrapping is enabled.
|
|
99
|
+
*/
|
|
100
|
+
Content = "Content",
|
|
101
|
+
/**
|
|
102
|
+
* Specifies that only header text wrapping is enabled.
|
|
103
|
+
*/
|
|
104
|
+
Header = "Header"
|
|
105
|
+
}
|
|
89
106
|
/**
|
|
90
107
|
* The fields property maps the columns of the data table and binds the data to the component.
|
|
91
108
|
*/
|
|
@@ -571,6 +588,21 @@ export declare class MultiColumnComboBox extends Component<HTMLElement> implemen
|
|
|
571
588
|
* @default null
|
|
572
589
|
*/
|
|
573
590
|
query: Query;
|
|
591
|
+
/**
|
|
592
|
+
* Specifies whether to allow text wrapping of the popup grid content.
|
|
593
|
+
*
|
|
594
|
+
* @default false
|
|
595
|
+
*/
|
|
596
|
+
allowTextWrap: boolean;
|
|
597
|
+
/**
|
|
598
|
+
* Specifies the mode for text wrapping in the popup grid content. Options include 'Both', 'Content', and 'Header'.
|
|
599
|
+
*
|
|
600
|
+
* @isenumeration true
|
|
601
|
+
*
|
|
602
|
+
* @default WrapMode.Both
|
|
603
|
+
* @asptype WrapMode
|
|
604
|
+
*/
|
|
605
|
+
textWrapMode: WrapMode | string;
|
|
574
606
|
/**
|
|
575
607
|
* Accepts the template design and assigns it to each items present in the popup.
|
|
576
608
|
*
|
|
@@ -97,6 +97,24 @@ export var SortType;
|
|
|
97
97
|
*/
|
|
98
98
|
SortType["MultipleColumns"] = "MultipleColumns";
|
|
99
99
|
})(SortType || (SortType = {}));
|
|
100
|
+
/**
|
|
101
|
+
* Specifies the type of wrap mode to be applied for the grid cells.
|
|
102
|
+
*/
|
|
103
|
+
export var WrapMode;
|
|
104
|
+
(function (WrapMode) {
|
|
105
|
+
/**
|
|
106
|
+
* Specifies that both header and content text wrapping are enabled.
|
|
107
|
+
*/
|
|
108
|
+
WrapMode["Both"] = "Both";
|
|
109
|
+
/**
|
|
110
|
+
* Specifies that only content text wrapping is enabled.
|
|
111
|
+
*/
|
|
112
|
+
WrapMode["Content"] = "Content";
|
|
113
|
+
/**
|
|
114
|
+
* Specifies that only header text wrapping is enabled.
|
|
115
|
+
*/
|
|
116
|
+
WrapMode["Header"] = "Header";
|
|
117
|
+
})(WrapMode || (WrapMode = {}));
|
|
100
118
|
/**
|
|
101
119
|
* The fields property maps the columns of the data table and binds the data to the component.
|
|
102
120
|
*/
|
|
@@ -281,6 +299,7 @@ var MultiColumnComboBox = /** @class */ (function (_super) {
|
|
|
281
299
|
enableRtl: this.enableRtl,
|
|
282
300
|
editSettings: { allowAdding: false },
|
|
283
301
|
query: this.query,
|
|
302
|
+
allowTextWrap: this.allowTextWrap,
|
|
284
303
|
height: this.popupHeight,
|
|
285
304
|
allowMultiSorting: this.sortType.toString().toLowerCase() === 'multiplecolumns' && this.allowSorting,
|
|
286
305
|
rowTemplate: this.itemTemplate,
|
|
@@ -325,6 +344,7 @@ var MultiColumnComboBox = /** @class */ (function (_super) {
|
|
|
325
344
|
this.gridObj.sortSettings = { columns: [{ field: this.fields.text, direction: sortOrder === 'ascending' ?
|
|
326
345
|
SortOrder.Ascending : SortOrder.Descending }] };
|
|
327
346
|
}
|
|
347
|
+
this.gridObj.textWrapSettings.wrapMode = this.textWrapMode;
|
|
328
348
|
this.gridObj.appendTo(this.gridEle);
|
|
329
349
|
};
|
|
330
350
|
// eslint-disable @typescript-eslint/no-explicit-any
|
|
@@ -1590,6 +1610,20 @@ var MultiColumnComboBox = /** @class */ (function (_super) {
|
|
|
1590
1610
|
this.allowSorting = this.gridObj.allowSorting = newProp.allowSorting;
|
|
1591
1611
|
}
|
|
1592
1612
|
break;
|
|
1613
|
+
case 'allowTextWrap':
|
|
1614
|
+
if (this.gridObj) {
|
|
1615
|
+
if (!(isNOU(newProp.allowTextWrap))) {
|
|
1616
|
+
this.gridObj.allowTextWrap = newProp.allowTextWrap;
|
|
1617
|
+
}
|
|
1618
|
+
}
|
|
1619
|
+
break;
|
|
1620
|
+
case 'textWrapMode':
|
|
1621
|
+
if (this.gridObj) {
|
|
1622
|
+
if (!(isNOU(newProp.textWrapMode))) {
|
|
1623
|
+
this.gridObj.textWrapSettings.wrapMode = newProp.textWrapMode;
|
|
1624
|
+
}
|
|
1625
|
+
}
|
|
1626
|
+
break;
|
|
1593
1627
|
case 'columns':
|
|
1594
1628
|
if (this.gridObj) {
|
|
1595
1629
|
gridColumns = this.getGridColumns();
|
|
@@ -1671,6 +1705,12 @@ var MultiColumnComboBox = /** @class */ (function (_super) {
|
|
|
1671
1705
|
__decorate([
|
|
1672
1706
|
Property()
|
|
1673
1707
|
], MultiColumnComboBox.prototype, "query", void 0);
|
|
1708
|
+
__decorate([
|
|
1709
|
+
Property(false)
|
|
1710
|
+
], MultiColumnComboBox.prototype, "allowTextWrap", void 0);
|
|
1711
|
+
__decorate([
|
|
1712
|
+
Property(WrapMode.Both)
|
|
1713
|
+
], MultiColumnComboBox.prototype, "textWrapMode", void 0);
|
|
1674
1714
|
__decorate([
|
|
1675
1715
|
Property(null)
|
|
1676
1716
|
], MultiColumnComboBox.prototype, "itemTemplate", void 0);
|