@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.
- package/CHANGELOG.md +18 -0
- package/dist/ej2-navigations.min.js +2 -2
- 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 +46 -22
- package/dist/es6/ej2-navigations.es2015.js.map +1 -1
- package/dist/es6/ej2-navigations.es5.js +46 -22
- 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 +8 -8
- package/src/carousel/carousel.js +8 -3
- package/src/treeview/treeview.js +38 -19
- package/styles/bootstrap-dark.css +97 -102
- package/styles/bootstrap.css +97 -102
- package/styles/bootstrap4.css +97 -102
- package/styles/bootstrap5-dark.css +97 -102
- package/styles/bootstrap5.css +97 -102
- package/styles/fabric-dark.css +108 -108
- package/styles/fabric.css +108 -108
- package/styles/fluent-dark.css +97 -101
- package/styles/fluent.css +97 -101
- package/styles/highcontrast-light.css +108 -108
- package/styles/highcontrast.css +108 -108
- package/styles/material-dark.css +95 -95
- package/styles/material.css +95 -95
- package/styles/pager/bootstrap-dark.css +9 -9
- package/styles/pager/bootstrap.css +9 -9
- package/styles/pager/bootstrap4.css +9 -9
- package/styles/pager/bootstrap5-dark.css +9 -9
- package/styles/pager/bootstrap5.css +9 -9
- package/styles/pager/fabric-dark.css +9 -9
- package/styles/pager/fabric.css +9 -9
- package/styles/pager/fluent-dark.css +9 -9
- package/styles/pager/fluent.css +9 -9
- package/styles/pager/highcontrast-light.css +9 -9
- package/styles/pager/highcontrast.css +9 -9
- package/styles/pager/material-dark.css +9 -9
- package/styles/pager/material.css +9 -9
- package/styles/pager/tailwind-dark.css +9 -9
- package/styles/pager/tailwind.css +9 -9
- package/styles/tab/_layout.scss +6 -19
- package/styles/tab/bootstrap-dark.css +88 -93
- package/styles/tab/bootstrap.css +88 -93
- package/styles/tab/bootstrap4.css +88 -93
- package/styles/tab/bootstrap5-dark.css +88 -93
- package/styles/tab/bootstrap5.css +88 -93
- package/styles/tab/fabric-dark.css +99 -99
- package/styles/tab/fabric.css +99 -99
- package/styles/tab/fluent-dark.css +88 -92
- package/styles/tab/fluent.css +88 -92
- package/styles/tab/highcontrast-light.css +99 -99
- package/styles/tab/highcontrast.css +99 -99
- package/styles/tab/material-dark.css +86 -86
- package/styles/tab/material.css +86 -86
- package/styles/tab/tailwind-dark.css +86 -86
- package/styles/tab/tailwind.css +86 -86
- package/styles/tailwind-dark.css +95 -95
- package/styles/tailwind.css +95 -95
package/dist/global/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* filename: index.d.ts
|
|
3
|
-
* version : 20.3.
|
|
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.
|
|
3
|
+
"_id": "@syncfusion/ej2-navigations@20.3.57",
|
|
4
4
|
"_inBundle": false,
|
|
5
|
-
"_integrity": "sha512-
|
|
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.
|
|
42
|
-
"_shasum": "
|
|
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.
|
|
54
|
+
"@syncfusion/ej2-buttons": "~20.3.58",
|
|
55
55
|
"@syncfusion/ej2-data": "~20.3.56",
|
|
56
|
-
"@syncfusion/ej2-inputs": "~20.3.
|
|
56
|
+
"@syncfusion/ej2-inputs": "~20.3.57",
|
|
57
57
|
"@syncfusion/ej2-lists": "~20.3.56",
|
|
58
|
-
"@syncfusion/ej2-popups": "~20.3.
|
|
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.
|
|
163
|
+
"version": "20.3.58",
|
|
164
164
|
"sideEffects": false
|
|
165
165
|
}
|
package/src/carousel/carousel.js
CHANGED
|
@@ -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.
|
|
356
|
-
|
|
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
|
};
|
package/src/treeview/treeview.js
CHANGED
|
@@ -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: '
|
|
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
|
-
|
|
3679
|
-
if (
|
|
3680
|
-
|
|
3681
|
-
|
|
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
|
-
|
|
3685
|
-
|
|
3686
|
-
|
|
3687
|
-
|
|
3688
|
-
|
|
3689
|
-
|
|
3690
|
-
|
|
3691
|
-
|
|
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) {
|