@syncfusion/ej2-filemanager 26.2.11 → 27.1.48

package/styles/tailwind-lite.scss

@@ -0,0 +1,16 @@
+@import 'ej2-base/styles/definition/tailwind.scss';
+@import 'ej2-inputs/styles/input/tailwind-definition.scss';
+@import 'ej2-inputs/styles/textbox/tailwind-definition.scss';
+@import 'ej2-inputs/styles/uploader/tailwind-definition.scss';
+@import 'ej2-popups/styles/dialog/tailwind-definition.scss';
+@import 'ej2-popups/styles/spinner/tailwind-definition.scss';
+@import 'ej2-buttons/styles/check-box/tailwind-definition.scss';
+@import 'ej2-splitbuttons/styles/drop-down-button/tailwind-definition.scss';
+@import 'ej2-navigations/styles/context-menu/tailwind-definition.scss';
+@import 'ej2-navigations/styles/treeview/tailwind-definition.scss';
+@import 'ej2-navigations/styles/toolbar/tailwind-definition.scss';
+@import 'ej2-layouts/styles/splitter/tailwind-definition.scss';
+@import 'ej2-grids/styles/grid/tailwind-definition.scss';
+@import 'file-manager/tailwind-definition.scss';
+@import 'file-manager/icons/tailwind.scss';
+@import 'file-manager/all.scss';

package/styles/tailwind.css

@@ -1,11 +1,5 @@
 /* stylelint-disable property-no-vendor-prefix */
 /* stylelint-disable-line no-empty-source */
-.e-upload .e-upload-actions,
-.e-bigger.e-small .e-upload .e-upload-actions {
-  background-color: #f9fafb;
-  border-radius: 0 0 6px 6px;
-}
-
 /* stylelint-disable property-no-vendor-prefix */
 @-webkit-keyframes material-spinner-rotate {
   0% {
@@ -561,6 +555,7 @@ ejs-filemanager {
   float: left;
   overflow: auto;
   width: 100%;
+  height: calc(100% - 35px);
 }
 .e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame {
   border-width: 1px;
@@ -648,6 +643,15 @@ ejs-filemanager {
   margin: 10px auto;
   width: 40px;
 }
+.e-filemanager.e-drag-select {
+  position: absolute;
+  background-color: #4f46e5;
+  opacity: 0.3;
+  border: none;
+  width: 0;
+  height: 0;
+  z-index: 1;
+}
 .e-filemanager .e-fe-clone {
   pointer-events: none;
   z-index: 20;
@@ -766,6 +770,9 @@ ejs-filemanager {
 .e-filemanager .e-layout-content {
   position: relative;
 }
+.e-filemanager .e-pager {
+  border-width: 1px 0 0;
+}
 .e-filemanager .e-fe-overlay {
   border: 2px dashed #4f46e5;
   bottom: 0;
@@ -814,8 +821,8 @@ ejs-filemanager {
   line-height: 22px;
 }
 .e-fe-popup.e-dialog td:first-child {
-  font-size: 12px;
-  line-height: 18px;
+  font-size: 14px;
+  line-height: 22px;
 }
 .e-fe-popup.e-dialog td.e-fe-value {
   white-space: unset;
@@ -878,6 +885,180 @@ ejs-filemanager {
   display: none;
 }
 
+@media (max-width: 469px) {
+  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
+  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
+    min-width: 140px;
+    width: calc(50% - 17px);
+  }
+}
+@media (min-width: 470px) and (max-width: 625px) {
+  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
+  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
+    min-width: 140px;
+    width: calc(33.33% - 17px);
+  }
+}
+.e-content-placeholder.e-filemanager.e-placeholder-filemanager {
+  height: 100%;
+  width: 100%;
+}
+
+.e-filemanager {
+  background: transparent;
+  border-color: #e5e7eb;
+}
+.e-filemanager .e-toolbar {
+  border-bottom-color: #e5e7eb;
+}
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active {
+  background: #e5e7eb;
+  border-color: #e5e7eb;
+}
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:hover {
+  background: #e5e7eb;
+  border-color: #e5e7eb;
+}
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus {
+  background: #e5e7eb;
+  border-color: #e5e7eb;
+}
+.e-filemanager .e-navigation.e-pane {
+  background-color: #f9fafb;
+}
+.e-filemanager .e-address {
+  border-bottom-color: #e5e7eb;
+}
+.e-filemanager .e-address .e-icons {
+  color: #d1d5db;
+}
+.e-filemanager .e-address .e-list-text {
+  color: #6b7280;
+}
+.e-filemanager .e-address .e-address-list-item {
+  color: #6b7280;
+}
+.e-filemanager .e-address .e-address-list-item:focus .e-list-text {
+  color: #111827;
+}
+.e-filemanager .e-address .e-address-list-item:last-child .e-list-text {
+  color: #111827;
+}
+.e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:hover, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:active, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:focus {
+  color: #111827;
+}
+.e-filemanager .e-address .e-address-list-item:focus .e-list-text {
+  color: #111827;
+}
+.e-filemanager .e-address .e-search-wrap .e-input-group.e-control-wrapper:not(.e-success) {
+  background: #fff;
+  border-color: #e5e7eb;
+}
+.e-filemanager .e-treeview .e-list-item.e-active > .e-fullrow {
+  border: #e5e7eb;
+}
+.e-filemanager .e-treeview .e-list-parent .e-list-item.e-fe-drop-folder.e-hover > .e-fullrow {
+  border-color: #4f46e5;
+}
+.e-filemanager .e-grid .e-gridheader tr:first-child th {
+  background: #f9fafb;
+}
+.e-filemanager .e-grid .e-gridheader .e-headercell:not(.e-fe-grid-icon):hover, .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-grid-icon .e-headercelldiv:hover {
+  background: #f3f4f6;
+}
+.e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-checkbox:hover {
+  background: #f9fafb;
+}
+.e-filemanager .e-grid .e-empty-inner-content {
+  color: #6b7280;
+}
+.e-filemanager .e-grid td.e-active {
+  background-color: #e5e7eb;
+  color: #111827;
+}
+.e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
+  background-color: transparent;
+}
+.e-filemanager .e-large-icons .e-list-img {
+  border-color: #e5e7eb;
+}
+.e-filemanager .e-large-icons .e-active {
+  color: #111827;
+}
+.e-filemanager .e-large-icons .e-empty-inner-content {
+  color: #6b7280;
+}
+.e-filemanager .e-large-icons .e-large-icon {
+  border-color: transparent;
+}
+.e-filemanager .e-large-icons .e-large-icon.e-active {
+  background: #e5e7eb;
+  border-color: #e5e7eb;
+}
+.e-filemanager .e-large-icons .e-large-icon.e-hover, .e-filemanager .e-large-icons .e-large-icon:hover {
+  background: #f3f4f6;
+  border-color: #f3f4f6;
+}
+.e-filemanager .e-large-icons .e-large-icon.e-active.e-hover, .e-filemanager .e-large-icons .e-large-icon.e-active:hover {
+  background: #e5e7eb;
+  border-color: #e5e7eb;
+}
+.e-filemanager .e-large-icons .e-large-icon.e-focus {
+  border-color: #d1d5db;
+}
+.e-filemanager .e-large-icons .e-large-icon.e-hover.e-fe-drop-folder, .e-filemanager .e-large-icons .e-large-icon:hover.e-fe-drop-folder {
+  border-color: #4f46e5;
+}
+.e-filemanager .e-large-icons .e-checkbox-wrapper .e-icons.e-check {
+  background-color: #4f46e5;
+  color: #fff;
+}
+.e-filemanager .e-fe-clone .e-fe-content {
+  background-color: #e5e7eb;
+  color: #111827;
+}
+.e-filemanager .e-fe-clone .e-fe-count {
+  background-color: #4f46e5;
+  border-color: #fff;
+  color: #fff;
+}
+.e-filemanager.e-fe-mobile .e-large-icons .e-large-icon.e-hover, .e-filemanager.e-fe-mobile .e-large-icons .e-large-icon:hover {
+  background: transparent;
+  border-color: transparent;
+}
+.e-filemanager.e-fe-mobile .e-large-icons .e-large-icon.e-focus {
+  border-color: transparent;
+}
+.e-filemanager.e-fe-mobile .e-large-icons .e-large-icon.e-active {
+  background: #e5e7eb;
+  border-color: #e5e7eb;
+}
+.e-filemanager.e-fe-mobile .e-address .e-icons {
+  color: #6b7280;
+}
+.e-filemanager.e-fe-mobile .e-address .e-icons:hover {
+  color: #374151;
+}
+
+.e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
+.e-fe-popup.e-dropdown-popup ul .e-item .e-fe-tick, .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-dot,
+.e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-tick, .e-fe-popup.e-contextmenu-container ul .e-menu-item .e-fe-dot,
+.e-fe-popup.e-contextmenu-container ul .e-menu-item .e-fe-tick {
+  color: #6b7280;
+}
+.e-fe-popup.e-dialog td {
+  color: #111827;
+}
+.e-fe-popup.e-dialog td:first-child {
+  color: #6b7280;
+}
+.e-fe-popup .e-fe-error {
+  color: #dc2626;
+}
+.e-fe-popup .e-upload .e-upload-actions {
+  border-bottom-color: #e5e7eb;
+}
+
 .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,
@@ -1062,6 +1243,11 @@ ejs-filemanager {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.e-filemanager.e-fe-mobile .e-large-icons,
+.e-bigger .e-filemanager.e-fe-mobile .e-large-icons,
+.e-filemanager.e-bigger.e-fe-mobile .e-large-icons {
+  height: calc(100% - 40px);
+}
 .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent,
 .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent,
 .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent {
@@ -1371,6 +1557,10 @@ ejs-filemanager {
 .e-filemanager.e-bigger .e-grid.e-rtl .e-checkbox-wrapper .e-frame {
   margin-right: -10px;
 }
+.e-bigger .e-filemanager .e-large-icons,
+.e-filemanager.e-bigger .e-large-icons {
+  height: calc(100% - 40px);
+}
 .e-bigger .e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame,
 .e-filemanager.e-bigger .e-large-icons .e-checkbox-wrapper .e-frame {
   border-width: 1px;
@@ -1459,160 +1649,4 @@ ejs-filemanager {
     min-width: 140px;
     width: calc(33.33% - 17px);
   }
-}
-.e-content-placeholder.e-filemanager.e-placeholder-filemanager {
-  height: 100%;
-  width: 100%;
-}
-
-.e-filemanager {
-  background: transparent;
-  border-color: #e5e7eb;
-}
-.e-filemanager .e-toolbar {
-  border-bottom-color: #e5e7eb;
-}
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active {
-  background: #e5e7eb;
-  border-color: #e5e7eb;
-}
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:hover {
-  background: #e5e7eb;
-  border-color: #e5e7eb;
-}
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus {
-  background: #e5e7eb;
-  border-color: #e5e7eb;
-}
-.e-filemanager .e-navigation.e-pane {
-  background-color: #f9fafb;
-}
-.e-filemanager .e-address {
-  border-bottom-color: #e5e7eb;
-}
-.e-filemanager .e-address .e-icons {
-  color: #d1d5db;
-}
-.e-filemanager .e-address .e-list-text {
-  color: #6b7280;
-}
-.e-filemanager .e-address .e-address-list-item {
-  color: #6b7280;
-}
-.e-filemanager .e-address .e-address-list-item:focus .e-list-text {
-  color: #111827;
-}
-.e-filemanager .e-address .e-address-list-item:last-child .e-list-text {
-  color: #111827;
-}
-.e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:hover, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:active, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:focus {
-  color: #111827;
-}
-.e-filemanager .e-address .e-search-wrap .e-input-group.e-control-wrapper:not(.e-success) {
-  background: #fff;
-  border-color: #e5e7eb;
-}
-.e-filemanager .e-treeview .e-list-item.e-active > .e-fullrow {
-  border: #e5e7eb;
-}
-.e-filemanager .e-treeview .e-list-parent .e-list-item.e-fe-drop-folder.e-hover > .e-fullrow {
-  border-color: #4f46e5;
-}
-.e-filemanager .e-grid .e-gridheader tr:first-child th {
-  background: #f9fafb;
-}
-.e-filemanager .e-grid .e-gridheader .e-headercell:not(.e-fe-grid-icon):hover, .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-grid-icon .e-headercelldiv:hover {
-  background: #f3f4f6;
-}
-.e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-checkbox:hover {
-  background: #f9fafb;
-}
-.e-filemanager .e-grid .e-empty-inner-content {
-  color: #6b7280;
-}
-.e-filemanager .e-grid td.e-active {
-  background-color: #e5e7eb;
-  color: #111827;
-}
-.e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-  background-color: transparent;
-}
-.e-filemanager .e-large-icons .e-list-img {
-  border-color: #e5e7eb;
-}
-.e-filemanager .e-large-icons .e-active {
-  color: #111827;
-}
-.e-filemanager .e-large-icons .e-empty-inner-content {
-  color: #6b7280;
-}
-.e-filemanager .e-large-icons .e-large-icon {
-  border-color: transparent;
-}
-.e-filemanager .e-large-icons .e-large-icon.e-active {
-  background: #e5e7eb;
-  border-color: #e5e7eb;
-}
-.e-filemanager .e-large-icons .e-large-icon.e-hover, .e-filemanager .e-large-icons .e-large-icon:hover {
-  background: #f3f4f6;
-  border-color: #f3f4f6;
-}
-.e-filemanager .e-large-icons .e-large-icon.e-active.e-hover, .e-filemanager .e-large-icons .e-large-icon.e-active:hover {
-  background: #e5e7eb;
-  border-color: #e5e7eb;
-}
-.e-filemanager .e-large-icons .e-large-icon.e-focus {
-  border-color: #d1d5db;
-}
-.e-filemanager .e-large-icons .e-large-icon.e-hover.e-fe-drop-folder, .e-filemanager .e-large-icons .e-large-icon:hover.e-fe-drop-folder {
-  border-color: #4f46e5;
-}
-.e-filemanager .e-large-icons .e-checkbox-wrapper .e-icons.e-check {
-  background-color: #4f46e5;
-  color: #fff;
-}
-.e-filemanager .e-fe-clone .e-fe-content {
-  background-color: #e5e7eb;
-  color: #111827;
-}
-.e-filemanager .e-fe-clone .e-fe-count {
-  background-color: #4f46e5;
-  border-color: #fff;
-  color: #fff;
-}
-.e-filemanager.e-fe-mobile .e-large-icons .e-large-icon.e-hover, .e-filemanager.e-fe-mobile .e-large-icons .e-large-icon:hover {
-  background: transparent;
-  border-color: transparent;
-}
-.e-filemanager.e-fe-mobile .e-large-icons .e-large-icon.e-focus {
-  border-color: transparent;
-}
-.e-filemanager.e-fe-mobile .e-large-icons .e-large-icon.e-active {
-  background: #e5e7eb;
-  border-color: #e5e7eb;
-}
-.e-filemanager.e-fe-mobile .e-address .e-icons {
-  color: #6b7280;
-}
-.e-filemanager.e-fe-mobile .e-address .e-icons:hover {
-  color: #374151;
-}
-
-.e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
-.e-fe-popup.e-dropdown-popup ul .e-item .e-fe-tick, .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-dot,
-.e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-tick, .e-fe-popup.e-contextmenu-container ul .e-menu-item .e-fe-dot,
-.e-fe-popup.e-contextmenu-container ul .e-menu-item .e-fe-tick {
-  color: #6b7280;
-}
-.e-fe-popup.e-dialog td {
-  color: #111827;
-}
-.e-fe-popup.e-dialog td:first-child {
-  color: #6b7280;
-}
-.e-fe-popup .e-fe-error {
-  color: #dc2626;
-}
-.e-fe-popup .e-upload .e-upload-actions {
-  border-bottom-color: #e5e7eb;
 }

package/styles/tailwind.scss

@@ -14,3 +14,4 @@
 @import 'file-manager/tailwind-definition.scss';
 @import 'file-manager/icons/tailwind.scss';
 @import 'file-manager/all.scss';
+@import 'file-manager/bigger.scss';

package/tslint.json

@@ -1,111 +0,0 @@
-{
-  "rules": {
-    "chai-vague-errors": true,
-    "use-isnan": true,
-    "missing-jsdoc": true,
-    "missing-optional-annotation": true,
-    "no-backbone-get-set-outside-model": true,
-    "no-banned-terms": true,
-    "no-constant-condition": true,
-    "no-control-regex": true,
-    "no-cookies": true,
-    "no-delete-expression": true,
-    "no-document-write": true,
-    "no-document-domain": true,
-    "no-disable-auto-sanitization": true,
-    "no-duplicate-case": true,
-    "no-duplicate-parameter-names": true,
-    "no-empty-interfaces": true,
-    "no-exec-script": true,
-    "no-function-constructor-with-string-args": true,
-    "no-function-expression": true,
-    "no-invalid-regexp": true,
-    "no-for-in": true,
-    "member-access": true,
-    "no-multiline-string": true,
-    "no-multiple-var-decl": true,
-    "no-unnecessary-bind": true,
-    "no-unnecessary-semicolons": true,
-    "no-octal-literal": true,
-    "no-regex-spaces": true,
-    "no-sparse-arrays": true,
-    "no-string-based-set-immediate": true,
-    "no-string-based-set-interval": true,
-    "no-unused-imports": true,
-    "no-with-statement": true,
-    "prefer-array-literal": true,
-    "promise-must-complete": false,
-    "react-no-dangerous-html": true,
-    "use-named-parameter": true,
-    "valid-typeof": true,
-    "max-func-body-length": [true, 100, {
-      "ignore-parameters-to-function-regex": "describe"
-    }],
-    "class-name": true,
-    "curly": true,
-    "eofline": false,
-    "forin": true,
-    "indent": [
-      true,
-      "spaces"
-    ],
-    "label-position": true,       
-    "max-line-length": [true, 140],
-    "no-arg": true,
-    "no-console": [true,
-      "debug",
-      "info",
-      "log",
-      "time",
-      "timeEnd",
-      "trace"
-    ],
-    "no-construct": true,
-    "no-parameter-properties": true,
-    "no-debugger": true,    
-    "no-duplicate-variable": true,
-    "no-empty": true,
-    "no-eval": true,
-    "no-string-literal": true,
-    "no-switch-case-fall-through": true,
-    "trailing-comma": true,
-    "no-trailing-whitespace": true,
-    "no-unused-expression": true,
-    "no-use-before-declare": false,
-    "no-var-requires": true,
-    "one-line": [true,
-      "check-open-brace",
-      "check-catch",
-      "check-else",
-      "check-whitespace"
-    ],
-    "no-any": true,
-    "no-conditional-assignment": true,
-    "no-angle-bracket-type-assertion": false,
-    "align": [true, "parameters", "arguments", "statements"],
-    "no-empty-line-after-opening-brace": false,
-    "typedef-whitespace": [false],
-    "ban": true,
-    "quotemark": [true, "single"],
-    "semicolon": true,
-    "triple-equals": [true, "allow-null-check"],
-    "typedef": [true,
-      "call-signature",
-      "parameter",
-      "property-declaration",
-      "variable-declaration",
-      "arrow-parameter",
-      "member-variable-declaration"],    
-    "variable-name": true,
-    "whitespace": [true,
-      "check-branch",
-      "check-decl",
-      "check-operator",
-      "check-separator",
-      "check-type"
-    ],
-    "jsdoc-format": true,
-    "no-var-keyword": true,
-    "radix": true
-  }
-}