@syncfusion/ej2-filemanager 33.2.4 → 33.2.6

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

@@ -5699,13 +5699,15 @@ var LargeIconsView = /** @__PURE__ @class */ (function () {
         }
     };
     LargeIconsView.prototype.destroy = function () {
-        if (this.parent.isDestroyed) {
-            return;
-        }
         this.removeEventListener();
         if (this.listObj) {
             this.unWireEvents();
         }
+        if (this.itemList) {
+            this.itemList.forEach(function (el) {
+                el.ondragstart = null;
+            });
+        }
         this.startItem = null;
         this.listElements = null;
     };
@@ -6692,10 +6694,14 @@ var BreadCrumbBar = /** @__PURE__ @class */ (function () {
         this.addressBarLink = '';
         this.searchTimer = null;
         this.searchWrapWidth = null;
+        this.searchIcon = null;
+        this.searchSibling = null;
         this.parent = parent;
         this.keyConfigs = {
             enter: 'enter'
         };
+        this.boundSearchChangeHandler = this.searchChangeHandler.bind(this);
+        this.boundOnKeyUp = this.onKeyUp.bind(this);
         this.render();
     }
     BreadCrumbBar.prototype.onPropertyChanged = function (e) {
@@ -6720,8 +6726,15 @@ var BreadCrumbBar = /** @__PURE__ @class */ (function () {
         }
     };
     BreadCrumbBar.prototype.render = function () {
+        this.setBreadcrumbNavAttributes();
         this.addEventListener();
     };
+    BreadCrumbBar.prototype.setBreadcrumbNavAttributes = function () {
+        var navElement = this.parent && this.parent.breadCrumbNavElement;
+        if (navElement) {
+            navElement.setAttribute('aria-label', 'Breadcrumb');
+        }
+    };
     BreadCrumbBar.prototype.onPathChange = function () {
         var pathNames = this.parent.pathNames;
         var paths = this.parent.path.split('/');
@@ -6742,7 +6755,6 @@ var BreadCrumbBar = /** @__PURE__ @class */ (function () {
                     addressbarLI.appendChild(icon);
                 }
                 addressbarLI.setAttribute('tabindex', '0');
-                addressbarLI.setAttribute('role', 'link');
                 var pathLabel = pathNames.slice(0, i + 1).join(' / ');
                 addressbarLI.setAttribute('aria-label', pathLabel);
                 if (pathNamesLen - i === 1) {
@@ -6750,24 +6762,24 @@ var BreadCrumbBar = /** @__PURE__ @class */ (function () {
                 }
                 id = '';
                 addressATag = createElement('a', { className: LIST_TEXT });
-                addressATag.setAttribute('role', 'presentation');
+                addressATag.setAttribute('role', 'link');
                 addressATag.innerText = pathNames[i];
                 addressbarLI.appendChild(addressATag);
                 addressbarUL.appendChild(addressbarLI);
             }
-            var ulElement = this.parent.breadCrumbBarNavigation.querySelector('.e-addressbar-ul');
+            var ulElement = this.parent.breadCrumbNavElement.querySelector('.e-addressbar-ul');
             if (!isNullOrUndefined(ulElement)) {
                 if (!isNullOrUndefined(this.subMenuObj)) {
                     this.subMenuObj.destroy();
                 }
                 remove(ulElement);
             }
-            var searchWrap = this.parent.breadCrumbBarNavigation.querySelector('.e-search-wrap');
+            var searchWrap = this.parent.breadCrumbNavElement.querySelector('.e-search-wrap');
             if (!searchWrap) {
-                this.parent.breadCrumbBarNavigation.insertBefore(addressbarUL, searchWrap);
+                this.parent.breadCrumbNavElement.insertBefore(addressbarUL, searchWrap);
             }
             else {
-                this.parent.breadCrumbBarNavigation.appendChild(addressbarUL);
+                this.parent.breadCrumbNavElement.appendChild(addressbarUL);
             }
             this.updateBreadCrumbBar(addressbarUL);
         }
@@ -6775,7 +6787,7 @@ var BreadCrumbBar = /** @__PURE__ @class */ (function () {
     /* istanbul ignore next */
     BreadCrumbBar.prototype.updateBreadCrumbBar = function (addresBarUL) {
         var liElements = addresBarUL.querySelectorAll('li');
-        var ulElement = this.parent.breadCrumbBarNavigation.querySelector('.e-addressbar-ul');
+        var ulElement = this.parent.breadCrumbNavElement.querySelector('.e-addressbar-ul');
         var style = window.getComputedStyle(ulElement, null);
         var pRight = parseFloat(style.getPropertyValue('padding-right'));
         var pLeft = parseFloat(style.getPropertyValue('padding-left'));
@@ -6797,12 +6809,12 @@ var BreadCrumbBar = /** @__PURE__ @class */ (function () {
         var searchInput = createElement('input', { id: id,
             attrs: { autocomplete: 'off', 'aria-label': getLocaleText(this.parent, 'Search') } });
         searchContainer.appendChild(searchInput);
-        var searchEle = this.parent.breadCrumbBarNavigation.querySelector('.e-search-wrap .e-input');
+        var searchEle = this.parent.breadCrumbNavElement.querySelector('.e-search-wrap .e-input');
         if (isNullOrUndefined(searchEle)) {
-            this.parent.breadCrumbBarNavigation.appendChild(searchContainer);
-            var span = createElement('span', { className: 'e-icons e-fe-search' });
-            EventHandler.add(span, 'click', this.onShowInput, this);
-            searchInput.parentElement.insertBefore(span, searchInput);
+            this.parent.breadCrumbNavElement.appendChild(searchContainer);
+            this.searchIcon = createElement('span', { className: 'e-icons e-fe-search' });
+            EventHandler.add(this.searchIcon, 'click', this.onShowInput, this);
+            searchInput.parentElement.insertBefore(this.searchIcon, searchInput);
             this.searchObj = new TextBox({
                 value: '',
                 showClearButton: true,
@@ -6812,11 +6824,11 @@ var BreadCrumbBar = /** @__PURE__ @class */ (function () {
             });
             this.searchObj.appendTo('#' + this.parent.element.id + SEARCH_ID);
             this.searchEventBind(this.parent.searchSettings.allowSearchOnTyping);
-            var search = this.searchObj.element.nextElementSibling;
-            EventHandler.add(search, 'mousedown', this.searchChangeHandler.bind(this), this);
-            EventHandler.add(this.searchObj.element, 'keyup', this.onKeyUp.bind(this), this);
+            this.searchSibling = this.searchObj.element.nextElementSibling;
+            EventHandler.add(this.searchSibling, 'mousedown', this.boundSearchChangeHandler, this);
+            EventHandler.add(this.searchObj.element, 'keyup', this.boundOnKeyUp, this);
         }
-        var searchWrap = this.parent.breadCrumbBarNavigation.querySelector('.e-search-wrap');
+        var searchWrap = this.parent.breadCrumbNavElement.querySelector('.e-search-wrap');
         breadCrumbBarWidth = breadCrumbBarWidth - (this.searchWrapWidth ? this.searchWrapWidth : searchWrap.offsetWidth);
         if (liElementsWidth > breadCrumbBarWidth) {
             var i = liElements.length;
@@ -6854,10 +6866,10 @@ var BreadCrumbBar = /** @__PURE__ @class */ (function () {
                     break;
                 }
             }
-            this.parent.breadCrumbBarNavigation.insertBefore(addressbarUL, searchWrap);
+            this.parent.breadCrumbNavElement.insertBefore(addressbarUL, searchWrap);
         }
         else {
-            this.parent.breadCrumbBarNavigation.insertBefore(addresBarUL, searchWrap);
+            this.parent.breadCrumbNavElement.insertBefore(addresBarUL, searchWrap);
         }
     };
     /* istanbul ignore next */
@@ -6936,7 +6948,7 @@ var BreadCrumbBar = /** @__PURE__ @class */ (function () {
                 this.searchWrapWidth = null;
             }
             else {
-                var searchWrap = this.parent.breadCrumbBarNavigation.querySelector('.e-search-wrap');
+                var searchWrap = this.parent.breadCrumbNavElement.querySelector('.e-search-wrap');
                 this.searchWrapWidth = searchWrap.offsetWidth;
                 addClass([this.parent.element], FILTER);
                 this.searchObj.element.focus();
@@ -7037,6 +7049,18 @@ var BreadCrumbBar = /** @__PURE__ @class */ (function () {
         this.parent.off(dropInit, this.onDropInit);
         this.parent.off(layoutRefresh, this.onResize);
         this.parent.off(dropPath, this.onPathChange);
+        if (this.parent.breadCrumbBarNavigation) {
+            EventHandler.remove(this.parent.breadCrumbBarNavigation, 'click', this.addressPathClickHandler);
+        }
+        if (this.searchIcon) {
+            EventHandler.remove(this.searchIcon, 'click', this.onShowInput);
+        }
+        if (this.searchSibling) {
+            EventHandler.remove(this.searchSibling, 'mousedown', this.boundSearchChangeHandler);
+        }
+        if (this.searchObj && this.searchObj.element) {
+            EventHandler.remove(this.searchObj.element, 'keyup', this.boundOnKeyUp);
+        }
     };
     /* istanbul ignore next */
     BreadCrumbBar.prototype.onDropInit = function (args) {
@@ -8168,6 +8192,8 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
             id: this.element.id + BREADCRUMBBAR_ID,
             className: BREADCRUMBS
         });
+        this.breadCrumbNavElement = this.createElement('nav');
+        this.breadCrumbBarNavigation.appendChild(this.breadCrumbNavElement);
         contentWrap.appendChild(this.breadCrumbBarNavigation);
         var gridWrap = this.createElement('div', {
             id: this.element.id + GRID_ID
@@ -9036,6 +9062,7 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
         removeClass([this.element], [RTL, MOBILE, CHECK_SELECT]);
         this.element.innerHTML = '';
         this.breadCrumbBarNavigation = null;
+        this.breadCrumbNavElement = null;
         this.activeElements = null;
         this.virtualDragElement = null;
         this.visitedItem = null;