@syncfusion/ej2-navigations 25.1.39 → 25.1.41

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 +31 -5
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +31 -5
  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 +8 -8
  13. package/src/accordion/accordion.js +3 -2
  14. package/src/carousel/carousel.js +6 -1
  15. package/src/stepper/stepper.js +1 -1
  16. package/src/toolbar/toolbar.js +1 -1
  17. package/src/treeview/treeview.js +20 -0
  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
@@ -4057,7 +4057,7 @@ var Toolbar = /** @__PURE__ @class */ (function (_super) {
4057
4057
  itemObj = tempItem;
4058
4058
  }
4059
4059
  var eventArgs = { originalEvent: e, item: itemObj };
4060
- var isClickBinded = (this.isAngular) ? itemObj && !isNullOrUndefined(itemObj.click) && itemObj.click.observers.length > 0 : itemObj && !isNullOrUndefined(itemObj.click);
4060
+ var isClickBinded = itemObj && !isNullOrUndefined(itemObj.click) && typeof itemObj.click == 'object' ? !isNullOrUndefined(itemObj.click.observers) && itemObj.click.observers.length > 0 : !isNullOrUndefined(itemObj) && !isNullOrUndefined(itemObj.click);
4061
4061
  if (isClickBinded) {
4062
4062
  this.trigger('items[' + this.tbarEle.indexOf(clst) + '].click', eventArgs);
4063
4063
  }
@@ -6378,13 +6378,14 @@ var Accordion = /** @__PURE__ @class */ (function (_super) {
6378
6378
  return innerEle;
6379
6379
  }
6380
6380
  if (item.header && this.angularnativeCondiCheck(item, 'header')) {
6381
+ var header = item.header;
6381
6382
  if (this.enableHtmlSanitizer && typeof (item.header) === 'string') {
6382
- item.header = SanitizeHtmlHelper.sanitize(item.header);
6383
+ header = SanitizeHtmlHelper.sanitize(item.header);
6383
6384
  }
6384
6385
  var ctnEle = this.headerEleGenerate();
6385
6386
  var hdrEle = this.createElement('div', { className: CLS_HEADERCTN });
6386
6387
  ctnEle.appendChild(hdrEle);
6387
- ctnEle.appendChild(this.fetchElement(hdrEle, item.header, index));
6388
+ ctnEle.appendChild(this.fetchElement(hdrEle, header, index));
6388
6389
  innerEle.appendChild(ctnEle);
6389
6390
  }
6390
6391
  var hdr = select('.' + CLS_HEADER, innerEle);
@@ -10827,14 +10828,23 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
10827
10828
  select('.' + CHECKBOXFRAME, checkboxEle).classList.add(CHECK);
10828
10829
  e.item.setAttribute('aria-checked', 'true');
10829
10830
  this.addCheck(e.item);
10831
+ if (Browser.userAgent.indexOf("Edg") > -1) {
10832
+ checkboxEle.setAttribute('aria-label', "checked");
10833
+ }
10830
10834
  }
10831
10835
  else if (!isNullOrUndefined(checkValue) && checkValue.toString() === 'true') {
10832
10836
  select('.' + CHECKBOXFRAME, checkboxEle).classList.add(CHECK);
10833
10837
  e.item.setAttribute('aria-checked', 'true');
10834
10838
  this.addCheck(e.item);
10839
+ if (Browser.userAgent.indexOf("Edg") > -1) {
10840
+ checkboxEle.setAttribute('aria-label', "checked");
10841
+ }
10835
10842
  }
10836
10843
  else {
10837
10844
  e.item.setAttribute('aria-checked', 'false');
10845
+ if (Browser.userAgent.indexOf("Edg") > -1) {
10846
+ checkboxEle.setAttribute('aria-label', "unchecked");
10847
+ }
10838
10848
  }
10839
10849
  var frame = select('.' + CHECKBOXFRAME, checkboxEle);
10840
10850
  EventHandler.add(frame, 'mousedown', this.frameMouseHandler, this);
@@ -11369,6 +11379,17 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
11369
11379
  ariaState = state === 'check' ? 'true' : state === 'uncheck' ? 'false' : ariaState;
11370
11380
  if (!isNullOrUndefined(ariaState)) {
11371
11381
  currLi.setAttribute('aria-checked', ariaState);
11382
+ if (Browser.userAgent.indexOf("Edg") > -1) {
11383
+ if (ariaState === 'true') {
11384
+ wrapper.setAttribute('aria-label', "checked");
11385
+ }
11386
+ else if (ariaState === 'false') {
11387
+ wrapper.setAttribute('aria-label', "unchecked");
11388
+ }
11389
+ else if (ariaState === 'mixed') {
11390
+ wrapper.setAttribute('aria-label', "indeterminate");
11391
+ }
11392
+ }
11372
11393
  }
11373
11394
  if (isAdd) {
11374
11395
  var data = [].concat([], this.checkActionNodes);
@@ -17967,7 +17988,12 @@ var Carousel = /** @__PURE__ @class */ (function (_super) {
17967
17988
  if (this.itemsContainer && this.itemsContainer.firstElementChild) {
17968
17989
  var numOfItems = this.getNumOfItems();
17969
17990
  var slideWidth = this.itemsContainer.firstElementChild.clientWidth;
17970
- this.itemsContainer.style.transform = this.getTranslateX(slideWidth, this.selectedIndex + numOfItems);
17991
+ if (this.loop) {
17992
+ this.itemsContainer.style.transform = this.getTranslateX(slideWidth, this.selectedIndex + numOfItems);
17993
+ }
17994
+ else {
17995
+ this.itemsContainer.style.transform = this.getTranslateX(slideWidth, this.selectedIndex);
17996
+ }
17971
17997
  }
17972
17998
  };
17973
17999
  Carousel.prototype.wireEvents = function () {
@@ -19560,7 +19586,7 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
19560
19586
  case 'rightarrow':
19561
19587
  case 'tab':
19562
19588
  case 'shiftTab':
19563
- 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);
19589
+ 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);
19564
19590
  break;
19565
19591
  case 'space':
19566
19592
  case 'enter':