@syncfusion/ej2-navigations 25.2.3 → 25.2.4
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 +15 -0
- 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 +19 -3
- package/dist/es6/ej2-navigations.es2015.js.map +1 -1
- package/dist/es6/ej2-navigations.es5.js +20 -4
- 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 +7 -7
- package/src/common/menu-base.d.ts +1 -0
- package/src/common/menu-base.js +11 -2
- package/src/tab/tab.js +9 -2
|
@@ -1675,7 +1675,7 @@ let MenuBase = class MenuBase extends Component {
|
|
|
1675
1675
|
else if (isOpen && isNullOrUndefined(ulIndex) && this.navIdx.length) {
|
|
1676
1676
|
this.closeMenu(null, e);
|
|
1677
1677
|
}
|
|
1678
|
-
else if (isOpen && !this.isMenu && !ulIndex && this.navIdx.length === 0 && !this.isMenusClosed) {
|
|
1678
|
+
else if (isOpen && !this.isMenu && !ulIndex && this.navIdx.length === 0 && !this.isMenusClosed && !this.isCmenuHover) {
|
|
1679
1679
|
this.isMenusClosed = true;
|
|
1680
1680
|
this.closeMenu(0, e);
|
|
1681
1681
|
}
|
|
@@ -2269,6 +2269,8 @@ let MenuBase = class MenuBase extends Component {
|
|
|
2269
2269
|
moverHandler(e) {
|
|
2270
2270
|
const trgt = e.target;
|
|
2271
2271
|
this.liTrgt = trgt;
|
|
2272
|
+
if (!this.isMenu)
|
|
2273
|
+
this.isCmenuHover = true;
|
|
2272
2274
|
const cli = this.getLI(trgt);
|
|
2273
2275
|
const wrapper = cli ? closest(cli, '.e-' + this.getModuleName() + '-wrapper') : this.getWrapper();
|
|
2274
2276
|
const hdrWrapper = this.getWrapper();
|
|
@@ -2324,6 +2326,8 @@ let MenuBase = class MenuBase extends Component {
|
|
|
2324
2326
|
}
|
|
2325
2327
|
this.isClosed = false;
|
|
2326
2328
|
}
|
|
2329
|
+
if (!this.isMenu)
|
|
2330
|
+
this.isCmenuHover = false;
|
|
2327
2331
|
}
|
|
2328
2332
|
removeStateWrapper() {
|
|
2329
2333
|
if (this.liTrgt) {
|
|
@@ -2441,10 +2445,14 @@ let MenuBase = class MenuBase extends Component {
|
|
|
2441
2445
|
this.keyType = 'click';
|
|
2442
2446
|
if (this.showItemOnClick) {
|
|
2443
2447
|
this.setLISelected(cli);
|
|
2448
|
+
if (!this.isMenu)
|
|
2449
|
+
this.isCmenuHover = true;
|
|
2444
2450
|
}
|
|
2445
2451
|
this.closeMenu(culIdx + 1, e);
|
|
2446
2452
|
if (this.showItemOnClick) {
|
|
2447
2453
|
this.setLISelected(cli);
|
|
2454
|
+
if (!this.isMenu)
|
|
2455
|
+
this.isCmenuHover = false;
|
|
2448
2456
|
}
|
|
2449
2457
|
}
|
|
2450
2458
|
}
|
|
@@ -2900,7 +2908,8 @@ let MenuBase = class MenuBase extends Component {
|
|
|
2900
2908
|
}
|
|
2901
2909
|
end(ul, isMenuOpen) {
|
|
2902
2910
|
if (isMenuOpen) {
|
|
2903
|
-
|
|
2911
|
+
if (this.isMenu || !Browser.isDevice)
|
|
2912
|
+
ul.style.display = 'block';
|
|
2904
2913
|
ul.style.maxHeight = '';
|
|
2905
2914
|
this.triggerOpen(ul);
|
|
2906
2915
|
if (ul.querySelector('.' + FOCUSED)) {
|
|
@@ -9488,7 +9497,14 @@ let Tab = class Tab extends Component {
|
|
|
9488
9497
|
* @private
|
|
9489
9498
|
*/
|
|
9490
9499
|
onPropertyChanged(newProp, oldProp) {
|
|
9491
|
-
|
|
9500
|
+
let sortedKeys = Object.keys(newProp).sort(function (a, b) {
|
|
9501
|
+
if (a === 'items')
|
|
9502
|
+
return -1;
|
|
9503
|
+
if (b === 'items')
|
|
9504
|
+
return 1;
|
|
9505
|
+
return 0;
|
|
9506
|
+
});
|
|
9507
|
+
for (const prop of sortedKeys) {
|
|
9492
9508
|
switch (prop) {
|
|
9493
9509
|
case 'width':
|
|
9494
9510
|
setStyleAttribute(this.element, { width: formatUnit(newProp.width) });
|