@syncfusion/ej2-angular-inputs 25.2.6 → 26.1.35

package/styles/material3.scss

@@ -10,3 +10,4 @@
 @import 'color-picker/material3.scss';
 @import 'rating/material3.scss';
 @import 'data-form/material3.scss';
+@import 'otp-input/material3.scss';

package/styles/numerictextbox/bootstrap-dark.css

@@ -1 +1,53 @@
-@import '@syncfusion/ej2-inputs/styles/numerictextbox/bootstrap-dark.css';
+/* stylelint-disable property-no-vendor-prefix */
+.e-input-group-icon.e-spin-up::before {
+  content: "\e834";
+  font-family: "e-icons";
+}
+
+.e-input-group-icon.e-spin-down::before {
+  content: "\e83d";
+  font-family: "e-icons";
+}
+
+.e-numeric-container {
+  width: 100%;
+}
+
+.e-content-placeholder.e-numeric.e-placeholder-numeric {
+  background-size: 300px 33px;
+  min-height: 33px;
+}
+
+.e-bigger.e-content-placeholder.e-numeric.e-placeholder-numeric,
+.e-bigger .e-content-placeholder.e-numeric.e-placeholder-numeric {
+  background-size: 300px 40px;
+  min-height: 40px;
+}
+
+.e-float-input.e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-float-input.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-float-input.e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden,
+.e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden,
+.e-float-input.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden {
+  border: 0;
+  height: 0;
+  margin: 0;
+  padding: 0;
+  text-indent: 0;
+  visibility: hidden;
+  width: 0;
+}
+
+.e-numeric.e-control-wrapper.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-focus) {
+  border-color: #767676;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.e-numeric.e-control-wrapper.e-input-group .e-input-group-icon {
+  font-size: 12px;
+}
+
+.e-bigger .e-control-wrapper.e-numeric.e-input-group .e-input-group-icon, .e-bigger.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon {
+  font-size: 14px;
+}

package/styles/numerictextbox/bootstrap.css

@@ -1 +1,53 @@
-@import '@syncfusion/ej2-inputs/styles/numerictextbox/bootstrap.css';
+/* stylelint-disable property-no-vendor-prefix */
+.e-input-group-icon.e-spin-up::before {
+  content: "\e834";
+  font-family: "e-icons";
+}
+
+.e-input-group-icon.e-spin-down::before {
+  content: "\e83d";
+  font-family: "e-icons";
+}
+
+.e-numeric-container {
+  width: 100%;
+}
+
+.e-content-placeholder.e-numeric.e-placeholder-numeric {
+  background-size: 300px 33px;
+  min-height: 33px;
+}
+
+.e-bigger.e-content-placeholder.e-numeric.e-placeholder-numeric,
+.e-bigger .e-content-placeholder.e-numeric.e-placeholder-numeric {
+  background-size: 300px 40px;
+  min-height: 40px;
+}
+
+.e-float-input.e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-float-input.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-float-input.e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden,
+.e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden,
+.e-float-input.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden {
+  border: 0;
+  height: 0;
+  margin: 0;
+  padding: 0;
+  text-indent: 0;
+  visibility: hidden;
+  width: 0;
+}
+
+.e-numeric.e-control-wrapper.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-focus) {
+  border-color: #ccc;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.e-numeric.e-control-wrapper.e-input-group .e-input-group-icon {
+  font-size: 12px;
+}
+
+.e-bigger .e-control-wrapper.e-numeric.e-input-group .e-input-group-icon, .e-bigger.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon {
+  font-size: 14px;
+}

package/styles/numerictextbox/bootstrap4.css

@@ -1 +1,48 @@
-@import '@syncfusion/ej2-inputs/styles/numerictextbox/bootstrap4.css';
+/* stylelint-disable property-no-vendor-prefix */
+.e-input-group-icon.e-spin-up::before {
+  content: "\e721";
+  font-family: "e-icons";
+}
+
+.e-input-group-icon.e-spin-down::before {
+  content: "\e744";
+  font-family: "e-icons";
+}
+
+.e-numeric-container {
+  width: 100%;
+}
+
+.e-content-placeholder.e-numeric.e-placeholder-numeric {
+  background-size: 300px 33px;
+  min-height: 33px;
+}
+
+.e-bigger.e-content-placeholder.e-numeric.e-placeholder-numeric,
+.e-bigger .e-content-placeholder.e-numeric.e-placeholder-numeric {
+  background-size: 300px 40px;
+  min-height: 40px;
+}
+
+.e-float-input.e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-float-input.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-float-input.e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden,
+.e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden,
+.e-float-input.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden {
+  border: 0;
+  height: 0;
+  margin: 0;
+  padding: 0;
+  text-indent: 0;
+  visibility: hidden;
+  width: 0;
+}
+
+.e-numeric.e-control-wrapper.e-input-group .e-input-group-icon {
+  font-size: 8px;
+}
+
+.e-bigger .e-control-wrapper.e-numeric.e-input-group .e-input-group-icon, .e-bigger.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon {
+  font-size: 10px;
+}

package/styles/numerictextbox/bootstrap5-dark.css

@@ -1 +1,48 @@
-@import '@syncfusion/ej2-inputs/styles/numerictextbox/bootstrap5-dark.css';
+/* stylelint-disable property-no-vendor-prefix */
+.e-input-group-icon.e-spin-up::before {
+  content: "\e776";
+  font-family: "e-icons";
+}
+
+.e-input-group-icon.e-spin-down::before {
+  content: "\e729";
+  font-family: "e-icons";
+}
+
+.e-numeric-container {
+  width: 100%;
+}
+
+.e-content-placeholder.e-numeric.e-placeholder-numeric {
+  background-size: 300px 33px;
+  min-height: 33px;
+}
+
+.e-bigger.e-content-placeholder.e-numeric.e-placeholder-numeric,
+.e-bigger .e-content-placeholder.e-numeric.e-placeholder-numeric {
+  background-size: 300px 40px;
+  min-height: 40px;
+}
+
+.e-float-input.e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-float-input.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-float-input.e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden,
+.e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden,
+.e-float-input.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden {
+  border: 0;
+  height: 0;
+  margin: 0;
+  padding: 0;
+  text-indent: 0;
+  visibility: hidden;
+  width: 0;
+}
+
+.e-numeric.e-control-wrapper.e-input-group .e-input-group-icon {
+  font-size: 14px;
+}
+
+.e-bigger .e-control-wrapper.e-numeric.e-input-group .e-input-group-icon, .e-bigger.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon {
+  font-size: 16px;
+}

package/styles/numerictextbox/bootstrap5.css

@@ -1 +1,48 @@
-@import '@syncfusion/ej2-inputs/styles/numerictextbox/bootstrap5.css';
+/* stylelint-disable property-no-vendor-prefix */
+.e-input-group-icon.e-spin-up::before {
+  content: "\e776";
+  font-family: "e-icons";
+}
+
+.e-input-group-icon.e-spin-down::before {
+  content: "\e729";
+  font-family: "e-icons";
+}
+
+.e-numeric-container {
+  width: 100%;
+}
+
+.e-content-placeholder.e-numeric.e-placeholder-numeric {
+  background-size: 300px 33px;
+  min-height: 33px;
+}
+
+.e-bigger.e-content-placeholder.e-numeric.e-placeholder-numeric,
+.e-bigger .e-content-placeholder.e-numeric.e-placeholder-numeric {
+  background-size: 300px 40px;
+  min-height: 40px;
+}
+
+.e-float-input.e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-float-input.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-float-input.e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden,
+.e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden,
+.e-float-input.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden {
+  border: 0;
+  height: 0;
+  margin: 0;
+  padding: 0;
+  text-indent: 0;
+  visibility: hidden;
+  width: 0;
+}
+
+.e-numeric.e-control-wrapper.e-input-group .e-input-group-icon {
+  font-size: 14px;
+}
+
+.e-bigger .e-control-wrapper.e-numeric.e-input-group .e-input-group-icon, .e-bigger.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon {
+  font-size: 16px;
+}

package/styles/numerictextbox/fabric-dark.css

@@ -1 +1,48 @@
-@import '@syncfusion/ej2-inputs/styles/numerictextbox/fabric-dark.css';
+/* stylelint-disable property-no-vendor-prefix */
+.e-input-group-icon.e-spin-up::before {
+  content: "\e85e";
+  font-family: "e-icons";
+}
+
+.e-input-group-icon.e-spin-down::before {
+  content: "\e84f";
+  font-family: "e-icons";
+}
+
+.e-numeric-container {
+  width: 100%;
+}
+
+.e-content-placeholder.e-numeric.e-placeholder-numeric {
+  background-size: 300px 33px;
+  min-height: 33px;
+}
+
+.e-bigger.e-content-placeholder.e-numeric.e-placeholder-numeric,
+.e-bigger .e-content-placeholder.e-numeric.e-placeholder-numeric {
+  background-size: 300px 40px;
+  min-height: 40px;
+}
+
+.e-float-input.e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-float-input.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-float-input.e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden,
+.e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden,
+.e-float-input.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden {
+  border: 0;
+  height: 0;
+  margin: 0;
+  padding: 0;
+  text-indent: 0;
+  visibility: hidden;
+  width: 0;
+}
+
+.e-numeric.e-control-wrapper.e-input-group .e-input-group-icon {
+  font-size: 12px;
+}
+
+.e-bigger .e-control-wrapper.e-numeric.e-input-group .e-input-group-icon, .e-bigger.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon {
+  font-size: 12px;
+}

package/styles/numerictextbox/fabric.css

@@ -1 +1,48 @@
-@import '@syncfusion/ej2-inputs/styles/numerictextbox/fabric.css';
+/* stylelint-disable property-no-vendor-prefix */
+.e-input-group-icon.e-spin-up::before {
+  content: "\e85e";
+  font-family: "e-icons";
+}
+
+.e-input-group-icon.e-spin-down::before {
+  content: "\e84f";
+  font-family: "e-icons";
+}
+
+.e-numeric-container {
+  width: 100%;
+}
+
+.e-content-placeholder.e-numeric.e-placeholder-numeric {
+  background-size: 300px 33px;
+  min-height: 33px;
+}
+
+.e-bigger.e-content-placeholder.e-numeric.e-placeholder-numeric,
+.e-bigger .e-content-placeholder.e-numeric.e-placeholder-numeric {
+  background-size: 300px 40px;
+  min-height: 40px;
+}
+
+.e-float-input.e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-float-input.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-float-input.e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden,
+.e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden,
+.e-float-input.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden {
+  border: 0;
+  height: 0;
+  margin: 0;
+  padding: 0;
+  text-indent: 0;
+  visibility: hidden;
+  width: 0;
+}
+
+.e-numeric.e-control-wrapper.e-input-group .e-input-group-icon {
+  font-size: 12px;
+}
+
+.e-bigger .e-control-wrapper.e-numeric.e-input-group .e-input-group-icon, .e-bigger.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon {
+  font-size: 12px;
+}

package/styles/numerictextbox/fluent-dark.css

@@ -1 +1,59 @@
-@import '@syncfusion/ej2-inputs/styles/numerictextbox/fluent-dark.css';
+/* stylelint-disable property-no-vendor-prefix */
+.e-input-group-icon.e-spin-up::before {
+  content: "\e776";
+  font-family: "e-icons";
+}
+
+.e-input-group-icon.e-spin-down::before {
+  content: "\e729";
+  font-family: "e-icons";
+}
+
+.e-numeric-container {
+  width: 100%;
+}
+
+.e-content-placeholder.e-numeric.e-placeholder-numeric {
+  background-size: 300px 33px;
+  min-height: 33px;
+}
+
+.e-bigger.e-content-placeholder.e-numeric.e-placeholder-numeric,
+.e-bigger .e-content-placeholder.e-numeric.e-placeholder-numeric {
+  background-size: 300px 40px;
+  min-height: 40px;
+}
+
+.e-float-input.e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-float-input.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-float-input.e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden,
+.e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden,
+.e-float-input.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden {
+  border: 0;
+  height: 0;
+  margin: 0;
+  padding: 0;
+  text-indent: 0;
+  visibility: hidden;
+  width: 0;
+}
+
+.e-numeric.e-control-wrapper.e-input-group .e-input-group-icon {
+  font-size: 16px;
+}
+
+.e-bigger .e-control-wrapper.e-numeric.e-input-group .e-input-group-icon, .e-bigger.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon {
+  font-size: 20px;
+}
+
+.e-small .e-control-wrapper.e-numeric.e-input-group .e-input-group-icon, .e-small.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon {
+  font-size: 14px;
+}
+
+.e-small.e-bigger .e-control-wrapper.e-numeric.e-input-group .e-input-group-icon,
+.e-small.e-bigger.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon,
+.e-small .e-bigger.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon,
+.e-bigger .e-small.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon {
+  font-size: 18px;
+}

package/styles/numerictextbox/fluent.css

@@ -1 +1,59 @@
-@import '@syncfusion/ej2-inputs/styles/numerictextbox/fluent.css';
+/* stylelint-disable property-no-vendor-prefix */
+.e-input-group-icon.e-spin-up::before {
+  content: "\e776";
+  font-family: "e-icons";
+}
+
+.e-input-group-icon.e-spin-down::before {
+  content: "\e729";
+  font-family: "e-icons";
+}
+
+.e-numeric-container {
+  width: 100%;
+}
+
+.e-content-placeholder.e-numeric.e-placeholder-numeric {
+  background-size: 300px 33px;
+  min-height: 33px;
+}
+
+.e-bigger.e-content-placeholder.e-numeric.e-placeholder-numeric,
+.e-bigger .e-content-placeholder.e-numeric.e-placeholder-numeric {
+  background-size: 300px 40px;
+  min-height: 40px;
+}
+
+.e-float-input.e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-float-input.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-float-input.e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden,
+.e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden,
+.e-float-input.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden {
+  border: 0;
+  height: 0;
+  margin: 0;
+  padding: 0;
+  text-indent: 0;
+  visibility: hidden;
+  width: 0;
+}
+
+.e-numeric.e-control-wrapper.e-input-group .e-input-group-icon {
+  font-size: 16px;
+}
+
+.e-bigger .e-control-wrapper.e-numeric.e-input-group .e-input-group-icon, .e-bigger.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon {
+  font-size: 20px;
+}
+
+.e-small .e-control-wrapper.e-numeric.e-input-group .e-input-group-icon, .e-small.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon {
+  font-size: 14px;
+}
+
+.e-small.e-bigger .e-control-wrapper.e-numeric.e-input-group .e-input-group-icon,
+.e-small.e-bigger.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon,
+.e-small .e-bigger.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon,
+.e-bigger .e-small.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon {
+  font-size: 18px;
+}