@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.
Files changed (53) hide show
  1. package/README.md +8 -0
  2. package/aceconfig.js +17 -0
  3. package/dist/ej2-splitbuttons.min.js +2 -2
  4. package/dist/ej2-splitbuttons.umd.min.js +2 -2
  5. package/dist/global/ej2-splitbuttons.min.js +2 -2
  6. package/dist/global/index.d.ts +2 -2
  7. package/package.json +13 -59
  8. package/styles/bootstrap5-dark-lite.css +2 -2
  9. package/styles/bootstrap5-dark.css +2 -2
  10. package/styles/bootstrap5-lite.css +2 -2
  11. package/styles/bootstrap5.3-lite.css +2 -1
  12. package/styles/bootstrap5.3.css +2 -1
  13. package/styles/bootstrap5.css +2 -2
  14. package/styles/button-group/bootstrap5-dark.css +2 -2
  15. package/styles/button-group/bootstrap5.3.css +1 -1
  16. package/styles/button-group/bootstrap5.css +2 -2
  17. package/styles/drop-down-button/_layout.scss +1 -0
  18. package/styles/drop-down-button/material3-dark.css +1 -0
  19. package/styles/drop-down-button/material3.css +1 -0
  20. package/styles/material3-dark-lite.css +3 -0
  21. package/styles/material3-dark.css +3 -0
  22. package/styles/material3-lite.css +3 -0
  23. package/styles/material3.css +3 -0
  24. package/styles/split-button/_layout.scss +5 -0
  25. package/styles/split-button/bootstrap5.3.css +1 -0
  26. package/styles/split-button/material3-dark.css +2 -0
  27. package/styles/split-button/material3.css +2 -0
  28. package/dist/ts/button-group/button-group.d.ts +0 -38
  29. package/dist/ts/button-group/button-group.ts +0 -84
  30. package/dist/ts/button-group/index.d.ts +0 -4
  31. package/dist/ts/button-group/index.ts +0 -4
  32. package/dist/ts/common/common-model.d.ts +0 -51
  33. package/dist/ts/common/common.d.ts +0 -95
  34. package/dist/ts/common/common.ts +0 -218
  35. package/dist/ts/common/index.d.ts +0 -5
  36. package/dist/ts/common/index.ts +0 -5
  37. package/dist/ts/drop-down-button/drop-down-button-model.d.ts +0 -195
  38. package/dist/ts/drop-down-button/drop-down-button.d.ts +0 -308
  39. package/dist/ts/drop-down-button/drop-down-button.ts +0 -1110
  40. package/dist/ts/drop-down-button/index.d.ts +0 -5
  41. package/dist/ts/drop-down-button/index.ts +0 -5
  42. package/dist/ts/index.d.ts +0 -8
  43. package/dist/ts/index.ts +0 -8
  44. package/dist/ts/progress-button/index.d.ts +0 -5
  45. package/dist/ts/progress-button/index.ts +0 -5
  46. package/dist/ts/progress-button/progress-button-model.d.ts +0 -206
  47. package/dist/ts/progress-button/progress-button.d.ts +0 -323
  48. package/dist/ts/progress-button/progress-button.ts +0 -689
  49. package/dist/ts/split-button/index.d.ts +0 -5
  50. package/dist/ts/split-button/index.ts +0 -5
  51. package/dist/ts/split-button/split-button-model.d.ts +0 -133
  52. package/dist/ts/split-button/split-button.d.ts +0 -236
  53. 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.1.17
4
- * Copyright Syncfusion Inc. 2001 - 2024. All rights reserved.
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.1.17
4
- * Copyright Syncfusion Inc. 2001 - 2024. All rights reserved.
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.1.17
4
- * Copyright Syncfusion Inc. 2001 - 2024. All rights reserved.
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: index.d.ts
3
- * version : 31.1.17
4
- * Copyright Syncfusion Inc. 2001 - 2024. All rights reserved.
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
- "_from": "@syncfusion/ej2-splitbuttons@*",
3
- "_id": "@syncfusion/ej2-splitbuttons@28.2.0",
4
- "_inBundle": false,
5
- "_integrity": "sha512-tt8f1YRDvF0IzHce89/BLV4nlZt0P9kbzXblCZmkLWY17xa+8+Kk//nCo3O2OYIR2fSV1yHDeV81HwDqQ3Pd1Q==",
6
- "_location": "/@syncfusion/ej2-splitbuttons",
7
- "_phantomChildren": {},
8
- "_requested": {
9
- "type": "range",
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.1.17",
50
- "@syncfusion/ej2-popups": "~31.1.17"
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": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
44
+ "url": "https://github.com/syncfusion/ej2-javascript-ui-controls.git"
91
45
  },
92
46
  "typings": "index.d.ts",
93
- "version": "31.1.17",
94
- "sideEffects": false
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: rgba(13, 110, 253, 0.65);
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(255, 255, 255, 0.65);
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: rgba(13, 110, 253, 0.65);
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(255, 255, 255, 0.65);
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: rgba(13, 110, 253, 0.65);
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(255, 255, 255, 0.65);
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: rgba(var(--color-sf-primary), 0.65);
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);
@@ -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: rgba(var(--color-sf-primary), 0.65);
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);
@@ -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: rgba(13, 110, 253, 0.65);
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(255, 255, 255, 0.65);
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: rgba(13, 110, 253, 0.65);
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(255, 255, 255, 0.65);
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: rgba(var(--color-sf-primary), 0.65);
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: rgba(13, 110, 253, 0.65);
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(255, 255, 255, 0.65);
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,
@@ -9,6 +9,7 @@
9
9
  @if $skin-name == 'Material3' {
10
10
  border-radius: $btn-border-radius;
11
11
  box-shadow: $drop-down-btn-box-shadow;
12
+ line-height: 1;
12
13
  }
13
14
 
14
15
  &:hover {
@@ -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;
@@ -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
  }
@@ -16,6 +16,7 @@
16
16
  border-bottom-right-radius: 0;
17
17
  border-top-right-radius: 0;
18
18
  text-transform: none;
19
+ border: 0;
19
20
  padding-left: 10px;
20
21
  padding-right: 10px;
21
22
  }
@@ -17,6 +17,8 @@
17
17
  border-bottom-right-radius: 0;
18
18
  border-top-right-radius: 0;
19
19
  text-transform: none;
20
+ padding: 7px 16px;
21
+ line-height: 1.28572em;
20
22
  -webkit-box-shadow: none;
21
23
  box-shadow: none;
22
24
  z-index: 1;
@@ -19,6 +19,8 @@
19
19
  border-bottom-right-radius: 0;
20
20
  border-top-right-radius: 0;
21
21
  text-transform: none;
22
+ padding: 7px 16px;
23
+ line-height: 1.28572em;
22
24
  -webkit-box-shadow: none;
23
25
  box-shadow: none;
24
26
  z-index: 1;
@@ -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,4 +0,0 @@
1
- /**
2
- * ButtonGroup modules
3
- */
4
- export * from './button-group';
@@ -1,4 +0,0 @@
1
- /**
2
- * ButtonGroup modules
3
- */
4
- export * from './button-group';
@@ -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
- }