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

package/styles/maskedtextbox/material.css

@@ -1,4 +1,5 @@
 @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 +1,4 @@
-@import 'ej2-inputs/styles/maskedtextbox/material.scss';
+@import 'ej2-base/styles/material-definition.scss';
+@import '../input/material-definition.scss';
+@import 'material-definition.scss';
+@import 'all.scss';

package/styles/maskedtextbox/tailwind-dark.css

@@ -1,4 +1,5 @@
 @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 +1,4 @@
-@import 'ej2-inputs/styles/maskedtextbox/tailwind-dark.scss';
+@import 'ej2-base/styles/tailwind-dark-definition.scss';
+@import '../input/tailwind-dark-definition.scss';
+@import 'tailwind-dark-definition.scss';
+@import 'all.scss';

package/styles/maskedtextbox/tailwind.css

@@ -1,4 +1,5 @@
 @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 +1,4 @@
-@import 'ej2-inputs/styles/maskedtextbox/tailwind.scss';
+@import 'ej2-base/styles/tailwind-definition.scss';
+@import '../input/tailwind-definition.scss';
+@import 'tailwind-definition.scss';
+@import 'all.scss';

package/styles/material-dark.css

@@ -9,6 +9,7 @@
   border-color: #616161;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {
     opacity: 0;
@@ -83,14 +84,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: 400;
+  font-weight: normal;
 }
 
 .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: 400;
+  font-weight: normal;
 }
 
 .e-input-group input.e-input,
@@ -266,6 +267,7 @@ 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,
@@ -621,7 +623,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: 400;
+  font-weight: normal;
   left: 0;
   overflow: hidden;
   padding-left: 0;
@@ -1144,7 +1146,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: 400;
+  font-weight: normal;
 }
 
 .e-float-input input,
@@ -1341,7 +1343,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: 400;
+  font-weight: normal;
 }
 
 .e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
@@ -1360,7 +1362,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: 400;
+  font-weight: normal;
 }
 
 .e-float-input:not(.e-input-group) .e-float-line::before,
@@ -1430,6 +1432,7 @@ 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,
@@ -1526,6 +1529,7 @@ 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,
@@ -2059,22 +2063,22 @@ textarea.e-input:-moz-placeholder {
   user-select: none;
 }
 
-.e-input-group input.e-input:-moz-placeholder {
+.e-input-group input.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   font-style: normal;
   user-select: none;
 }
 
-.e-input-group textarea.e-input:-moz-placeholder {
+.e-input-group textarea.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   font-style: normal;
   user-select: none;
 }
 
-.e-input-group.e-control-wrapper input.e-input:-moz-placeholder {
+.e-input-group.e-control-wrapper input.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   font-style: normal;
   user-select: none;
 }
 
-.e-input-group.e-control-wrapper textarea.e-input:-moz-placeholder {
+.e-input-group.e-control-wrapper textarea.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   font-style: normal;
   user-select: none;
 }
@@ -2084,12 +2088,12 @@ input.e-input:-moz-placeholder {
   user-select: none;
 }
 
-.e-input-group input.e-input:-moz-placeholder {
+.e-input-group input.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   font-style: normal;
   user-select: none;
 }
 
-.e-input-group.e-control-wrapper input.e-input:-moz-placeholder {
+.e-input-group.e-control-wrapper input.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   font-style: normal;
   user-select: none;
 }
@@ -3666,7 +3670,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: 400;
+  font-weight: normal;
   left: 0;
   overflow: hidden;
   padding-left: 0;
@@ -4101,6 +4105,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,
@@ -5872,7 +5903,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;
+  animation-name: slideTopUp; /* stylelint-disable-line no-unknown-animations */
 }
 
 .e-outline.e-float-input textarea:-webkit-autofill ~ label.e-float-text,
@@ -5887,7 +5918,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;
+  animation-name: slideTopUp; /* stylelint-disable-line no-unknown-animations */
 }
 
 .e-bigger .e-outline.e-float-input textarea:-webkit-autofill ~ label.e-float-text,
@@ -5905,7 +5936,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;
+  animation-name: slideTopUp; /* stylelint-disable-line no-unknown-animations */
 }
 
 .e-small .e-outline.e-float-input textarea:-webkit-autofill ~ label.e-float-text,
@@ -5927,7 +5958,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;
+  animation-name: slideTopUp; /* stylelint-disable-line no-unknown-animations */
 }
 
 .e-bigger .e-outline.e-float-input.e-small textarea:-webkit-autofill ~ label.e-float-text,
@@ -9185,6 +9216,8 @@ 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],
@@ -12352,6 +12385,8 @@ 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;
@@ -12406,6 +12441,7 @@ 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;
@@ -12446,6 +12482,8 @@ 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);
@@ -12462,7 +12500,9 @@ 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 {
@@ -12489,7 +12529,9 @@ 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;
@@ -12531,14 +12573,18 @@ 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;
@@ -12642,7 +12688,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;
+  transform: scale(0.5) !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle.e-handle-first {
   background-color: #757575;
@@ -12854,10 +12900,14 @@ 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;
@@ -12883,6 +12933,10 @@ 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;
@@ -13068,12 +13122,15 @@ 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);
@@ -13878,6 +13935,7 @@ 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;
@@ -13962,6 +14020,7 @@ 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%;