@syncfusion/ej2-angular-inputs 20.1.59 → 20.2.36

package/styles/input/bootstrap-dark.scss

@@ -1 +1,4 @@
-@import 'ej2-inputs/styles/input/bootstrap-dark.scss';
+@import 'ej2-base/styles/bootstrap-dark-definition.scss';
+@import 'bootstrap-dark-definition.scss';
+@import 'icons/bootstrap-dark.scss';
+@import 'all.scss';

package/styles/input/bootstrap.scss

@@ -1 +1,4 @@
-@import 'ej2-inputs/styles/input/bootstrap.scss';
+@import 'ej2-base/styles/bootstrap-definition.scss';
+@import 'bootstrap-definition.scss';
+@import 'icons/bootstrap.scss';
+@import 'all.scss';

package/styles/input/bootstrap4.scss

@@ -1 +1,4 @@
-@import 'ej2-inputs/styles/input/bootstrap4.scss';
+@import 'ej2-base/styles/bootstrap4-definition.scss';
+@import 'bootstrap4-definition.scss';
+@import 'icons/bootstrap4.scss';
+@import 'all.scss';

package/styles/input/bootstrap5-dark.scss

@@ -1 +1,4 @@
-@import 'ej2-inputs/styles/input/bootstrap5-dark.scss';
+@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
+@import 'bootstrap5-dark-definition.scss';
+@import 'icons/bootstrap5-dark.scss';
+@import 'all.scss';

package/styles/input/bootstrap5.scss

@@ -1 +1,4 @@
-@import 'ej2-inputs/styles/input/bootstrap5.scss';
+@import 'ej2-base/styles/bootstrap5-definition.scss';
+@import 'bootstrap5-definition.scss';
+@import 'icons/bootstrap5.scss';
+@import 'all.scss';

package/styles/input/fabric-dark.scss

@@ -1 +1,4 @@
-@import 'ej2-inputs/styles/input/fabric-dark.scss';
+@import 'ej2-base/styles/fabric-dark-definition.scss';
+@import 'fabric-dark-definition.scss';
+@import 'icons/fabric-dark.scss';
+@import 'all.scss';

package/styles/input/fabric.scss

@@ -1 +1,4 @@
-@import 'ej2-inputs/styles/input/fabric.scss';
+@import 'ej2-base/styles/fabric-definition.scss';
+@import 'fabric-definition.scss';
+@import 'icons/fabric.scss';
+@import 'all.scss';

package/styles/input/fluent-dark.scss

@@ -1 +1,4 @@
-@import 'ej2-inputs/styles/input/fluent-dark.scss';
+@import 'ej2-base/styles/fluent-dark-definition.scss';
+@import 'fluent-dark-definition.scss';
+@import 'icons/fluent-dark.scss';
+@import 'all.scss';

package/styles/input/fluent.scss

@@ -1 +1,4 @@
-@import 'ej2-inputs/styles/input/fluent.scss';
+@import 'ej2-base/styles/fluent-definition.scss';
+@import 'fluent-definition.scss';
+@import 'icons/fluent.scss';
+@import 'all.scss';

package/styles/input/highcontrast-light.scss

@@ -1 +1,4 @@
-@import 'ej2-inputs/styles/input/highcontrast-light.scss';
+@import 'ej2-base/styles/highcontrast-light-definition.scss';
+@import 'highcontrast-light-definition.scss';
+@import 'icons/highcontrast-light.scss';
+@import 'all.scss';

package/styles/input/highcontrast.scss

@@ -1 +1,4 @@
-@import 'ej2-inputs/styles/input/highcontrast.scss';
+@import 'ej2-base/styles/highcontrast-definition.scss';
+@import 'highcontrast-definition.scss';
+@import 'icons/highcontrast.scss';
+@import 'all.scss';

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

@@ -0,0 +1,17 @@
+@include export-module('input-bootstrap-icons') {
+  .e-float-input,
+  .e-float-input.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e96c';
+      font-family: 'e-icons';
+    }
+  }
+
+  .e-input-group,
+  .e-input-group.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e96c';
+      font-family: 'e-icons';
+    }
+  }
+}

package/styles/input/icons/_bootstrap.scss

@@ -0,0 +1,17 @@
+@include export-module('input-bootstrap-icons') {
+  .e-float-input,
+  .e-float-input.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e96c';
+      font-family: 'e-icons';
+    }
+  }
+
+  .e-input-group,
+  .e-input-group.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e96c';
+      font-family: 'e-icons';
+    }
+  }
+}

package/styles/input/icons/_bootstrap4.scss

@@ -0,0 +1,17 @@
+@include export-module('input-bootstrap4-icons') {
+  .e-float-input,
+  .e-float-input.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e745';
+      font-family: 'e-icons';
+    }
+  }
+
+  .e-input-group,
+  .e-input-group.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e745';
+      font-family: 'e-icons';
+    }
+  }
+}

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

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

package/styles/input/icons/_bootstrap5.scss

@@ -0,0 +1,17 @@
+@include export-module('input-bootstrap5-icons') {
+  .e-float-input,
+  .e-float-input.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e7e7';
+      font-family: 'e-icons';
+    }
+  }
+
+  .e-input-group,
+  .e-input-group.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e7e7';
+      font-family: 'e-icons';
+    }
+  }
+}

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

@@ -0,0 +1,17 @@
+@include export-module('input-fabric-icons') {
+  .e-float-input,
+  .e-float-input.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e953';
+      font-family: 'e-icons';
+    }
+  }
+
+  .e-input-group,
+  .e-input-group.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e953';
+      font-family: 'e-icons';
+    }
+  }
+}

package/styles/input/icons/_fabric.scss

@@ -0,0 +1,17 @@
+@include export-module('input-fabric-icons') {
+  .e-float-input,
+  .e-float-input.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e953';
+      font-family: 'e-icons';
+    }
+  }
+
+  .e-input-group,
+  .e-input-group.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e953';
+      font-family: 'e-icons';
+    }
+  }
+}

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

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

package/styles/input/icons/_fluent.scss

@@ -0,0 +1,17 @@
+@include export-module('input-fluent-icons') {
+  .e-float-input,
+  .e-float-input.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e7e7';
+      font-family: 'e-icons';
+    }
+  }
+
+  .e-input-group,
+  .e-input-group.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e7e7';
+      font-family: 'e-icons';
+    }
+  }
+}

package/styles/input/icons/_fusionnew.scss

@@ -0,0 +1,17 @@
+@include export-module('input-fusionnew-icons') {
+  .e-float-input,
+  .e-float-input.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e7e7';
+      font-family: 'e-icons';
+    }
+  }
+
+  .e-input-group,
+  .e-input-group.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e7e7';
+      font-family: 'e-icons';
+    }
+  }
+}

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

@@ -0,0 +1,17 @@
+@include export-module('input-highcontrast-icons') {
+  .e-float-input,
+  .e-float-input.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e953';
+      font-family: 'e-icons';
+    }
+  }
+
+  .e-input-group,
+  .e-input-group.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e953';
+      font-family: 'e-icons';
+    }
+  }
+}

package/styles/input/icons/_highcontrast.scss

@@ -0,0 +1,17 @@
+@include export-module('input-highcontrast-icons') {
+  .e-float-input,
+  .e-float-input.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e953';
+      font-family: 'e-icons';
+    }
+  }
+
+  .e-input-group,
+  .e-input-group.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e953';
+      font-family: 'e-icons';
+    }
+  }
+}

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

@@ -0,0 +1,49 @@
+@include export-module('input-material-icons') {
+  .e-float-input,
+  .e-float-input.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e932';
+      font-family: 'e-icons';
+    }
+  }
+
+  .e-input-group,
+  .e-input-group.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e932';
+      font-family: 'e-icons';
+    }
+  }
+
+  .e-filled.e-float-input,
+  .e-filled.e-float-input.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e208';
+      font-family: 'e-icons';
+    }
+  }
+
+  .e-filled.e-input-group,
+  .e-filled.e-input-group.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e208';
+      font-family: 'e-icons';
+    }
+  }
+
+  .e-outline.e-float-input,
+  .e-outline.e-float-input.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e208';
+      font-family: 'e-icons';
+    }
+  }
+
+  .e-outline.e-input-group,
+  .e-outline.e-input-group.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e208';
+      font-family: 'e-icons';
+    }
+  }
+}

package/styles/input/icons/_material.scss

@@ -0,0 +1,49 @@
+@include export-module('input-material-icons') {
+  .e-float-input,
+  .e-float-input.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e932';
+      font-family: 'e-icons';
+    }
+  }
+
+  .e-input-group,
+  .e-input-group.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e932';
+      font-family: 'e-icons';
+    }
+  }
+
+  .e-filled.e-float-input,
+  .e-filled.e-float-input.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e208';
+      font-family: 'e-icons';
+    }
+  }
+
+  .e-filled.e-input-group,
+  .e-filled.e-input-group.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e208';
+      font-family: 'e-icons';
+    }
+  }
+
+  .e-outline.e-float-input,
+  .e-outline.e-float-input.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e208';
+      font-family: 'e-icons';
+    }
+  }
+
+  .e-outline.e-input-group,
+  .e-outline.e-input-group.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e208';
+      font-family: 'e-icons';
+    }
+  }
+}

package/styles/input/icons/_material3.scss

@@ -0,0 +1,17 @@
+@include export-module('input-material3-icons') {
+  .e-float-input,
+  .e-float-input.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e7e7';
+      font-family: 'e-icons';
+    }
+  }
+
+  .e-input-group,
+  .e-input-group.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e7e7';
+      font-family: 'e-icons';
+    }
+  }
+}

package/styles/input/icons/_tailwind-dark.scss

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

package/styles/input/icons/_tailwind.scss

@@ -0,0 +1,17 @@
+@include export-module('input-tailwind-icons') {
+  .e-float-input,
+  .e-float-input.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e7e7';
+      font-family: 'e-icons';
+    }
+  }
+
+  .e-input-group,
+  .e-input-group.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e7e7';
+      font-family: 'e-icons';
+    }
+  }
+}

package/styles/input/material-dark.scss

@@ -1 +1,4 @@
-@import 'ej2-inputs/styles/input/material-dark.scss';
+@import 'ej2-base/styles/material-dark-definition.scss';
+@import 'material-dark-definition.scss';
+@import 'icons/material-dark.scss';
+@import 'all.scss';

package/styles/input/material.scss

@@ -1 +1,4 @@
-@import 'ej2-inputs/styles/input/material.scss';
+@import 'ej2-base/styles/material-definition.scss';
+@import 'material-definition.scss';
+@import 'icons/material.scss';
+@import 'all.scss';

package/styles/input/tailwind-dark.scss

@@ -1 +1,4 @@
-@import 'ej2-inputs/styles/input/tailwind-dark.scss';
+@import 'ej2-base/styles/tailwind-dark-definition.scss';
+@import 'tailwind-dark-definition.scss';
+@import 'icons/tailwind-dark.scss';
+@import 'all.scss';

package/styles/input/tailwind.scss

@@ -1 +1,4 @@
-@import 'ej2-inputs/styles/input/tailwind.scss';
+@import 'ej2-base/styles/tailwind-definition.scss';
+@import 'tailwind-definition.scss';
+@import 'icons/tailwind.scss';
+@import 'all.scss';

package/styles/maskedtextbox/_all.scss

@@ -0,0 +1,2 @@
+@import 'layout.scss';
+@import 'theme.scss';

package/styles/maskedtextbox/_bootstrap-dark-definition.scss

@@ -0,0 +1,6 @@
+//default 
+$mask-error-color: $brand-danger-dark !default;
+$mask-font-family: Arial, $font-family !default;
+$mask-font-size: 13px !default;
+$mask-bigger-font-size: 14px !default;
+//enddefault

package/styles/maskedtextbox/_bootstrap-definition.scss

@@ -0,0 +1,5 @@
+$mask-error-color: $error-font-color !default;
+$mask-font-family: Arial, $font-family !default;
+$mask-font-size: 13px !default;
+$mask-bigger-font-size: 14px !default;
+

package/styles/maskedtextbox/_bootstrap4-definition.scss

@@ -0,0 +1,5 @@
+$mask-error-color: $danger !default;
+$mask-font-family: Arial, $font-family !default;
+$mask-font-size: 14px !default;
+$mask-bigger-font-size: 16px !default;
+

package/styles/maskedtextbox/_bootstrap5-dark-definition.scss

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

package/styles/maskedtextbox/_bootstrap5-definition.scss

@@ -0,0 +1,7 @@
+$mask-font-family: $font-family !default;
+$mask-font-size: 14px !default;
+$mask-bigger-font-size: 16px !default;
+
+// color
+
+$mask-error-color: $danger !default;

package/styles/maskedtextbox/_fabric-dark-definition.scss

@@ -0,0 +1,6 @@
+//default
+$mask-error-color: $error-font !default;
+$mask-font-family: Arial, $font-family !default;
+$mask-font-size: 13px !default;
+$mask-bigger-font-size: 14px !default;
+//enddefault

package/styles/maskedtextbox/_fabric-definition.scss

@@ -0,0 +1,4 @@
+$mask-error-color: $error-font-color !default;
+$mask-font-family: Arial, $font-family !default;
+$mask-font-size: 13px !default;
+$mask-bigger-font-size: 14px !default;

package/styles/maskedtextbox/_fluent-dark-definition.scss

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

package/styles/maskedtextbox/_fluent-definition.scss

@@ -0,0 +1,7 @@
+$mask-font-family: $font-family !default;
+$mask-font-size: 14px !default;
+$mask-bigger-font-size: 16px !default;
+
+// color
+
+$mask-error-color: $danger !default;

package/styles/maskedtextbox/_fusionnew-definition.scss

@@ -0,0 +1,7 @@
+$mask-font-family: $font-family !default;
+$mask-font-size: 14px !default;
+$mask-bigger-font-size: 16px !default;
+
+// color
+
+$mask-error-color: $danger !default;

package/styles/maskedtextbox/_highcontrast-definition.scss

@@ -0,0 +1,4 @@
+$mask-error-color: $content-font !default;
+$mask-font-family: Arial, $font-family !default;
+$mask-font-size: 13px !default;
+$mask-bigger-font-size: 14px !default;

package/styles/maskedtextbox/_highcontrast-light-definition.scss

@@ -0,0 +1,6 @@
+//default
+$mask-error-color: $error-alt !default;
+$mask-font-family: Arial, $font-family !default;
+$mask-font-size: 13px !default;
+$mask-bigger-font-size: 14px !default;
+//enddefault

package/styles/maskedtextbox/_layout.scss

@@ -0,0 +1,32 @@
+@include export-module('maskedtextbox-layout') {
+  /*! maskedtextbox layout */
+  .e-control-wrapper.e-mask #{&}.e-maskedtextbox {
+    @if $skin-name != 'bootstrap' {
+      font-family: $mask-font-family;
+      font-size: $mask-font-size;
+       }
+    }
+
+  .e-bigger .e-control-wrapper.e-mask #{&}.e-maskedtextbox {
+    @if $skin-name != 'bootstrap' {
+      font-size: $mask-bigger-font-size;
+        }
+     }
+
+  .e-control-wrapper.e-mask.e-bigger #{&}.e-maskedtextbox {
+    @if $skin-name != 'bootstrap' {
+      font-size: $mask-bigger-font-size;
+        }
+     }
+
+  .e-content-placeholder.e-mask.e-placeholder-mask {
+    background-size: 300px 33px;
+    min-height: 33px;
+  }
+
+  .e-bigger .e-content-placeholder.e-mask.e-placeholder-mask,
+  .e-bigger.e-content-placeholder.e-mask.e-placeholder-mask {
+    background-size: 300px 40px;
+    min-height: 40px;
+  }
+}

package/styles/maskedtextbox/_material-dark-definition.scss

@@ -0,0 +1,6 @@
+//default
+$mask-error-color: $error-font !default;
+$mask-font-size: 12.5px !default;
+$mask-bigger-font-size: 13px !default;
+$mask-font-family: Arial, $font-family !default;
+//enddefault

package/styles/maskedtextbox/_material-definition.scss

@@ -0,0 +1,4 @@
+$mask-error-color: $error-font !default;
+$mask-font-size: 12.5px !default;
+$mask-bigger-font-size: 13px !default;
+$mask-font-family: Arial, $font-family !default;

package/styles/maskedtextbox/_material3-definition.scss

@@ -0,0 +1,7 @@
+$mask-font-family: $font-family !default;
+$mask-font-size: 14px !default;
+$mask-bigger-font-size: 16px !default;
+
+// color
+
+$mask-error-color: $danger !default;

package/styles/maskedtextbox/_tailwind-dark-definition.scss

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

package/styles/maskedtextbox/_tailwind-definition.scss

@@ -0,0 +1,7 @@
+$mask-font-family: $font-family !default;
+$mask-font-size: $text-sm !default;
+$mask-bigger-font-size: $text-base !default;
+
+// color
+
+$mask-error-color: $danger !default;

package/styles/maskedtextbox/_theme.scss

@@ -0,0 +1,14 @@
+@include export-module('maskedit-theme') {
+  /*! maskedtextbox theme */
+  .e-control-wrapper.e-mask.e-error #{&}.e-maskedtextbox {
+    @if $skin-name != 'bootstrap' and $skin-name != 'FluentUI' {
+      color: $mask-error-color;
+      }
+    }
+
+  .e-utility-mask.e-error {
+    @if $skin-name != 'bootstrap' and $skin-name != 'FluentUI' {
+      color: $mask-error-color;
+      }
+    }
+}

package/styles/maskedtextbox/bootstrap-dark.scss

@@ -1 +1,4 @@
-@import 'ej2-inputs/styles/maskedtextbox/bootstrap-dark.scss';
+@import 'ej2-base/styles/bootstrap-dark-definition.scss';
+@import '../input/bootstrap-dark-definition.scss';
+@import 'bootstrap-dark-definition.scss';
+@import 'all.scss';

package/styles/maskedtextbox/bootstrap.scss

@@ -1 +1,4 @@
-@import 'ej2-inputs/styles/maskedtextbox/bootstrap.scss';
+@import 'ej2-base/styles/bootstrap-definition.scss';
+@import '../input/bootstrap-definition.scss';
+@import 'bootstrap-definition.scss';
+@import 'all.scss';

package/styles/maskedtextbox/bootstrap4.scss

@@ -1 +1,4 @@
-@import 'ej2-inputs/styles/maskedtextbox/bootstrap4.scss';
+@import 'ej2-base/styles/bootstrap4-definition.scss';
+@import '../input/bootstrap4-definition.scss';
+@import 'bootstrap4-definition.scss';
+@import 'all.scss';

package/styles/maskedtextbox/bootstrap5-dark.scss

@@ -1 +1,4 @@
-@import 'ej2-inputs/styles/maskedtextbox/bootstrap5-dark.scss';
+@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
+@import '../input/bootstrap5-dark-definition.scss';
+@import 'bootstrap5-dark-definition.scss';
+@import 'all.scss';

package/styles/maskedtextbox/bootstrap5.scss

@@ -1 +1,4 @@
-@import 'ej2-inputs/styles/maskedtextbox/bootstrap5.scss';
+@import 'ej2-base/styles/bootstrap5-definition.scss';
+@import '../input/bootstrap5-definition.scss';
+@import 'bootstrap5-definition.scss';
+@import 'all.scss';