@syncfusion/ej2-vue-inputs 20.1.47 → 20.1.48

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