@syncfusion/ej2-splitbuttons 21.2.5 → 22.1.34
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/.eslintrc.json +1 -0
- package/CHANGELOG.md +0 -8
- package/dist/ej2-splitbuttons.min.js +2 -2
- package/dist/ej2-splitbuttons.umd.min.js +2 -2
- package/dist/ej2-splitbuttons.umd.min.js.map +1 -1
- package/dist/es6/ej2-splitbuttons.es2015.js +25 -0
- package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
- package/dist/es6/ej2-splitbuttons.es5.js +25 -0
- package/dist/es6/ej2-splitbuttons.es5.js.map +1 -1
- package/dist/global/ej2-splitbuttons.min.js +2 -2
- package/dist/global/ej2-splitbuttons.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +7 -7
- package/src/drop-down-button/drop-down-button.js +15 -0
- package/src/progress-button/progress-button-model.d.ts +2 -1
- package/src/progress-button/progress-button.d.ts +2 -1
- package/src/split-button/split-button.js +10 -0
- package/styles/bootstrap-dark.css +0 -84
- package/styles/bootstrap.css +0 -7
- package/styles/bootstrap4.css +8 -5
- package/styles/bootstrap5-dark.css +0 -7
- package/styles/bootstrap5.css +0 -7
- package/styles/button-group/_layout.scss +7 -1
- package/styles/button-group/_material3-dark-definition.scss +1 -0
- package/styles/button-group/_material3-definition.scss +31 -0
- package/styles/button-group/_theme.scss +67 -1
- package/styles/button-group/material3-dark.css +902 -0
- package/styles/button-group/material3-dark.scss +5 -0
- package/styles/button-group/material3.css +958 -0
- package/styles/button-group/material3.scss +5 -0
- package/styles/drop-down-button/_layout.scss +7 -2
- package/styles/drop-down-button/_material3-dark-definition.scss +1 -0
- package/styles/drop-down-button/_material3-definition.scss +51 -0
- package/styles/drop-down-button/_theme.scss +6 -1
- package/styles/drop-down-button/icons/_material3-dark.scss +1 -0
- package/styles/drop-down-button/material3-dark.css +293 -0
- package/styles/drop-down-button/material3-dark.scss +7 -0
- package/styles/drop-down-button/material3.css +349 -0
- package/styles/drop-down-button/material3.scss +7 -0
- package/styles/fabric-dark.css +0 -84
- package/styles/fabric.css +0 -7
- package/styles/fluent-dark.css +4 -7
- package/styles/fluent.css +4 -7
- package/styles/highcontrast-light.css +0 -84
- package/styles/highcontrast.css +0 -84
- package/styles/material-dark.css +0 -84
- package/styles/material.css +0 -7
- package/styles/material3-dark.css +2000 -0
- package/styles/material3-dark.scss +6 -0
- package/styles/material3.css +2050 -0
- package/styles/material3.scss +6 -0
- package/styles/progress-button/_material3-dark-definition.scss +1 -0
- package/styles/progress-button/_material3-definition.scss +25 -0
- package/styles/progress-button/_theme.scss +220 -65
- package/styles/progress-button/bootstrap-dark.css +0 -84
- package/styles/progress-button/bootstrap.css +0 -7
- package/styles/progress-button/bootstrap4.css +0 -5
- package/styles/progress-button/bootstrap5-dark.css +0 -7
- package/styles/progress-button/bootstrap5.css +0 -7
- package/styles/progress-button/fabric-dark.css +0 -84
- package/styles/progress-button/fabric.css +0 -7
- package/styles/progress-button/fluent-dark.css +0 -7
- package/styles/progress-button/fluent.css +0 -7
- package/styles/progress-button/highcontrast-light.css +0 -84
- package/styles/progress-button/highcontrast.css +0 -84
- package/styles/progress-button/material-dark.css +0 -84
- package/styles/progress-button/material.css +0 -7
- package/styles/progress-button/material3-dark.css +557 -0
- package/styles/progress-button/material3-dark.scss +6 -0
- package/styles/progress-button/material3.css +613 -0
- package/styles/progress-button/material3.scss +6 -0
- package/styles/progress-button/tailwind-dark.css +0 -5
- package/styles/progress-button/tailwind.css +0 -5
- package/styles/split-button/_layout.scss +59 -2
- package/styles/split-button/_material3-dark-definition.scss +1 -0
- package/styles/split-button/_material3-definition.scss +26 -0
- package/styles/split-button/_theme.scss +21 -1
- package/styles/split-button/bootstrap4.css +8 -0
- package/styles/split-button/fluent-dark.css +4 -0
- package/styles/split-button/fluent.css +4 -0
- package/styles/split-button/material3-dark.css +413 -0
- package/styles/split-button/material3-dark.scss +7 -0
- package/styles/split-button/material3.css +463 -0
- package/styles/split-button/material3.scss +7 -0
- package/styles/split-button/tailwind-dark.css +6 -0
- package/styles/split-button/tailwind.css +6 -0
- package/styles/tailwind-dark.css +6 -5
- package/styles/tailwind.css +6 -5
|
@@ -749,6 +749,21 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
|
|
|
749
749
|
if (ul_1) {
|
|
750
750
|
ul_1.focus();
|
|
751
751
|
}
|
|
752
|
+
if (_this.enableRtl && ul_1.parentElement.style.left !== '0px') {
|
|
753
|
+
var wrapperWidth = void 0;
|
|
754
|
+
if (_this.element.parentElement && _this.element.parentElement.classList.contains('e-split-btn-wrapper')) {
|
|
755
|
+
wrapperWidth = _this.element.parentElement.offsetWidth;
|
|
756
|
+
}
|
|
757
|
+
else {
|
|
758
|
+
wrapperWidth = _this.element.offsetWidth;
|
|
759
|
+
}
|
|
760
|
+
var popupRect = ul_1.parentElement.offsetWidth - wrapperWidth;
|
|
761
|
+
var popupLeft = parseFloat(ul_1.parentElement.style.left) - popupRect;
|
|
762
|
+
if (popupLeft < 0) {
|
|
763
|
+
popupLeft = 0;
|
|
764
|
+
}
|
|
765
|
+
ul_1.parentElement.style.left = popupLeft + "px";
|
|
766
|
+
}
|
|
752
767
|
var openArgs = { element: ul_1, items: _this.items };
|
|
753
768
|
_this.trigger('open', openArgs);
|
|
754
769
|
}
|
|
@@ -1162,6 +1177,9 @@ var SplitButton = /** @__PURE__ @class */ (function (_super) {
|
|
|
1162
1177
|
}
|
|
1163
1178
|
this.secondaryBtnObj.activeElem = [this.element, this.secondaryBtnObj.element];
|
|
1164
1179
|
this.secondaryBtnObj.element.querySelector('.e-btn-icon').classList.remove('e-icon-right');
|
|
1180
|
+
if (this.disabled) {
|
|
1181
|
+
this.wrapper.classList.add('e-splitbtn-disabled');
|
|
1182
|
+
}
|
|
1165
1183
|
};
|
|
1166
1184
|
SplitButton.prototype.setAria = function () {
|
|
1167
1185
|
attributes(this.element, {
|
|
@@ -1286,6 +1304,13 @@ var SplitButton = /** @__PURE__ @class */ (function (_super) {
|
|
|
1286
1304
|
removeClass([this.wrapper], RTL);
|
|
1287
1305
|
}
|
|
1288
1306
|
break;
|
|
1307
|
+
case 'disabled':
|
|
1308
|
+
if (newProp.disabled) {
|
|
1309
|
+
addClass([this.wrapper], 'e-splitbtn-disabled');
|
|
1310
|
+
}
|
|
1311
|
+
else {
|
|
1312
|
+
removeClass([this.wrapper], 'e-splitbtn-disabled');
|
|
1313
|
+
}
|
|
1289
1314
|
}
|
|
1290
1315
|
}
|
|
1291
1316
|
};
|