@syncfusion/ej2-navigations 28.2.4 → 28.2.6
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 +39 -11
- package/dist/es6/ej2-navigations.es2015.js.map +1 -1
- package/dist/es6/ej2-navigations.es5.js +39 -11
- 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/carousel/carousel.js +5 -0
- package/src/tab/tab.js +3 -3
- package/src/toolbar/toolbar.js +4 -1
- package/src/treeview/treeview.js +27 -7
- package/styles/bootstrap5.3-lite.css +8 -0
- package/styles/bootstrap5.3.css +8 -0
- package/styles/toolbar/_theme.scss +13 -0
- package/styles/toolbar/bootstrap5.3.css +8 -0
|
@@ -4391,7 +4391,10 @@ var Toolbar = /** @__PURE__ @class */ (function (_super) {
|
|
|
4391
4391
|
else if (scrollNav) {
|
|
4392
4392
|
navEleWidth = this.isVertical ? (scrollNav.offsetHeight * (2)) : (scrollNav.offsetWidth * 2);
|
|
4393
4393
|
}
|
|
4394
|
-
if (
|
|
4394
|
+
if (eleWidth >= itemWidth && scrollNav) {
|
|
4395
|
+
return false;
|
|
4396
|
+
}
|
|
4397
|
+
else if (itemWidth > eleWidth - navEleWidth) {
|
|
4395
4398
|
return true;
|
|
4396
4399
|
}
|
|
4397
4400
|
else {
|
|
@@ -8769,9 +8772,6 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
|
|
|
8769
8772
|
}
|
|
8770
8773
|
}
|
|
8771
8774
|
}
|
|
8772
|
-
if (this.prevIndex !== this.selectedItem) {
|
|
8773
|
-
ele.classList.remove(CLS_ACTIVE$1);
|
|
8774
|
-
}
|
|
8775
8775
|
};
|
|
8776
8776
|
Tab.prototype.loadContentElement = function () {
|
|
8777
8777
|
if (!this.isTemplate) {
|
|
@@ -8835,6 +8835,9 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
|
|
|
8835
8835
|
this.getContent(ele, this.items[0].content, 'render', 0);
|
|
8836
8836
|
}
|
|
8837
8837
|
this.loadContentInitMode(ele);
|
|
8838
|
+
if (this.prevIndex !== this.selectedItem) {
|
|
8839
|
+
ele.classList.remove(CLS_ACTIVE$1);
|
|
8840
|
+
}
|
|
8838
8841
|
}
|
|
8839
8842
|
setStyleAttribute(this.cntEle, { 'height': this.maxHeight + 'px' });
|
|
8840
8843
|
}
|
|
@@ -11370,16 +11373,27 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
|
|
|
11370
11373
|
};
|
|
11371
11374
|
TreeView.prototype.getSelectedChildNodeDetails = function (dataUid) {
|
|
11372
11375
|
var _this = this;
|
|
11376
|
+
var childKey = typeof this.fields.child === 'string' ? this.fields.child : null;
|
|
11377
|
+
var dataId = this.fields.id;
|
|
11378
|
+
var parentKey = this.fields.parentID;
|
|
11373
11379
|
return this.checkedNodes
|
|
11374
11380
|
.map(function (checkedNodeId) {
|
|
11375
11381
|
return new DataManager(_this.DDTTreeData)
|
|
11376
11382
|
.executeLocal(new Query().where('id', 'equal', checkedNodeId, true))[0];
|
|
11377
11383
|
})
|
|
11378
11384
|
.filter(function (childNode) {
|
|
11379
|
-
if (childNode && typeof childNode === 'object' &&
|
|
11380
|
-
|
|
11381
|
-
|
|
11382
|
-
|
|
11385
|
+
if (childNode && typeof childNode === 'object' && (parentKey in childNode || childKey in childNode)) {
|
|
11386
|
+
if (!isNullOrUndefined(childKey) && childKey in childNode && Array.isArray(childNode[childKey])) {
|
|
11387
|
+
var matchNode = childNode[dataId];
|
|
11388
|
+
if (!isNullOrUndefined(matchNode)) {
|
|
11389
|
+
return matchNode.toString() === dataUid;
|
|
11390
|
+
}
|
|
11391
|
+
}
|
|
11392
|
+
else {
|
|
11393
|
+
var childNodePid = childNode[parentKey];
|
|
11394
|
+
if (!isNullOrUndefined(childNodePid)) {
|
|
11395
|
+
return childNodePid.toString() === dataUid;
|
|
11396
|
+
}
|
|
11383
11397
|
}
|
|
11384
11398
|
}
|
|
11385
11399
|
return false;
|
|
@@ -11509,14 +11523,18 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
|
|
|
11509
11523
|
var checkBoxes = selectAll('.' + CHECKBOXWRAP, this.element);
|
|
11510
11524
|
if (this.loadOnDemand) {
|
|
11511
11525
|
for (var index = 0; index < checkBoxes.length; index++) {
|
|
11526
|
+
var liEle = closest(checkBoxes[parseInt(index.toString(), 10)], '.' + LISTITEM);
|
|
11512
11527
|
this.updateFieldChecked(checkBoxes[parseInt(index.toString(), 10)], doCheck);
|
|
11513
11528
|
this.changeState(checkBoxes[parseInt(index.toString(), 10)], doCheck ? 'check' : 'uncheck', null, null, null, doCheck);
|
|
11529
|
+
this.updateOldCheckedData([this.getNodeData(liEle)]);
|
|
11514
11530
|
}
|
|
11515
11531
|
}
|
|
11516
11532
|
else {
|
|
11517
11533
|
for (var index = 0; index < checkBoxes.length; index++) {
|
|
11534
|
+
var liEle = closest(checkBoxes[parseInt(index.toString(), 10)], '.' + LISTITEM);
|
|
11518
11535
|
this.updateFieldChecked(checkBoxes[parseInt(index.toString(), 10)], doCheck);
|
|
11519
11536
|
this.changeState(checkBoxes[parseInt(index.toString(), 10)], doCheck ? 'check' : 'uncheck');
|
|
11537
|
+
this.updateOldCheckedData([this.getNodeData(liEle)]);
|
|
11520
11538
|
}
|
|
11521
11539
|
}
|
|
11522
11540
|
}
|
|
@@ -12250,6 +12268,9 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
|
|
|
12250
12268
|
ul.style.visibility = '';
|
|
12251
12269
|
};
|
|
12252
12270
|
TreeView.prototype.animateHeight = function (args, start, end) {
|
|
12271
|
+
if (isNullOrUndefined(args.element.parentElement)) {
|
|
12272
|
+
return;
|
|
12273
|
+
}
|
|
12253
12274
|
var remaining = (args.duration - args.timeStamp) / args.duration;
|
|
12254
12275
|
var currentHeight = (end - start) * remaining + start;
|
|
12255
12276
|
args.element.parentElement.style.height = currentHeight + 'px';
|
|
@@ -15334,9 +15355,11 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
|
|
|
15334
15355
|
this.updateWrap();
|
|
15335
15356
|
break;
|
|
15336
15357
|
case 'checkedNodes':
|
|
15337
|
-
if (
|
|
15338
|
-
this.
|
|
15339
|
-
|
|
15358
|
+
if (JSON.stringify(oldProp.checkedNodes) !== JSON.stringify(newProp.checkedNodes)) {
|
|
15359
|
+
if (this.showCheckBox) {
|
|
15360
|
+
this.checkedNodes = oldProp.checkedNodes;
|
|
15361
|
+
this.setCheckedNodes(newProp.checkedNodes);
|
|
15362
|
+
}
|
|
15340
15363
|
}
|
|
15341
15364
|
break;
|
|
15342
15365
|
case 'autoCheck':
|
|
@@ -18023,6 +18046,9 @@ var Carousel = /** @__PURE__ @class */ (function (_super) {
|
|
|
18023
18046
|
if (isClone) {
|
|
18024
18047
|
itemEle.classList.add(CLS_CLONED);
|
|
18025
18048
|
}
|
|
18049
|
+
if (!(this.selectedIndex === index && !isClone)) {
|
|
18050
|
+
itemEle.setAttribute('inert', 'true');
|
|
18051
|
+
}
|
|
18026
18052
|
if (!isNullOrUndefined(item.htmlAttributes)) {
|
|
18027
18053
|
this.setHtmlAttributes(item.htmlAttributes, itemEle);
|
|
18028
18054
|
}
|
|
@@ -18303,7 +18329,9 @@ var Carousel = /** @__PURE__ @class */ (function (_super) {
|
|
|
18303
18329
|
}
|
|
18304
18330
|
_this.setProperties({ selectedIndex: currentIndex }, true);
|
|
18305
18331
|
attributes(args.currentSlide, { 'aria-hidden': 'true' });
|
|
18332
|
+
args.currentSlide.setAttribute('inert', 'true');
|
|
18306
18333
|
attributes(args.nextSlide, { 'aria-hidden': 'false' });
|
|
18334
|
+
args.nextSlide.removeAttribute('inert');
|
|
18307
18335
|
_this.refreshIndicators(activeIndex, currentIndex);
|
|
18308
18336
|
_this.slideChangedEventArgs = {
|
|
18309
18337
|
currentIndex: args.nextIndex,
|