@syncfusion/ej2-navigations 19.3.46 → 19.3.57

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 (45) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/README.md +1 -1
  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 +39 -16
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +39 -16
  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 +11 -11
  13. package/src/breadcrumb/breadcrumb.js +10 -2
  14. package/src/common/menu-base.js +2 -2
  15. package/src/sidebar/sidebar.js +4 -4
  16. package/src/tab/tab.js +3 -3
  17. package/src/treeview/treeview.js +20 -5
  18. package/styles/bootstrap-dark.css +12 -0
  19. package/styles/bootstrap.css +12 -0
  20. package/styles/bootstrap4.css +12 -0
  21. package/styles/bootstrap5-dark.css +12 -0
  22. package/styles/bootstrap5.css +12 -0
  23. package/styles/breadcrumb/_layout.scss +11 -0
  24. package/styles/breadcrumb/_theme.scss +1 -1
  25. package/styles/breadcrumb/bootstrap-dark.css +12 -0
  26. package/styles/breadcrumb/bootstrap.css +12 -0
  27. package/styles/breadcrumb/bootstrap4.css +12 -0
  28. package/styles/breadcrumb/bootstrap5-dark.css +12 -0
  29. package/styles/breadcrumb/bootstrap5.css +12 -0
  30. package/styles/breadcrumb/fabric-dark.css +12 -0
  31. package/styles/breadcrumb/fabric.css +12 -0
  32. package/styles/breadcrumb/highcontrast-light.css +13 -1
  33. package/styles/breadcrumb/highcontrast.css +13 -1
  34. package/styles/breadcrumb/material-dark.css +12 -0
  35. package/styles/breadcrumb/material.css +12 -0
  36. package/styles/breadcrumb/tailwind-dark.css +12 -0
  37. package/styles/breadcrumb/tailwind.css +12 -0
  38. package/styles/fabric-dark.css +12 -0
  39. package/styles/fabric.css +12 -0
  40. package/styles/highcontrast-light.css +13 -1
  41. package/styles/highcontrast.css +13 -1
  42. package/styles/material-dark.css +12 -0
  43. package/styles/material.css +12 -0
  44. package/styles/tailwind-dark.css +12 -0
  45. package/styles/tailwind.css +12 -0
@@ -2015,8 +2015,8 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
2015
2015
  _this.setBlankIconStyle(_this.popupWrapper);
2016
2016
  _this.wireKeyboardEvent(_this.popupWrapper);
2017
2017
  rippleEffect(_this.popupWrapper, { selector: '.' + ITEM });
2018
- _this.popupWrapper.style.left = _this.left + pageXOffset + 'px';
2019
- _this.popupWrapper.style.top = _this.top + pageYOffset + 'px';
2018
+ _this.popupWrapper.style.left = _this.left + 'px';
2019
+ _this.popupWrapper.style.top = _this.top + 'px';
2020
2020
  var animationOptions = _this.animationSettings.effect !== 'None' ? {
2021
2021
  name: _this.animationSettings.effect, duration: _this.animationSettings.duration,
2022
2022
  timingFunction: _this.animationSettings.easing
@@ -7723,7 +7723,7 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
7723
7723
  };
7724
7724
  Tab.prototype.parseObject = function (items, index) {
7725
7725
  var _this = this;
7726
- var tbCount = selectAll('.' + CLS_TB_ITEM, this.element).length;
7726
+ var tbCount = selectAll('.e-tab-header .' + CLS_TB_ITEM, this.element).length;
7727
7727
  var tItems = [];
7728
7728
  var txtWrapEle;
7729
7729
  var spliceArray = [];
@@ -8631,7 +8631,7 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
8631
8631
  var hdr = this.element.querySelectorAll('.' + CLS_TB_ITEM)[index];
8632
8632
  var itemIndex = void 0;
8633
8633
  if (hdr && !isNullOrUndefined(hdr.id) && hdr.id !== '') {
8634
- var num = (hdr.id.indexOf('_'));
8634
+ var num = (hdr.id.lastIndexOf('_'));
8635
8635
  itemIndex = parseInt(hdr.id.substring(num + 1), 10);
8636
8636
  }
8637
8637
  else {
@@ -8995,7 +8995,7 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
8995
8995
  this.reRenderItems();
8996
8996
  }
8997
8997
  else {
8998
- var itemsCount = selectAll('.' + CLS_TB_ITEM, this.element).length;
8998
+ var itemsCount = selectAll('.e-tab-header .' + CLS_TB_ITEM, this.element).length;
8999
8999
  if (itemsCount !== 0) {
9000
9000
  lastEleIndex = this.lastIndex + 1;
9001
9001
  }
@@ -10557,6 +10557,10 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
10557
10557
  var id = childItems[i][this.fields.id] ? childItems[i][this.fields.id].toString() : null;
10558
10558
  if (this.checkedNodes.indexOf(id) !== -1) {
10559
10559
  this.checkedNodes.splice(this.checkedNodes.indexOf(id), 1);
10560
+ var ele = this.element.querySelector('[data-uid="' + id + '"]');
10561
+ if (ele) {
10562
+ this.changeState(ele, 'uncheck', null);
10563
+ }
10560
10564
  }
10561
10565
  }
10562
10566
  if (this.parentNodeCheck.indexOf(node) !== -1) {
@@ -10788,6 +10792,9 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
10788
10792
  var _this = this;
10789
10793
  var eventArgs;
10790
10794
  var currLi = closest(wrapper, '.' + LISTITEM);
10795
+ if (wrapper === currLi) {
10796
+ wrapper = select('.' + CHECKBOXWRAP, currLi);
10797
+ }
10791
10798
  if (!isPrevent) {
10792
10799
  this.checkActionNodes = [];
10793
10800
  eventArgs = this.getCheckEvent(currLi, state, e);
@@ -11792,8 +11799,10 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
11792
11799
  TreeView.prototype.nodeCheckingAction = function (checkWrap, isCheck, li, eventArgs, e) {
11793
11800
  if (this.checkedElement.indexOf(li.getAttribute('data-uid')) === -1) {
11794
11801
  this.checkedElement.push(li.getAttribute('data-uid'));
11795
- var child = this.getChildNodes(this.treeData, li.getAttribute('data-uid'));
11796
- (child !== null) ? this.allCheckNode(child, this.checkedElement, null, null, false) : child = null;
11802
+ if (this.autoCheck) {
11803
+ var child = this.getChildNodes(this.treeData, li.getAttribute('data-uid'));
11804
+ (child !== null) ? this.allCheckNode(child, this.checkedElement, null, null, false) : child = null;
11805
+ }
11797
11806
  }
11798
11807
  this.changeState(checkWrap, isCheck ? 'uncheck' : 'check', e, true);
11799
11808
  if (this.autoCheck) {
@@ -11959,11 +11968,17 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
11959
11968
  if (newCheck.indexOf(childId.toString()) === -1 && isNullOrUndefined(checked)) {
11960
11969
  newCheck.push(childId.toString());
11961
11970
  }
11971
+ var hierChildId = getValue(this.fields.child.toString(), child[length_1]);
11962
11972
  //Gets if any next level children are available for child nodes
11963
- if (getValue(this.fields.hasChildren, child[length_1]) === true ||
11964
- getValue(this.fields.child.toString(), child[length_1])) {
11973
+ if (getValue(this.fields.hasChildren, child[length_1]) === true || hierChildId) {
11965
11974
  var id = getValue(this.fields.id, child[length_1]);
11966
- var childId_1 = this.getChildNodes(this.treeData, id.toString());
11975
+ var childId_1 = void 0;
11976
+ if (this.dataType === 1) {
11977
+ childId_1 = this.getChildNodes(this.treeData, id.toString());
11978
+ }
11979
+ else {
11980
+ childId_1 = hierChildId;
11981
+ }
11967
11982
  if (childId_1) {
11968
11983
  (isNullOrUndefined(validateCheck)) ? this.allCheckNode(childId_1, newCheck, checked, childCheck) :
11969
11984
  this.allCheckNode(childId_1, newCheck, checked, childCheck, validateCheck);
@@ -14776,7 +14791,7 @@ var Sidebar = /** @__PURE__ @class */ (function (_super) {
14776
14791
  Sidebar.prototype.setTimeOut = function () {
14777
14792
  var sibling = document.querySelector('.e-main-content') || this.targetEle;
14778
14793
  var elementWidth = this.element.getBoundingClientRect().width;
14779
- if (this.element.classList.contains(OPEN) && sibling) {
14794
+ if (this.element.classList.contains(OPEN) && sibling && !(this.type === 'Over' && this.enableDock)) {
14780
14795
  if (this.position === 'Left') {
14781
14796
  sibling.style.marginLeft = this.setDimension(this.width === 'auto' ? elementWidth : this.width);
14782
14797
  }
@@ -15085,7 +15100,7 @@ var Sidebar = /** @__PURE__ @class */ (function (_super) {
15085
15100
  var sibling = document.querySelector('.e-main-content') || this.targetEle;
15086
15101
  if (sibling) {
15087
15102
  sibling.style.transform = 'translateX(' + 0 + 'px)';
15088
- if (!Browser.isDevice && this.type !== 'Auto') {
15103
+ if (!Browser.isDevice && this.type !== 'Auto' && !(this.type === 'Over' && this.enableDock)) {
15089
15104
  sibling.style[this.position === 'Left' ? 'marginLeft' : 'marginRight'] = '0px';
15090
15105
  }
15091
15106
  }
@@ -15107,9 +15122,9 @@ var Sidebar = /** @__PURE__ @class */ (function (_super) {
15107
15122
  break;
15108
15123
  case 'Over':
15109
15124
  addClass([this.element], [OVER]);
15110
- if (this.enableDock && this.element.classList.contains(CLOSE)) {
15125
+ if (this.enableDock && (this.element.classList.contains(CLOSE) || this.isOpen)) {
15111
15126
  if (sibling) {
15112
- sibling.style[this.position === 'Left' ? 'marginLeft' : 'marginRight'] = margin;
15127
+ sibling.style[this.position === 'Left' ? 'marginLeft' : 'marginRight'] = this.setDimension(this.dockSize);
15113
15128
  }
15114
15129
  }
15115
15130
  break;
@@ -15329,6 +15344,9 @@ var Breadcrumb = /** @__PURE__ @class */ (function (_super) {
15329
15344
  if (this.cssClass) {
15330
15345
  addClass([this.element], this.cssClass.split(' '));
15331
15346
  }
15347
+ if (this.enableRtl) {
15348
+ this.element.classList.add('e-rtl');
15349
+ }
15332
15350
  this.setWidth();
15333
15351
  this.initItems();
15334
15352
  this.initPvtProps();
@@ -15360,8 +15378,10 @@ var Breadcrumb = /** @__PURE__ @class */ (function (_super) {
15360
15378
  }
15361
15379
  items.push({ iconCss: 'e-icons e-home', url: baseUri });
15362
15380
  for (var i = 0; i < uri.length; i++) {
15363
- items.push({ text: uri[i], url: baseUri + uri[i] });
15364
- baseUri += uri[i] + '/';
15381
+ if (uri[i]) {
15382
+ items.push({ text: uri[i], url: baseUri + uri[i] });
15383
+ baseUri += uri[i] + '/';
15384
+ }
15365
15385
  }
15366
15386
  this.setProperties({ items: items }, true);
15367
15387
  }
@@ -15646,6 +15666,9 @@ var Breadcrumb = /** @__PURE__ @class */ (function (_super) {
15646
15666
  this.reRenderItems();
15647
15667
  }
15648
15668
  break;
15669
+ case 'enableRtl':
15670
+ this.element.classList.toggle('e-rtl');
15671
+ break;
15649
15672
  }
15650
15673
  }
15651
15674
  };