@syncfusion/ej2-ribbon 26.1.38 → 26.1.40

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 (20) hide show
  1. package/dist/ej2-ribbon.umd.min.js +2 -2
  2. package/dist/ej2-ribbon.umd.min.js.map +1 -1
  3. package/dist/es6/ej2-ribbon.es2015.js +24 -8
  4. package/dist/es6/ej2-ribbon.es2015.js.map +1 -1
  5. package/dist/es6/ej2-ribbon.es5.js +24 -8
  6. package/dist/es6/ej2-ribbon.es5.js.map +1 -1
  7. package/dist/global/ej2-ribbon.min.js +2 -2
  8. package/dist/global/ej2-ribbon.min.js.map +1 -1
  9. package/dist/global/index.d.ts +1 -1
  10. package/package.json +8 -8
  11. package/src/ribbon/items/ribbon-button.js +3 -1
  12. package/src/ribbon/items/ribbon-checkbox.js +3 -1
  13. package/src/ribbon/items/ribbon-colorpicker.js +3 -1
  14. package/src/ribbon/items/ribbon-combobox.js +3 -1
  15. package/src/ribbon/items/ribbon-dropdown.js +3 -1
  16. package/src/ribbon/items/ribbon-groupbutton.js +3 -1
  17. package/src/ribbon/items/ribbon-splitbutton.js +6 -2
  18. package/styles/fluent2.css +6 -6
  19. package/styles/ribbon/_fluent2-definition.scss +1 -1
  20. package/styles/ribbon/fluent2.css +6 -6
package/dist/global/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: index.d.ts
3
- * version : 26.1.38
3
+ * version : 26.1.40
4
4
  * Copyright Syncfusion Inc. 2001 - 2023. 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
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-ribbon@*",
3
- "_id": "@syncfusion/ej2-ribbon@26.1.35",
3
+ "_id": "@syncfusion/ej2-ribbon@26.1.38",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-tpMb40AqnWhXg2gQ+viQcCf2qNh4cJAG6C49T7mAONNzyEQ5JLL5I2QcH4kR7TxIqViazMA5cLmY1G+gWr+f+A==",
5
+ "_integrity": "sha512-2keECQflUgb0MtUUp0Rr7UibEduNznYBNPt7810kc001JuzGF4fd7FUjsa2jmAwYBLeSv3komIlm7TUpGkPorA==",
6
6
  "_location": "/@syncfusion/ej2-ribbon",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -23,8 +23,8 @@
23
23
  "/@syncfusion/ej2-react-ribbon",
24
24
  "/@syncfusion/ej2-vue-ribbon"
25
25
  ],
26
- "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-ribbon/-/ej2-ribbon-26.1.35.tgz",
27
- "_shasum": "81ed756f8413d14cad84c417974451321f3ac5c4",
26
+ "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-ribbon/-/ej2-ribbon-26.1.38.tgz",
27
+ "_shasum": "10f6d376c175ad92a84748840dcfad6622788b13",
28
28
  "_spec": "@syncfusion/ej2-ribbon@*",
29
29
  "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
30
30
  "author": {
@@ -36,10 +36,10 @@
36
36
  "bundleDependencies": false,
37
37
  "dependencies": {
38
38
  "@syncfusion/ej2-base": "~26.1.37",
39
- "@syncfusion/ej2-buttons": "~26.1.35",
40
- "@syncfusion/ej2-dropdowns": "~26.1.38",
39
+ "@syncfusion/ej2-buttons": "~26.1.40",
40
+ "@syncfusion/ej2-dropdowns": "~26.1.40",
41
41
  "@syncfusion/ej2-lists": "~26.1.35",
42
- "@syncfusion/ej2-navigations": "~26.1.38",
42
+ "@syncfusion/ej2-navigations": "~26.1.40",
43
43
  "@syncfusion/ej2-popups": "~26.1.38",
44
44
  "@syncfusion/ej2-splitbuttons": "~26.1.35"
45
45
  },
@@ -62,6 +62,6 @@
62
62
  "url": "git+https://github.com/syncfusion/ej2-ribbon-component.git"
63
63
  },
64
64
  "typings": "index.d.ts",
65
- "version": "26.1.38",
65
+ "version": "26.1.40",
66
66
  "sideEffects": false
67
67
  }
package/src/ribbon/items/ribbon-button.js CHANGED
@@ -92,7 +92,9 @@ var RibbonButton = /** @class */ (function () {
92
92
  if (item.buttonSettings.clicked) {
93
93
  item.buttonSettings.clicked.call(_this, e);
94
94
  }
95
- overflowButton.toggle();
95
+ if (overflowButton.element.classList.contains('e-active')) {
96
+ overflowButton.toggle();
97
+ }
96
98
  };
97
99
  };
98
100
  /**
package/src/ribbon/items/ribbon-checkbox.js CHANGED
@@ -85,7 +85,9 @@ var RibbonCheckBox = /** @class */ (function () {
85
85
  if (item.checkBoxSettings.change) {
86
86
  item.checkBoxSettings.change.call(_this, e);
87
87
  }
88
- overflowButton.toggle();
88
+ if (overflowButton.element.classList.contains('e-active')) {
89
+ overflowButton.toggle();
90
+ }
89
91
  };
90
92
  };
91
93
  /**
package/src/ribbon/items/ribbon-colorpicker.js CHANGED
@@ -133,7 +133,9 @@ var RibbonColorPicker = /** @class */ (function () {
133
133
  };
134
134
  splitBtn.close = function () {
135
135
  if (target && !target.closest('.e-ribbon-group-overflow-ddb')) {
136
- overflowButton.toggle();
136
+ if (overflowButton.element.classList.contains('e-active')) {
137
+ overflowButton.toggle();
138
+ }
137
139
  }
138
140
  };
139
141
  };
package/src/ribbon/items/ribbon-combobox.js CHANGED
@@ -120,7 +120,9 @@ var RibbonComboBox = /** @class */ (function () {
120
120
  item.comboBoxSettings.close.call(_this, e);
121
121
  }
122
122
  if (target && !target.closest('.e-ribbon-group-overflow-ddb')) {
123
- overflowButton.toggle();
123
+ if (overflowButton.element.classList.contains('e-active')) {
124
+ overflowButton.toggle();
125
+ }
124
126
  }
125
127
  };
126
128
  };
package/src/ribbon/items/ribbon-dropdown.js CHANGED
@@ -109,7 +109,9 @@ var RibbonDropDown = /** @class */ (function () {
109
109
  item.dropDownSettings.close.call(_this, e);
110
110
  }
111
111
  if (target && !target.closest('.e-ribbon-group-overflow-ddb')) {
112
- overflowButton.toggle();
112
+ if (overflowButton.element.classList.contains('e-active')) {
113
+ overflowButton.toggle();
114
+ }
113
115
  }
114
116
  };
115
117
  };
package/src/ribbon/items/ribbon-groupbutton.js CHANGED
@@ -433,7 +433,9 @@ var RibbonGroupButton = /** @class */ (function () {
433
433
  targetEle.onclick = function () {
434
434
  if (_this.parent.activeLayout === 'Simplified' && targetEle.closest('.e-ribbon-dropdown-group-button').classList.contains(constants.RIBBON_GROUP_BUTTON_OVERFLOW_POPUP)) {
435
435
  dropdown.toggle();
436
- overflowButton.toggle();
436
+ if (overflowButton.element.classList.contains('e-active')) {
437
+ overflowButton.toggle();
438
+ }
437
439
  }
438
440
  };
439
441
  };
package/src/ribbon/items/ribbon-splitbutton.js CHANGED
@@ -143,7 +143,9 @@ var RibbonSplitButton = /** @class */ (function () {
143
143
  if (item.splitButtonSettings.click) {
144
144
  item.splitButtonSettings.click.call(_this, e);
145
145
  }
146
- overflowButton.toggle();
146
+ if (overflowButton.element.classList.contains('e-active')) {
147
+ overflowButton.toggle();
148
+ }
147
149
  };
148
150
  splitbutton.close = function (e) {
149
151
  if (item.splitButtonSettings.close) {
@@ -151,7 +153,9 @@ var RibbonSplitButton = /** @class */ (function () {
151
153
  }
152
154
  splitbutton['wrapper'].classList.remove(RIBBON_POPUP_OPEN);
153
155
  if (target && !target.closest('.e-ribbon-group-overflow-ddb')) {
154
- overflowButton.toggle();
156
+ if (overflowButton.element.classList.contains('e-active')) {
157
+ overflowButton.toggle();
158
+ }
155
159
  }
156
160
  };
157
161
  };
package/styles/fluent2.css CHANGED
@@ -207,7 +207,7 @@
207
207
  --color-sf-info-outline: var(--color-sf-info-border-color);
208
208
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
209
209
  --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
210
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
210
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
211
211
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
212
212
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
213
213
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
478
478
  --color-sf-success-bg-color: #218c21;
479
479
  --color-sf-success-border-color: var(--color-sf-success-bg-color);
480
480
  --color-sf-success-text: var(--color-sf-primary-text-color);
481
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
481
+ --color-sf-success-bg-color-hover: #0e700e;
482
482
  --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
483
483
  --color-sf-success-text-hover: var(--color-sf-primary-text-color);
484
484
  --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
496
496
  --color-sf-warning-bg-color: #f87528;
497
497
  --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
498
498
  --color-sf-warning-text: #242424;
499
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
499
+ --color-sf-warning-bg-color-hover: #de590b;
500
500
  --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
501
501
  --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
502
502
  --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
555
555
  --color-sf-info-outline: #0099bc;
556
556
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
557
557
  --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
558
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
558
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
559
559
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
560
560
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
561
561
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
897
897
  --color-sf-info-outline: #0099bc;
898
898
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
899
899
  --color-sf-tooltip-border: var(--color-sf-border-light);
900
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
900
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
901
901
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
902
902
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
903
903
  --color-sf-appbar-bg-color-alt1: #fff;
@@ -1723,7 +1723,7 @@
1723
1723
  line-height: 14px;
1724
1724
  height: auto;
1725
1725
  min-height: auto;
1726
- padding: 9px 13px;
1726
+ padding: 8px 9px;
1727
1727
  margin: 0;
1728
1728
  border: none;
1729
1729
  min-width: auto;
package/styles/ribbon/_fluent2-definition.scss CHANGED
@@ -80,7 +80,7 @@ $ribbon-input-height: 18px !default;
80
80
  $ribbon-input-weight: $font-weight-normal !default;
81
81
  $ribbon-input-icon-size: $text-sm !default;
82
82
  $ribbon-input-icon-height: 14px !default;
83
- $ribbon-input-icon-padding: 9px 13px !default;
83
+ $ribbon-input-icon-padding: 8px 9px !default;
84
84
  $ribbon-input-icon-weight: $font-weight-normal !default;
85
85
  $ribbon-input-group-border-radius: 4px !default;
86
86
  $ribbon-input-group-margin: 0 2px 4px !default;
package/styles/ribbon/fluent2.css CHANGED
@@ -207,7 +207,7 @@
207
207
  --color-sf-info-outline: var(--color-sf-info-border-color);
208
208
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
209
209
  --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
210
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
210
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
211
211
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
212
212
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
213
213
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
478
478
  --color-sf-success-bg-color: #218c21;
479
479
  --color-sf-success-border-color: var(--color-sf-success-bg-color);
480
480
  --color-sf-success-text: var(--color-sf-primary-text-color);
481
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
481
+ --color-sf-success-bg-color-hover: #0e700e;
482
482
  --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
483
483
  --color-sf-success-text-hover: var(--color-sf-primary-text-color);
484
484
  --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
496
496
  --color-sf-warning-bg-color: #f87528;
497
497
  --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
498
498
  --color-sf-warning-text: #242424;
499
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
499
+ --color-sf-warning-bg-color-hover: #de590b;
500
500
  --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
501
501
  --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
502
502
  --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
555
555
  --color-sf-info-outline: #0099bc;
556
556
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
557
557
  --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
558
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
558
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
559
559
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
560
560
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
561
561
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
897
897
  --color-sf-info-outline: #0099bc;
898
898
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
899
899
  --color-sf-tooltip-border: var(--color-sf-border-light);
900
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
900
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
901
901
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
902
902
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
903
903
  --color-sf-appbar-bg-color-alt1: #fff;
@@ -1723,7 +1723,7 @@
1723
1723
  line-height: 14px;
1724
1724
  height: auto;
1725
1725
  min-height: auto;
1726
- padding: 9px 13px;
1726
+ padding: 8px 9px;
1727
1727
  margin: 0;
1728
1728
  border: none;
1729
1729
  min-width: auto;