@syncfusion/ej2-ribbon 34.1.29 → 34.1.31
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/dist/ej2-ribbon.umd.min.js +2 -2
- package/dist/ej2-ribbon.umd.min.js.map +1 -1
- package/dist/es6/ej2-ribbon.es2015.js +13 -3
- package/dist/es6/ej2-ribbon.es2015.js.map +1 -1
- package/dist/es6/ej2-ribbon.es5.js +13 -3
- package/dist/es6/ej2-ribbon.es5.js.map +1 -1
- package/dist/global/ej2-ribbon.min.js +2 -2
- package/dist/global/ej2-ribbon.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +7 -7
- package/src/ribbon/base/ribbon.js +4 -0
- package/src/ribbon/items/ribbon-gallery.js +9 -3
|
@@ -4417,10 +4417,15 @@ var RibbonGallery = /** @__PURE__ @class */ (function () {
|
|
|
4417
4417
|
galleryWrapper.style.width = itemsWidth + 'px';
|
|
4418
4418
|
}
|
|
4419
4419
|
};
|
|
4420
|
-
RibbonGallery.prototype.setWrapperStyle = function (popup, popupContainerItems) {
|
|
4420
|
+
RibbonGallery.prototype.setWrapperStyle = function (popup, popupContainerItems, isOverflow) {
|
|
4421
4421
|
if (popup.width !== 'auto') {
|
|
4422
4422
|
popupContainerItems.forEach(function (ele) {
|
|
4423
|
-
|
|
4423
|
+
if (isOverflow) {
|
|
4424
|
+
ele.style.flexFlow = 'column wrap';
|
|
4425
|
+
}
|
|
4426
|
+
else {
|
|
4427
|
+
ele.style.flexFlow = 'wrap';
|
|
4428
|
+
}
|
|
4424
4429
|
});
|
|
4425
4430
|
}
|
|
4426
4431
|
};
|
|
@@ -4667,6 +4672,7 @@ var RibbonGallery = /** @__PURE__ @class */ (function () {
|
|
|
4667
4672
|
popupButton.classList.add('e-hidden');
|
|
4668
4673
|
}
|
|
4669
4674
|
var itemProp = getItem(this.parent.tabs, item.id);
|
|
4675
|
+
var isGroupOF_1 = itemProp && itemProp.group ? itemProp.group.enableGroupOverflow : false;
|
|
4670
4676
|
var iconCss = itemProp && itemProp.group.groupIconCss ? itemProp.group.groupIconCss : '';
|
|
4671
4677
|
var content = itemProp && itemProp.group.header ? itemProp.group.header : '';
|
|
4672
4678
|
if (!iconCss) {
|
|
@@ -4701,7 +4707,7 @@ var RibbonGallery = /** @__PURE__ @class */ (function () {
|
|
|
4701
4707
|
},
|
|
4702
4708
|
open: function () {
|
|
4703
4709
|
var popupContainerItems = popupContainerEle_1.querySelectorAll('.e-ribbon-gallery-container');
|
|
4704
|
-
_this.setWrapperStyle(popup_1, popupContainerItems);
|
|
4710
|
+
_this.setWrapperStyle(popup_1, popupContainerItems, isGroupOF_1);
|
|
4705
4711
|
_this.setFoucsToFirstItem(popupContainerEle_1, true, item.id);
|
|
4706
4712
|
if (popup_1.width !== 'auto') {
|
|
4707
4713
|
_this.alignGalleryPopupLeft(popupContainerEle_1, buttonEle_1);
|
|
@@ -5854,6 +5860,10 @@ var Ribbon = /** @__PURE__ @class */ (function (_super) {
|
|
|
5854
5860
|
if (dropDownPopup) {
|
|
5855
5861
|
dropDownPopup.setProperties({ position: { X: isLeft ? 'left' : 'right', Y: isMenu ? 'top' : 'bottom' } }, true);
|
|
5856
5862
|
if (isMenu) {
|
|
5863
|
+
var target = this.getAppendToElement();
|
|
5864
|
+
if (dropdown && dropdown.dropDown && !target.contains(dropdown.dropDown.element)) {
|
|
5865
|
+
target.appendChild(dropdown.dropDown.element);
|
|
5866
|
+
}
|
|
5857
5867
|
dropdown.beforeOpen = function (e) {
|
|
5858
5868
|
if (isLeft) {
|
|
5859
5869
|
if (item.type === RibbonItemType.Gallery && _this.ribbonGalleryModule) {
|