@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
|
@@ -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];
|
|
@@ -16767,6 +16774,11 @@ let Breadcrumb = class Breadcrumb extends Component {
|
|
|
16767
16774
|
* @returns {void}
|
|
16768
16775
|
*/
|
|
16769
16776
|
destroy() {
|
|
16777
|
+
if (this.popupObj && this.popupObj.element.classList.contains('e-popup-open')) {
|
|
16778
|
+
this.popupObj.destroy();
|
|
16779
|
+
this.isPopupCreated = false;
|
|
16780
|
+
detach(this.popupObj.element);
|
|
16781
|
+
}
|
|
16770
16782
|
const classes = [];
|
|
16771
16783
|
const attributes = ['aria-label'];
|
|
16772
16784
|
if (this.cssClass) {
|
|
@@ -19666,6 +19678,11 @@ let Stepper = class Stepper extends StepperBase {
|
|
|
19666
19678
|
this.renderItems();
|
|
19667
19679
|
this.updateStepperStatus();
|
|
19668
19680
|
}
|
|
19681
|
+
if (property === 'label' && (this.steps[index].iconCss || this.steps[index].text) &&
|
|
19682
|
+
this.stepType.toLowerCase() === 'default') {
|
|
19683
|
+
this.refreshProgressbar();
|
|
19684
|
+
}
|
|
19685
|
+
this.updateStepInteractions();
|
|
19669
19686
|
this.checkValidStep();
|
|
19670
19687
|
}
|
|
19671
19688
|
}
|