@syncfusion/ej2-angular-inputs 21.2.8-ngcc → 21.2.8

package/styles/uploader/_theme.scss

@@ -0,0 +1,146 @@
+// uploader theme file
+// uploader layout styles
+@include export-module('uploader-theme') {
+
+  .e-upload {
+    border: $upload-border;
+    @if $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3' {
+      border-radius: $upload-border-radius;
+    }
+
+    #{if(&, '&', '*')} .e-file-drop {
+      color: $file-drop-text-color;
+      vertical-align: middle;
+    }
+
+    #{if(&, '&', '*')} .e-upload-files {
+      border-top: $list-bottom-border;
+
+      .e-upload-file-list {
+        border-bottom: $list-bottom-border;
+
+        .e-file-container {
+
+          .e-file-name {
+            color: $drop-text-color;
+          }
+
+          .e-file-type {
+            color: $drop-text-color;
+          }
+
+          .e-file-size {
+            color: $file-size-color;
+          }
+
+          .e-file-status,
+          .e-file-information {
+            color: $drop-text-color;
+            @if $skin-name == 'FluentUI' or $skin-name == 'tailwind' {
+              color: $file-status-color;
+            }
+          }
+
+          .e-file-status.e-upload-success {
+            color: $upload-success-color;
+          }
+
+          .e-file-status.e-upload-fails {
+            color: $upload-failure-color;
+          }
+
+          .e-file-status.e-validation-fails {
+            color: $upload-failure-color;
+          }
+
+          #{if(&, '&', '*')} .e-progress-inner-wrap {
+            @if $skin-name != 'Material3' {
+              background-color: $progress-background-color;
+            }
+            @if $skin-name == 'Material3' {
+              background: $progress-background-color;
+            }
+
+            #{if(&, '&', '*')} .e-upload-progress-bar {
+
+              #{if(&, '&', '*')}.e-upload-progress {
+                background: $upload-in-progress-color;
+              }
+
+              #{if(&, '&', '*')}.e-upload-success {
+                background: $upload-success-color;
+              }
+
+              #{if(&, '&', '*')}.e-upload-failed {
+                background: $upload-failure-color;
+              }
+            }
+          }
+
+          #{if(&, '&', '*')} .e-progress-bar-text {
+            color: $drop-text-color;
+            @if $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
+              color: $progress-text-color;
+            }
+          }
+        }
+      }
+
+      #{if(&, '&', '*')} .e-file-remove-btn.e-icons,
+      #{if(&, '&', '*')} .e-file-delete-btn.e-icons,
+      #{if(&, '&', '*')} .e-file-reload-btn.e-icons,
+      #{if(&, '&', '*')} .e-file-abort-btn.e-icons,
+      #{if(&, '&', '*')} .e-file-pause-btn.e-icons,
+      #{if(&, '&', '*')} .e-file-play-btn.e-icons {
+        color: $remove-icon-color;
+
+        #{if(&, '&', '*')}:hover {
+          color: $upload-hover-icon-color;
+        }
+      }
+
+      #{if(&, '&', '*')} .e-file-remove-btn.e-icons:not(.e-upload-progress):focus,
+      #{if(&, '&', '*')} .e-file-delete-btn.e-icons:not(.e-upload-progress):focus,
+      #{if(&, '&', '*')} .e-file-pause-btn.e-icons:not(.e-upload-progress):focus,
+      #{if(&, '&', '*')} .e-file-play-btn.e-icons:not(.e-upload-progress):focus,
+      #{if(&, '&', '*')} .e-file-reload-btn.e-icons:focus,
+      #{if(&, '&', '*')} .e-file-abort-btn.e-icons:not(.e-disabled):focus,
+      #{if(&, '&', '*')} .e-clear-icon-focus {
+        @if $skin-name != 'Material3' {
+          background-color: $clear-icon-focus-color;
+        }
+        @if $skin-name == 'Material3' {
+          background: $clear-icon-focus-color;
+        }
+        border-color: transparent;
+        box-shadow: 0 0 0 transparent;
+      }
+    }
+  }
+
+  .e-upload-drag-hover {
+    @if $skin-name == 'FluentUI' or $skin-name == 'tailwind' {
+      border-color: transparent;
+    }
+  }
+
+  .e-upload .e-upload-actions .e-file-clear-btn.e-flat:not(:hover) {
+    @if $skin-name == 'tailwind' {
+      /* stylelint-disable property-no-vendor-prefix */
+      -webkit-tap-highlight-color: $upload-btn-tap-highlight;
+      background-color: $upload-flat-btn-bgcolor;
+      border-color: $upload-flat-btn-border-color;
+      box-shadow: $upload-flat-btn-box-shadow;
+      color: $upload-flat-btn-color;
+    }
+  }
+
+  .e-upload .e-upload-actions .e-file-upload-btn.e-flat.e-primary:not(:hover) {
+    @if $skin-name == 'tailwind' {
+      -webkit-tap-highlight-color: $upload-btn-tap-highlight;
+      background-color: $upload-btn-primary-bgcolor;
+      border-color: $upload-btn-primary-border-color;
+      color: $upload-btn-primary-color;
+    }
+  }
+}

package/styles/uploader/bootstrap-dark.scss

@@ -1 +1,6 @@
-@import 'ej2-inputs/styles/uploader/bootstrap-dark.scss';
+@import 'ej2-base/styles/bootstrap-dark-definition.scss';
+@import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';
+@import 'ej2-popups/styles/spinner/bootstrap-dark-definition.scss';
+@import 'bootstrap-dark-definition.scss';
+@import 'icons/bootstrap-dark.scss';
+@import 'all.scss';

package/styles/uploader/bootstrap.scss

@@ -1 +1,6 @@
-@import 'ej2-inputs/styles/uploader/bootstrap.scss';
+@import 'ej2-base/styles/bootstrap-definition.scss';
+@import 'ej2-buttons/styles/button/bootstrap-definition.scss';
+@import 'ej2-popups/styles/spinner/bootstrap-definition.scss';
+@import 'bootstrap-definition.scss';
+@import 'icons/bootstrap.scss';
+@import 'all.scss';

package/styles/uploader/bootstrap4.scss

@@ -1 +1,6 @@
-@import 'ej2-inputs/styles/uploader/bootstrap4.scss';
+@import 'ej2-base/styles/bootstrap4-definition.scss';
+@import 'ej2-buttons/styles/button/bootstrap4-definition.scss';
+@import 'ej2-popups/styles/spinner/bootstrap4-definition.scss';
+@import 'bootstrap4-definition.scss';
+@import 'icons/bootstrap4.scss';
+@import 'all.scss';

package/styles/uploader/bootstrap5-dark.scss

@@ -1 +1,6 @@
-@import 'ej2-inputs/styles/uploader/bootstrap5-dark.scss';
+@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
+@import 'ej2-buttons/styles/button/bootstrap5-dark-definition.scss';
+@import 'ej2-popups/styles/spinner/bootstrap5-dark-definition.scss';
+@import 'bootstrap5-dark-definition.scss';
+@import 'icons/bootstrap5-dark.scss';
+@import 'all.scss';

package/styles/uploader/bootstrap5.scss

@@ -1 +1,6 @@
-@import 'ej2-inputs/styles/uploader/bootstrap5.scss';
+@import 'ej2-base/styles/bootstrap5-definition.scss';
+@import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
+@import 'ej2-popups/styles/spinner/bootstrap5-definition.scss';
+@import 'bootstrap5-definition.scss';
+@import 'icons/bootstrap5.scss';
+@import 'all.scss';

package/styles/uploader/fabric-dark.scss

@@ -1 +1,6 @@
-@import 'ej2-inputs/styles/uploader/fabric-dark.scss';
+@import 'ej2-base/styles/fabric-dark-definition.scss';
+@import 'ej2-buttons/styles/button/fabric-dark-definition.scss';
+@import 'ej2-popups/styles/spinner/fabric-dark-definition.scss';
+@import 'fabric-dark-definition.scss';
+@import 'icons/fabric-dark.scss';
+@import 'all.scss';

package/styles/uploader/fabric.scss

@@ -1 +1,6 @@
-@import 'ej2-inputs/styles/uploader/fabric.scss';
+@import 'ej2-base/styles/fabric-definition.scss';
+@import 'ej2-buttons/styles/button/fabric-definition.scss';
+@import 'ej2-popups/styles/spinner/fabric-definition.scss';
+@import 'fabric-definition.scss';
+@import 'icons/fabric.scss';
+@import 'all.scss';

package/styles/uploader/fluent-dark.scss

@@ -1 +1,6 @@
-@import 'ej2-inputs/styles/uploader/fluent-dark.scss';
+@import 'ej2-base/styles/fluent-dark-definition.scss';
+@import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
+@import 'ej2-popups/styles/spinner/fluent-dark-definition.scss';
+@import 'fluent-dark-definition.scss';
+@import 'icons/fluent-dark.scss';
+@import 'all.scss';

package/styles/uploader/fluent.scss

@@ -1 +1,6 @@
-@import 'ej2-inputs/styles/uploader/fluent.scss';
+@import 'ej2-base/styles/fluent-definition.scss';
+@import 'ej2-buttons/styles/button/fluent-definition.scss';
+@import 'ej2-popups/styles/spinner/fluent-definition.scss';
+@import 'fluent-definition.scss';
+@import 'icons/fluent.scss';
+@import 'all.scss';

package/styles/uploader/highcontrast-light.scss

@@ -1 +1,6 @@
-@import 'ej2-inputs/styles/uploader/highcontrast-light.scss';
+@import 'ej2-base/styles/highcontrast-light-definition.scss';
+@import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';
+@import 'ej2-popups/styles/spinner/highcontrast-light-definition.scss';
+@import 'highcontrast-light-definition.scss';
+@import 'icons/highcontrast-light.scss';
+@import 'all.scss';

package/styles/uploader/highcontrast.scss

@@ -1 +1,6 @@
-@import 'ej2-inputs/styles/uploader/highcontrast.scss';
+@import 'ej2-base/styles/highcontrast-definition.scss';
+@import 'ej2-buttons/styles/button/highcontrast-definition.scss';
+@import 'ej2-popups/styles/spinner/highcontrast-definition.scss';
+@import 'highcontrast-definition.scss';
+@import 'icons/highcontrast.scss';
+@import 'all.scss';

package/styles/uploader/icons/_bootstrap-dark.scss

@@ -0,0 +1,34 @@
+@include export-module('uploader-bootstrap-icons') {
+  .e-upload .e-upload-files .e-file-remove-btn.e-icons::before {
+    content: '\e96c';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-pause-btn::before {
+    content: '\e329';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-reload-btn::before {
+    content: '\e975';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-play-btn::before {
+    content: '\e328';
+  }
+
+  .e-upload .e-upload-files .e-file-delete-btn.e-icons::before {
+    content: '\e201';
+  }
+
+  .e-upload .e-upload-files .e-file-abort-btn.e-icons::before {
+    content: '\e991';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-msie::before {
+    position: relative;
+    right: $ie-icons-position-value;
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-abort-icon.e-msie::before {
+    right: $ie-abort-icon-position-value;
+  }
+}

package/styles/uploader/icons/_bootstrap.scss

@@ -0,0 +1,34 @@
+@include export-module('uploader-bootstrap-icons') {
+  .e-upload .e-upload-files .e-file-remove-btn.e-icons::before {
+    content: '\e96c';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-pause-btn::before {
+    content: '\e329';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-reload-btn::before {
+    content: '\e975';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-play-btn::before {
+    content: '\e328';
+  }
+
+  .e-upload .e-upload-files .e-file-delete-btn.e-icons::before {
+    content: '\e201';
+  }
+
+  .e-upload .e-upload-files .e-file-abort-btn.e-icons::before {
+    content: '\e991';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-msie::before {
+    position: relative;
+    right: $ie-icons-position-value;
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-abort-icon.e-msie::before {
+    right: $ie-abort-icon-position-value;
+  }
+}

package/styles/uploader/icons/_bootstrap4.scss

@@ -0,0 +1,34 @@
+@include export-module('uploader-bootstrap4-icons') {
+  .e-upload .e-upload-files .e-file-remove-btn.e-icons::before {
+    content: '\e745';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-pause-btn::before {
+    content: '\e757';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-reload-btn::before {
+    content: '\e716';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-play-btn::before {
+    content: '\e72d';
+  }
+
+  .e-upload .e-upload-files .e-file-delete-btn.e-icons::before {
+    content: '\e773';
+  }
+
+  .e-upload .e-upload-files .e-file-abort-btn.e-icons::before {
+    content: '\e742';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-msie::before {
+    position: relative;
+    right: $ie-icons-position-value;
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-abort-icon.e-msie::before {
+    right: $ie-abort-icon-position-value;
+  }
+}

package/styles/uploader/icons/_bootstrap5-dark.scss

@@ -0,0 +1 @@
+@import './bootstrap5.scss';

package/styles/uploader/icons/_bootstrap5.scss

@@ -0,0 +1,34 @@
+@include export-module('uploader-bootstrap4-icons') {
+  .e-upload .e-upload-files .e-file-remove-btn.e-icons::before {
+    content: '\e7e7';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-pause-btn::before {
+    content: '\e77b';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-reload-btn::before {
+    content: '\e706';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-play-btn::before {
+    content: '\e70c';
+  }
+
+  .e-upload .e-upload-files .e-file-delete-btn.e-icons::before {
+    content: '\e820';
+  }
+
+  .e-upload .e-upload-files .e-file-abort-btn.e-icons::before {
+    content: '\e81b';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-msie::before {
+    position: relative;
+    right: $ie-icons-position-value;
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-abort-icon.e-msie::before {
+    right: $ie-abort-icon-position-value;
+  }
+}

package/styles/uploader/icons/_fabric-dark.scss

@@ -0,0 +1,34 @@
+@include export-module('uploader-fabric-icons') {
+  .e-upload .e-upload-files .e-file-remove-btn.e-icons::before {
+    content: '\e953';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-pause-btn::before {
+    content: '\e325';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-reload-btn::before {
+    content: '\e218';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-play-btn::before {
+    content: '\e327';
+  }
+
+  .e-upload .e-upload-files .e-file-delete-btn.e-icons::before {
+    content: '\e965';
+  }
+
+  .e-upload .e-upload-files .e-file-abort-btn.e-icons::before {
+    content: '\e202';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-msie::before {
+    position: relative;
+    right: $ie-icons-position-value;
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-abort-icon.e-msie::before {
+    right: $ie-abort-icon-position-value;
+  }
+}

package/styles/uploader/icons/_fabric.scss

@@ -0,0 +1,34 @@
+@include export-module('uploader-fabric-icons') {
+  .e-upload .e-upload-files .e-file-remove-btn.e-icons::before {
+    content: '\e953';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-pause-btn::before {
+    content: '\e325';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-reload-btn::before {
+    content: '\e218';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-play-btn::before {
+    content: '\e327';
+  }
+
+  .e-upload .e-upload-files .e-file-delete-btn.e-icons::before {
+    content: '\e965';
+  }
+
+  .e-upload .e-upload-files .e-file-abort-btn.e-icons::before {
+    content: '\e202';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-msie::before {
+    position: relative;
+    right: $ie-icons-position-value;
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-abort-icon.e-msie::before {
+    right: $ie-abort-icon-position-value;
+  }
+}

package/styles/uploader/icons/_fluent-dark.scss

@@ -0,0 +1 @@
+@import './fluent.scss';

package/styles/uploader/icons/_fluent.scss

@@ -0,0 +1,34 @@
+@include export-module('uploader-bootstrap4-icons') {
+  .e-upload .e-upload-files .e-file-remove-btn.e-icons::before {
+    content: '\e7e7';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-pause-btn::before {
+    content: '\e77b';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-reload-btn::before {
+    content: '\e706';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-play-btn::before {
+    content: '\e70c';
+  }
+
+  .e-upload .e-upload-files .e-file-delete-btn.e-icons::before {
+    content: '\e820';
+  }
+
+  .e-upload .e-upload-files .e-file-abort-btn.e-icons::before {
+    content: '\e81b';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-msie::before {
+    position: relative;
+    right: $ie-icons-position-value;
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-abort-icon.e-msie::before {
+    right: $ie-abort-icon-position-value;
+  }
+}

package/styles/uploader/icons/_fusionnew.scss

@@ -0,0 +1,34 @@
+@include export-module('uploader-bootstrap4-icons') {
+  .e-upload .e-upload-files .e-file-remove-btn.e-icons::before {
+    content: '\e7e7';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-pause-btn::before {
+    content: '\e77b';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-reload-btn::before {
+    content: '\e706';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-play-btn::before {
+    content: '\e70c';
+  }
+
+  .e-upload .e-upload-files .e-file-delete-btn.e-icons::before {
+    content: '\e820';
+  }
+
+  .e-upload .e-upload-files .e-file-abort-btn.e-icons::before {
+    content: '\e81b';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-msie::before {
+    position: relative;
+    right: $ie-icons-position-value;
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-abort-icon.e-msie::before {
+    right: $ie-abort-icon-position-value;
+  }
+}

package/styles/uploader/icons/_highcontrast-light.scss

@@ -0,0 +1,34 @@
+@include export-module('uploader-highcontrast-icons') {
+  .e-upload .e-upload-files .e-file-remove-btn.e-icons::before {
+    content: '\e953';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-pause-btn::before {
+    content: '\e325';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-reload-btn::before {
+    content: '\e837';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-play-btn::before {
+    content: '\e327';
+  }
+
+  .e-upload .e-upload-files .e-file-delete-btn.e-icons::before {
+    content: '\e965';
+  }
+
+  .e-upload .e-upload-files .e-file-abort-btn.e-icons::before {
+    content: '\e202';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-msie::before {
+    position: relative;
+    right: $ie-icons-position-value;
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-abort-icon.e-msie::before {
+    right: $ie-abort-icon-position-value;
+  }
+}

package/styles/uploader/icons/_highcontrast.scss

@@ -0,0 +1,34 @@
+@include export-module('uploader-highcontrast-icons') {
+  .e-upload .e-upload-files .e-file-remove-btn.e-icons::before {
+    content: '\e953';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-pause-btn::before {
+    content: '\e325';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-reload-btn::before {
+    content: '\e837';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-play-btn::before {
+    content: '\e327';
+  }
+
+  .e-upload .e-upload-files .e-file-delete-btn.e-icons::before {
+    content: '\e965';
+  }
+
+  .e-upload .e-upload-files .e-file-abort-btn.e-icons::before {
+    content: '\e202';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-msie::before {
+    position: relative;
+    right: $ie-icons-position-value;
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-abort-icon.e-msie::before {
+    right: $ie-abort-icon-position-value;
+  }
+}

package/styles/uploader/icons/_material-dark.scss

@@ -0,0 +1,34 @@
+@include export-module('uploader-material-icons') {
+  .e-upload .e-upload-files .e-file-remove-btn.e-icons::before {
+    content: '\e945';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-pause-btn::before {
+    content: '\e326';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-reload-btn::before {
+    content: '\e99d';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-play-btn::before {
+    content: '\e324';
+  }
+
+  .e-upload .e-upload-files .e-file-delete-btn.e-icons::before {
+    content: '\e94a';
+  }
+
+  .e-upload .e-upload-files .e-file-abort-btn.e-icons::before {
+    content: '\e974';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-msie::before {
+    position: relative;
+    right: $ie-icons-position-value;
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-abort-icon.e-msie::before {
+    right: $ie-abort-icon-position-value;
+  }
+}

package/styles/uploader/icons/_material.scss

@@ -0,0 +1,34 @@
+@include export-module('uploader-material-icons') {
+  .e-upload .e-upload-files .e-file-remove-btn.e-icons::before {
+    content: '\e945';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-pause-btn::before {
+    content: '\e326';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-reload-btn::before {
+    content: '\e99d';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-play-btn::before {
+    content: '\e324';
+  }
+
+  .e-upload .e-upload-files .e-file-delete-btn.e-icons::before {
+    content: '\e94a';
+  }
+
+  .e-upload .e-upload-files .e-file-abort-btn.e-icons::before {
+    content: '\e974';
+  }
+
+  .e-upload .e-upload-files .e-icons.e-msie::before {
+    position: relative;
+    right: $ie-icons-position-value;
+  }
+
+  .e-upload .e-upload-files .e-icons.e-file-abort-icon.e-msie::before {
+    right: $ie-abort-icon-position-value;
+  }
+}