@syncfusion/ej2-navigations 27.1.53 → 27.1.55
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 +24 -12
- package/dist/es6/ej2-navigations.es2015.js.map +1 -1
- package/dist/es6/ej2-navigations.es5.js +24 -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/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
|
@@ -9266,6 +9266,9 @@ let Tab = class Tab extends Component {
|
|
|
9266
9266
|
if (trg.classList.contains(CLS_ACTIVE$1)) {
|
|
9267
9267
|
index = (index > selectAll('.' + CLS_TB_ITEM + ':not(.' + CLS_TB_POPUP + ')', this.element).length - 1) ? index - 1 : index;
|
|
9268
9268
|
this.enableAnimation = false;
|
|
9269
|
+
this.tbItem = selectAll('.' + CLS_TB_ITEM, this.getTabHeader());
|
|
9270
|
+
index = this.getSelectingTabIndex(index);
|
|
9271
|
+
index = !isNaN(index) && index >= 0 && this.tbItem.length > index ? index : 0;
|
|
9269
9272
|
this.selectedItem = index;
|
|
9270
9273
|
this.select(index);
|
|
9271
9274
|
}
|
|
@@ -9411,20 +9414,24 @@ let Tab = class Tab extends Component {
|
|
|
9411
9414
|
}
|
|
9412
9415
|
this.isInteracted = false;
|
|
9413
9416
|
}
|
|
9414
|
-
|
|
9415
|
-
if (
|
|
9416
|
-
|
|
9417
|
-
|
|
9418
|
-
|
|
9419
|
-
|
|
9420
|
-
|
|
9421
|
-
|
|
9422
|
-
|
|
9423
|
-
|
|
9424
|
-
args = 0;
|
|
9425
|
-
}
|
|
9417
|
+
getSelectingTabIndex(args) {
|
|
9418
|
+
if (!isNullOrUndefined(this.tbItem[args]) && (this.tbItem[args].classList.contains(CLS_DISABLE$4) ||
|
|
9419
|
+
this.tbItem[args].classList.contains(CLS_HIDDEN$1))) {
|
|
9420
|
+
for (let i = args + 1; i < this.items.length; i++) {
|
|
9421
|
+
if (this.items[i].disabled === false && this.items[i].visible === true) {
|
|
9422
|
+
args = i;
|
|
9423
|
+
break;
|
|
9424
|
+
}
|
|
9425
|
+
else {
|
|
9426
|
+
args = 0;
|
|
9426
9427
|
}
|
|
9427
9428
|
}
|
|
9429
|
+
}
|
|
9430
|
+
return args;
|
|
9431
|
+
}
|
|
9432
|
+
selectingContent(args, isInteracted) {
|
|
9433
|
+
if (typeof args === 'number') {
|
|
9434
|
+
args = this.getSelectingTabIndex(args);
|
|
9428
9435
|
if (this.tbItem.length > args && args >= 0 && !isNaN(args)) {
|
|
9429
9436
|
this.prevIndex = this.selectedItem;
|
|
9430
9437
|
this.prevItem = this.tbItem[this.prevIndex];
|
|
@@ -19666,6 +19673,11 @@ let Stepper = class Stepper extends StepperBase {
|
|
|
19666
19673
|
this.renderItems();
|
|
19667
19674
|
this.updateStepperStatus();
|
|
19668
19675
|
}
|
|
19676
|
+
if (property === 'label' && (this.steps[index].iconCss || this.steps[index].text) &&
|
|
19677
|
+
this.stepType.toLowerCase() === 'default') {
|
|
19678
|
+
this.refreshProgressbar();
|
|
19679
|
+
}
|
|
19680
|
+
this.updateStepInteractions();
|
|
19669
19681
|
this.checkValidStep();
|
|
19670
19682
|
}
|
|
19671
19683
|
}
|