@syncfusion/ej2-splitbuttons 31.1.17 → 31.2.12
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 +8 -0
- package/aceconfig.js +17 -0
- package/dist/ej2-splitbuttons.min.js +2 -2
- package/dist/ej2-splitbuttons.umd.min.js +2 -2
- package/dist/global/ej2-splitbuttons.min.js +2 -2
- package/dist/global/index.d.ts +2 -2
- package/package.json +13 -59
- package/styles/bootstrap5-dark-lite.css +2 -2
- package/styles/bootstrap5-dark.css +2 -2
- package/styles/bootstrap5-lite.css +2 -2
- package/styles/bootstrap5.3-lite.css +2 -1
- package/styles/bootstrap5.3.css +2 -1
- package/styles/bootstrap5.css +2 -2
- package/styles/button-group/bootstrap5-dark.css +2 -2
- package/styles/button-group/bootstrap5.3.css +1 -1
- package/styles/button-group/bootstrap5.css +2 -2
- package/styles/drop-down-button/_layout.scss +1 -0
- package/styles/drop-down-button/material3-dark.css +1 -0
- package/styles/drop-down-button/material3.css +1 -0
- package/styles/material3-dark-lite.css +3 -0
- package/styles/material3-dark.css +3 -0
- package/styles/material3-lite.css +3 -0
- package/styles/material3.css +3 -0
- package/styles/split-button/_layout.scss +5 -0
- package/styles/split-button/bootstrap5.3.css +1 -0
- package/styles/split-button/material3-dark.css +2 -0
- package/styles/split-button/material3.css +2 -0
- package/dist/ts/button-group/button-group.d.ts +0 -38
- package/dist/ts/button-group/button-group.ts +0 -84
- package/dist/ts/button-group/index.d.ts +0 -4
- package/dist/ts/button-group/index.ts +0 -4
- package/dist/ts/common/common-model.d.ts +0 -51
- package/dist/ts/common/common.d.ts +0 -95
- package/dist/ts/common/common.ts +0 -218
- package/dist/ts/common/index.d.ts +0 -5
- package/dist/ts/common/index.ts +0 -5
- package/dist/ts/drop-down-button/drop-down-button-model.d.ts +0 -195
- package/dist/ts/drop-down-button/drop-down-button.d.ts +0 -308
- package/dist/ts/drop-down-button/drop-down-button.ts +0 -1110
- package/dist/ts/drop-down-button/index.d.ts +0 -5
- package/dist/ts/drop-down-button/index.ts +0 -5
- package/dist/ts/index.d.ts +0 -8
- package/dist/ts/index.ts +0 -8
- package/dist/ts/progress-button/index.d.ts +0 -5
- package/dist/ts/progress-button/index.ts +0 -5
- package/dist/ts/progress-button/progress-button-model.d.ts +0 -206
- package/dist/ts/progress-button/progress-button.d.ts +0 -323
- package/dist/ts/progress-button/progress-button.ts +0 -689
- package/dist/ts/split-button/index.d.ts +0 -5
- package/dist/ts/split-button/index.ts +0 -5
- package/dist/ts/split-button/split-button-model.d.ts +0 -133
- package/dist/ts/split-button/split-button.d.ts +0 -236
- package/dist/ts/split-button/split-button.ts +0 -535
package/README.md
CHANGED
|
@@ -89,6 +89,14 @@ These components are available in following list of frameworks.
|
|
|
89
89
|
|
|
90
90
|
* [**Accessibility**](https://ej2.syncfusion.com/documentation/button-group/accessibility#accessibility) - Built-in accessibility features to access all the button group using the keyboard, screen readers, or other assistive technology devices.
|
|
91
91
|
|
|
92
|
+
## Resources
|
|
93
|
+
|
|
94
|
+
* [Theme Studio](https://ej2.syncfusion.com/themestudio/)
|
|
95
|
+
* [Custom Resource Generator](https://crg.syncfusion.com/)
|
|
96
|
+
* [What's New](https://www.syncfusion.com/products/whatsnew/essential-js2?utm_medium=listing&utm_source=github)
|
|
97
|
+
* [Road Map](https://www.syncfusion.com/products/roadmap/essential-js2?utm_medium=listing&utm_source=github)
|
|
98
|
+
* [E-Books](https://www.syncfusion.com/ebooks?tag=javascript&utm_medium=listing&utm_source=github)
|
|
99
|
+
|
|
92
100
|
## Support
|
|
93
101
|
|
|
94
102
|
Product support is available for through following mediums.
|
package/aceconfig.js
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
//Config file for Accessibility-Checker
|
|
2
|
+
module.exports = {
|
|
3
|
+
ruleArchive: "18March2024",
|
|
4
|
+
policies: ["WCAG_2_1","IBM_Accessibility"],
|
|
5
|
+
failLevels: ["violation", "potentialviolation"],
|
|
6
|
+
reportLevels: [
|
|
7
|
+
"violation",
|
|
8
|
+
"potentialviolation",
|
|
9
|
+
"recommendation",
|
|
10
|
+
"potentialrecommendation",
|
|
11
|
+
"manual",
|
|
12
|
+
"pass",
|
|
13
|
+
],
|
|
14
|
+
outputFormat: ["html","json"],
|
|
15
|
+
label: [process.env.TRAVIS_BRANCH],
|
|
16
|
+
outputFolder:"accessibility-reports",
|
|
17
|
+
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* filename: ej2-splitbuttons.min.js
|
|
3
|
-
* version : 31.
|
|
4
|
-
* Copyright Syncfusion Inc. 2001 -
|
|
3
|
+
* version : 31.2.12
|
|
4
|
+
* Copyright Syncfusion Inc. 2001 - 2025. 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
|
|
7
7
|
* licensing@syncfusion.com. Any infringement will be prosecuted under
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* filename: ej2-splitbuttons.umd.min.js
|
|
3
|
-
* version : 31.
|
|
4
|
-
* Copyright Syncfusion Inc. 2001 -
|
|
3
|
+
* version : 31.2.12
|
|
4
|
+
* Copyright Syncfusion Inc. 2001 - 2025. 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
|
|
7
7
|
* licensing@syncfusion.com. Any infringement will be prosecuted under
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* filename: ej2-splitbuttons.min.js
|
|
3
|
-
* version : 31.
|
|
4
|
-
* Copyright Syncfusion Inc. 2001 -
|
|
3
|
+
* version : 31.2.12
|
|
4
|
+
* Copyright Syncfusion Inc. 2001 - 2025. 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
|
|
7
7
|
* licensing@syncfusion.com. Any infringement will be prosecuted under
|
package/dist/global/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* filename: index.d.ts
|
|
3
|
-
* version : 31.
|
|
4
|
-
* Copyright Syncfusion Inc. 2001 -
|
|
3
|
+
* version : 31.2.12
|
|
4
|
+
* Copyright Syncfusion Inc. 2001 - 2025. 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
|
|
7
7
|
* licensing@syncfusion.com. Any infringement will be prosecuted under
|
package/package.json
CHANGED
|
@@ -1,59 +1,17 @@
|
|
|
1
1
|
{
|
|
2
|
-
"
|
|
3
|
-
"
|
|
4
|
-
"
|
|
5
|
-
"
|
|
6
|
-
"
|
|
7
|
-
"
|
|
8
|
-
"
|
|
9
|
-
|
|
10
|
-
"registry": true,
|
|
11
|
-
"raw": "@syncfusion/ej2-splitbuttons@*",
|
|
12
|
-
"name": "@syncfusion/ej2-splitbuttons",
|
|
13
|
-
"escapedName": "@syncfusion%2fej2-splitbuttons",
|
|
14
|
-
"scope": "@syncfusion",
|
|
15
|
-
"rawSpec": "*",
|
|
16
|
-
"saveSpec": null,
|
|
17
|
-
"fetchSpec": "*"
|
|
18
|
-
},
|
|
19
|
-
"_requiredBy": [
|
|
20
|
-
"/",
|
|
21
|
-
"/@syncfusion/ej2",
|
|
22
|
-
"/@syncfusion/ej2-angular-splitbuttons",
|
|
23
|
-
"/@syncfusion/ej2-documenteditor",
|
|
24
|
-
"/@syncfusion/ej2-filemanager",
|
|
25
|
-
"/@syncfusion/ej2-grids",
|
|
26
|
-
"/@syncfusion/ej2-image-editor",
|
|
27
|
-
"/@syncfusion/ej2-inplace-editor",
|
|
28
|
-
"/@syncfusion/ej2-inputs",
|
|
29
|
-
"/@syncfusion/ej2-interactive-chat",
|
|
30
|
-
"/@syncfusion/ej2-pivotview",
|
|
31
|
-
"/@syncfusion/ej2-querybuilder",
|
|
32
|
-
"/@syncfusion/ej2-react-splitbuttons",
|
|
33
|
-
"/@syncfusion/ej2-ribbon",
|
|
34
|
-
"/@syncfusion/ej2-richtexteditor",
|
|
35
|
-
"/@syncfusion/ej2-vue-splitbuttons"
|
|
36
|
-
],
|
|
37
|
-
"_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-development/@syncfusion/ej2-splitbuttons/-/ej2-splitbuttons-28.2.0.tgz",
|
|
38
|
-
"_shasum": "35954bfaeb235ae40b33c6184f033136800e9e2c",
|
|
39
|
-
"_spec": "@syncfusion/ej2-splitbuttons@*",
|
|
40
|
-
"_where": "D:\\SF3992\\WFH\\Nexus\\release",
|
|
41
|
-
"author": {
|
|
42
|
-
"name": "Syncfusion Inc."
|
|
43
|
-
},
|
|
44
|
-
"bugs": {
|
|
45
|
-
"url": "https://github.com/syncfusion/ej2-javascript-ui-controls/issues"
|
|
46
|
-
},
|
|
47
|
-
"bundleDependencies": false,
|
|
2
|
+
"name": "@syncfusion/ej2-splitbuttons",
|
|
3
|
+
"version": "31.2.12",
|
|
4
|
+
"description": "A package of feature-rich Essential JS 2 components such as DropDownButton, SplitButton, ProgressButton and ButtonGroup.",
|
|
5
|
+
"author": "Syncfusion Inc.",
|
|
6
|
+
"license": "SEE LICENSE IN license",
|
|
7
|
+
"main": "./dist/ej2-splitbuttons.umd.min.js",
|
|
8
|
+
"module": "./index.js",
|
|
9
|
+
"es2015": "./dist/es6/ej2-splitbuttons.es5.js",
|
|
48
10
|
"dependencies": {
|
|
49
|
-
"@syncfusion/ej2-base": "~31.
|
|
50
|
-
"@syncfusion/ej2-popups": "~31.
|
|
11
|
+
"@syncfusion/ej2-base": "~31.2.12",
|
|
12
|
+
"@syncfusion/ej2-popups": "~31.2.12"
|
|
51
13
|
},
|
|
52
|
-
"deprecated": false,
|
|
53
|
-
"description": "A package of feature-rich Essential JS 2 components such as DropDownButton, SplitButton, ProgressButton and ButtonGroup.",
|
|
54
14
|
"devDependencies": {},
|
|
55
|
-
"es2015": "./dist/es6/ej2-splitbuttons.es5.js",
|
|
56
|
-
"homepage": "https://www.syncfusion.com/javascript-ui-controls",
|
|
57
15
|
"keywords": [
|
|
58
16
|
"ej2",
|
|
59
17
|
"syncfusion",
|
|
@@ -81,15 +39,11 @@
|
|
|
81
39
|
"spinbutton",
|
|
82
40
|
"spin button"
|
|
83
41
|
],
|
|
84
|
-
"license": "SEE LICENSE IN license",
|
|
85
|
-
"main": "./dist/ej2-splitbuttons.umd.min.js",
|
|
86
|
-
"module": "./index.js",
|
|
87
|
-
"name": "@syncfusion/ej2-splitbuttons",
|
|
88
42
|
"repository": {
|
|
89
43
|
"type": "git",
|
|
90
|
-
"url": "
|
|
44
|
+
"url": "https://github.com/syncfusion/ej2-javascript-ui-controls.git"
|
|
91
45
|
},
|
|
92
46
|
"typings": "index.d.ts",
|
|
93
|
-
"
|
|
94
|
-
"
|
|
47
|
+
"sideEffects": false,
|
|
48
|
+
"homepage": "https://www.syncfusion.com/javascript-ui-controls"
|
|
95
49
|
}
|
|
@@ -1088,11 +1088,11 @@
|
|
|
1088
1088
|
.e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
|
|
1089
1089
|
.e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
|
|
1090
1090
|
.e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
|
|
1091
|
-
background:
|
|
1091
|
+
background: transparent;
|
|
1092
1092
|
border-color: rgba(13, 110, 253, 0.65);
|
|
1093
1093
|
-webkit-box-shadow: none;
|
|
1094
1094
|
box-shadow: none;
|
|
1095
|
-
color: rgba(
|
|
1095
|
+
color: rgba(13, 110, 253, 0.65);
|
|
1096
1096
|
border-color: #0d6efd;
|
|
1097
1097
|
}
|
|
1098
1098
|
.e-btn-group .e-btn:disabled.e-outline.e-success,
|
|
@@ -1225,11 +1225,11 @@
|
|
|
1225
1225
|
.e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
|
|
1226
1226
|
.e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
|
|
1227
1227
|
.e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
|
|
1228
|
-
background:
|
|
1228
|
+
background: transparent;
|
|
1229
1229
|
border-color: rgba(13, 110, 253, 0.65);
|
|
1230
1230
|
-webkit-box-shadow: none;
|
|
1231
1231
|
box-shadow: none;
|
|
1232
|
-
color: rgba(
|
|
1232
|
+
color: rgba(13, 110, 253, 0.65);
|
|
1233
1233
|
border-color: #0d6efd;
|
|
1234
1234
|
}
|
|
1235
1235
|
.e-btn-group .e-btn:disabled.e-outline.e-success,
|
|
@@ -1088,11 +1088,11 @@
|
|
|
1088
1088
|
.e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
|
|
1089
1089
|
.e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
|
|
1090
1090
|
.e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
|
|
1091
|
-
background:
|
|
1091
|
+
background: transparent;
|
|
1092
1092
|
border-color: rgba(13, 110, 253, 0.65);
|
|
1093
1093
|
-webkit-box-shadow: none;
|
|
1094
1094
|
box-shadow: none;
|
|
1095
|
-
color: rgba(
|
|
1095
|
+
color: rgba(13, 110, 253, 0.65);
|
|
1096
1096
|
border-color: #0d6efd;
|
|
1097
1097
|
}
|
|
1098
1098
|
.e-btn-group .e-btn:disabled.e-outline.e-success,
|
|
@@ -230,6 +230,7 @@
|
|
|
230
230
|
border-bottom-right-radius: 0;
|
|
231
231
|
border-top-right-radius: 0;
|
|
232
232
|
text-transform: none;
|
|
233
|
+
border: 0;
|
|
233
234
|
padding-left: 10px;
|
|
234
235
|
padding-right: 10px;
|
|
235
236
|
}
|
|
@@ -1097,7 +1098,7 @@
|
|
|
1097
1098
|
.e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
|
|
1098
1099
|
.e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
|
|
1099
1100
|
background: rgba(var(--color-sf-primary), 0.65);
|
|
1100
|
-
border-color:
|
|
1101
|
+
border-color: var(--color-sf-primary-bg-color-disabled);
|
|
1101
1102
|
-webkit-box-shadow: none;
|
|
1102
1103
|
box-shadow: none;
|
|
1103
1104
|
color: var(--color-sf-primary-bg-color-disabled);
|
package/styles/bootstrap5.3.css
CHANGED
|
@@ -293,6 +293,7 @@
|
|
|
293
293
|
border-bottom-right-radius: 0;
|
|
294
294
|
border-top-right-radius: 0;
|
|
295
295
|
text-transform: none;
|
|
296
|
+
border: 0;
|
|
296
297
|
padding-left: 10px;
|
|
297
298
|
padding-right: 10px;
|
|
298
299
|
}
|
|
@@ -1234,7 +1235,7 @@
|
|
|
1234
1235
|
.e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
|
|
1235
1236
|
.e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
|
|
1236
1237
|
background: rgba(var(--color-sf-primary), 0.65);
|
|
1237
|
-
border-color:
|
|
1238
|
+
border-color: var(--color-sf-primary-bg-color-disabled);
|
|
1238
1239
|
-webkit-box-shadow: none;
|
|
1239
1240
|
box-shadow: none;
|
|
1240
1241
|
color: var(--color-sf-primary-bg-color-disabled);
|
package/styles/bootstrap5.css
CHANGED
|
@@ -1225,11 +1225,11 @@
|
|
|
1225
1225
|
.e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
|
|
1226
1226
|
.e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
|
|
1227
1227
|
.e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
|
|
1228
|
-
background:
|
|
1228
|
+
background: transparent;
|
|
1229
1229
|
border-color: rgba(13, 110, 253, 0.65);
|
|
1230
1230
|
-webkit-box-shadow: none;
|
|
1231
1231
|
box-shadow: none;
|
|
1232
|
-
color: rgba(
|
|
1232
|
+
color: rgba(13, 110, 253, 0.65);
|
|
1233
1233
|
border-color: #0d6efd;
|
|
1234
1234
|
}
|
|
1235
1235
|
.e-btn-group .e-btn:disabled.e-outline.e-success,
|
|
@@ -618,11 +618,11 @@
|
|
|
618
618
|
.e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
|
|
619
619
|
.e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
|
|
620
620
|
.e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
|
|
621
|
-
background:
|
|
621
|
+
background: transparent;
|
|
622
622
|
border-color: rgba(13, 110, 253, 0.65);
|
|
623
623
|
-webkit-box-shadow: none;
|
|
624
624
|
box-shadow: none;
|
|
625
|
-
color: rgba(
|
|
625
|
+
color: rgba(13, 110, 253, 0.65);
|
|
626
626
|
border-color: #0d6efd;
|
|
627
627
|
}
|
|
628
628
|
.e-btn-group .e-btn:disabled.e-outline.e-success,
|
|
@@ -627,7 +627,7 @@
|
|
|
627
627
|
.e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
|
|
628
628
|
.e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
|
|
629
629
|
background: rgba(var(--color-sf-primary), 0.65);
|
|
630
|
-
border-color:
|
|
630
|
+
border-color: var(--color-sf-primary-bg-color-disabled);
|
|
631
631
|
-webkit-box-shadow: none;
|
|
632
632
|
box-shadow: none;
|
|
633
633
|
color: var(--color-sf-primary-bg-color-disabled);
|
|
@@ -618,11 +618,11 @@
|
|
|
618
618
|
.e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
|
|
619
619
|
.e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
|
|
620
620
|
.e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
|
|
621
|
-
background:
|
|
621
|
+
background: transparent;
|
|
622
622
|
border-color: rgba(13, 110, 253, 0.65);
|
|
623
623
|
-webkit-box-shadow: none;
|
|
624
624
|
box-shadow: none;
|
|
625
|
-
color: rgba(
|
|
625
|
+
color: rgba(13, 110, 253, 0.65);
|
|
626
626
|
border-color: #0d6efd;
|
|
627
627
|
}
|
|
628
628
|
.e-btn-group .e-btn:disabled.e-outline.e-success,
|
|
@@ -15,6 +15,7 @@
|
|
|
15
15
|
border-radius: 4px;
|
|
16
16
|
-webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
17
17
|
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
18
|
+
line-height: 1;
|
|
18
19
|
}
|
|
19
20
|
.e-dropdown-btn:focus,
|
|
20
21
|
.e-dropdown-btn.e-btn:focus {
|
|
@@ -17,6 +17,7 @@
|
|
|
17
17
|
border-radius: 4px;
|
|
18
18
|
-webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
19
19
|
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
20
|
+
line-height: 1;
|
|
20
21
|
}
|
|
21
22
|
.e-dropdown-btn:focus,
|
|
22
23
|
.e-dropdown-btn.e-btn:focus {
|
|
@@ -15,6 +15,7 @@
|
|
|
15
15
|
border-radius: 4px;
|
|
16
16
|
-webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
17
17
|
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
18
|
+
line-height: 1;
|
|
18
19
|
}
|
|
19
20
|
.e-dropdown-btn:focus,
|
|
20
21
|
.e-dropdown-btn.e-btn:focus {
|
|
@@ -243,6 +244,8 @@
|
|
|
243
244
|
border-bottom-right-radius: 0;
|
|
244
245
|
border-top-right-radius: 0;
|
|
245
246
|
text-transform: none;
|
|
247
|
+
padding: 7px 16px;
|
|
248
|
+
line-height: 1.28572em;
|
|
246
249
|
-webkit-box-shadow: none;
|
|
247
250
|
box-shadow: none;
|
|
248
251
|
z-index: 1;
|
|
@@ -15,6 +15,7 @@
|
|
|
15
15
|
border-radius: 4px;
|
|
16
16
|
-webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
17
17
|
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
18
|
+
line-height: 1;
|
|
18
19
|
}
|
|
19
20
|
.e-dropdown-btn:focus,
|
|
20
21
|
.e-dropdown-btn.e-btn:focus {
|
|
@@ -299,6 +300,8 @@
|
|
|
299
300
|
border-bottom-right-radius: 0;
|
|
300
301
|
border-top-right-radius: 0;
|
|
301
302
|
text-transform: none;
|
|
303
|
+
padding: 7px 16px;
|
|
304
|
+
line-height: 1.28572em;
|
|
302
305
|
-webkit-box-shadow: none;
|
|
303
306
|
box-shadow: none;
|
|
304
307
|
z-index: 1;
|
|
@@ -17,6 +17,7 @@
|
|
|
17
17
|
border-radius: 4px;
|
|
18
18
|
-webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
19
19
|
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
20
|
+
line-height: 1;
|
|
20
21
|
}
|
|
21
22
|
.e-dropdown-btn:focus,
|
|
22
23
|
.e-dropdown-btn.e-btn:focus {
|
|
@@ -245,6 +246,8 @@
|
|
|
245
246
|
border-bottom-right-radius: 0;
|
|
246
247
|
border-top-right-radius: 0;
|
|
247
248
|
text-transform: none;
|
|
249
|
+
padding: 7px 16px;
|
|
250
|
+
line-height: 1.28572em;
|
|
248
251
|
-webkit-box-shadow: none;
|
|
249
252
|
box-shadow: none;
|
|
250
253
|
z-index: 1;
|
package/styles/material3.css
CHANGED
|
@@ -17,6 +17,7 @@
|
|
|
17
17
|
border-radius: 4px;
|
|
18
18
|
-webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
19
19
|
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
20
|
+
line-height: 1;
|
|
20
21
|
}
|
|
21
22
|
.e-dropdown-btn:focus,
|
|
22
23
|
.e-dropdown-btn.e-btn:focus {
|
|
@@ -301,6 +302,8 @@
|
|
|
301
302
|
border-bottom-right-radius: 0;
|
|
302
303
|
border-top-right-radius: 0;
|
|
303
304
|
text-transform: none;
|
|
305
|
+
padding: 7px 16px;
|
|
306
|
+
line-height: 1.28572em;
|
|
304
307
|
-webkit-box-shadow: none;
|
|
305
308
|
box-shadow: none;
|
|
306
309
|
z-index: 1;
|
|
@@ -20,9 +20,14 @@
|
|
|
20
20
|
padding: 3px 7px;
|
|
21
21
|
}
|
|
22
22
|
@if $skin-name == 'Material3' or $skin-name == 'Material3-dark' {
|
|
23
|
+
padding: 7px 16px;
|
|
24
|
+
line-height: 1.28572em;
|
|
23
25
|
box-shadow: none;
|
|
24
26
|
z-index: 1;
|
|
25
27
|
}
|
|
28
|
+
@if $skin-name == 'bootstrap5.3' {
|
|
29
|
+
border: 0;
|
|
30
|
+
}
|
|
26
31
|
@if $skin-name == 'bootstrap5' or $skin-name == 'fluent2' or $skin-name == 'tailwind3' or $skin-name == 'tailwind3-dark' or $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
|
|
27
32
|
padding: 3.75px 11px;
|
|
28
33
|
}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { ButtonModel } from '@syncfusion/ej2-buttons';
|
|
2
|
-
/**
|
|
3
|
-
* Initialize ButtonGroup CSS component with specified properties.
|
|
4
|
-
* ```html
|
|
5
|
-
* <div id='buttongroup'>
|
|
6
|
-
* <button></button>
|
|
7
|
-
* <button></button>
|
|
8
|
-
* <button></button>
|
|
9
|
-
* </div>
|
|
10
|
-
* ```
|
|
11
|
-
* ```typescript
|
|
12
|
-
* createButtonGroup('#buttongroup', {
|
|
13
|
-
* cssClass: 'e-outline',
|
|
14
|
-
* buttons: [
|
|
15
|
-
* { content: 'Day' },
|
|
16
|
-
* { content: 'Week' },
|
|
17
|
-
* { content: 'Work Week'}
|
|
18
|
-
* ]
|
|
19
|
-
* });
|
|
20
|
-
* ```
|
|
21
|
-
*
|
|
22
|
-
* @param {string} selector
|
|
23
|
-
* @param {CreateButtonGroupModel} options
|
|
24
|
-
* @returns HTMLElement
|
|
25
|
-
*/
|
|
26
|
-
/**
|
|
27
|
-
* Creates button group.
|
|
28
|
-
*
|
|
29
|
-
* @param {string} selector - Specifies the selector.
|
|
30
|
-
* @param {CreateButtonGroupModel} options - Specifies the button group model.
|
|
31
|
-
* @param {Function} createElement - Specifies the element.
|
|
32
|
-
* @returns {HTMLElement} - Button group element.
|
|
33
|
-
*/
|
|
34
|
-
export declare function createButtonGroup(selector: string, options?: CreateButtonGroupModel, createElement?: Function): HTMLElement;
|
|
35
|
-
export interface CreateButtonGroupModel {
|
|
36
|
-
cssClass?: string;
|
|
37
|
-
buttons?: (ButtonModel | null)[];
|
|
38
|
-
}
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import { addClass, createElement as internalCreateElement, isNullOrUndefined } from '@syncfusion/ej2-base';
|
|
2
|
-
import { ButtonModel, Button } from '@syncfusion/ej2-buttons';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* Initialize ButtonGroup CSS component with specified properties.
|
|
6
|
-
* ```html
|
|
7
|
-
* <div id='buttongroup'>
|
|
8
|
-
* <button></button>
|
|
9
|
-
* <button></button>
|
|
10
|
-
* <button></button>
|
|
11
|
-
* </div>
|
|
12
|
-
* ```
|
|
13
|
-
* ```typescript
|
|
14
|
-
* createButtonGroup('#buttongroup', {
|
|
15
|
-
* cssClass: 'e-outline',
|
|
16
|
-
* buttons: [
|
|
17
|
-
* { content: 'Day' },
|
|
18
|
-
* { content: 'Week' },
|
|
19
|
-
* { content: 'Work Week'}
|
|
20
|
-
* ]
|
|
21
|
-
* });
|
|
22
|
-
* ```
|
|
23
|
-
*
|
|
24
|
-
* @param {string} selector
|
|
25
|
-
* @param {CreateButtonGroupModel} options
|
|
26
|
-
* @returns HTMLElement
|
|
27
|
-
*/
|
|
28
|
-
|
|
29
|
-
/**
|
|
30
|
-
* Creates button group.
|
|
31
|
-
*
|
|
32
|
-
* @param {string} selector - Specifies the selector.
|
|
33
|
-
* @param {CreateButtonGroupModel} options - Specifies the button group model.
|
|
34
|
-
* @param {Function} createElement - Specifies the element.
|
|
35
|
-
* @returns {HTMLElement} - Button group element.
|
|
36
|
-
*/
|
|
37
|
-
export function createButtonGroup(selector: string, options: CreateButtonGroupModel = {}, createElement?: Function): HTMLElement {
|
|
38
|
-
let child: Element;
|
|
39
|
-
let btnElem: Element;
|
|
40
|
-
let nextChild: Element;
|
|
41
|
-
let btnModel: ButtonModel | null;
|
|
42
|
-
if (isNullOrUndefined(createElement)) {
|
|
43
|
-
createElement = internalCreateElement;
|
|
44
|
-
}
|
|
45
|
-
const wrapper: HTMLElement = document.querySelector(selector) as HTMLElement;
|
|
46
|
-
addClass([wrapper], ['e-btn-group', 'e-css']);
|
|
47
|
-
wrapper.setAttribute('role', 'group');
|
|
48
|
-
const childs: HTMLCollection = wrapper.children;
|
|
49
|
-
options.buttons = options.buttons || [] as ButtonModel[];
|
|
50
|
-
for (let i: number = 0, j: number = 0; j < childs.length; i++, j++) {
|
|
51
|
-
child = childs[j as number];
|
|
52
|
-
btnModel = options.buttons[i as number];
|
|
53
|
-
if (btnModel !== null) {
|
|
54
|
-
if (child.tagName === 'BUTTON') {
|
|
55
|
-
btnElem = child;
|
|
56
|
-
} else {
|
|
57
|
-
btnElem = createElement('label');
|
|
58
|
-
nextChild = childs[j + 1];
|
|
59
|
-
if (nextChild) {
|
|
60
|
-
wrapper.insertBefore(btnElem, nextChild);
|
|
61
|
-
} else {
|
|
62
|
-
wrapper.appendChild(btnElem);
|
|
63
|
-
}
|
|
64
|
-
if (child.id) {
|
|
65
|
-
btnElem.setAttribute('for', child.id);
|
|
66
|
-
}
|
|
67
|
-
if (btnModel && btnModel.disabled) {
|
|
68
|
-
(child as HTMLInputElement).disabled = true;
|
|
69
|
-
}
|
|
70
|
-
j++;
|
|
71
|
-
}
|
|
72
|
-
if (options.cssClass && btnModel && !btnModel.cssClass) {
|
|
73
|
-
btnModel.cssClass = options.cssClass;
|
|
74
|
-
}
|
|
75
|
-
new Button(btnModel || {}, btnElem as HTMLButtonElement);
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
return wrapper;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
export interface CreateButtonGroupModel {
|
|
82
|
-
cssClass?: string;
|
|
83
|
-
buttons?: (ButtonModel | null)[];
|
|
84
|
-
}
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import { ChildProperty, extend, deleteObject, Property, BaseEventArgs, addClass, isNullOrUndefined } from '@syncfusion/ej2-base';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Interface for a class Item
|
|
5
|
-
*/
|
|
6
|
-
export interface ItemModel {
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* Defines class/multiple classes separated by a space for the item that is used to include an icon.
|
|
10
|
-
* Action item can include font icon and sprite image.
|
|
11
|
-
*
|
|
12
|
-
* @default ''
|
|
13
|
-
*/
|
|
14
|
-
iconCss?: string;
|
|
15
|
-
|
|
16
|
-
/**
|
|
17
|
-
* Specifies the id for item.
|
|
18
|
-
*
|
|
19
|
-
* @default ''
|
|
20
|
-
*/
|
|
21
|
-
id?: string;
|
|
22
|
-
|
|
23
|
-
/**
|
|
24
|
-
* Specifies separator between the items. Separator are horizontal lines used to group action items.
|
|
25
|
-
*
|
|
26
|
-
* @default false
|
|
27
|
-
*/
|
|
28
|
-
separator?: boolean;
|
|
29
|
-
|
|
30
|
-
/**
|
|
31
|
-
* Specifies text for item.
|
|
32
|
-
*
|
|
33
|
-
* @default ''
|
|
34
|
-
*/
|
|
35
|
-
text?: string;
|
|
36
|
-
|
|
37
|
-
/**
|
|
38
|
-
* Specifies url for item that creates the anchor link to navigate to the url provided.
|
|
39
|
-
*
|
|
40
|
-
* @default ''
|
|
41
|
-
*/
|
|
42
|
-
url?: string;
|
|
43
|
-
|
|
44
|
-
/**
|
|
45
|
-
* Used to enable or disable the item.
|
|
46
|
-
*
|
|
47
|
-
* @default false
|
|
48
|
-
*/
|
|
49
|
-
disabled?: boolean;
|
|
50
|
-
|
|
51
|
-
}
|