@syncfusion/ej2-inputs 20.2.45 → 20.3.47

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (241) hide show
  1. package/dist/ej2-inputs.min.js +10 -0
  2. package/dist/ej2-inputs.umd.min.js +2 -2
  3. package/dist/ej2-inputs.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-inputs.es2015.js +83 -47
  5. package/dist/es6/ej2-inputs.es2015.js.map +1 -1
  6. package/dist/es6/ej2-inputs.es5.js +83 -47
  7. package/dist/es6/ej2-inputs.es5.js.map +1 -1
  8. package/dist/global/ej2-inputs.min.js +2 -2
  9. package/dist/global/ej2-inputs.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +11 -10
  12. package/src/color-picker/color-picker.js +3 -3
  13. package/src/common/signature-base.d.ts +77 -1
  14. package/src/common/signature-base.js +41 -8
  15. package/src/input/input.d.ts +11 -11
  16. package/src/input/input.js +19 -19
  17. package/src/maskedtextbox/base/mask-base.js +2 -3
  18. package/src/maskedtextbox/maskedtextbox/maskedtextbox.js +1 -3
  19. package/src/numerictextbox/numerictextbox.js +10 -8
  20. package/src/textbox/textbox.js +3 -3
  21. package/src/uploader/uploader.d.ts +1 -0
  22. package/src/uploader/uploader.js +4 -0
  23. package/styles/bootstrap-dark.css +31 -13
  24. package/styles/bootstrap.css +31 -13
  25. package/styles/bootstrap4.css +31 -13
  26. package/styles/bootstrap5-dark.css +32 -13
  27. package/styles/bootstrap5.css +32 -13
  28. package/styles/color-picker/_all.scss +1 -1
  29. package/styles/color-picker/_bootstrap-dark-definition.scss +2 -1
  30. package/styles/color-picker/_bootstrap5-definition.scss +0 -1
  31. package/styles/color-picker/_fabric-dark-definition.scss +2 -1
  32. package/styles/color-picker/_fluent-definition.scss +0 -1
  33. package/styles/color-picker/_fusionnew-definition.scss +0 -1
  34. package/styles/color-picker/_highcontrast-light-definition.scss +2 -1
  35. package/styles/color-picker/_layout.scss +2 -3
  36. package/styles/color-picker/_material-dark-definition.scss +2 -1
  37. package/styles/color-picker/_material3-definition.scss +0 -1
  38. package/styles/color-picker/_theme.scss +3 -3
  39. package/styles/color-picker/bootstrap-dark.css +2 -0
  40. package/styles/color-picker/bootstrap.css +2 -0
  41. package/styles/color-picker/bootstrap4.css +2 -0
  42. package/styles/color-picker/bootstrap5-dark.css +3 -0
  43. package/styles/color-picker/bootstrap5.css +3 -0
  44. package/styles/color-picker/fabric-dark.css +2 -0
  45. package/styles/color-picker/fabric.css +2 -0
  46. package/styles/color-picker/fluent-dark.css +3 -0
  47. package/styles/color-picker/fluent.css +3 -0
  48. package/styles/color-picker/highcontrast-light.css +2 -0
  49. package/styles/color-picker/highcontrast.css +2 -0
  50. package/styles/color-picker/icons/_bootstrap4.scss +1 -2
  51. package/styles/color-picker/icons/_bootstrap5.scss +1 -2
  52. package/styles/color-picker/icons/_fabric-dark.scss +2 -3
  53. package/styles/color-picker/icons/_fluent.scss +1 -2
  54. package/styles/color-picker/icons/_fusionnew.scss +1 -2
  55. package/styles/color-picker/icons/_material3.scss +1 -2
  56. package/styles/color-picker/icons/_tailwind-dark.scss +1 -2
  57. package/styles/color-picker/icons/_tailwind.scss +1 -2
  58. package/styles/color-picker/material-dark.css +2 -0
  59. package/styles/color-picker/material.css +2 -0
  60. package/styles/color-picker/tailwind-dark.css +3 -0
  61. package/styles/color-picker/tailwind.css +3 -0
  62. package/styles/fabric-dark.css +31 -13
  63. package/styles/fabric.css +31 -13
  64. package/styles/fluent-dark.css +32 -13
  65. package/styles/fluent.css +32 -13
  66. package/styles/highcontrast-light.css +31 -13
  67. package/styles/highcontrast.css +31 -13
  68. package/styles/input/_all.scss +1 -1
  69. package/styles/input/_bootstrap-dark-definition.scss +19 -1
  70. package/styles/input/_bootstrap-definition.scss +18 -2
  71. package/styles/input/_bootstrap4-definition.scss +17 -1
  72. package/styles/input/_bootstrap5-definition.scss +17 -2
  73. package/styles/input/_definition.scss +16 -1
  74. package/styles/input/_fabric-dark-definition.scss +16 -2
  75. package/styles/input/_fabric-definition.scss +15 -1
  76. package/styles/input/_fluent-definition.scss +19 -4
  77. package/styles/input/_fusionnew-definition.scss +17 -2
  78. package/styles/input/_highcontrast-definition.scss +17 -1
  79. package/styles/input/_highcontrast-light-definition.scss +18 -2
  80. package/styles/input/_layout.scss +313 -351
  81. package/styles/input/_material-dark-definition.scss +24 -7
  82. package/styles/input/_material-definition.scss +23 -7
  83. package/styles/input/_material3-definition.scss +17 -2
  84. package/styles/input/_responsive.scss +1 -1
  85. package/styles/input/_tailwind-definition.scss +17 -1
  86. package/styles/input/_theme.scss +248 -256
  87. package/styles/input/bootstrap-dark.css +22 -14
  88. package/styles/input/bootstrap.css +22 -14
  89. package/styles/input/bootstrap4.css +22 -14
  90. package/styles/input/bootstrap5-dark.css +22 -14
  91. package/styles/input/bootstrap5.css +22 -14
  92. package/styles/input/fabric-dark.css +22 -14
  93. package/styles/input/fabric.css +22 -14
  94. package/styles/input/fluent-dark.css +22 -14
  95. package/styles/input/fluent.css +22 -14
  96. package/styles/input/highcontrast-light.css +22 -14
  97. package/styles/input/highcontrast.css +22 -14
  98. package/styles/input/material-dark.css +26 -18
  99. package/styles/input/material.css +26 -18
  100. package/styles/input/tailwind-dark.css +22 -14
  101. package/styles/input/tailwind.css +22 -14
  102. package/styles/maskedtextbox/_all.scss +1 -1
  103. package/styles/maskedtextbox/_bootstrap-dark-definition.scss +2 -1
  104. package/styles/maskedtextbox/_bootstrap-definition.scss +0 -1
  105. package/styles/maskedtextbox/_bootstrap4-definition.scss +0 -1
  106. package/styles/maskedtextbox/_fabric-dark-definition.scss +1 -0
  107. package/styles/maskedtextbox/_highcontrast-light-definition.scss +1 -0
  108. package/styles/maskedtextbox/_layout.scss +7 -6
  109. package/styles/maskedtextbox/_material-dark-definition.scss +1 -0
  110. package/styles/maskedtextbox/_theme.scss +4 -3
  111. package/styles/maskedtextbox/bootstrap-dark.css +1 -0
  112. package/styles/maskedtextbox/bootstrap.css +1 -0
  113. package/styles/maskedtextbox/bootstrap4.css +1 -0
  114. package/styles/maskedtextbox/bootstrap5-dark.css +1 -0
  115. package/styles/maskedtextbox/bootstrap5.css +1 -0
  116. package/styles/maskedtextbox/fabric-dark.css +1 -0
  117. package/styles/maskedtextbox/fabric.css +1 -0
  118. package/styles/maskedtextbox/fluent-dark.css +1 -0
  119. package/styles/maskedtextbox/fluent.css +1 -0
  120. package/styles/maskedtextbox/highcontrast-light.css +1 -0
  121. package/styles/maskedtextbox/highcontrast.css +1 -0
  122. package/styles/maskedtextbox/material-dark.css +1 -0
  123. package/styles/maskedtextbox/material.css +1 -0
  124. package/styles/maskedtextbox/tailwind-dark.css +1 -0
  125. package/styles/maskedtextbox/tailwind.css +1 -0
  126. package/styles/material-dark.css +50 -18
  127. package/styles/material.css +50 -18
  128. package/styles/numerictextbox/_all.scss +1 -1
  129. package/styles/numerictextbox/_bootstrap-dark-definition.scss +2 -1
  130. package/styles/numerictextbox/_fabric-dark-definition.scss +2 -1
  131. package/styles/numerictextbox/_highcontrast-light-definition.scss +2 -1
  132. package/styles/numerictextbox/_material-dark-definition.scss +2 -1
  133. package/styles/numerictextbox/bootstrap-dark.css +1 -0
  134. package/styles/numerictextbox/bootstrap.css +1 -0
  135. package/styles/numerictextbox/bootstrap4.css +1 -0
  136. package/styles/numerictextbox/bootstrap5-dark.css +1 -0
  137. package/styles/numerictextbox/bootstrap5.css +1 -0
  138. package/styles/numerictextbox/fabric-dark.css +1 -0
  139. package/styles/numerictextbox/fabric.css +1 -0
  140. package/styles/numerictextbox/fluent-dark.css +1 -0
  141. package/styles/numerictextbox/fluent.css +1 -0
  142. package/styles/numerictextbox/highcontrast-light.css +1 -0
  143. package/styles/numerictextbox/highcontrast.css +1 -0
  144. package/styles/numerictextbox/icons/_bootstrap5.scss +0 -1
  145. package/styles/numerictextbox/icons/_fluent.scss +0 -1
  146. package/styles/numerictextbox/icons/_fusionnew.scss +0 -1
  147. package/styles/numerictextbox/icons/_material3.scss +0 -1
  148. package/styles/numerictextbox/icons/_tailwind.scss +0 -1
  149. package/styles/numerictextbox/material-dark.css +1 -0
  150. package/styles/numerictextbox/material.css +1 -0
  151. package/styles/numerictextbox/tailwind-dark.css +1 -0
  152. package/styles/numerictextbox/tailwind.css +1 -0
  153. package/styles/signature/_all.scss +1 -1
  154. package/styles/slider/_all.scss +1 -1
  155. package/styles/slider/_bootstrap-dark-definition.scss +1 -0
  156. package/styles/slider/_fabric-dark-definition.scss +1 -0
  157. package/styles/slider/_highcontrast-light-definition.scss +1 -0
  158. package/styles/slider/_icons.scss +1 -0
  159. package/styles/slider/_layout.scss +23 -26
  160. package/styles/slider/_material-dark-definition.scss +1 -0
  161. package/styles/slider/_theme.scss +2 -1
  162. package/styles/slider/bootstrap-dark.css +4 -0
  163. package/styles/slider/bootstrap.css +4 -0
  164. package/styles/slider/bootstrap4.css +4 -0
  165. package/styles/slider/bootstrap5-dark.css +4 -0
  166. package/styles/slider/bootstrap5.css +4 -0
  167. package/styles/slider/fabric-dark.css +4 -0
  168. package/styles/slider/fabric.css +4 -0
  169. package/styles/slider/fluent-dark.css +4 -0
  170. package/styles/slider/fluent.css +4 -0
  171. package/styles/slider/highcontrast-light.css +4 -0
  172. package/styles/slider/highcontrast.css +4 -0
  173. package/styles/slider/material-dark.css +19 -1
  174. package/styles/slider/material.css +19 -1
  175. package/styles/slider/tailwind-dark.css +4 -0
  176. package/styles/slider/tailwind.css +4 -0
  177. package/styles/tailwind-dark.css +33 -13
  178. package/styles/tailwind.css +33 -13
  179. package/styles/textbox/_all.scss +1 -1
  180. package/styles/textbox/_bootstrap-dark-definition.scss +1 -1
  181. package/styles/textbox/_bootstrap-definition.scss +1 -1
  182. package/styles/textbox/_bootstrap4-definition.scss +1 -1
  183. package/styles/textbox/_bootstrap5-definition.scss +1 -0
  184. package/styles/textbox/_fabric-dark-definition.scss +1 -1
  185. package/styles/textbox/_fabric-definition.scss +1 -1
  186. package/styles/textbox/_fluent-definition.scss +1 -0
  187. package/styles/textbox/_fusionnew-definition.scss +1 -0
  188. package/styles/textbox/_highcontrast-definition.scss +1 -1
  189. package/styles/textbox/_highcontrast-light-definition.scss +1 -1
  190. package/styles/textbox/_material-dark-definition.scss +1 -1
  191. package/styles/textbox/_material-definition.scss +1 -1
  192. package/styles/textbox/_material3-definition.scss +1 -0
  193. package/styles/textbox/_tailwind-definition.scss +1 -0
  194. package/styles/textbox/_theme.scss +1 -0
  195. package/styles/textbox/bootstrap-dark.css +2 -0
  196. package/styles/textbox/bootstrap.css +2 -0
  197. package/styles/textbox/bootstrap4.css +2 -0
  198. package/styles/textbox/bootstrap5-dark.css +2 -0
  199. package/styles/textbox/bootstrap5.css +2 -0
  200. package/styles/textbox/fabric-dark.css +2 -0
  201. package/styles/textbox/fabric.css +2 -0
  202. package/styles/textbox/fluent-dark.css +2 -0
  203. package/styles/textbox/fluent.css +2 -0
  204. package/styles/textbox/highcontrast-light.css +2 -0
  205. package/styles/textbox/highcontrast.css +2 -0
  206. package/styles/textbox/material-dark.css +3 -1
  207. package/styles/textbox/material.css +3 -1
  208. package/styles/textbox/tailwind-dark.css +3 -1
  209. package/styles/textbox/tailwind.css +3 -1
  210. package/styles/uploader/_all.scss +1 -1
  211. package/styles/uploader/_bootstrap-dark-definition.scss +3 -1
  212. package/styles/uploader/_bootstrap-definition.scss +2 -1
  213. package/styles/uploader/_bootstrap4-definition.scss +2 -1
  214. package/styles/uploader/_bootstrap5-definition.scss +1 -1
  215. package/styles/uploader/_fabric-dark-definition.scss +3 -1
  216. package/styles/uploader/_fabric-definition.scss +2 -0
  217. package/styles/uploader/_fluent-definition.scss +1 -1
  218. package/styles/uploader/_fusionnew-definition.scss +1 -1
  219. package/styles/uploader/_highcontrast-definition.scss +2 -0
  220. package/styles/uploader/_highcontrast-light-definition.scss +5 -2
  221. package/styles/uploader/_layout.scss +2 -3
  222. package/styles/uploader/_material-dark-definition.scss +4 -1
  223. package/styles/uploader/_material-definition.scss +1 -0
  224. package/styles/uploader/_material3-definition.scss +1 -1
  225. package/styles/uploader/_tailwind-definition.scss +2 -1
  226. package/styles/uploader/_theme.scss +2 -5
  227. package/styles/uploader/bootstrap-dark.css +1 -0
  228. package/styles/uploader/bootstrap.css +1 -0
  229. package/styles/uploader/bootstrap4.css +1 -0
  230. package/styles/uploader/bootstrap5-dark.css +1 -0
  231. package/styles/uploader/bootstrap5.css +1 -0
  232. package/styles/uploader/fabric-dark.css +1 -0
  233. package/styles/uploader/fabric.css +1 -0
  234. package/styles/uploader/fluent-dark.css +1 -0
  235. package/styles/uploader/fluent.css +1 -0
  236. package/styles/uploader/highcontrast-light.css +1 -0
  237. package/styles/uploader/highcontrast.css +1 -0
  238. package/styles/uploader/material-dark.css +1 -0
  239. package/styles/uploader/material.css +1 -0
  240. package/styles/uploader/tailwind-dark.css +2 -0
  241. package/styles/uploader/tailwind.css +2 -0
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
1
2
  .e-input-group-icon.e-spin-up::before {
2
3
  content: "\e776";
3
4
  font-family: "e-icons";
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
1
2
  .e-input-group-icon.e-spin-up::before {
2
3
  content: "\e85e";
3
4
  font-family: "e-icons";
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
1
2
  .e-input-group-icon.e-spin-up::before {
2
3
  content: "\e85e";
3
4
  font-family: "e-icons";
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
1
2
  .e-input-group-icon.e-spin-up::before {
2
3
  content: "\e776";
3
4
  font-family: "e-icons";
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
1
2
  .e-input-group-icon.e-spin-up::before {
2
3
  content: "\e776";
3
4
  font-family: "e-icons";
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
1
2
  .e-input-group-icon.e-spin-up::before {
2
3
  content: "\e85e";
3
4
  font-family: "e-icons";
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
1
2
  .e-input-group-icon.e-spin-up::before {
2
3
  content: "\e85e";
3
4
  font-family: "e-icons";
@@ -9,4 +9,3 @@
9
9
  font-family: 'e-icons';
10
10
  }
11
11
  }
12
-
@@ -9,4 +9,3 @@
9
9
  font-family: 'e-icons';
10
10
  }
11
11
  }
12
-
@@ -9,4 +9,3 @@
9
9
  font-family: 'e-icons';
10
10
  }
11
11
  }
12
-
@@ -9,4 +9,3 @@
9
9
  font-family: 'e-icons';
10
10
  }
11
11
  }
12
-
@@ -9,4 +9,3 @@
9
9
  font-family: 'e-icons';
10
10
  }
11
11
  }
12
-
@@ -1,4 +1,5 @@
1
1
  @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
+ /* stylelint-disable property-no-vendor-prefix */
2
3
  @keyframes e-input-ripple {
3
4
  100% {
4
5
  opacity: 0;
@@ -1,4 +1,5 @@
1
1
  @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
+ /* stylelint-disable property-no-vendor-prefix */
2
3
  @keyframes e-input-ripple {
3
4
  100% {
4
5
  opacity: 0;
@@ -1,4 +1,5 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
+ /* stylelint-disable property-no-vendor-prefix */
2
3
  .e-input-group-icon.e-spin-up::before {
3
4
  content: "\e776";
4
5
  font-family: "e-icons";
@@ -1,4 +1,5 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
+ /* stylelint-disable property-no-vendor-prefix */
2
3
  .e-input-group-icon.e-spin-up::before {
3
4
  content: "\e776";
4
5
  font-family: "e-icons";
@@ -1,2 +1,2 @@
1
- @import 'layout.scss';
1
+ @import 'layout.scss';
2
2
  @import 'theme.scss';
@@ -1,3 +1,3 @@
1
- @import 'icons.scss';
1
+ @import 'icons.scss';
2
2
  @import 'layout.scss';
3
3
  @import 'theme.scss';
@@ -146,6 +146,7 @@ $slider-limit-bar-vertical-width: 8px !default;
146
146
  $slider-limit-bar-left: calc(50% - 4px) !default;
147
147
  $slider-limit-bar-color: rgba($grey-base, .25) !default;
148
148
  $slider-tick-font-color: $grey-light-font !default;
149
+
149
150
  //enddefault
150
151
  //dimensions
151
152
  $slider-button-hleft-bg-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAolBMVEUAAAD////////////////////////+/v7////+/v7////+/v7////+/v7////////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7///+y6E2hAAAANXRSTlMABAgMEBQYHCAkKCwwNEBESExUWFxkaGx0fICDh4ubn6Orr7O3u7/Hy8/T19vf4+fr7/P3+0e6nekAAAEFSURBVHjalZXJVgJBEASjnXHAEUQURZBFFAfZt+H/f82jedCXVpyjD1mvs4q/aR4uP1QJR7YUf1tgmYl/amEZXIRHLF31X7GUJ/E/fOB8I/46w5Hm4h9LLGPx63ssPQ08wNI+i/+GpdiLv/xH4IX4+waWqQa+w9LXwE9YOrX4ExzxCqzE3xVY3oMVGGrgHpYH9UdYWlqBuQ9cbLUCOY5UaeCS4INbPMVO19A1wdBVIli0CXhG+uIZYsui7uDJ1/Li0MRTHuXFKouOakZ0VMPwqLqBUckfiWzuTU7wNnwmgtdnDPFyxy7ouQ3hBeW50RW4SMSXrOdFg/chfCg8V1/RcjR+PXbfOBx/sErjBl8AAAAASUVORK5CYII=');
@@ -151,6 +151,7 @@ $slider-limit-bar-left: calc(50% - 2px) !default;
151
151
  $slider-limit-bar-color: rgba($neutral-black, .25) !default;
152
152
  $slider-tick-font-color: rgb(0, 128, 0) !default;
153
153
  $slider-tick-font-color: $message-font !default;
154
+
154
155
  //enddefault
155
156
  //dimensions
156
157
  $slider-scale-tick-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAA1JREFUGFdjWLZs2X8ABtoC8jsAVaIAAAAASUVORK5CYII=');
@@ -139,6 +139,7 @@ $slider-limit-bar-top: calc(50% - 3px) !default;
139
139
  $slider-limit-bar-vertical-width: 6px !default;
140
140
  $slider-limit-bar-left: calc(50% - 3px) !default;
141
141
  $slider-limit-bar-color: rgba($bg-base-0, .25) !default;
142
+
142
143
  //enddefault
143
144
  //dimensions
144
145
  $slider-scale-tick-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAA1JREFUGFdjWLZs2X8ABtoC8jsAVaIAAAAASUVORK5CYII=');
@@ -0,0 +1 @@
1
+ /* stylelint-disable-line no-empty-source */
@@ -1,5 +1,5 @@
1
1
  @include export-module('slider-layout') {
2
- // sass-lint:disable no-vendor-prefixes
2
+ /* stylelint-disable property-no-vendor-prefix */
3
3
  // sass-lint:disable no-important
4
4
 
5
5
  .e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle {
@@ -31,10 +31,10 @@
31
31
  background-color: $slider-handle-bg-color;
32
32
  border: 0;
33
33
  border-radius: 8px;
34
- // sass-lint:disable-all
34
+ /* stylelint-disable */
35
35
  cursor: -webkit-grab;
36
36
  cursor: grab;
37
- // sass-lint:enable-all
37
+ /* stylelint-enable */
38
38
  opacity: 1;
39
39
 
40
40
  &.e-popup.e-popup-close {
@@ -68,10 +68,10 @@
68
68
  }
69
69
 
70
70
  &.e-tooltip-active {
71
- // sass-lint:disable-all
71
+ /* stylelint-disable */
72
72
  cursor: -webkit-grabbing;
73
73
  cursor: grabbing;
74
- // sass-lint:enable-all
74
+ /* stylelint-enable */
75
75
  }
76
76
 
77
77
  .e-arrow-tip {
@@ -123,10 +123,10 @@
123
123
  border-bottom-right-radius: 0%;
124
124
  border-top-left-radius: 50%;
125
125
  border-top-right-radius: 50%;
126
- // sass-lint:disable-all
126
+ /* stylelint-disable */
127
127
  cursor: -webkit-grab;
128
128
  cursor: grab;
129
- // sass-lint:enable-all
129
+ /* stylelint-enable */
130
130
  opacity: 1;
131
131
 
132
132
  &.e-material-tooltip-start {
@@ -134,10 +134,10 @@
134
134
  }
135
135
 
136
136
  &.e-tooltip-active {
137
- // sass-lint:disable-all
137
+ /* stylelint-disable */
138
138
  cursor: -webkit-grabbing;
139
139
  cursor: grabbing;
140
- // sass-lint:enable-all
140
+ /* stylelint-enable */
141
141
  }
142
142
 
143
143
  .e-arrow-tip {
@@ -681,7 +681,7 @@
681
681
  }
682
682
 
683
683
  .e-handle {
684
- @if($skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI') {
684
+ @if ($skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI') {
685
685
  margin-left: $slider-handle-mobile-margin-left;
686
686
  top: $slider-handle-mobile-handle-top;
687
687
  }
@@ -892,7 +892,7 @@
892
892
 
893
893
  .e-handle {
894
894
  background: $grey-600;
895
- transform: scale(.5) !important;
895
+ transform: scale(.5) !important;/* stylelint-disable-line declaration-no-important */
896
896
 
897
897
  &.e-handle-first {
898
898
  background-color: $grey-600;
@@ -1105,7 +1105,7 @@
1105
1105
 
1106
1106
  .e-button-icon::before {
1107
1107
  color: $slider-button-icon-bg-color;
1108
- @if($skin-name == 'FluentUI') {
1108
+ @if ($skin-name == 'FluentUI') {
1109
1109
  content: '\e75c';
1110
1110
  font-size: 14px;
1111
1111
  }
@@ -1207,7 +1207,7 @@
1207
1207
  overflow: hidden;
1208
1208
  top: calc(50% - 4px);
1209
1209
  }
1210
- @if($skin-name == 'bootstrap4' or $skin-name == 'bootstrap5') {
1210
+ @if ($skin-name == 'bootstrap4' or $skin-name == 'bootstrap5') {
1211
1211
  top: calc(50% - 3px);
1212
1212
  }
1213
1213
  @if ($skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark') {
@@ -1646,8 +1646,7 @@
1646
1646
  .e-range {
1647
1647
  border-radius: $slider-range-border-radius;
1648
1648
  position: absolute;
1649
- transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, width 300ms ease-out,
1650
- height 300ms ease-out;
1649
+ transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, width 300ms ease-out, height 300ms ease-out;
1651
1650
 
1652
1651
  &.e-drag-horizontal {
1653
1652
  cursor: pointer;
@@ -1689,16 +1688,16 @@
1689
1688
  }
1690
1689
 
1691
1690
  @if ($skin-name == 'material' or $skin-name == 'material-dark') {
1692
- // sass-lint:disable-all
1691
+ /* stylelint-disable */
1693
1692
  cursor: -webkit-grab;
1694
1693
  cursor: grab;
1695
- // sass-lint:enable-all
1694
+ /* stylelint-enable */
1696
1695
 
1697
1696
  &.e-handle-active {
1698
- // sass-lint:disable-all
1697
+ /* stylelint-disable */
1699
1698
  cursor: -webkit-grabbing;
1700
1699
  cursor: grabbing;
1701
- // sass-lint:enable-all
1700
+ /* stylelint-enable */
1702
1701
  }
1703
1702
 
1704
1703
  &.e-handle-start {
@@ -1747,7 +1746,7 @@
1747
1746
  border-color: $slider-tab-border-color;
1748
1747
  }
1749
1748
 
1750
- // sass-lint:disable-all
1749
+ /* stylelint-disable */
1751
1750
  @if ($skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark') {
1752
1751
  background-color: $slider-tab-background;
1753
1752
  border-color: $slider-tab-border-color;
@@ -1763,7 +1762,7 @@
1763
1762
  border: $slider-tab-border;
1764
1763
  box-shadow: $slider-tab-active-box-shadow;
1765
1764
  }
1766
- // sass-lint:enable-all
1765
+ /* stylelint-enable */
1767
1766
  }
1768
1767
  }
1769
1768
 
@@ -1898,7 +1897,7 @@
1898
1897
  height: 16px;
1899
1898
  top: -8px;
1900
1899
  }
1901
- @if($skin-name == 'bootstrap5') {
1900
+ @if ($skin-name == 'bootstrap5') {
1902
1901
  height: 18px;
1903
1902
  top: -11px;
1904
1903
  }
@@ -1907,7 +1906,7 @@
1907
1906
  top: -16px;
1908
1907
  }
1909
1908
 
1910
- @if($skin-name == 'FluentUI') {
1909
+ @if ($skin-name == 'FluentUI') {
1911
1910
  height: 30px;
1912
1911
  top: -17px;
1913
1912
  }
@@ -1933,7 +1932,6 @@
1933
1932
  @if ($skin-name == 'bootstrap4') {
1934
1933
  height: 22px;
1935
1934
  top: -5px;
1936
-
1937
1935
  }
1938
1936
  @if ($skin-name == 'bootstrap5') {
1939
1937
  height: 26px;
@@ -1969,7 +1967,7 @@
1969
1967
  left: 6px;
1970
1968
  width: calc(100% - 12px);
1971
1969
  }
1972
- @if($skin-name == 'bootstrap5') {
1970
+ @if ($skin-name == 'bootstrap5') {
1973
1971
  background-position: center;
1974
1972
  left: 5px;
1975
1973
  width: 18px;
@@ -2099,7 +2097,6 @@
2099
2097
  @else {
2100
2098
  left: calc(50% - 14px);
2101
2099
  }
2102
-
2103
2100
  top: 0;
2104
2101
  width: 28px;
2105
2102
  @if ($skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5') {
@@ -145,6 +145,7 @@ $slider-limit-bar-vertical-width: 2px !default;
145
145
  $slider-limit-bar-left: calc(50% - 1px) !default;
146
146
  $slider-limit-bar-color: rgba($grey-white, .26) !default;
147
147
  $slider-tick-font-color: $grey-dark-font !default;
148
+
148
149
  //enddefault
149
150
  //dimensions
150
151
  $slider-scale-tick-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAACXBIWXMAAAsSAAALEgHS3X78AAAAFElEQVQI12NkYGAIZ2BgYGBigAIABPgAW+yfXroAAAAASUVORK5CYII=');
@@ -1,4 +1,5 @@
1
- @include export-module('slider-theme') {
1
+ @include export-module('slider-theme') {
2
+
2
3
  /*! component theme */
3
4
  .e-control-wrapper.e-slider-container {
4
5
  @if ($skin-name == 'material' or $skin-name == 'material-dark') {
@@ -1,3 +1,5 @@
1
+ /* stylelint-disable-line no-empty-source */
2
+ /* stylelint-disable property-no-vendor-prefix */
1
3
  .e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-material-handle {
2
4
  cursor: default;
3
5
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
@@ -277,9 +279,11 @@
277
279
  z-index: 10;
278
280
  }
279
281
  .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
282
+ /* stylelint-disable */
280
283
  background-color: #959595;
281
284
  border-color: #0070f0;
282
285
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
286
+ /* stylelint-enable */
283
287
  }
284
288
  .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-tick {
285
289
  height: 5px;
@@ -1,3 +1,5 @@
1
+ /* stylelint-disable-line no-empty-source */
2
+ /* stylelint-disable property-no-vendor-prefix */
1
3
  .e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-material-handle {
2
4
  cursor: default;
3
5
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
@@ -277,9 +279,11 @@
277
279
  z-index: 10;
278
280
  }
279
281
  .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
282
+ /* stylelint-disable */
280
283
  background-color: #e6e6e6;
281
284
  border-color: #66afe9;
282
285
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
286
+ /* stylelint-enable */
283
287
  }
284
288
  .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-tick {
285
289
  height: 5px;
@@ -1,3 +1,5 @@
1
+ /* stylelint-disable-line no-empty-source */
2
+ /* stylelint-disable property-no-vendor-prefix */
1
3
  .e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-material-handle {
2
4
  cursor: default;
3
5
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
@@ -363,9 +365,11 @@
363
365
  z-index: 10;
364
366
  }
365
367
  .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
368
+ /* stylelint-disable */
366
369
  background-color: #007bff;
367
370
  border-color: #007bff;
368
371
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(0, 123, 255, 0.25);
372
+ /* stylelint-enable */
369
373
  }
370
374
  .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-tick {
371
375
  height: 6px;
@@ -1,3 +1,5 @@
1
+ /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
2
+ /* stylelint-disable property-no-vendor-prefix */
1
3
  .e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-material-handle {
2
4
  cursor: default;
3
5
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
@@ -424,9 +426,11 @@
424
426
  z-index: 10;
425
427
  }
426
428
  .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
429
+ /* stylelint-disable */
427
430
  background-color: #0b5ed7;
428
431
  border: 1px solid #212529;
429
432
  box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
433
+ /* stylelint-enable */
430
434
  }
431
435
  .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-tick {
432
436
  height: 6px;
@@ -1,3 +1,5 @@
1
+ /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
2
+ /* stylelint-disable property-no-vendor-prefix */
1
3
  .e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-material-handle {
2
4
  cursor: default;
3
5
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
@@ -424,9 +426,11 @@
424
426
  z-index: 10;
425
427
  }
426
428
  .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
429
+ /* stylelint-disable */
427
430
  background-color: #0b5ed7;
428
431
  border: 1px solid #fff;
429
432
  box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
433
+ /* stylelint-enable */
430
434
  }
431
435
  .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-tick {
432
436
  height: 6px;
@@ -1,3 +1,5 @@
1
+ /* stylelint-disable-line no-empty-source */
2
+ /* stylelint-disable property-no-vendor-prefix */
1
3
  .e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-material-handle {
2
4
  cursor: default;
3
5
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
@@ -274,6 +276,8 @@
274
276
  }
275
277
  .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
276
278
  border-color: #0074cc;
279
+ /* stylelint-disable */
280
+ /* stylelint-enable */
277
281
  }
278
282
  .e-control-wrapper.e-slider-container .e-slider .e-tab-track {
279
283
  background-color: rgba(173, 220, 255, 0.4);
@@ -1,3 +1,5 @@
1
+ /* stylelint-disable-line no-empty-source */
2
+ /* stylelint-disable property-no-vendor-prefix */
1
3
  .e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-material-handle {
2
4
  cursor: default;
3
5
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
@@ -274,6 +276,8 @@
274
276
  }
275
277
  .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
276
278
  border-color: #0078d6;
279
+ /* stylelint-disable */
280
+ /* stylelint-enable */
277
281
  }
278
282
  .e-control-wrapper.e-slider-container .e-slider .e-tab-track {
279
283
  background-color: #b7e0ff;
@@ -1,3 +1,5 @@
1
+ /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
2
+ /* stylelint-disable property-no-vendor-prefix */
1
3
  .e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-material-handle {
2
4
  cursor: default;
3
5
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
@@ -299,6 +301,8 @@
299
301
  }
300
302
  .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
301
303
  border-color: #006cbf;
304
+ /* stylelint-disable */
305
+ /* stylelint-enable */
302
306
  }
303
307
  .e-control-wrapper.e-slider-container .e-slider .e-tab-track {
304
308
  background-color: #005a9e;
@@ -1,3 +1,5 @@
1
+ /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
2
+ /* stylelint-disable property-no-vendor-prefix */
1
3
  .e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-material-handle {
2
4
  cursor: default;
3
5
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
@@ -299,6 +301,8 @@
299
301
  }
300
302
  .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
301
303
  border-color: #006cbf;
304
+ /* stylelint-disable */
305
+ /* stylelint-enable */
302
306
  }
303
307
  .e-control-wrapper.e-slider-container .e-slider .e-tab-track {
304
308
  background-color: #c7e0f4;
@@ -1,3 +1,5 @@
1
+ /* stylelint-disable-line no-empty-source */
2
+ /* stylelint-disable property-no-vendor-prefix */
1
3
  .e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-material-handle {
2
4
  cursor: default;
3
5
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
@@ -315,6 +317,8 @@
315
317
  }
316
318
  .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
317
319
  border-color: #3d3d3d;
320
+ /* stylelint-disable */
321
+ /* stylelint-enable */
318
322
  }
319
323
  .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-tick {
320
324
  height: 4px;
@@ -1,3 +1,5 @@
1
+ /* stylelint-disable-line no-empty-source */
2
+ /* stylelint-disable property-no-vendor-prefix */
1
3
  .e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-material-handle {
2
4
  cursor: default;
3
5
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
@@ -315,6 +317,8 @@
315
317
  }
316
318
  .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
317
319
  border-color: #bfbfbf;
320
+ /* stylelint-disable */
321
+ /* stylelint-enable */
318
322
  }
319
323
  .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-tick {
320
324
  height: 4px;
@@ -1,4 +1,6 @@
1
1
  @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
+ /* stylelint-disable-line no-empty-source */
3
+ /* stylelint-disable property-no-vendor-prefix */
2
4
  .e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-material-handle {
3
5
  cursor: default;
4
6
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
@@ -15,7 +17,9 @@
15
17
  background-color: #00b0ff;
16
18
  border: 0;
17
19
  border-radius: 8px;
20
+ /* stylelint-disable */
18
21
  cursor: grab;
22
+ /* stylelint-enable */
19
23
  opacity: 1;
20
24
  }
21
25
  .e-slider-tooltip.e-tooltip-wrap.e-popup.e-popup.e-popup-close {
@@ -42,7 +46,9 @@
42
46
  border-right-color: rgba(255, 255, 255, 0.26);
43
47
  }
44
48
  .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-active {
49
+ /* stylelint-disable */
45
50
  cursor: grabbing;
51
+ /* stylelint-enable */
46
52
  }
47
53
  .e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip {
48
54
  visibility: visible;
@@ -84,14 +90,18 @@
84
90
  border-bottom-right-radius: 0%;
85
91
  border-top-left-radius: 50%;
86
92
  border-top-right-radius: 50%;
93
+ /* stylelint-disable */
87
94
  cursor: grab;
95
+ /* stylelint-enable */
88
96
  opacity: 1;
89
97
  }
90
98
  .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-material-tooltip-start {
91
99
  background-color: rgba(255, 255, 255, 0.26);
92
100
  }
93
101
  .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-tooltip-active {
102
+ /* stylelint-disable */
94
103
  cursor: grabbing;
104
+ /* stylelint-enable */
95
105
  }
96
106
  .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default .e-arrow-tip {
97
107
  visibility: hidden;
@@ -195,7 +205,7 @@
195
205
  }
196
206
  .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle {
197
207
  background: #757575;
198
- transform: scale(0.5) !important;
208
+ transform: scale(0.5) !important; /* stylelint-disable-line declaration-no-important */
199
209
  }
200
210
  .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle.e-handle-first {
201
211
  background-color: #757575;
@@ -407,10 +417,14 @@
407
417
  transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, transform 300ms ease-out;
408
418
  width: 12px;
409
419
  z-index: 10;
420
+ /* stylelint-disable */
410
421
  cursor: grab;
422
+ /* stylelint-enable */
411
423
  }
412
424
  .e-control-wrapper.e-slider-container .e-slider .e-handle.e-handle-active {
425
+ /* stylelint-disable */
413
426
  cursor: grabbing;
427
+ /* stylelint-enable */
414
428
  }
415
429
  .e-control-wrapper.e-slider-container .e-slider .e-handle.e-handle-start {
416
430
  background-color: #303030;
@@ -436,6 +450,10 @@
436
450
  width: 32px;
437
451
  z-index: -1;
438
452
  }
453
+ .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
454
+ /* stylelint-disable */
455
+ /* stylelint-enable */
456
+ }
439
457
  .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle.e-handle-start::after {
440
458
  background-color: #e0e0e0;
441
459
  opacity: 0.38;