@syncfusion/ej2-navigations 20.1.51 → 20.1.57

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

@@ -1097,6 +1097,7 @@ var LEFTARROW = 'leftarrow';
 var RIGHTARROW = 'rightarrow';
 var HOME = 'home';
 var END = 'end';
+var TAB = 'tab';
 var CARET = 'e-caret';
 var ITEM = 'e-menu-item';
 var DISABLED = 'e-disabled';
@@ -1383,6 +1384,7 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
         if (this.isMenu) {
             keyConfigs.home = HOME;
             keyConfigs.end = END;
+            keyConfigs.tab = TAB;
         }
         new KeyboardEvents(element, {
             keyAction: this.keyBoardHandler.bind(this),
@@ -1443,6 +1445,7 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
             case UPARROW:
             case END:
             case HOME:
+            case TAB:
                 this.upDownKeyHandler(e);
                 break;
             case RIGHTARROW:
@@ -1469,7 +1472,7 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
     };
     MenuBase.prototype.upDownKeyHandler = function (e) {
         var cul = this.getUlByNavIdx();
-        var defaultIdx = (e.action === DOWNARROW || e.action === HOME) ? 0 : cul.childElementCount - 1;
+        var defaultIdx = (e.action === DOWNARROW || e.action === HOME || e.action === TAB) ? 0 : cul.childElementCount - 1;
         var fliIdx = defaultIdx;
         var fli = this.getLIByClass(cul, FOCUSED);
         if (fli) {
@@ -1606,6 +1609,12 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
             }
             if (!isClose) {
                 var liElem_1 = e && e.target && this.getLI(e.target);
+                if (liElem_1) {
+                    this.cli = liElem_1;
+                }
+                else {
+                    this.cli = ul_1.children[0];
+                }
                 item_1 = this.navIdx.length ? this.getItem(this.navIdx) : null;
                 items_1 = item_1 ? item_1.items : this.items;
                 beforeCloseArgs = { element: ul_1, parentItem: item_1, items: items_1, event: e, cancel: false, isFocused: true };
@@ -3209,6 +3218,7 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
                 this.clearTemplate(['template']);
             }
         }
+        this.rippleFn = null;
     };
     __decorate$2([
         Event()
@@ -8580,10 +8590,12 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
         var _this = this;
         if (this.allowDragAndDrop) {
             var tabHeader = this.element.querySelector('.' + CLS_HEADER$1);
-            var items = tabHeader.querySelectorAll('.' + CLS_TB_ITEM);
-            items.forEach(function (element) {
-                _this.initializeDrag(element);
-            });
+            if (tabHeader) {
+                var items = tabHeader.querySelectorAll('.' + CLS_TB_ITEM);
+                items.forEach(function (element) {
+                    _this.initializeDrag(element);
+                });
+            }
         }
     };
     Tab.prototype.wireEvents = function () {
@@ -9156,6 +9168,7 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
         if (isNullOrUndefined(this.hdrEle)) {
             this.items = items;
             this.reRenderItems();
+            this.bindDraggable();
         }
         else {
             var itemsCount = selectAll('.e-tab-header .' + CLS_TB_ITEM, this.element).length;
@@ -10465,7 +10478,8 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
             }
             var subChildItems = getValue(this.fields.child.toString(), childItems[index]);
             if (subChildItems && subChildItems.length) {
-                this.parentCheckData.push(treeData);
+                if (this.parentCheckData.indexOf(treeData) === -1)
+                    this.parentCheckData.push(treeData);
                 this.updateChildCheckState(subChildItems, childItems[index]);
             }
             if (count === childItems.length && this.autoCheck && this.checkedNodes.indexOf(checkedParent) === -1) {
@@ -10480,7 +10494,6 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
                 }
             }
         }
-        this.parentCheckData = [];
     };
     TreeView.prototype.beforeNodeCreate = function (e) {
         if (this.showCheckBox) {
@@ -16304,6 +16317,7 @@ var CLS_HOVER = 'e-carousel-hover';
 var CLS_TEMPLATE$2 = 'e-template';
 var CLS_SLIDE_ANIMATION = 'e-carousel-slide-animation';
 var CLS_FADE_ANIMATION = 'e-carousel-fade-animation';
+var CLS_CUSTOM_ANIMATION = 'e-carousel-custom-animation';
 var CLS_PREV_SLIDE = 'e-prev';
 var CLS_NEXT_SLIDE = 'e-next';
 var CLS_TRANSITION_START = 'e-transition-start';
@@ -16682,13 +16696,12 @@ var Carousel = /** @__PURE__ @class */ (function (_super) {
     };
     Carousel.prototype.applyAnimation = function () {
         var animationTarget = this.element.querySelector("." + CLS_ITEMS$2);
-        removeClass([animationTarget], [CLS_FADE_ANIMATION, CLS_SLIDE_ANIMATION]);
+        removeClass([animationTarget], [CLS_CUSTOM_ANIMATION, CLS_FADE_ANIMATION, CLS_SLIDE_ANIMATION]);
         if (this.animation.customEffect) {
-            addClass([animationTarget], this.animation.customEffect);
+            addClass([animationTarget], [CLS_CUSTOM_ANIMATION, this.animation.customEffect]);
         }
         else if (this.animation.effect !== 'None') {
-            var animationClass = this.animation.effect === 'Fade' ? CLS_FADE_ANIMATION : CLS_SLIDE_ANIMATION;
-            addClass([animationTarget], animationClass);
+            addClass([animationTarget], this.animation.effect === 'Fade' ? CLS_FADE_ANIMATION : CLS_SLIDE_ANIMATION);
         }
     };
     Carousel.prototype.autoSlide = function () {
@@ -16795,8 +16808,15 @@ var Carousel = /** @__PURE__ @class */ (function (_super) {
                 isSwiped: isSwiped
             };
             var slideHeight;
-            if (_this.animation.effect === 'None' || _this.animation.customEffect) {
-                _this.onTransitionEnd();
+            if (_this.animation.customEffect) {
+                if (direction === 'Previous') {
+                    addClass([args.nextSlide], CLS_NEXT_SLIDE);
+                    addClass([args.currentSlide], CLS_PREV_SLIDE);
+                }
+                else {
+                    addClass([args.currentSlide], CLS_PREV_SLIDE);
+                    addClass([args.nextSlide], CLS_NEXT_SLIDE);
+                }
             }
             else if (_this.animation.effect === 'Slide') {
                 if (direction === 'Previous') {
@@ -16815,6 +16835,9 @@ var Carousel = /** @__PURE__ @class */ (function (_super) {
                 removeClass([args.currentSlide], CLS_ACTIVE$2);
                 addClass([args.nextSlide], CLS_ACTIVE$2);
             }
+            else {
+                _this.onTransitionEnd();
+            }
             _this.handleNavigatorsActions(currentIndex);
         });
     };
@@ -17041,6 +17064,7 @@ var Carousel = /** @__PURE__ @class */ (function (_super) {
     Carousel.prototype.wireEvents = function () {
         EventHandler.add(this.element, 'focusin focusout', this.onFocusActions, this);
         EventHandler.add(this.element, 'mouseenter mouseleave', this.onHoverActions, this);
+        EventHandler.add(this.element.firstElementChild, 'animationend', this.onTransitionEnd, this);
         EventHandler.add(this.element.firstElementChild, 'transitionend', this.onTransitionEnd, this);
     };
     Carousel.prototype.unWireEvents = function () {
@@ -17057,6 +17081,7 @@ var Carousel = /** @__PURE__ @class */ (function (_super) {
         if (playIcon) {
             EventHandler.remove(playIcon, 'click', this.playButtonClickHandler);
         }
+        EventHandler.remove(this.element.firstElementChild, 'animationend', this.onTransitionEnd);
         EventHandler.remove(this.element.firstElementChild, 'transitionend', this.onTransitionEnd);
         EventHandler.clearEvents(this.element);
     };