@syncfusion/ej2-filemanager 31.2.12 → 32.1.24

package/styles/file-manager/highcontrast.css

@@ -221,6 +221,7 @@
   content: "\e614";
 }
 
+/*! FileManager's highcontrast theme wise override definitions and variables */
 /* stylelint-disable property-no-vendor-prefix */
 ejs-filemanager {
   display: block;
@@ -959,6 +960,7 @@ ejs-filemanager {
   height: calc(100% - 34px);
 }
 
+/*! FileManager's highcontrast theme wise override definitions and variables */
 .e-filemanager {
   background: #000;
   border-color: #969696;
@@ -1125,6 +1127,14 @@ ejs-filemanager {
   border-bottom-color: #969696;
 }
 
+.e-filemanager .e-grid.sf-grid :is(.e-headercontent th.e-headercell:not(.e-menu-item):not(.e-editedbatchcell).e-fe-checkbox, .e-content td.e-rowcell:not(.e-menu-item):not(.e-editedbatchcell).e-fe-checkbox):is(:focus, :focus-visible) {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+
+/*! FileManager's highcontrast theme wise override definitions and variables */
+/* stylelint-disable property-no-vendor-prefix */
+/*! FileManager's highcontrast theme wise override definitions and variables */
 .e-filemanager.e-fe-mobile .e-toolbar .e-popup-up-icon.e-icons,
 .e-filemanager.e-fe-mobile .e-toolbar .e-popup-down-icon.e-icons,
 .e-filemanager.e-fe-mobile .e-toolbar-items .e-toolbar-item .e-btn-icon.e-icons,
@@ -1169,7 +1179,7 @@ ejs-filemanager {
 .e-filemanager.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-grid,
 .e-bigger .e-filemanager.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-grid,
 .e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-grid {
-  padding: 4px 2px 0 2px;
+  padding: 0;
 }
 .e-filemanager.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-details,
 .e-bigger .e-filemanager.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-details,
@@ -1303,7 +1313,7 @@ ejs-filemanager {
 .e-filemanager.e-fe-mobile .e-grid .e-content .e-rowcell.e-fe-checkbox,
 .e-bigger .e-filemanager.e-fe-mobile .e-grid .e-content .e-rowcell.e-fe-checkbox,
 .e-filemanager.e-bigger.e-fe-mobile .e-grid .e-content .e-rowcell.e-fe-checkbox {
-  padding: 0;
+  padding: 6px;
 }
 .e-filemanager.e-fe-mobile .e-grid .e-gridcontent .e-fe-grid-icon,
 .e-bigger .e-filemanager.e-fe-mobile .e-grid .e-gridcontent .e-fe-grid-icon,

package/styles/file-manager/highcontrast.scss

@@ -1,17 +1,17 @@
-@import 'ej2-base/styles/definition/highcontrast.scss';
-@import 'ej2-inputs/styles/input/highcontrast-definition.scss';
-@import 'ej2-inputs/styles/textbox/highcontrast-definition.scss';
-@import 'ej2-inputs/styles/uploader/highcontrast-definition.scss';
-@import 'ej2-popups/styles/dialog/highcontrast-definition.scss';
-@import 'ej2-popups/styles/spinner/highcontrast-definition.scss';
-@import 'ej2-buttons/styles/check-box/highcontrast-definition.scss';
-@import 'ej2-splitbuttons/styles/drop-down-button/highcontrast-definition.scss';
-@import 'ej2-navigations/styles/context-menu/highcontrast-definition.scss';
-@import 'ej2-navigations/styles/treeview/highcontrast-definition.scss';
-@import 'ej2-navigations/styles/toolbar/highcontrast-definition.scss';
-@import 'ej2-layouts/styles/splitter/highcontrast-definition.scss';
-@import 'ej2-grids/styles/grid/highcontrast-definition.scss';
-@import 'highcontrast-definition.scss';
-@import 'icons/highcontrast.scss';
-@import 'all.scss';
-@import 'bigger.scss';
+@use 'ej2-base/styles/definition/highcontrast' as *;
+@use 'ej2-inputs/styles/input/highcontrast-definition' as *;
+@use 'ej2-inputs/styles/textbox/highcontrast-definition' as *;
+@use 'ej2-inputs/styles/uploader/highcontrast-definition' as *;
+@use 'ej2-popups/styles/dialog/highcontrast-definition' as *;
+@use 'ej2-popups/styles/spinner/highcontrast-definition' as *;
+@use 'ej2-buttons/styles/check-box/highcontrast-definition' as *;
+@use 'ej2-splitbuttons/styles/drop-down-button/highcontrast-definition' as *;
+@use 'ej2-navigations/styles/context-menu/highcontrast-definition' as *;
+@use 'ej2-navigations/styles/treeview/highcontrast-definition' as *;
+@use 'ej2-navigations/styles/toolbar/highcontrast-definition' as *;
+@use 'ej2-layouts/styles/splitter/highcontrast-definition' as *;
+@use 'ej2-grids/styles/grid/highcontrast-definition' as *;
+@use 'highcontrast-definition' as *;
+@use 'icons/highcontrast' as *;
+@use 'all.highcontrast' as *;
+@use 'bigger.highcontrast' as *;

package/styles/file-manager/icons/_bds.scss

@@ -1,3 +1,4 @@
+@use 'ej2-base/styles/common/mixin' as *;
 @include export-module('FileManager-bds-icons') {
 
   .e-filemanager {

package/styles/file-manager/icons/_bootstrap-dark.scss

@@ -1,3 +1,4 @@
+@use 'ej2-base/styles/common/mixin' as *;
 @include export-module('FileManager-bootstrap-dark-icons') {
 
   .e-filemanager {

package/styles/file-manager/icons/_bootstrap.scss

@@ -1,3 +1,4 @@
+@use 'ej2-base/styles/common/mixin' as *;
 @include export-module('FileManager-bootstrap-icons') {
 
   .e-filemanager {

package/styles/file-manager/icons/_bootstrap4.scss

@@ -1,3 +1,4 @@
+@use 'ej2-base/styles/common/mixin' as *;
 @include export-module('FileManager-bootstrap4-icons') {
 
   .e-filemanager {

package/styles/file-manager/icons/_bootstrap5-dark.scss

@@ -1 +1 @@
-@import './bootstrap5.scss';
+@use './bootstrap5' as *;

package/styles/file-manager/icons/_bootstrap5.3.scss

@@ -1,3 +1,4 @@
+@use 'ej2-base/styles/common/mixin' as *;
 @include export-module('FileManager-bootstrap5-icons') {
 
   .e-filemanager {

package/styles/file-manager/icons/_bootstrap5.scss

@@ -1,3 +1,4 @@
+@use 'ej2-base/styles/common/mixin' as *;
 @include export-module('FileManager-bootstrap5-icons') {
 
   .e-filemanager {

package/styles/file-manager/icons/_fabric-dark.scss

@@ -1,3 +1,4 @@
+@use 'ej2-base/styles/common/mixin' as *;
 @include export-module('FileManager-fabric-dark-icons') {
 
   .e-filemanager {

package/styles/file-manager/icons/_fabric.scss

@@ -1,3 +1,4 @@
+@use 'ej2-base/styles/common/mixin' as *;
 @include export-module('FileManager-fabric-icons') {
 
   .e-filemanager {

package/styles/file-manager/icons/_fluent-dark.scss

@@ -1 +1 @@
-@import './fluent.scss';
+@use './fluent' as *;

package/styles/file-manager/icons/_fluent.scss

@@ -1,3 +1,4 @@
+@use 'ej2-base/styles/common/mixin' as *;
 @include export-module('FileManager-fluent-icons') {
 
   .e-filemanager {

package/styles/file-manager/icons/_fluent2.scss

@@ -1,3 +1,4 @@
+@use 'ej2-base/styles/common/mixin' as *;
 @include export-module('FileManager-fluent2-icons') {
 
   .e-filemanager {

package/styles/file-manager/icons/_fusionnew.scss

@@ -1,3 +1,4 @@
+@use 'ej2-base/styles/common/mixin' as *;
 @include export-module('FileManager-fusionnew-icons') {
 
   .e-filemanager {

package/styles/file-manager/icons/_highcontrast-light.scss

@@ -1,3 +1,4 @@
+@use 'ej2-base/styles/common/mixin' as *;
 @include export-module('FileManager-highcontrast-light-icons') {
 
   .e-filemanager {

package/styles/file-manager/icons/_highcontrast.scss

@@ -1,3 +1,4 @@
+@use 'ej2-base/styles/common/mixin' as *;
 @include export-module('FileManager-highcontrast-icons') {
 
   .e-filemanager {

package/styles/file-manager/icons/_material-dark.scss

@@ -1,3 +1,4 @@
+@use 'ej2-base/styles/common/mixin' as *;
 @include export-module('FileManager-material-dark-icons') {
 
   .e-filemanager {

package/styles/file-manager/icons/_material.scss

@@ -1,3 +1,4 @@
+@use 'ej2-base/styles/common/mixin' as *;
 @include export-module('FileManager-material-icons') {
 
   .e-filemanager {

package/styles/file-manager/icons/_material3-dark.scss

@@ -1 +1 @@
-@import './material3.scss';
+@use './material3' as *;

package/styles/file-manager/icons/_material3.scss

@@ -1,3 +1,4 @@
+@use 'ej2-base/styles/common/mixin' as *;
 @include export-module('FileManager-material3-icons') {
 
   .e-filemanager {

package/styles/file-manager/icons/_tailwind-dark.scss

@@ -1 +1 @@
-@import './tailwind.scss';
+@use './tailwind' as *;

package/styles/file-manager/icons/_tailwind.scss

@@ -1,3 +1,4 @@
+@use 'ej2-base/styles/common/mixin' as *;
 @include export-module('FileManager-tailwind-icons') {
 
   .e-filemanager {

package/styles/file-manager/icons/_tailwind3.scss

@@ -1,3 +1,4 @@
+@use 'ej2-base/styles/common/mixin' as *;
 @include export-module('FileManager-tailwind3-icons') {
 
   .e-filemanager {

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

@@ -260,6 +260,7 @@
   content: "\e614";
 }
 
+/*! FileManager's material theme wise override definitions and variables */
 /* stylelint-disable property-no-vendor-prefix */
 ejs-filemanager {
   display: block;
@@ -1001,6 +1002,7 @@ ejs-filemanager {
   height: calc(100% - 34px);
 }
 
+/*! FileManager's material theme wise override definitions and variables */
 .e-filemanager {
   background: #303030;
   border-color: #616161;
@@ -1158,6 +1160,14 @@ ejs-filemanager {
   border-bottom-color: rgba(255, 255, 255, 0.12);
 }
 
+.e-filemanager .e-grid.sf-grid :is(.e-headercontent th.e-headercell:not(.e-menu-item):not(.e-editedbatchcell).e-fe-checkbox, .e-content td.e-rowcell:not(.e-menu-item):not(.e-editedbatchcell).e-fe-checkbox):is(:focus, :focus-visible) {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+
+/*! FileManager's material theme wise override definitions and variables */
+/* stylelint-disable property-no-vendor-prefix */
+/*! FileManager's material theme wise override definitions and variables */
 .e-filemanager.e-fe-mobile .e-toolbar .e-popup-up-icon.e-icons,
 .e-filemanager.e-fe-mobile .e-toolbar .e-popup-down-icon.e-icons,
 .e-filemanager.e-fe-mobile .e-toolbar-items .e-toolbar-item .e-btn-icon.e-icons,
@@ -1202,7 +1212,7 @@ ejs-filemanager {
 .e-filemanager.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-grid,
 .e-bigger .e-filemanager.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-grid,
 .e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-grid {
-  padding: 4px 2px 0 2px;
+  padding: 0;
 }
 .e-filemanager.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-details,
 .e-bigger .e-filemanager.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-details,
@@ -1337,7 +1347,7 @@ ejs-filemanager {
 .e-filemanager.e-fe-mobile .e-grid .e-content .e-rowcell.e-fe-checkbox,
 .e-bigger .e-filemanager.e-fe-mobile .e-grid .e-content .e-rowcell.e-fe-checkbox,
 .e-filemanager.e-bigger.e-fe-mobile .e-grid .e-content .e-rowcell.e-fe-checkbox {
-  padding: 0;
+  padding: 6px;
 }
 .e-filemanager.e-fe-mobile .e-grid .e-gridcontent .e-fe-grid-icon,
 .e-bigger .e-filemanager.e-fe-mobile .e-grid .e-gridcontent .e-fe-grid-icon,

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

@@ -1,17 +1,17 @@
-@import 'ej2-base/styles/definition/material-dark.scss';
-@import 'ej2-inputs/styles/input/material-dark-definition.scss';
-@import 'ej2-inputs/styles/textbox/material-dark-definition.scss';
-@import 'ej2-inputs/styles/uploader/material-dark-definition.scss';
-@import 'ej2-popups/styles/dialog/material-dark-definition.scss';
-@import 'ej2-popups/styles/spinner/material-dark-definition.scss';
-@import 'ej2-buttons/styles/check-box/material-dark-definition.scss';
-@import 'ej2-splitbuttons/styles/drop-down-button/material-dark-definition.scss';
-@import 'ej2-navigations/styles/context-menu/material-dark-definition.scss';
-@import 'ej2-navigations/styles/treeview/material-dark-definition.scss';
-@import 'ej2-navigations/styles/toolbar/material-dark-definition.scss';
-@import 'ej2-layouts/styles/splitter/material-dark-definition.scss';
-@import 'ej2-grids/styles/grid/material-dark-definition.scss';
-@import 'material-dark-definition.scss';
-@import 'icons/material-dark.scss';
-@import 'all.scss';
-@import 'bigger.scss';
+@use 'ej2-base/styles/definition/material-dark' as *;
+@use 'ej2-inputs/styles/input/material-dark-definition' as *;
+@use 'ej2-inputs/styles/textbox/material-dark-definition' as *;
+@use 'ej2-inputs/styles/uploader/material-dark-definition' as *;
+@use 'ej2-popups/styles/dialog/material-dark-definition' as *;
+@use 'ej2-popups/styles/spinner/material-dark-definition' as *;
+@use 'ej2-buttons/styles/check-box/material-dark-definition' as *;
+@use 'ej2-splitbuttons/styles/drop-down-button/material-dark-definition' as *;
+@use 'ej2-navigations/styles/context-menu/material-dark-definition' as *;
+@use 'ej2-navigations/styles/treeview/material-dark-definition' as *;
+@use 'ej2-navigations/styles/toolbar/material-dark-definition' as *;
+@use 'ej2-layouts/styles/splitter/material-dark-definition' as *;
+@use 'ej2-grids/styles/grid/material-dark-definition' as *;
+@use 'material-dark-definition' as *;
+@use 'icons/material-dark' as *;
+@use 'all.material-dark' as *;
+@use 'bigger.material-dark' as *;

package/styles/file-manager/material.css

@@ -282,6 +282,7 @@
   content: "\e614";
 }
 
+/*! FileManager's material theme wise override definitions and variables */
 /* stylelint-disable property-no-vendor-prefix */
 ejs-filemanager {
   display: block;
@@ -1021,6 +1022,7 @@ ejs-filemanager {
   height: calc(100% - 34px);
 }
 
+/*! FileManager's material theme wise override definitions and variables */
 .e-filemanager {
   background: transparent;
   border-color: #e0e0e0;
@@ -1163,6 +1165,14 @@ ejs-filemanager {
   border-bottom-color: rgba(0, 0, 0, 0.12);
 }
 
+.e-filemanager .e-grid.sf-grid :is(.e-headercontent th.e-headercell:not(.e-menu-item):not(.e-editedbatchcell).e-fe-checkbox, .e-content td.e-rowcell:not(.e-menu-item):not(.e-editedbatchcell).e-fe-checkbox):is(:focus, :focus-visible) {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+
+/*! FileManager's material theme wise override definitions and variables */
+/* stylelint-disable property-no-vendor-prefix */
+/*! FileManager's material theme wise override definitions and variables */
 .e-filemanager.e-fe-mobile .e-toolbar .e-popup-up-icon.e-icons,
 .e-filemanager.e-fe-mobile .e-toolbar .e-popup-down-icon.e-icons,
 .e-filemanager.e-fe-mobile .e-toolbar-items .e-toolbar-item .e-btn-icon.e-icons,
@@ -1341,7 +1351,7 @@ ejs-filemanager {
 .e-filemanager.e-fe-mobile .e-grid .e-content .e-rowcell.e-fe-checkbox,
 .e-bigger .e-filemanager.e-fe-mobile .e-grid .e-content .e-rowcell.e-fe-checkbox,
 .e-filemanager.e-bigger.e-fe-mobile .e-grid .e-content .e-rowcell.e-fe-checkbox {
-  padding: 0;
+  padding: 6px;
 }
 .e-filemanager.e-fe-mobile .e-grid .e-gridcontent .e-fe-grid-icon,
 .e-bigger .e-filemanager.e-fe-mobile .e-grid .e-gridcontent .e-fe-grid-icon,

package/styles/file-manager/material.scss

@@ -1,17 +1,17 @@
-@import 'ej2-base/styles/definition/material.scss';
-@import 'ej2-inputs/styles/input/material-definition.scss';
-@import 'ej2-inputs/styles/textbox/material-definition.scss';
-@import 'ej2-inputs/styles/uploader/material-definition.scss';
-@import 'ej2-popups/styles/dialog/material-definition.scss';
-@import 'ej2-popups/styles/spinner/material-definition.scss';
-@import 'ej2-buttons/styles/check-box/material-definition.scss';
-@import 'ej2-splitbuttons/styles/drop-down-button/material-definition.scss';
-@import 'ej2-navigations/styles/context-menu/material-definition.scss';
-@import 'ej2-navigations/styles/treeview/material-definition.scss';
-@import 'ej2-navigations/styles/toolbar/material-definition.scss';
-@import 'ej2-layouts/styles/splitter/material-definition.scss';
-@import 'ej2-grids/styles/grid/material-definition.scss';
-@import 'material-definition.scss';
-@import 'icons/material.scss';
-@import 'all.scss';
-@import 'bigger.scss';
+@use 'ej2-base/styles/definition/material' as *;
+@use 'ej2-inputs/styles/input/material-definition' as *;
+@use 'ej2-inputs/styles/textbox/material-definition' as *;
+@use 'ej2-inputs/styles/uploader/material-definition' as *;
+@use 'ej2-popups/styles/dialog/material-definition' as *;
+@use 'ej2-popups/styles/spinner/material-definition' as *;
+@use 'ej2-buttons/styles/check-box/material-definition' as *;
+@use 'ej2-splitbuttons/styles/drop-down-button/material-definition' as *;
+@use 'ej2-navigations/styles/context-menu/material-definition' as *;
+@use 'ej2-navigations/styles/treeview/material-definition' as *;
+@use 'ej2-navigations/styles/toolbar/material-definition' as *;
+@use 'ej2-layouts/styles/splitter/material-definition' as *;
+@use 'ej2-grids/styles/grid/material-definition' as *;
+@use 'material-definition' as *;
+@use 'icons/material' as *;
+@use 'all.material' as *;
+@use 'bigger.material' as *;