@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.
- package/CHANGELOG.md +25 -0
- package/README.md +1 -1
- package/dist/ej2-navigations.umd.min.js +2 -2
- package/dist/ej2-navigations.umd.min.js.map +1 -1
- package/dist/es6/ej2-navigations.es2015.js +39 -16
- package/dist/es6/ej2-navigations.es2015.js.map +1 -1
- package/dist/es6/ej2-navigations.es5.js +39 -16
- package/dist/es6/ej2-navigations.es5.js.map +1 -1
- package/dist/global/ej2-navigations.min.js +2 -2
- package/dist/global/ej2-navigations.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +11 -11
- package/src/breadcrumb/breadcrumb.js +10 -2
- package/src/common/menu-base.js +2 -2
- package/src/sidebar/sidebar.js +4 -4
- package/src/tab/tab.js +3 -3
- package/src/treeview/treeview.js +20 -5
- package/styles/bootstrap-dark.css +12 -0
- package/styles/bootstrap.css +12 -0
- package/styles/bootstrap4.css +12 -0
- package/styles/bootstrap5-dark.css +12 -0
- package/styles/bootstrap5.css +12 -0
- package/styles/breadcrumb/_layout.scss +11 -0
- package/styles/breadcrumb/_theme.scss +1 -1
- package/styles/breadcrumb/bootstrap-dark.css +12 -0
- package/styles/breadcrumb/bootstrap.css +12 -0
- package/styles/breadcrumb/bootstrap4.css +12 -0
- package/styles/breadcrumb/bootstrap5-dark.css +12 -0
- package/styles/breadcrumb/bootstrap5.css +12 -0
- package/styles/breadcrumb/fabric-dark.css +12 -0
- package/styles/breadcrumb/fabric.css +12 -0
- package/styles/breadcrumb/highcontrast-light.css +13 -1
- package/styles/breadcrumb/highcontrast.css +13 -1
- package/styles/breadcrumb/material-dark.css +12 -0
- package/styles/breadcrumb/material.css +12 -0
- package/styles/breadcrumb/tailwind-dark.css +12 -0
- package/styles/breadcrumb/tailwind.css +12 -0
- package/styles/fabric-dark.css +12 -0
- package/styles/fabric.css +12 -0
- package/styles/highcontrast-light.css +13 -1
- package/styles/highcontrast.css +13 -1
- package/styles/material-dark.css +12 -0
- package/styles/material.css +12 -0
- package/styles/tailwind-dark.css +12 -0
- 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 +
|
|
2019
|
-
_this.popupWrapper.style.top = _this.top +
|
|
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.
|
|
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
|
-
|
|
11796
|
-
|
|
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 =
|
|
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'] =
|
|
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
|
-
|
|
15364
|
-
|
|
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
|
};
|