@syncfusion/ej2-angular-inputs 23.2.4-ngcc → 24.1.41-ngcc

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 (228) hide show
  1. package/CHANGELOG.md +1 -40
  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 +9 -9
  5. package/schematics/utils/lib-details.d.ts +2 -2
  6. package/schematics/utils/lib-details.js +2 -2
  7. package/schematics/utils/lib-details.ts +2 -2
  8. package/styles/bootstrap-dark.css +1 -7061
  9. package/styles/bootstrap-dark.scss +1 -0
  10. package/styles/bootstrap.css +1 -7040
  11. package/styles/bootstrap.scss +1 -0
  12. package/styles/bootstrap4.css +1 -7194
  13. package/styles/bootstrap4.scss +1 -0
  14. package/styles/bootstrap5-dark.css +1 -7345
  15. package/styles/bootstrap5-dark.scss +1 -0
  16. package/styles/bootstrap5.css +1 -7345
  17. package/styles/bootstrap5.scss +1 -0
  18. package/styles/color-picker/bootstrap-dark.css +1 -745
  19. package/styles/color-picker/bootstrap.css +1 -745
  20. package/styles/color-picker/bootstrap4.css +1 -828
  21. package/styles/color-picker/bootstrap5-dark.css +1 -796
  22. package/styles/color-picker/bootstrap5.css +1 -796
  23. package/styles/color-picker/fabric-dark.css +1 -745
  24. package/styles/color-picker/fabric.css +1 -745
  25. package/styles/color-picker/fluent-dark.css +1 -753
  26. package/styles/color-picker/fluent.css +1 -753
  27. package/styles/color-picker/highcontrast-light.css +1 -745
  28. package/styles/color-picker/highcontrast.css +1 -745
  29. package/styles/color-picker/material-dark.css +1 -751
  30. package/styles/color-picker/material.css +1 -759
  31. package/styles/color-picker/material3-dark.css +1 -879
  32. package/styles/color-picker/material3.css +1 -935
  33. package/styles/color-picker/tailwind-dark.css +1 -773
  34. package/styles/color-picker/tailwind.css +1 -773
  35. package/styles/data-form/bootstrap-dark.css +1 -0
  36. package/styles/data-form/bootstrap-dark.scss +1 -0
  37. package/styles/data-form/bootstrap.css +1 -0
  38. package/styles/data-form/bootstrap.scss +1 -0
  39. package/styles/data-form/bootstrap4.css +1 -0
  40. package/styles/data-form/bootstrap4.scss +1 -0
  41. package/styles/data-form/bootstrap5-dark.css +1 -0
  42. package/styles/data-form/bootstrap5-dark.scss +1 -0
  43. package/styles/data-form/bootstrap5.css +1 -0
  44. package/styles/data-form/bootstrap5.scss +1 -0
  45. package/styles/data-form/fabric-dark.css +1 -0
  46. package/styles/data-form/fabric-dark.scss +1 -0
  47. package/styles/data-form/fabric.css +1 -0
  48. package/styles/data-form/fabric.scss +1 -0
  49. package/styles/data-form/fluent-dark.css +1 -0
  50. package/styles/data-form/fluent-dark.scss +1 -0
  51. package/styles/data-form/fluent.css +1 -0
  52. package/styles/data-form/fluent.scss +1 -0
  53. package/styles/data-form/highcontrast-light.css +1 -0
  54. package/styles/data-form/highcontrast-light.scss +1 -0
  55. package/styles/data-form/highcontrast.css +1 -0
  56. package/styles/data-form/highcontrast.scss +1 -0
  57. package/styles/data-form/material-dark.css +1 -0
  58. package/styles/data-form/material-dark.scss +1 -0
  59. package/styles/data-form/material.css +1 -0
  60. package/styles/data-form/material.scss +1 -0
  61. package/styles/data-form/material3-dark.css +1 -0
  62. package/styles/data-form/material3-dark.scss +2 -0
  63. package/styles/data-form/material3.css +1 -0
  64. package/styles/data-form/material3.scss +2 -0
  65. package/styles/data-form/tailwind-dark.css +1 -0
  66. package/styles/data-form/tailwind-dark.scss +1 -0
  67. package/styles/data-form/tailwind.css +1 -0
  68. package/styles/data-form/tailwind.scss +1 -0
  69. package/styles/fabric-dark.css +1 -6990
  70. package/styles/fabric-dark.scss +1 -0
  71. package/styles/fabric.css +1 -6990
  72. package/styles/fabric.scss +1 -0
  73. package/styles/fluent-dark.css +1 -7126
  74. package/styles/fluent-dark.scss +1 -0
  75. package/styles/fluent.css +1 -7126
  76. package/styles/fluent.scss +1 -0
  77. package/styles/highcontrast-light.css +1 -7306
  78. package/styles/highcontrast-light.scss +1 -0
  79. package/styles/highcontrast.css +1 -7306
  80. package/styles/highcontrast.scss +1 -0
  81. package/styles/input/bootstrap-dark.css +1 -4652
  82. package/styles/input/bootstrap.css +1 -4652
  83. package/styles/input/bootstrap4.css +1 -4634
  84. package/styles/input/bootstrap5-dark.css +1 -4745
  85. package/styles/input/bootstrap5.css +1 -4745
  86. package/styles/input/fabric-dark.css +1 -4572
  87. package/styles/input/fabric.css +1 -4572
  88. package/styles/input/fluent-dark.css +1 -4617
  89. package/styles/input/fluent.css +1 -4617
  90. package/styles/input/highcontrast-light.css +1 -4846
  91. package/styles/input/highcontrast.css +1 -4846
  92. package/styles/input/material-dark.css +1 -12567
  93. package/styles/input/material.css +1 -12575
  94. package/styles/input/material3-dark.css +1 -12444
  95. package/styles/input/material3.css +1 -12500
  96. package/styles/input/tailwind-dark.css +1 -4588
  97. package/styles/input/tailwind.css +1 -4588
  98. package/styles/maskedtextbox/bootstrap-dark.css +1 -34
  99. package/styles/maskedtextbox/bootstrap.css +1 -14
  100. package/styles/maskedtextbox/bootstrap4.css +1 -34
  101. package/styles/maskedtextbox/bootstrap5-dark.css +1 -34
  102. package/styles/maskedtextbox/bootstrap5.css +1 -34
  103. package/styles/maskedtextbox/fabric-dark.css +1 -34
  104. package/styles/maskedtextbox/fabric.css +1 -34
  105. package/styles/maskedtextbox/fluent-dark.css +1 -27
  106. package/styles/maskedtextbox/fluent.css +1 -27
  107. package/styles/maskedtextbox/highcontrast-light.css +1 -34
  108. package/styles/maskedtextbox/highcontrast.css +1 -34
  109. package/styles/maskedtextbox/material-dark.css +1 -40
  110. package/styles/maskedtextbox/material.css +1 -48
  111. package/styles/maskedtextbox/material3-dark.css +1 -103
  112. package/styles/maskedtextbox/material3.css +1 -159
  113. package/styles/maskedtextbox/tailwind-dark.css +1 -34
  114. package/styles/maskedtextbox/tailwind.css +1 -34
  115. package/styles/material-dark.css +1 -15146
  116. package/styles/material-dark.scss +1 -0
  117. package/styles/material.css +1 -15190
  118. package/styles/material.scss +1 -0
  119. package/styles/material3-dark.css +1 -15642
  120. package/styles/material3-dark.scss +1 -0
  121. package/styles/material3.css +1 -16146
  122. package/styles/material3.scss +1 -0
  123. package/styles/numerictextbox/bootstrap-dark.css +1 -52
  124. package/styles/numerictextbox/bootstrap.css +1 -52
  125. package/styles/numerictextbox/bootstrap4.css +1 -48
  126. package/styles/numerictextbox/bootstrap5-dark.css +1 -48
  127. package/styles/numerictextbox/bootstrap5.css +1 -48
  128. package/styles/numerictextbox/fabric-dark.css +1 -48
  129. package/styles/numerictextbox/fabric.css +1 -48
  130. package/styles/numerictextbox/fluent-dark.css +1 -59
  131. package/styles/numerictextbox/fluent.css +1 -59
  132. package/styles/numerictextbox/highcontrast-light.css +1 -48
  133. package/styles/numerictextbox/highcontrast.css +1 -48
  134. package/styles/numerictextbox/material-dark.css +1 -54
  135. package/styles/numerictextbox/material.css +1 -62
  136. package/styles/numerictextbox/material3-dark.css +1 -117
  137. package/styles/numerictextbox/material3.css +1 -173
  138. package/styles/numerictextbox/tailwind-dark.css +1 -48
  139. package/styles/numerictextbox/tailwind.css +1 -48
  140. package/styles/rating/bootstrap-dark.css +1 -270
  141. package/styles/rating/bootstrap.css +1 -270
  142. package/styles/rating/bootstrap4.css +1 -270
  143. package/styles/rating/bootstrap5-dark.css +1 -271
  144. package/styles/rating/bootstrap5.css +1 -271
  145. package/styles/rating/fabric-dark.css +1 -270
  146. package/styles/rating/fabric.css +1 -270
  147. package/styles/rating/fluent-dark.css +1 -270
  148. package/styles/rating/fluent.css +1 -270
  149. package/styles/rating/highcontrast-light.css +1 -270
  150. package/styles/rating/highcontrast.css +1 -270
  151. package/styles/rating/material-dark.css +1 -270
  152. package/styles/rating/material.css +1 -270
  153. package/styles/rating/material3-dark.css +1 -335
  154. package/styles/rating/material3.css +1 -391
  155. package/styles/rating/tailwind-dark.css +1 -275
  156. package/styles/rating/tailwind.css +1 -275
  157. package/styles/signature/bootstrap-dark.css +1 -9
  158. package/styles/signature/bootstrap.css +1 -9
  159. package/styles/signature/bootstrap4.css +1 -9
  160. package/styles/signature/bootstrap5-dark.css +1 -9
  161. package/styles/signature/bootstrap5.css +1 -9
  162. package/styles/signature/fabric-dark.css +1 -9
  163. package/styles/signature/fabric.css +1 -9
  164. package/styles/signature/fluent-dark.css +1 -9
  165. package/styles/signature/fluent.css +1 -9
  166. package/styles/signature/highcontrast-light.css +1 -9
  167. package/styles/signature/highcontrast.css +1 -9
  168. package/styles/signature/material-dark.css +1 -9
  169. package/styles/signature/material.css +1 -9
  170. package/styles/signature/material3-dark.css +1 -64
  171. package/styles/signature/material3.css +1 -120
  172. package/styles/signature/tailwind-dark.css +1 -9
  173. package/styles/signature/tailwind.css +1 -9
  174. package/styles/slider/bootstrap-dark.css +1 -492
  175. package/styles/slider/bootstrap.css +1 -492
  176. package/styles/slider/bootstrap4.css +1 -564
  177. package/styles/slider/bootstrap5-dark.css +1 -629
  178. package/styles/slider/bootstrap5.css +1 -629
  179. package/styles/slider/fabric-dark.css +1 -504
  180. package/styles/slider/fabric.css +1 -504
  181. package/styles/slider/fluent-dark.css +1 -532
  182. package/styles/slider/fluent.css +1 -532
  183. package/styles/slider/highcontrast-light.css +1 -547
  184. package/styles/slider/highcontrast.css +1 -547
  185. package/styles/slider/material-dark.css +1 -642
  186. package/styles/slider/material.css +1 -642
  187. package/styles/slider/material3-dark.css +1 -764
  188. package/styles/slider/material3.css +1 -820
  189. package/styles/slider/tailwind-dark.css +1 -628
  190. package/styles/slider/tailwind.css +1 -628
  191. package/styles/tailwind-dark.css +1 -7197
  192. package/styles/tailwind-dark.scss +1 -0
  193. package/styles/tailwind.css +1 -7197
  194. package/styles/tailwind.scss +1 -0
  195. package/styles/textbox/bootstrap-dark.css +1 -2
  196. package/styles/textbox/bootstrap.css +1 -2
  197. package/styles/textbox/bootstrap4.css +1 -2
  198. package/styles/textbox/bootstrap5-dark.css +1 -2
  199. package/styles/textbox/bootstrap5.css +1 -2
  200. package/styles/textbox/fabric-dark.css +1 -2
  201. package/styles/textbox/fabric.css +1 -2
  202. package/styles/textbox/fluent-dark.css +1 -2
  203. package/styles/textbox/fluent.css +1 -2
  204. package/styles/textbox/highcontrast-light.css +1 -2
  205. package/styles/textbox/highcontrast.css +1 -2
  206. package/styles/textbox/material-dark.css +1 -8
  207. package/styles/textbox/material.css +1 -16
  208. package/styles/textbox/material3-dark.css +1 -71
  209. package/styles/textbox/material3.css +1 -127
  210. package/styles/textbox/tailwind-dark.css +1 -2
  211. package/styles/textbox/tailwind.css +1 -2
  212. package/styles/uploader/bootstrap-dark.css +1 -800
  213. package/styles/uploader/bootstrap.css +1 -800
  214. package/styles/uploader/bootstrap4.css +1 -800
  215. package/styles/uploader/bootstrap5-dark.css +1 -806
  216. package/styles/uploader/bootstrap5.css +1 -806
  217. package/styles/uploader/fabric-dark.css +1 -800
  218. package/styles/uploader/fabric.css +1 -800
  219. package/styles/uploader/fluent-dark.css +1 -852
  220. package/styles/uploader/fluent.css +1 -852
  221. package/styles/uploader/highcontrast-light.css +1 -800
  222. package/styles/uploader/highcontrast.css +1 -800
  223. package/styles/uploader/material-dark.css +1 -800
  224. package/styles/uploader/material.css +1 -804
  225. package/styles/uploader/material3-dark.css +1 -860
  226. package/styles/uploader/material3.css +1 -916
  227. package/styles/uploader/tailwind-dark.css +1 -834
  228. package/styles/uploader/tailwind.css +1 -834
@@ -1,860 +1 @@
1
- :root {
2
- --color-sf-black: 0, 0, 0;
3
- --color-sf-white: 255, 255, 255;
4
- --color-sf-primary: 208, 188, 255;
5
- --color-sf-primary-container: 79, 55, 139;
6
- --color-sf-secondary: 204, 194, 220;
7
- --color-sf-secondary-container: 74, 68, 88;
8
- --color-sf-tertiary: 239, 184, 200;
9
- --color-sf-tertiary-container: 99, 59, 72;
10
- --color-sf-surface: 28, 27, 31;
11
- --color-sf-surface-variant: 73, 69, 79;
12
- --color-sf-background: var(--color-sf-surface);
13
- --color-sf-on-primary: 55, 30, 115;
14
- --color-sf-on-primary-container: 234, 221, 255;
15
- --color-sf-on-secondary: 51, 45, 65;
16
- --color-sf-on-secondary-container: 232, 222, 248;
17
- --color-sf-on-tertiary: 73, 37, 50;
18
- --color-sf-on-tertiary-containe: 255, 216, 228;
19
- --color-sf-on-surface: 230, 225, 229;
20
- --color-sf-on-surface-variant: 202, 196, 208;
21
- --color-sf-on-background: 230, 225, 229;
22
- --color-sf-outline: 147, 143, 153;
23
- --color-sf-outline-variant: 68, 71, 70;
24
- --color-sf-shadow: 0, 0, 0;
25
- --color-sf-surface-tint-color: 208, 188, 255;
26
- --color-sf-inverse-surface: 230, 225, 229;
27
- --color-sf-inverse-on-surface: 49, 48, 51;
28
- --color-sf-inverse-primary: 103, 80, 164;
29
- --color-sf-scrim: 0, 0, 0;
30
- --color-sf-error: 242, 184, 181;
31
- --color-sf-error-container: 140, 29, 24;
32
- --color-sf-on-error: 96, 20, 16;
33
- --color-sf-on-error-container: 249, 222, 220;
34
- --color-sf-success: 83, 202, 23;
35
- --color-sf-success-container: 22, 62, 2;
36
- --color-sf-on-success: 13, 39, 0;
37
- --color-sf-on-success-container: 183, 250, 150;
38
- --color-sf-info: 71, 172, 251;
39
- --color-sf-info-container: 0, 67, 120;
40
- --color-sf-on-info: 0, 51, 91;
41
- --color-sf-on-info-container: 173, 219, 255;
42
- --color-sf-warning: 245, 180, 130;
43
- --color-sf-warning-container: 123, 65, 0;
44
- --color-sf-on-warning: 99, 52, 0;
45
- --color-sf-on-warning-container: 255, 220, 193;
46
- --color-sf-spreadsheet-gridline: 231, 224, 236;
47
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
48
- --color-sf-success-text: 0, 0, 0;
49
- --color-sf-warning-text: 0, 0, 0;
50
- --color-sf-info-text: 0, 0, 0;
51
- --color-sf-danger-text: 0, 0, 0;
52
- --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
53
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
54
- }
55
-
56
- /* stylelint-disable property-no-vendor-prefix */
57
- @keyframes material-spinner-rotate {
58
- 0% {
59
- transform: rotate(0deg);
60
- }
61
- 100% {
62
- transform: rotate(360deg);
63
- }
64
- }
65
- @keyframes fabric-spinner-rotate {
66
- 0% {
67
- transform: rotate(0deg);
68
- }
69
- 100% {
70
- transform: rotate(360deg);
71
- }
72
- }
73
- .e-upload .e-upload-files .e-file-remove-btn.e-icons::before {
74
- content: "\e7e7";
75
- }
76
-
77
- .e-upload .e-upload-files .e-icons.e-file-pause-btn::before {
78
- content: "\e77b";
79
- }
80
-
81
- .e-upload .e-upload-files .e-icons.e-file-reload-btn::before {
82
- content: "\e706";
83
- }
84
-
85
- .e-upload .e-upload-files .e-icons.e-file-play-btn::before {
86
- content: "\e70c";
87
- }
88
-
89
- .e-upload .e-upload-files .e-file-delete-btn.e-icons::before {
90
- content: "\e820";
91
- }
92
-
93
- .e-upload .e-upload-files .e-file-abort-btn.e-icons::before {
94
- content: "\e81b";
95
- }
96
-
97
- .e-upload .e-upload-files .e-icons.e-msie::before {
98
- position: relative;
99
- right: 10px;
100
- }
101
-
102
- .e-upload .e-upload-files .e-icons.e-file-abort-icon.e-msie::before {
103
- right: 12px;
104
- }
105
-
106
- .e-bigger .e-upload {
107
- width: 100%;
108
- }
109
- .e-bigger .e-upload .e-file-select-wrap {
110
- padding: 20px 0 20px 20px;
111
- }
112
- .e-bigger .e-upload .e-file-select-wrap .e-file-drop {
113
- font-size: 15px;
114
- margin-left: 16px;
115
- }
116
- .e-bigger .e-upload .e-upload-files .e-upload-file-list {
117
- font-size: 15px;
118
- line-height: normal;
119
- min-height: 100px;
120
- }
121
- .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container {
122
- margin-left: 16px;
123
- top: 0;
124
- }
125
- .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name {
126
- font-size: 15px;
127
- padding-top: 16px;
128
- }
129
- .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
130
- font-size: 12px;
131
- padding: 10px 0;
132
- }
133
- .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type {
134
- font-size: 15px;
135
- padding-top: 16px;
136
- top: initial;
137
- }
138
- .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status,
139
- .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
140
- font-size: 12px;
141
- padding-bottom: 16px;
142
- }
143
- .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap {
144
- height: 10px;
145
- }
146
- .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap {
147
- height: 3px;
148
- width: 98%;
149
- }
150
- .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap .e-upload-progress-bar {
151
- height: 3px;
152
- }
153
- .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text {
154
- font-size: 11px;
155
- right: 10px;
156
- top: -33px;
157
- }
158
- .e-bigger .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-pause-btn.e-icons {
159
- box-sizing: border-box;
160
- font-size: 12px;
161
- height: 18px;
162
- margin: 16px;
163
- margin-top: -24px;
164
- padding: 20px;
165
- top: 50%;
166
- width: 18px;
167
- }
168
- .e-bigger .e-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-bigger .e-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled {
169
- color: rgba(var(--color-sf-outline));
170
- cursor: not-allowed;
171
- opacity: 0.4;
172
- pointer-events: none;
173
- }
174
- .e-bigger .e-upload .e-upload-files .e-file-remove-btn.e-msie.e-icons, .e-bigger .e-upload .e-upload-files .e-file-delete-btn.e-msie.e-icons, .e-bigger .e-upload .e-upload-files .e-file-abort-btn.e-msie.e-icons, .e-bigger .e-upload .e-upload-files .e-file-reload-btn.e-msie.e-icons, .e-bigger .e-upload .e-upload-files .e-file-play-btn.e-msie.e-icons, .e-bigger .e-upload .e-upload-files .e-file-pause-btn.e-msie.e-icons {
175
- padding: 20px 17px 20px 26px;
176
- }
177
- .e-bigger .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-pause-btn.e-icons {
178
- right: 45px;
179
- }
180
- .e-bigger .e-upload .e-upload-files .e-file-delete-btn.e-icons {
181
- font-size: 16px;
182
- }
183
- .e-bigger .e-upload .e-upload-files .e-file-abort-btn.e-icons {
184
- font-size: 18px;
185
- }
186
- .e-bigger .e-upload .e-upload-actions .e-btn {
187
- margin-left: 16px;
188
- }
189
- .e-bigger .e-upload .e-upload-actions .e-file-upload-btn {
190
- margin: 15px;
191
- }
192
- .e-bigger .e-upload .e-upload-actions .e-file-clear-btn {
193
- margin: 15px;
194
- }
195
- .e-bigger .e-upload.e-rtl .e-file-select-wrap {
196
- padding: 20px 16px 20px 0;
197
- }
198
- .e-bigger .e-upload.e-rtl .e-file-select-wrap .e-control.e-btn {
199
- margin-right: 0;
200
- }
201
- .e-bigger .e-upload.e-rtl .e-file-select-wrap .e-file-drop {
202
- margin-right: 16px;
203
- }
204
- .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container {
205
- margin-left: 60px;
206
- margin-right: 16px;
207
- }
208
- .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
209
- top: 54px;
210
- }
211
- .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text {
212
- left: 10px;
213
- right: initial;
214
- }
215
- .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-abort-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons {
216
- box-sizing: border-box;
217
- left: 0;
218
- margin-left: 16px;
219
- margin-right: 16px;
220
- padding: 20px;
221
- top: 50%;
222
- }
223
- .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-icons.e-disabled, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-icons.e-disabled {
224
- color: rgba(var(--color-sf-outline));
225
- cursor: not-allowed;
226
- opacity: 0.4;
227
- pointer-events: none;
228
- }
229
- .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-msie.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-msie.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-abort-btn.e-msie.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-msie.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-msie.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-msie.e-icons {
230
- padding: 20px 17px 20px 26px;
231
- }
232
- .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons {
233
- left: 41px;
234
- }
235
- .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list {
236
- min-height: 35px;
237
- padding-bottom: 16px;
238
- padding-top: 12px;
239
- }
240
- .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container {
241
- top: 0;
242
- }
243
- .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-hidden-input {
244
- display: none;
245
- }
246
- .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type {
247
- line-height: 1.5;
248
- padding-top: 4px;
249
- }
250
- .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name.e-error, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type.e-error, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-error {
251
- color: rgba(var(--color-sf-error));
252
- }
253
- .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
254
- color: rgba(var(--color-sf-on-surface-variant));
255
- display: block;
256
- font-size: 12px;
257
- line-height: 1.5;
258
- padding-bottom: 0;
259
- padding-top: 4px;
260
- position: relative;
261
- }
262
- .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid {
263
- color: rgba(var(--color-sf-error));
264
- }
265
- .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-name, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-type, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-status {
266
- color: rgba(var(--color-sf-error));
267
- }
268
- .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons {
269
- box-sizing: border-box;
270
- top: 42px;
271
- }
272
- .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled {
273
- color: rgba(var(--color-sf-outline));
274
- cursor: not-allowed;
275
- opacity: 0.4;
276
- pointer-events: none;
277
- }
278
-
279
- .e-upload,
280
- .e-bigger.e-small .e-upload {
281
- width: 100%;
282
- }
283
- .e-upload.e-control-wrapper,
284
- .e-bigger.e-small .e-upload.e-control-wrapper {
285
- font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
286
- }
287
- .e-upload .e-hidden-file-input,
288
- .e-bigger.e-small .e-upload .e-hidden-file-input {
289
- border: 0;
290
- height: 0;
291
- margin: 0;
292
- outline: none;
293
- padding: 0;
294
- text-indent: 0;
295
- visibility: hidden;
296
- width: 0;
297
- }
298
- .e-upload .e-file-select-wrap,
299
- .e-bigger.e-small .e-upload .e-file-select-wrap {
300
- padding: 16px 0 16px 12px;
301
- }
302
- .e-upload .e-file-select-wrap .e-file-select,
303
- .e-upload .e-file-select-wrap .e-file-select .e-uploader,
304
- .e-bigger.e-small .e-upload .e-file-select-wrap .e-file-select,
305
- .e-bigger.e-small .e-upload .e-file-select-wrap .e-file-select .e-uploader {
306
- display: inline-block;
307
- width: 0;
308
- }
309
- .e-upload .e-file-select-wrap .e-file-select .e-uploader,
310
- .e-bigger.e-small .e-upload .e-file-select-wrap .e-file-select .e-uploader {
311
- opacity: 0;
312
- }
313
- .e-upload .e-file-select-wrap .e-file-drop,
314
- .e-bigger.e-small .e-upload .e-file-select-wrap .e-file-drop {
315
- font-family: inherit;
316
- font-size: 14px;
317
- margin-left: 12px;
318
- }
319
- .e-upload.e-form-upload .e-upload-files .e-upload-file-list,
320
- .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list {
321
- min-height: 35px;
322
- padding-bottom: 12px;
323
- padding-top: 8px;
324
- }
325
- .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container,
326
- .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container {
327
- top: 0;
328
- }
329
- .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-hidden-input,
330
- .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-hidden-input {
331
- display: none;
332
- }
333
- .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type,
334
- .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name,
335
- .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type {
336
- line-height: 1.5;
337
- padding-top: 4px;
338
- }
339
- .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name.e-error, .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type.e-error, .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-error,
340
- .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name.e-error,
341
- .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type.e-error,
342
- .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-error {
343
- color: rgba(var(--color-sf-error));
344
- }
345
- .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information,
346
- .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status,
347
- .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
348
- color: rgba(var(--color-sf-on-surface-variant));
349
- display: block;
350
- font-size: 11px;
351
- line-height: 1.5;
352
- padding-bottom: 0;
353
- padding-top: 4px;
354
- position: relative;
355
- }
356
- .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid,
357
- .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid {
358
- color: rgba(var(--color-sf-error));
359
- }
360
- .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-name, .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-type, .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-status,
361
- .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-name,
362
- .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-type,
363
- .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-status {
364
- color: rgba(var(--color-sf-error));
365
- }
366
- .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons,
367
- .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons,
368
- .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons,
369
- .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons,
370
- .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons,
371
- .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons,
372
- .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons {
373
- box-sizing: border-box;
374
- top: 32px;
375
- }
376
- .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled,
377
- .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled,
378
- .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled {
379
- color: rgba(var(--color-sf-outline));
380
- cursor: not-allowed;
381
- opacity: 0.4;
382
- pointer-events: none;
383
- }
384
- .e-upload .e-upload-files,
385
- .e-bigger.e-small .e-upload .e-upload-files {
386
- list-style-type: none;
387
- margin: 0;
388
- padding: 0;
389
- }
390
- .e-upload .e-upload-files .e-icons:focus,
391
- .e-bigger.e-small .e-upload .e-upload-files .e-icons:focus {
392
- outline: none;
393
- }
394
- .e-upload .e-upload-files .e-upload-file-list,
395
- .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list {
396
- font-family: inherit;
397
- font-size: 14px;
398
- height: 100%;
399
- line-height: normal;
400
- min-height: 90px;
401
- position: relative;
402
- }
403
- .e-upload .e-upload-files .e-upload-file-list .e-file-container,
404
- .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container {
405
- display: block;
406
- height: 100%;
407
- margin-left: 12px;
408
- margin-right: 90px;
409
- min-height: 35px;
410
- position: relative;
411
- top: 3px;
412
- }
413
- .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name,
414
- .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name {
415
- float: left;
416
- font-family: inherit;
417
- font-size: 14px;
418
- max-width: 75%;
419
- overflow: hidden;
420
- padding-top: 12px;
421
- position: relative;
422
- text-overflow: ellipsis;
423
- top: 0;
424
- white-space: nowrap;
425
- }
426
- .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name::before,
427
- .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name::before {
428
- content: attr(data-tail);
429
- float: right;
430
- }
431
- .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type,
432
- .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type {
433
- display: block;
434
- font-family: inherit;
435
- font-size: 14px;
436
- padding-top: 12px;
437
- }
438
- .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type.e-hidden,
439
- .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type.e-hidden {
440
- visibility: hidden;
441
- }
442
- .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size,
443
- .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
444
- display: block;
445
- font-size: 11px;
446
- padding: 8px 0;
447
- }
448
- .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information,
449
- .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status,
450
- .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
451
- display: block;
452
- font-family: inherit;
453
- font-size: 11px;
454
- padding-bottom: 12px;
455
- }
456
- .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-upload-progress, .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information.e-upload-progress,
457
- .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-upload-progress,
458
- .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information.e-upload-progress {
459
- display: none;
460
- }
461
- .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap,
462
- .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap {
463
- display: block;
464
- height: 8px;
465
- padding-bottom: 6px;
466
- padding-top: 6px;
467
- position: absolute;
468
- width: 98%;
469
- }
470
- .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap,
471
- .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap {
472
- border-radius: 0;
473
- display: block;
474
- height: 2px;
475
- width: 100%;
476
- }
477
- .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap .e-upload-progress-bar,
478
- .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap .e-upload-progress-bar {
479
- border-radius: 0;
480
- display: inherit;
481
- height: 2px;
482
- }
483
- .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text,
484
- .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text {
485
- float: right;
486
- font-family: inherit;
487
- font-size: 11px;
488
- position: relative;
489
- right: 6px;
490
- top: -27px;
491
- }
492
- .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-upload .e-upload-files .e-file-pause-btn.e-icons, .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-upload .e-upload-files .e-file-reload-btn.e-icons,
493
- .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons,
494
- .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons,
495
- .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons,
496
- .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons,
497
- .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons,
498
- .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons {
499
- -ms-flex-align: center;
500
- align-items: center;
501
- box-sizing: border-box;
502
- cursor: pointer;
503
- display: -ms-inline-flexbox;
504
- display: inline-flex;
505
- font-size: 11px;
506
- height: 18px;
507
- -ms-flex-pack: center;
508
- justify-content: center;
509
- margin: 0 12px;
510
- margin-top: -18px;
511
- padding: 18px;
512
- position: absolute;
513
- right: 0;
514
- top: 50%;
515
- vertical-align: middle;
516
- width: 18px;
517
- }
518
- .e-upload .e-upload-files .e-file-remove-btn.e-icons.e-upload-progress, .e-upload .e-upload-files .e-file-delete-btn.e-icons.e-upload-progress, .e-upload .e-upload-files .e-file-abort-btn.e-icons.e-upload-progress, .e-upload .e-upload-files .e-file-pause-btn.e-icons.e-upload-progress, .e-upload .e-upload-files .e-file-play-btn.e-icons.e-upload-progress, .e-upload .e-upload-files .e-file-reload-btn.e-icons.e-upload-progress,
519
- .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons.e-upload-progress,
520
- .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons.e-upload-progress,
521
- .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons.e-upload-progress,
522
- .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons.e-upload-progress,
523
- .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons.e-upload-progress,
524
- .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons.e-upload-progress {
525
- cursor: default;
526
- }
527
- .e-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled,
528
- .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled,
529
- .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled {
530
- color: rgba(var(--color-sf-outline));
531
- cursor: not-allowed;
532
- opacity: 0.4;
533
- pointer-events: none;
534
- }
535
- .e-upload .e-upload-files .e-file-remove-btn.e-msie.e-icons, .e-upload .e-upload-files .e-file-delete-btn.e-msie.e-icons, .e-upload .e-upload-files .e-file-abort-btn.e-msie.e-icons, .e-upload .e-upload-files .e-file-pause-btn.e-msie.e-icons, .e-upload .e-upload-files .e-file-play-btn.e-msie.e-icons, .e-upload .e-upload-files .e-file-reload-btn.e-msie.e-icons,
536
- .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-msie.e-icons,
537
- .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-msie.e-icons,
538
- .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-msie.e-icons,
539
- .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-msie.e-icons,
540
- .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-msie.e-icons,
541
- .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-msie.e-icons {
542
- padding: 18px 13px 18px 23px;
543
- }
544
- .e-upload .e-upload-files .e-file-pause-btn.e-icons, .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-upload .e-upload-files .e-file-reload-btn.e-icons,
545
- .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons,
546
- .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons,
547
- .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons {
548
- right: 36px;
549
- }
550
- .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):hover, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):hover, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):hover, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):hover, .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):hover, .e-upload .e-upload-files .e-clear-icon-focus,
551
- .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):hover,
552
- .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):hover,
553
- .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):hover,
554
- .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):hover,
555
- .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover,
556
- .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):hover,
557
- .e-bigger.e-small .e-upload .e-upload-files .e-clear-icon-focus {
558
- background: rgba(var(--color-sf-on-surface), 0.08);
559
- border-color: transparent;
560
- border-radius: 50%;
561
- box-shadow: 0 0 0 transparent;
562
- }
563
- .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus,
564
- .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus,
565
- .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus,
566
- .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus,
567
- .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus,
568
- .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus,
569
- .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus,
570
- .e-bigger.e-small .e-upload .e-upload-files .e-clear-icon-focus {
571
- border-radius: 50%;
572
- }
573
- .e-upload .e-upload-files .e-file-delete-btn.e-icons,
574
- .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons {
575
- font-size: 12px;
576
- opacity: 1;
577
- }
578
- .e-upload .e-upload-files .e-file-abort-btn.e-icons,
579
- .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons {
580
- font-size: 15px;
581
- opacity: 1;
582
- }
583
- .e-upload .e-file-select-wrap .e-btn, .e-upload .e-upload-actions .e-btn,
584
- .e-bigger.e-small .e-upload .e-file-select-wrap .e-btn,
585
- .e-bigger.e-small .e-upload .e-upload-actions .e-btn {
586
- font-family: inherit;
587
- }
588
- .e-upload .e-upload-actions,
589
- .e-bigger.e-small .e-upload .e-upload-actions {
590
- position: relative;
591
- text-align: right;
592
- }
593
- .e-upload .e-upload-actions .e-file-upload-btn,
594
- .e-bigger.e-small .e-upload .e-upload-actions .e-file-upload-btn {
595
- margin: 12px;
596
- }
597
- .e-upload .e-upload-actions .e-file-clear-btn,
598
- .e-bigger.e-small .e-upload .e-upload-actions .e-file-clear-btn {
599
- margin: 12px;
600
- }
601
- .e-upload.e-rtl .e-file-select-wrap,
602
- .e-bigger.e-small .e-upload.e-rtl .e-file-select-wrap {
603
- padding: 16px 12px 16px 0;
604
- }
605
- .e-upload.e-rtl .e-file-select-wrap .e-control.e-btn,
606
- .e-bigger.e-small .e-upload.e-rtl .e-file-select-wrap .e-control.e-btn {
607
- margin-right: 10px;
608
- }
609
- .e-upload.e-rtl .e-file-select-wrap .e-file-drop,
610
- .e-bigger.e-small .e-upload.e-rtl .e-file-select-wrap .e-file-drop {
611
- margin-left: 60px;
612
- margin-right: 12px;
613
- position: relative;
614
- }
615
- .e-upload.e-rtl .e-upload-actions,
616
- .e-bigger.e-small .e-upload.e-rtl .e-upload-actions {
617
- text-align: left;
618
- }
619
- .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container,
620
- .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container {
621
- height: 100%;
622
- margin-left: 60px;
623
- margin-right: 12px;
624
- position: relative;
625
- }
626
- .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-rtl-container,
627
- .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-rtl-container {
628
- direction: ltr;
629
- float: right;
630
- width: 100%;
631
- }
632
- .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-type,
633
- .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-type {
634
- float: right;
635
- }
636
- .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-name,
637
- .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-name {
638
- float: right;
639
- }
640
- .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-size,
641
- .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
642
- direction: ltr;
643
- float: right;
644
- position: relative;
645
- text-align: right;
646
- width: 100%;
647
- }
648
- .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap,
649
- .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap {
650
- float: right;
651
- position: initial;
652
- top: 46px;
653
- width: 89%;
654
- }
655
- .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text,
656
- .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text {
657
- float: left;
658
- right: -8px;
659
- top: -25px;
660
- }
661
- .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-abort-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons,
662
- .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-icons,
663
- .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-icons,
664
- .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-abort-btn.e-icons,
665
- .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons,
666
- .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons,
667
- .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons {
668
- left: 0;
669
- margin-left: 12px;
670
- margin-right: 12px;
671
- right: auto;
672
- top: 50%;
673
- }
674
- .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons,
675
- .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons {
676
- left: 36px;
677
- right: auto;
678
- }
679
- .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons,
680
- .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons,
681
- .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons,
682
- .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons {
683
- left: 36px;
684
- }
685
- .e-upload.e-disabled .e-file-drop,
686
- .e-bigger.e-small .e-upload.e-disabled .e-file-drop {
687
- color: rgba(var(--color-sf-outline));
688
- }
689
- .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-type, .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-size, .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-information,
690
- .e-bigger.e-small .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-name,
691
- .e-bigger.e-small .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-type,
692
- .e-bigger.e-small .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-size,
693
- .e-bigger.e-small .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-status,
694
- .e-bigger.e-small .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
695
- color: rgba(var(--color-sf-outline));
696
- }
697
- .e-upload .e-content-placeholder.e-upload.e-placeholder-upload,
698
- .e-bigger.e-small .e-upload .e-content-placeholder.e-upload.e-placeholder-upload {
699
- background-size: 400px 65px;
700
- min-height: 65px;
701
- }
702
- .e-upload .e-bigger .e-content-placeholder.e-upload.e-placeholder-upload,
703
- .e-upload .e-bigger.e-content-placeholder.e-upload.e-placeholder-upload,
704
- .e-bigger.e-small .e-upload .e-bigger .e-content-placeholder.e-upload.e-placeholder-upload,
705
- .e-bigger.e-small .e-upload .e-bigger.e-content-placeholder.e-upload.e-placeholder-upload {
706
- background-size: 400px 80px;
707
- min-height: 80px;
708
- }
709
-
710
- .e-small .e-upload .e-file-select-wrap {
711
- padding: 12px 0 12px 12px;
712
- }
713
- .e-small .e-upload .e-file-select-wrap .e-file-drop {
714
- font-size: 13px;
715
- margin-left: 12px;
716
- }
717
- .e-small .e-upload .e-upload-files .e-upload-file-list {
718
- min-height: 76px;
719
- }
720
- .e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name {
721
- font-size: 12px;
722
- padding-top: 10px;
723
- }
724
- .e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
725
- font-size: 11px;
726
- padding: 5px 0;
727
- }
728
- .e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type {
729
- font-size: 12px;
730
- padding-top: 10px;
731
- }
732
- .e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status,
733
- .e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
734
- padding-bottom: 10px;
735
- }
736
- .e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap {
737
- padding-bottom: 3px;
738
- padding-top: 3px;
739
- }
740
- .e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-small .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons {
741
- font-size: 10px;
742
- height: 24px;
743
- padding: 12px;
744
- width: 24px;
745
- }
746
- .e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled {
747
- color: rgba(var(--color-sf-outline));
748
- cursor: not-allowed;
749
- opacity: 0.4;
750
- pointer-events: none;
751
- }
752
- .e-small .e-upload.e-rtl .e-file-select-wrap {
753
- padding: 16px 12px 16px 0;
754
- }
755
- .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list {
756
- min-height: 35px;
757
- padding-bottom: 10px;
758
- padding-top: 6px;
759
- }
760
- .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container {
761
- top: 0;
762
- }
763
- .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-hidden-input {
764
- display: none;
765
- }
766
- .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type {
767
- line-height: 1.5;
768
- padding-top: 4px;
769
- }
770
- .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name.e-error, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type.e-error, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-error {
771
- color: rgba(var(--color-sf-error));
772
- }
773
- .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
774
- color: rgba(var(--color-sf-on-surface-variant));
775
- display: block;
776
- font-size: 11px;
777
- line-height: 1.5;
778
- padding-bottom: 0;
779
- padding-top: 4px;
780
- position: relative;
781
- }
782
- .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid {
783
- color: rgba(var(--color-sf-error));
784
- }
785
- .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-name, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-type, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-status {
786
- color: rgba(var(--color-sf-error));
787
- }
788
- .e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons {
789
- box-sizing: border-box;
790
- top: 34px;
791
- }
792
- .e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled {
793
- color: rgba(var(--color-sf-outline));
794
- cursor: not-allowed;
795
- opacity: 0.4;
796
- pointer-events: none;
797
- }
798
-
799
- .e-upload {
800
- border: 1px dashed rgba(var(--color-sf-outline-variant));
801
- border-radius: 4px;
802
- }
803
- .e-upload .e-file-drop {
804
- color: rgba(var(--color-sf-on-surface));
805
- vertical-align: middle;
806
- }
807
- .e-upload .e-upload-files {
808
- border-top: 1px solid rgba(var(--color-sf-outline-variant));
809
- }
810
- .e-upload .e-upload-files .e-upload-file-list {
811
- border-bottom: 1px solid rgba(var(--color-sf-outline-variant));
812
- }
813
- .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name {
814
- color: rgba(var(--color-sf-on-surface));
815
- }
816
- .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type {
817
- color: rgba(var(--color-sf-on-surface));
818
- }
819
- .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
820
- color: rgba(var(--color-sf-on-surface-variant));
821
- }
822
- .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status,
823
- .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
824
- color: rgba(var(--color-sf-on-surface));
825
- }
826
- .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-upload-success {
827
- color: rgba(var(--color-sf-success));
828
- }
829
- .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-upload-fails {
830
- color: rgba(var(--color-sf-error));
831
- }
832
- .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-validation-fails {
833
- color: rgba(var(--color-sf-error));
834
- }
835
- .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap {
836
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
837
- }
838
- .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap .e-upload-progress-bar.e-upload-progress {
839
- background: rgba(var(--color-sf-primary));
840
- }
841
- .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap .e-upload-progress-bar.e-upload-success {
842
- background: rgba(var(--color-sf-success));
843
- }
844
- .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap .e-upload-progress-bar.e-upload-failed {
845
- background: rgba(var(--color-sf-error));
846
- }
847
- .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-bar-text {
848
- color: rgba(var(--color-sf-on-surface));
849
- }
850
- .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-upload .e-upload-files .e-file-pause-btn.e-icons, .e-upload .e-upload-files .e-file-play-btn.e-icons {
851
- color: rgba(var(--color-sf-on-surface-variant));
852
- }
853
- .e-upload .e-upload-files .e-file-remove-btn.e-icons:hover, .e-upload .e-upload-files .e-file-delete-btn.e-icons:hover, .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover, .e-upload .e-upload-files .e-file-abort-btn.e-icons:hover, .e-upload .e-upload-files .e-file-pause-btn.e-icons:hover, .e-upload .e-upload-files .e-file-play-btn.e-icons:hover {
854
- color: rgba(var(--color-sf-on-surface));
855
- }
856
- .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus {
857
- background: rgba(var(--color-sf-on-surface), 0.08);
858
- border-color: transparent;
859
- box-shadow: 0 0 0 transparent;
860
- }
1
+ @import '@syncfusion/ej2-inputs/styles/uploader/material3-dark.css';