@syncfusion/ej2-navigations 27.1.53 → 27.1.56
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 +29 -12
- package/dist/es6/ej2-navigations.es2015.js.map +1 -1
- package/dist/es6/ej2-navigations.es5.js +29 -12
- 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.js +5 -0
- package/src/stepper/stepper.js +5 -0
- package/src/tab/tab.d.ts +1 -0
- package/src/tab/tab.js +19 -12
- package/styles/bootstrap-dark-lite.css +2 -1
- package/styles/bootstrap-dark.css +2 -1
- package/styles/bootstrap-lite.css +2 -1
- package/styles/bootstrap.css +2 -1
- package/styles/bootstrap4-lite.css +2 -1
- package/styles/bootstrap4.css +2 -1
- package/styles/bootstrap5-dark-lite.css +2 -1
- package/styles/bootstrap5-dark.css +2 -1
- package/styles/bootstrap5-lite.css +2 -1
- package/styles/bootstrap5.3-lite.css +2 -1
- package/styles/bootstrap5.3.css +2 -1
- package/styles/bootstrap5.css +2 -1
- package/styles/fabric-dark-lite.css +2 -1
- package/styles/fabric-dark.css +2 -1
- package/styles/fabric-lite.css +2 -1
- package/styles/fabric.css +2 -1
- package/styles/fluent-dark-lite.css +2 -1
- package/styles/fluent-dark.css +2 -1
- package/styles/fluent-lite.css +2 -1
- package/styles/fluent.css +2 -1
- package/styles/fluent2-lite.css +2 -1
- package/styles/fluent2.css +2 -1
- package/styles/highcontrast-light-lite.css +2 -1
- package/styles/highcontrast-light.css +2 -1
- package/styles/highcontrast-lite.css +2 -1
- package/styles/highcontrast.css +2 -1
- package/styles/material-dark-lite.css +2 -1
- package/styles/material-dark.css +2 -1
- package/styles/material-lite.css +2 -1
- package/styles/material.css +2 -1
- package/styles/material3-dark-lite.css +2 -1
- package/styles/material3-dark.css +2 -1
- package/styles/material3-lite.css +2 -1
- package/styles/material3.css +2 -1
- package/styles/stepper/_layout.scss +2 -1
- package/styles/stepper/bootstrap-dark.css +2 -1
- package/styles/stepper/bootstrap.css +2 -1
- package/styles/stepper/bootstrap4.css +2 -1
- package/styles/stepper/bootstrap5-dark.css +2 -1
- package/styles/stepper/bootstrap5.3.css +2 -1
- package/styles/stepper/bootstrap5.css +2 -1
- package/styles/stepper/fabric-dark.css +2 -1
- package/styles/stepper/fabric.css +2 -1
- package/styles/stepper/fluent-dark.css +2 -1
- package/styles/stepper/fluent.css +2 -1
- package/styles/stepper/fluent2.css +2 -1
- package/styles/stepper/highcontrast-light.css +2 -1
- package/styles/stepper/highcontrast.css +2 -1
- package/styles/stepper/material-dark.css +2 -1
- package/styles/stepper/material.css +2 -1
- package/styles/stepper/material3-dark.css +2 -1
- package/styles/stepper/material3.css +2 -1
- package/styles/stepper/tailwind-dark.css +2 -1
- package/styles/stepper/tailwind.css +2 -1
- package/styles/tailwind-dark-lite.css +2 -1
- package/styles/tailwind-dark.css +2 -1
- package/styles/tailwind-lite.css +2 -1
- package/styles/tailwind.css +2 -1
|
@@ -9552,6 +9552,9 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
|
|
|
9552
9552
|
if (trg.classList.contains(CLS_ACTIVE$1)) {
|
|
9553
9553
|
index = (index > selectAll('.' + CLS_TB_ITEM + ':not(.' + CLS_TB_POPUP + ')', _this.element).length - 1) ? index - 1 : index;
|
|
9554
9554
|
_this.enableAnimation = false;
|
|
9555
|
+
_this.tbItem = selectAll('.' + CLS_TB_ITEM, _this.getTabHeader());
|
|
9556
|
+
index = _this.getSelectingTabIndex(index);
|
|
9557
|
+
index = !isNaN(index) && index >= 0 && _this.tbItem.length > index ? index : 0;
|
|
9555
9558
|
_this.selectedItem = index;
|
|
9556
9559
|
_this.select(index);
|
|
9557
9560
|
}
|
|
@@ -9700,20 +9703,24 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
|
|
|
9700
9703
|
}
|
|
9701
9704
|
this.isInteracted = false;
|
|
9702
9705
|
};
|
|
9703
|
-
Tab.prototype.
|
|
9704
|
-
if (
|
|
9705
|
-
|
|
9706
|
-
|
|
9707
|
-
|
|
9708
|
-
|
|
9709
|
-
|
|
9710
|
-
|
|
9711
|
-
|
|
9712
|
-
|
|
9713
|
-
args = 0;
|
|
9714
|
-
}
|
|
9706
|
+
Tab.prototype.getSelectingTabIndex = function (args) {
|
|
9707
|
+
if (!isNullOrUndefined(this.tbItem[args]) && (this.tbItem[args].classList.contains(CLS_DISABLE$4) ||
|
|
9708
|
+
this.tbItem[args].classList.contains(CLS_HIDDEN$1))) {
|
|
9709
|
+
for (var i = args + 1; i < this.items.length; i++) {
|
|
9710
|
+
if (this.items[i].disabled === false && this.items[i].visible === true) {
|
|
9711
|
+
args = i;
|
|
9712
|
+
break;
|
|
9713
|
+
}
|
|
9714
|
+
else {
|
|
9715
|
+
args = 0;
|
|
9715
9716
|
}
|
|
9716
9717
|
}
|
|
9718
|
+
}
|
|
9719
|
+
return args;
|
|
9720
|
+
};
|
|
9721
|
+
Tab.prototype.selectingContent = function (args, isInteracted) {
|
|
9722
|
+
if (typeof args === 'number') {
|
|
9723
|
+
args = this.getSelectingTabIndex(args);
|
|
9717
9724
|
if (this.tbItem.length > args && args >= 0 && !isNaN(args)) {
|
|
9718
9725
|
this.prevIndex = this.selectedItem;
|
|
9719
9726
|
this.prevItem = this.tbItem[this.prevIndex];
|
|
@@ -17183,6 +17190,11 @@ var Breadcrumb = /** @__PURE__ @class */ (function (_super) {
|
|
|
17183
17190
|
*/
|
|
17184
17191
|
Breadcrumb.prototype.destroy = function () {
|
|
17185
17192
|
var _this = this;
|
|
17193
|
+
if (this.popupObj && this.popupObj.element.classList.contains('e-popup-open')) {
|
|
17194
|
+
this.popupObj.destroy();
|
|
17195
|
+
this.isPopupCreated = false;
|
|
17196
|
+
detach(this.popupObj.element);
|
|
17197
|
+
}
|
|
17186
17198
|
var classes = [];
|
|
17187
17199
|
var attributes = ['aria-label'];
|
|
17188
17200
|
if (this.cssClass) {
|
|
@@ -20183,6 +20195,11 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
|
|
|
20183
20195
|
this.renderItems();
|
|
20184
20196
|
this.updateStepperStatus();
|
|
20185
20197
|
}
|
|
20198
|
+
if (property === 'label' && (this.steps[index].iconCss || this.steps[index].text) &&
|
|
20199
|
+
this.stepType.toLowerCase() === 'default') {
|
|
20200
|
+
this.refreshProgressbar();
|
|
20201
|
+
}
|
|
20202
|
+
this.updateStepInteractions();
|
|
20186
20203
|
this.checkValidStep();
|
|
20187
20204
|
}
|
|
20188
20205
|
}
|