@syncfusion/ej2-inputs 24.2.7 → 25.1.35-579988

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 (180) hide show
  1. package/CHANGELOG.md +0 -32
  2. package/dist/ej2-inputs.min.js +2 -2
  3. package/dist/ej2-inputs.umd.min.js +2 -2
  4. package/dist/ej2-inputs.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-inputs.es2015.js +1103 -270
  6. package/dist/es6/ej2-inputs.es2015.js.map +1 -1
  7. package/dist/es6/ej2-inputs.es5.js +1129 -275
  8. package/dist/es6/ej2-inputs.es5.js.map +1 -1
  9. package/dist/global/ej2-inputs.min.js +2 -2
  10. package/dist/global/ej2-inputs.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +10 -10
  13. package/src/color-picker/color-picker.js +10 -1
  14. package/src/common/signature-base.d.ts +1 -0
  15. package/src/common/signature-base.js +4 -3
  16. package/src/index.d.ts +1 -0
  17. package/src/index.js +1 -0
  18. package/src/input/input.d.ts +18 -1
  19. package/src/input/input.js +234 -69
  20. package/src/maskedtextbox/base/mask-base.js +1 -0
  21. package/src/maskedtextbox/maskedtextbox/maskedtextbox.d.ts +1 -0
  22. package/src/maskedtextbox/maskedtextbox/maskedtextbox.js +8 -1
  23. package/src/numerictextbox/numerictextbox.d.ts +1 -0
  24. package/src/numerictextbox/numerictextbox.js +8 -1
  25. package/src/rating/rating.js +1 -0
  26. package/src/signature/signature.js +2 -0
  27. package/src/slider/slider-model.d.ts +3 -2
  28. package/src/slider/slider.d.ts +3 -2
  29. package/src/slider/slider.js +1 -1
  30. package/src/textarea/index.d.ts +5 -0
  31. package/src/textarea/index.js +4 -0
  32. package/src/textarea/textarea-model.d.ts +155 -0
  33. package/src/textarea/textarea.d.ts +231 -0
  34. package/src/textarea/textarea.js +696 -0
  35. package/src/textbox/textbox-model.d.ts +1 -1
  36. package/src/textbox/textbox.d.ts +3 -5
  37. package/src/textbox/textbox.js +21 -57
  38. package/styles/bootstrap-dark.css +69 -8
  39. package/styles/bootstrap-dark.scss +1 -0
  40. package/styles/bootstrap.css +69 -8
  41. package/styles/bootstrap.scss +1 -0
  42. package/styles/bootstrap4.css +69 -8
  43. package/styles/bootstrap4.scss +1 -0
  44. package/styles/bootstrap5-dark.css +69 -8
  45. package/styles/bootstrap5-dark.scss +1 -0
  46. package/styles/bootstrap5.css +69 -8
  47. package/styles/bootstrap5.scss +1 -0
  48. package/styles/color-picker/_bds-definition.scss +133 -0
  49. package/styles/color-picker/icons/_bds.scss +9 -0
  50. package/styles/data-form/_bds-definition.scss +41 -0
  51. package/styles/data-form/_layout.scss +3 -3
  52. package/styles/data-form/bootstrap-dark.css +8 -8
  53. package/styles/data-form/bootstrap.css +8 -8
  54. package/styles/data-form/bootstrap4.css +8 -8
  55. package/styles/data-form/bootstrap5-dark.css +8 -8
  56. package/styles/data-form/bootstrap5.css +8 -8
  57. package/styles/data-form/fabric-dark.css +8 -8
  58. package/styles/data-form/fabric.css +8 -8
  59. package/styles/data-form/fluent-dark.css +8 -8
  60. package/styles/data-form/fluent.css +8 -8
  61. package/styles/data-form/highcontrast-light.css +8 -8
  62. package/styles/data-form/highcontrast.css +8 -8
  63. package/styles/data-form/material-dark.css +8 -8
  64. package/styles/data-form/material.css +8 -8
  65. package/styles/data-form/material3-dark.css +8 -8
  66. package/styles/data-form/material3.css +8 -8
  67. package/styles/data-form/tailwind-dark.css +8 -8
  68. package/styles/data-form/tailwind.css +8 -8
  69. package/styles/fabric-dark.css +69 -8
  70. package/styles/fabric-dark.scss +1 -0
  71. package/styles/fabric.css +69 -8
  72. package/styles/fabric.scss +1 -0
  73. package/styles/fluent-dark.css +69 -8
  74. package/styles/fluent-dark.scss +1 -0
  75. package/styles/fluent.css +69 -8
  76. package/styles/fluent.scss +1 -0
  77. package/styles/highcontrast-light.css +69 -8
  78. package/styles/highcontrast-light.scss +1 -0
  79. package/styles/highcontrast.css +69 -8
  80. package/styles/highcontrast.scss +1 -0
  81. package/styles/input/_bds-definition.scss +482 -0
  82. package/styles/input/icons/_bds.scss +17 -0
  83. package/styles/maskedtextbox/_bds-definition.scss +7 -0
  84. package/styles/material-dark.css +75 -8
  85. package/styles/material-dark.scss +1 -0
  86. package/styles/material.css +83 -8
  87. package/styles/material.scss +1 -0
  88. package/styles/material3-dark.css +83 -8
  89. package/styles/material3-dark.scss +1 -0
  90. package/styles/material3.css +83 -8
  91. package/styles/material3.scss +1 -0
  92. package/styles/numerictextbox/_bds-definition.scss +3 -0
  93. package/styles/numerictextbox/icons/_bds.scss +11 -0
  94. package/styles/rating/_bds-definition.scss +47 -0
  95. package/styles/signature/_bds-definition.scss +3 -0
  96. package/styles/slider/_bds-definition.scss +88 -0
  97. package/styles/tailwind-dark.css +69 -8
  98. package/styles/tailwind-dark.scss +1 -0
  99. package/styles/tailwind.css +69 -8
  100. package/styles/tailwind.scss +1 -0
  101. package/styles/textarea/_all.scss +1 -0
  102. package/styles/textarea/_bds-definition.scss +1 -0
  103. package/styles/textarea/_bootstrap-dark-definition.scss +1 -0
  104. package/styles/textarea/_bootstrap-definition.scss +1 -0
  105. package/styles/textarea/_bootstrap4-definition.scss +1 -0
  106. package/styles/textarea/_bootstrap5-dark-definition.scss +1 -0
  107. package/styles/textarea/_bootstrap5-definition.scss +1 -0
  108. package/styles/textarea/_fabric-dark-definition.scss +1 -0
  109. package/styles/textarea/_fabric-definition.scss +1 -0
  110. package/styles/textarea/_fluent-dark-definition.scss +1 -0
  111. package/styles/textarea/_fluent-definition.scss +1 -0
  112. package/styles/textarea/_fusionnew-definition.scss +1 -0
  113. package/styles/textarea/_highcontrast-definition.scss +1 -0
  114. package/styles/textarea/_highcontrast-light-definition.scss +1 -0
  115. package/styles/textarea/_layout.scss +36 -0
  116. package/styles/textarea/_material-dark-definition.scss +1 -0
  117. package/styles/textarea/_material-definition.scss +1 -0
  118. package/styles/textarea/_material3-dark-definition.scss +1 -0
  119. package/styles/textarea/_material3-definition.scss +1 -0
  120. package/styles/textarea/_tailwind-dark-definition.scss +1 -0
  121. package/styles/textarea/_tailwind-definition.scss +1 -0
  122. package/styles/textarea/_theme.scss +1 -0
  123. package/styles/textarea/bootstrap-dark.css +33 -0
  124. package/styles/textarea/bootstrap-dark.scss +5 -0
  125. package/styles/textarea/bootstrap.css +33 -0
  126. package/styles/textarea/bootstrap.scss +5 -0
  127. package/styles/textarea/bootstrap4.css +33 -0
  128. package/styles/textarea/bootstrap4.scss +5 -0
  129. package/styles/textarea/bootstrap5-dark.css +33 -0
  130. package/styles/textarea/bootstrap5-dark.scss +5 -0
  131. package/styles/textarea/bootstrap5.css +33 -0
  132. package/styles/textarea/bootstrap5.scss +5 -0
  133. package/styles/textarea/fabric-dark.css +33 -0
  134. package/styles/textarea/fabric-dark.scss +5 -0
  135. package/styles/textarea/fabric.css +33 -0
  136. package/styles/textarea/fabric.scss +5 -0
  137. package/styles/textarea/fluent-dark.css +33 -0
  138. package/styles/textarea/fluent-dark.scss +5 -0
  139. package/styles/textarea/fluent.css +33 -0
  140. package/styles/textarea/fluent.scss +5 -0
  141. package/styles/textarea/highcontrast-light.css +33 -0
  142. package/styles/textarea/highcontrast-light.scss +5 -0
  143. package/styles/textarea/highcontrast.css +33 -0
  144. package/styles/textarea/highcontrast.scss +5 -0
  145. package/styles/textarea/material-dark.css +39 -0
  146. package/styles/textarea/material-dark.scss +5 -0
  147. package/styles/textarea/material.css +47 -0
  148. package/styles/textarea/material.scss +5 -0
  149. package/styles/textarea/material3-dark.css +102 -0
  150. package/styles/textarea/material3-dark.scss +6 -0
  151. package/styles/textarea/material3.css +158 -0
  152. package/styles/textarea/material3.scss +6 -0
  153. package/styles/textarea/tailwind-dark.css +33 -0
  154. package/styles/textarea/tailwind-dark.scss +5 -0
  155. package/styles/textarea/tailwind.css +33 -0
  156. package/styles/textarea/tailwind.scss +5 -0
  157. package/styles/textbox/_all.scss +1 -1
  158. package/styles/textbox/_bds-definition.scss +4 -0
  159. package/styles/textbox/_layout.scss +0 -11
  160. package/styles/textbox/bootstrap-dark.css +27 -1
  161. package/styles/textbox/bootstrap.css +27 -1
  162. package/styles/textbox/bootstrap4.css +27 -1
  163. package/styles/textbox/bootstrap5-dark.css +27 -1
  164. package/styles/textbox/bootstrap5.css +27 -1
  165. package/styles/textbox/fabric-dark.css +27 -1
  166. package/styles/textbox/fabric.css +27 -1
  167. package/styles/textbox/fluent-dark.css +27 -1
  168. package/styles/textbox/fluent.css +27 -1
  169. package/styles/textbox/highcontrast-light.css +27 -1
  170. package/styles/textbox/highcontrast.css +27 -1
  171. package/styles/textbox/material-dark.css +27 -1
  172. package/styles/textbox/material.css +27 -1
  173. package/styles/textbox/material3-dark.css +27 -1
  174. package/styles/textbox/material3.css +27 -1
  175. package/styles/textbox/tailwind-dark.css +27 -1
  176. package/styles/textbox/tailwind.css +27 -1
  177. package/styles/uploader/_bds-definition.scss +232 -0
  178. package/styles/uploader/icons/_bds.scss +34 -0
  179. package/textarea.d.ts +4 -0
  180. package/textarea.js +4 -0
package/styles/data-form/bootstrap5-dark.css CHANGED
@@ -117,12 +117,12 @@
117
117
  -ms-grid-column: span 12;
118
118
  grid-column: span 12/span 12;
119
119
  }
120
- .e-data-form .e-label-left .e-form-item-wrapper {
120
+ .e-data-form .e-label-position-left .e-form-item-wrapper {
121
121
  -ms-flex: 1 1 auto;
122
122
  flex: 1 1 auto;
123
123
  max-width: calc(75% - 12px);
124
124
  }
125
- .e-data-form .e-label-left .e-form-label {
125
+ .e-data-form .e-label-position-left .e-form-label {
126
126
  margin-right: 12px;
127
127
  width: 25%;
128
128
  text-align: end;
@@ -133,7 +133,7 @@
133
133
  -ms-flex-pack: start;
134
134
  justify-content: flex-start;
135
135
  }
136
- .e-data-form .e-label-left .validation-message {
136
+ .e-data-form .e-label-position-left .validation-message {
137
137
  display: -ms-flexbox;
138
138
  display: flex;
139
139
  }
@@ -159,27 +159,27 @@
159
159
  height: 1px;
160
160
  border-bottom: 1px solid #dee2e6;
161
161
  }
162
- .e-data-form .e-label-top {
162
+ .e-data-form .e-label-position-top {
163
163
  display: -ms-flexbox;
164
164
  display: flex;
165
165
  -ms-flex-direction: column;
166
166
  flex-direction: column;
167
167
  margin-top: 20px;
168
168
  }
169
- .e-data-form .e-label-top .e-label-right {
169
+ .e-data-form .e-label-position-top .e-label-right {
170
170
  display: -ms-flexbox;
171
171
  display: flex;
172
172
  -ms-flex-align: center;
173
173
  align-items: center;
174
174
  }
175
- .e-data-form .e-label-top .e-label-right .e-switch-wrapper + .e-form-label {
175
+ .e-data-form .e-label-position-top .e-label-right .e-switch-wrapper + .e-form-label {
176
176
  margin-top: 3px;
177
177
  margin-left: 5px;
178
178
  }
179
- .e-data-form .e-label-top .e-label-right .e-checkbox-wrapper + .e-form-label {
179
+ .e-data-form .e-label-position-top .e-label-right .e-checkbox-wrapper + .e-form-label {
180
180
  margin-top: 5px;
181
181
  }
182
- .e-data-form .e-label-left {
182
+ .e-data-form .e-label-position-left {
183
183
  display: -ms-flexbox;
184
184
  display: flex;
185
185
  text-align: center;
package/styles/data-form/bootstrap5.css CHANGED
@@ -117,12 +117,12 @@
117
117
  -ms-grid-column: span 12;
118
118
  grid-column: span 12/span 12;
119
119
  }
120
- .e-data-form .e-label-left .e-form-item-wrapper {
120
+ .e-data-form .e-label-position-left .e-form-item-wrapper {
121
121
  -ms-flex: 1 1 auto;
122
122
  flex: 1 1 auto;
123
123
  max-width: calc(75% - 12px);
124
124
  }
125
- .e-data-form .e-label-left .e-form-label {
125
+ .e-data-form .e-label-position-left .e-form-label {
126
126
  margin-right: 12px;
127
127
  width: 25%;
128
128
  text-align: end;
@@ -133,7 +133,7 @@
133
133
  -ms-flex-pack: start;
134
134
  justify-content: flex-start;
135
135
  }
136
- .e-data-form .e-label-left .validation-message {
136
+ .e-data-form .e-label-position-left .validation-message {
137
137
  display: -ms-flexbox;
138
138
  display: flex;
139
139
  }
@@ -159,27 +159,27 @@
159
159
  height: 1px;
160
160
  border-bottom: 1px solid #dee2e6;
161
161
  }
162
- .e-data-form .e-label-top {
162
+ .e-data-form .e-label-position-top {
163
163
  display: -ms-flexbox;
164
164
  display: flex;
165
165
  -ms-flex-direction: column;
166
166
  flex-direction: column;
167
167
  margin-top: 20px;
168
168
  }
169
- .e-data-form .e-label-top .e-label-right {
169
+ .e-data-form .e-label-position-top .e-label-right {
170
170
  display: -ms-flexbox;
171
171
  display: flex;
172
172
  -ms-flex-align: center;
173
173
  align-items: center;
174
174
  }
175
- .e-data-form .e-label-top .e-label-right .e-switch-wrapper + .e-form-label {
175
+ .e-data-form .e-label-position-top .e-label-right .e-switch-wrapper + .e-form-label {
176
176
  margin-top: 3px;
177
177
  margin-left: 5px;
178
178
  }
179
- .e-data-form .e-label-top .e-label-right .e-checkbox-wrapper + .e-form-label {
179
+ .e-data-form .e-label-position-top .e-label-right .e-checkbox-wrapper + .e-form-label {
180
180
  margin-top: 5px;
181
181
  }
182
- .e-data-form .e-label-left {
182
+ .e-data-form .e-label-position-left {
183
183
  display: -ms-flexbox;
184
184
  display: flex;
185
185
  text-align: center;
package/styles/data-form/fabric-dark.css CHANGED
@@ -117,12 +117,12 @@
117
117
  -ms-grid-column: span 12;
118
118
  grid-column: span 12/span 12;
119
119
  }
120
- .e-data-form .e-label-left .e-form-item-wrapper {
120
+ .e-data-form .e-label-position-left .e-form-item-wrapper {
121
121
  -ms-flex: 1 1 auto;
122
122
  flex: 1 1 auto;
123
123
  max-width: calc(75% - 12px);
124
124
  }
125
- .e-data-form .e-label-left .e-form-label {
125
+ .e-data-form .e-label-position-left .e-form-label {
126
126
  margin-right: 12px;
127
127
  width: 25%;
128
128
  text-align: end;
@@ -133,7 +133,7 @@
133
133
  -ms-flex-pack: start;
134
134
  justify-content: flex-start;
135
135
  }
136
- .e-data-form .e-label-left .validation-message {
136
+ .e-data-form .e-label-position-left .validation-message {
137
137
  display: -ms-flexbox;
138
138
  display: flex;
139
139
  }
@@ -159,27 +159,27 @@
159
159
  height: 1px;
160
160
  border-bottom: 1px solid #414040;
161
161
  }
162
- .e-data-form .e-label-top {
162
+ .e-data-form .e-label-position-top {
163
163
  display: -ms-flexbox;
164
164
  display: flex;
165
165
  -ms-flex-direction: column;
166
166
  flex-direction: column;
167
167
  margin-top: 20px;
168
168
  }
169
- .e-data-form .e-label-top .e-label-right {
169
+ .e-data-form .e-label-position-top .e-label-right {
170
170
  display: -ms-flexbox;
171
171
  display: flex;
172
172
  -ms-flex-align: center;
173
173
  align-items: center;
174
174
  }
175
- .e-data-form .e-label-top .e-label-right .e-switch-wrapper + .e-form-label {
175
+ .e-data-form .e-label-position-top .e-label-right .e-switch-wrapper + .e-form-label {
176
176
  margin-top: 3px;
177
177
  margin-left: 5px;
178
178
  }
179
- .e-data-form .e-label-top .e-label-right .e-checkbox-wrapper + .e-form-label {
179
+ .e-data-form .e-label-position-top .e-label-right .e-checkbox-wrapper + .e-form-label {
180
180
  margin-top: 4px;
181
181
  }
182
- .e-data-form .e-label-left {
182
+ .e-data-form .e-label-position-left {
183
183
  display: -ms-flexbox;
184
184
  display: flex;
185
185
  text-align: center;
package/styles/data-form/fabric.css CHANGED
@@ -117,12 +117,12 @@
117
117
  -ms-grid-column: span 12;
118
118
  grid-column: span 12/span 12;
119
119
  }
120
- .e-data-form .e-label-left .e-form-item-wrapper {
120
+ .e-data-form .e-label-position-left .e-form-item-wrapper {
121
121
  -ms-flex: 1 1 auto;
122
122
  flex: 1 1 auto;
123
123
  max-width: calc(75% - 12px);
124
124
  }
125
- .e-data-form .e-label-left .e-form-label {
125
+ .e-data-form .e-label-position-left .e-form-label {
126
126
  margin-right: 12px;
127
127
  width: 25%;
128
128
  text-align: end;
@@ -133,7 +133,7 @@
133
133
  -ms-flex-pack: start;
134
134
  justify-content: flex-start;
135
135
  }
136
- .e-data-form .e-label-left .validation-message {
136
+ .e-data-form .e-label-position-left .validation-message {
137
137
  display: -ms-flexbox;
138
138
  display: flex;
139
139
  }
@@ -159,27 +159,27 @@
159
159
  height: 1px;
160
160
  border-bottom: 1px solid #eaeaea;
161
161
  }
162
- .e-data-form .e-label-top {
162
+ .e-data-form .e-label-position-top {
163
163
  display: -ms-flexbox;
164
164
  display: flex;
165
165
  -ms-flex-direction: column;
166
166
  flex-direction: column;
167
167
  margin-top: 20px;
168
168
  }
169
- .e-data-form .e-label-top .e-label-right {
169
+ .e-data-form .e-label-position-top .e-label-right {
170
170
  display: -ms-flexbox;
171
171
  display: flex;
172
172
  -ms-flex-align: center;
173
173
  align-items: center;
174
174
  }
175
- .e-data-form .e-label-top .e-label-right .e-switch-wrapper + .e-form-label {
175
+ .e-data-form .e-label-position-top .e-label-right .e-switch-wrapper + .e-form-label {
176
176
  margin-top: 3px;
177
177
  margin-left: 5px;
178
178
  }
179
- .e-data-form .e-label-top .e-label-right .e-checkbox-wrapper + .e-form-label {
179
+ .e-data-form .e-label-position-top .e-label-right .e-checkbox-wrapper + .e-form-label {
180
180
  margin-top: 4px;
181
181
  }
182
- .e-data-form .e-label-left {
182
+ .e-data-form .e-label-position-left {
183
183
  display: -ms-flexbox;
184
184
  display: flex;
185
185
  text-align: center;
package/styles/data-form/fluent-dark.css CHANGED
@@ -117,12 +117,12 @@
117
117
  -ms-grid-column: span 12;
118
118
  grid-column: span 12/span 12;
119
119
  }
120
- .e-data-form .e-label-left .e-form-item-wrapper {
120
+ .e-data-form .e-label-position-left .e-form-item-wrapper {
121
121
  -ms-flex: 1 1 auto;
122
122
  flex: 1 1 auto;
123
123
  max-width: calc(75% - 12px);
124
124
  }
125
- .e-data-form .e-label-left .e-form-label {
125
+ .e-data-form .e-label-position-left .e-form-label {
126
126
  margin-right: 12px;
127
127
  width: 25%;
128
128
  text-align: end;
@@ -133,7 +133,7 @@
133
133
  -ms-flex-pack: start;
134
134
  justify-content: flex-start;
135
135
  }
136
- .e-data-form .e-label-left .validation-message {
136
+ .e-data-form .e-label-position-left .validation-message {
137
137
  display: -ms-flexbox;
138
138
  display: flex;
139
139
  }
@@ -159,27 +159,27 @@
159
159
  height: 1px;
160
160
  border-bottom: 1px solid #292827;
161
161
  }
162
- .e-data-form .e-label-top {
162
+ .e-data-form .e-label-position-top {
163
163
  display: -ms-flexbox;
164
164
  display: flex;
165
165
  -ms-flex-direction: column;
166
166
  flex-direction: column;
167
167
  margin-top: 20px;
168
168
  }
169
- .e-data-form .e-label-top .e-label-right {
169
+ .e-data-form .e-label-position-top .e-label-right {
170
170
  display: -ms-flexbox;
171
171
  display: flex;
172
172
  -ms-flex-align: center;
173
173
  align-items: center;
174
174
  }
175
- .e-data-form .e-label-top .e-label-right .e-switch-wrapper + .e-form-label {
175
+ .e-data-form .e-label-position-top .e-label-right .e-switch-wrapper + .e-form-label {
176
176
  margin-top: 3px;
177
177
  margin-left: 5px;
178
178
  }
179
- .e-data-form .e-label-top .e-label-right .e-checkbox-wrapper + .e-form-label {
179
+ .e-data-form .e-label-position-top .e-label-right .e-checkbox-wrapper + .e-form-label {
180
180
  margin-top: 3px;
181
181
  }
182
- .e-data-form .e-label-left {
182
+ .e-data-form .e-label-position-left {
183
183
  display: -ms-flexbox;
184
184
  display: flex;
185
185
  text-align: center;
package/styles/data-form/fluent.css CHANGED
@@ -117,12 +117,12 @@
117
117
  -ms-grid-column: span 12;
118
118
  grid-column: span 12/span 12;
119
119
  }
120
- .e-data-form .e-label-left .e-form-item-wrapper {
120
+ .e-data-form .e-label-position-left .e-form-item-wrapper {
121
121
  -ms-flex: 1 1 auto;
122
122
  flex: 1 1 auto;
123
123
  max-width: calc(75% - 12px);
124
124
  }
125
- .e-data-form .e-label-left .e-form-label {
125
+ .e-data-form .e-label-position-left .e-form-label {
126
126
  margin-right: 12px;
127
127
  width: 25%;
128
128
  text-align: end;
@@ -133,7 +133,7 @@
133
133
  -ms-flex-pack: start;
134
134
  justify-content: flex-start;
135
135
  }
136
- .e-data-form .e-label-left .validation-message {
136
+ .e-data-form .e-label-position-left .validation-message {
137
137
  display: -ms-flexbox;
138
138
  display: flex;
139
139
  }
@@ -159,27 +159,27 @@
159
159
  height: 1px;
160
160
  border-bottom: 1px solid #edebe9;
161
161
  }
162
- .e-data-form .e-label-top {
162
+ .e-data-form .e-label-position-top {
163
163
  display: -ms-flexbox;
164
164
  display: flex;
165
165
  -ms-flex-direction: column;
166
166
  flex-direction: column;
167
167
  margin-top: 20px;
168
168
  }
169
- .e-data-form .e-label-top .e-label-right {
169
+ .e-data-form .e-label-position-top .e-label-right {
170
170
  display: -ms-flexbox;
171
171
  display: flex;
172
172
  -ms-flex-align: center;
173
173
  align-items: center;
174
174
  }
175
- .e-data-form .e-label-top .e-label-right .e-switch-wrapper + .e-form-label {
175
+ .e-data-form .e-label-position-top .e-label-right .e-switch-wrapper + .e-form-label {
176
176
  margin-top: 3px;
177
177
  margin-left: 5px;
178
178
  }
179
- .e-data-form .e-label-top .e-label-right .e-checkbox-wrapper + .e-form-label {
179
+ .e-data-form .e-label-position-top .e-label-right .e-checkbox-wrapper + .e-form-label {
180
180
  margin-top: 3px;
181
181
  }
182
- .e-data-form .e-label-left {
182
+ .e-data-form .e-label-position-left {
183
183
  display: -ms-flexbox;
184
184
  display: flex;
185
185
  text-align: center;
package/styles/data-form/highcontrast-light.css CHANGED
@@ -117,12 +117,12 @@
117
117
  -ms-grid-column: span 12;
118
118
  grid-column: span 12/span 12;
119
119
  }
120
- .e-data-form .e-label-left .e-form-item-wrapper {
120
+ .e-data-form .e-label-position-left .e-form-item-wrapper {
121
121
  -ms-flex: 1 1 auto;
122
122
  flex: 1 1 auto;
123
123
  max-width: calc(75% - 12px);
124
124
  }
125
- .e-data-form .e-label-left .e-form-label {
125
+ .e-data-form .e-label-position-left .e-form-label {
126
126
  margin-right: 12px;
127
127
  width: 25%;
128
128
  text-align: end;
@@ -133,7 +133,7 @@
133
133
  -ms-flex-pack: start;
134
134
  justify-content: flex-start;
135
135
  }
136
- .e-data-form .e-label-left .validation-message {
136
+ .e-data-form .e-label-position-left .validation-message {
137
137
  display: -ms-flexbox;
138
138
  display: flex;
139
139
  }
@@ -159,27 +159,27 @@
159
159
  height: 1px;
160
160
  border-bottom: 1px solid #dee2e6;
161
161
  }
162
- .e-data-form .e-label-top {
162
+ .e-data-form .e-label-position-top {
163
163
  display: -ms-flexbox;
164
164
  display: flex;
165
165
  -ms-flex-direction: column;
166
166
  flex-direction: column;
167
167
  margin-top: 20px;
168
168
  }
169
- .e-data-form .e-label-top .e-label-right {
169
+ .e-data-form .e-label-position-top .e-label-right {
170
170
  display: -ms-flexbox;
171
171
  display: flex;
172
172
  -ms-flex-align: center;
173
173
  align-items: center;
174
174
  }
175
- .e-data-form .e-label-top .e-label-right .e-switch-wrapper + .e-form-label {
175
+ .e-data-form .e-label-position-top .e-label-right .e-switch-wrapper + .e-form-label {
176
176
  margin-top: 3px;
177
177
  margin-left: 5px;
178
178
  }
179
- .e-data-form .e-label-top .e-label-right .e-checkbox-wrapper + .e-form-label {
179
+ .e-data-form .e-label-position-top .e-label-right .e-checkbox-wrapper + .e-form-label {
180
180
  margin-top: 3px;
181
181
  }
182
- .e-data-form .e-label-left {
182
+ .e-data-form .e-label-position-left {
183
183
  display: -ms-flexbox;
184
184
  display: flex;
185
185
  text-align: center;
package/styles/data-form/highcontrast.css CHANGED
@@ -117,12 +117,12 @@
117
117
  -ms-grid-column: span 12;
118
118
  grid-column: span 12/span 12;
119
119
  }
120
- .e-data-form .e-label-left .e-form-item-wrapper {
120
+ .e-data-form .e-label-position-left .e-form-item-wrapper {
121
121
  -ms-flex: 1 1 auto;
122
122
  flex: 1 1 auto;
123
123
  max-width: calc(75% - 12px);
124
124
  }
125
- .e-data-form .e-label-left .e-form-label {
125
+ .e-data-form .e-label-position-left .e-form-label {
126
126
  margin-right: 12px;
127
127
  width: 25%;
128
128
  text-align: end;
@@ -133,7 +133,7 @@
133
133
  -ms-flex-pack: start;
134
134
  justify-content: flex-start;
135
135
  }
136
- .e-data-form .e-label-left .validation-message {
136
+ .e-data-form .e-label-position-left .validation-message {
137
137
  display: -ms-flexbox;
138
138
  display: flex;
139
139
  }
@@ -159,27 +159,27 @@
159
159
  height: 1px;
160
160
  border-bottom: 1px solid #969696;
161
161
  }
162
- .e-data-form .e-label-top {
162
+ .e-data-form .e-label-position-top {
163
163
  display: -ms-flexbox;
164
164
  display: flex;
165
165
  -ms-flex-direction: column;
166
166
  flex-direction: column;
167
167
  margin-top: 20px;
168
168
  }
169
- .e-data-form .e-label-top .e-label-right {
169
+ .e-data-form .e-label-position-top .e-label-right {
170
170
  display: -ms-flexbox;
171
171
  display: flex;
172
172
  -ms-flex-align: center;
173
173
  align-items: center;
174
174
  }
175
- .e-data-form .e-label-top .e-label-right .e-switch-wrapper + .e-form-label {
175
+ .e-data-form .e-label-position-top .e-label-right .e-switch-wrapper + .e-form-label {
176
176
  margin-top: 3px;
177
177
  margin-left: 5px;
178
178
  }
179
- .e-data-form .e-label-top .e-label-right .e-checkbox-wrapper + .e-form-label {
179
+ .e-data-form .e-label-position-top .e-label-right .e-checkbox-wrapper + .e-form-label {
180
180
  margin-top: 3px;
181
181
  }
182
- .e-data-form .e-label-left {
182
+ .e-data-form .e-label-position-left {
183
183
  display: -ms-flexbox;
184
184
  display: flex;
185
185
  text-align: center;
package/styles/data-form/material-dark.css CHANGED
@@ -117,12 +117,12 @@
117
117
  -ms-grid-column: span 12;
118
118
  grid-column: span 12/span 12;
119
119
  }
120
- .e-data-form .e-label-left .e-form-item-wrapper {
120
+ .e-data-form .e-label-position-left .e-form-item-wrapper {
121
121
  -ms-flex: 1 1 auto;
122
122
  flex: 1 1 auto;
123
123
  max-width: calc(75% - 12px);
124
124
  }
125
- .e-data-form .e-label-left .e-form-label {
125
+ .e-data-form .e-label-position-left .e-form-label {
126
126
  margin-right: 12px;
127
127
  width: 25%;
128
128
  text-align: end;
@@ -133,7 +133,7 @@
133
133
  -ms-flex-pack: start;
134
134
  justify-content: flex-start;
135
135
  }
136
- .e-data-form .e-label-left .validation-message {
136
+ .e-data-form .e-label-position-left .validation-message {
137
137
  display: -ms-flexbox;
138
138
  display: flex;
139
139
  }
@@ -159,27 +159,27 @@
159
159
  height: 1px;
160
160
  border-bottom: 1px solid #dee2e6;
161
161
  }
162
- .e-data-form .e-label-top {
162
+ .e-data-form .e-label-position-top {
163
163
  display: -ms-flexbox;
164
164
  display: flex;
165
165
  -ms-flex-direction: column;
166
166
  flex-direction: column;
167
167
  margin-top: 20px;
168
168
  }
169
- .e-data-form .e-label-top .e-label-right {
169
+ .e-data-form .e-label-position-top .e-label-right {
170
170
  display: -ms-flexbox;
171
171
  display: flex;
172
172
  -ms-flex-align: center;
173
173
  align-items: center;
174
174
  }
175
- .e-data-form .e-label-top .e-label-right .e-switch-wrapper + .e-form-label {
175
+ .e-data-form .e-label-position-top .e-label-right .e-switch-wrapper + .e-form-label {
176
176
  margin-top: 3px;
177
177
  margin-left: 5px;
178
178
  }
179
- .e-data-form .e-label-top .e-label-right .e-checkbox-wrapper + .e-form-label {
179
+ .e-data-form .e-label-position-top .e-label-right .e-checkbox-wrapper + .e-form-label {
180
180
  margin-top: 6px;
181
181
  }
182
- .e-data-form .e-label-left {
182
+ .e-data-form .e-label-position-left {
183
183
  display: -ms-flexbox;
184
184
  display: flex;
185
185
  text-align: center;
package/styles/data-form/material.css CHANGED
@@ -117,12 +117,12 @@
117
117
  -ms-grid-column: span 12;
118
118
  grid-column: span 12/span 12;
119
119
  }
120
- .e-data-form .e-label-left .e-form-item-wrapper {
120
+ .e-data-form .e-label-position-left .e-form-item-wrapper {
121
121
  -ms-flex: 1 1 auto;
122
122
  flex: 1 1 auto;
123
123
  max-width: calc(75% - 12px);
124
124
  }
125
- .e-data-form .e-label-left .e-form-label {
125
+ .e-data-form .e-label-position-left .e-form-label {
126
126
  margin-right: 12px;
127
127
  width: 25%;
128
128
  text-align: end;
@@ -133,7 +133,7 @@
133
133
  -ms-flex-pack: start;
134
134
  justify-content: flex-start;
135
135
  }
136
- .e-data-form .e-label-left .validation-message {
136
+ .e-data-form .e-label-position-left .validation-message {
137
137
  display: -ms-flexbox;
138
138
  display: flex;
139
139
  }
@@ -159,27 +159,27 @@
159
159
  height: 1px;
160
160
  border-bottom: 1px solid #c4c7c5;
161
161
  }
162
- .e-data-form .e-label-top {
162
+ .e-data-form .e-label-position-top {
163
163
  display: -ms-flexbox;
164
164
  display: flex;
165
165
  -ms-flex-direction: column;
166
166
  flex-direction: column;
167
167
  margin-top: 20px;
168
168
  }
169
- .e-data-form .e-label-top .e-label-right {
169
+ .e-data-form .e-label-position-top .e-label-right {
170
170
  display: -ms-flexbox;
171
171
  display: flex;
172
172
  -ms-flex-align: center;
173
173
  align-items: center;
174
174
  }
175
- .e-data-form .e-label-top .e-label-right .e-switch-wrapper + .e-form-label {
175
+ .e-data-form .e-label-position-top .e-label-right .e-switch-wrapper + .e-form-label {
176
176
  margin-top: 3px;
177
177
  margin-left: 5px;
178
178
  }
179
- .e-data-form .e-label-top .e-label-right .e-checkbox-wrapper + .e-form-label {
179
+ .e-data-form .e-label-position-top .e-label-right .e-checkbox-wrapper + .e-form-label {
180
180
  margin-top: 6px;
181
181
  }
182
- .e-data-form .e-label-left {
182
+ .e-data-form .e-label-position-left {
183
183
  display: -ms-flexbox;
184
184
  display: flex;
185
185
  text-align: center;
package/styles/data-form/material3-dark.css CHANGED
@@ -172,12 +172,12 @@
172
172
  -ms-grid-column: span 12;
173
173
  grid-column: span 12/span 12;
174
174
  }
175
- .e-data-form .e-label-left .e-form-item-wrapper {
175
+ .e-data-form .e-label-position-left .e-form-item-wrapper {
176
176
  -ms-flex: 1 1 auto;
177
177
  flex: 1 1 auto;
178
178
  max-width: calc(75% - 12px);
179
179
  }
180
- .e-data-form .e-label-left .e-form-label {
180
+ .e-data-form .e-label-position-left .e-form-label {
181
181
  margin-right: 12px;
182
182
  width: 25%;
183
183
  text-align: end;
@@ -188,7 +188,7 @@
188
188
  -ms-flex-pack: start;
189
189
  justify-content: flex-start;
190
190
  }
191
- .e-data-form .e-label-left .validation-message {
191
+ .e-data-form .e-label-position-left .validation-message {
192
192
  display: -ms-flexbox;
193
193
  display: flex;
194
194
  }
@@ -214,27 +214,27 @@
214
214
  height: 1px;
215
215
  border-bottom: 1px solid var(--color-sf-outline-variant);
216
216
  }
217
- .e-data-form .e-label-top {
217
+ .e-data-form .e-label-position-top {
218
218
  display: -ms-flexbox;
219
219
  display: flex;
220
220
  -ms-flex-direction: column;
221
221
  flex-direction: column;
222
222
  margin-top: 20px;
223
223
  }
224
- .e-data-form .e-label-top .e-label-right {
224
+ .e-data-form .e-label-position-top .e-label-right {
225
225
  display: -ms-flexbox;
226
226
  display: flex;
227
227
  -ms-flex-align: center;
228
228
  align-items: center;
229
229
  }
230
- .e-data-form .e-label-top .e-label-right .e-switch-wrapper + .e-form-label {
230
+ .e-data-form .e-label-position-top .e-label-right .e-switch-wrapper + .e-form-label {
231
231
  margin-top: 3px;
232
232
  margin-left: 5px;
233
233
  }
234
- .e-data-form .e-label-top .e-label-right .e-checkbox-wrapper + .e-form-label {
234
+ .e-data-form .e-label-position-top .e-label-right .e-checkbox-wrapper + .e-form-label {
235
235
  margin-top: 6px;
236
236
  }
237
- .e-data-form .e-label-left {
237
+ .e-data-form .e-label-position-left {
238
238
  display: -ms-flexbox;
239
239
  display: flex;
240
240
  text-align: center;
package/styles/data-form/material3.css CHANGED
@@ -228,12 +228,12 @@
228
228
  -ms-grid-column: span 12;
229
229
  grid-column: span 12/span 12;
230
230
  }
231
- .e-data-form .e-label-left .e-form-item-wrapper {
231
+ .e-data-form .e-label-position-left .e-form-item-wrapper {
232
232
  -ms-flex: 1 1 auto;
233
233
  flex: 1 1 auto;
234
234
  max-width: calc(75% - 12px);
235
235
  }
236
- .e-data-form .e-label-left .e-form-label {
236
+ .e-data-form .e-label-position-left .e-form-label {
237
237
  margin-right: 12px;
238
238
  width: 25%;
239
239
  text-align: end;
@@ -244,7 +244,7 @@
244
244
  -ms-flex-pack: start;
245
245
  justify-content: flex-start;
246
246
  }
247
- .e-data-form .e-label-left .validation-message {
247
+ .e-data-form .e-label-position-left .validation-message {
248
248
  display: -ms-flexbox;
249
249
  display: flex;
250
250
  }
@@ -270,27 +270,27 @@
270
270
  height: 1px;
271
271
  border-bottom: 1px solid var(--color-sf-outline-variant);
272
272
  }
273
- .e-data-form .e-label-top {
273
+ .e-data-form .e-label-position-top {
274
274
  display: -ms-flexbox;
275
275
  display: flex;
276
276
  -ms-flex-direction: column;
277
277
  flex-direction: column;
278
278
  margin-top: 20px;
279
279
  }
280
- .e-data-form .e-label-top .e-label-right {
280
+ .e-data-form .e-label-position-top .e-label-right {
281
281
  display: -ms-flexbox;
282
282
  display: flex;
283
283
  -ms-flex-align: center;
284
284
  align-items: center;
285
285
  }
286
- .e-data-form .e-label-top .e-label-right .e-switch-wrapper + .e-form-label {
286
+ .e-data-form .e-label-position-top .e-label-right .e-switch-wrapper + .e-form-label {
287
287
  margin-top: 3px;
288
288
  margin-left: 5px;
289
289
  }
290
- .e-data-form .e-label-top .e-label-right .e-checkbox-wrapper + .e-form-label {
290
+ .e-data-form .e-label-position-top .e-label-right .e-checkbox-wrapper + .e-form-label {
291
291
  margin-top: 6px;
292
292
  }
293
- .e-data-form .e-label-left {
293
+ .e-data-form .e-label-position-left {
294
294
  display: -ms-flexbox;
295
295
  display: flex;
296
296
  text-align: center;