@syncfusion/ej2-navigations 22.1.34 → 22.1.38

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

@@ -3522,6 +3522,7 @@ var Toolbar = /** @__PURE__ @class */ (function (_super) {
     function Toolbar(options, element) {
         var _this = _super.call(this, options, element) || this;
         _this.resizeContext = _this.resize.bind(_this);
+        _this.orientationChangeContext = _this.orientationChange.bind(_this);
         /**
          * Contains the keyboard configuration of the Toolbar.
          */
@@ -3614,6 +3615,7 @@ var Toolbar = /** @__PURE__ @class */ (function (_super) {
     Toolbar.prototype.wireEvents = function () {
         EventHandler.add(this.element, 'click', this.clickHandler, this);
         window.addEventListener('resize', this.resizeContext);
+        window.addEventListener('orientationchange', this.orientationChangeContext);
         if (this.allowKeyboard) {
             this.wireKeyboardEvent();
         }
@@ -3660,6 +3662,7 @@ var Toolbar = /** @__PURE__ @class */ (function (_super) {
         this.destroyScroll();
         this.unwireKeyboardEvent();
         window.removeEventListener('resize', this.resizeContext);
+        window.removeEventListener('orientationchange', this.orientationChangeContext);
         EventHandler.remove(document, 'scroll', this.docEvent);
         EventHandler.remove(document, 'click', this.docEvent);
     };
@@ -4381,8 +4384,9 @@ var Toolbar = /** @__PURE__ @class */ (function (_super) {
         var sepHeight;
         var sepItem;
         if (this.overflowMode === 'Extended') {
-            sepItem = element.querySelector('.' + CLS_SEPARATOR + ':not(.' + CLS_POPUP + ')');
-            sepHeight = (element.style.height === 'auto' || element.style.height === '') ? null : sepItem.offsetHeight;
+            sepItem = element.querySelector('.' + CLS_SEPARATOR);
+            sepHeight =
+                (element.style.height === 'auto' || element.style.height === '') ? null : (sepItem && sepItem.offsetHeight);
         }
         var eleItem = element.querySelector('.' + CLS_ITEM + ':not(.' + CLS_SEPARATOR + '):not(.' + CLS_POPUP + ')');
         var eleHeight = (element.style.height === 'auto' || element.style.height === '') ? null : (eleItem && eleItem.offsetHeight);
@@ -4634,7 +4638,7 @@ var Toolbar = /** @__PURE__ @class */ (function (_super) {
         nav.setAttribute('role', 'button');
         element.appendChild(nav);
     };
-    Toolbar.prototype.tbarPriRef = function (inEle, indx, sepPri, el, des, elWid, wid, ig) {
+    Toolbar.prototype.tbarPriRef = function (inEle, indx, sepPri, el, des, elWid, wid, ig, eleStyles) {
         var ignoreCount = ig;
         var popEle = this.popObj.element;
         var query = '.' + CLS_ITEM + ':not(.' + CLS_SEPARATOR + '):not(.' + CLS_TBAROVERFLOW + ')';
@@ -4646,8 +4650,7 @@ var Toolbar = /** @__PURE__ @class */ (function (_super) {
             var eleSep = inEle.children[indx - (indx - sepPri) - 1];
             var ignoreCheck = (!isNullOrUndefined(eleSep) && checkClass(eleSep, CLS_TBARIGNORE));
             if ((!isNullOrUndefined(eleSep) && checkClass(eleSep, CLS_SEPARATOR) && !isVisible(eleSep)) || ignoreCheck) {
-                var sepDisplay = 'none';
-                eleSep.style.display = 'inherit';
+                eleSep.style.display = 'unset';
                 var eleSepWidth = eleSep.offsetWidth + (parseFloat(window.getComputedStyle(eleSep).marginRight) * 2);
                 var prevSep = eleSep.previousElementSibling;
                 if ((elWid + eleSepWidth) < wid || des) {
@@ -4657,8 +4660,9 @@ var Toolbar = /** @__PURE__ @class */ (function (_super) {
                     }
                 }
                 else {
+                    setStyleAttribute(el, eleStyles);
                     if (prevSep.classList.contains(CLS_SEPARATOR)) {
-                        prevSep.style.display = sepDisplay;
+                        prevSep.style.display = 'none';
                     }
                 }
                 eleSep.style.display = '';
@@ -4777,6 +4781,7 @@ var Toolbar = /** @__PURE__ @class */ (function (_super) {
             }
             el.style.position = '';
             if (elWidth < width || destroy) {
+                var inlineStyles = { minWidth: el.style.minWidth, height: el.style.height, minHeight: el.style.minHeight };
                 setStyleAttribute(el, { minWidth: '', height: '', minHeight: '' });
                 if (!el.classList.contains(CLS_POPOVERFLOW)) {
                     el.classList.remove(CLS_POPUP);
@@ -4802,7 +4807,7 @@ var Toolbar = /** @__PURE__ @class */ (function (_super) {
                 }
                 ignoreCount = this_1.ignoreEleFetch(index, innerEle);
                 if (el.classList.contains(CLS_TBAROVERFLOW)) {
-                    this_1.tbarPriRef(innerEle, index, sepBeforePri_1, el, destroy, elWidth, width, ignoreCount);
+                    this_1.tbarPriRef(innerEle, index, sepBeforePri_1, el, destroy, elWidth, width, ignoreCount, inlineStyles);
                     width -= el.offsetWidth;
                 }
                 else if (index === 0) {
@@ -5458,6 +5463,12 @@ var Toolbar = /** @__PURE__ @class */ (function (_super) {
         this.tbResize = false;
         this.separator();
     };
+    Toolbar.prototype.orientationChange = function () {
+        var _this = this;
+        setTimeout(function () {
+            _this.resize();
+        }, 500);
+    };
     Toolbar.prototype.extendedOpen = function () {
         var sib = this.element.querySelector('.' + CLS_EXTENDABLECLASS);
         if (this.overflowMode === 'Extended' && sib) {
@@ -7788,7 +7799,7 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
         this.isNested = false;
         this.isPopup = false;
         this.initRender = true;
-        this.isSwipeed = false;
+        this.isSwiped = false;
         this.itemIndexArray = [];
         this.templateEle = [];
         if (this.allowDragAndDrop) {
@@ -8637,17 +8648,21 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
         this.setActiveBorder();
         this.refreshItemVisibility(trg);
         if (!this.initRender && !skipDataBind) {
-            trg.firstElementChild.focus();
             var eventArg = {
                 previousItem: this.prevItem,
                 previousIndex: this.prevIndex,
                 selectedItem: trg,
                 selectedIndex: value,
                 selectedContent: select('#' + CLS_CONTENT$1 + this.tabId + '_' + this.selectingID, this.content),
-                isSwiped: this.isSwipeed,
-                isInteracted: isInteracted
+                isSwiped: this.isSwiped,
+                isInteracted: isInteracted,
+                preventFocus: false
             };
-            this.trigger('selected', eventArg);
+            this.trigger('selected', eventArg, function (selectEventArgs) {
+                if (!selectEventArgs.preventFocus) {
+                    trg.firstElementChild.focus();
+                }
+            });
         }
     };
     Tab.prototype.setItems = function (items) {
@@ -8752,7 +8767,7 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
             nestedTab.removeAttribute('data-swipe');
             return;
         }
-        this.isSwipeed = true;
+        this.isSwiped = true;
         if (e.swipeDirection === 'Right' && this.selectedItem !== 0) {
             for (var k = this.selectedItem - 1; k >= 0; k--) {
                 if (!this.tbItem[k].classList.contains(CLS_HIDDEN$1)) {
@@ -8769,7 +8784,7 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
                 }
             }
         }
-        this.isSwipeed = false;
+        this.isSwiped = false;
     };
     Tab.prototype.spaceKeyDown = function (e) {
         if ((e.keyCode === 32 && e.which === 32) || (e.keyCode === 35 && e.which === 35)) {
@@ -9518,7 +9533,7 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
             selectingIndex: args,
             selectingContent: !isNullOrUndefined(this.content) ?
                 select('#' + CLS_CONTENT$1 + this.tabId + '_' + this.selectingID, this.content) : null,
-            isSwiped: this.isSwipeed,
+            isSwiped: this.isSwiped,
             isInteracted: this.isInteracted,
             cancel: false
         };
@@ -17731,6 +17746,7 @@ var Carousel = /** @__PURE__ @class */ (function (_super) {
         EventHandler.remove(this.element.firstElementChild, 'animationend', this.onTransitionEnd);
         EventHandler.remove(this.element.firstElementChild, 'transitionend', this.onTransitionEnd);
         EventHandler.clearEvents(this.element);
+        EventHandler.clearEvents(this.itemsContainer);
     };
     /**
      * Method to transit from the current slide to the previous slide.
@@ -17831,8 +17847,9 @@ var Carousel = /** @__PURE__ @class */ (function (_super) {
         this.destroyButtons();
         this.unWireEvents();
         [].slice.call(this.element.children).forEach(function (ele) { _this.element.removeChild(ele); });
-        removeClass([this.element], [CLS_CAROUSEL, this.cssClass, CLS_RTL$5]);
+        removeClass([this.element], [CLS_CAROUSEL, this.cssClass, CLS_RTL$5, CLS_SWIPE]);
         ['tabindex', 'role', 'style'].forEach(function (attr) { _this.element.removeAttribute(attr); });
+        this.itemsContainer = null;
         _super.prototype.destroy.call(this);
     };
     __decorate$11([