@syncfusion/ej2-vue-filemanager 19.3.53 → 19.4.43

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-filemanager@*",
-  "_id": "@syncfusion/ej2-vue-filemanager@19.2.55",
+  "_id": "@syncfusion/ej2-vue-filemanager@19.4.42",
   "_inBundle": false,
-  "_integrity": "sha512-5yDJYxgV0lrEPG2RaFG1jvUdpbvw+8WP2MaCUEdIJgdmW+JfhN8u5viaovZLs+SWWC7RJoIxZZKy80nRjgX93Q==",
+  "_integrity": "sha512-JFRWKR+dI86SHAspo477VwNk2IS1Fr45yLQYyeamp3VWjA42KywYEWeLml52B77uDF4jn/dFchmC402RjdsJaw==",
   "_location": "/@syncfusion/ej2-vue-filemanager",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-vue-filemanager/-/ej2-vue-filemanager-19.2.55.tgz",
-  "_shasum": "279f67e7779dcf3e6ab9775d89ecbdf10d01c4ed",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-filemanager/-/ej2-vue-filemanager-19.4.42.tgz",
+  "_shasum": "2fe0072d087d7518fa772f091a724a4d8f2539a1",
   "_spec": "@syncfusion/ej2-vue-filemanager@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.3.53",
-    "@syncfusion/ej2-filemanager": "19.3.53",
-    "@syncfusion/ej2-vue-base": "~19.3.53"
+    "@syncfusion/ej2-base": "~19.4.42",
+    "@syncfusion/ej2-filemanager": "19.4.43",
+    "@syncfusion/ej2-vue-base": "~19.4.40"
   },
   "deprecated": false,
   "description": "Essential JS 2 FileManager Component for Vue",
@@ -64,6 +64,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-vue-ui-components.git"
   },
-  "version": "19.3.53",
+  "version": "19.4.43",
   "sideEffects": false
 }

package/src/file-manager/filemanager.component.d.ts

@@ -23,7 +23,9 @@ export declare class FileManagerComponent extends ComponentBase {
     };
     tagNameMapper: Object;
     isVue3: boolean;
+    templateCollection: any;
     constructor();
+    clearTemplate(templateNames?: string[]): any;
     setProperties(prop: any, muteOnChange: boolean): void;
     render(createElement: any): any;
     clearSelection(): void;

package/src/file-manager/filemanager.component.js

@@ -18,10 +18,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/ej2-vue-base';
-import { isNullOrUndefined } from '@syncfusion/ej2-base';
+import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { FileManager } from '@syncfusion/ej2-filemanager';
 import { Options } from 'vue-class-component';
-export var properties = ['ajaxSettings', 'allowDragAndDrop', 'allowMultiSelection', 'contextMenuSettings', 'cssClass', 'detailsViewSettings', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'height', 'locale', 'navigationPaneSettings', 'path', 'popupTarget', 'rootAliasName', 'searchSettings', 'selectedItems', 'showFileExtension', 'showHiddenItems', 'showThumbnail', 'sortOrder', 'toolbarSettings', 'uploadSettings', 'view', 'width', 'beforeDownload', 'beforeImageLoad', 'beforePopupClose', 'beforePopupOpen', 'beforeSend', 'created', 'destroyed', 'failure', 'fileDragStart', 'fileDragStop', 'fileDragging', 'fileDropped', 'fileLoad', 'fileOpen', 'fileSelect', 'fileSelection', 'menuClick', 'menuOpen', 'popupClose', 'popupOpen', 'success', 'toolbarClick', 'toolbarCreate', 'uploadListCreate'];
+export var properties = ['isLazyUpdate', 'ajaxSettings', 'allowDragAndDrop', 'allowMultiSelection', 'contextMenuSettings', 'cssClass', 'detailsViewSettings', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'height', 'locale', 'navigationPaneSettings', 'path', 'popupTarget', 'rootAliasName', 'searchSettings', 'selectedItems', 'showFileExtension', 'showHiddenItems', 'showThumbnail', 'sortOrder', 'toolbarSettings', 'uploadSettings', 'view', 'width', 'beforeDownload', 'beforeImageLoad', 'beforePopupClose', 'beforePopupOpen', 'beforeSend', 'created', 'destroyed', 'failure', 'fileDragStart', 'fileDragStop', 'fileDragging', 'fileDropped', 'fileLoad', 'fileOpen', 'fileSelect', 'fileSelection', 'menuClick', 'menuOpen', 'popupClose', 'popupOpen', 'success', 'toolbarClick', 'toolbarCreate', 'uploadListCreate'];
 export var modelProps = [];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];
@@ -54,8 +54,33 @@ var FileManagerComponent = /** @class */ (function (_super) {
         _this.bindProperties();
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
         _this.ej2Instances.setProperties = _this.setProperties;
+        _this.ej2Instances.clearTemplate = _this.clearTemplate;
         return _this;
     }
+    FileManagerComponent.prototype.clearTemplate = function (templateNames) {
+        if (!templateNames) {
+            templateNames = Object.keys(this.templateCollection || {});
+        }
+        if (templateNames.length && this.templateCollection) {
+            for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {
+                var tempName = templateNames_1[_i];
+                var elementCollection = this.templateCollection[tempName];
+                if (elementCollection && elementCollection.length) {
+                    for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {
+                        var ele = elementCollection_1[_a];
+                        var destroy = getValue('__vue__.$destroy', ele);
+                        if (destroy) {
+                            ele.__vue__.$destroy();
+                        }
+                        if (ele.innerHTML) {
+                            ele.innerHTML = '';
+                        }
+                    }
+                    delete this.templateCollection[tempName];
+                }
+            }
+        }
+    };
     FileManagerComponent.prototype.setProperties = function (prop, muteOnChange) {
         var _this = this;
         if (this.isVue3) {
@@ -73,6 +98,7 @@ var FileManagerComponent = /** @class */ (function (_super) {
                         }
                         else {
                             _this.$emit('update:' + key, prop[key]);
+                            _this.$emit('modelchanged', prop[key]);
                         }
                     }
                 });

package/styles/bootstrap-dark.css

@@ -338,6 +338,10 @@ ejs-filemanager {
   padding-left: 8px;
 }
 
+.e-filemanager .e-treeview .e-icons .e-treeview-spinner {
+  display: none;
+}
+
 .e-filemanager .e-treeview .e-list-parent {
   margin-bottom: 0;
   margin-top: 0;
@@ -396,7 +400,7 @@ ejs-filemanager {
 
 .e-filemanager .e-address .e-search-wrap {
   float: right;
-  padding: 1px 8px 0 1px;
+  padding: 1.5px 8px 0 1px;
   position: absolute;
   right: 0;
   top: 0;
@@ -410,7 +414,7 @@ ejs-filemanager {
 }
 
 .e-filemanager .e-address .e-search-wrap .e-input-group .e-input {
-  margin: -2px 0 0 24px;
+  margin: -1px 0 0 24px;
   padding: 0;
 }
 
@@ -1203,7 +1207,7 @@ ejs-filemanager {
 .e-filemanager.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-input,
 .e-bigger .e-filemanager.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-input,
 .e-filemanager.e-bigger.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-input {
-  margin: -2px 0 0 24px;
+  margin: -1px 0 0 24px;
 }
 
 .e-filemanager.e-fe-mobile .e-address .e-fe-search,
@@ -1543,7 +1547,7 @@ ejs-filemanager {
 .e-bigger .e-filemanager .e-grid .e-gridcontent .e-fe-checkbox,
 .e-filemanager.e-bigger .e-grid .e-gridheader .e-fe-checkbox,
 .e-filemanager.e-bigger .e-grid .e-gridcontent .e-fe-checkbox {
-  padding-left: 16px;
+  padding-left: 10px;
 }
 
 .e-bigger .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,

package/styles/bootstrap.css

@@ -340,6 +340,10 @@ ejs-filemanager {
   padding-left: 8px;
 }
 
+.e-filemanager .e-treeview .e-icons .e-treeview-spinner {
+  display: none;
+}
+
 .e-filemanager .e-treeview .e-list-parent {
   margin-bottom: 0;
   margin-top: 0;
@@ -398,7 +402,7 @@ ejs-filemanager {
 
 .e-filemanager .e-address .e-search-wrap {
   float: right;
-  padding: 1px 8px 0 1px;
+  padding: 1.5px 8px 0 1px;
   position: absolute;
   right: 0;
   top: 0;
@@ -412,7 +416,7 @@ ejs-filemanager {
 }
 
 .e-filemanager .e-address .e-search-wrap .e-input-group .e-input {
-  margin: -2px 0 0 24px;
+  margin: -1px 0 0 24px;
   padding: 0;
 }
 
@@ -422,7 +426,7 @@ ejs-filemanager {
 
 .e-filemanager .e-address .e-fe-search {
   font-size: 14px;
-  margin: 5px 0;
+  margin: 3px 0;
   padding: 5px;
   position: absolute;
   z-index: 1;
@@ -1204,7 +1208,7 @@ ejs-filemanager {
 .e-filemanager.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-input,
 .e-bigger .e-filemanager.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-input,
 .e-filemanager.e-bigger.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-input {
-  margin: -2px 0 0 24px;
+  margin: -1px 0 0 24px;
 }
 
 .e-filemanager.e-fe-mobile .e-address .e-fe-search,
@@ -1544,7 +1548,7 @@ ejs-filemanager {
 .e-bigger .e-filemanager .e-grid .e-gridcontent .e-fe-checkbox,
 .e-filemanager.e-bigger .e-grid .e-gridheader .e-fe-checkbox,
 .e-filemanager.e-bigger .e-grid .e-gridcontent .e-fe-checkbox {
-  padding-left: 16px;
+  padding-left: 10px;
 }
 
 .e-bigger .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,

package/styles/bootstrap4.css

@@ -338,6 +338,10 @@ ejs-filemanager {
   padding-left: 8px;
 }
 
+.e-filemanager .e-treeview .e-icons .e-treeview-spinner {
+  display: none;
+}
+
 .e-filemanager .e-treeview .e-list-parent {
   margin-bottom: 0;
   margin-top: 0;
@@ -396,7 +400,7 @@ ejs-filemanager {
 
 .e-filemanager .e-address .e-search-wrap {
   float: right;
-  padding: 1px 8px 0 1px;
+  padding: 1.5px 8px 0 1px;
   position: absolute;
   right: 0;
   top: 0;
@@ -410,7 +414,7 @@ ejs-filemanager {
 }
 
 .e-filemanager .e-address .e-search-wrap .e-input-group .e-input {
-  margin: -2px 0 0 24px;
+  margin: 0 0 0 24px;
   padding: 0;
 }
 
@@ -1203,7 +1207,7 @@ ejs-filemanager {
 .e-filemanager.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-input,
 .e-bigger .e-filemanager.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-input,
 .e-filemanager.e-bigger.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-input {
-  margin: -2px 0 0 24px;
+  margin: 0 0 0 24px;
 }
 
 .e-filemanager.e-fe-mobile .e-address .e-fe-search,
@@ -1543,7 +1547,7 @@ ejs-filemanager {
 .e-bigger .e-filemanager .e-grid .e-gridcontent .e-fe-checkbox,
 .e-filemanager.e-bigger .e-grid .e-gridheader .e-fe-checkbox,
 .e-filemanager.e-bigger .e-grid .e-gridcontent .e-fe-checkbox {
-  padding-left: 16px;
+  padding-left: 10px;
 }
 
 .e-bigger .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
@@ -1807,6 +1811,10 @@ ejs-filemanager {
   background: #f2f4f6;
 }
 
+.e-filemanager .e-grid td.e-active.e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd) {
+  color: #fff;
+}
+
 .e-filemanager .e-grid td.e-active {
   background-color: #007bff;
   color: #fff;