@syncfusion/ej2-navigations 28.1.33 → 28.1.35

package/dist/es6/ej2-navigations.es2015.js

@@ -6163,55 +6163,59 @@ let Accordion = class Accordion extends Component {
     }
     afterContentRender(trgt, eventArgs, acrdnItem, acrdnHdr, acrdnCtn, acrdnCtnItem) {
         const acrdActive = [];
-        this.trigger('clicked', eventArgs);
-        let cntclkCheck = (acrdnCtn && !isNullOrUndefined(select('.e-target', acrdnCtn)));
-        const inlineAcrdnSel = '.' + CLS_CONTENT + ' .' + CLS_ROOT$2;
-        const inlineEleAcrdn = acrdnCtn && !isNullOrUndefined(select('.' + CLS_ROOT$2, acrdnCtn)) && isNullOrUndefined(closest(trgt, inlineAcrdnSel));
-        const nestContCheck = acrdnCtn && isNullOrUndefined(select('.' + CLS_ROOT$2, acrdnCtn)) || !(closest(trgt, '.' + CLS_ROOT$2) === this.element);
-        cntclkCheck = cntclkCheck && (inlineEleAcrdn || nestContCheck);
-        trgt.classList.remove('e-target');
-        if (trgt.classList.contains(CLS_CONTENT) || trgt.classList.contains(CLS_CTENT) || cntclkCheck) {
-            return;
-        }
-        const acrdcontainer = this.element.querySelector('.' + CLS_CONTAINER);
-        const acrdnchild = (acrdcontainer) ? acrdcontainer.children : this.element.children;
-        [].slice.call(acrdnchild).forEach((el) => {
-            if (el.classList.contains(CLS_ACTIVE)) {
-                acrdActive.push(el);
-            }
-        });
-        const acrdAniEle = [].slice.call(this.element.querySelectorAll('.' + CLS_ITEM$1 + ' [' + CLS_ANIMATE + ']'));
-        if (acrdAniEle.length > 0) {
-            for (const el of acrdAniEle) {
-                acrdActive.push(el.parentElement);
-            }
-        }
-        const sameContentCheck = acrdActive.indexOf(acrdnCtnItem) !== -1 && acrdnCtn.getAttribute('e-animate') === 'true';
-        let sameHeader = false;
-        if (!isNullOrUndefined(acrdnItem) && !isNullOrUndefined(acrdnHdr)) {
-            const acrdnCtn = select('.' + CLS_CONTENT, acrdnItem);
-            const acrdnRoot = closest(acrdnItem, '.' + CLS_ACRDN_ROOT);
-            const expandState = acrdnRoot.querySelector('.' + CLS_EXPANDSTATE);
-            if (isNullOrUndefined(acrdnCtn)) {
+        this.trigger('clicked', eventArgs, (eventArgs) => {
+            if (eventArgs.cancel) {
                 return;
             }
-            sameHeader = (expandState === acrdnItem);
-            if (isVisible(acrdnCtn) && (!sameContentCheck || acrdnCtnItem.classList.contains(CLS_SLCTED))) {
-                this.collapse(acrdnCtn);
+            let cntclkCheck = (acrdnCtn && !isNullOrUndefined(select('.e-target', acrdnCtn)));
+            const inlineAcrdnSel = '.' + CLS_CONTENT + ' .' + CLS_ROOT$2;
+            const inlineEleAcrdn = acrdnCtn && !isNullOrUndefined(select('.' + CLS_ROOT$2, acrdnCtn)) && isNullOrUndefined(closest(trgt, inlineAcrdnSel));
+            const nestContCheck = acrdnCtn && isNullOrUndefined(select('.' + CLS_ROOT$2, acrdnCtn)) || !(closest(trgt, '.' + CLS_ROOT$2) === this.element);
+            cntclkCheck = cntclkCheck && (inlineEleAcrdn || nestContCheck);
+            trgt.classList.remove('e-target');
+            if (trgt.classList.contains(CLS_CONTENT) || trgt.classList.contains(CLS_CTENT) || cntclkCheck) {
+                return;
             }
-            else {
-                if ((acrdActive.length > 0) && this.expandMode === 'Single' && !sameContentCheck) {
-                    acrdActive.forEach((el) => {
-                        this.collapse(select('.' + CLS_CONTENT, el));
-                        el.classList.remove(CLS_EXPANDSTATE);
-                    });
+            const acrdcontainer = this.element.querySelector('.' + CLS_CONTAINER);
+            const acrdnchild = (acrdcontainer) ? acrdcontainer.children : this.element.children;
+            [].slice.call(acrdnchild).forEach((el) => {
+                if (el.classList.contains(CLS_ACTIVE)) {
+                    acrdActive.push(el);
+                }
+            });
+            const acrdAniEle = [].slice.call(this.element.querySelectorAll('.' + CLS_ITEM$1 + ' [' + CLS_ANIMATE + ']'));
+            if (acrdAniEle.length > 0) {
+                for (const el of acrdAniEle) {
+                    acrdActive.push(el.parentElement);
+                }
+            }
+            const sameContentCheck = acrdActive.indexOf(acrdnCtnItem) !== -1 && acrdnCtn.getAttribute('e-animate') === 'true';
+            let sameHeader = false;
+            if (!isNullOrUndefined(acrdnItem) && !isNullOrUndefined(acrdnHdr)) {
+                const acrdnCtn = select('.' + CLS_CONTENT, acrdnItem);
+                const acrdnRoot = closest(acrdnItem, '.' + CLS_ACRDN_ROOT);
+                const expandState = acrdnRoot.querySelector('.' + CLS_EXPANDSTATE);
+                if (isNullOrUndefined(acrdnCtn)) {
+                    return;
+                }
+                sameHeader = (expandState === acrdnItem);
+                if (isVisible(acrdnCtn) && (!sameContentCheck || acrdnCtnItem.classList.contains(CLS_SLCTED))) {
+                    this.collapse(acrdnCtn);
+                }
+                else {
+                    if ((acrdActive.length > 0) && this.expandMode === 'Single' && !sameContentCheck) {
+                        acrdActive.forEach((el) => {
+                            this.collapse(select('.' + CLS_CONTENT, el));
+                            el.classList.remove(CLS_EXPANDSTATE);
+                        });
+                    }
+                    this.expand(acrdnCtn);
+                }
+                if (!isNullOrUndefined(expandState) && !sameHeader) {
+                    expandState.classList.remove(CLS_EXPANDSTATE);
                 }
-                this.expand(acrdnCtn);
-            }
-            if (!isNullOrUndefined(expandState) && !sameHeader) {
-                expandState.classList.remove(CLS_EXPANDSTATE);
             }
-        }
+        });
     }
     eleMoveFocus(action, root, trgt) {
         let clst;
@@ -6562,9 +6566,12 @@ let Accordion = class Accordion extends Component {
         this.setProperties({ expandedIndices: temp }, true);
     }
     collapse(trgt) {
+        if (isNullOrUndefined(trgt)) {
+            return;
+        }
         const items = this.getItems();
         const trgtItemEle = closest(trgt, '.' + CLS_ITEM$1);
-        if (isNullOrUndefined(trgt) || !isVisible(trgt) || trgtItemEle.classList.contains(CLS_DISABLE$3)) {
+        if (!isVisible(trgt) || trgtItemEle.classList.contains(CLS_DISABLE$3)) {
             return;
         }
         const animation = {
@@ -18249,7 +18256,7 @@ let Carousel = class Carousel extends Component {
         }
     }
     wireEvents() {
-        if (!(this.animationEffect === 'Custom')) {
+        if (this.animationEffect !== 'Custom' && this.enableTouchSwipe) {
             this.swipeModehandlers();
         }
         EventHandler.add(this.element, 'focusin focusout', this.onFocusActions, this);