@syncfusion/ej2-navigations 26.1.38 → 26.1.40
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 +30 -8
- package/dist/es6/ej2-navigations.es2015.js.map +1 -1
- package/dist/es6/ej2-navigations.es5.js +31 -8
- 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/common/menu-base.js +2 -1
- package/src/stepper/stepper.d.ts +1 -0
- package/src/stepper/stepper.js +22 -2
- package/src/treeview/treeview.js +7 -5
- 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
|
@@ -1679,7 +1679,8 @@ let MenuBase = class MenuBase extends Component {
|
|
|
1679
1679
|
else if (isOpen && isNullOrUndefined(ulIndex) && this.navIdx.length) {
|
|
1680
1680
|
this.closeMenu(null, e);
|
|
1681
1681
|
}
|
|
1682
|
-
else if (isOpen && !this.isMenu && !ulIndex && this.navIdx.length === 0 &&
|
|
1682
|
+
else if (isOpen && !this.isMenu && !ulIndex && this.navIdx.length === 0 &&
|
|
1683
|
+
!this.isMenusClosed && !this.isCmenuHover) {
|
|
1683
1684
|
this.isMenusClosed = true;
|
|
1684
1685
|
this.closeMenu(0, e);
|
|
1685
1686
|
}
|
|
@@ -9834,7 +9835,7 @@ const DISABLE = 'e-disable';
|
|
|
9834
9835
|
const DROPCOUNT = 'e-drop-count';
|
|
9835
9836
|
const CHECK = 'e-check';
|
|
9836
9837
|
const INDETERMINATE = 'e-stop';
|
|
9837
|
-
const CHECKBOXWRAP = 'e-checkbox
|
|
9838
|
+
const CHECKBOXWRAP = 'e-treeview-checkbox';
|
|
9838
9839
|
const CHECKBOXFRAME = 'e-frame';
|
|
9839
9840
|
const CHECKBOXRIPPLE = 'e-ripple-container';
|
|
9840
9841
|
const RIPPLE = 'e-ripple';
|
|
@@ -10520,6 +10521,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
|
|
|
10520
10521
|
beforeNodeCreate(e) {
|
|
10521
10522
|
if (this.showCheckBox) {
|
|
10522
10523
|
const checkboxEle = createCheckBox(this.createElement, true, { cssClass: this.touchClass });
|
|
10524
|
+
checkboxEle.classList.add(CHECKBOXWRAP);
|
|
10523
10525
|
const icon = select('div.' + ICON, e.item);
|
|
10524
10526
|
const id = e.item.getAttribute('data-uid');
|
|
10525
10527
|
e.item.childNodes[0].insertBefore(checkboxEle, e.item.childNodes[0].childNodes[isNullOrUndefined(icon) ? 0 : 1]);
|
|
@@ -10597,7 +10599,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
|
|
|
10597
10599
|
return 2;
|
|
10598
10600
|
}
|
|
10599
10601
|
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)]))) {
|
|
10602
|
+
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
10603
|
return 2;
|
|
10602
10604
|
}
|
|
10603
10605
|
if (this.isChildObject()) {
|
|
@@ -11220,6 +11222,9 @@ let TreeView = TreeView_1 = class TreeView extends Component {
|
|
|
11220
11222
|
this.afterFinalized();
|
|
11221
11223
|
}
|
|
11222
11224
|
});
|
|
11225
|
+
if (this.index > 0) {
|
|
11226
|
+
this.index = 0;
|
|
11227
|
+
}
|
|
11223
11228
|
}
|
|
11224
11229
|
expandCallback(eUid, callback) {
|
|
11225
11230
|
const eNode = select('[data-uid="' + eUid + '"]', this.element);
|
|
@@ -11228,9 +11233,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
|
|
|
11228
11233
|
if (!isNullOrUndefined(icon)) {
|
|
11229
11234
|
this.expandAction(eNode, icon, null, false, callback);
|
|
11230
11235
|
}
|
|
11231
|
-
|
|
11232
|
-
callback();
|
|
11233
|
-
}
|
|
11236
|
+
callback();
|
|
11234
11237
|
}
|
|
11235
11238
|
else {
|
|
11236
11239
|
callback();
|
|
@@ -18394,6 +18397,9 @@ const LABELINDICATOR = 'e-step-type-label';
|
|
|
18394
18397
|
const INDICATORICON = 'e-step-indicator';
|
|
18395
18398
|
const STEPPERTOOLTIP = 'e-stepper-tooltip';
|
|
18396
18399
|
const STEPPERIPROGRESSTIP = 'e-step-inprogress-tip';
|
|
18400
|
+
const LINEARSTEP = 'e-linear';
|
|
18401
|
+
const PREVSTEP = 'e-previous';
|
|
18402
|
+
const NEXTSTEP = 'e-next';
|
|
18397
18403
|
/**
|
|
18398
18404
|
* Defines the step progress animation of the Stepper.
|
|
18399
18405
|
*/
|
|
@@ -19232,6 +19238,16 @@ let Stepper = class Stepper extends StepperBase {
|
|
|
19232
19238
|
}
|
|
19233
19239
|
}
|
|
19234
19240
|
}
|
|
19241
|
+
this.updateStepInteractions();
|
|
19242
|
+
}
|
|
19243
|
+
updateStepInteractions() {
|
|
19244
|
+
this.element.classList.toggle(LINEARSTEP, this.linear);
|
|
19245
|
+
this.stepperItemElements.forEach((step, index) => {
|
|
19246
|
+
const isPreviousStep = (index === this.activeStep - 1);
|
|
19247
|
+
const isNextStep = (index === this.activeStep + 1);
|
|
19248
|
+
step.classList.toggle(PREVSTEP, isPreviousStep);
|
|
19249
|
+
step.classList.toggle(NEXTSTEP, isNextStep);
|
|
19250
|
+
});
|
|
19235
19251
|
}
|
|
19236
19252
|
removeItemElements() {
|
|
19237
19253
|
for (let i = 0; i < this.stepperItemElements.length; i++) {
|
|
@@ -19250,14 +19266,17 @@ let Stepper = class Stepper extends StepperBase {
|
|
|
19250
19266
|
}
|
|
19251
19267
|
}
|
|
19252
19268
|
reset() {
|
|
19253
|
-
if (this.activeStep
|
|
19269
|
+
if (this.activeStep === 0) {
|
|
19270
|
+
this.updateStepInteractions();
|
|
19271
|
+
}
|
|
19272
|
+
else {
|
|
19254
19273
|
const isDisabled = this.stepperItemElements[0].classList.contains(DISABLED$2) ? true : false;
|
|
19255
19274
|
this.navigateToStep(isDisabled ? -1 : 0, null, null, false);
|
|
19256
19275
|
}
|
|
19257
19276
|
}
|
|
19258
19277
|
updateElementClassArray() {
|
|
19259
19278
|
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];
|
|
19279
|
+
'e-label-bottom', 'e-label-start', 'e-label-end', STEPINDICATOR, LABELINDICATOR, VERTICALSTEP, HORIZSTEP, LINEARSTEP];
|
|
19261
19280
|
removeClass([this.element], classArray);
|
|
19262
19281
|
}
|
|
19263
19282
|
destroy() {
|
|
@@ -19507,6 +19526,9 @@ let Stepper = class Stepper extends StepperBase {
|
|
|
19507
19526
|
case 'animation':
|
|
19508
19527
|
this.updateAnimation();
|
|
19509
19528
|
break;
|
|
19529
|
+
case 'linear':
|
|
19530
|
+
this.updateStepInteractions();
|
|
19531
|
+
break;
|
|
19510
19532
|
}
|
|
19511
19533
|
}
|
|
19512
19534
|
}
|