@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
|
@@ -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();
|
|
@@ -16417,7 +16418,12 @@ let Breadcrumb = class Breadcrumb extends Component {
|
|
|
16417
16418
|
}
|
|
16418
16419
|
this.endIndex = idx;
|
|
16419
16420
|
}
|
|
16420
|
-
|
|
16421
|
+
const itemClickArgs = { element: li,
|
|
16422
|
+
item: this.items[idx], event: e, cancel: false };
|
|
16423
|
+
this.trigger('itemClick', itemClickArgs);
|
|
16424
|
+
if (itemClickArgs.cancel) {
|
|
16425
|
+
return;
|
|
16426
|
+
}
|
|
16421
16427
|
if (this.items[idx]) {
|
|
16422
16428
|
this.activeItem = this.items[idx].url || this.items[idx].text;
|
|
16423
16429
|
}
|
|
@@ -18389,6 +18395,9 @@ const LABELINDICATOR = 'e-step-type-label';
|
|
|
18389
18395
|
const INDICATORICON = 'e-step-indicator';
|
|
18390
18396
|
const STEPPERTOOLTIP = 'e-stepper-tooltip';
|
|
18391
18397
|
const STEPPERIPROGRESSTIP = 'e-step-inprogress-tip';
|
|
18398
|
+
const LINEARSTEP = 'e-linear';
|
|
18399
|
+
const PREVSTEP = 'e-previous';
|
|
18400
|
+
const NEXTSTEP = 'e-next';
|
|
18392
18401
|
/**
|
|
18393
18402
|
* Defines the step progress animation of the Stepper.
|
|
18394
18403
|
*/
|
|
@@ -19227,6 +19236,16 @@ let Stepper = class Stepper extends StepperBase {
|
|
|
19227
19236
|
}
|
|
19228
19237
|
}
|
|
19229
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
|
+
});
|
|
19230
19249
|
}
|
|
19231
19250
|
removeItemElements() {
|
|
19232
19251
|
for (let i = 0; i < this.stepperItemElements.length; i++) {
|
|
@@ -19245,14 +19264,17 @@ let Stepper = class Stepper extends StepperBase {
|
|
|
19245
19264
|
}
|
|
19246
19265
|
}
|
|
19247
19266
|
reset() {
|
|
19248
|
-
if (this.activeStep
|
|
19267
|
+
if (this.activeStep === 0) {
|
|
19268
|
+
this.updateStepInteractions();
|
|
19269
|
+
}
|
|
19270
|
+
else {
|
|
19249
19271
|
const isDisabled = this.stepperItemElements[0].classList.contains(DISABLED$2) ? true : false;
|
|
19250
19272
|
this.navigateToStep(isDisabled ? -1 : 0, null, null, false);
|
|
19251
19273
|
}
|
|
19252
19274
|
}
|
|
19253
19275
|
updateElementClassArray() {
|
|
19254
19276
|
const classArray = [RTL$3, READONLY, 'e-steps-focus', LABELAFTER, LABELBEFORE, 'e-label-top',
|
|
19255
|
-
'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];
|
|
19256
19278
|
removeClass([this.element], classArray);
|
|
19257
19279
|
}
|
|
19258
19280
|
destroy() {
|
|
@@ -19502,6 +19524,9 @@ let Stepper = class Stepper extends StepperBase {
|
|
|
19502
19524
|
case 'animation':
|
|
19503
19525
|
this.updateAnimation();
|
|
19504
19526
|
break;
|
|
19527
|
+
case 'linear':
|
|
19528
|
+
this.updateStepInteractions();
|
|
19529
|
+
break;
|
|
19505
19530
|
}
|
|
19506
19531
|
}
|
|
19507
19532
|
}
|