@syncfusion/ej2-navigations 20.3.56 → 20.3.58

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 (60) hide show
  1. package/CHANGELOG.md +18 -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 +46 -22
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +46 -22
  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/carousel/carousel.js +8 -3
  14. package/src/treeview/treeview.js +38 -19
  15. package/styles/bootstrap-dark.css +97 -102
  16. package/styles/bootstrap.css +97 -102
  17. package/styles/bootstrap4.css +97 -102
  18. package/styles/bootstrap5-dark.css +97 -102
  19. package/styles/bootstrap5.css +97 -102
  20. package/styles/fabric-dark.css +108 -108
  21. package/styles/fabric.css +108 -108
  22. package/styles/fluent-dark.css +97 -101
  23. package/styles/fluent.css +97 -101
  24. package/styles/highcontrast-light.css +108 -108
  25. package/styles/highcontrast.css +108 -108
  26. package/styles/material-dark.css +95 -95
  27. package/styles/material.css +95 -95
  28. package/styles/pager/bootstrap-dark.css +9 -9
  29. package/styles/pager/bootstrap.css +9 -9
  30. package/styles/pager/bootstrap4.css +9 -9
  31. package/styles/pager/bootstrap5-dark.css +9 -9
  32. package/styles/pager/bootstrap5.css +9 -9
  33. package/styles/pager/fabric-dark.css +9 -9
  34. package/styles/pager/fabric.css +9 -9
  35. package/styles/pager/fluent-dark.css +9 -9
  36. package/styles/pager/fluent.css +9 -9
  37. package/styles/pager/highcontrast-light.css +9 -9
  38. package/styles/pager/highcontrast.css +9 -9
  39. package/styles/pager/material-dark.css +9 -9
  40. package/styles/pager/material.css +9 -9
  41. package/styles/pager/tailwind-dark.css +9 -9
  42. package/styles/pager/tailwind.css +9 -9
  43. package/styles/tab/_layout.scss +6 -19
  44. package/styles/tab/bootstrap-dark.css +88 -93
  45. package/styles/tab/bootstrap.css +88 -93
  46. package/styles/tab/bootstrap4.css +88 -93
  47. package/styles/tab/bootstrap5-dark.css +88 -93
  48. package/styles/tab/bootstrap5.css +88 -93
  49. package/styles/tab/fabric-dark.css +99 -99
  50. package/styles/tab/fabric.css +99 -99
  51. package/styles/tab/fluent-dark.css +88 -92
  52. package/styles/tab/fluent.css +88 -92
  53. package/styles/tab/highcontrast-light.css +99 -99
  54. package/styles/tab/highcontrast.css +99 -99
  55. package/styles/tab/material-dark.css +86 -86
  56. package/styles/tab/material.css +86 -86
  57. package/styles/tab/tailwind-dark.css +86 -86
  58. package/styles/tab/tailwind.css +86 -86
  59. package/styles/tailwind-dark.css +95 -95
  60. package/styles/tailwind.css +95 -95
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: index.d.ts
3
- * version : 20.3.56
3
+ * version : 20.3.58
4
4
  * Copyright Syncfusion Inc. 2001 - 2020. 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@20.3.50",
3
+ "_id": "@syncfusion/ej2-navigations@20.3.57",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-EuYARYHDLExAFAHxlNWuBdHBzHZXf3Y0fLGFap55QyLRjG9Sx5NouaFi9jURFmqki+7oQE2u0TGk+nKY8/VMzA==",
5
+ "_integrity": "sha512-rj+kdc64a6LVN5O58sjyKfcH37SLQnYxITd9VRoc2N+qhkn0XxRCDw+qAgfF8NQU25oHZlW2fy0jgW9tky/YQA==",
6
6
  "_location": "/@syncfusion/ej2-navigations",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -38,8 +38,8 @@
38
38
  "/@syncfusion/ej2-spreadsheet",
39
39
  "/@syncfusion/ej2-vue-navigations"
40
40
  ],
41
- "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-20.3.50.tgz",
42
- "_shasum": "ec78f7deba040fb974fc40c4acb4dc4b53dbf5bd",
41
+ "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-20.3.57.tgz",
42
+ "_shasum": "288f223b59d58007b99707177429330fb6ce944e",
43
43
  "_spec": "@syncfusion/ej2-navigations@*",
44
44
  "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
45
45
  "author": {
@@ -51,11 +51,11 @@
51
51
  "bundleDependencies": false,
52
52
  "dependencies": {
53
53
  "@syncfusion/ej2-base": "~20.3.56",
54
- "@syncfusion/ej2-buttons": "~20.3.56",
54
+ "@syncfusion/ej2-buttons": "~20.3.58",
55
55
  "@syncfusion/ej2-data": "~20.3.56",
56
- "@syncfusion/ej2-inputs": "~20.3.56",
56
+ "@syncfusion/ej2-inputs": "~20.3.57",
57
57
  "@syncfusion/ej2-lists": "~20.3.56",
58
- "@syncfusion/ej2-popups": "~20.3.56"
58
+ "@syncfusion/ej2-popups": "~20.3.58"
59
59
  },
60
60
  "deprecated": false,
61
61
  "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",
@@ -160,6 +160,6 @@
160
160
  "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
161
161
  },
162
162
  "typings": "index.d.ts",
163
- "version": "20.3.56",
163
+ "version": "20.3.58",
164
164
  "sideEffects": false
165
165
  }
@@ -352,8 +352,10 @@ var Carousel = /** @class */ (function (_super) {
352
352
  var navigators = this.createElement('div', { className: CLS_NAVIGATORS });
353
353
  var itemsContainer = this.element.querySelector("." + CLS_SLIDE_CONTAINER);
354
354
  itemsContainer.insertAdjacentElement('afterend', navigators);
355
- this.renderNavigatorButton('Previous');
356
- this.renderNavigatorButton('Next');
355
+ if (!isNullOrUndefined(this.slideItems) && this.slideItems.length > 1) {
356
+ this.renderNavigatorButton('Previous');
357
+ this.renderNavigatorButton('Next');
358
+ }
357
359
  this.renderTemplates();
358
360
  };
359
361
  Carousel.prototype.renderNavigatorButton = function (direction) {
@@ -389,7 +391,7 @@ var Carousel = /** @class */ (function (_super) {
389
391
  EventHandler.add(buttonContainer, 'click', this.navigatorClickHandler, this);
390
392
  };
391
393
  Carousel.prototype.renderPlayButton = function () {
392
- if (this.buttonsVisibility === 'Hidden' || !this.showPlayButton) {
394
+ if (isNullOrUndefined(this.slideItems) || this.buttonsVisibility === 'Hidden' || !this.showPlayButton || this.slideItems.length <= 1) {
393
395
  return;
394
396
  }
395
397
  var playPauseWrap = this.createElement('div', {
@@ -490,6 +492,9 @@ var Carousel = /** @class */ (function (_super) {
490
492
  }
491
493
  };
492
494
  Carousel.prototype.autoSlide = function () {
495
+ if (isNullOrUndefined(this.slideItems) || this.slideItems.length <= 1) {
496
+ return;
497
+ }
493
498
  this.resetSlideInterval();
494
499
  this.applySlideInterval();
495
500
  };
@@ -81,7 +81,7 @@ var CHILD = 'e-has-child';
81
81
  var ITEM_ANIMATION_ACTIVE = 'e-animation-active';
82
82
  var DISABLED = 'e-disabled';
83
83
  var treeAriaAttr = {
84
- treeRole: 'tree',
84
+ treeRole: 'group',
85
85
  itemRole: 'treeitem',
86
86
  listRole: 'group',
87
87
  itemText: '',
@@ -742,6 +742,7 @@ var TreeView = /** @class */ (function (_super) {
742
742
  if (this.showCheckBox) {
743
743
  var checkboxEle = createCheckBox(this.createElement, true, { cssClass: this.touchClass });
744
744
  checkboxEle.setAttribute('role', 'checkbox');
745
+ checkboxEle.setAttribute('aria-label', 'checkbox');
745
746
  var icon = select('div.' + ICON, e.item);
746
747
  var id = e.item.getAttribute('data-uid');
747
748
  e.item.childNodes[0].insertBefore(checkboxEle, e.item.childNodes[0].childNodes[isNOU(icon) ? 0 : 1]);
@@ -3668,6 +3669,19 @@ var TreeView = /** @class */ (function (_super) {
3668
3669
  this.updateMapper(level);
3669
3670
  }
3670
3671
  var li = ListBase.createListItemFromJson(this.createElement, sNodes, this.listBaseOption, level);
3672
+ var id = this.getId(dropLi);
3673
+ var refNode;
3674
+ var dropIcon1;
3675
+ if (!isNullOrUndefined(dropLi)) {
3676
+ dropIcon1 = select('div.' + ICON, dropLi);
3677
+ }
3678
+ if (this.dataType === 1 && dropIcon1 && dropIcon1.classList.contains(EXPANDABLE)) {
3679
+ this.preventExpand = true;
3680
+ }
3681
+ if (this.dataType !== 1) {
3682
+ this.addChildData(this.treeData, this.fields, id, nodes, index);
3683
+ this.isFirstRender = false;
3684
+ }
3671
3685
  var dropUl;
3672
3686
  if (!dropEle) {
3673
3687
  dropUl = dropLi ? this.expandParent(dropLi) : select('.' + PARENTITEM, this.element);
@@ -3675,26 +3689,34 @@ var TreeView = /** @class */ (function (_super) {
3675
3689
  else {
3676
3690
  dropUl = dropEle;
3677
3691
  }
3678
- var refNode = dropUl.childNodes[index];
3679
- if (refNode || this.sortOrder === 'None') {
3680
- for (var i = 0; i < li.length; i++) {
3681
- dropUl.insertBefore(li[i], refNode);
3692
+ refNode = dropUl.childNodes[index];
3693
+ if (!this.isFirstRender || (this.dataType === 1)) {
3694
+ if (refNode || this.sortOrder === 'None') {
3695
+ for (var i = 0; i < li.length; i++) {
3696
+ dropUl.insertBefore(li[i], refNode);
3697
+ }
3698
+ if (this.dataType === 1 && !isNullOrUndefined(dropLi)) {
3699
+ this.preventExpand = false;
3700
+ var dropIcon = select('div.' + ICON, dropLi);
3701
+ if (dropIcon && dropIcon.classList.contains(EXPANDABLE)) {
3702
+ this.expandAction(dropLi, dropIcon, null);
3703
+ }
3704
+ }
3682
3705
  }
3683
- }
3684
- if (!refNode && ((this.sortOrder === 'Ascending') || (this.sortOrder === 'Descending'))) {
3685
- var cNodes = dropUl.childNodes;
3686
- for (var i = 0; i < li.length; i++) {
3687
- for (var j = 0; j < cNodes.length; j++) {
3688
- var returnValue = (this.sortOrder === 'Ascending') ? cNodes[j].textContent.toUpperCase() > li[i].innerText.toUpperCase() : cNodes[j].textContent.toUpperCase() < li[i].innerText.toUpperCase();
3689
- if (returnValue) {
3690
- dropUl.insertBefore(li[i], cNodes[j]);
3691
- break;
3706
+ if (!refNode && ((this.sortOrder === 'Ascending') || (this.sortOrder === 'Descending'))) {
3707
+ var cNodes = dropUl.childNodes;
3708
+ for (var i = 0; i < li.length; i++) {
3709
+ for (var j = 0; j < cNodes.length; j++) {
3710
+ var returnValue = (this.sortOrder === 'Ascending') ? cNodes[j].textContent.toUpperCase() > li[i].innerText.toUpperCase() : cNodes[j].textContent.toUpperCase() < li[i].innerText.toUpperCase();
3711
+ if (returnValue) {
3712
+ dropUl.insertBefore(li[i], cNodes[j]);
3713
+ break;
3714
+ }
3715
+ dropUl.insertBefore(li[i], cNodes[cNodes.length]);
3692
3716
  }
3693
- dropUl.insertBefore(li[i], cNodes[cNodes.length]);
3694
3717
  }
3695
3718
  }
3696
3719
  }
3697
- var id = this.getId(dropLi);
3698
3720
  if (this.dataType === 1) {
3699
3721
  this.updateField(this.treeData, this.fields, id, 'hasChildren', true);
3700
3722
  var refId = this.getId(refNode);
@@ -3708,9 +3730,6 @@ var TreeView = /** @class */ (function (_super) {
3708
3730
  pos++;
3709
3731
  }
3710
3732
  }
3711
- else {
3712
- this.addChildData(this.treeData, this.fields, id, nodes, index);
3713
- }
3714
3733
  this.finalizeNode(dropUl);
3715
3734
  };
3716
3735
  TreeView.prototype.updateMapper = function (level) {