@syncfusion/ej2-navigations 26.1.38 → 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 +26 -6
- package/dist/es6/ej2-navigations.es2015.js.map +1 -1
- package/dist/es6/ej2-navigations.es5.js +27 -6
- 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 +6 -6
- 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.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
|
@@ -10597,7 +10597,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
|
|
|
10597
10597
|
return 2;
|
|
10598
10598
|
}
|
|
10599
10599
|
for (let i = 0, len = ds.length; i < len; i++) {
|
|
10600
|
-
if ((typeof mapper.child === 'string') && !isNullOrUndefined(getValue(mapper.child, ds[parseInt(i.toString(), 10)]))) {
|
|
10600
|
+
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)))) {
|
|
10601
10601
|
return 2;
|
|
10602
10602
|
}
|
|
10603
10603
|
if (this.isChildObject()) {
|
|
@@ -11220,6 +11220,9 @@ let TreeView = TreeView_1 = class TreeView extends Component {
|
|
|
11220
11220
|
this.afterFinalized();
|
|
11221
11221
|
}
|
|
11222
11222
|
});
|
|
11223
|
+
if (this.index > 0) {
|
|
11224
|
+
this.index = 0;
|
|
11225
|
+
}
|
|
11223
11226
|
}
|
|
11224
11227
|
expandCallback(eUid, callback) {
|
|
11225
11228
|
const eNode = select('[data-uid="' + eUid + '"]', this.element);
|
|
@@ -11228,9 +11231,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
|
|
|
11228
11231
|
if (!isNullOrUndefined(icon)) {
|
|
11229
11232
|
this.expandAction(eNode, icon, null, false, callback);
|
|
11230
11233
|
}
|
|
11231
|
-
|
|
11232
|
-
callback();
|
|
11233
|
-
}
|
|
11234
|
+
callback();
|
|
11234
11235
|
}
|
|
11235
11236
|
else {
|
|
11236
11237
|
callback();
|
|
@@ -18394,6 +18395,9 @@ const LABELINDICATOR = 'e-step-type-label';
|
|
|
18394
18395
|
const INDICATORICON = 'e-step-indicator';
|
|
18395
18396
|
const STEPPERTOOLTIP = 'e-stepper-tooltip';
|
|
18396
18397
|
const STEPPERIPROGRESSTIP = 'e-step-inprogress-tip';
|
|
18398
|
+
const LINEARSTEP = 'e-linear';
|
|
18399
|
+
const PREVSTEP = 'e-previous';
|
|
18400
|
+
const NEXTSTEP = 'e-next';
|
|
18397
18401
|
/**
|
|
18398
18402
|
* Defines the step progress animation of the Stepper.
|
|
18399
18403
|
*/
|
|
@@ -19232,6 +19236,16 @@ let Stepper = class Stepper extends StepperBase {
|
|
|
19232
19236
|
}
|
|
19233
19237
|
}
|
|
19234
19238
|
}
|
|
19239
|
+
this.updateStepInteractions();
|
|
19240
|
+
}
|
|
19241
|
+
updateStepInteractions() {
|
|
19242
|
+
this.element.classList.toggle(LINEARSTEP, this.linear);
|
|
19243
|
+
this.stepperItemElements.forEach((step, index) => {
|
|
19244
|
+
const isPreviousStep = (index === this.activeStep - 1);
|
|
19245
|
+
const isNextStep = (index === this.activeStep + 1);
|
|
19246
|
+
step.classList.toggle(PREVSTEP, isPreviousStep);
|
|
19247
|
+
step.classList.toggle(NEXTSTEP, isNextStep);
|
|
19248
|
+
});
|
|
19235
19249
|
}
|
|
19236
19250
|
removeItemElements() {
|
|
19237
19251
|
for (let i = 0; i < this.stepperItemElements.length; i++) {
|
|
@@ -19250,14 +19264,17 @@ let Stepper = class Stepper extends StepperBase {
|
|
|
19250
19264
|
}
|
|
19251
19265
|
}
|
|
19252
19266
|
reset() {
|
|
19253
|
-
if (this.activeStep
|
|
19267
|
+
if (this.activeStep === 0) {
|
|
19268
|
+
this.updateStepInteractions();
|
|
19269
|
+
}
|
|
19270
|
+
else {
|
|
19254
19271
|
const isDisabled = this.stepperItemElements[0].classList.contains(DISABLED$2) ? true : false;
|
|
19255
19272
|
this.navigateToStep(isDisabled ? -1 : 0, null, null, false);
|
|
19256
19273
|
}
|
|
19257
19274
|
}
|
|
19258
19275
|
updateElementClassArray() {
|
|
19259
19276
|
const classArray = [RTL$3, READONLY, 'e-steps-focus', LABELAFTER, LABELBEFORE, 'e-label-top',
|
|
19260
|
-
'e-label-bottom', 'e-label-start', 'e-label-end', STEPINDICATOR, LABELINDICATOR, VERTICALSTEP, HORIZSTEP];
|
|
19277
|
+
'e-label-bottom', 'e-label-start', 'e-label-end', STEPINDICATOR, LABELINDICATOR, VERTICALSTEP, HORIZSTEP, LINEARSTEP];
|
|
19261
19278
|
removeClass([this.element], classArray);
|
|
19262
19279
|
}
|
|
19263
19280
|
destroy() {
|
|
@@ -19507,6 +19524,9 @@ let Stepper = class Stepper extends StepperBase {
|
|
|
19507
19524
|
case 'animation':
|
|
19508
19525
|
this.updateAnimation();
|
|
19509
19526
|
break;
|
|
19527
|
+
case 'linear':
|
|
19528
|
+
this.updateStepInteractions();
|
|
19529
|
+
break;
|
|
19510
19530
|
}
|
|
19511
19531
|
}
|
|
19512
19532
|
}
|