@syncfusion/ej2-navigations 25.1.38 → 25.1.40
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 +26 -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 +33 -8
- package/dist/es6/ej2-navigations.es2015.js.map +1 -1
- package/dist/es6/ej2-navigations.es5.js +33 -8
- 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 +9 -9
- package/src/accordion/accordion.js +3 -2
- package/src/common/menu-base.js +4 -1
- package/src/stepper/stepper.js +2 -2
- package/src/toolbar/toolbar.js +2 -1
- package/src/treeview/treeview.js +22 -2
- package/styles/bootstrap-dark.css +311 -296
- package/styles/bootstrap.css +311 -296
- package/styles/bootstrap4.css +311 -296
- package/styles/bootstrap5-dark.css +311 -296
- package/styles/bootstrap5.css +311 -296
- package/styles/fabric-dark.css +311 -296
- package/styles/fabric.css +311 -296
- package/styles/fluent-dark.css +311 -296
- package/styles/fluent.css +311 -296
- package/styles/highcontrast-light.css +311 -296
- package/styles/highcontrast.css +311 -296
- package/styles/material-dark.css +311 -296
- package/styles/material.css +311 -296
- package/styles/material3-dark.css +311 -296
- package/styles/material3.css +311 -296
- package/styles/stepper/_layout.scss +162 -242
- package/styles/stepper/_theme.scss +158 -184
- package/styles/stepper/bootstrap-dark.css +311 -296
- package/styles/stepper/bootstrap.css +311 -296
- package/styles/stepper/bootstrap4.css +311 -296
- package/styles/stepper/bootstrap5-dark.css +311 -296
- package/styles/stepper/bootstrap5.css +311 -296
- package/styles/stepper/fabric-dark.css +311 -296
- package/styles/stepper/fabric.css +311 -296
- package/styles/stepper/fluent-dark.css +311 -296
- package/styles/stepper/fluent.css +311 -296
- package/styles/stepper/highcontrast-light.css +311 -296
- package/styles/stepper/highcontrast.css +311 -296
- package/styles/stepper/material-dark.css +311 -296
- package/styles/stepper/material.css +311 -296
- package/styles/stepper/material3-dark.css +311 -296
- package/styles/stepper/material3.css +311 -296
- package/styles/stepper/tailwind-dark.css +311 -296
- package/styles/stepper/tailwind.css +311 -296
- package/styles/tailwind-dark.css +311 -296
- package/styles/tailwind.css +311 -296
package/dist/global/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* filename: index.d.ts
|
|
3
|
-
* version : 25.1.
|
|
3
|
+
* version : 25.1.40
|
|
4
4
|
* Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
|
|
5
5
|
* Use of this code is subject to the terms of our license.
|
|
6
6
|
* A copy of the current license can be obtained at any time by e-mailing
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"_from": "@syncfusion/ej2-navigations@*",
|
|
3
|
-
"_id": "@syncfusion/ej2-navigations@25.1.
|
|
3
|
+
"_id": "@syncfusion/ej2-navigations@25.1.39",
|
|
4
4
|
"_inBundle": false,
|
|
5
|
-
"_integrity": "sha512-
|
|
5
|
+
"_integrity": "sha512-b6ULde0kOnuY4A0Ho9X+1nkd6G+9vQQoZ/nApM1ctHx8/XVGU0XlFCKKBKCr4RQxIkGos9hZvY/TeAOplvjw1g==",
|
|
6
6
|
"_location": "/@syncfusion/ej2-navigations",
|
|
7
7
|
"_phantomChildren": {},
|
|
8
8
|
"_requested": {
|
|
@@ -39,8 +39,8 @@
|
|
|
39
39
|
"/@syncfusion/ej2-spreadsheet",
|
|
40
40
|
"/@syncfusion/ej2-vue-navigations"
|
|
41
41
|
],
|
|
42
|
-
"_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-25.1.
|
|
43
|
-
"_shasum": "
|
|
42
|
+
"_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-25.1.39.tgz",
|
|
43
|
+
"_shasum": "5d3c7b780b12b3e7c73fe09c025c51d13b43e421",
|
|
44
44
|
"_spec": "@syncfusion/ej2-navigations@*",
|
|
45
45
|
"_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
|
|
46
46
|
"author": {
|
|
@@ -52,11 +52,11 @@
|
|
|
52
52
|
"bundleDependencies": false,
|
|
53
53
|
"dependencies": {
|
|
54
54
|
"@syncfusion/ej2-base": "~25.1.35",
|
|
55
|
-
"@syncfusion/ej2-buttons": "~25.1.
|
|
55
|
+
"@syncfusion/ej2-buttons": "~25.1.39",
|
|
56
56
|
"@syncfusion/ej2-data": "~25.1.35",
|
|
57
|
-
"@syncfusion/ej2-inputs": "~25.1.
|
|
58
|
-
"@syncfusion/ej2-lists": "~25.1.
|
|
59
|
-
"@syncfusion/ej2-popups": "~25.1.
|
|
57
|
+
"@syncfusion/ej2-inputs": "~25.1.40",
|
|
58
|
+
"@syncfusion/ej2-lists": "~25.1.39",
|
|
59
|
+
"@syncfusion/ej2-popups": "~25.1.39"
|
|
60
60
|
},
|
|
61
61
|
"deprecated": false,
|
|
62
62
|
"description": "A package of Essential JS 2 navigation components such as Tree-view, Tab, Toolbar, Context-menu, and Accordion which is used to navigate from one page to another",
|
|
@@ -161,6 +161,6 @@
|
|
|
161
161
|
"url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
|
|
162
162
|
},
|
|
163
163
|
"typings": "index.d.ts",
|
|
164
|
-
"version": "25.1.
|
|
164
|
+
"version": "25.1.40",
|
|
165
165
|
"sideEffects": false
|
|
166
166
|
}
|
|
@@ -565,13 +565,14 @@ var Accordion = /** @class */ (function (_super) {
|
|
|
565
565
|
return innerEle;
|
|
566
566
|
}
|
|
567
567
|
if (item.header && this.angularnativeCondiCheck(item, 'header')) {
|
|
568
|
+
var header = item.header;
|
|
568
569
|
if (this.enableHtmlSanitizer && typeof (item.header) === 'string') {
|
|
569
|
-
|
|
570
|
+
header = SanitizeHtmlHelper.sanitize(item.header);
|
|
570
571
|
}
|
|
571
572
|
var ctnEle = this.headerEleGenerate();
|
|
572
573
|
var hdrEle = this.createElement('div', { className: CLS_HEADERCTN });
|
|
573
574
|
ctnEle.appendChild(hdrEle);
|
|
574
|
-
ctnEle.appendChild(this.fetchElement(hdrEle,
|
|
575
|
+
ctnEle.appendChild(this.fetchElement(hdrEle, header, index));
|
|
575
576
|
innerEle.appendChild(ctnEle);
|
|
576
577
|
}
|
|
577
578
|
var hdr = select('.' + CLS_HEADER, innerEle);
|
package/src/common/menu-base.js
CHANGED
|
@@ -469,12 +469,15 @@ var MenuBase = /** @class */ (function (_super) {
|
|
|
469
469
|
else if ((action === DOWNARROW) || (action === RIGHTARROW)) {
|
|
470
470
|
index++;
|
|
471
471
|
}
|
|
472
|
+
else if (action === 'tab' && cli.classList.contains(SEPARATOR)) {
|
|
473
|
+
index++;
|
|
474
|
+
}
|
|
472
475
|
else {
|
|
473
476
|
index--;
|
|
474
477
|
}
|
|
475
478
|
}
|
|
476
479
|
cli = cul.children[index];
|
|
477
|
-
if (cli.classList.contains(SEPARATOR) || cli.classList.contains(DISABLED) || cli.classList.contains(HIDE)) {
|
|
480
|
+
if (cli && (cli.classList.contains(SEPARATOR) || cli.classList.contains(DISABLED) || cli.classList.contains(HIDE))) {
|
|
478
481
|
index = this.isValidLI(cli, index, action);
|
|
479
482
|
}
|
|
480
483
|
return index;
|
package/src/stepper/stepper.js
CHANGED
|
@@ -747,7 +747,7 @@ var Stepper = /** @class */ (function (_super) {
|
|
|
747
747
|
}
|
|
748
748
|
var prevOnChange = this.isProtectedOnChange;
|
|
749
749
|
this.isProtectedOnChange = true;
|
|
750
|
-
this.activeStep = index;
|
|
750
|
+
this.activeStep = parseInt(index.toString(), 10);
|
|
751
751
|
this.isProtectedOnChange = prevOnChange;
|
|
752
752
|
for (var i = 0; i < this.steps.length; i++) {
|
|
753
753
|
var itemElement = this.stepperItemElements[parseInt(i.toString(), 10)];
|
|
@@ -928,7 +928,7 @@ var Stepper = /** @class */ (function (_super) {
|
|
|
928
928
|
case 'rightarrow':
|
|
929
929
|
case 'tab':
|
|
930
930
|
case 'shiftTab':
|
|
931
|
-
this.handleNavigation(this.enableRtl && this.element.classList.contains(HORIZSTEP) ? (e.action === 'leftarrow' || e.action === '
|
|
931
|
+
this.handleNavigation(this.enableRtl && this.element.classList.contains(HORIZSTEP) ? (e.action === 'leftarrow' || e.action === 'tab' || e.action === 'uparrow') : (e.action === 'rightarrow' || e.action === 'tab' || e.action === 'downarrow'), e);
|
|
932
932
|
break;
|
|
933
933
|
case 'space':
|
|
934
934
|
case 'enter':
|
package/src/toolbar/toolbar.js
CHANGED
|
@@ -639,7 +639,8 @@ var Toolbar = /** @class */ (function (_super) {
|
|
|
639
639
|
itemObj = tempItem;
|
|
640
640
|
}
|
|
641
641
|
var eventArgs = { originalEvent: e, item: itemObj };
|
|
642
|
-
|
|
642
|
+
var isClickBinded = itemObj && !isNOU(itemObj.click) && typeof itemObj.click == 'object' ? !isNOU(itemObj.click.observers) && itemObj.click.observers.length > 0 : !isNOU(itemObj) && !isNOU(itemObj.click);
|
|
643
|
+
if (isClickBinded) {
|
|
643
644
|
this.trigger('items[' + this.tbarEle.indexOf(clst) + '].click', eventArgs);
|
|
644
645
|
}
|
|
645
646
|
if (!eventArgs.cancel) {
|
package/src/treeview/treeview.js
CHANGED
|
@@ -762,14 +762,23 @@ var TreeView = /** @class */ (function (_super) {
|
|
|
762
762
|
select('.' + CHECKBOXFRAME, checkboxEle).classList.add(CHECK);
|
|
763
763
|
e.item.setAttribute('aria-checked', 'true');
|
|
764
764
|
this.addCheck(e.item);
|
|
765
|
+
if (Browser.userAgent.indexOf("Edg") > -1) {
|
|
766
|
+
checkboxEle.setAttribute('aria-label', "checked");
|
|
767
|
+
}
|
|
765
768
|
}
|
|
766
769
|
else if (!isNOU(checkValue) && checkValue.toString() === 'true') {
|
|
767
770
|
select('.' + CHECKBOXFRAME, checkboxEle).classList.add(CHECK);
|
|
768
771
|
e.item.setAttribute('aria-checked', 'true');
|
|
769
772
|
this.addCheck(e.item);
|
|
773
|
+
if (Browser.userAgent.indexOf("Edg") > -1) {
|
|
774
|
+
checkboxEle.setAttribute('aria-label', "checked");
|
|
775
|
+
}
|
|
770
776
|
}
|
|
771
777
|
else {
|
|
772
778
|
e.item.setAttribute('aria-checked', 'false');
|
|
779
|
+
if (Browser.userAgent.indexOf("Edg") > -1) {
|
|
780
|
+
checkboxEle.setAttribute('aria-label', "unchecked");
|
|
781
|
+
}
|
|
773
782
|
}
|
|
774
783
|
var frame = select('.' + CHECKBOXFRAME, checkboxEle);
|
|
775
784
|
EventHandler.add(frame, 'mousedown', this.frameMouseHandler, this);
|
|
@@ -1304,6 +1313,17 @@ var TreeView = /** @class */ (function (_super) {
|
|
|
1304
1313
|
ariaState = state === 'check' ? 'true' : state === 'uncheck' ? 'false' : ariaState;
|
|
1305
1314
|
if (!isNOU(ariaState)) {
|
|
1306
1315
|
currLi.setAttribute('aria-checked', ariaState);
|
|
1316
|
+
if (Browser.userAgent.indexOf("Edg") > -1) {
|
|
1317
|
+
if (ariaState === 'true') {
|
|
1318
|
+
wrapper.setAttribute('aria-label', "checked");
|
|
1319
|
+
}
|
|
1320
|
+
else if (ariaState === 'false') {
|
|
1321
|
+
wrapper.setAttribute('aria-label', "unchecked");
|
|
1322
|
+
}
|
|
1323
|
+
else if (ariaState === 'mixed') {
|
|
1324
|
+
wrapper.setAttribute('aria-label', "indeterminate");
|
|
1325
|
+
}
|
|
1326
|
+
}
|
|
1307
1327
|
}
|
|
1308
1328
|
if (isAdd) {
|
|
1309
1329
|
var data = [].concat([], this.checkActionNodes);
|
|
@@ -2610,7 +2630,7 @@ var TreeView = /** @class */ (function (_super) {
|
|
|
2610
2630
|
var nextNode = isTowards ? this.getNextNode(li) : this.getPrevNode(li);
|
|
2611
2631
|
this.setFocus(li, nextNode);
|
|
2612
2632
|
this.navigateToFocus(!isTowards);
|
|
2613
|
-
if (nextNode.classList.contains('e-disable')) {
|
|
2633
|
+
if (nextNode.classList.contains('e-disable') || nextNode.classList.contains('e-prevent')) {
|
|
2614
2634
|
var lastChild = nextNode.lastChild;
|
|
2615
2635
|
if (nextNode.previousSibling == null && nextNode.classList.contains('e-level-1')) {
|
|
2616
2636
|
this.focusNextNode(nextNode, true);
|
|
@@ -2690,7 +2710,7 @@ var TreeView = /** @class */ (function (_super) {
|
|
|
2690
2710
|
TreeView.prototype.focusIn = function () {
|
|
2691
2711
|
if (!this.mouseDownStatus) {
|
|
2692
2712
|
var focusedElement = this.getFocusedNode();
|
|
2693
|
-
if (focusedElement.classList.contains('e-disable')) {
|
|
2713
|
+
if (focusedElement.classList.contains('e-disable') || focusedElement.classList.contains('e-prevent')) {
|
|
2694
2714
|
focusedElement.setAttribute("tabindex", "-1");
|
|
2695
2715
|
this.navigateNode(true);
|
|
2696
2716
|
}
|