@syncfusion/ej2-navigations 26.1.35 → 26.1.39
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 +32 -7
- package/dist/es6/ej2-navigations.es2015.js.map +1 -1
- package/dist/es6/ej2-navigations.es5.js +33 -7
- 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/breadcrumb/breadcrumb.d.ts +4 -0
- package/src/breadcrumb/breadcrumb.js +6 -1
- package/src/stepper/stepper.d.ts +1 -0
- package/src/stepper/stepper.js +22 -2
- package/src/treeview/treeview.js +5 -4
- package/styles/accordion/_fluent2-definition.scss +1 -1
- package/styles/accordion/_theme.scss +26 -2
- package/styles/accordion/bootstrap-dark.css +3 -3
- package/styles/accordion/bootstrap.css +3 -3
- package/styles/accordion/bootstrap4.css +3 -3
- package/styles/accordion/bootstrap5-dark.css +3 -3
- package/styles/accordion/bootstrap5.css +3 -3
- package/styles/accordion/fabric-dark.css +3 -3
- package/styles/accordion/fabric.css +3 -3
- package/styles/accordion/fluent-dark.css +3 -3
- package/styles/accordion/fluent.css +3 -3
- package/styles/accordion/fluent2.css +17 -9
- package/styles/accordion/highcontrast-light.css +3 -3
- package/styles/accordion/highcontrast.css +3 -3
- package/styles/accordion/material-dark.css +3 -3
- package/styles/accordion/material.css +3 -3
- package/styles/accordion/material3-dark.css +3 -3
- package/styles/accordion/material3.css +3 -3
- package/styles/accordion/tailwind-dark.css +3 -3
- package/styles/accordion/tailwind.css +3 -3
- package/styles/appbar/fluent2.css +5 -5
- package/styles/bootstrap-dark.css +11 -3
- package/styles/bootstrap.css +11 -3
- package/styles/bootstrap4.css +11 -3
- package/styles/bootstrap5-dark.css +11 -3
- package/styles/bootstrap5.css +11 -3
- 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 +11 -3
- package/styles/fabric.css +11 -3
- package/styles/fluent-dark.css +11 -3
- package/styles/fluent.css +11 -3
- package/styles/fluent2.css +37 -15
- package/styles/h-scroll/fluent2.css +5 -5
- package/styles/highcontrast-light.css +11 -3
- package/styles/highcontrast.css +11 -3
- package/styles/material-dark.css +11 -3
- package/styles/material.css +11 -3
- package/styles/material3-dark.css +11 -3
- package/styles/material3.css +11 -3
- 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 +11 -3
- package/styles/tailwind.css +11 -3
- package/styles/toolbar/fluent2.css +5 -5
- package/styles/treeview/_fluent2-definition.scss +7 -7
- package/styles/treeview/_layout.scss +1 -1
- package/styles/treeview/fluent2.css +17 -11
- package/styles/v-scroll/fluent2.css +5 -5
|
@@ -10922,7 +10922,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
|
|
|
10922
10922
|
return 2;
|
|
10923
10923
|
}
|
|
10924
10924
|
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)]))) {
|
|
10925
|
+
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
10926
|
return 2;
|
|
10927
10927
|
}
|
|
10928
10928
|
if (this.isChildObject()) {
|
|
@@ -11549,6 +11549,9 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
|
|
|
11549
11549
|
_this.afterFinalized();
|
|
11550
11550
|
}
|
|
11551
11551
|
});
|
|
11552
|
+
if (this.index > 0) {
|
|
11553
|
+
this.index = 0;
|
|
11554
|
+
}
|
|
11552
11555
|
};
|
|
11553
11556
|
TreeView.prototype.expandCallback = function (eUid, callback) {
|
|
11554
11557
|
var eNode = select('[data-uid="' + eUid + '"]', this.element);
|
|
@@ -11557,9 +11560,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
|
|
|
11557
11560
|
if (!isNullOrUndefined(icon)) {
|
|
11558
11561
|
this.expandAction(eNode, icon, null, false, callback);
|
|
11559
11562
|
}
|
|
11560
|
-
|
|
11561
|
-
callback();
|
|
11562
|
-
}
|
|
11563
|
+
callback();
|
|
11563
11564
|
}
|
|
11564
11565
|
else {
|
|
11565
11566
|
callback();
|
|
@@ -16826,7 +16827,12 @@ var Breadcrumb = /** @__PURE__ @class */ (function (_super) {
|
|
|
16826
16827
|
}
|
|
16827
16828
|
this.endIndex = idx;
|
|
16828
16829
|
}
|
|
16829
|
-
|
|
16830
|
+
var itemClickArgs = { element: li,
|
|
16831
|
+
item: this.items[idx], event: e, cancel: false };
|
|
16832
|
+
this.trigger('itemClick', itemClickArgs);
|
|
16833
|
+
if (itemClickArgs.cancel) {
|
|
16834
|
+
return;
|
|
16835
|
+
}
|
|
16830
16836
|
if (this.items[idx]) {
|
|
16831
16837
|
this.activeItem = this.items[idx].url || this.items[idx].text;
|
|
16832
16838
|
}
|
|
@@ -18889,6 +18895,9 @@ var LABELINDICATOR = 'e-step-type-label';
|
|
|
18889
18895
|
var INDICATORICON = 'e-step-indicator';
|
|
18890
18896
|
var STEPPERTOOLTIP = 'e-stepper-tooltip';
|
|
18891
18897
|
var STEPPERIPROGRESSTIP = 'e-step-inprogress-tip';
|
|
18898
|
+
var LINEARSTEP = 'e-linear';
|
|
18899
|
+
var PREVSTEP = 'e-previous';
|
|
18900
|
+
var NEXTSTEP = 'e-next';
|
|
18892
18901
|
/**
|
|
18893
18902
|
* Defines the step progress animation of the Stepper.
|
|
18894
18903
|
*/
|
|
@@ -19739,6 +19748,17 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
|
|
|
19739
19748
|
}
|
|
19740
19749
|
}
|
|
19741
19750
|
}
|
|
19751
|
+
this.updateStepInteractions();
|
|
19752
|
+
};
|
|
19753
|
+
Stepper.prototype.updateStepInteractions = function () {
|
|
19754
|
+
var _this = this;
|
|
19755
|
+
this.element.classList.toggle(LINEARSTEP, this.linear);
|
|
19756
|
+
this.stepperItemElements.forEach(function (step, index) {
|
|
19757
|
+
var isPreviousStep = (index === _this.activeStep - 1);
|
|
19758
|
+
var isNextStep = (index === _this.activeStep + 1);
|
|
19759
|
+
step.classList.toggle(PREVSTEP, isPreviousStep);
|
|
19760
|
+
step.classList.toggle(NEXTSTEP, isNextStep);
|
|
19761
|
+
});
|
|
19742
19762
|
};
|
|
19743
19763
|
Stepper.prototype.removeItemElements = function () {
|
|
19744
19764
|
for (var i = 0; i < this.stepperItemElements.length; i++) {
|
|
@@ -19757,14 +19777,17 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
|
|
|
19757
19777
|
}
|
|
19758
19778
|
};
|
|
19759
19779
|
Stepper.prototype.reset = function () {
|
|
19760
|
-
if (this.activeStep
|
|
19780
|
+
if (this.activeStep === 0) {
|
|
19781
|
+
this.updateStepInteractions();
|
|
19782
|
+
}
|
|
19783
|
+
else {
|
|
19761
19784
|
var isDisabled = this.stepperItemElements[0].classList.contains(DISABLED$2) ? true : false;
|
|
19762
19785
|
this.navigateToStep(isDisabled ? -1 : 0, null, null, false);
|
|
19763
19786
|
}
|
|
19764
19787
|
};
|
|
19765
19788
|
Stepper.prototype.updateElementClassArray = function () {
|
|
19766
19789
|
var classArray = [RTL$3, READONLY, 'e-steps-focus', LABELAFTER, LABELBEFORE, 'e-label-top',
|
|
19767
|
-
'e-label-bottom', 'e-label-start', 'e-label-end', STEPINDICATOR, LABELINDICATOR, VERTICALSTEP, HORIZSTEP];
|
|
19790
|
+
'e-label-bottom', 'e-label-start', 'e-label-end', STEPINDICATOR, LABELINDICATOR, VERTICALSTEP, HORIZSTEP, LINEARSTEP];
|
|
19768
19791
|
removeClass([this.element], classArray);
|
|
19769
19792
|
};
|
|
19770
19793
|
Stepper.prototype.destroy = function () {
|
|
@@ -20016,6 +20039,9 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
|
|
|
20016
20039
|
case 'animation':
|
|
20017
20040
|
this.updateAnimation();
|
|
20018
20041
|
break;
|
|
20042
|
+
case 'linear':
|
|
20043
|
+
this.updateStepInteractions();
|
|
20044
|
+
break;
|
|
20019
20045
|
}
|
|
20020
20046
|
}
|
|
20021
20047
|
};
|