@syncfusion/ej2-navigations 29.2.5 → 29.2.8
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-navigations.min.js +2 -2
- package/dist/ej2-navigations.umd.min.js +2 -2
- package/dist/ej2-navigations.umd.min.js.map +1 -1
- package/dist/es6/ej2-navigations.es2015.js +17 -3
- package/dist/es6/ej2-navigations.es2015.js.map +1 -1
- package/dist/es6/ej2-navigations.es5.js +18 -3
- package/dist/es6/ej2-navigations.es5.js.map +1 -1
- package/dist/global/ej2-navigations.min.js +2 -2
- package/dist/global/ej2-navigations.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +12 -64
- package/src/common/menu-base.js +12 -2
- package/src/tab/tab.js +6 -1
- package/styles/bds-lite.css +15 -0
- package/styles/bds.css +15 -0
- package/styles/bootstrap-dark-lite.css +15 -0
- package/styles/bootstrap-dark.css +15 -0
- package/styles/bootstrap-lite.css +15 -0
- package/styles/bootstrap.css +17 -2
- package/styles/bootstrap4-lite.css +15 -0
- package/styles/bootstrap4.css +15 -0
- package/styles/bootstrap5-dark-lite.css +15 -0
- package/styles/bootstrap5-dark.css +15 -0
- package/styles/bootstrap5-lite.css +15 -0
- package/styles/bootstrap5.3-lite.css +15 -0
- package/styles/bootstrap5.3.css +15 -0
- package/styles/bootstrap5.css +15 -0
- package/styles/fabric-dark-lite.css +15 -0
- package/styles/fabric-dark.css +15 -0
- package/styles/fabric-lite.css +15 -0
- package/styles/fabric.css +15 -0
- package/styles/fluent-dark-lite.css +15 -0
- package/styles/fluent-dark.css +15 -0
- package/styles/fluent-lite.css +15 -0
- package/styles/fluent.css +15 -0
- package/styles/fluent2-lite.css +15 -0
- package/styles/fluent2.css +15 -0
- package/styles/highcontrast-light-lite.css +15 -0
- package/styles/highcontrast-light.css +15 -0
- package/styles/highcontrast-lite.css +17 -2
- package/styles/highcontrast.css +17 -2
- package/styles/material-dark-lite.css +15 -0
- package/styles/material-dark.css +15 -0
- package/styles/material-lite.css +17 -2
- package/styles/material.css +17 -2
- package/styles/material3-dark-lite.css +15 -0
- package/styles/material3-dark.css +15 -0
- package/styles/material3-lite.css +15 -0
- package/styles/material3.css +15 -0
- package/styles/tailwind-dark-lite.css +15 -0
- package/styles/tailwind-dark.css +15 -0
- package/styles/tailwind-lite.css +15 -0
- package/styles/tailwind.css +15 -0
- package/styles/tailwind3-lite.css +15 -0
- package/styles/tailwind3.css +15 -0
- package/styles/toolbar/_bootstrap-definition.scss +1 -1
- package/styles/toolbar/_highcontrast-definition.scss +1 -1
- package/styles/toolbar/_layout.scss +21 -0
- package/styles/toolbar/_material-definition.scss +2 -2
- package/styles/toolbar/bds.css +15 -0
- package/styles/toolbar/bootstrap-dark.css +15 -0
- package/styles/toolbar/bootstrap.css +17 -2
- package/styles/toolbar/bootstrap4.css +15 -0
- package/styles/toolbar/bootstrap5-dark.css +15 -0
- package/styles/toolbar/bootstrap5.3.css +15 -0
- package/styles/toolbar/bootstrap5.css +15 -0
- package/styles/toolbar/fabric-dark.css +15 -0
- package/styles/toolbar/fabric.css +15 -0
- package/styles/toolbar/fluent-dark.css +15 -0
- package/styles/toolbar/fluent.css +15 -0
- package/styles/toolbar/fluent2.css +15 -0
- package/styles/toolbar/highcontrast-light.css +15 -0
- package/styles/toolbar/highcontrast.css +17 -2
- package/styles/toolbar/material-dark.css +15 -0
- package/styles/toolbar/material.css +17 -2
- package/styles/toolbar/material3-dark.css +15 -0
- package/styles/toolbar/material3.css +15 -0
- package/styles/toolbar/tailwind-dark.css +15 -0
- package/styles/toolbar/tailwind.css +15 -0
- package/styles/toolbar/tailwind3.css +15 -0
|
@@ -2291,7 +2291,8 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
|
|
|
2291
2291
|
}
|
|
2292
2292
|
}
|
|
2293
2293
|
};
|
|
2294
|
-
MenuBase.prototype.setPosition = function (li, ul, top, left) {
|
|
2294
|
+
MenuBase.prototype.setPosition = function (li, ul, top, left, isOpen) {
|
|
2295
|
+
if (isOpen === void 0) { isOpen = false; }
|
|
2295
2296
|
var px = 'px';
|
|
2296
2297
|
this.toggleVisiblity(ul);
|
|
2297
2298
|
if (ul === this.element || (left > -1 && top > -1)) {
|
|
@@ -2350,6 +2351,10 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
|
|
|
2350
2351
|
this.toggleVisiblity(ul, false);
|
|
2351
2352
|
if (this.isCMenu && this.enableScrolling && ul) {
|
|
2352
2353
|
ul.style.height = '';
|
|
2354
|
+
ul.style.top = '';
|
|
2355
|
+
ul.style.left = '';
|
|
2356
|
+
ul.style.width = '';
|
|
2357
|
+
ul.style.position = '';
|
|
2353
2358
|
}
|
|
2354
2359
|
var wrapper = closest(this.element, '.e-' + this.getModuleName() + '-wrapper');
|
|
2355
2360
|
if (!this.isMenu && this.enableScrolling && ul && wrapper && wrapper.offsetHeight > 0) {
|
|
@@ -2367,7 +2372,7 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
|
|
|
2367
2372
|
left: left + "px",
|
|
2368
2373
|
width: cmenuWidth + "px",
|
|
2369
2374
|
position: 'absolute',
|
|
2370
|
-
display: 'none'
|
|
2375
|
+
display: !isOpen ? 'none' : 'block'
|
|
2371
2376
|
});
|
|
2372
2377
|
}
|
|
2373
2378
|
else {
|
|
@@ -2967,6 +2972,11 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
|
|
|
2967
2972
|
addScrolling(this_1.createElement, wrapper, this_1.element, 'hscroll', this_1.enableRtl);
|
|
2968
2973
|
}
|
|
2969
2974
|
}
|
|
2975
|
+
if (this_1.enableScrolling && this_1.element.classList.contains('e-contextmenu')) {
|
|
2976
|
+
this_1.isCMenu = true;
|
|
2977
|
+
this_1.setPosition(this_1.lItem, this_1.uList, this_1.top, this_1.left, true);
|
|
2978
|
+
this_1.isCMenu = false;
|
|
2979
|
+
}
|
|
2970
2980
|
if (!this_1.hamburgerMode) {
|
|
2971
2981
|
for (var i = 1, count = wrapper.childElementCount; i < count; i++) {
|
|
2972
2982
|
detach(wrapper.lastElementChild);
|
|
@@ -8198,6 +8208,7 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
|
|
|
8198
8208
|
if (this.isReact && this.portals && this.portals.length > 0) {
|
|
8199
8209
|
this.renderReactTemplates(function () {
|
|
8200
8210
|
_this.refreshOverflow();
|
|
8211
|
+
_this.selectingContent(_this.selectedItem, _this.isInteracted);
|
|
8201
8212
|
_this.refreshActiveBorder();
|
|
8202
8213
|
});
|
|
8203
8214
|
}
|
|
@@ -9894,7 +9905,11 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
|
|
|
9894
9905
|
*/
|
|
9895
9906
|
Tab.prototype.hideTab = function (index, value) {
|
|
9896
9907
|
var items;
|
|
9897
|
-
var
|
|
9908
|
+
var tabId;
|
|
9909
|
+
if (index >= 0 && index < this.tbItem.length) {
|
|
9910
|
+
tabId = this.tbItem[index].getAttribute('id');
|
|
9911
|
+
}
|
|
9912
|
+
var item = this.element.querySelector("[id=\"" + tabId + "\"]");
|
|
9898
9913
|
if (isNullOrUndefined(item)) {
|
|
9899
9914
|
return;
|
|
9900
9915
|
}
|