@syncfusion/ej2-angular-inputs 20.1.55 → 20.1.61

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 (132) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/ej2-angular-inputs.umd.js +1 -1
  3. package/dist/ej2-angular-inputs.umd.min.js +1 -1
  4. package/package.json +7 -7
  5. package/schematics/ng-add/schema.json +1 -1
  6. package/schematics/utils/lib-details.d.ts +2 -2
  7. package/schematics/utils/lib-details.js +2 -2
  8. package/schematics/utils/lib-details.ts +2 -2
  9. package/styles/bootstrap-dark.css +125 -658
  10. package/styles/bootstrap.css +122 -655
  11. package/styles/bootstrap4.css +122 -682
  12. package/styles/bootstrap5-dark.css +131 -702
  13. package/styles/bootstrap5.css +131 -702
  14. package/styles/color-picker/bootstrap-dark.css +27 -194
  15. package/styles/color-picker/bootstrap.css +27 -194
  16. package/styles/color-picker/bootstrap4.css +27 -209
  17. package/styles/color-picker/bootstrap5-dark.css +27 -202
  18. package/styles/color-picker/bootstrap5.css +27 -202
  19. package/styles/color-picker/fabric-dark.css +27 -194
  20. package/styles/color-picker/fabric.css +27 -194
  21. package/styles/color-picker/fluent-dark.css +27 -194
  22. package/styles/color-picker/fluent.css +27 -194
  23. package/styles/color-picker/highcontrast-light.css +27 -194
  24. package/styles/color-picker/highcontrast.css +27 -194
  25. package/styles/color-picker/material-dark.css +27 -195
  26. package/styles/color-picker/material.css +27 -196
  27. package/styles/color-picker/tailwind-dark.css +28 -203
  28. package/styles/color-picker/tailwind.css +28 -203
  29. package/styles/fabric-dark.css +122 -656
  30. package/styles/fabric.css +121 -655
  31. package/styles/fluent-dark.css +131 -691
  32. package/styles/fluent.css +131 -691
  33. package/styles/highcontrast-light.css +130 -676
  34. package/styles/highcontrast.css +130 -676
  35. package/styles/input/bootstrap-dark.css +36 -38
  36. package/styles/input/bootstrap.css +33 -35
  37. package/styles/input/bootstrap4.css +33 -35
  38. package/styles/input/bootstrap5-dark.css +33 -35
  39. package/styles/input/bootstrap5.css +33 -35
  40. package/styles/input/fabric-dark.css +32 -33
  41. package/styles/input/fabric.css +32 -33
  42. package/styles/input/fluent-dark.css +32 -33
  43. package/styles/input/fluent.css +32 -33
  44. package/styles/input/highcontrast-light.css +33 -35
  45. package/styles/input/highcontrast.css +33 -35
  46. package/styles/input/material-dark.css +87 -122
  47. package/styles/input/material.css +87 -123
  48. package/styles/input/tailwind-dark.css +32 -33
  49. package/styles/input/tailwind.css +32 -33
  50. package/styles/maskedtextbox/bootstrap-dark.css +1 -1
  51. package/styles/maskedtextbox/bootstrap.css +1 -1
  52. package/styles/maskedtextbox/bootstrap4.css +1 -1
  53. package/styles/maskedtextbox/bootstrap5-dark.css +1 -1
  54. package/styles/maskedtextbox/bootstrap5.css +1 -1
  55. package/styles/maskedtextbox/fabric-dark.css +1 -1
  56. package/styles/maskedtextbox/fabric.css +1 -1
  57. package/styles/maskedtextbox/fluent-dark.css +1 -1
  58. package/styles/maskedtextbox/fluent.css +1 -1
  59. package/styles/maskedtextbox/highcontrast-light.css +1 -1
  60. package/styles/maskedtextbox/highcontrast.css +1 -1
  61. package/styles/maskedtextbox/material-dark.css +1 -2
  62. package/styles/maskedtextbox/material.css +1 -3
  63. package/styles/maskedtextbox/tailwind-dark.css +1 -1
  64. package/styles/maskedtextbox/tailwind.css +1 -1
  65. package/styles/material-dark.css +180 -775
  66. package/styles/material.css +180 -780
  67. package/styles/numerictextbox/bootstrap-dark.css +6 -8
  68. package/styles/numerictextbox/bootstrap.css +6 -8
  69. package/styles/numerictextbox/bootstrap4.css +6 -7
  70. package/styles/numerictextbox/bootstrap5-dark.css +6 -7
  71. package/styles/numerictextbox/bootstrap5.css +6 -7
  72. package/styles/numerictextbox/fabric-dark.css +6 -7
  73. package/styles/numerictextbox/fabric.css +6 -7
  74. package/styles/numerictextbox/fluent-dark.css +7 -9
  75. package/styles/numerictextbox/fluent.css +7 -9
  76. package/styles/numerictextbox/highcontrast-light.css +6 -7
  77. package/styles/numerictextbox/highcontrast.css +6 -7
  78. package/styles/numerictextbox/material-dark.css +6 -8
  79. package/styles/numerictextbox/material.css +6 -9
  80. package/styles/numerictextbox/tailwind-dark.css +6 -7
  81. package/styles/numerictextbox/tailwind.css +6 -7
  82. package/styles/signature/bootstrap-dark.css +1 -1
  83. package/styles/signature/bootstrap.css +1 -1
  84. package/styles/signature/bootstrap4.css +1 -1
  85. package/styles/signature/bootstrap5-dark.css +1 -1
  86. package/styles/signature/bootstrap5.css +1 -1
  87. package/styles/signature/fabric-dark.css +1 -1
  88. package/styles/signature/fabric.css +1 -1
  89. package/styles/signature/fluent-dark.css +1 -1
  90. package/styles/signature/fluent.css +1 -1
  91. package/styles/signature/highcontrast-light.css +1 -1
  92. package/styles/signature/highcontrast.css +1 -1
  93. package/styles/signature/material-dark.css +1 -1
  94. package/styles/signature/material.css +1 -1
  95. package/styles/signature/tailwind-dark.css +1 -1
  96. package/styles/signature/tailwind.css +1 -1
  97. package/styles/slider/bootstrap-dark.css +1 -91
  98. package/styles/slider/bootstrap.css +1 -91
  99. package/styles/slider/bootstrap4.css +1 -104
  100. package/styles/slider/bootstrap5-dark.css +10 -131
  101. package/styles/slider/bootstrap5.css +10 -131
  102. package/styles/slider/fabric-dark.css +2 -96
  103. package/styles/slider/fabric.css +1 -95
  104. package/styles/slider/fluent-dark.css +9 -113
  105. package/styles/slider/fluent.css +9 -113
  106. package/styles/slider/highcontrast-light.css +9 -113
  107. package/styles/slider/highcontrast.css +9 -113
  108. package/styles/slider/material-dark.css +5 -120
  109. package/styles/slider/material.css +5 -120
  110. package/styles/slider/tailwind-dark.css +8 -136
  111. package/styles/slider/tailwind.css +8 -136
  112. package/styles/tailwind-dark.css +129 -705
  113. package/styles/tailwind.css +129 -705
  114. package/styles/textbox/material-dark.css +1 -1
  115. package/styles/textbox/material.css +1 -2
  116. package/styles/textbox/tailwind-dark.css +1 -1
  117. package/styles/textbox/tailwind.css +1 -1
  118. package/styles/uploader/bootstrap-dark.css +59 -330
  119. package/styles/uploader/bootstrap.css +59 -330
  120. package/styles/uploader/bootstrap4.css +59 -330
  121. package/styles/uploader/bootstrap5-dark.css +59 -330
  122. package/styles/uploader/bootstrap5.css +59 -330
  123. package/styles/uploader/fabric-dark.css +59 -330
  124. package/styles/uploader/fabric.css +59 -330
  125. package/styles/uploader/fluent-dark.css +60 -346
  126. package/styles/uploader/fluent.css +60 -346
  127. package/styles/uploader/highcontrast-light.css +59 -330
  128. package/styles/uploader/highcontrast.css +59 -330
  129. package/styles/uploader/material-dark.css +59 -331
  130. package/styles/uploader/material.css +59 -331
  131. package/styles/uploader/tailwind-dark.css +59 -330
  132. package/styles/uploader/tailwind.css +59 -330
@@ -1,5 +1,5 @@
1
1
  .e-container .e-value-switch-btn::before {
2
- content: '\e748';
2
+ content: "\e748";
3
3
  }
4
4
 
5
5
  .e-colorpicker-wrapper,
@@ -11,7 +11,6 @@
11
11
  -ms-user-select: none;
12
12
  user-select: none;
13
13
  }
14
-
15
14
  .e-colorpicker-wrapper .e-colorpicker,
16
15
  .e-colorpicker-container .e-colorpicker {
17
16
  height: 1px;
@@ -19,14 +18,12 @@
19
18
  position: absolute;
20
19
  width: 1px;
21
20
  }
22
-
23
21
  .e-colorpicker-wrapper .e-btn.e-icon-btn,
24
22
  .e-colorpicker-container .e-btn.e-icon-btn {
25
23
  background-color: #fff;
26
24
  border: 1px solid #ced4da;
27
25
  color: #6c757d;
28
26
  }
29
-
30
27
  .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn,
31
28
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
32
29
  font-family: initial;
@@ -35,7 +32,6 @@
35
32
  background-color: transparent;
36
33
  border: 1px solid #ced4da;
37
34
  }
38
-
39
35
  .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
40
36
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
41
37
  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
@@ -46,57 +42,44 @@
46
42
  position: relative;
47
43
  width: 20px;
48
44
  }
49
-
50
45
  .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview,
51
46
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
52
47
  border-radius: 4px;
53
48
  }
54
-
55
49
  .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-btn.e-icon-btn,
56
50
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-btn.e-icon-btn {
57
51
  background-color: #fff;
58
52
  border: 1px solid #ced4da;
59
53
  color: #6c757d;
60
54
  }
61
-
62
55
  .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
63
56
  .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
64
57
  padding: 5px 8px;
65
58
  }
66
-
67
59
  .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn,
68
60
  .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn {
69
61
  background-color: #fff;
70
62
  border: 1px solid #ced4da;
71
63
  color: #6c757d;
72
64
  }
73
-
74
65
  .e-colorpicker-wrapper *,
75
66
  .e-colorpicker-container * {
76
67
  box-sizing: border-box;
77
68
  }
78
-
79
69
  .e-colorpicker-wrapper.e-disabled .e-palette .e-tile,
80
70
  .e-colorpicker-container.e-disabled .e-palette .e-tile {
81
71
  cursor: default;
82
72
  }
83
-
84
73
  .e-colorpicker-wrapper.e-disabled .e-palette .e-tile:hover,
85
74
  .e-colorpicker-container.e-disabled .e-palette .e-tile:hover {
86
75
  border: 0;
87
76
  box-shadow: none;
88
77
  }
89
-
90
78
  .e-colorpicker-wrapper.e-disabled .e-palette .e-tile.e-selected,
91
79
  .e-colorpicker-container.e-disabled .e-palette .e-tile.e-selected {
92
80
  border: 0;
93
81
  }
94
-
95
- .e-colorpicker-wrapper.e-disabled .e-container .e-handler,
96
- .e-colorpicker-wrapper.e-disabled .e-container .e-preview-container,
97
- .e-colorpicker-wrapper.e-disabled .e-container .e-slider-preview .e-colorpicker-slider .e-hue-slider,
98
- .e-colorpicker-wrapper.e-disabled .e-container .e-slider-preview .e-colorpicker-slider .e-opacity-slider,
99
- .e-colorpicker-wrapper.e-disabled .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle,
82
+ .e-colorpicker-wrapper.e-disabled .e-container .e-handler, .e-colorpicker-wrapper.e-disabled .e-container .e-preview-container, .e-colorpicker-wrapper.e-disabled .e-container .e-slider-preview .e-colorpicker-slider .e-hue-slider, .e-colorpicker-wrapper.e-disabled .e-container .e-slider-preview .e-colorpicker-slider .e-opacity-slider, .e-colorpicker-wrapper.e-disabled .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle,
100
83
  .e-colorpicker-container.e-disabled .e-container .e-handler,
101
84
  .e-colorpicker-container.e-disabled .e-container .e-preview-container,
102
85
  .e-colorpicker-container.e-disabled .e-container .e-slider-preview .e-colorpicker-slider .e-hue-slider,
@@ -104,7 +87,6 @@
104
87
  .e-colorpicker-container.e-disabled .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle {
105
88
  cursor: default;
106
89
  }
107
-
108
90
  .e-colorpicker-wrapper.e-disabled .e-container .e-hsv-container,
109
91
  .e-colorpicker-container.e-disabled .e-container .e-hsv-container {
110
92
  pointer-events: none;
@@ -122,13 +104,11 @@
122
104
  top: 0;
123
105
  width: 100%;
124
106
  }
125
-
126
107
  .e-colorpicker.e-modal {
127
108
  background-color: rgba(0, 0, 0, 0.6);
128
- opacity: .5;
109
+ opacity: 0.5;
129
110
  pointer-events: auto;
130
111
  }
131
-
132
112
  .e-colorpicker.e-hsv-model {
133
113
  background-color: transparent;
134
114
  }
@@ -137,8 +117,7 @@
137
117
  position: relative;
138
118
  }
139
119
 
140
- .e-show-value .sf-colorpicker.e-color-palette .e-selected-value,
141
- .e-show-value .sf-colorpicker.e-color-palette .e-switch-ctrl-btn {
120
+ .e-show-value .sf-colorpicker.e-color-palette .e-selected-value, .e-show-value .sf-colorpicker.e-color-palette .e-switch-ctrl-btn {
142
121
  width: 270px;
143
122
  }
144
123
 
@@ -159,7 +138,6 @@ body.e-colorpicker-overflow {
159
138
  background-color: #fff;
160
139
  border: 1px solid #ced4da;
161
140
  }
162
-
163
141
  .e-bigger .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
164
142
  .e-bigger.e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
165
143
  .e-bigger .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
@@ -167,7 +145,6 @@ body.e-colorpicker-overflow {
167
145
  height: 24px;
168
146
  width: 24px;
169
147
  }
170
-
171
148
  .e-bigger .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
172
149
  .e-bigger.e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
173
150
  .e-bigger .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
@@ -186,36 +163,28 @@ body.e-colorpicker-overflow {
186
163
  user-select: none;
187
164
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
188
165
  }
189
-
190
166
  .e-container.e-color-picker {
191
167
  width: 341px;
192
168
  }
193
-
194
169
  .e-container.e-color-picker .e-mode-switch-btn {
195
170
  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA0IENvcHk8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQXJ0Ym9hcmQiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNC1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMjUtQ29weS04IiBmaWxsPSIjNDU5NkNFIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMjUtQ29weS05IiBmaWxsPSIjNUNDMTVCIiB4PSIwIiB5PSIxMiIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIj48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTI1LUNvcHktMTAiIGZpbGw9IiNGQkQ1MDYiIHg9IjEyIiB5PSIwIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMjUtQ29weS0xMSIgZmlsbD0iI0VDNEU0MyIgeD0iMTIiIHk9IjEyIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiPjwvcmVjdD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") no-repeat 100% 100%;
196
171
  }
197
-
198
172
  .e-container.e-color-palette {
199
173
  width: auto;
200
174
  }
201
-
202
175
  .e-container.e-color-palette .e-mode-switch-btn {
203
176
  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE4IDE4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zOnNlcmlmPSJodHRwOi8vd3d3LnNlcmlmLmNvbS8iIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MS40MTQyMTsiPgogICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsMCwxOCkiPgogICAgICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgc3R5bGU9ImZpbGw6dXJsKCNfTGluZWFyMSk7Ii8+CiAgICA8L2c+CiAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwtMSwwLDE4KSI+CiAgICAgICAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiBzdHlsZT0iZmlsbDp1cmwoI19MaW5lYXIyKTsiLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLC0xLDAsMTgpIj4KICAgICAgICA8Y2xpcFBhdGggaWQ9Il9jbGlwMyI+CiAgICAgICAgICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIvPgogICAgICAgIDwvY2xpcFBhdGg+CiAgICAgICAgPGcgY2xpcC1wYXRoPSJ1cmwoI19jbGlwMykiPgogICAgICAgICAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwtMSwtMCwxOCkiPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgogICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsMCwxOCkiPgogICAgICAgIDxjbGlwUGF0aCBpZD0iX2NsaXA0Ij4KICAgICAgICAgICAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4Ii8+CiAgICAgICAgPC9jbGlwUGF0aD4KICAgICAgICA8ZyBjbGlwLXBhdGg9InVybCgjX2NsaXA0KSI+CiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLC0xLC0wLDE4KSI+CiAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNfSW1hZ2U1IiB4PSIwIiB5PSIwIiB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+CiAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwtMSwwLDE4KSI+CiAgICAgICAgPGNsaXBQYXRoIGlkPSJfY2xpcDYiPgogICAgICAgICAgICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiLz4KICAgICAgICA8L2NsaXBQYXRoPgogICAgICAgIDxnIGNsaXAtcGF0aD0idXJsKCNfY2xpcDYpIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsLTAsMTgpIj4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iX0xpbmVhcjEiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCg2LjI3MDE5ZS0xNCwtMTAyNCwtMTAyNCwtNi4yNzAxOWUtMTQsMCwxOCkiPjxzdG9wIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6cmdiKDAsMTgyLDI1NSk7c3RvcC1vcGFjaXR5OjAiLz48c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOmJsYWNrO3N0b3Atb3BhY2l0eTowIi8+PC9saW5lYXJHcmFkaWVudD4KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9Il9MaW5lYXIyIiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4xMDIxOGUtMTUsLTE4LC0xOCwtMS4xMDIxOGUtMTUsMTgsMTgpIj48c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYigwLDE4MiwyNTUpO3N0b3Atb3BhY2l0eToxIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjpibGFjaztzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPGltYWdlIGlkPSJfSW1hZ2U1IiB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB4bGluazpocmVmPSJkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUJJQUFBQVNDQVlBQUFCV3pvNVhBQUFBQ1hCSVdYTUFBQTdFQUFBT3hBR1ZLdzRiQUFBQmUwbEVRVlE0alcyUjIyNGNNUXhER2NBbyt2OC8yU0lYZE9wTk5iSXVWaDlrZXp6SlBoaWlTT3JNQXZ2eTBBanlBSGVBSEdBSHlDUDE4dTQ3ZVl6ZTlBS2xhaDlCZ0F5WG5tVUxjQStRYmQ3cWp4OWdnVkxGUWRiVDlBQlpYNlZkWHpNLy9MVmZqbE11dy9xQWR2QUMzZmR2bVE1UVpVbUErZ1ZUWDZWZDh3Sjk3NWRLbkdYek1VZnBpVGYzdXpkQi93Z2tsaVZ4a0U1dFdSSkxiNGMvNlplamZvTE5NdFJaeXYyWk4zZFNCYXREVlFGWGxQcDRnTlZBb3FPa1F4dW8yY3Iybk5Wd2lnSnVnQ2xnaWxMclgxQ2Jod3BXdmUwa3NtVTUzUXh3SGM4QU01UjZIQnRBUUUzQVlqa25WREpyb2tDM1BIYlBPZlpTano4SjRMWU9XRFIzVlJBblBOeUE3dm1tZGs5UWQ1VGo0dzBzRzRqYjBPbXBUa0FmMHpiZDExN3FCSjBOeEx3MGl5RGNnZGlPcG80K0lCMElINkQzMXdTMEJqb1ozQ1QvMHBpSGNla0ppTmgwdmxMZmZnOUF3OGs4Z3RoZXYyczh6MHA5L1FVNlQ3Z2JFTWhnbGhIcDdjZDQzbm5CajU4ekhVZERiMk1URit6TC9oOXIveU91c0ZQS093QUFBQUJKUlU1RXJrSmdnZz09Ii8+CiAgICA8L2RlZnM+Cjwvc3ZnPgo=") no-repeat 100% 100%;
204
177
  }
205
-
206
178
  .e-container .e-custom-palette {
207
179
  width: auto;
208
180
  }
209
-
210
181
  .e-container .e-custom-palette .e-palette {
211
182
  padding: 10px;
212
183
  }
213
-
214
184
  .e-container .e-custom-palette.e-palette-group {
215
185
  height: 341px;
216
186
  overflow-y: scroll;
217
187
  }
218
-
219
188
  .e-container .e-palette {
220
189
  border-bottom: 0;
221
190
  display: table;
@@ -225,12 +194,10 @@ body.e-colorpicker-overflow {
225
194
  -ms-user-select: none;
226
195
  user-select: none;
227
196
  }
228
-
229
197
  .e-container .e-palette .e-row {
230
198
  display: table-row;
231
199
  white-space: nowrap;
232
200
  }
233
-
234
201
  .e-container .e-palette .e-tile {
235
202
  border: 0.5px solid transparent;
236
203
  box-sizing: border-box;
@@ -241,34 +208,28 @@ body.e-colorpicker-overflow {
241
208
  vertical-align: middle;
242
209
  width: 27px;
243
210
  }
244
-
245
211
  .e-container .e-palette .e-tile.e-selected {
246
212
  outline: #000 0.5px solid;
247
213
  position: relative;
248
214
  }
249
-
250
215
  .e-container .e-palette .e-tile:hover {
251
216
  box-shadow: 2px 2px 7px 2px rgba(222, 226, 230, 0.3);
252
217
  position: relative;
253
218
  }
254
-
255
219
  .e-container .e-palette .e-tile.e-nocolor-item {
256
220
  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
257
221
  background-size: 8px;
258
222
  }
259
-
260
223
  .e-container .e-hsv-container {
261
224
  border-bottom: 0;
262
225
  position: relative;
263
226
  -ms-touch-action: none;
264
227
  touch-action: none;
265
228
  }
266
-
267
229
  .e-container .e-hsv-container .e-hsv-color {
268
230
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%), linear-gradient(to right, #fff 0, rgba(255, 255, 255, 0) 100%);
269
231
  height: 232px;
270
232
  }
271
-
272
233
  .e-container .e-hsv-container .e-handler {
273
234
  border: 1px solid #fff;
274
235
  border-radius: 6px;
@@ -286,33 +247,27 @@ body.e-colorpicker-overflow {
286
247
  user-select: none;
287
248
  width: 8px;
288
249
  }
289
-
290
250
  .e-container .e-slider-preview {
291
251
  display: inline-block;
292
252
  width: 100%;
293
253
  padding: 12px 8px 12px 9px;
294
254
  }
295
-
296
255
  .e-container .e-slider-preview .e-colorpicker-slider {
297
256
  display: inline-block;
298
257
  width: 82.34%;
299
258
  }
300
-
301
259
  .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container {
302
260
  height: 18px;
303
261
  }
304
-
305
262
  .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-slider {
306
263
  height: 18px;
307
264
  top: calc(50% - 9px);
308
265
  }
309
-
310
266
  .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-slider-track {
311
267
  height: 8px;
312
268
  top: calc(50% - 4px);
313
269
  border-radius: 4px;
314
270
  }
315
-
316
271
  .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle {
317
272
  border-radius: 6px;
318
273
  cursor: pointer;
@@ -320,25 +275,20 @@ body.e-colorpicker-overflow {
320
275
  top: calc(68% - 10px);
321
276
  width: 14px;
322
277
  }
323
-
324
278
  .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle.e-handle-active {
325
279
  cursor: pointer;
326
280
  }
327
-
328
281
  .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle.e-large-thumb-size {
329
282
  transform: scale(1);
330
283
  }
331
-
332
284
  .e-container .e-slider-preview .e-colorpicker-slider .e-hue-slider .e-slider-track {
333
285
  background: linear-gradient(to right, #f00 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004 100%);
334
286
  }
335
-
336
287
  .e-container .e-slider-preview .e-colorpicker-slider .e-opacity-slider .e-slider-track {
337
288
  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
338
289
  border: 0;
339
290
  z-index: 0;
340
291
  }
341
-
342
292
  .e-container .e-slider-preview .e-colorpicker-slider .e-opacity-slider .e-opacity-empty-track {
343
293
  background-size: contain;
344
294
  border: 0;
@@ -349,14 +299,9 @@ body.e-colorpicker-overflow {
349
299
  z-index: 1;
350
300
  border-radius: 6px;
351
301
  }
352
-
353
- .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-hue-slider .e-handle,
354
- .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-hue-slider .e-handle-start,
355
- .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-opacity-slider .e-handle,
356
- .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-opacity-slider .e-handle-start {
302
+ .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-hue-slider .e-handle, .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-hue-slider .e-handle-start, .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-opacity-slider .e-handle, .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-opacity-slider .e-handle-start {
357
303
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
358
304
  }
359
-
360
305
  .e-container .e-slider-preview .e-preview-container {
361
306
  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
362
307
  background-size: 10px;
@@ -369,24 +314,20 @@ body.e-colorpicker-overflow {
369
314
  top: 0;
370
315
  width: 13.45%;
371
316
  }
372
-
373
317
  .e-container .e-slider-preview .e-preview-container .e-preview {
374
318
  display: block;
375
319
  height: 18px;
376
320
  position: absolute;
377
321
  width: 100%;
378
322
  }
379
-
380
323
  .e-container .e-slider-preview .e-preview-container .e-preview.e-current {
381
324
  border-bottom: 1px solid #dee2e6;
382
325
  top: 0;
383
326
  }
384
-
385
327
  .e-container .e-slider-preview .e-preview-container .e-preview.e-previous {
386
328
  height: 18px;
387
329
  top: 18px;
388
330
  }
389
-
390
331
  .e-container .e-selected-value {
391
332
  -ms-flex-align: center;
392
333
  align-items: center;
@@ -398,82 +339,67 @@ body.e-colorpicker-overflow {
398
339
  user-select: none;
399
340
  width: 100%;
400
341
  }
401
-
402
342
  .e-container .e-selected-value .e-input-container .e-float-input input {
403
343
  padding-left: 0;
404
344
  text-align: center;
405
345
  }
406
-
407
346
  .e-container .e-selected-value .e-input-container .e-numeric-hidden {
408
347
  display: none;
409
348
  }
410
-
411
349
  .e-container .e-selected-value .e-value-switch-btn {
412
- font-family: 'e-icons';
350
+ font-family: "e-icons";
413
351
  margin-top: 6px;
414
352
  padding: 2px 3px;
415
353
  font-size: 16px;
416
354
  line-height: 16px;
417
355
  }
418
-
419
356
  .e-container .e-input-container {
420
357
  display: inline-block;
421
358
  width: 89.8%;
422
359
  }
423
-
424
360
  .e-container .e-input-container .e-float-input {
425
361
  display: inline-block;
426
362
  margin-right: 2.75%;
427
363
  vertical-align: baseline;
428
364
  margin-top: 8px;
429
365
  }
430
-
431
366
  .e-container .e-input-container .e-float-input:first-child {
432
367
  width: 28%;
433
368
  }
434
-
435
369
  .e-container .e-input-container .e-float-input:first-child input {
436
370
  height: 30px;
437
371
  }
438
-
439
372
  .e-container .e-input-container .e-float-input.e-numeric {
440
373
  height: 30px;
441
374
  width: 14%;
442
375
  }
443
-
444
376
  .e-container .e-input-container .e-float-input.e-numeric input {
445
377
  height: 30px;
446
378
  }
447
-
448
379
  .e-container .e-input-container .e-float-input .e-float-text {
449
380
  text-align: center;
450
381
  }
451
-
452
382
  .e-container .e-switch-ctrl-btn {
453
383
  display: inline-block;
454
384
  padding: 8px;
455
385
  white-space: nowrap;
456
386
  width: 100%;
457
387
  }
458
-
459
388
  .e-container .e-switch-ctrl-btn .e-ctrl-btn {
460
389
  float: right;
461
390
  text-align: right;
462
391
  white-space: nowrap;
463
392
  width: 89.913%;
464
393
  }
465
-
466
394
  .e-container .e-switch-ctrl-btn .e-ctrl-btn .e-btn {
467
395
  max-width: 50%;
468
396
  overflow: hidden;
469
397
  text-overflow: ellipsis;
470
398
  white-space: nowrap;
471
399
  }
472
-
473
400
  .e-container .e-switch-ctrl-btn .e-ctrl-btn .e-btn.e-cancel {
474
401
  margin-left: 3.62%;
475
402
  }
476
-
477
403
  .e-container .e-switch-ctrl-btn .e-mode-switch-btn {
478
404
  background-origin: border-box;
479
405
  background-position: center;
@@ -483,37 +409,28 @@ body.e-colorpicker-overflow {
483
409
  overflow: hidden;
484
410
  white-space: nowrap;
485
411
  }
486
-
487
412
  .e-container .e-switch-ctrl-btn .e-mode-switch-btn:focus {
488
413
  box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.2);
489
414
  }
490
-
491
- .e-container .e-value-switch-btn,
492
- .e-container .e-mode-switch-btn {
415
+ .e-container .e-value-switch-btn, .e-container .e-mode-switch-btn {
493
416
  background-color: transparent;
494
417
  border-color: transparent;
495
418
  position: relative;
496
419
  width: 10.09%;
497
420
  height: 30px;
498
421
  }
499
-
500
422
  .e-container.e-color-picker .e-value-switch-btn:focus, .e-container.e-color-picker .e-value-switch-btn:hover, .e-container.e-color-picker .e-value-switch-btn:active {
501
423
  border-color: transparent;
502
424
  box-shadow: none;
503
425
  outline: none;
504
426
  }
505
-
506
427
  .e-container.e-color-picker .e-value-switch-btn:focus {
507
428
  outline: none;
508
429
  }
509
-
510
- .e-container.e-color-palette .e-palette + .e-selected-value,
511
- .e-container.e-color-palette .e-palette-group + .e-selected-value {
430
+ .e-container.e-color-palette .e-palette + .e-selected-value, .e-container.e-color-palette .e-palette-group + .e-selected-value {
512
431
  padding: 16px 16px;
513
432
  }
514
-
515
- .e-container.e-color-palette .e-palette + .e-switch-ctrl-btn,
516
- .e-container.e-color-palette .e-palette-group + .e-switch-ctrl-btn {
433
+ .e-container.e-color-palette .e-palette + .e-switch-ctrl-btn, .e-container.e-color-palette .e-palette-group + .e-switch-ctrl-btn {
517
434
  padding: 23px 8px 8px;
518
435
  }
519
436
 
@@ -524,15 +441,12 @@ body.e-colorpicker-overflow {
524
441
  .e-hide-opacity .e-container .e-slider-preview .e-colorpicker-slider {
525
442
  vertical-align: super;
526
443
  }
527
-
528
444
  .e-hide-opacity .e-container .e-slider-preview .e-preview-container {
529
445
  top: 0;
530
446
  }
531
-
532
447
  .e-hide-opacity .e-container .e-float-input:first-child {
533
448
  width: 36%;
534
449
  }
535
-
536
450
  .e-hide-opacity .e-container .e-float-input.e-numeric {
537
451
  width: 16.3%;
538
452
  }
@@ -540,7 +454,6 @@ body.e-colorpicker-overflow {
540
454
  .e-hide-hex-value .e-container .e-float-input.e-numeric {
541
455
  width: 21.25%;
542
456
  }
543
-
544
457
  .e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric {
545
458
  width: 29.59%;
546
459
  }
@@ -548,31 +461,24 @@ body.e-colorpicker-overflow {
548
461
  .e-hide-valueswitcher .e-container .e-input-container {
549
462
  width: 100%;
550
463
  }
551
-
552
464
  .e-hide-valueswitcher .e-container .e-float-input:first-child {
553
465
  width: 28%;
554
466
  }
555
-
556
467
  .e-hide-valueswitcher .e-container .e-float-input.e-numeric {
557
468
  width: 13%;
558
469
  }
559
-
560
470
  .e-hide-valueswitcher .e-container .e-float-input:last-child {
561
471
  margin-right: 0;
562
472
  }
563
-
564
473
  .e-hide-valueswitcher.e-hide-opacity .e-container .e-float-input:first-child {
565
474
  width: 36%;
566
475
  }
567
-
568
476
  .e-hide-valueswitcher.e-hide-opacity .e-container .e-float-input.e-numeric {
569
477
  width: 17.58%;
570
478
  }
571
-
572
479
  .e-hide-valueswitcher.e-hide-hex-value .e-container .e-float-input.e-numeric {
573
480
  width: 22.18%;
574
481
  }
575
-
576
482
  .e-hide-valueswitcher.e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric {
577
483
  width: 30.82%;
578
484
  }
@@ -580,47 +486,37 @@ body.e-colorpicker-overflow {
580
486
  .e-rtl .e-container .e-hsv-container .e-hsv-color {
581
487
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%), linear-gradient(to left, #fff 0, rgba(255, 255, 255, 0) 100%);
582
488
  }
583
-
584
489
  .e-rtl .e-container .e-slider-preview .e-hue-slider .e-slider-track {
585
490
  background: linear-gradient(to left, #f00 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004 100%);
586
491
  }
587
-
588
492
  .e-rtl .e-container .e-slider-preview .e-preview-container {
589
493
  margin-left: 0;
590
494
  margin-right: 4.205%;
591
495
  }
592
-
593
496
  .e-rtl .e-container .e-selected-value .e-float-input {
594
497
  margin-left: 2.75%;
595
498
  margin-right: 0;
596
499
  }
597
-
598
500
  .e-rtl .e-container .e-selected-value .e-float-input input {
599
501
  padding-right: 0;
600
502
  }
601
-
602
503
  .e-rtl .e-container .e-selected-value .e-value-switch-btn {
603
504
  transform: rotate(180deg);
604
505
  }
605
-
606
506
  .e-rtl .e-container .e-switch-ctrl-btn .e-mode-switch-btn {
607
507
  float: right;
608
508
  }
609
-
610
509
  .e-rtl .e-container .e-switch-ctrl-btn .e-ctrl-btn {
611
510
  float: left;
612
511
  text-align: left;
613
512
  }
614
-
615
513
  .e-rtl .e-container .e-switch-ctrl-btn .e-ctrl-btn .e-cancel {
616
514
  margin-left: 0;
617
515
  margin-right: 3.62%;
618
516
  }
619
-
620
517
  .e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input {
621
518
  margin-right: calc(2.75% - 2.28px);
622
519
  }
623
-
624
520
  .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child {
625
521
  margin-left: 0;
626
522
  }
@@ -628,161 +524,114 @@ body.e-colorpicker-overflow {
628
524
  .e-bigger .e-container.e-color-picker {
629
525
  width: 462px;
630
526
  }
631
-
632
527
  .e-bigger .e-container .e-palette .e-tile {
633
528
  height: 29px;
634
529
  width: 29px;
635
530
  }
636
-
637
531
  .e-bigger .e-container .e-hsv-container .e-hsv-color {
638
532
  height: 301px;
639
533
  }
640
-
641
534
  .e-bigger .e-container .e-custom-palette.e-palette-group {
642
535
  height: 462px;
643
536
  }
644
-
645
537
  .e-bigger .e-container .e-slider-preview {
646
538
  padding: 16px 16px;
647
539
  }
648
-
649
540
  .e-bigger .e-container .e-slider-preview .e-preview-container {
650
541
  margin-left: 4.657%;
651
542
  vertical-align: super;
652
543
  width: 12.405%;
653
544
  top: 0;
654
545
  }
655
-
656
546
  .e-bigger .e-container .e-slider-preview .e-colorpicker-slider {
657
547
  width: 82.944%;
658
548
  }
659
-
660
549
  .e-bigger .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container {
661
550
  height: 21px;
662
551
  }
663
-
664
552
  .e-bigger .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-slider-track {
665
553
  border-radius: 6px;
666
554
  }
667
-
668
555
  .e-bigger .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle {
669
556
  border-radius: 10px;
670
557
  height: 16px;
671
558
  top: calc(76% - 13px);
672
559
  width: 16px;
673
560
  }
674
-
675
561
  .e-bigger .e-container .e-slider-preview .e-switch-ctrl-btn .e-ctrl-btn {
676
562
  width: 90.6%;
677
563
  }
678
-
679
564
  .e-bigger .e-container.e-color-palette .e-palette + .e-switch-ctrl-btn {
680
565
  padding: 25px 12px 12px;
681
566
  }
682
-
683
567
  .e-bigger .e-container .e-input-container {
684
568
  width: 90.7%;
685
569
  }
686
-
687
570
  .e-bigger .e-container .e-input-container .e-float-input {
688
571
  margin-right: 3.425%;
689
572
  }
690
-
691
573
  .e-bigger .e-container .e-input-container .e-float-input:first-child {
692
574
  width: 33.5%;
693
575
  }
694
-
695
576
  .e-bigger .e-container .e-input-container .e-float-input:first-child input {
696
577
  height: 38px;
697
578
  }
698
-
699
579
  .e-bigger .e-container .e-input-container .e-float-input.e-numeric {
700
580
  height: 38px;
701
581
  width: 12.34%;
702
582
  }
703
-
704
583
  .e-bigger .e-container .e-input-container .e-float-input.e-numeric input {
705
584
  height: 38px;
706
585
  }
707
-
708
- .e-bigger .e-container .e-css.e-value-switch-btn,
709
- .e-bigger .e-container .e-mode-switch-btn {
586
+ .e-bigger .e-container .e-css.e-value-switch-btn, .e-bigger .e-container .e-mode-switch-btn {
710
587
  padding: 2px 3px;
711
588
  width: 9.306%;
712
589
  font-size: 18px;
713
590
  line-height: 18px;
714
591
  }
715
-
716
592
  .e-bigger .e-container .e-mode-switch-btn {
717
593
  margin-top: 0;
718
594
  }
719
-
720
595
  .e-bigger .e-container.sf-colorpicker .e-input-container .e-float-input {
721
596
  margin-right: calc(3.425% - 2.68px);
722
597
  }
723
-
724
598
  .e-bigger .e-hide-opacity .e-container .e-slider-preview, .e-bigger.e-hide-opacity .e-container .e-slider-preview {
725
599
  padding: 16px 16px;
726
600
  }
727
-
728
601
  .e-bigger .e-hide-opacity .e-container .e-slider-preview .e-preview-container, .e-bigger.e-hide-opacity .e-container .e-slider-preview .e-preview-container {
729
602
  vertical-align: initial;
730
603
  }
731
-
732
604
  .e-bigger .e-hide-opacity .e-container .e-float-input:first-child, .e-bigger.e-hide-opacity .e-container .e-float-input:first-child {
733
605
  width: 36%;
734
606
  }
735
-
736
607
  .e-bigger .e-hide-opacity .e-container .e-float-input.e-numeric, .e-bigger.e-hide-opacity .e-container .e-float-input.e-numeric {
737
608
  width: 16.76%;
738
609
  }
739
-
740
- .e-bigger.e-hide-hex-value .e-container .e-float-input.e-numeric,
741
- .e-bigger .e-hide-hex-value .e-container .e-float-input.e-numeric {
610
+ .e-bigger.e-hide-hex-value .e-container .e-float-input.e-numeric, .e-bigger .e-hide-hex-value .e-container .e-float-input.e-numeric {
742
611
  width: 21.58%;
743
612
  }
744
-
745
- .e-bigger.e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric,
746
- .e-bigger .e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric {
613
+ .e-bigger.e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric, .e-bigger .e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric {
747
614
  width: 29.59%;
748
615
  }
749
-
750
- .e-bigger.e-hide-valueswitcher .e-container .e-input-container,
751
- .e-bigger .e-hide-valueswitcher .e-container .e-input-container {
616
+ .e-bigger.e-hide-valueswitcher .e-container .e-input-container, .e-bigger .e-hide-valueswitcher .e-container .e-input-container {
752
617
  width: 100%;
753
618
  }
754
-
755
- .e-bigger.e-hide-valueswitcher .e-container .e-float-input:last-child,
756
- .e-bigger .e-hide-valueswitcher .e-container .e-float-input:last-child {
619
+ .e-bigger.e-hide-valueswitcher .e-container .e-float-input:last-child, .e-bigger .e-hide-valueswitcher .e-container .e-float-input:last-child {
757
620
  margin-right: 0;
758
621
  }
759
-
760
- .e-bigger.e-hide-valueswitcher .e-container .e-float-input.e-numeric,
761
- .e-bigger .e-hide-valueswitcher .e-container .e-float-input.e-numeric {
622
+ .e-bigger.e-hide-valueswitcher .e-container .e-float-input.e-numeric, .e-bigger .e-hide-valueswitcher .e-container .e-float-input.e-numeric {
762
623
  width: 13.2%;
763
624
  }
764
-
765
- .e-bigger.e-hide-valueswitcher.e-hide-opacity .e-container .e-float-input:first-child,
766
- .e-bigger .e-hide-valueswitcher.e-hide-opacity .e-container .e-float-input:first-child {
625
+ .e-bigger.e-hide-valueswitcher.e-hide-opacity .e-container .e-float-input:first-child, .e-bigger .e-hide-valueswitcher.e-hide-opacity .e-container .e-float-input:first-child {
767
626
  width: 36%;
768
627
  }
769
-
770
- .e-bigger.e-hide-valueswitcher.e-hide-opacity .e-container .e-float-input.e-numeric,
771
- .e-bigger .e-hide-valueswitcher.e-hide-opacity .e-container .e-float-input.e-numeric {
628
+ .e-bigger.e-hide-valueswitcher.e-hide-opacity .e-container .e-float-input.e-numeric, .e-bigger .e-hide-valueswitcher.e-hide-opacity .e-container .e-float-input.e-numeric {
772
629
  width: 17.9%;
773
630
  }
774
-
775
- .e-bigger.e-hide-valueswitcher.e-hide-hex-value .e-container .e-float-input.e-numeric,
776
- .e-bigger.e-hide-valueswitcher .e-hide-hex-value .e-container .e-float-input.e-numeric,
777
- .e-bigger .e-hide-valueswitcher.e-hide-hex-value .e-container .e-float-input.e-numeric,
778
- .e-bigger .e-hide-valueswitcher .e-hide-hex-value .e-container .e-float-input.e-numeric {
631
+ .e-bigger.e-hide-valueswitcher.e-hide-hex-value .e-container .e-float-input.e-numeric, .e-bigger.e-hide-valueswitcher .e-hide-hex-value .e-container .e-float-input.e-numeric, .e-bigger .e-hide-valueswitcher.e-hide-hex-value .e-container .e-float-input.e-numeric, .e-bigger .e-hide-valueswitcher .e-hide-hex-value .e-container .e-float-input.e-numeric {
779
632
  width: 21.58%;
780
633
  }
781
-
782
- .e-bigger.e-hide-valueswitcher.e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric,
783
- .e-bigger.e-hide-valueswitcher .e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric,
784
- .e-bigger .e-hide-valueswitcher.e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric,
785
- .e-bigger .e-hide-valueswitcher .e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric {
634
+ .e-bigger.e-hide-valueswitcher.e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric, .e-bigger.e-hide-valueswitcher .e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric, .e-bigger .e-hide-valueswitcher.e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric, .e-bigger .e-hide-valueswitcher .e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric {
786
635
  width: 31%;
787
636
  }
788
637
 
@@ -791,18 +640,15 @@ body.e-colorpicker-overflow {
791
640
  margin-left: 0;
792
641
  margin-right: 4.657%;
793
642
  }
794
-
795
643
  .e-bigger .e-rtl .e-container .e-selected-value .e-float-input,
796
644
  .e-bigger.e-rtl .e-container .e-selected-value .e-float-input {
797
645
  margin-left: 3.425%;
798
646
  margin-right: 0;
799
647
  }
800
-
801
648
  .e-bigger .e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input,
802
649
  .e-bigger.e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input {
803
650
  margin-left: calc(3.425% - 2.68px);
804
651
  }
805
-
806
652
  .e-bigger .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child,
807
653
  .e-bigger.e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child {
808
654
  margin-left: 0;
@@ -825,7 +671,6 @@ body.e-colorpicker-overflow {
825
671
  transform: translateY(18px) rotate(45deg) scale(0.01);
826
672
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
827
673
  }
828
-
829
674
  .e-popup.e-tooltip-wrap.e-color-picker-tooltip .e-tip-content {
830
675
  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
831
676
  background-size: 8px;
@@ -849,7 +694,6 @@ body.e-colorpicker-overflow {
849
694
  .e-bigger.e-popup.e-tooltip-wrap.e-color-picker-tooltip {
850
695
  min-width: 32px;
851
696
  }
852
-
853
697
  .e-bigger .e-popup.e-tooltip-wrap.e-color-picker-tooltip .e-tip-content,
854
698
  .e-bigger.e-popup.e-tooltip-wrap.e-color-picker-tooltip .e-tip-content {
855
699
  height: 30px;
@@ -859,50 +703,38 @@ body.e-colorpicker-overflow {
859
703
  .e-container {
860
704
  background-color: #fff;
861
705
  }
862
-
863
706
  .e-container .e-palette .e-tile:hover {
864
707
  border-color: #fff;
865
708
  }
866
-
867
709
  .e-container .e-palette .e-tile.e-selected {
868
710
  border-color: #fff;
869
711
  }
870
-
871
- .e-container .e-handler.e-hide-handler,
872
- .e-container .e-handle.e-hide-handler {
712
+ .e-container .e-handler.e-hide-handler, .e-container .e-handle.e-hide-handler {
873
713
  background-color: transparent;
874
714
  border-color: transparent;
875
715
  box-shadow: none;
876
716
  }
877
717
 
878
- .e-container .e-control-wrapper.e-slider-container .e-slider.e-hue-slider .e-handle:not(.e-tab-handle),
879
- .e-container .e-control-wrapper.e-slider-container .e-slider.e-opacity-slider .e-handle:not(.e-tab-handle) {
718
+ .e-container .e-control-wrapper.e-slider-container .e-slider.e-hue-slider .e-handle:not(.e-tab-handle), .e-container .e-control-wrapper.e-slider-container .e-slider.e-opacity-slider .e-handle:not(.e-tab-handle) {
880
719
  background-color: #fff;
881
720
  border-color: #fff;
882
721
  }
883
-
884
- .e-container .e-control-wrapper.e-slider-container .e-slider.e-hue-slider .e-handle:not(.e-tab-handle).e-handle-start:not(.e-tab-handle),
885
- .e-container .e-control-wrapper.e-slider-container .e-slider.e-opacity-slider .e-handle:not(.e-tab-handle).e-handle-start:not(.e-tab-handle) {
722
+ .e-container .e-control-wrapper.e-slider-container .e-slider.e-hue-slider .e-handle:not(.e-tab-handle).e-handle-start:not(.e-tab-handle), .e-container .e-control-wrapper.e-slider-container .e-slider.e-opacity-slider .e-handle:not(.e-tab-handle).e-handle-start:not(.e-tab-handle) {
886
723
  background-color: #fff;
887
724
  border-color: #fff;
888
725
  }
889
-
890
- .e-container .e-control-wrapper.e-slider-container .e-slider.e-hue-slider .e-handle.e-tab-handle,
891
- .e-container .e-control-wrapper.e-slider-container .e-slider.e-opacity-slider .e-handle.e-tab-handle {
726
+ .e-container .e-control-wrapper.e-slider-container .e-slider.e-hue-slider .e-handle.e-tab-handle, .e-container .e-control-wrapper.e-slider-container .e-slider.e-opacity-slider .e-handle.e-tab-handle {
892
727
  background-color: #fff;
893
728
  border-color: #fff;
894
729
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
895
730
  }
896
731
 
897
- .e-colorpicker-wrapper.e-disabled .e-value-switch-btn,
898
- .e-colorpicker-wrapper.e-disabled .e-mode-switch-btn,
732
+ .e-colorpicker-wrapper.e-disabled .e-value-switch-btn, .e-colorpicker-wrapper.e-disabled .e-mode-switch-btn,
899
733
  .e-colorpicker-container.e-disabled .e-value-switch-btn,
900
734
  .e-colorpicker-container.e-disabled .e-mode-switch-btn {
901
735
  color: rgba(255, 255, 255, 0.65);
902
736
  }
903
-
904
- .e-colorpicker-wrapper.e-disabled .e-value-switch-btn:focus,
905
- .e-colorpicker-wrapper.e-disabled .e-mode-switch-btn:focus,
737
+ .e-colorpicker-wrapper.e-disabled .e-value-switch-btn:focus, .e-colorpicker-wrapper.e-disabled .e-mode-switch-btn:focus,
906
738
  .e-colorpicker-container.e-disabled .e-value-switch-btn:focus,
907
739
  .e-colorpicker-container.e-disabled .e-mode-switch-btn:focus {
908
740
  background-color: transparent;
@@ -910,27 +742,22 @@ body.e-colorpicker-overflow {
910
742
  outline: none;
911
743
  outline-offset: unset;
912
744
  }
913
-
914
- .e-colorpicker-wrapper.e-disabled .e-value-switch-btn:active,
915
- .e-colorpicker-wrapper.e-disabled .e-mode-switch-btn:active,
745
+ .e-colorpicker-wrapper.e-disabled .e-value-switch-btn:active, .e-colorpicker-wrapper.e-disabled .e-mode-switch-btn:active,
916
746
  .e-colorpicker-container.e-disabled .e-value-switch-btn:active,
917
747
  .e-colorpicker-container.e-disabled .e-mode-switch-btn:active {
918
748
  background-color: transparent;
919
749
  color: rgba(255, 255, 255, 0.65);
920
750
  }
921
-
922
751
  .e-colorpicker-wrapper .e-btn.e-icon-btn,
923
752
  .e-colorpicker-container .e-btn.e-icon-btn {
924
753
  background-color: transparent;
925
754
  color: #6c757d;
926
755
  }
927
-
928
756
  .e-colorpicker-wrapper .e-icon-btn:hover,
929
757
  .e-colorpicker-container .e-icon-btn:hover {
930
758
  background-color: #5c636a;
931
759
  color: #fff;
932
760
  }
933
-
934
761
  .e-colorpicker-wrapper .e-icon-btn:focus,
935
762
  .e-colorpicker-container .e-icon-btn:focus {
936
763
  background-color: #5c636a;
@@ -938,14 +765,12 @@ body.e-colorpicker-overflow {
938
765
  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
939
766
  color: #fff;
940
767
  }
941
-
942
768
  .e-colorpicker-wrapper .e-icon-btn:active,
943
769
  .e-colorpicker-container .e-icon-btn:active {
944
770
  background-color: #565e64;
945
771
  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
946
772
  color: #fff;
947
773
  }
948
-
949
774
  .e-colorpicker-wrapper .e-icon-btn:disabled, .e-colorpicker-wrapper .e-icon-btn.e-disabled,
950
775
  .e-colorpicker-container .e-icon-btn:disabled,
951
776
  .e-colorpicker-container .e-icon-btn.e-disabled {
@@ -957,4 +782,4 @@ body.e-colorpicker-overflow {
957
782
  .e-popup.e-tooltip-wrap.e-color-picker-tooltip {
958
783
  background-color: #fff;
959
784
  border-color: #fff;
960
- }
785
+ }