@syncfusion/ej2-multicolumn-combobox 28.2.9 → 29.1.33
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/README.md +1 -1
- 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 +44 -10
- package/dist/es6/ej2-multicolumn-combobox.es2015.js.map +1 -1
- package/dist/es6/ej2-multicolumn-combobox.es5.js +46 -10
- 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/memory-leak-samples/mccb.d.ts +1 -0
- package/memory-leak-samples/mccb.html +35 -0
- package/memory-leak-samples/mccb.js +109 -0
- package/package.json +8 -8
- package/src/multicolumn-combobox/multi-column-combo-box-model.d.ts +1 -1
- package/src/multicolumn-combobox/multi-column-combo-box.d.ts +3 -0
- package/src/multicolumn-combobox/multi-column-combo-box.js +46 -10
- package/styles/bds-lite.css +52 -1
- package/styles/bds-lite.scss +1 -0
- package/styles/bds.css +62 -1
- package/styles/bds.scss +1 -0
- package/styles/bootstrap-dark-lite.css +52 -1
- package/styles/bootstrap-dark-lite.scss +1 -0
- package/styles/bootstrap-dark.css +62 -1
- package/styles/bootstrap-dark.scss +1 -0
- package/styles/bootstrap-lite.css +52 -1
- package/styles/bootstrap-lite.scss +1 -0
- package/styles/bootstrap.css +62 -1
- package/styles/bootstrap.scss +1 -0
- package/styles/bootstrap4-lite.css +52 -1
- package/styles/bootstrap4-lite.scss +1 -0
- package/styles/bootstrap4.css +62 -1
- package/styles/bootstrap4.scss +1 -0
- package/styles/bootstrap5-dark-lite.css +53 -2
- package/styles/bootstrap5-dark-lite.scss +1 -0
- package/styles/bootstrap5-dark.css +63 -2
- package/styles/bootstrap5-dark.scss +1 -0
- package/styles/bootstrap5-lite.css +52 -1
- package/styles/bootstrap5-lite.scss +1 -0
- package/styles/bootstrap5.3-lite.css +52 -1
- package/styles/bootstrap5.3-lite.scss +1 -0
- package/styles/bootstrap5.3.css +62 -1
- package/styles/bootstrap5.3.scss +1 -0
- package/styles/bootstrap5.css +62 -1
- package/styles/bootstrap5.scss +1 -0
- package/styles/fabric-dark-lite.css +52 -1
- package/styles/fabric-dark-lite.scss +1 -0
- package/styles/fabric-dark.css +62 -1
- package/styles/fabric-dark.scss +1 -0
- package/styles/fabric-lite.css +52 -1
- package/styles/fabric-lite.scss +1 -0
- package/styles/fabric.css +62 -1
- package/styles/fabric.scss +1 -0
- package/styles/fluent-dark-lite.css +52 -1
- package/styles/fluent-dark-lite.scss +1 -0
- package/styles/fluent-dark.css +62 -1
- package/styles/fluent-dark.scss +1 -0
- package/styles/fluent-lite.css +52 -1
- package/styles/fluent-lite.scss +1 -0
- package/styles/fluent.css +62 -1
- package/styles/fluent.scss +1 -0
- package/styles/fluent2-lite.css +52 -1
- package/styles/fluent2-lite.scss +1 -0
- package/styles/fluent2.css +62 -1
- package/styles/fluent2.scss +1 -0
- package/styles/highcontrast-light-lite.css +52 -1
- package/styles/highcontrast-light-lite.scss +1 -0
- package/styles/highcontrast-light.css +62 -1
- package/styles/highcontrast-light.scss +1 -0
- package/styles/highcontrast-lite.css +52 -1
- package/styles/highcontrast-lite.scss +1 -0
- package/styles/highcontrast.css +62 -1
- package/styles/highcontrast.scss +1 -0
- package/styles/material-dark-lite.css +52 -1
- package/styles/material-dark-lite.scss +1 -0
- package/styles/material-dark.css +62 -1
- package/styles/material-dark.scss +1 -0
- package/styles/material-lite.css +52 -1
- package/styles/material-lite.scss +1 -0
- package/styles/material.css +62 -1
- package/styles/material.scss +1 -0
- package/styles/material3-dark-lite.css +52 -1
- package/styles/material3-dark-lite.scss +1 -0
- package/styles/material3-dark.css +62 -1
- package/styles/material3-dark.scss +1 -0
- package/styles/material3-lite.css +52 -1
- package/styles/material3-lite.scss +1 -0
- package/styles/material3.css +62 -1
- package/styles/material3.scss +1 -0
- package/styles/multicolumn-combobox/_bigger.scss +9 -0
- package/styles/multicolumn-combobox/_layout.scss +9 -1
- package/styles/multicolumn-combobox/bds.css +62 -1
- package/styles/multicolumn-combobox/bds.scss +1 -0
- package/styles/multicolumn-combobox/bootstrap-dark.css +62 -1
- package/styles/multicolumn-combobox/bootstrap-dark.scss +1 -0
- package/styles/multicolumn-combobox/bootstrap.css +62 -1
- package/styles/multicolumn-combobox/bootstrap.scss +1 -0
- package/styles/multicolumn-combobox/bootstrap4.css +62 -1
- package/styles/multicolumn-combobox/bootstrap4.scss +1 -0
- package/styles/multicolumn-combobox/bootstrap5-dark.css +63 -2
- package/styles/multicolumn-combobox/bootstrap5-dark.scss +1 -0
- package/styles/multicolumn-combobox/bootstrap5.3.css +62 -1
- package/styles/multicolumn-combobox/bootstrap5.3.scss +1 -0
- package/styles/multicolumn-combobox/bootstrap5.css +62 -1
- package/styles/multicolumn-combobox/bootstrap5.scss +1 -0
- package/styles/multicolumn-combobox/fabric-dark.css +62 -1
- package/styles/multicolumn-combobox/fabric-dark.scss +1 -0
- package/styles/multicolumn-combobox/fabric.css +62 -1
- package/styles/multicolumn-combobox/fabric.scss +1 -0
- package/styles/multicolumn-combobox/fluent-dark.css +62 -1
- package/styles/multicolumn-combobox/fluent-dark.scss +1 -0
- package/styles/multicolumn-combobox/fluent.css +62 -1
- package/styles/multicolumn-combobox/fluent.scss +1 -0
- package/styles/multicolumn-combobox/fluent2.css +62 -1
- package/styles/multicolumn-combobox/fluent2.scss +1 -0
- package/styles/multicolumn-combobox/highcontrast-light.css +62 -1
- package/styles/multicolumn-combobox/highcontrast-light.scss +1 -0
- package/styles/multicolumn-combobox/highcontrast.css +62 -1
- package/styles/multicolumn-combobox/highcontrast.scss +1 -0
- package/styles/multicolumn-combobox/material-dark.css +62 -1
- package/styles/multicolumn-combobox/material-dark.scss +1 -0
- package/styles/multicolumn-combobox/material.css +62 -1
- package/styles/multicolumn-combobox/material.scss +1 -0
- package/styles/multicolumn-combobox/material3-dark.css +62 -1
- package/styles/multicolumn-combobox/material3-dark.scss +1 -0
- package/styles/multicolumn-combobox/material3.css +62 -1
- package/styles/multicolumn-combobox/material3.scss +1 -0
- package/styles/multicolumn-combobox/tailwind-dark.css +64 -3
- package/styles/multicolumn-combobox/tailwind-dark.scss +1 -0
- package/styles/multicolumn-combobox/tailwind.css +62 -1
- package/styles/multicolumn-combobox/tailwind.scss +1 -0
- package/styles/multicolumn-combobox/tailwind3.css +62 -1
- package/styles/multicolumn-combobox/tailwind3.scss +1 -0
- package/styles/tailwind-dark-lite.css +54 -3
- package/styles/tailwind-dark-lite.scss +1 -0
- package/styles/tailwind-dark.css +64 -3
- package/styles/tailwind-dark.scss +1 -0
- package/styles/tailwind-lite.css +52 -1
- package/styles/tailwind-lite.scss +1 -0
- package/styles/tailwind.css +62 -1
- package/styles/tailwind.scss +1 -0
- package/styles/tailwind3-lite.css +52 -1
- package/styles/tailwind3-lite.scss +1 -0
- package/styles/tailwind3.css +62 -1
- package/styles/tailwind3.scss +1 -0
package/dist/global/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* filename: index.d.ts
|
|
3
|
-
* version :
|
|
3
|
+
* version : 29.1.33
|
|
4
4
|
* Copyright Syncfusion Inc. 2001 - 2024. All rights reserved.
|
|
5
5
|
* Use of this code is subject to the terms of our license.
|
|
6
6
|
* A copy of the current license can be obtained at any time by e-mailing
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
|
|
4
|
+
<head>
|
|
5
|
+
<title> MCCB MemoryLeak demo</title>
|
|
6
|
+
<meta charset="utf-8" />
|
|
7
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
8
|
+
<meta name="description" content="Typescript UI Controls" />
|
|
9
|
+
<meta name="author" content="Syncfusion" />
|
|
10
|
+
<link id="font" href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" />
|
|
11
|
+
<link id="theme" href="../demos/themes/tailwind3.css" rel="stylesheet" />
|
|
12
|
+
<script>
|
|
13
|
+
window.require = {
|
|
14
|
+
config: function (json) {
|
|
15
|
+
window.rsConfig = json;
|
|
16
|
+
window.rsConfig.baseUrl = '';
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
</script>
|
|
20
|
+
<script src="../demos/multicolumn-combobox/demo-config.js"></script>
|
|
21
|
+
<script src="./../../node_modules/requirejs/require.js" data-main="default"></script>
|
|
22
|
+
<script>
|
|
23
|
+
require.config(window.rsConfig);
|
|
24
|
+
</script>
|
|
25
|
+
</head>
|
|
26
|
+
|
|
27
|
+
<body>
|
|
28
|
+
<div id="container" style="width: 500px; margin: 0 auto;">
|
|
29
|
+
<button id="render">renderMCCB</button>
|
|
30
|
+
<button id="destroy">destroyMCCB</button>
|
|
31
|
+
<div> Default </div> <br/>
|
|
32
|
+
<input type="text" tabindex="1" id="list" />
|
|
33
|
+
</div>
|
|
34
|
+
</body>
|
|
35
|
+
</html>
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
define(["require", "exports", "../src/multicolumn-combobox/index"], function (require, exports, index_1) {
|
|
2
|
+
"use strict";
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
var multiColObj;
|
|
5
|
+
var data = [
|
|
6
|
+
{
|
|
7
|
+
OrderID: 10248, CustomerID: 'VINET', Role: 'Admin', EmployeeID: 5, OrderDate: new Date(8364186e5),
|
|
8
|
+
ShipName: 'Vins et alcools Chevalier', ShipCity: 'Reims', ShipAddress: '59 rue de l Abbaye',
|
|
9
|
+
ShipRegion: 'CJ', Mask: '1111', ShipPostalCode: '51100', ShipCountry: 'France', Freight: 32.38, Verified: !0
|
|
10
|
+
},
|
|
11
|
+
{
|
|
12
|
+
OrderID: 10249, CustomerID: 'TOMSP', Role: 'Employee', EmployeeID: 6, OrderDate: new Date(836505e6),
|
|
13
|
+
ShipName: 'Toms Spezialitäten', ShipCity: 'Münster', ShipAddress: 'Luisenstr. 48',
|
|
14
|
+
ShipRegion: 'CJ', Mask: '2222', ShipPostalCode: '44087', ShipCountry: 'Germany', Freight: 11.61, Verified: !1
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
OrderID: 10250, CustomerID: 'HANAR', Role: 'Admin', EmployeeID: 4, OrderDate: new Date(8367642e5),
|
|
18
|
+
ShipName: 'Hanari Carnes', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua do Paço, 67',
|
|
19
|
+
ShipRegion: 'RJ', Mask: '3333', ShipPostalCode: '05454-876', ShipCountry: 'Brazil', Freight: 65.83, Verified: !0
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
OrderID: 10251, CustomerID: 'VICTE', Role: 'Manager', EmployeeID: 3, OrderDate: new Date(8367642e5),
|
|
23
|
+
ShipName: 'Victuailles en stock', ShipCity: 'Lyon', ShipAddress: '2, rue du Commerce',
|
|
24
|
+
ShipRegion: 'CJ', Mask: '4444', ShipPostalCode: '69004', ShipCountry: 'France', Freight: 41.34, Verified: !0
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
OrderID: 10252, CustomerID: 'SUPRD', Role: 'Manager', EmployeeID: 2, OrderDate: new Date(8368506e5),
|
|
28
|
+
ShipName: 'Suprêmes délices', ShipCity: 'Charleroi', ShipAddress: 'Boulevard Tirou, 255',
|
|
29
|
+
ShipRegion: 'CJ', Mask: '5555', ShipPostalCode: 'B-6000', ShipCountry: 'Belgium', Freight: 51.3, Verified: !0
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
OrderID: 10253, CustomerID: 'HANAR', Role: 'Admin', EmployeeID: 7, OrderDate: new Date(836937e6),
|
|
33
|
+
ShipName: 'Hanari Carnes', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua do Paço, 67',
|
|
34
|
+
ShipRegion: 'RJ', Mask: '6666', ShipPostalCode: '05454-876', ShipCountry: 'Brazil', Freight: 58.17, Verified: !0
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
OrderID: 10254, CustomerID: 'CHOPS', Role: 'Employee', EmployeeID: 5, OrderDate: new Date(8370234e5),
|
|
38
|
+
ShipName: 'Chop-suey Chinese', ShipCity: 'Bern', ShipAddress: 'Hauptstr. 31',
|
|
39
|
+
ShipRegion: 'CJ', Mask: '7777', ShipPostalCode: '3012', ShipCountry: 'Switzerland', Freight: 22.98, Verified: !1
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
OrderID: 10255, CustomerID: 'RICSU', Role: 'Admin', EmployeeID: 9, OrderDate: new Date(8371098e5),
|
|
43
|
+
ShipName: 'Richter Supermarkt', ShipCity: 'Genève', ShipAddress: 'Starenweg 5',
|
|
44
|
+
ShipRegion: 'CJ', Mask: '8888', ShipPostalCode: '1204', ShipCountry: 'Switzerland', Freight: 148.33, Verified: !0
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
OrderID: 10256, CustomerID: 'WELLI', Role: 'Employee', EmployeeID: 3, OrderDate: new Date(837369e6),
|
|
48
|
+
ShipName: 'Wellington Importadora', ShipCity: 'Resende', ShipAddress: 'Rua do Mercado, 12',
|
|
49
|
+
ShipRegion: 'SP', Mask: '9999', ShipPostalCode: '08737-363', ShipCountry: 'Brazil', Freight: 13.97, Verified: !1
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
OrderID: 10257, CustomerID: 'HILAA', Role: 'Admin', EmployeeID: 4, OrderDate: new Date(8374554e5),
|
|
53
|
+
ShipName: 'HILARION-Abastos', ShipCity: 'San Cristóbal', ShipAddress: 'Carrera 22 con Ave. Carlos Soublette #8-35',
|
|
54
|
+
ShipRegion: 'Táchira', Mask: '1234', ShipPostalCode: '5022', ShipCountry: 'Venezuela', Freight: 81.91, Verified: !0
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
OrderID: 10258, CustomerID: 'ERNSH', Role: 'Manager', EmployeeID: 1, OrderDate: new Date(8375418e5),
|
|
58
|
+
ShipName: 'Ernst Handel', ShipCity: 'Graz', ShipAddress: 'Kirchgasse 6',
|
|
59
|
+
ShipRegion: 'CJ', Mask: '2345', ShipPostalCode: '8010', ShipCountry: 'Austria', Freight: 140.51, Verified: !0
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
OrderID: 10259, CustomerID: 'CENTC', Role: 'Admin', EmployeeID: 4, OrderDate: new Date(8376282e5),
|
|
63
|
+
ShipName: 'Centro comercial Moctezuma', ShipCity: 'México D.F.', ShipAddress: 'Sierras de Granada 9993',
|
|
64
|
+
ShipRegion: 'CJ', Mask: '3456', ShipPostalCode: '05022', ShipCountry: 'Mexico', Freight: 3.25, Verified: !1
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
OrderID: 10260, CustomerID: 'OTTIK', Role: 'Admin', EmployeeID: 4, OrderDate: new Date(8377146e5),
|
|
68
|
+
ShipName: 'Ottilies Käseladen', ShipCity: 'Köln', ShipAddress: 'Mehrheimerstr. 369',
|
|
69
|
+
ShipRegion: 'CJ', Mask: '4567', ShipPostalCode: '50739', ShipCountry: 'Germany', Freight: 55.09, Verified: !0
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
OrderID: 10261, CustomerID: 'QUEDE', Role: 'Manager', EmployeeID: 4, OrderDate: new Date(8377146e5),
|
|
73
|
+
ShipName: 'Que Delícia', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua da Panificadora, 12',
|
|
74
|
+
ShipRegion: 'RJ', Mask: '5678', ShipPostalCode: '02389-673', ShipCountry: 'Brazil', Freight: 3.05, Verified: !1
|
|
75
|
+
},
|
|
76
|
+
{
|
|
77
|
+
OrderID: 10262, CustomerID: 'RATTC', Role: 'Employee', EmployeeID: 8, OrderDate: new Date(8379738e5),
|
|
78
|
+
ShipName: 'Rattlesnake Canyon Grocery', ShipCity: 'Albuquerque', ShipAddress: '2817 Milton Dr.',
|
|
79
|
+
ShipRegion: 'NM', Mask: '6789', ShipPostalCode: '87110', ShipCountry: 'USA', Freight: 48.29, Verified: !0
|
|
80
|
+
}
|
|
81
|
+
];
|
|
82
|
+
var columns = [
|
|
83
|
+
{ field: 'OrderID', header: 'Order ID', width: 120 },
|
|
84
|
+
{ field: 'CustomerID', width: 140, header: 'Customer ID' },
|
|
85
|
+
{ field: 'Freight', header: 'Freight', width: 120 },
|
|
86
|
+
{ field: 'OrderDate', header: 'Order Date', width: 140 }
|
|
87
|
+
];
|
|
88
|
+
document.getElementById('render').addEventListener('click', renderMCCB);
|
|
89
|
+
document.getElementById('destroy').addEventListener('click', destoryMCCB);
|
|
90
|
+
function renderMCCB() {
|
|
91
|
+
multiColObj = new index_1.MultiColumnComboBox({
|
|
92
|
+
dataSource: data,
|
|
93
|
+
columns: columns,
|
|
94
|
+
allowFiltering: true,
|
|
95
|
+
fields: { text: 'CustomerID', value: 'OrderID' },
|
|
96
|
+
placeholder: 'Select a game',
|
|
97
|
+
popupHeight: '200px',
|
|
98
|
+
gridSettings: { rowHeight: 40, gridLines: 'Horizontal' },
|
|
99
|
+
allowSorting: true,
|
|
100
|
+
showClearButton: true
|
|
101
|
+
});
|
|
102
|
+
multiColObj.appendTo('#list');
|
|
103
|
+
}
|
|
104
|
+
function destoryMCCB() {
|
|
105
|
+
if (multiColObj && !multiColObj.isDestroyed) {
|
|
106
|
+
multiColObj.destroy();
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
});
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"_from": "@syncfusion/ej2-multicolumn-combobox@*",
|
|
3
|
-
"_id": "@syncfusion/ej2-multicolumn-combobox@
|
|
3
|
+
"_id": "@syncfusion/ej2-multicolumn-combobox@27.1.48",
|
|
4
4
|
"_inBundle": false,
|
|
5
|
-
"_integrity": "sha512-
|
|
5
|
+
"_integrity": "sha512-rAk6jU4D8iEFmdptP+Rf+qeQsE/S8WzgTuGQNXnmq5xfqiZIuVddJbYWLnHZnb6h9HUhpCosMPWLk5b30OGoIw==",
|
|
6
6
|
"_location": "/@syncfusion/ej2-multicolumn-combobox",
|
|
7
7
|
"_phantomChildren": {},
|
|
8
8
|
"_requested": {
|
|
@@ -23,10 +23,10 @@
|
|
|
23
23
|
"/@syncfusion/ej2-react-multicolumn-combobox",
|
|
24
24
|
"/@syncfusion/ej2-vue-multicolumn-combobox"
|
|
25
25
|
],
|
|
26
|
-
"_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-
|
|
27
|
-
"_shasum": "
|
|
26
|
+
"_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-multicolumn-combobox/-/ej2-multicolumn-combobox-27.1.48.tgz",
|
|
27
|
+
"_shasum": "53fcabe317ee70c6b71d1ff7b5184860d822b382",
|
|
28
28
|
"_spec": "@syncfusion/ej2-multicolumn-combobox@*",
|
|
29
|
-
"_where": "/jenkins/workspace/elease-
|
|
29
|
+
"_where": "/jenkins/workspace/elease-automation_release_29.1.1/packages/included",
|
|
30
30
|
"author": {
|
|
31
31
|
"name": "Syncfusion Inc."
|
|
32
32
|
},
|
|
@@ -35,8 +35,8 @@
|
|
|
35
35
|
},
|
|
36
36
|
"bundleDependencies": false,
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@syncfusion/ej2-base": "~
|
|
39
|
-
"@syncfusion/ej2-grids": "~
|
|
38
|
+
"@syncfusion/ej2-base": "~29.1.33",
|
|
39
|
+
"@syncfusion/ej2-grids": "~29.1.33"
|
|
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": "
|
|
60
|
+
"version": "29.1.33",
|
|
61
61
|
"sideEffects": false
|
|
62
62
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, EventHandler, INotifyPropertyChanged, Property, NotifyPropertyChanges, closest, attributes, append, compile, detach, KeyboardEvents, getValue } 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, Resize, FailureEventArgs, VirtualScroll, Group as GridGroup, Edit, Sort, GridColumnModel } from '@syncfusion/ej2-grids';
|
|
1
|
+
import { Component, EventHandler, INotifyPropertyChanged, Property, NotifyPropertyChanges, closest, attributes, append, compile, detach, KeyboardEvents, getValue } 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, createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';import { Grid, Resize, FailureEventArgs, VirtualScroll, Group as GridGroup, Edit, Sort, GridColumnModel } from '@syncfusion/ej2-grids';
|
|
2
2
|
import {TextAlign,GridLine,WrapMode,ResizeArgs,DataResult,FilterType,FloatLabelType,SortOrder,SortType,PopupEventArgs,FilteringEventArgs,SelectEventArgs,ChangeEventArgs} from "./multi-column-combo-box";
|
|
3
3
|
import {ComponentModel} from '@syncfusion/ej2-base';
|
|
4
4
|
|
|
@@ -755,6 +755,7 @@ export declare class MultiColumnComboBox extends Component<HTMLElement> implemen
|
|
|
755
755
|
* @event change
|
|
756
756
|
*/
|
|
757
757
|
change: EmitType<ChangeEventArgs>;
|
|
758
|
+
private dropdownElement;
|
|
758
759
|
private inputEle;
|
|
759
760
|
private inputObj;
|
|
760
761
|
private inputWrapper;
|
|
@@ -780,6 +781,7 @@ export declare class MultiColumnComboBox extends Component<HTMLElement> implemen
|
|
|
780
781
|
private isInitialRender;
|
|
781
782
|
private remoteDataLength;
|
|
782
783
|
private selectedRowIndex;
|
|
784
|
+
private isShowSpinner;
|
|
783
785
|
private hiddenElement;
|
|
784
786
|
/**
|
|
785
787
|
* *Constructor for creating the component
|
|
@@ -824,6 +826,7 @@ export declare class MultiColumnComboBox extends Component<HTMLElement> implemen
|
|
|
824
826
|
private getGridColumns;
|
|
825
827
|
private updateGroupByField;
|
|
826
828
|
private onDataBound;
|
|
829
|
+
private showHideSpinner;
|
|
827
830
|
private onActionFailure;
|
|
828
831
|
private renderInput;
|
|
829
832
|
private setElementWidth;
|
|
@@ -57,7 +57,7 @@ import { ChildProperty, prepend, Collection, getUniqueID, Complex, isNullOrUndef
|
|
|
57
57
|
import { formatUnit, addClass, removeClass, Event, Animation } from '@syncfusion/ej2-base';
|
|
58
58
|
import { Input } from '@syncfusion/ej2-inputs';
|
|
59
59
|
import { DataManager, Query } from '@syncfusion/ej2-data';
|
|
60
|
-
import { Popup } from '@syncfusion/ej2-popups';
|
|
60
|
+
import { Popup, createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';
|
|
61
61
|
import { Grid, Resize, VirtualScroll, Group as GridGroup, Edit, Sort } from '@syncfusion/ej2-grids';
|
|
62
62
|
var DROPDOWNICON = 'e-input-group-icon e-multicolumn-list-icon e-icons';
|
|
63
63
|
var CONTENT = 'e-popup-content';
|
|
@@ -271,6 +271,7 @@ var MultiColumnComboBox = /** @class */ (function (_super) {
|
|
|
271
271
|
function MultiColumnComboBox(options, element) {
|
|
272
272
|
var _this = _super.call(this, options, element) || this;
|
|
273
273
|
_this.gridInject = new MultiColumnGrid();
|
|
274
|
+
_this.isShowSpinner = true;
|
|
274
275
|
_this.gridInject.InjectModules();
|
|
275
276
|
return _this;
|
|
276
277
|
}
|
|
@@ -330,8 +331,8 @@ var MultiColumnComboBox = /** @class */ (function (_super) {
|
|
|
330
331
|
}
|
|
331
332
|
};
|
|
332
333
|
MultiColumnComboBox.prototype.render = function () {
|
|
333
|
-
this.renderGrid();
|
|
334
334
|
this.renderInput();
|
|
335
|
+
this.renderGrid();
|
|
335
336
|
this.popupDiv = this.createElement('div', { className: CONTENT });
|
|
336
337
|
this.popupDiv.appendChild(this.gridEle);
|
|
337
338
|
this.setHTMLAttributes();
|
|
@@ -378,6 +379,12 @@ var MultiColumnComboBox = /** @class */ (function (_super) {
|
|
|
378
379
|
allowResizing: this.gridSettings.allowResizing,
|
|
379
380
|
allowMultiSorting: this.sortType.toString().toLowerCase() === 'multiplecolumns' && this.allowSorting,
|
|
380
381
|
rowTemplate: this.itemTemplate,
|
|
382
|
+
beforeDataBound: function () {
|
|
383
|
+
if (_this.dataSource instanceof DataManager && _this.isShowSpinner) {
|
|
384
|
+
_this.showHideSpinner(true);
|
|
385
|
+
_this.isShowSpinner = false;
|
|
386
|
+
}
|
|
387
|
+
},
|
|
381
388
|
dataBound: function () { _this.onDataBound(); },
|
|
382
389
|
actionFailure: function (args) { _this.onActionFailure(args); },
|
|
383
390
|
actionBegin: function (args) { _this.trigger('actionBegin', args); },
|
|
@@ -399,7 +406,7 @@ var MultiColumnComboBox = /** @class */ (function (_super) {
|
|
|
399
406
|
}
|
|
400
407
|
}
|
|
401
408
|
});
|
|
402
|
-
this.gridEle = this.createElement('div', { id: getUniqueID('grid'), className: MULTICOLUMNGRID });
|
|
409
|
+
this.gridEle = this.createElement('div', { id: this.element.id + "_" + getUniqueID('grid'), className: MULTICOLUMNGRID });
|
|
403
410
|
this.updateGroupByField();
|
|
404
411
|
if (gridColumns.length > 0) {
|
|
405
412
|
// Set first column as primary key to avoid PRIMARY KEY MISSING warning.
|
|
@@ -410,6 +417,9 @@ var MultiColumnComboBox = /** @class */ (function (_super) {
|
|
|
410
417
|
SortOrder.Ascending : SortOrder.Descending }] };
|
|
411
418
|
}
|
|
412
419
|
this.gridObj.appendTo(this.gridEle);
|
|
420
|
+
if (!isNOU(this.value) || !isNOU(this.text) || !isNOU(this.index)) {
|
|
421
|
+
this.initValue(null, null, true);
|
|
422
|
+
}
|
|
413
423
|
};
|
|
414
424
|
MultiColumnComboBox.prototype.handleActionComplete = function (args) {
|
|
415
425
|
var _this = this;
|
|
@@ -537,6 +547,7 @@ var MultiColumnComboBox = /** @class */ (function (_super) {
|
|
|
537
547
|
}
|
|
538
548
|
};
|
|
539
549
|
MultiColumnComboBox.prototype.onDataBound = function () {
|
|
550
|
+
var _this = this;
|
|
540
551
|
var dataCount = this.dataSource.length;
|
|
541
552
|
var popupChild = this.popupDiv.querySelector('.' + MULTICOLUMNGRID);
|
|
542
553
|
var hasNoDataClass = this.popupDiv.classList.contains(NODATA);
|
|
@@ -567,6 +578,19 @@ var MultiColumnComboBox = /** @class */ (function (_super) {
|
|
|
567
578
|
var firstRowEle = rowElements[0];
|
|
568
579
|
firstRowEle.classList.add('e-row-focus');
|
|
569
580
|
}
|
|
581
|
+
if (this.dataSource instanceof DataManager) {
|
|
582
|
+
setTimeout(function () {
|
|
583
|
+
_this.showHideSpinner(false);
|
|
584
|
+
});
|
|
585
|
+
}
|
|
586
|
+
};
|
|
587
|
+
MultiColumnComboBox.prototype.showHideSpinner = function (isShow) {
|
|
588
|
+
if (isShow) {
|
|
589
|
+
showSpinner(this.dropdownElement);
|
|
590
|
+
}
|
|
591
|
+
else {
|
|
592
|
+
hideSpinner(this.dropdownElement);
|
|
593
|
+
}
|
|
570
594
|
};
|
|
571
595
|
MultiColumnComboBox.prototype.onActionFailure = function (args) {
|
|
572
596
|
this.trigger('actionFailure', args);
|
|
@@ -640,9 +664,10 @@ var MultiColumnComboBox = /** @class */ (function (_super) {
|
|
|
640
664
|
this.element.appendChild(this.inputWrapper);
|
|
641
665
|
}
|
|
642
666
|
this.setElementWidth(this.width);
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
667
|
+
this.dropdownElement = this.inputWrapper.querySelector('.e-input-group-icon.e-multicolumn-list-icon.e-icons');
|
|
668
|
+
createSpinner({
|
|
669
|
+
target: this.dropdownElement
|
|
670
|
+
});
|
|
646
671
|
};
|
|
647
672
|
MultiColumnComboBox.prototype.setElementWidth = function (inputWidth) {
|
|
648
673
|
if (isNOU(inputWidth)) {
|
|
@@ -657,6 +682,7 @@ var MultiColumnComboBox = /** @class */ (function (_super) {
|
|
|
657
682
|
}
|
|
658
683
|
};
|
|
659
684
|
MultiColumnComboBox.prototype.setHTMLAttributes = function () {
|
|
685
|
+
var _this = this;
|
|
660
686
|
var htmlAttributes = this.htmlAttributes;
|
|
661
687
|
var inputEle = this.inputEle;
|
|
662
688
|
if (Object.keys(htmlAttributes).length) {
|
|
@@ -674,9 +700,19 @@ var MultiColumnComboBox = /** @class */ (function (_super) {
|
|
|
674
700
|
this.setProperties({ readonly: true }, true);
|
|
675
701
|
this.dataBind();
|
|
676
702
|
break;
|
|
677
|
-
case 'style':
|
|
678
|
-
|
|
703
|
+
case 'style': {
|
|
704
|
+
var styles = htmlAttributes[htmlAttr];
|
|
705
|
+
this.inputWrapper.style.cssText = '';
|
|
706
|
+
if (styles) {
|
|
707
|
+
styles.split(';').forEach(function (styleProperty) {
|
|
708
|
+
var _a = styleProperty.split(':').map(function (part) { return part.trim(); }), property = _a[0], value = _a[1];
|
|
709
|
+
if (property && value) {
|
|
710
|
+
_this.inputWrapper.style.setProperty(property, value);
|
|
711
|
+
}
|
|
712
|
+
});
|
|
713
|
+
}
|
|
679
714
|
break;
|
|
715
|
+
}
|
|
680
716
|
default: {
|
|
681
717
|
var defaultAttr = ['title', 'id', 'placeholder', 'role', 'autocomplete', 'autocapitalize', 'spellcheck', 'minlength', 'maxlength'];
|
|
682
718
|
var validateAttr = ['name', 'required'];
|
|
@@ -1174,7 +1210,6 @@ var MultiColumnComboBox = /** @class */ (function (_super) {
|
|
|
1174
1210
|
dataSource.executeQuery(query).then(function (e) {
|
|
1175
1211
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
1176
1212
|
var dataLists = e.result;
|
|
1177
|
-
var dataLength = dataLists.length;
|
|
1178
1213
|
filteredData = dataLists.filter(function (item) { return _this.filterData(item, filterType, inputValue, fields); });
|
|
1179
1214
|
_this.updateGridDataSource(filteredData);
|
|
1180
1215
|
});
|
|
@@ -1488,6 +1523,7 @@ var MultiColumnComboBox = /** @class */ (function (_super) {
|
|
|
1488
1523
|
MultiColumnComboBox.prototype.updateDynamicDataSource = function (newDataSource, oldDataSource) {
|
|
1489
1524
|
if (this.gridObj) {
|
|
1490
1525
|
var dataLength_1;
|
|
1526
|
+
this.isShowSpinner = true;
|
|
1491
1527
|
this.gridObj.dataSource = newDataSource;
|
|
1492
1528
|
var isRemoteData = oldDataSource instanceof DataManager;
|
|
1493
1529
|
if (isRemoteData) {
|
|
@@ -1567,7 +1603,6 @@ var MultiColumnComboBox = /** @class */ (function (_super) {
|
|
|
1567
1603
|
if ((_this.value || _this.text || _this.index)) {
|
|
1568
1604
|
_this.gridObj.selectRow(_this.selectedRowIndex);
|
|
1569
1605
|
}
|
|
1570
|
-
_this.focusIn(e);
|
|
1571
1606
|
}
|
|
1572
1607
|
var contentEle = _this.gridObj.getContent();
|
|
1573
1608
|
if (contentEle) {
|
|
@@ -1727,6 +1762,7 @@ var MultiColumnComboBox = /** @class */ (function (_super) {
|
|
|
1727
1762
|
this.footer = null;
|
|
1728
1763
|
this.noRecord = null;
|
|
1729
1764
|
this.hiddenElement = null;
|
|
1765
|
+
this.dropdownElement = null;
|
|
1730
1766
|
_super.prototype.destroy.call(this);
|
|
1731
1767
|
};
|
|
1732
1768
|
/**
|
package/styles/bds-lite.css
CHANGED
|
@@ -210,11 +210,61 @@
|
|
|
210
210
|
min-width: 300px !important;
|
|
211
211
|
}
|
|
212
212
|
|
|
213
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
214
|
+
@-webkit-keyframes material-spinner-rotate {
|
|
215
|
+
0% {
|
|
216
|
+
-webkit-transform: rotate(0);
|
|
217
|
+
transform: rotate(0);
|
|
218
|
+
}
|
|
219
|
+
100% {
|
|
220
|
+
-webkit-transform: rotate(360deg);
|
|
221
|
+
transform: rotate(360deg);
|
|
222
|
+
}
|
|
223
|
+
}
|
|
224
|
+
@keyframes material-spinner-rotate {
|
|
225
|
+
0% {
|
|
226
|
+
-webkit-transform: rotate(0);
|
|
227
|
+
transform: rotate(0);
|
|
228
|
+
}
|
|
229
|
+
100% {
|
|
230
|
+
-webkit-transform: rotate(360deg);
|
|
231
|
+
transform: rotate(360deg);
|
|
232
|
+
}
|
|
233
|
+
}
|
|
234
|
+
@-webkit-keyframes fabric-spinner-rotate {
|
|
235
|
+
0% {
|
|
236
|
+
-webkit-transform: rotate(0);
|
|
237
|
+
transform: rotate(0);
|
|
238
|
+
}
|
|
239
|
+
100% {
|
|
240
|
+
-webkit-transform: rotate(360deg);
|
|
241
|
+
transform: rotate(360deg);
|
|
242
|
+
}
|
|
243
|
+
}
|
|
244
|
+
@keyframes fabric-spinner-rotate {
|
|
245
|
+
0% {
|
|
246
|
+
-webkit-transform: rotate(0);
|
|
247
|
+
transform: rotate(0);
|
|
248
|
+
}
|
|
249
|
+
100% {
|
|
250
|
+
-webkit-transform: rotate(360deg);
|
|
251
|
+
transform: rotate(360deg);
|
|
252
|
+
}
|
|
253
|
+
}
|
|
213
254
|
.e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
|
|
214
255
|
content: "\e729";
|
|
215
256
|
font-family: "e-icons";
|
|
216
257
|
}
|
|
217
258
|
|
|
259
|
+
.e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
|
|
260
|
+
/* stylelint-disable declaration-no-important */
|
|
261
|
+
height: 20px !important;
|
|
262
|
+
width: 20px !important;
|
|
263
|
+
-webkit-transform-origin: 10px 10px 10px !important;
|
|
264
|
+
transform-origin: 10px 10px 10px !important;
|
|
265
|
+
/* stylelint-enable declaration-no-important */
|
|
266
|
+
}
|
|
267
|
+
|
|
218
268
|
.e-multicolumn-grid tr.e-groupcaptionrow {
|
|
219
269
|
position: sticky;
|
|
220
270
|
top: 0;
|
|
@@ -344,7 +394,8 @@
|
|
|
344
394
|
overflow: auto !important; /* stylelint-disable-line declaration-no-important */
|
|
345
395
|
}
|
|
346
396
|
|
|
347
|
-
.e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon
|
|
397
|
+
.e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon,
|
|
398
|
+
.e-multicolumn-list.e-input-group .e-input-group-icon {
|
|
348
399
|
position: relative;
|
|
349
400
|
}
|
|
350
401
|
|
package/styles/bds-lite.scss
CHANGED
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
@import 'ej2-dropdowns/styles/drop-down-list/bds-definition.scss';
|
|
6
6
|
@import 'ej2-dropdowns/styles/combo-box/bds-definition.scss';
|
|
7
7
|
@import 'ej2-grids/styles/grid/bds-definition.scss';
|
|
8
|
+
@import 'ej2-popups/styles/spinner/bds-definition.scss';
|
|
8
9
|
@import 'multicolumn-combobox/bds-definition.scss';
|
|
9
10
|
@import 'multicolumn-combobox/icons/bds.scss';
|
|
10
11
|
@import 'multicolumn-combobox/all.scss';
|
package/styles/bds.css
CHANGED
|
@@ -210,11 +210,61 @@
|
|
|
210
210
|
min-width: 300px !important;
|
|
211
211
|
}
|
|
212
212
|
|
|
213
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
214
|
+
@-webkit-keyframes material-spinner-rotate {
|
|
215
|
+
0% {
|
|
216
|
+
-webkit-transform: rotate(0);
|
|
217
|
+
transform: rotate(0);
|
|
218
|
+
}
|
|
219
|
+
100% {
|
|
220
|
+
-webkit-transform: rotate(360deg);
|
|
221
|
+
transform: rotate(360deg);
|
|
222
|
+
}
|
|
223
|
+
}
|
|
224
|
+
@keyframes material-spinner-rotate {
|
|
225
|
+
0% {
|
|
226
|
+
-webkit-transform: rotate(0);
|
|
227
|
+
transform: rotate(0);
|
|
228
|
+
}
|
|
229
|
+
100% {
|
|
230
|
+
-webkit-transform: rotate(360deg);
|
|
231
|
+
transform: rotate(360deg);
|
|
232
|
+
}
|
|
233
|
+
}
|
|
234
|
+
@-webkit-keyframes fabric-spinner-rotate {
|
|
235
|
+
0% {
|
|
236
|
+
-webkit-transform: rotate(0);
|
|
237
|
+
transform: rotate(0);
|
|
238
|
+
}
|
|
239
|
+
100% {
|
|
240
|
+
-webkit-transform: rotate(360deg);
|
|
241
|
+
transform: rotate(360deg);
|
|
242
|
+
}
|
|
243
|
+
}
|
|
244
|
+
@keyframes fabric-spinner-rotate {
|
|
245
|
+
0% {
|
|
246
|
+
-webkit-transform: rotate(0);
|
|
247
|
+
transform: rotate(0);
|
|
248
|
+
}
|
|
249
|
+
100% {
|
|
250
|
+
-webkit-transform: rotate(360deg);
|
|
251
|
+
transform: rotate(360deg);
|
|
252
|
+
}
|
|
253
|
+
}
|
|
213
254
|
.e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
|
|
214
255
|
content: "\e729";
|
|
215
256
|
font-family: "e-icons";
|
|
216
257
|
}
|
|
217
258
|
|
|
259
|
+
.e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
|
|
260
|
+
/* stylelint-disable declaration-no-important */
|
|
261
|
+
height: 20px !important;
|
|
262
|
+
width: 20px !important;
|
|
263
|
+
-webkit-transform-origin: 10px 10px 10px !important;
|
|
264
|
+
transform-origin: 10px 10px 10px !important;
|
|
265
|
+
/* stylelint-enable declaration-no-important */
|
|
266
|
+
}
|
|
267
|
+
|
|
218
268
|
.e-multicolumn-grid tr.e-groupcaptionrow {
|
|
219
269
|
position: sticky;
|
|
220
270
|
top: 0;
|
|
@@ -344,7 +394,8 @@
|
|
|
344
394
|
overflow: auto !important; /* stylelint-disable-line declaration-no-important */
|
|
345
395
|
}
|
|
346
396
|
|
|
347
|
-
.e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon
|
|
397
|
+
.e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon,
|
|
398
|
+
.e-multicolumn-list.e-input-group .e-input-group-icon {
|
|
348
399
|
position: relative;
|
|
349
400
|
}
|
|
350
401
|
|
|
@@ -440,6 +491,16 @@
|
|
|
440
491
|
margin-top: 2px;
|
|
441
492
|
}
|
|
442
493
|
|
|
494
|
+
.e-bigger.e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg,
|
|
495
|
+
.e-bigger .e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
|
|
496
|
+
/* stylelint-disable declaration-no-important */
|
|
497
|
+
height: 26px !important;
|
|
498
|
+
width: 26px !important;
|
|
499
|
+
-webkit-transform-origin: 13px 13px 13px !important;
|
|
500
|
+
transform-origin: 13px 13px 13px !important;
|
|
501
|
+
/* stylelint-enable declaration-no-important */
|
|
502
|
+
}
|
|
503
|
+
|
|
443
504
|
.e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
|
|
444
505
|
.e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
|
|
445
506
|
.e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
|
package/styles/bds.scss
CHANGED
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
@import 'ej2-dropdowns/styles/drop-down-list/bds-definition.scss';
|
|
6
6
|
@import 'ej2-dropdowns/styles/combo-box/bds-definition.scss';
|
|
7
7
|
@import 'ej2-grids/styles/grid/bds-definition.scss';
|
|
8
|
+
@import 'ej2-popups/styles/spinner/bds-definition.scss';
|
|
8
9
|
@import 'multicolumn-combobox/bds-definition.scss';
|
|
9
10
|
@import 'multicolumn-combobox/icons/bds.scss';
|
|
10
11
|
@import 'multicolumn-combobox/all.scss';
|
|
@@ -64,11 +64,61 @@
|
|
|
64
64
|
border-bottom: 1px solid #484848;
|
|
65
65
|
}
|
|
66
66
|
|
|
67
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
68
|
+
@-webkit-keyframes material-spinner-rotate {
|
|
69
|
+
0% {
|
|
70
|
+
-webkit-transform: rotate(0);
|
|
71
|
+
transform: rotate(0);
|
|
72
|
+
}
|
|
73
|
+
100% {
|
|
74
|
+
-webkit-transform: rotate(360deg);
|
|
75
|
+
transform: rotate(360deg);
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
@keyframes material-spinner-rotate {
|
|
79
|
+
0% {
|
|
80
|
+
-webkit-transform: rotate(0);
|
|
81
|
+
transform: rotate(0);
|
|
82
|
+
}
|
|
83
|
+
100% {
|
|
84
|
+
-webkit-transform: rotate(360deg);
|
|
85
|
+
transform: rotate(360deg);
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
@-webkit-keyframes fabric-spinner-rotate {
|
|
89
|
+
0% {
|
|
90
|
+
-webkit-transform: rotate(0);
|
|
91
|
+
transform: rotate(0);
|
|
92
|
+
}
|
|
93
|
+
100% {
|
|
94
|
+
-webkit-transform: rotate(360deg);
|
|
95
|
+
transform: rotate(360deg);
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
@keyframes fabric-spinner-rotate {
|
|
99
|
+
0% {
|
|
100
|
+
-webkit-transform: rotate(0);
|
|
101
|
+
transform: rotate(0);
|
|
102
|
+
}
|
|
103
|
+
100% {
|
|
104
|
+
-webkit-transform: rotate(360deg);
|
|
105
|
+
transform: rotate(360deg);
|
|
106
|
+
}
|
|
107
|
+
}
|
|
67
108
|
.e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
|
|
68
109
|
content: "\e969";
|
|
69
110
|
font-family: "e-icons";
|
|
70
111
|
}
|
|
71
112
|
|
|
113
|
+
.e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
|
|
114
|
+
/* stylelint-disable declaration-no-important */
|
|
115
|
+
height: 20px !important;
|
|
116
|
+
width: 20px !important;
|
|
117
|
+
-webkit-transform-origin: 10px 10px 10px !important;
|
|
118
|
+
transform-origin: 10px 10px 10px !important;
|
|
119
|
+
/* stylelint-enable declaration-no-important */
|
|
120
|
+
}
|
|
121
|
+
|
|
72
122
|
.e-multicolumn-grid tr.e-groupcaptionrow {
|
|
73
123
|
position: sticky;
|
|
74
124
|
top: 0;
|
|
@@ -198,7 +248,8 @@
|
|
|
198
248
|
overflow: auto !important; /* stylelint-disable-line declaration-no-important */
|
|
199
249
|
}
|
|
200
250
|
|
|
201
|
-
.e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon
|
|
251
|
+
.e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon,
|
|
252
|
+
.e-multicolumn-list.e-input-group .e-input-group-icon {
|
|
202
253
|
position: relative;
|
|
203
254
|
}
|
|
204
255
|
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
@import 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark-definition.scss';
|
|
6
6
|
@import 'ej2-dropdowns/styles/combo-box/bootstrap-dark-definition.scss';
|
|
7
7
|
@import 'ej2-grids/styles/grid/bootstrap-dark-definition.scss';
|
|
8
|
+
@import 'ej2-popups/styles/spinner/bootstrap-dark-definition.scss';
|
|
8
9
|
@import 'multicolumn-combobox/bootstrap-dark-definition.scss';
|
|
9
10
|
@import 'multicolumn-combobox/icons/bootstrap-dark.scss';
|
|
10
11
|
@import 'multicolumn-combobox/all.scss';
|