@syncfusion/ej2-angular-inputs 20.2.43 → 20.2.44-ngcc

package/styles/maskedtextbox/highcontrast-light.scss

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

package/styles/maskedtextbox/highcontrast.css

@@ -1,4 +1,3 @@
-/* stylelint-disable property-no-vendor-prefix */
 /*! maskedtextbox layout */
 .e-control-wrapper.e-mask .e-maskedtextbox {
   font-family: Arial, "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";

package/styles/maskedtextbox/highcontrast.scss

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

package/styles/maskedtextbox/material-dark.css

@@ -1,5 +1,4 @@
 @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
-/* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {
     opacity: 0;

package/styles/maskedtextbox/material-dark.scss

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

package/styles/maskedtextbox/material.css

@@ -1,5 +1,4 @@
 @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
-/* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {
     opacity: 0;

package/styles/maskedtextbox/material.scss

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

package/styles/maskedtextbox/tailwind-dark.css

@@ -1,5 +1,4 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
-/* stylelint-disable property-no-vendor-prefix */
 /*! maskedtextbox layout */
 .e-control-wrapper.e-mask .e-maskedtextbox {
   font-family: "Inter";

package/styles/maskedtextbox/tailwind-dark.scss

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

package/styles/maskedtextbox/tailwind.css

@@ -1,5 +1,4 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
-/* stylelint-disable property-no-vendor-prefix */
 /*! maskedtextbox layout */
 .e-control-wrapper.e-mask .e-maskedtextbox {
   font-family: "Inter";

package/styles/maskedtextbox/tailwind.scss

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

package/styles/material-dark.css

@@ -9,7 +9,6 @@
   border-color: #616161;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {
     opacity: 0;
@@ -84,14 +83,14 @@ textarea.e-input,
 .e-input-group.e-control-wrapper {
   font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
   font-size: 13px;
-  font-weight: normal;
+  font-weight: 400;
 }
 
 .e-input-group.e-disabled,
 .e-input-group.e-control-wrapper.e-disabled {
   font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
   font-size: 13px;
-  font-weight: normal;
+  font-weight: 400;
 }
 
 .e-input-group input.e-input,
@@ -267,7 +266,6 @@ textarea.e-input.e-bigger,
   text-align: center;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 .e-input-group.e-float-icon-left > .e-input-group-icon,
 .e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon,
@@ -623,7 +621,7 @@ label.e-float-text,
 .e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom {
   font-size: 13px;
   font-style: normal;
-  font-weight: normal;
+  font-weight: 400;
   left: 0;
   overflow: hidden;
   padding-left: 0;
@@ -1146,7 +1144,7 @@ label.e-float-text,
 .e-float-input.e-input-group.e-control-wrapper.e-disabled {
   font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
   font-size: 13px;
-  font-weight: normal;
+  font-weight: 400;
 }
 
 .e-float-input input,
@@ -1343,7 +1341,7 @@ label.e-float-text,
 .e-small .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom {
-  font-weight: normal;
+  font-weight: 400;
 }
 
 .e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
@@ -1362,7 +1360,7 @@ label.e-float-text,
 .e-small .e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom {
-  font-weight: normal;
+  font-weight: 400;
 }
 
 .e-float-input:not(.e-input-group) .e-float-line::before,
@@ -1432,7 +1430,6 @@ label.e-float-text,
   transform-origin: right top;
 }
 
-/* stylelint-disable selector-max-empty-lines */
 .e-float-input.e-rtl:not(.e-input-focus) label.e-float-text.e-label-bottom,
 .e-rtl .e-float-input:not(.e-input-focus) label.e-float-text.e-label-bottom,
 .e-float-input.e-rtl.e-control-wrapper:not(.e-input-focus) label.e-float-text.e-label-bottom,
@@ -1529,7 +1526,6 @@ label.e-float-text,
   padding-right: 0;
 }
 
-/* stylelint-enable selector-max-empty-lines */
 .e-input-group.e-corner.e-rtl .e-input:first-child,
 .e-input-group.e-corner.e-rtl .e-input-group-icon:first-child,
 .e-input-group.e-control-wrapper.e-corner.e-rtl .e-input:first-child,
@@ -2063,22 +2059,22 @@ textarea.e-input:-moz-placeholder {
   user-select: none;
 }
 
-.e-input-group input.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
+.e-input-group input.e-input:-moz-placeholder {
   font-style: normal;
   user-select: none;
 }
 
-.e-input-group textarea.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
+.e-input-group textarea.e-input:-moz-placeholder {
   font-style: normal;
   user-select: none;
 }
 
-.e-input-group.e-control-wrapper input.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
+.e-input-group.e-control-wrapper input.e-input:-moz-placeholder {
   font-style: normal;
   user-select: none;
 }
 
-.e-input-group.e-control-wrapper textarea.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
+.e-input-group.e-control-wrapper textarea.e-input:-moz-placeholder {
   font-style: normal;
   user-select: none;
 }
@@ -2088,12 +2084,12 @@ input.e-input:-moz-placeholder {
   user-select: none;
 }
 
-.e-input-group input.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
+.e-input-group input.e-input:-moz-placeholder {
   font-style: normal;
   user-select: none;
 }
 
-.e-input-group.e-control-wrapper input.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
+.e-input-group.e-control-wrapper input.e-input:-moz-placeholder {
   font-style: normal;
   user-select: none;
 }
@@ -3670,7 +3666,7 @@ textarea.e-input.e-bigger.e-small,
 .e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom {
   font-size: 13px;
   font-style: normal;
-  font-weight: normal;
+  font-weight: 400;
   left: 0;
   overflow: hidden;
   padding-left: 0;
@@ -4105,6 +4101,33 @@ textarea.e-outline.e-input,
   width: calc(100% - 1px);
 }
 
+.e-outline.e-float-input.e-control-wrapper.e-numeric label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow {
+  width: calc(100% - 80px);
+}
+
+.e-outline.e-float-input.e-control-wrapper.e-numeric label.e-float-text.e-label-top span.e-float-text-content.e-float-text-overflow,
+.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top span.e-float-text-content.e-float-text-overflow,
+.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow,
+.e-outline.e-float-input.e-control-wrapper.e-static-clear label.e-float-text.e-label-top span.e-float-text-content.e-float-text-overflow,
+.e-outline.e-float-input.e-control-wrapper.e-numeric.e-static-clear label.e-float-text.e-label-top span.e-float-text-content.e-float-text-overflow {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
+}
+
+.e-outline.e-float-input.e-control-wrapper.e-static-clear label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow,
+.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-icon {
+  width: calc(100% - 45px);
+}
+
+.e-outline.e-float-input.e-control-wrapper.e-static-clear label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-icon {
+  width: calc(100% - 75px);
+}
+
+.e-outline.e-float-input.e-control-wrapper.e-numeric.e-static-clear label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow {
+  width: calc(100% - 110px);
+}
+
 .e-outline.e-float-input.e-input-group:not(.e-float-icon-left).e-input-focus .e-float-line::before,
 .e-outline.e-float-input.e-input-group:not(.e-float-icon-left).e-input-focus .e-float-line::after,
 .e-outline.e-float-input.e-input-group.e-float-icon-left.e-input-focus .e-input-in-wrap .e-float-line::before,
@@ -5876,7 +5899,7 @@ textarea.e-outline,
 .e-outline.e-float-input input:-webkit-autofill ~ label.e-float-text,
 .e-outline.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text,
 .e-outline.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom {
-  animation-name: slideTopUp; /* stylelint-disable-line no-unknown-animations */
+  animation-name: slideTopUp;
 }
 
 .e-outline.e-float-input textarea:-webkit-autofill ~ label.e-float-text,
@@ -5891,7 +5914,7 @@ textarea.e-outline,
 .e-bigger.e-outline.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text,
 .e-bigger .e-outline.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom,
 .e-bigger.e-outline.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom {
-  animation-name: slideTopUp; /* stylelint-disable-line no-unknown-animations */
+  animation-name: slideTopUp;
 }
 
 .e-bigger .e-outline.e-float-input textarea:-webkit-autofill ~ label.e-float-text,
@@ -5909,7 +5932,7 @@ textarea.e-outline,
 .e-small.e-outline.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text,
 .e-small .e-outline.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom,
 .e-small.e-outline.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom {
-  animation-name: slideTopUp; /* stylelint-disable-line no-unknown-animations */
+  animation-name: slideTopUp;
 }
 
 .e-small .e-outline.e-float-input textarea:-webkit-autofill ~ label.e-float-text,
@@ -5931,7 +5954,7 @@ textarea.e-outline,
 .e-small.e-bigger.e-outline.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom,
 .e-bigger .e-small.e-outline.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom,
 .e-small .e-bigger.e-outline.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom {
-  animation-name: slideTopUp; /* stylelint-disable-line no-unknown-animations */
+  animation-name: slideTopUp;
 }
 
 .e-bigger .e-outline.e-float-input.e-small textarea:-webkit-autofill ~ label.e-float-text,
@@ -9189,8 +9212,6 @@ textarea.e-input,
   color: rgba(255, 255, 255, 0.3);
 }
 
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable selector-no-vendor-prefix */
 .e-input[disabled],
 .e-input-group .e-input[disabled],
 .e-input-group.e-control-wrapper .e-input[disabled],
@@ -12358,8 +12379,6 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder {
   color: #ffca1c;
 }
 
-/* stylelint-disable-line no-empty-source */
-/* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {
     opacity: 0;
@@ -12414,7 +12433,6 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder {
   font-size: 12px;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {
     opacity: 0;
@@ -12455,8 +12473,6 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder {
   color: #ff6652;
 }
 
-/* stylelint-disable-line no-empty-source */
-/* stylelint-disable property-no-vendor-prefix */
 .e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-material-handle {
   cursor: default;
   transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
@@ -12473,9 +12489,7 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder {
   background-color: #00b0ff;
   border: 0;
   border-radius: 8px;
-  /* stylelint-disable */
   cursor: grab;
-  /* stylelint-enable */
   opacity: 1;
 }
 .e-slider-tooltip.e-tooltip-wrap.e-popup.e-popup.e-popup-close {
@@ -12502,9 +12516,7 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder {
   border-right-color: rgba(255, 255, 255, 0.26);
 }
 .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-active {
-  /* stylelint-disable */
   cursor: grabbing;
-  /* stylelint-enable */
 }
 .e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip {
   visibility: visible;
@@ -12546,18 +12558,14 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder {
   border-bottom-right-radius: 0%;
   border-top-left-radius: 50%;
   border-top-right-radius: 50%;
-  /* stylelint-disable */
   cursor: grab;
-  /* stylelint-enable */
   opacity: 1;
 }
 .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-material-tooltip-start {
   background-color: rgba(255, 255, 255, 0.26);
 }
 .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-tooltip-active {
-  /* stylelint-disable */
   cursor: grabbing;
-  /* stylelint-enable */
 }
 .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default .e-arrow-tip {
   visibility: hidden;
@@ -12661,7 +12669,7 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder {
 }
 .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle {
   background: #757575;
-  transform: scale(0.5) !important; /* stylelint-disable-line declaration-no-important */
+  transform: scale(0.5) !important;
 }
 .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle.e-handle-first {
   background-color: #757575;
@@ -12873,14 +12881,10 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder {
   transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, transform 300ms ease-out;
   width: 12px;
   z-index: 10;
-  /* stylelint-disable */
   cursor: grab;
-  /* stylelint-enable */
 }
 .e-control-wrapper.e-slider-container .e-slider .e-handle.e-handle-active {
-  /* stylelint-disable */
   cursor: grabbing;
-  /* stylelint-enable */
 }
 .e-control-wrapper.e-slider-container .e-slider .e-handle.e-handle-start {
   background-color: #303030;
@@ -12906,10 +12910,6 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder {
   width: 32px;
   z-index: -1;
 }
-.e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
-  /* stylelint-disable */
-  /* stylelint-enable */
-}
 .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle.e-handle-start::after {
   background-color: #e0e0e0;
   opacity: 0.38;
@@ -13095,15 +13095,12 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder {
 .e-control-wrapper.e-slider-container.e-slider-hover .e-handle {
   border-color: #00b0ff;
 }
-/* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {
     opacity: 0;
     transform: scale(4);
   }
 }
-/* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
-/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0deg);
@@ -13908,7 +13905,6 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder {
   box-shadow: 0 0 0 transparent;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {
     opacity: 0;
@@ -13993,7 +13989,6 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder {
   line-height: 0;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 .e-colorpicker.e-modal, .e-colorpicker.e-hsv-model {
   -webkit-overflow-scrolling: touch;
   height: 100%;