@syncfusion/ej2-angular-inputs 20.4.54 → 21.1.35

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 (78) hide show
  1. package/README.md +185 -114
  2. package/esm2020/src/rating/rating.component.mjs +1 -1
  3. package/fesm2015/syncfusion-ej2-angular-inputs.mjs.map +1 -1
  4. package/fesm2020/syncfusion-ej2-angular-inputs.mjs.map +1 -1
  5. package/package.json +9 -9
  6. package/schematics/utils/lib-details.d.ts +2 -2
  7. package/schematics/utils/lib-details.js +2 -2
  8. package/schematics/utils/lib-details.ts +2 -2
  9. package/src/rating/rating.component.d.ts +9 -0
  10. package/styles/bootstrap-dark.css +6 -0
  11. package/styles/bootstrap.css +6 -0
  12. package/styles/bootstrap4.css +6 -0
  13. package/styles/bootstrap5-dark.css +10 -4
  14. package/styles/bootstrap5.css +10 -4
  15. package/styles/color-picker/_layout.scss +78 -6
  16. package/styles/color-picker/_theme.scss +3 -0
  17. package/styles/color-picker/bootstrap-dark.css +6 -0
  18. package/styles/color-picker/bootstrap.css +6 -0
  19. package/styles/color-picker/bootstrap4.css +6 -0
  20. package/styles/color-picker/bootstrap5-dark.css +6 -0
  21. package/styles/color-picker/bootstrap5.css +6 -0
  22. package/styles/color-picker/fabric-dark.css +6 -0
  23. package/styles/color-picker/fabric.css +6 -0
  24. package/styles/color-picker/fluent-dark.css +6 -0
  25. package/styles/color-picker/fluent.css +6 -0
  26. package/styles/color-picker/highcontrast-light.css +6 -0
  27. package/styles/color-picker/highcontrast.css +6 -0
  28. package/styles/color-picker/material-dark.css +6 -0
  29. package/styles/color-picker/material.css +6 -0
  30. package/styles/color-picker/tailwind-dark.css +6 -0
  31. package/styles/color-picker/tailwind.css +6 -0
  32. package/styles/fabric-dark.css +6 -0
  33. package/styles/fabric.css +6 -0
  34. package/styles/fluent-dark.css +6 -0
  35. package/styles/fluent.css +6 -0
  36. package/styles/highcontrast-light.css +6 -0
  37. package/styles/highcontrast.css +6 -0
  38. package/styles/input/_bootstrap5-definition.scss +2 -2
  39. package/styles/input/_fluent-definition.scss +5 -5
  40. package/styles/input/_layout.scss +445 -445
  41. package/styles/input/_tailwind-definition.scss +14 -14
  42. package/styles/input/_theme.scss +218 -199
  43. package/styles/input/material-dark.css +1 -1
  44. package/styles/input/material.css +1 -1
  45. package/styles/maskedtextbox/_bootstrap5-definition.scss +2 -2
  46. package/styles/maskedtextbox/_fluent-definition.scss +2 -2
  47. package/styles/material-dark.css +7 -5
  48. package/styles/material.css +7 -1
  49. package/styles/numerictextbox/icons/_material3.scss +3 -3
  50. package/styles/rating/_bootstrap5-definition.scss +12 -15
  51. package/styles/rating/_fluent-definition.scss +12 -15
  52. package/styles/rating/_tailwind-definition.scss +12 -15
  53. package/styles/rating/_theme.scss +14 -2
  54. package/styles/rating/tailwind-dark.css +1 -1
  55. package/styles/rating/tailwind.css +1 -1
  56. package/styles/slider/_layout.scss +44 -25
  57. package/styles/slider/_theme.scss +6 -1
  58. package/styles/tailwind-dark.css +8 -2
  59. package/styles/tailwind.css +8 -2
  60. package/styles/uploader/_bootstrap5-definition.scss +12 -12
  61. package/styles/uploader/_fluent-definition.scss +10 -10
  62. package/styles/uploader/_layout.scss +7 -2
  63. package/styles/uploader/_tailwind-definition.scss +10 -10
  64. package/styles/uploader/_theme.scss +13 -3
  65. package/styles/uploader/bootstrap5-dark.css +4 -4
  66. package/styles/uploader/bootstrap5.css +4 -4
  67. package/styles/uploader/material-dark.css +0 -4
  68. package/styles/uploader/tailwind-dark.css +1 -1
  69. package/styles/uploader/tailwind.css +1 -1
  70. package/styles/color-picker/_material3-definition.scss +0 -133
  71. package/styles/input/_material3-definition.scss +0 -336
  72. package/styles/maskedtextbox/_material3-definition.scss +0 -7
  73. package/styles/numerictextbox/_material3-definition.scss +0 -3
  74. package/styles/rating/_material3-definition.scss +0 -46
  75. package/styles/signature/_material3-definition.scss +0 -3
  76. package/styles/slider/_material3-definition.scss +0 -90
  77. package/styles/textbox/_material3-definition.scss +0 -1
  78. package/styles/uploader/_material3-definition.scss +0 -216
package/styles/uploader/_material3-definition.scss DELETED
@@ -1,216 +0,0 @@
1
- // uploader bootstrap theme
2
- $zero-value: 0 !default;
3
- $upload-root-font-family: $font-family !default;
4
- $upload-element-opacity: $zero-value !default;
5
- $upload-element-width: $zero-value !default;
6
- $select-file-margin: $zero-value !default;
7
- $select-file-padding: $zero-value !default;
8
- $list-items-font-size: $text-sm !default;
9
- $list-item-height: 35px !default;
10
- $list-item-margin-right: 90px !default;
11
- $list-item-name-width: 75% !default;
12
- $progress-bar-wrapper-height: 4px !default;
13
- $progress-bar-height: 90% !default;
14
- $delete-icon-opacity: 1 !default;
15
- $float-right: right !default;
16
- $float-left: left !default;
17
- $right: 100% !default;
18
- $file-status-rtl-top-margin: 7% !default;
19
- $remove-icon-height: 20px !default;
20
- $remove-icon-width: 20px !default;
21
- $remove-bigger-icon-height: 24px !default;
22
- $remove-bigger-icon-width: 24px !default;
23
- $remove-icon-before: 4px !default;
24
- $file-size-top: $zero-value !default;
25
- $action-buttons-margin: 10px !default;
26
- $file-status-rtl: 30px !default;
27
- $progress-inner-wrap-height: 4px !default;
28
- $progress-inner-wrap-top: 3px !default;
29
- $progress-bar-wrap-top: 34px !default;
30
- $file-status-top-bigger: 35px !default;
31
- $file-drop-rtl-smaller: -10px !default;
32
- $file-drop-rtl-bigger: -10px !default;
33
- $footer-height: 50px !default;
34
- $footer-height-smaller: 30px !default;
35
- $footer-buttons-height: 46px !default;
36
- $footer-buttons-height-bigger: 62px !default;
37
- $file-name-top: $zero-value !default;
38
- $file-container-top-bigger: $zero-value !default;
39
- $remove-icon-rtl: 20px !default;
40
- $reload-btn-right: 36px !default;
41
- $icons-small-ie-padding: 18px 13px 18px 23px !default;
42
- $icons-bigger-ie-padding: 20px 17px 20px 26px !default;
43
-
44
- // Smaller values
45
- $list-items-font-size-smaller: $text-sm !default;
46
- $list-items-height-smaller: 60px !default;
47
- $list-item-status-margin-smaller: 8px !default;
48
- $progress-bar-top-smaller: $zero-value !default;
49
- $progress-bar-wrapper-height-smaller: 10px !default;
50
- $file-status-top-smaller: 19px !default;
51
- $list-item-status-top-smaller: 10px !default;
52
- $file-size-top-smaller: 10px !default;
53
- $file-size-left-smaller: 10px !default;
54
- $file-type-top-smaller: $zero-value !default;
55
- $file-size-rtl-right: 10px !default;
56
- $list-item-size-top: 30px !default;
57
- $file-container-height: 100% !default;
58
- $progress-bar-paddding: 6px 6px !default;
59
- $remove-icon-before-bigger: 15px !default;
60
-
61
- // Smaller RTL values
62
- $file-status-rtl-smaller: 21px !default;
63
- $progress-bar-wrap-top-smaller: 23px !default;
64
- $rtl-progress-left-smaller: -23px !default;
65
- $remove-icon-top-bigger: 10px !default;
66
- $file-container-top: $zero-value !default;
67
-
68
- // themes files
69
- $progress-bar-transition: width 2s !default;
70
- $progress-text-rtl-smaller: 0 !default;
71
- $pause-play-button-right-value: 36px !default;
72
- $pause-play-button-right-value-bigger: 45px !default;
73
- $pause-play-button-right-value-bigger-rtl: 41px !default;
74
- $file-container-left: 60px !default;
75
- $ie-icons-position-value: 10px !default;
76
- $ie-abort-icon-position-value: 12px !default;
77
-
78
- $upload-font-family: inherit !default;
79
- $drop-area-font-size-smaller: $text-sm !default;
80
- $drop-area-font-size: 15px !default;
81
- $drop-zone-margin: 3px !default;
82
- $header-padding: 12px 0 12px 12px !default;
83
- $drop-area-padding-left: 16px !default;
84
- $drop-area-padding-left-smaller: 12px !default;
85
- $file-name-font-size-smaller: $text-sm !default;
86
- $file-name-font-size: 15px !default;
87
- $list-item-status-font-size-smaller: $text-xs !default;
88
- $list-item-status-font-size: $text-xs !default;
89
- $list-item-status-bigger-font-size: $text-sm !default;
90
- $list-item-margin-left-smaller: 12px !default;
91
- $list-item-margin-left: 15px !default;
92
- $list-line-height: 22px !default;
93
- $remove-icon-margin: 15px !default;
94
- $remove-icon-margin-smaller: 15px !default;
95
- $action-buttons-margin-smaller: 8px !default;
96
- $footer-buttons-margin: 15px !default;
97
- $delete-icon-padding-smaller: 15px !default;
98
- $delete-icon-padding: 24px !default;
99
- $remove-icon-right: $zero-value !default;
100
- $remove-icon-top-smaller: 50% !default;
101
- $remove-icon-before-left: 9px !default;
102
- $remove-icon-before-top: 9px !default;
103
- $remove-icon-margin-top: -24px !default;
104
- $file-name-padding-top-smaller: 12px !default;
105
- $file-name-padding-top: 15px !default;
106
- $file-size-padding: 10px $zero-value !default;
107
- $file-size-padding-smaller: $zero-value !default;
108
- $progress-bar-wrapper-width: 95% !default;
109
- $progress-bar-top-paddding: 6px !default;
110
- $progress-bar-bottom-paddding: 11px !default;
111
- $progress-bar-text-right-smaller: $zero-value !default;
112
- $progress-bar-text-top-smaller: -33px !default;
113
- $li-min-height: 82px !default;
114
- $inner-wrap-radius: 4px !default;
115
- $progress-bar-radius: 4px !default;
116
- $progress-inner-wrap-height-smaller: 4px !default;
117
- $progress-bar-height-smaller: 4px !default;
118
- $remove-icon-before-left-bigger: 12px !default;
119
- $remove-icon-before-top-bigger: 12px !default;
120
- $list-items-height: 108px !default;
121
- $progress-bar-text-right: 16px !default;
122
- $progress-bar-text-top: -36px !default;
123
- $progress-bar-wrapper-width-bigger: 95% !default;
124
- $header-padding-rtl-bigger: 20px 15px 20px $zero-value !default;
125
- $header-padding-bigger: 16px 0 16px 16px !default;
126
- $margin-rtl-header: $zero-value !default;
127
- $margin-rtl: 15px !default;
128
- $remove-icon-rtl-bigger: $zero-value !default;
129
- $progress-bar-width-rtl: 86% !default;
130
- $header-padding-rtl-smaller: 16px 12px 16px $zero-value !default;
131
- $margin-rtl-header-smaller: $zero-value !default;
132
- $margin-rtl-smaller: 11px !default;
133
- $left: $zero-value !default;
134
- $rtl-progress-top: -32px !default;
135
- $remove-icon-rtl-top-smaller: 50% !default;
136
- $file-name-font-family: inherit !default;
137
- $remove-icon-top: 50% !default;
138
- $remove-icon-font-size-smaller: 18px !default;
139
- $remove-icon-font-size: 22px !default;
140
- $delete-icon-font-size: 22px !default;
141
- $abort-icon-font-size: 22px !default;
142
- $delete-icon-font-size-smaller: 18px !default;
143
- $abort-icon-font-size-smaller: 18px !default;
144
- $upload-border-radius: 6px !default;
145
- $remove-icon-padding-smaller: 10px !default;
146
- $remove-icon-margin-top-smaller: -9px !default;
147
- $uploader-icons-hover-radius: 50% !default;
148
-
149
- // mouse small
150
- $header-padding-small: 12px 0 12px 12px !default;
151
- $drop-area-small-font-size: 13px !default;
152
- $file-small-name-font-size: 12px !default;
153
- $file-small-name-padding-top: 12px !default;
154
- $list-small-item-status-font-size: 12px !default;
155
- $file-small-size-padding: 6px 0 !default;
156
- $remove-small-icon-font-size: 10px !default;
157
- $remove-small-icon-height: 24px !default;
158
- $delete-small-icon-padding: 12px !default;
159
- $remove-small-icon-width: 24px !default;
160
- $progress-bar-bottom-paddding-small: 2px !default;
161
- $drop-small-area-padding-left: 10px !default;
162
- $li-min-height-small: 79px !default;
163
- $header-padding-rtl-small: 12px 12px 12px 0 !default;
164
-
165
- // form upload
166
- $form-upload-file-name-line-height: 1.5 !default;
167
- $form-upload-file-list-height: $list-item-height !default;
168
- $form-upload-file-list-padding-top: $file-name-padding-top - 4 !default;
169
- $form-upload-file-list-padding-bottom: $file-name-padding-top !default;
170
- $form-upload-file-name-padding: 4px !default;
171
- $form-upload-file-status-font-size: $list-item-status-font-size-smaller !default;
172
- $form-upload-remove-icon-top: 42px !default;
173
- $form-upload-bigger-remove-icon-top: 38px !default;
174
- $form-upload-small-remove-icon-top: 42px !default;
175
-
176
- // form upload - bigger
177
- $form-upload-bigger-file-name-line-height: 1.5 !default;
178
- $form-upload-bigger-file-list-height: $list-item-height !default;
179
- $form-upload-bigger-file-list-padding-top: $file-name-padding-top - 4 !default;
180
- $form-upload-bigger-file-list-padding-bottom: $file-name-padding-top !default;
181
- $form-upload-bigger-file-name-padding: 4px !default;
182
- $form-upload-bigger-file-status-font-size: $list-item-status-font-size !default;
183
-
184
- // form upload - small
185
- $form-upload-small-file-name-line-height: 1.5 !default;
186
- $form-upload-small-file-list-height: $list-item-height !default;
187
- $form-upload-small-file-list-padding-top: $file-small-name-padding-top - 4 !default;
188
- $form-upload-small-file-list-padding-bottom: $file-small-name-padding-top !default;
189
- $form-upload-small-file-name-padding: 4px !default;
190
- $form-upload-small-file-status-font-size: $list-item-status-font-size-smaller !default;
191
-
192
- // color
193
-
194
- $remove-icon-color: $icon-color !default;
195
- $upload-hover-icon-color: $icon-color-hover !default;
196
- $disabled-state: $icon-color-disabled !default;
197
- $remove-icon-disabled-color: $zero-value !default;
198
- $drop-text-color: $content-text-color !default;
199
- $file-drop-text-color: $content-text-color-alt2 !default;
200
- $progress-text-color: $content-text-color-alt3 !default;
201
- $file-size-color: $content-text-color-alt3 !default;
202
- $upload-success-color: $success !default;
203
- $upload-failure-color: $danger !default;
204
- $upload-in-progress-color: $primary !default;
205
- $progress-background-color: $content-bg-color-alt3 !default;
206
- $progress-text-color: $content-text-color-alt2 !default;
207
- $clear-icon-focus-color: transparent !default;
208
- $list-bottom-border: 1px solid $border-light !default;
209
- $upload-border: 1px dashed $border-dark !default;
210
- $drag-hover-border: 1px dashed $primary !default;
211
-
212
- .e-upload .e-upload-actions,
213
- .e-bigger.e-small .e-upload .e-upload-actions {
214
- background-color: $content-bg-color-alt1;
215
- border-radius: 0 0 6px 6px;
216
- }