@syncfusion/ej2-splitbuttons 20.2.36 → 20.2.45
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/CHANGELOG.md +12 -0
- 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 +21 -2
- package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
- package/dist/es6/ej2-splitbuttons.es5.js +21 -2
- 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-model.d.ts +7 -0
- package/src/drop-down-button/drop-down-button.d.ts +7 -0
- package/src/drop-down-button/drop-down-button.js +21 -2
- package/styles/bootstrap-dark.css +5 -5
- package/styles/bootstrap4.css +1 -1
- package/styles/button-group/fluent-dark.css +15 -15
- package/styles/fluent-dark.css +40 -40
- package/styles/highcontrast.css +2 -2
- package/styles/progress-button/_bootstrap-dark-definition.scss +5 -5
- package/styles/progress-button/_bootstrap4-definition.scss +1 -1
- package/styles/progress-button/_highcontrast-definition.scss +1 -1
- package/styles/progress-button/bootstrap-dark.css +5 -5
- package/styles/progress-button/bootstrap4.css +1 -1
- package/styles/progress-button/fluent-dark.css +25 -25
- package/styles/progress-button/highcontrast.css +2 -2
- package/dist/ts/button-group/button-group.ts +0 -84
- package/dist/ts/common/common.ts +0 -203
- package/dist/ts/drop-down-button/drop-down-button.ts +0 -806
- package/dist/ts/progress-button/progress-button.ts +0 -689
- package/dist/ts/split-button/split-button.ts +0 -501
|
@@ -558,6 +558,9 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
|
|
|
558
558
|
if (popupElement) {
|
|
559
559
|
EventHandler.add(popupElement, 'click', this.clickHandler, this);
|
|
560
560
|
EventHandler.add(popupElement, 'keydown', this.keyBoardHandler, this);
|
|
561
|
+
if (this.closeActionEvents) {
|
|
562
|
+
EventHandler.add(popupElement, this.closeActionEvents, this.focusoutHandler, this);
|
|
563
|
+
}
|
|
561
564
|
}
|
|
562
565
|
this.rippleFn = rippleEffect(popupElement, { selector: '.' + classNames.ITEM });
|
|
563
566
|
};
|
|
@@ -569,6 +572,9 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
|
|
|
569
572
|
if (popupElement && popupElement.parentElement) {
|
|
570
573
|
EventHandler.remove(popupElement, 'click', this.clickHandler);
|
|
571
574
|
EventHandler.remove(popupElement, 'keydown', this.keyBoardHandler);
|
|
575
|
+
if (this.closeActionEvents) {
|
|
576
|
+
EventHandler.remove(popupElement, this.closeActionEvents, this.focusoutHandler);
|
|
577
|
+
}
|
|
572
578
|
}
|
|
573
579
|
};
|
|
574
580
|
/**
|
|
@@ -636,6 +642,11 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
|
|
|
636
642
|
this.closePopup(e);
|
|
637
643
|
}
|
|
638
644
|
};
|
|
645
|
+
DropDownButton.prototype.focusoutHandler = function (e) {
|
|
646
|
+
if (this.isPopupCreated && !this.canOpen()) {
|
|
647
|
+
this.closePopup(e);
|
|
648
|
+
}
|
|
649
|
+
};
|
|
639
650
|
DropDownButton.prototype.clickHandler = function (e) {
|
|
640
651
|
var trgt = e.target;
|
|
641
652
|
if (closest(trgt, '[id="' + this.element.id + '"]')) {
|
|
@@ -706,7 +717,9 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
|
|
|
706
717
|
_this.dropDown.show(null, _this.element);
|
|
707
718
|
addClass([_this.element], 'e-active');
|
|
708
719
|
_this.element.setAttribute('aria-expanded', 'true');
|
|
709
|
-
ul_1
|
|
720
|
+
if (ul_1) {
|
|
721
|
+
ul_1.focus();
|
|
722
|
+
}
|
|
710
723
|
var openArgs = { element: ul_1, items: _this.items };
|
|
711
724
|
_this.trigger('open', openArgs);
|
|
712
725
|
}
|
|
@@ -725,7 +738,10 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
|
|
|
725
738
|
if (!observedArgs.cancel) {
|
|
726
739
|
_this.popupUnWireEvents();
|
|
727
740
|
var ul_2 = _this.getULElement();
|
|
728
|
-
var selectedLi =
|
|
741
|
+
var selectedLi = void 0;
|
|
742
|
+
if (ul_2) {
|
|
743
|
+
selectedLi = ul_2.querySelector('.e-selected');
|
|
744
|
+
}
|
|
729
745
|
if (selectedLi) {
|
|
730
746
|
selectedLi.classList.remove('e-selected');
|
|
731
747
|
}
|
|
@@ -868,6 +884,9 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
|
|
|
868
884
|
__decorate$1([
|
|
869
885
|
Property('')
|
|
870
886
|
], DropDownButton.prototype, "target", void 0);
|
|
887
|
+
__decorate$1([
|
|
888
|
+
Property('')
|
|
889
|
+
], DropDownButton.prototype, "closeActionEvents", void 0);
|
|
871
890
|
__decorate$1([
|
|
872
891
|
Event()
|
|
873
892
|
], DropDownButton.prototype, "beforeItemRender", void 0);
|