@syncfusion/ej2-angular-inputs 20.1.48 → 20.1.59

package/styles/slider/fluent.css

@@ -3,7 +3,6 @@
   transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
   z-index: 3;
 }
-
 .e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content {
   padding: 1px 8px;
   text-align: center;
@@ -24,7 +23,6 @@
 .e-bigger .e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content {
   padding: 1px 8px;
 }
-
 .e-bigger.e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content {
   padding: 1px 8px;
 }
@@ -34,47 +32,40 @@
   height: 16px;
   width: 16px;
 }
-
 .e-bigger .e-control-wrapper.e-slider-container .e-slider-button,
 .e-control-wrapper.e-slider-container.e-bigger .e-slider-button {
   height: 20px;
   width: 20px;
 }
-
 .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-first-button,
 .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-second-button,
 .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-first-button,
 .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-second-button {
   margin-top: -10px;
 }
-
 .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-first-button .e-button-icon::before,
 .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-second-button .e-button-icon::before,
 .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-first-button .e-button-icon::before,
 .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-second-button .e-button-icon::before {
   font-size: 17px;
 }
-
 .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-first-button,
 .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-second-button,
 .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-first-button,
 .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-second-button {
   margin-right: -10px;
 }
-
 .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-first-button .e-button-icon::before,
 .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-second-button .e-button-icon::before,
 .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-first-button .e-button-icon::before,
 .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-second-button .e-button-icon::before {
   font-size: 17px;
 }
-
 .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider .e-handle,
 .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider .e-handle {
   margin-left: -8px;
   top: calc(50% - 8px);
 }
-
 .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-handle,
 .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider .e-handle {
   left: calc(50% - 9px);
@@ -82,7 +73,6 @@
   left: calc(50% - 8px);
   margin-bottom: -8px;
 }
-
 .e-bigger .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value,
 .e-control-wrapper.e-slider-container.e-bigger .e-scale .e-tick .e-tick-value {
   font-size: 16px;
@@ -102,98 +92,78 @@
   position: relative;
   user-select: none;
 }
-
 .e-control-wrapper.e-slider-container::after {
   content: "FluentUI";
   display: none;
 }
-
 .e-control-wrapper.e-slider-container .e-slider .e-handle.e-large-thumb-size {
   transform: scale(1.5);
 }
-
 .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-slider .e-handle {
   margin: 0 -8px 0 0;
   top: calc(50% - 8px);
 }
-
 .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-scale.e-h-scale .e-tick.e-first-tick {
   background-position: right center;
   left: 0;
 }
-
 .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-scale.e-h-scale .e-tick.e-last-tick {
   background-position: left center;
 }
-
 .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-slider-button {
   margin-top: -8px;
 }
-
 .e-control-wrapper.e-slider-container.e-rtl.e-vertical {
   direction: ltr;
 }
-
 .e-control-wrapper.e-slider-container.e-disabled .e-btn {
   cursor: default;
 }
-
 .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle {
   cursor: default;
 }
-
 .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle.e-handle-disable {
   display: none;
 }
-
 .e-control-wrapper.e-slider-container.e-horizontal {
   height: 48px;
   width: 100%;
 }
-
 .e-control-wrapper.e-slider-container.e-horizontal .e-first-button {
   left: 0;
   margin-top: -8px;
   top: 50%;
 }
-
 .e-control-wrapper.e-slider-container.e-horizontal .e-first-button .e-button-icon {
-  font-family: 'e-icons';
+  font-family: "e-icons";
 }
-
 .e-control-wrapper.e-slider-container.e-horizontal .e-first-button .e-button-icon::before {
   color: #605e5c;
-  content: '\e738';
+  content: "\e738";
   font-size: 14px;
 }
-
 .e-control-wrapper.e-slider-container.e-horizontal .e-second-button {
   margin-top: -8px;
   right: 0;
   top: 50%;
 }
-
 .e-control-wrapper.e-slider-container.e-horizontal .e-second-button .e-button-icon {
-  font-family: 'e-icons';
+  font-family: "e-icons";
 }
-
 .e-control-wrapper.e-slider-container.e-horizontal .e-second-button .e-button-icon::before {
   color: #605e5c;
-  content: '\e75c';
+  content: "\e75c";
   font-size: 14px;
 }
-
 .e-control-wrapper.e-slider-container.e-horizontal.e-slider-btn {
   padding: 0 32px;
 }
-
 .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
   height: 32px;
   position: relative;
   top: calc(50% - 16px);
   width: 100%;
 }
-
 .e-control-wrapper.e-slider-container.e-horizontal .e-slider-track {
   height: 4px;
   left: 0;
@@ -204,21 +174,17 @@
   top: calc(50% - 2px);
   border-radius: 2px;
 }
-
 .e-control-wrapper.e-slider-container.e-horizontal .e-handle {
   margin-left: -8px;
   top: calc(50% - 8px);
 }
-
 .e-control-wrapper.e-slider-container.e-horizontal.e-scale-both .e-range {
   height: 4px;
 }
-
 .e-control-wrapper.e-slider-container.e-horizontal .e-range {
   height: 4px;
   top: calc(50% - 2px);
 }
-
 .e-control-wrapper.e-slider-container.e-horizontal .e-limits {
   background-color: rgba(0, 0, 0, 0.4);
   height: 4px;
@@ -226,20 +192,17 @@
   top: calc(50% - 2px);
   border-radius: 2px;
 }
-
 .e-control-wrapper.e-slider-container.e-vertical {
   height: inherit;
   padding: 32px 0;
   width: 48px;
 }
-
 .e-control-wrapper.e-slider-container.e-vertical .e-slider {
   height: 100%;
   left: calc(50% - 15px);
   position: relative;
   width: 32px;
 }
-
 .e-control-wrapper.e-slider-container.e-vertical .e-slider-track {
   background: #c8c6c4;
   bottom: 0;
@@ -250,63 +213,51 @@
   width: 4px;
   border-radius: 2px;
 }
-
 .e-control-wrapper.e-slider-container.e-vertical.e-small-size.e-slider-btn {
   height: 100%;
   padding: 32px 0;
 }
-
 .e-control-wrapper.e-slider-container.e-vertical.e-small-size.e-slider-btn .e-slider {
   height: 100%;
   width: 4px;
 }
-
 .e-control-wrapper.e-slider-container.e-vertical .e-first-button {
   bottom: 0;
   margin-right: -8px;
   right: 50%;
 }
-
 .e-control-wrapper.e-slider-container.e-vertical .e-first-button .e-button-icon {
-  font-family: 'e-icons';
+  font-family: "e-icons";
 }
-
 .e-control-wrapper.e-slider-container.e-vertical .e-first-button .e-button-icon::before {
   color: #605e5c;
-  content: '\e734';
+  content: "\e734";
   font-size: 14px;
 }
-
 .e-control-wrapper.e-slider-container.e-vertical .e-second-button {
   margin-right: -8px;
   right: 50%;
   top: 0;
 }
-
 .e-control-wrapper.e-slider-container.e-vertical .e-second-button .e-button-icon {
-  font-family: 'e-icons';
+  font-family: "e-icons";
 }
-
 .e-control-wrapper.e-slider-container.e-vertical .e-second-button .e-button-icon::before {
   color: #605e5c;
-  content: '\e7dd';
+  content: "\e7dd";
   font-size: 14px;
 }
-
 .e-control-wrapper.e-slider-container.e-vertical.e-scale-both .e-slider .e-handle {
   margin-bottom: -8px;
 }
-
 .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-handle {
   margin-bottom: -8px;
   left: calc(50% - 8px);
 }
-
 .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-range {
   left: calc(50% - 2px);
   width: 4px;
 }
-
 .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-limits {
   background-color: rgba(0, 0, 0, 0.4);
   left: calc(50% - 2px);
@@ -314,21 +265,17 @@
   width: 4px;
   border-radius: 2px;
 }
-
 .e-control-wrapper.e-slider-container .e-range {
   border-radius: 2px;
   position: absolute;
   transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, width 300ms ease-out, height 300ms ease-out;
 }
-
 .e-control-wrapper.e-slider-container .e-range.e-drag-horizontal {
   cursor: pointer;
 }
-
 .e-control-wrapper.e-slider-container .e-range.e-drag-vertical {
   cursor: pointer;
 }
-
 .e-control-wrapper.e-slider-container .e-slider {
   box-sizing: border-box;
   cursor: pointer;
@@ -337,7 +284,6 @@
   padding: 0;
   position: relative;
 }
-
 .e-control-wrapper.e-slider-container .e-slider .e-handle {
   border-radius: 50%;
   box-sizing: border-box;
@@ -351,78 +297,62 @@
   width: 16px;
   z-index: 10;
 }
-
 .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
   border-color: #006cbf;
 }
-
 .e-control-wrapper.e-slider-container .e-slider .e-tab-track {
   background-color: #c7e0f4;
 }
-
 .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-tick {
   height: 8px;
   top: -12px;
 }
-
 .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-large {
   height: 12px;
   top: -12px;
 }
-
 .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-v-scale .e-tick {
   left: 0;
   width: 8px;
 }
-
 .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-v-scale .e-large {
   left: -4px;
   width: 12px;
 }
-
 .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-h-scale .e-tick {
   height: 8px;
   top: 8px;
 }
-
 .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-h-scale .e-large {
   height: 12px;
   top: 12px;
 }
-
 .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-v-scale .e-tick {
   left: 20px;
   width: 8px;
 }
-
 .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-v-scale .e-large {
   left: 20px;
   width: 12px;
 }
-
 .e-control-wrapper.e-slider-container.e-scale-before .e-scale.e-v-scale {
   right: 9px;
 }
-
 .e-control-wrapper.e-slider-container.e-scale-after .e-scale.e-v-scale {
   right: 9px;
 }
-
 .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-h-scale .e-tick {
   height: 30px;
   top: -17px;
 }
-
 .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-h-scale .e-large {
   height: 38px;
   top: -13px;
 }
-
 .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-v-scale .e-tick {
   left: 0;
   width: calc(100% - 2px);
 }
-
 .e-control-wrapper.e-slider-container .e-scale {
   box-sizing: content-box;
   font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
@@ -439,7 +369,6 @@
   font-size: 14px;
   margin-top: -2px;
 }
-
 .e-control-wrapper.e-slider-container .e-scale .e-tick {
   background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB2aWV3Qm94PSIwIDAgMSAxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8bGluZSB4MT0iMC41IiB4Mj0iMC41IiB5Mj0iMSIgc3Ryb2tlPSIjQzhDNkM0Ii8+Cjwvc3ZnPgo=");
   cursor: pointer;
@@ -450,11 +379,9 @@
           user-select: none;
   background-position: center center;
 }
-
 .e-control-wrapper.e-slider-container .e-scale .e-tick.e-large {
   background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB2aWV3Qm94PSIwIDAgMSAxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8bGluZSB4MT0iMC41IiB4Mj0iMC41IiB5Mj0iMSIgc3Ryb2tlPSIjNDg0NjQ0Ii8+Cjwvc3ZnPgo=");
 }
-
 .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value {
   color: #3b3a39;
   font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
@@ -466,62 +393,49 @@
           user-select: none;
   white-space: nowrap;
 }
-
 .e-control-wrapper.e-slider-container .e-scale.e-v-scale {
   height: 100%;
   left: calc(50% - 14px);
   top: 0;
   width: 28px;
 }
-
 .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick {
   background-repeat: repeat-x;
 }
-
 .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-first-tick {
   background-position-y: center;
 }
-
 .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick {
   background-position-y: bottom;
   margin-top: 2px;
 }
-
 .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick {
   display: inline-block;
   background-repeat: repeat-y;
   height: 100%;
   top: 0;
 }
-
 .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-before {
   top: -18px;
 }
-
 .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-after {
   bottom: -20px;
 }
-
 .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-both {
   bottom: -20px;
 }
-
 .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-both:first-child {
   top: -18px;
 }
-
 .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick.e-first-tick {
   background-position: left center;
 }
-
 .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick.e-last-tick {
   background-position: right center;
 }
-
 .e-control-wrapper.e-slider-container.e-horizontal.e-scale-both .e-scale {
   top: 12px;
 }
-
 .e-control-wrapper.e-slider-container.e-horizontal.e-scale-both .e-slider-track {
   border-color: #fff;
   border-radius: 1px;
@@ -531,11 +445,9 @@
   margin-top: -4px;
   top: calc(50% - 3px);
 }
-
 .e-control-wrapper.e-slider-container.e-vertical.e-scale-both .e-scale {
   right: 12px;
 }
-
 .e-control-wrapper.e-slider-container.e-vertical.e-scale-both .e-slider-track {
   border-color: #fff;
   border-radius: 1px;
@@ -545,15 +457,12 @@
   margin-left: -7px;
   width: 14px;
 }
-
 .e-control-wrapper.e-slider-container.e-vertical.e-scale-both .e-range {
   margin-left: -1px;
 }
-
 .e-control-wrapper.e-slider-container.e-scale-both.e-vertical .e-scale.e-h-scale {
   margin-left: -7px;
 }
-
 .e-control-wrapper.e-slider-container.e-scale-both.e-vertical.e-small-size .e-scale.e-h-scale {
   margin-left: -7px;
 }
@@ -561,15 +470,12 @@
 .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-before {
   right: 17px;
 }
-
 .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-after {
   left: 19px;
 }
-
 .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-both {
   right: 44px;
 }
-
 .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-both:first-child {
   left: 42px;
 }
@@ -587,46 +493,36 @@
   padding: 0;
   position: absolute;
 }
-
 .e-control-wrapper.e-slider-container .e-slider .e-range {
   background-color: #605e5c;
 }
-
 .e-control-wrapper.e-slider-container .e-slider .e-range.e-tab-range {
   background-color: #0078d4;
 }
-
 .e-control-wrapper.e-slider-container .e-slider .e-handle {
   background-color: #fff;
   border: 2px solid #605e5c;
   border-color: #605e5c;
 }
-
 .e-control-wrapper.e-slider-container .e-slider .e-handle.e-material-tooltip {
   background-color: transparent;
   border-color: transparent;
 }
-
 .e-control-wrapper.e-slider-container.e-slider-hover .e-slider-track {
   background-color: #c7e0f4;
 }
-
 .e-control-wrapper.e-slider-container.e-slider-hover .e-range {
   background-color: #0078d4;
 }
-
 .e-control-wrapper.e-slider-container.e-slider-hover .e-handle {
   border-color: #006cbf;
 }
-
 .e-control-wrapper.e-slider-container:not(.e-disabled):not(.e-read-only):active .e-handle {
   border-color: #006cbf;
 }
-
 .e-control-wrapper.e-slider-container:not(.e-disabled):not(.e-read-only):active .e-range {
   background-color: #0078d4;
 }
-
 .e-control-wrapper.e-slider-container:not(.e-disabled):not(.e-read-only):active .e-slider-track {
   background-color: #c7e0f4;
-}
+}