@syncfusion/ej2-navigations 24.2.4 → 24.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.
Files changed (53) hide show
  1. package/CHANGELOG.md +9 -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 +9 -11
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +9 -11
  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 +10 -10
  13. package/src/treeview/treeview.js +9 -11
  14. package/styles/bootstrap-dark.css +26 -4
  15. package/styles/bootstrap.css +22 -0
  16. package/styles/bootstrap4.css +26 -4
  17. package/styles/bootstrap5-dark.css +22 -0
  18. package/styles/bootstrap5.css +22 -0
  19. package/styles/fabric-dark.css +22 -0
  20. package/styles/fabric.css +22 -0
  21. package/styles/fluent-dark.css +33 -11
  22. package/styles/fluent.css +33 -11
  23. package/styles/highcontrast-light.css +22 -0
  24. package/styles/highcontrast.css +22 -0
  25. package/styles/material-dark.css +22 -0
  26. package/styles/material.css +22 -0
  27. package/styles/material3-dark.css +22 -0
  28. package/styles/material3.css +22 -0
  29. package/styles/tailwind-dark.css +22 -0
  30. package/styles/tailwind.css +22 -0
  31. package/styles/toolbar/_bootstrap-dark-definition.scss +3 -3
  32. package/styles/toolbar/_bootstrap4-definition.scss +3 -3
  33. package/styles/toolbar/_fluent-definition.scss +3 -3
  34. package/styles/toolbar/_layout.scss +35 -0
  35. package/styles/toolbar/bootstrap-dark.css +26 -4
  36. package/styles/toolbar/bootstrap.css +22 -0
  37. package/styles/toolbar/bootstrap4.css +26 -4
  38. package/styles/toolbar/bootstrap5-dark.css +22 -0
  39. package/styles/toolbar/bootstrap5.css +22 -0
  40. package/styles/toolbar/fabric-dark.css +22 -0
  41. package/styles/toolbar/fabric.css +22 -0
  42. package/styles/toolbar/fluent-dark.css +33 -11
  43. package/styles/toolbar/fluent.css +33 -11
  44. package/styles/toolbar/highcontrast-light.css +22 -0
  45. package/styles/toolbar/highcontrast.css +22 -0
  46. package/styles/toolbar/material-dark.css +22 -0
  47. package/styles/toolbar/material.css +22 -0
  48. package/styles/toolbar/material3-dark.css +22 -0
  49. package/styles/toolbar/material3.css +22 -0
  50. package/styles/toolbar/tailwind-dark.css +22 -0
  51. package/styles/toolbar/tailwind.css +22 -0
  52. package/.github/PULL_REQUEST_TEMPLATE/Bug.md +0 -63
  53. package/.github/PULL_REQUEST_TEMPLATE/feature.md +0 -39
@@ -10741,7 +10741,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
10741
10741
  element = this.element.querySelector('[data-uid="' + data[this.fields.id] + '"]');
10742
10742
  }
10743
10743
  if (element) {
10744
- var ariaChecked = element.querySelector('.' + CHECKBOXWRAP).getAttribute('aria-checked');
10744
+ var ariaChecked = element.getAttribute('aria-checked');
10745
10745
  if (ariaChecked !== 'true') {
10746
10746
  this.changeState(element, 'indeterminate', null, true, true);
10747
10747
  }
@@ -10796,24 +10796,22 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
10796
10796
  TreeView.prototype.beforeNodeCreate = function (e) {
10797
10797
  if (this.showCheckBox) {
10798
10798
  var checkboxEle = createCheckBox(this.createElement, true, { cssClass: this.touchClass });
10799
- checkboxEle.setAttribute('role', 'checkbox');
10800
- checkboxEle.setAttribute('aria-label', e.text);
10801
10799
  var icon = select('div.' + ICON, e.item);
10802
10800
  var id = e.item.getAttribute('data-uid');
10803
10801
  e.item.childNodes[0].insertBefore(checkboxEle, e.item.childNodes[0].childNodes[isNullOrUndefined(icon) ? 0 : 1]);
10804
10802
  var checkValue = getValue(e.fields.isChecked, e.curData);
10805
10803
  if (this.checkedNodes.indexOf(id) > -1) {
10806
10804
  select('.' + CHECKBOXFRAME, checkboxEle).classList.add(CHECK);
10807
- checkboxEle.setAttribute('aria-checked', 'true');
10805
+ e.item.setAttribute('aria-checked', 'true');
10808
10806
  this.addCheck(e.item);
10809
10807
  }
10810
10808
  else if (!isNullOrUndefined(checkValue) && checkValue.toString() === 'true') {
10811
10809
  select('.' + CHECKBOXFRAME, checkboxEle).classList.add(CHECK);
10812
- checkboxEle.setAttribute('aria-checked', 'true');
10810
+ e.item.setAttribute('aria-checked', 'true');
10813
10811
  this.addCheck(e.item);
10814
10812
  }
10815
10813
  else {
10816
- checkboxEle.setAttribute('aria-checked', 'false');
10814
+ e.item.setAttribute('aria-checked', 'false');
10817
10815
  }
10818
10816
  var frame = select('.' + CHECKBOXFRAME, checkboxEle);
10819
10817
  EventHandler.add(frame, 'mousedown', this.frameMouseHandler, this);
@@ -11347,7 +11345,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
11347
11345
  }
11348
11346
  ariaState = state === 'check' ? 'true' : state === 'uncheck' ? 'false' : ariaState;
11349
11347
  if (!isNullOrUndefined(ariaState)) {
11350
- wrapper.setAttribute('aria-checked', ariaState);
11348
+ currLi.setAttribute('aria-checked', ariaState);
11351
11349
  }
11352
11350
  if (isAdd) {
11353
11351
  var data = [].concat([], this.checkActionNodes);
@@ -11361,7 +11359,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
11361
11359
  }
11362
11360
  if (!isPrevent) {
11363
11361
  if (!isNullOrUndefined(ariaState)) {
11364
- wrapper.setAttribute('aria-checked', ariaState);
11362
+ currLi.setAttribute('aria-checked', ariaState);
11365
11363
  eventArgs.data[0].checked = ariaState;
11366
11364
  this.trigger('nodeChecked', eventArgs);
11367
11365
  this.checkActionNodes = [];
@@ -12067,7 +12065,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
12067
12065
  }
12068
12066
  };
12069
12067
  TreeView.prototype.nodeSelectAction = function (li, e, eventArgs, multiSelect) {
12070
- if (!this.allowMultiSelection || (!multiSelect && (!e || (e && !e.ctrlKey)))) {
12068
+ if (!this.allowMultiSelection || (!multiSelect && (!e || (e && !(e.ctrlKey || e.metaKey))))) {
12071
12069
  this.removeSelectAll();
12072
12070
  }
12073
12071
  if (this.allowMultiSelection && e && e.shiftKey) {
@@ -12395,7 +12393,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
12395
12393
  this.checkActionNodes = [];
12396
12394
  var ariaState = !isCheck ? 'true' : 'false';
12397
12395
  if (!isNullOrUndefined(ariaState)) {
12398
- checkWrap.setAttribute('aria-checked', ariaState);
12396
+ currLi.setAttribute('aria-checked', ariaState);
12399
12397
  }
12400
12398
  var eventArgs = this.getCheckEvent(currLi, isCheck ? 'uncheck' : 'check', e);
12401
12399
  this.trigger('nodeChecking', eventArgs, function (observedArgs) {
@@ -12791,7 +12789,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
12791
12789
  var checked = null;
12792
12790
  var checkboxElement = select('.' + CHECKBOXWRAP, currLi);
12793
12791
  if (this.showCheckBox && checkboxElement) {
12794
- checked = checkboxElement.getAttribute('aria-checked');
12792
+ checked = currLi.getAttribute('aria-checked');
12795
12793
  }
12796
12794
  return {
12797
12795
  id: id, text: text, parentID: pid, selected: selected, selectable: selectable, expanded: expanded,