@syncfusion/ej2-navigations 26.1.38 → 26.1.40
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/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 +30 -8
- package/dist/es6/ej2-navigations.es2015.js.map +1 -1
- package/dist/es6/ej2-navigations.es5.js +31 -8
- 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/common/menu-base.js +2 -1
- package/src/stepper/stepper.d.ts +1 -0
- package/src/stepper/stepper.js +22 -2
- package/src/treeview/treeview.js +7 -5
- package/styles/accordion/fluent2.css +5 -5
- package/styles/appbar/fluent2.css +5 -5
- package/styles/bootstrap-dark.css +8 -0
- package/styles/bootstrap.css +8 -0
- package/styles/bootstrap4.css +8 -0
- package/styles/bootstrap5-dark.css +8 -0
- package/styles/bootstrap5.css +8 -0
- package/styles/breadcrumb/fluent2.css +5 -5
- package/styles/carousel/fluent2.css +5 -5
- package/styles/context-menu/fluent2.css +5 -5
- package/styles/fabric-dark.css +8 -0
- package/styles/fabric.css +8 -0
- package/styles/fluent-dark.css +8 -0
- package/styles/fluent.css +8 -0
- package/styles/fluent2.css +13 -5
- package/styles/h-scroll/fluent2.css +5 -5
- package/styles/highcontrast-light.css +8 -0
- package/styles/highcontrast.css +8 -0
- package/styles/material-dark.css +8 -0
- package/styles/material.css +8 -0
- package/styles/material3-dark.css +8 -0
- package/styles/material3.css +8 -0
- package/styles/menu/fluent2.css +5 -5
- package/styles/pager/fluent2.css +5 -5
- package/styles/sidebar/fluent2.css +5 -5
- package/styles/stepper/_layout.scss +10 -0
- package/styles/stepper/bootstrap-dark.css +8 -0
- package/styles/stepper/bootstrap.css +8 -0
- package/styles/stepper/bootstrap4.css +8 -0
- package/styles/stepper/bootstrap5-dark.css +8 -0
- package/styles/stepper/bootstrap5.css +8 -0
- package/styles/stepper/fabric-dark.css +8 -0
- package/styles/stepper/fabric.css +8 -0
- package/styles/stepper/fluent-dark.css +8 -0
- package/styles/stepper/fluent.css +8 -0
- package/styles/stepper/fluent2.css +13 -5
- package/styles/stepper/highcontrast-light.css +8 -0
- package/styles/stepper/highcontrast.css +8 -0
- package/styles/stepper/material-dark.css +8 -0
- package/styles/stepper/material.css +8 -0
- package/styles/stepper/material3-dark.css +8 -0
- package/styles/stepper/material3.css +8 -0
- package/styles/stepper/tailwind-dark.css +8 -0
- package/styles/stepper/tailwind.css +8 -0
- package/styles/tab/fluent2.css +5 -5
- package/styles/tailwind-dark.css +8 -0
- package/styles/tailwind.css +8 -0
- package/styles/toolbar/fluent2.css +5 -5
- package/styles/treeview/fluent2.css +5 -5
- package/styles/v-scroll/fluent2.css +5 -5
|
@@ -1760,7 +1760,8 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
|
|
|
1760
1760
|
else if (isOpen && isNullOrUndefined(ulIndex) && _this.navIdx.length) {
|
|
1761
1761
|
_this.closeMenu(null, e);
|
|
1762
1762
|
}
|
|
1763
|
-
else if (isOpen && !_this.isMenu && !ulIndex && _this.navIdx.length === 0 &&
|
|
1763
|
+
else if (isOpen && !_this.isMenu && !ulIndex && _this.navIdx.length === 0 &&
|
|
1764
|
+
!_this.isMenusClosed && !_this.isCmenuHover) {
|
|
1764
1765
|
_this.isMenusClosed = true;
|
|
1765
1766
|
_this.closeMenu(0, e);
|
|
1766
1767
|
}
|
|
@@ -10137,7 +10138,7 @@ var DISABLE = 'e-disable';
|
|
|
10137
10138
|
var DROPCOUNT = 'e-drop-count';
|
|
10138
10139
|
var CHECK = 'e-check';
|
|
10139
10140
|
var INDETERMINATE = 'e-stop';
|
|
10140
|
-
var CHECKBOXWRAP = 'e-checkbox
|
|
10141
|
+
var CHECKBOXWRAP = 'e-treeview-checkbox';
|
|
10141
10142
|
var CHECKBOXFRAME = 'e-frame';
|
|
10142
10143
|
var CHECKBOXRIPPLE = 'e-ripple-container';
|
|
10143
10144
|
var RIPPLE = 'e-ripple';
|
|
@@ -10845,6 +10846,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
|
|
|
10845
10846
|
TreeView.prototype.beforeNodeCreate = function (e) {
|
|
10846
10847
|
if (this.showCheckBox) {
|
|
10847
10848
|
var checkboxEle = createCheckBox(this.createElement, true, { cssClass: this.touchClass });
|
|
10849
|
+
checkboxEle.classList.add(CHECKBOXWRAP);
|
|
10848
10850
|
var icon = select('div.' + ICON, e.item);
|
|
10849
10851
|
var id = e.item.getAttribute('data-uid');
|
|
10850
10852
|
e.item.childNodes[0].insertBefore(checkboxEle, e.item.childNodes[0].childNodes[isNullOrUndefined(icon) ? 0 : 1]);
|
|
@@ -10922,7 +10924,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
|
|
|
10922
10924
|
return 2;
|
|
10923
10925
|
}
|
|
10924
10926
|
for (var i = 0, len = ds.length; i < len; i++) {
|
|
10925
|
-
if ((typeof mapper.child === 'string') && !isNullOrUndefined(getValue(mapper.child, ds[parseInt(i.toString(), 10)]))) {
|
|
10927
|
+
if ((typeof mapper.child === 'string') && (!isNullOrUndefined(getValue(mapper.child, ds[parseInt(i.toString(), 10)])) || (Object.prototype.hasOwnProperty.call(ds[parseInt(i.toString(), 10)], mapper.child)))) {
|
|
10926
10928
|
return 2;
|
|
10927
10929
|
}
|
|
10928
10930
|
if (this.isChildObject()) {
|
|
@@ -11549,6 +11551,9 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
|
|
|
11549
11551
|
_this.afterFinalized();
|
|
11550
11552
|
}
|
|
11551
11553
|
});
|
|
11554
|
+
if (this.index > 0) {
|
|
11555
|
+
this.index = 0;
|
|
11556
|
+
}
|
|
11552
11557
|
};
|
|
11553
11558
|
TreeView.prototype.expandCallback = function (eUid, callback) {
|
|
11554
11559
|
var eNode = select('[data-uid="' + eUid + '"]', this.element);
|
|
@@ -11557,9 +11562,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
|
|
|
11557
11562
|
if (!isNullOrUndefined(icon)) {
|
|
11558
11563
|
this.expandAction(eNode, icon, null, false, callback);
|
|
11559
11564
|
}
|
|
11560
|
-
|
|
11561
|
-
callback();
|
|
11562
|
-
}
|
|
11565
|
+
callback();
|
|
11563
11566
|
}
|
|
11564
11567
|
else {
|
|
11565
11568
|
callback();
|
|
@@ -18894,6 +18897,9 @@ var LABELINDICATOR = 'e-step-type-label';
|
|
|
18894
18897
|
var INDICATORICON = 'e-step-indicator';
|
|
18895
18898
|
var STEPPERTOOLTIP = 'e-stepper-tooltip';
|
|
18896
18899
|
var STEPPERIPROGRESSTIP = 'e-step-inprogress-tip';
|
|
18900
|
+
var LINEARSTEP = 'e-linear';
|
|
18901
|
+
var PREVSTEP = 'e-previous';
|
|
18902
|
+
var NEXTSTEP = 'e-next';
|
|
18897
18903
|
/**
|
|
18898
18904
|
* Defines the step progress animation of the Stepper.
|
|
18899
18905
|
*/
|
|
@@ -19744,6 +19750,17 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
|
|
|
19744
19750
|
}
|
|
19745
19751
|
}
|
|
19746
19752
|
}
|
|
19753
|
+
this.updateStepInteractions();
|
|
19754
|
+
};
|
|
19755
|
+
Stepper.prototype.updateStepInteractions = function () {
|
|
19756
|
+
var _this = this;
|
|
19757
|
+
this.element.classList.toggle(LINEARSTEP, this.linear);
|
|
19758
|
+
this.stepperItemElements.forEach(function (step, index) {
|
|
19759
|
+
var isPreviousStep = (index === _this.activeStep - 1);
|
|
19760
|
+
var isNextStep = (index === _this.activeStep + 1);
|
|
19761
|
+
step.classList.toggle(PREVSTEP, isPreviousStep);
|
|
19762
|
+
step.classList.toggle(NEXTSTEP, isNextStep);
|
|
19763
|
+
});
|
|
19747
19764
|
};
|
|
19748
19765
|
Stepper.prototype.removeItemElements = function () {
|
|
19749
19766
|
for (var i = 0; i < this.stepperItemElements.length; i++) {
|
|
@@ -19762,14 +19779,17 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
|
|
|
19762
19779
|
}
|
|
19763
19780
|
};
|
|
19764
19781
|
Stepper.prototype.reset = function () {
|
|
19765
|
-
if (this.activeStep
|
|
19782
|
+
if (this.activeStep === 0) {
|
|
19783
|
+
this.updateStepInteractions();
|
|
19784
|
+
}
|
|
19785
|
+
else {
|
|
19766
19786
|
var isDisabled = this.stepperItemElements[0].classList.contains(DISABLED$2) ? true : false;
|
|
19767
19787
|
this.navigateToStep(isDisabled ? -1 : 0, null, null, false);
|
|
19768
19788
|
}
|
|
19769
19789
|
};
|
|
19770
19790
|
Stepper.prototype.updateElementClassArray = function () {
|
|
19771
19791
|
var classArray = [RTL$3, READONLY, 'e-steps-focus', LABELAFTER, LABELBEFORE, 'e-label-top',
|
|
19772
|
-
'e-label-bottom', 'e-label-start', 'e-label-end', STEPINDICATOR, LABELINDICATOR, VERTICALSTEP, HORIZSTEP];
|
|
19792
|
+
'e-label-bottom', 'e-label-start', 'e-label-end', STEPINDICATOR, LABELINDICATOR, VERTICALSTEP, HORIZSTEP, LINEARSTEP];
|
|
19773
19793
|
removeClass([this.element], classArray);
|
|
19774
19794
|
};
|
|
19775
19795
|
Stepper.prototype.destroy = function () {
|
|
@@ -20021,6 +20041,9 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
|
|
|
20021
20041
|
case 'animation':
|
|
20022
20042
|
this.updateAnimation();
|
|
20023
20043
|
break;
|
|
20044
|
+
case 'linear':
|
|
20045
|
+
this.updateStepInteractions();
|
|
20046
|
+
break;
|
|
20024
20047
|
}
|
|
20025
20048
|
}
|
|
20026
20049
|
};
|