@syncfusion/ej2-navigations 28.1.33 → 28.1.35
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 +53 -46
- package/dist/es6/ej2-navigations.es2015.js.map +1 -1
- package/dist/es6/ej2-navigations.es5.js +54 -47
- 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 +5 -5
- package/src/accordion/accordion.d.ts +7 -0
- package/src/accordion/accordion.js +52 -45
- package/src/carousel/carousel.js +1 -1
- package/styles/bds-lite.css +0 -1
- package/styles/bds.css +0 -1
- package/styles/bootstrap-dark-lite.css +0 -1
- package/styles/bootstrap-dark.css +0 -1
- package/styles/bootstrap-lite.css +0 -1
- package/styles/bootstrap.css +0 -1
- package/styles/bootstrap4-lite.css +0 -1
- package/styles/bootstrap4.css +0 -1
- package/styles/bootstrap5-dark-lite.css +0 -1
- package/styles/bootstrap5-dark.css +0 -1
- package/styles/bootstrap5-lite.css +0 -1
- package/styles/bootstrap5.3-lite.css +0 -1
- package/styles/bootstrap5.3.css +0 -1
- package/styles/bootstrap5.css +0 -1
- package/styles/breadcrumb/_bigger.scss +6 -0
- package/styles/breadcrumb/_layout.scss +3 -0
- package/styles/breadcrumb/_tailwind3-definition.scss +2 -2
- package/styles/breadcrumb/tailwind3.css +9 -2
- package/styles/context-menu/tailwind3.css +1 -1
- package/styles/fabric-dark-lite.css +0 -1
- package/styles/fabric-dark.css +0 -1
- package/styles/fabric-lite.css +0 -1
- package/styles/fabric.css +0 -1
- package/styles/fluent-dark-lite.css +0 -1
- package/styles/fluent-dark.css +0 -1
- package/styles/fluent-lite.css +0 -1
- package/styles/fluent.css +0 -1
- package/styles/fluent2-lite.css +0 -1
- package/styles/fluent2.css +0 -1
- package/styles/highcontrast-light-lite.css +0 -1
- package/styles/highcontrast-light.css +0 -1
- package/styles/highcontrast-lite.css +0 -1
- package/styles/highcontrast.css +0 -1
- package/styles/material-dark-lite.css +0 -1
- package/styles/material-dark.css +0 -1
- package/styles/material-lite.css +0 -1
- package/styles/material.css +0 -1
- package/styles/material3-dark-lite.css +0 -1
- package/styles/material3-dark.css +0 -1
- package/styles/material3-lite.css +0 -1
- package/styles/material3.css +0 -1
- package/styles/menu/_bigger.scss +3 -0
- package/styles/menu/_layout.scss +3 -0
- package/styles/menu/_theme.scss +1 -3
- package/styles/menu/tailwind3.css +7 -1
- package/styles/pager/_bigger.scss +26 -0
- package/styles/pager/_layout.scss +17 -0
- package/styles/pager/_tailwind3-definition.scss +2 -2
- package/styles/pager/tailwind3.css +42 -2
- package/styles/stepper/_layout.scss +0 -1
- package/styles/stepper/bds.css +0 -1
- package/styles/stepper/bootstrap-dark.css +0 -1
- package/styles/stepper/bootstrap.css +0 -1
- package/styles/stepper/bootstrap4.css +0 -1
- package/styles/stepper/bootstrap5-dark.css +0 -1
- package/styles/stepper/bootstrap5.3.css +0 -1
- package/styles/stepper/bootstrap5.css +0 -1
- package/styles/stepper/fabric-dark.css +0 -1
- package/styles/stepper/fabric.css +0 -1
- package/styles/stepper/fluent-dark.css +0 -1
- package/styles/stepper/fluent.css +0 -1
- package/styles/stepper/fluent2.css +0 -1
- package/styles/stepper/highcontrast-light.css +0 -1
- package/styles/stepper/highcontrast.css +0 -1
- package/styles/stepper/material-dark.css +0 -1
- package/styles/stepper/material.css +0 -1
- package/styles/stepper/material3-dark.css +0 -1
- package/styles/stepper/material3.css +0 -1
- package/styles/stepper/tailwind-dark.css +0 -1
- package/styles/stepper/tailwind.css +0 -1
- package/styles/stepper/tailwind3.css +0 -1
- package/styles/tab/tailwind3.css +3 -3
- package/styles/tailwind-dark-lite.css +0 -1
- package/styles/tailwind-dark.css +0 -1
- package/styles/tailwind-lite.css +0 -1
- package/styles/tailwind.css +0 -1
- package/styles/tailwind3-lite.css +29 -9
- package/styles/tailwind3.css +63 -11
- package/styles/treeview/tailwind3.css +1 -1
|
@@ -6353,56 +6353,60 @@ var Accordion = /** @__PURE__ @class */ (function (_super) {
|
|
|
6353
6353
|
Accordion.prototype.afterContentRender = function (trgt, eventArgs, acrdnItem, acrdnHdr, acrdnCtn, acrdnCtnItem) {
|
|
6354
6354
|
var _this = this;
|
|
6355
6355
|
var acrdActive = [];
|
|
6356
|
-
this.trigger('clicked', eventArgs)
|
|
6357
|
-
|
|
6358
|
-
var inlineAcrdnSel = '.' + CLS_CONTENT + ' .' + CLS_ROOT$2;
|
|
6359
|
-
var inlineEleAcrdn = acrdnCtn && !isNullOrUndefined(select('.' + CLS_ROOT$2, acrdnCtn)) && isNullOrUndefined(closest(trgt, inlineAcrdnSel));
|
|
6360
|
-
var nestContCheck = acrdnCtn && isNullOrUndefined(select('.' + CLS_ROOT$2, acrdnCtn)) || !(closest(trgt, '.' + CLS_ROOT$2) === this.element);
|
|
6361
|
-
cntclkCheck = cntclkCheck && (inlineEleAcrdn || nestContCheck);
|
|
6362
|
-
trgt.classList.remove('e-target');
|
|
6363
|
-
if (trgt.classList.contains(CLS_CONTENT) || trgt.classList.contains(CLS_CTENT) || cntclkCheck) {
|
|
6364
|
-
return;
|
|
6365
|
-
}
|
|
6366
|
-
var acrdcontainer = this.element.querySelector('.' + CLS_CONTAINER);
|
|
6367
|
-
var acrdnchild = (acrdcontainer) ? acrdcontainer.children : this.element.children;
|
|
6368
|
-
[].slice.call(acrdnchild).forEach(function (el) {
|
|
6369
|
-
if (el.classList.contains(CLS_ACTIVE)) {
|
|
6370
|
-
acrdActive.push(el);
|
|
6371
|
-
}
|
|
6372
|
-
});
|
|
6373
|
-
var acrdAniEle = [].slice.call(this.element.querySelectorAll('.' + CLS_ITEM$1 + ' [' + CLS_ANIMATE + ']'));
|
|
6374
|
-
if (acrdAniEle.length > 0) {
|
|
6375
|
-
for (var _i = 0, acrdAniEle_1 = acrdAniEle; _i < acrdAniEle_1.length; _i++) {
|
|
6376
|
-
var el = acrdAniEle_1[_i];
|
|
6377
|
-
acrdActive.push(el.parentElement);
|
|
6378
|
-
}
|
|
6379
|
-
}
|
|
6380
|
-
var sameContentCheck = acrdActive.indexOf(acrdnCtnItem) !== -1 && acrdnCtn.getAttribute('e-animate') === 'true';
|
|
6381
|
-
var sameHeader = false;
|
|
6382
|
-
if (!isNullOrUndefined(acrdnItem) && !isNullOrUndefined(acrdnHdr)) {
|
|
6383
|
-
var acrdnCtn_1 = select('.' + CLS_CONTENT, acrdnItem);
|
|
6384
|
-
var acrdnRoot = closest(acrdnItem, '.' + CLS_ACRDN_ROOT);
|
|
6385
|
-
var expandState = acrdnRoot.querySelector('.' + CLS_EXPANDSTATE);
|
|
6386
|
-
if (isNullOrUndefined(acrdnCtn_1)) {
|
|
6356
|
+
this.trigger('clicked', eventArgs, function (eventArgs) {
|
|
6357
|
+
if (eventArgs.cancel) {
|
|
6387
6358
|
return;
|
|
6388
6359
|
}
|
|
6389
|
-
|
|
6390
|
-
|
|
6391
|
-
|
|
6360
|
+
var cntclkCheck = (acrdnCtn && !isNullOrUndefined(select('.e-target', acrdnCtn)));
|
|
6361
|
+
var inlineAcrdnSel = '.' + CLS_CONTENT + ' .' + CLS_ROOT$2;
|
|
6362
|
+
var inlineEleAcrdn = acrdnCtn && !isNullOrUndefined(select('.' + CLS_ROOT$2, acrdnCtn)) && isNullOrUndefined(closest(trgt, inlineAcrdnSel));
|
|
6363
|
+
var nestContCheck = acrdnCtn && isNullOrUndefined(select('.' + CLS_ROOT$2, acrdnCtn)) || !(closest(trgt, '.' + CLS_ROOT$2) === _this.element);
|
|
6364
|
+
cntclkCheck = cntclkCheck && (inlineEleAcrdn || nestContCheck);
|
|
6365
|
+
trgt.classList.remove('e-target');
|
|
6366
|
+
if (trgt.classList.contains(CLS_CONTENT) || trgt.classList.contains(CLS_CTENT) || cntclkCheck) {
|
|
6367
|
+
return;
|
|
6392
6368
|
}
|
|
6393
|
-
|
|
6394
|
-
|
|
6395
|
-
|
|
6396
|
-
|
|
6397
|
-
|
|
6398
|
-
|
|
6369
|
+
var acrdcontainer = _this.element.querySelector('.' + CLS_CONTAINER);
|
|
6370
|
+
var acrdnchild = (acrdcontainer) ? acrdcontainer.children : _this.element.children;
|
|
6371
|
+
[].slice.call(acrdnchild).forEach(function (el) {
|
|
6372
|
+
if (el.classList.contains(CLS_ACTIVE)) {
|
|
6373
|
+
acrdActive.push(el);
|
|
6374
|
+
}
|
|
6375
|
+
});
|
|
6376
|
+
var acrdAniEle = [].slice.call(_this.element.querySelectorAll('.' + CLS_ITEM$1 + ' [' + CLS_ANIMATE + ']'));
|
|
6377
|
+
if (acrdAniEle.length > 0) {
|
|
6378
|
+
for (var _i = 0, acrdAniEle_1 = acrdAniEle; _i < acrdAniEle_1.length; _i++) {
|
|
6379
|
+
var el = acrdAniEle_1[_i];
|
|
6380
|
+
acrdActive.push(el.parentElement);
|
|
6381
|
+
}
|
|
6382
|
+
}
|
|
6383
|
+
var sameContentCheck = acrdActive.indexOf(acrdnCtnItem) !== -1 && acrdnCtn.getAttribute('e-animate') === 'true';
|
|
6384
|
+
var sameHeader = false;
|
|
6385
|
+
if (!isNullOrUndefined(acrdnItem) && !isNullOrUndefined(acrdnHdr)) {
|
|
6386
|
+
var acrdnCtn_1 = select('.' + CLS_CONTENT, acrdnItem);
|
|
6387
|
+
var acrdnRoot = closest(acrdnItem, '.' + CLS_ACRDN_ROOT);
|
|
6388
|
+
var expandState = acrdnRoot.querySelector('.' + CLS_EXPANDSTATE);
|
|
6389
|
+
if (isNullOrUndefined(acrdnCtn_1)) {
|
|
6390
|
+
return;
|
|
6391
|
+
}
|
|
6392
|
+
sameHeader = (expandState === acrdnItem);
|
|
6393
|
+
if (isVisible(acrdnCtn_1) && (!sameContentCheck || acrdnCtnItem.classList.contains(CLS_SLCTED))) {
|
|
6394
|
+
_this.collapse(acrdnCtn_1);
|
|
6395
|
+
}
|
|
6396
|
+
else {
|
|
6397
|
+
if ((acrdActive.length > 0) && _this.expandMode === 'Single' && !sameContentCheck) {
|
|
6398
|
+
acrdActive.forEach(function (el) {
|
|
6399
|
+
_this.collapse(select('.' + CLS_CONTENT, el));
|
|
6400
|
+
el.classList.remove(CLS_EXPANDSTATE);
|
|
6401
|
+
});
|
|
6402
|
+
}
|
|
6403
|
+
_this.expand(acrdnCtn_1);
|
|
6404
|
+
}
|
|
6405
|
+
if (!isNullOrUndefined(expandState) && !sameHeader) {
|
|
6406
|
+
expandState.classList.remove(CLS_EXPANDSTATE);
|
|
6399
6407
|
}
|
|
6400
|
-
this.expand(acrdnCtn_1);
|
|
6401
|
-
}
|
|
6402
|
-
if (!isNullOrUndefined(expandState) && !sameHeader) {
|
|
6403
|
-
expandState.classList.remove(CLS_EXPANDSTATE);
|
|
6404
6408
|
}
|
|
6405
|
-
}
|
|
6409
|
+
});
|
|
6406
6410
|
};
|
|
6407
6411
|
Accordion.prototype.eleMoveFocus = function (action, root, trgt) {
|
|
6408
6412
|
var clst;
|
|
@@ -6756,9 +6760,12 @@ var Accordion = /** @__PURE__ @class */ (function (_super) {
|
|
|
6756
6760
|
};
|
|
6757
6761
|
Accordion.prototype.collapse = function (trgt) {
|
|
6758
6762
|
var _this = this;
|
|
6763
|
+
if (isNullOrUndefined(trgt)) {
|
|
6764
|
+
return;
|
|
6765
|
+
}
|
|
6759
6766
|
var items = this.getItems();
|
|
6760
6767
|
var trgtItemEle = closest(trgt, '.' + CLS_ITEM$1);
|
|
6761
|
-
if (
|
|
6768
|
+
if (!isVisible(trgt) || trgtItemEle.classList.contains(CLS_DISABLE$3)) {
|
|
6762
6769
|
return;
|
|
6763
6770
|
}
|
|
6764
6771
|
var animation = {
|
|
@@ -18706,7 +18713,7 @@ var Carousel = /** @__PURE__ @class */ (function (_super) {
|
|
|
18706
18713
|
}
|
|
18707
18714
|
};
|
|
18708
18715
|
Carousel.prototype.wireEvents = function () {
|
|
18709
|
-
if (
|
|
18716
|
+
if (this.animationEffect !== 'Custom' && this.enableTouchSwipe) {
|
|
18710
18717
|
this.swipeModehandlers();
|
|
18711
18718
|
}
|
|
18712
18719
|
EventHandler.add(this.element, 'focusin focusout', this.onFocusActions, this);
|