@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.
Files changed (53) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/ej2-navigations.min.js +2 -2
  3. package/dist/ej2-navigations.umd.min.js +2 -2
  4. package/dist/ej2-navigations.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-navigations.es2015.js +33 -8
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +33 -8
  8. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  9. package/dist/global/ej2-navigations.min.js +2 -2
  10. package/dist/global/ej2-navigations.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +9 -9
  13. package/src/accordion/accordion.js +3 -2
  14. package/src/common/menu-base.js +4 -1
  15. package/src/stepper/stepper.js +2 -2
  16. package/src/toolbar/toolbar.js +2 -1
  17. package/src/treeview/treeview.js +22 -2
  18. package/styles/bootstrap-dark.css +311 -296
  19. package/styles/bootstrap.css +311 -296
  20. package/styles/bootstrap4.css +311 -296
  21. package/styles/bootstrap5-dark.css +311 -296
  22. package/styles/bootstrap5.css +311 -296
  23. package/styles/fabric-dark.css +311 -296
  24. package/styles/fabric.css +311 -296
  25. package/styles/fluent-dark.css +311 -296
  26. package/styles/fluent.css +311 -296
  27. package/styles/highcontrast-light.css +311 -296
  28. package/styles/highcontrast.css +311 -296
  29. package/styles/material-dark.css +311 -296
  30. package/styles/material.css +311 -296
  31. package/styles/material3-dark.css +311 -296
  32. package/styles/material3.css +311 -296
  33. package/styles/stepper/_layout.scss +162 -242
  34. package/styles/stepper/_theme.scss +158 -184
  35. package/styles/stepper/bootstrap-dark.css +311 -296
  36. package/styles/stepper/bootstrap.css +311 -296
  37. package/styles/stepper/bootstrap4.css +311 -296
  38. package/styles/stepper/bootstrap5-dark.css +311 -296
  39. package/styles/stepper/bootstrap5.css +311 -296
  40. package/styles/stepper/fabric-dark.css +311 -296
  41. package/styles/stepper/fabric.css +311 -296
  42. package/styles/stepper/fluent-dark.css +311 -296
  43. package/styles/stepper/fluent.css +311 -296
  44. package/styles/stepper/highcontrast-light.css +311 -296
  45. package/styles/stepper/highcontrast.css +311 -296
  46. package/styles/stepper/material-dark.css +311 -296
  47. package/styles/stepper/material.css +311 -296
  48. package/styles/stepper/material3-dark.css +311 -296
  49. package/styles/stepper/material3.css +311 -296
  50. package/styles/stepper/tailwind-dark.css +311 -296
  51. package/styles/stepper/tailwind.css +311 -296
  52. package/styles/tailwind-dark.css +311 -296
  53. package/styles/tailwind.css +311 -296
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: index.d.ts
3
- * version : 25.1.38
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.37",
3
+ "_id": "@syncfusion/ej2-navigations@25.1.39",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-Utssl23L5ZJL3oPuJaJQ2saH6siPMhuwcQyAvF5cuMTg8/fuFVzAeCZDudhffDzpCvepXjGthAd5oENi7MLfTw==",
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.37.tgz",
43
- "_shasum": "a4329375ff2a0eb43d7f6a01340cc7d825c57006",
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.35",
55
+ "@syncfusion/ej2-buttons": "~25.1.39",
56
56
  "@syncfusion/ej2-data": "~25.1.35",
57
- "@syncfusion/ej2-inputs": "~25.1.38",
58
- "@syncfusion/ej2-lists": "~25.1.35",
59
- "@syncfusion/ej2-popups": "~25.1.38"
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.38",
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
- item.header = SanitizeHtmlHelper.sanitize(item.header);
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, item.header, index));
575
+ ctnEle.appendChild(this.fetchElement(hdrEle, header, index));
575
576
  innerEle.appendChild(ctnEle);
576
577
  }
577
578
  var hdr = select('.' + CLS_HEADER, innerEle);
@@ -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;
@@ -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 === 'shiftTab' || e.action === 'uparrow') : (e.action === 'rightarrow' || e.action === 'tab' || e.action === 'downarrow'), e);
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':
@@ -639,7 +639,8 @@ var Toolbar = /** @class */ (function (_super) {
639
639
  itemObj = tempItem;
640
640
  }
641
641
  var eventArgs = { originalEvent: e, item: itemObj };
642
- if (itemObj && !isNOU(itemObj.click)) {
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) {
@@ -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
  }