@syncfusion/ej2-vue-filemanager 22.2.12 → 23.1.36

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-filemanager@*",
-  "_id": "@syncfusion/ej2-vue-filemanager@22.2.10",
+  "_id": "@syncfusion/ej2-vue-filemanager@18.26.0",
   "_inBundle": false,
-  "_integrity": "sha512-1pAD1u/oNyWLSP3wcnGgmtbV5QLNDgLpjzxkueC9gkNdpCLIm5GcPwFmyC48rf+NjPBVr80hvlWEPIUyUMYzIA==",
+  "_integrity": "sha512-p72fV8GmGCcLQS+OOOqaV3Ojv0cfdLLdtt7HneansHFOzT6SkC8wMPLfdU5tHS/tZdvjgLwyk8uMCP0DQa8gQA==",
   "_location": "/@syncfusion/ej2-vue-filemanager",
   "_phantomChildren": {},
   "_requested": {
@@ -19,10 +19,10 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-filemanager/-/ej2-vue-filemanager-22.2.10.tgz",
-  "_shasum": "b7f9896fa5a4f617dce55007c7dc9e14e548d3e2",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-vue-filemanager/-/ej2-vue-filemanager-18.26.0.tgz",
+  "_shasum": "3ed24bdf5c1db680aee2595762e892098ce69ca9",
   "_spec": "@syncfusion/ej2-vue-filemanager@*",
-  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~22.2.12",
-    "@syncfusion/ej2-filemanager": "22.2.12",
-    "@syncfusion/ej2-vue-base": "~22.2.5"
+    "@syncfusion/ej2-base": "~23.1.36",
+    "@syncfusion/ej2-filemanager": "23.1.36",
+    "@syncfusion/ej2-vue-base": "~23.1.36"
   },
   "deprecated": false,
   "description": "Essential JS 2 FileManager Component for Vue",
@@ -64,6 +64,6 @@
     "ci-publish": "gulp ci-publish",
     "compile": "gulp ci-compile && gulp vue-global-script"
   },
-  "version": "22.2.12",
+  "version": "23.1.36",
   "sideEffects": false
 }

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

@@ -1,3 +1,5 @@
+import { DefineVueComponent } from '@syncfusion/ej2-vue-base';
+import { FileManagerModel } from '@syncfusion/ej2-filemanager';
 export declare const properties: string[];
 export declare const modelProps: string[];
 export declare const testProp: any;
@@ -8,7 +10,7 @@ export declare const props: any, watch: any, emitProbs: any;
  * <ejs-filemanager showThumbnail='false'></ejs-filemanager>
  * ```
  */
-export declare let FileManagerComponent: any;
+export declare let FileManagerComponent: DefineVueComponent<FileManagerModel>;
 export declare type FileManagerComponent = InstanceType<typeof FileManagerComponent>;
 export declare const FileManagerPlugin: {
     name: string;

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

@@ -1,7 +1,8 @@
 import { ComponentBase, gh, getProps, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';
 import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { FileManager } from '@syncfusion/ej2-filemanager';
-export var properties = ['isLazyUpdate', 'plugins', 'ajaxSettings', 'allowDragAndDrop', 'allowMultiSelection', 'contextMenuSettings', 'cssClass', 'detailsViewSettings', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableVirtualization', 'height', 'locale', 'navigationPaneSettings', 'path', 'popupTarget', 'rootAliasName', 'searchSettings', 'selectedItems', 'showFileExtension', 'showHiddenItems', 'showItemCheckBoxes', 'showThumbnail', 'sortBy', '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'];
+import { ToolbarItemsDirective, ToolbarItemDirective, ToolbarItemsPlugin, ToolbarItemPlugin } from './toolbaritems.directive';
+export var properties = ['isLazyUpdate', 'plugins', 'ajaxSettings', 'allowDragAndDrop', 'allowMultiSelection', 'contextMenuSettings', 'cssClass', 'detailsViewSettings', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableVirtualization', 'height', 'locale', 'navigationPaneSettings', 'path', 'popupTarget', 'rootAliasName', 'searchSettings', 'selectedItems', 'showFileExtension', 'showHiddenItems', 'showItemCheckBoxes', 'showThumbnail', 'sortBy', 'sortOrder', 'toolbarItems', '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], watch = testProp[1], emitProbs = Object.keys(watch);
@@ -28,10 +29,10 @@ export var FileManagerComponent = vueDefineComponent({
             ej2Instance: new FileManager({}),
             propKeys: properties,
             models: modelProps,
-            hasChildDirective: false,
+            hasChildDirective: true,
             hasInjectedModules: true,
-            tagMapper: {},
-            tagNameMapper: {},
+            tagMapper: { "e-toolbaritems": "e-toolbaritem" },
+            tagNameMapper: { "e-toolbaritems": "e-toolbarItems" },
             isVue3: !isExecute,
             templateCollection: {},
         };
@@ -160,5 +161,7 @@ export var FileManagerPlugin = {
     name: 'ejs-filemanager',
     install: function (Vue) {
         Vue.component(FileManagerPlugin.name, FileManagerComponent);
+        Vue.component(ToolbarItemPlugin.name, ToolbarItemDirective);
+        Vue.component(ToolbarItemsPlugin.name, ToolbarItemsDirective);
     }
 };

package/src/file-manager/index.d.ts

@@ -1 +1,2 @@
+export { ToolbarItemsDirective, ToolbarItemDirective, ToolbarItemsPlugin, ToolbarItemPlugin } from './toolbaritems.directive';
 export { FileManagerComponent, FileManagerPlugin } from './filemanager.component';

package/src/file-manager/index.js

@@ -1 +1,2 @@
+export { ToolbarItemsDirective, ToolbarItemDirective, ToolbarItemsPlugin, ToolbarItemPlugin } from './toolbaritems.directive';
 export { FileManagerComponent, FileManagerPlugin } from './filemanager.component';

package/src/file-manager/toolbaritems.directive.d.ts

@@ -0,0 +1,12 @@
+import { DefineVueDirective } from '@syncfusion/ej2-vue-base';
+import { ToolbarItemModel } from '@syncfusion/ej2-filemanager';
+export declare let ToolbarItemsDirective: any;
+export declare const ToolbarItemsPlugin: {
+    name: string;
+    install(Vue: any): void;
+};
+export declare let ToolbarItemDirective: DefineVueDirective<ToolbarItemModel>;
+export declare const ToolbarItemPlugin: {
+    name: string;
+    install(Vue: any): void;
+};

package/src/file-manager/toolbaritems.directive.js

@@ -0,0 +1,48 @@
+import { gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
+export var ToolbarItemsDirective = vueDefineComponent({
+    inject: { custom: { default: null } },
+    render: function (createElement) {
+        if (!isExecute) {
+            var h = !isExecute ? gh : createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = !isExecute ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
+        return;
+    },
+    updated: function () {
+        if (!isExecute && this.custom) {
+            this.custom();
+        }
+    },
+    methods: {
+        getTag: function () {
+            return 'e-toolbaritems';
+        }
+    }
+});
+export var ToolbarItemsPlugin = {
+    name: 'e-toolbaritems',
+    install: function (Vue) {
+        Vue.component(ToolbarItemsPlugin.name, ToolbarItemsDirective);
+    }
+};
+export var ToolbarItemDirective = vueDefineComponent({
+    render: function () {
+        return;
+    },
+    methods: {
+        getTag: function () {
+            return 'e-toolbaritem';
+        }
+    }
+});
+export var ToolbarItemPlugin = {
+    name: 'e-toolbaritem',
+    install: function (Vue) {
+        Vue.component(ToolbarItemPlugin.name, ToolbarItemDirective);
+    }
+};

package/src/index.d.ts

@@ -1,2 +1,3 @@
 export * from '@syncfusion/ej2-filemanager';
+export { ToolbarItemsDirective, ToolbarItemDirective, ToolbarItemsPlugin, ToolbarItemPlugin } from './file-manager/toolbaritems.directive';
 export { FileManagerComponent, FileManagerPlugin } from './file-manager/filemanager.component';

package/src/index.js

@@ -1,2 +1,3 @@
 export * from '@syncfusion/ej2-filemanager';
+export { ToolbarItemsDirective, ToolbarItemDirective, ToolbarItemsPlugin, ToolbarItemPlugin } from './file-manager/toolbaritems.directive';
 export { FileManagerComponent, FileManagerPlugin } from './file-manager/filemanager.component';

package/styles/file-manager/material-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {

package/styles/file-manager/material.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {

package/styles/file-manager/material3-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;
@@ -1109,7 +1108,7 @@ ejs-filemanager {
 .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-icon,
 .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-icon {
   height: 24px;
-  margin: 26px 30px 12px 30px;
+  margin: 26px auto 12px;
   width: 32px;
 }
 .e-filemanager.e-fe-m-select .e-large-icons .e-list-item.e-large-icon .e-checkbox-wrapper,

package/styles/file-manager/material3-dark.scss

@@ -1,2 +1,2 @@
-@import 'ej2-base/styles/material3-dark-definition.scss';
+
 @import 'ej2-filemanager/styles/file-manager/material3-dark.scss';

package/styles/file-manager/material3.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;
@@ -1165,7 +1164,7 @@ ejs-filemanager {
 .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-icon,
 .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-icon {
   height: 24px;
-  margin: 26px 30px 12px 30px;
+  margin: 26px auto 12px;
   width: 32px;
 }
 .e-filemanager.e-fe-m-select .e-large-icons .e-list-item.e-large-icon .e-checkbox-wrapper,

package/styles/file-manager/material3.scss

@@ -1,2 +1,2 @@
-@import 'ej2-base/styles/material3-definition.scss';
+
 @import 'ej2-filemanager/styles/file-manager/material3.scss';

package/styles/file-manager/tailwind-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /* stylelint-disable property-no-vendor-prefix */
 /* stylelint-disable-line no-empty-source */
 .e-upload .e-upload-actions,

package/styles/file-manager/tailwind.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /* stylelint-disable property-no-vendor-prefix */
 /* stylelint-disable-line no-empty-source */
 .e-upload .e-upload-actions,

package/styles/material-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {

package/styles/material.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {

package/styles/material3-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;
@@ -1109,7 +1108,7 @@ ejs-filemanager {
 .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-icon,
 .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-icon {
   height: 24px;
-  margin: 26px 30px 12px 30px;
+  margin: 26px auto 12px;
   width: 32px;
 }
 .e-filemanager.e-fe-m-select .e-large-icons .e-list-item.e-large-icon .e-checkbox-wrapper,

package/styles/material3.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;
@@ -1165,7 +1164,7 @@ ejs-filemanager {
 .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-icon,
 .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-icon {
   height: 24px;
-  margin: 26px 30px 12px 30px;
+  margin: 26px auto 12px;
   width: 32px;
 }
 .e-filemanager.e-fe-m-select .e-large-icons .e-list-item.e-large-icon .e-checkbox-wrapper,

package/styles/tailwind-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /* stylelint-disable property-no-vendor-prefix */
 /* stylelint-disable-line no-empty-source */
 .e-upload .e-upload-actions,

package/styles/tailwind.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /* stylelint-disable property-no-vendor-prefix */
 /* stylelint-disable-line no-empty-source */
 .e-upload .e-upload-actions,