@syncfusion/ej2-navigations 20.1.47 → 20.1.55

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

@@ -214,11 +214,13 @@ var HScroll = /** @__PURE__ @class */ (function (_super) {
     HScroll.prototype.createNavIcon = function (element) {
         var id = element.id.concat('_nav');
         var clsRight = 'e-' + element.id.concat('_nav ' + CLS_HSCROLLNAV + ' ' + CLS_HSCROLLNAVRIGHT);
-        var nav = this.createElement('div', { id: id.concat('_right'), className: clsRight });
+        var rightAttributes = { 'role': 'button', 'id': id.concat('_right'), 'aria-label': 'Scroll right' };
+        var nav = this.createElement('div', { className: clsRight, attrs: rightAttributes });
         nav.setAttribute('aria-disabled', 'false');
         var navItem = this.createElement('div', { className: CLS_NAVRIGHTARROW + ' ' + CLS_NAVARROW + ' e-icons' });
         var clsLeft = 'e-' + element.id.concat('_nav ' + CLS_HSCROLLNAV + ' ' + CLS_HSCROLLNAVLEFT);
-        var navEle = this.createElement('div', { id: id.concat('_left'), className: clsLeft + ' ' + CLS_DISABLE });
+        var leftAttributes = { 'role': 'button', 'id': id.concat('_left'), 'aria-label': 'Scroll left' };
+        var navEle = this.createElement('div', { className: clsLeft + ' ' + CLS_DISABLE, attrs: leftAttributes });
         navEle.setAttribute('aria-disabled', 'true');
         var navLeftItem = this.createElement('div', { className: CLS_NAVLEFTARROW + ' ' + CLS_NAVARROW + ' e-icons' });
         navEle.appendChild(navLeftItem);
@@ -1587,14 +1589,14 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
         if (this.isMenuVisible()) {
             var sli = void 0;
             var item_1;
-            var wrapper = this.getWrapper();
+            var wrapper_1 = this.getWrapper();
             var beforeCloseArgs = void 0;
             var items_1;
             var popups = this.getPopups();
             var isClose = false;
-            var cnt = this.isMenu ? popups.length + 1 : wrapper.childElementCount;
+            var cnt = this.isMenu ? popups.length + 1 : wrapper_1.childElementCount;
             var ul_1 = this.isMenu && cnt !== 1 ? select('.e-ul', popups[cnt - 2])
-                : selectAll('.e-menu-parent', wrapper)[cnt - 1];
+                : selectAll('.e-menu-parent', wrapper_1)[cnt - 1];
             if (this.isMenu && ul_1.classList.contains('e-menu')) {
                 sli = this.getLIByClass(ul_1, SELECTED);
                 if (sli) {
@@ -1683,6 +1685,9 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
                         _this.navIdx.length !== 0 && closest(e.target, '.e-menu-parent.e-control')) {
                         _this.closeMenu(0, e);
                     }
+                    else if (isOpen && !_this.isMenu && selectAll('.e-menu-parent', wrapper_1)[ulIndex - 1] && e.which === 3) {
+                        _this.closeMenu(null, e);
+                    }
                     else {
                         if (isOpen && (_this.keyType === 'right' || _this.keyType === 'click')) {
                             _this.afterCloseMenu(e);
@@ -2743,8 +2748,9 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
     MenuBase.prototype.removeItem = function (item, navIdx, idx) {
         item.splice(idx, 1);
         var uls = this.getWrapper().children;
-        if (navIdx.length < uls.length) {
-            detach(uls[navIdx.length].children[idx]);
+        var uls_length = this.hamburgerMode ? 1 : uls.length;
+        if (navIdx.length < uls_length) {
+            detach(uls[this.hamburgerMode ? 1 : navIdx.length].children[idx]);
         }
     };
     /**
@@ -5026,11 +5032,15 @@ var Toolbar = /** @__PURE__ @class */ (function (_super) {
         if (typeof (templateProp) === 'string' || !isComponent) {
             var templateFn = void 0;
             var val = templateProp;
+            var regEx = new RegExp(/<(?=.*? .*?\/ ?>|br|hr|input|!--|wbr)[a-z]+.*?>|<([a-z]+).*?<\/\1>/i);
             val = (typeof (templateProp) === 'string') ? templateProp.trim() : templateProp;
             try {
                 if (typeof (templateProp) === 'object' && !isNullOrUndefined(templateProp.tagName)) {
                     innerEle.appendChild(templateProp);
                 }
+                else if (typeof (templateProp) === 'string' && regEx.test(val)) {
+                    innerEle.innerHTML = val;
+                }
                 else if (document.querySelectorAll(val).length) {
                     var ele = document.querySelector(val);
                     var tempStr = ele.outerHTML.trim();
@@ -9172,8 +9182,8 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
             var textValue_1;
             items.forEach(function (item, place) {
                 textValue_1 = item.headerTemplate || item.header.text;
-                if (!(isNullOrUndefined(item.headerTemplate || item.header) ||
-                    isNullOrUndefined(textValue_1) || (textValue_1.length === 0) && isNullOrUndefined(item.header.iconCss))) {
+                if (!(isNullOrUndefined(item.headerTemplate || item.header) || isNullOrUndefined(textValue_1) ||
+                    (textValue_1.length === 0) && !isNullOrUndefined(item.header) && isNullOrUndefined(item.header.iconCss))) {
                     _this.items.splice((index + i_1), 0, item);
                     i_1++;
                 }
@@ -10454,7 +10464,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
                 this.validNodes.push(checkedChild);
             }
             var subChildItems = getValue(this.fields.child.toString(), childItems[index]);
-            if (subChildItems) {
+            if (subChildItems && subChildItems.length) {
                 this.parentCheckData.push(treeData);
                 this.updateChildCheckState(subChildItems, childItems[index]);
             }
@@ -16294,6 +16304,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';
@@ -16672,13 +16683,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 () {
@@ -16785,8 +16795,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') {
@@ -16805,6 +16822,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);
         });
     };
@@ -17031,6 +17051,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 () {
@@ -17047,6 +17068,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);
     };