@syncfusion/ej2-angular-inplace-editor 24.1.41-ngcc → 24.1.41

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 (119) hide show
  1. package/esm2020/public_api.mjs +3 -0
  2. package/esm2020/src/index.mjs +5 -0
  3. package/esm2020/src/inplace-editor/inplaceeditor-all.module.mjs +50 -0
  4. package/esm2020/src/inplace-editor/inplaceeditor.component.mjs +147 -0
  5. package/esm2020/src/inplace-editor/inplaceeditor.module.mjs +25 -0
  6. package/esm2020/syncfusion-ej2-angular-inplace-editor.mjs +5 -0
  7. package/fesm2015/syncfusion-ej2-angular-inplace-editor.mjs +222 -0
  8. package/fesm2015/syncfusion-ej2-angular-inplace-editor.mjs.map +1 -0
  9. package/fesm2020/syncfusion-ej2-angular-inplace-editor.mjs +222 -0
  10. package/fesm2020/syncfusion-ej2-angular-inplace-editor.mjs.map +1 -0
  11. package/package.json +26 -12
  12. package/src/inplace-editor/inplaceeditor-all.module.d.ts +6 -0
  13. package/src/inplace-editor/inplaceeditor.component.d.ts +3 -0
  14. package/src/inplace-editor/inplaceeditor.module.d.ts +6 -0
  15. package/styles/bootstrap-dark.css +752 -1
  16. package/styles/bootstrap.css +886 -1
  17. package/styles/bootstrap4.css +1167 -1
  18. package/styles/bootstrap5-dark.css +837 -1
  19. package/styles/bootstrap5.css +837 -1
  20. package/styles/fabric-dark.css +708 -1
  21. package/styles/fabric.css +696 -1
  22. package/styles/fluent-dark.css +770 -1
  23. package/styles/fluent.css +770 -1
  24. package/styles/highcontrast-light.css +780 -1
  25. package/styles/highcontrast.css +787 -1
  26. package/styles/inplace-editor/_all.scss +2 -0
  27. package/styles/inplace-editor/_bootstrap-dark-definition.scss +74 -0
  28. package/styles/inplace-editor/_bootstrap-definition.scss +75 -0
  29. package/styles/inplace-editor/_bootstrap4-definition.scss +75 -0
  30. package/styles/inplace-editor/_bootstrap5-dark-definition.scss +1 -0
  31. package/styles/inplace-editor/_bootstrap5-definition.scss +69 -0
  32. package/styles/inplace-editor/_fabric-dark-definition.scss +74 -0
  33. package/styles/inplace-editor/_fabric-definition.scss +75 -0
  34. package/styles/inplace-editor/_fluent-dark-definition.scss +1 -0
  35. package/styles/inplace-editor/_fluent-definition.scss +70 -0
  36. package/styles/inplace-editor/_fusionnew-definition.scss +69 -0
  37. package/styles/inplace-editor/_highcontrast-definition.scss +74 -0
  38. package/styles/inplace-editor/_highcontrast-light-definition.scss +74 -0
  39. package/styles/inplace-editor/_layout.scss +658 -0
  40. package/styles/inplace-editor/_material-dark-definition.scss +75 -0
  41. package/styles/inplace-editor/_material-definition.scss +75 -0
  42. package/styles/inplace-editor/_material3-dark-definition.scss +1 -0
  43. package/styles/inplace-editor/_material3-definition.scss +70 -0
  44. package/styles/inplace-editor/_tailwind-dark-definition.scss +1 -0
  45. package/styles/inplace-editor/_tailwind-definition.scss +70 -0
  46. package/styles/inplace-editor/_theme.scss +277 -0
  47. package/styles/inplace-editor/bootstrap-dark.css +752 -1
  48. package/styles/inplace-editor/bootstrap-dark.scss +26 -1
  49. package/styles/inplace-editor/bootstrap.css +886 -1
  50. package/styles/inplace-editor/bootstrap.scss +26 -1
  51. package/styles/inplace-editor/bootstrap4.css +1167 -1
  52. package/styles/inplace-editor/bootstrap4.scss +26 -1
  53. package/styles/inplace-editor/bootstrap5-dark.css +837 -1
  54. package/styles/inplace-editor/bootstrap5-dark.scss +26 -1
  55. package/styles/inplace-editor/bootstrap5.css +837 -1
  56. package/styles/inplace-editor/bootstrap5.scss +26 -1
  57. package/styles/inplace-editor/fabric-dark.css +708 -1
  58. package/styles/inplace-editor/fabric-dark.scss +26 -1
  59. package/styles/inplace-editor/fabric.css +696 -1
  60. package/styles/inplace-editor/fabric.scss +26 -1
  61. package/styles/inplace-editor/fluent-dark.css +770 -1
  62. package/styles/inplace-editor/fluent-dark.scss +26 -1
  63. package/styles/inplace-editor/fluent.css +770 -1
  64. package/styles/inplace-editor/fluent.scss +26 -1
  65. package/styles/inplace-editor/highcontrast-light.css +780 -1
  66. package/styles/inplace-editor/highcontrast-light.scss +26 -1
  67. package/styles/inplace-editor/highcontrast.css +787 -1
  68. package/styles/inplace-editor/highcontrast.scss +26 -1
  69. package/styles/inplace-editor/icons/_bootstrap-dark.scss +19 -0
  70. package/styles/inplace-editor/icons/_bootstrap.scss +19 -0
  71. package/styles/inplace-editor/icons/_bootstrap4.scss +19 -0
  72. package/styles/inplace-editor/icons/_bootstrap5-dark.scss +1 -0
  73. package/styles/inplace-editor/icons/_bootstrap5.scss +19 -0
  74. package/styles/inplace-editor/icons/_fabric-dark.scss +19 -0
  75. package/styles/inplace-editor/icons/_fabric.scss +19 -0
  76. package/styles/inplace-editor/icons/_fluent-dark.scss +1 -0
  77. package/styles/inplace-editor/icons/_fluent.scss +19 -0
  78. package/styles/inplace-editor/icons/_fusionnew.scss +19 -0
  79. package/styles/inplace-editor/icons/_highcontrast-light.scss +19 -0
  80. package/styles/inplace-editor/icons/_highcontrast.scss +19 -0
  81. package/styles/inplace-editor/icons/_material-dark.scss +19 -0
  82. package/styles/inplace-editor/icons/_material.scss +19 -0
  83. package/styles/inplace-editor/icons/_material3-dark.scss +1 -0
  84. package/styles/inplace-editor/icons/_material3.scss +19 -0
  85. package/styles/inplace-editor/icons/_tailwind-dark.scss +1 -0
  86. package/styles/inplace-editor/icons/_tailwind.scss +19 -0
  87. package/styles/inplace-editor/material-dark.css +709 -1
  88. package/styles/inplace-editor/material-dark.scss +26 -1
  89. package/styles/inplace-editor/material.css +756 -1
  90. package/styles/inplace-editor/material.scss +26 -1
  91. package/styles/inplace-editor/material3-dark.css +803 -1
  92. package/styles/inplace-editor/material3-dark.scss +26 -1
  93. package/styles/inplace-editor/material3.css +859 -1
  94. package/styles/inplace-editor/material3.scss +26 -1
  95. package/styles/inplace-editor/tailwind-dark.css +749 -1
  96. package/styles/inplace-editor/tailwind-dark.scss +26 -1
  97. package/styles/inplace-editor/tailwind.css +749 -1
  98. package/styles/inplace-editor/tailwind.scss +26 -1
  99. package/styles/material-dark.css +709 -1
  100. package/styles/material.css +756 -1
  101. package/styles/material3-dark.css +803 -1
  102. package/styles/material3-dark.scss +1 -0
  103. package/styles/material3.css +859 -1
  104. package/styles/material3.scss +1 -0
  105. package/styles/tailwind-dark.css +749 -1
  106. package/styles/tailwind.css +749 -1
  107. package/syncfusion-ej2-angular-inplace-editor.d.ts +5 -0
  108. package/@syncfusion/ej2-angular-inplace-editor.es5.js +0 -279
  109. package/@syncfusion/ej2-angular-inplace-editor.es5.js.map +0 -1
  110. package/@syncfusion/ej2-angular-inplace-editor.js +0 -260
  111. package/@syncfusion/ej2-angular-inplace-editor.js.map +0 -1
  112. package/CHANGELOG.md +0 -263
  113. package/dist/ej2-angular-inplace-editor.umd.js +0 -354
  114. package/dist/ej2-angular-inplace-editor.umd.js.map +0 -1
  115. package/dist/ej2-angular-inplace-editor.umd.min.js +0 -11
  116. package/dist/ej2-angular-inplace-editor.umd.min.js.map +0 -1
  117. package/ej2-angular-inplace-editor.d.ts +0 -5
  118. package/ej2-angular-inplace-editor.metadata.json +0 -1
  119. package/postinstall/tagchange.js +0 -18
package/styles/fluent.css CHANGED
@@ -1 +1,770 @@
1
- @import '@syncfusion/ej2-inplace-editor/styles/fluent.css';
1
+ /* stylelint-disable property-no-vendor-prefix */
2
+ /* stylelint-disable-line no-empty-source */ /*! calendar bootstrap5 theme variables */
3
+ .e-daterangepicker.e-popup .e-calendar .e-header .e-title {
4
+ width: 65%;
5
+ }
6
+
7
+ .e-daterangepicker.e-popup.e-small .e-calendar .e-header .e-title {
8
+ width: 61%;
9
+ }
10
+
11
+ .e-daterangepicker.e-popup.e-bigger .e-calendar .e-header .e-title,
12
+ .e-daterangepicker.e-popup.e-device .e-calendar .e-header .e-title {
13
+ width: 72%;
14
+ }
15
+
16
+ .e-daterangepicker.e-popup.e-bigger.e-small .e-calendar .e-header .e-title {
17
+ width: 70%;
18
+ }
19
+
20
+ .e-popup.e-ddl {
21
+ border-radius: 4px;
22
+ box-shadow: none;
23
+ margin-top: 1px;
24
+ }
25
+ .e-popup.e-ddl .e-input-group {
26
+ width: auto;
27
+ }
28
+ .e-popup.e-ddl .e-input-group input {
29
+ line-height: 15px;
30
+ }
31
+
32
+ .e-popup.e-ddl .e-dropdownbase {
33
+ min-height: 26px;
34
+ }
35
+
36
+ .e-popup.e-ddl .e-filter-parent .e-input-group {
37
+ display: -ms-flexbox;
38
+ display: flex;
39
+ width: auto;
40
+ }
41
+ .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
42
+ border: 0;
43
+ }
44
+
45
+ .e-bigger .e-popup.e-ddl-device-filter {
46
+ margin-top: 0;
47
+ }
48
+
49
+ .e-bigger .e-popup.e-ddl .e-list-item {
50
+ font-size: 16px;
51
+ line-height: 32px;
52
+ padding-left: 0;
53
+ text-indent: 16px;
54
+ }
55
+
56
+ .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
57
+ font-size: 14px;
58
+ line-height: 32px;
59
+ padding-left: 0;
60
+ text-indent: 16px;
61
+ }
62
+
63
+ .e-bigger .e-popup.e-ddl .e-dropdownbase {
64
+ min-height: 40px;
65
+ }
66
+
67
+ .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
68
+ .e-float-input.e-control-wrapper.e-ddl input[readonly] {
69
+ background: transparent;
70
+ }
71
+
72
+ .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
73
+ .e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
74
+ background: #fff;
75
+ }
76
+
77
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
78
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
79
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
80
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
81
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
82
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
83
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
84
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
85
+ background: none;
86
+ color: #605e5c;
87
+ }
88
+
89
+ .e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
90
+ .e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
91
+ .e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
92
+ .e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
93
+ background: transparent;
94
+ color: #605e5c;
95
+ }
96
+
97
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
98
+ .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
99
+ .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
100
+ .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
101
+ border: 0;
102
+ }
103
+
104
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
105
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
106
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
107
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
108
+ box-shadow: none;
109
+ }
110
+
111
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
112
+ background: none;
113
+ display: -ms-flexbox;
114
+ display: flex;
115
+ position: relative;
116
+ }
117
+
118
+ .e-ddl.e-popup .e-filter-parent .e-input-group,
119
+ .e-ddl.e-popup .e-filter-parent {
120
+ background: #fff;
121
+ }
122
+
123
+ .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
124
+ font-size: 14px;
125
+ }
126
+
127
+ .e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
128
+ font-size: 16px;
129
+ }
130
+
131
+ .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
132
+ font-size: 14px;
133
+ line-height: 34px;
134
+ padding-left: 0;
135
+ text-indent: 16px;
136
+ }
137
+
138
+ .e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
139
+ height: 30px;
140
+ }
141
+
142
+ .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
143
+ min-height: 34px;
144
+ }
145
+
146
+ .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
147
+ line-height: 30px;
148
+ top: 0;
149
+ }
150
+
151
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
152
+ border-radius: 0 4px 4px 0;
153
+ border-right-width: 0;
154
+ }
155
+
156
+ .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
157
+ border-left-width: 0;
158
+ border-radius: 4px 0 0 4px;
159
+ border-right-width: 1px;
160
+ }
161
+
162
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
163
+ height: 32px;
164
+ width: 32px;
165
+ }
166
+
167
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
168
+ height: 24px;
169
+ width: 24px;
170
+ }
171
+
172
+ .e-multi-select-wrapper .e-searcher input[type=text],
173
+ .e-multi-select-wrapper .e-multi-searcher input[type=text] {
174
+ color: #201f1e;
175
+ height: 100%;
176
+ }
177
+
178
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
179
+ border-left-width: 0;
180
+ }
181
+
182
+ /* stylelint-disable-line no-empty-source */
183
+ /* stylelint-disable property-no-vendor-prefix */
184
+ @keyframes material-spinner-rotate {
185
+ 0% {
186
+ transform: rotate(0);
187
+ }
188
+ 100% {
189
+ transform: rotate(360deg);
190
+ }
191
+ }
192
+ @keyframes fabric-spinner-rotate {
193
+ 0% {
194
+ transform: rotate(0);
195
+ }
196
+ 100% {
197
+ transform: rotate(360deg);
198
+ }
199
+ }
200
+ /*! inplaceeditor icons */
201
+ .e-inplaceeditor .e-save-icon::before,
202
+ .e-inplaceeditor-tip .e-save-icon::before {
203
+ content: "\e774";
204
+ }
205
+ .e-inplaceeditor .e-cancel-icon::before,
206
+ .e-inplaceeditor-tip .e-cancel-icon::before {
207
+ content: "\e7e7";
208
+ }
209
+ .e-inplaceeditor .e-editable-overlay-icon::before,
210
+ .e-inplaceeditor-tip .e-editable-overlay-icon::before {
211
+ content: "\e730";
212
+ }
213
+
214
+ /*! inplaceeditor layout */
215
+ .e-bigger .e-inplaceeditor .e-editable-value-wrapper,
216
+ .e-inplaceeditor.e-bigger .e-editable-value-wrapper {
217
+ padding: 7px 12px 9px 12px;
218
+ }
219
+ .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-value,
220
+ .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-value {
221
+ font-size: 16px;
222
+ margin: 0 32px 0 0;
223
+ }
224
+ .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon,
225
+ .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-overlay-icon {
226
+ right: 12px;
227
+ width: 20px;
228
+ }
229
+ .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon::before,
230
+ .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-overlay-icon::before {
231
+ font-size: 16px;
232
+ }
233
+ .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner,
234
+ .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner {
235
+ right: 12px;
236
+ }
237
+ .e-bigger .e-inplaceeditor .e-editable-value-container,
238
+ .e-inplaceeditor.e-bigger .e-editable-value-container {
239
+ padding: 7px 12px 9px 12px;
240
+ }
241
+ .e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-value,
242
+ .e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-value {
243
+ font-size: 16px;
244
+ margin: 0 32px 0 0;
245
+ }
246
+ .e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon,
247
+ .e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-overlay-icon {
248
+ right: 12px;
249
+ width: 20px;
250
+ }
251
+ .e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon::before,
252
+ .e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-overlay-icon::before {
253
+ font-size: 16px;
254
+ }
255
+ .e-bigger .e-inplaceeditor .e-editable-value-container .e-spinner-pane .e-spinner-inner,
256
+ .e-inplaceeditor.e-bigger .e-editable-value-container .e-spinner-pane .e-spinner-inner {
257
+ right: 12px;
258
+ }
259
+ .e-bigger .e-inplaceeditor .e-editable-action-buttons .e-btn-save,
260
+ .e-inplaceeditor.e-bigger .e-editable-action-buttons .e-btn-save {
261
+ margin: 0 6px 0 0;
262
+ }
263
+ .e-bigger .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel,
264
+ .e-inplaceeditor.e-bigger .e-editable-action-buttons .e-btn-cancel {
265
+ margin: 0 0 0 6px;
266
+ }
267
+ .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-editable-value,
268
+ .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-wrapper .e-editable-value {
269
+ margin: 0 0 0 32px;
270
+ }
271
+ .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-editable-overlay-icon,
272
+ .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-wrapper .e-editable-overlay-icon {
273
+ left: 12px;
274
+ right: auto;
275
+ }
276
+ .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane,
277
+ .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner,
278
+ .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-wrapper .e-spinner-pane,
279
+ .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner {
280
+ left: 12px;
281
+ }
282
+ .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-container .e-editable-value,
283
+ .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-container .e-editable-value {
284
+ margin: 0 0 0 32px;
285
+ }
286
+ .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-container .e-editable-overlay-icon,
287
+ .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-container .e-editable-overlay-icon {
288
+ left: 12px;
289
+ right: auto;
290
+ }
291
+ .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane,
292
+ .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane .e-spinner-inner,
293
+ .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-container .e-spinner-pane,
294
+ .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-container .e-spinner-pane .e-spinner-inner {
295
+ left: 12px;
296
+ }
297
+ .e-bigger .e-inplaceeditor.e-rtl .e-editable-action-buttons .e-btn-save,
298
+ .e-inplaceeditor.e-bigger.e-rtl .e-editable-action-buttons .e-btn-save {
299
+ margin: 0 0 0 6px;
300
+ }
301
+ .e-bigger .e-inplaceeditor.e-rtl .e-editable-action-buttons .e-btn-cancel,
302
+ .e-inplaceeditor.e-bigger.e-rtl .e-editable-action-buttons .e-btn-cancel {
303
+ margin: 0 6px 0 0;
304
+ }
305
+
306
+ .e-inplaceeditor {
307
+ display: inline-block;
308
+ position: relative;
309
+ width: auto;
310
+ }
311
+ .e-inplaceeditor .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
312
+ display: block;
313
+ visibility: hidden;
314
+ }
315
+ .e-inplaceeditor .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
316
+ display: block;
317
+ visibility: hidden;
318
+ }
319
+ .e-inplaceeditor .e-editable-value-wrapper {
320
+ display: inline-block;
321
+ padding: 4px 8px 6px 8px;
322
+ position: relative;
323
+ width: auto;
324
+ word-break: break-word;
325
+ }
326
+ .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
327
+ display: inline-block;
328
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
329
+ font-size: 14px;
330
+ margin: 0 30px 0 0;
331
+ }
332
+ .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon {
333
+ bottom: 0;
334
+ cursor: pointer;
335
+ display: -ms-inline-flexbox;
336
+ display: inline-flex;
337
+ height: inherit;
338
+ position: absolute;
339
+ right: 8px;
340
+ top: 0;
341
+ visibility: hidden;
342
+ width: 20px;
343
+ }
344
+ .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon::before {
345
+ -ms-flex-align: center;
346
+ align-items: center;
347
+ display: -ms-flexbox;
348
+ display: flex;
349
+ font-size: 14px;
350
+ }
351
+ .e-inplaceeditor .e-editable-value-wrapper.e-hide {
352
+ display: none;
353
+ }
354
+ .e-inplaceeditor .e-editable-value-wrapper.e-editable-open {
355
+ -webkit-user-select: none;
356
+ -ms-user-select: none;
357
+ user-select: none;
358
+ }
359
+ .e-inplaceeditor .e-editable-value-wrapper.e-loading {
360
+ pointer-events: none;
361
+ }
362
+ .e-inplaceeditor .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner {
363
+ left: unset;
364
+ right: 10px;
365
+ }
366
+ .e-inplaceeditor .e-editable-value-wrapper:hover .e-editable-overlay-icon {
367
+ visibility: visible;
368
+ }
369
+ .e-inplaceeditor .e-editable-value-wrapper:hover.e-editable-open .e-editable-overlay-icon {
370
+ visibility: hidden;
371
+ }
372
+ .e-inplaceeditor .e-editable-value-container {
373
+ display: inline-block;
374
+ padding: 4px 8px 6px 8px;
375
+ position: relative;
376
+ width: auto;
377
+ word-break: break-word;
378
+ }
379
+ .e-inplaceeditor .e-editable-value-container .e-editable-value {
380
+ display: inline-block;
381
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
382
+ font-size: 14px;
383
+ margin: 0 30px 0 0;
384
+ }
385
+ .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon {
386
+ bottom: 0;
387
+ cursor: pointer;
388
+ display: -ms-inline-flexbox;
389
+ display: inline-flex;
390
+ height: inherit;
391
+ position: absolute;
392
+ right: 8px;
393
+ top: 0;
394
+ visibility: hidden;
395
+ width: 20px;
396
+ }
397
+ .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon::before {
398
+ -ms-flex-align: center;
399
+ align-items: center;
400
+ display: -ms-flexbox;
401
+ display: flex;
402
+ font-size: 14px;
403
+ }
404
+ .e-inplaceeditor .e-editable-value-container.e-hide {
405
+ display: none;
406
+ }
407
+ .e-inplaceeditor .e-editable-value-container.e-editable-open {
408
+ -webkit-user-select: none;
409
+ -ms-user-select: none;
410
+ user-select: none;
411
+ }
412
+ .e-inplaceeditor .e-editable-value-container.e-loading {
413
+ pointer-events: none;
414
+ }
415
+ .e-inplaceeditor .e-editable-value-container .e-spinner-pane .e-spinner-inner {
416
+ left: unset;
417
+ right: 10px;
418
+ }
419
+ .e-inplaceeditor .e-editable-value-container:hover .e-editable-overlay-icon {
420
+ visibility: visible;
421
+ }
422
+ .e-inplaceeditor .e-editable-value-container:hover.e-editable-open .e-editable-overlay-icon {
423
+ visibility: hidden;
424
+ }
425
+ .e-inplaceeditor .e-editable-action-buttons {
426
+ margin-top: 4px;
427
+ position: absolute;
428
+ right: 0;
429
+ z-index: 100;
430
+ }
431
+ .e-inplaceeditor.e-overlay {
432
+ -webkit-user-select: none;
433
+ -ms-user-select: none;
434
+ user-select: none;
435
+ }
436
+ .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-editable-value {
437
+ margin: 0 0 0 30px;
438
+ }
439
+ .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-editable-overlay-icon {
440
+ left: 8px;
441
+ right: auto;
442
+ }
443
+ .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane {
444
+ right: unset;
445
+ }
446
+ .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane,
447
+ .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner {
448
+ left: 10px;
449
+ }
450
+ .e-inplaceeditor.e-rtl .e-editable-value-container .e-editable-value {
451
+ margin: 0 0 0 30px;
452
+ }
453
+ .e-inplaceeditor.e-rtl .e-editable-value-container .e-editable-overlay-icon {
454
+ left: 8px;
455
+ right: auto;
456
+ }
457
+ .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane {
458
+ right: unset;
459
+ }
460
+ .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane,
461
+ .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane .e-spinner-inner {
462
+ left: 10px;
463
+ }
464
+ .e-inplaceeditor.e-rtl .e-editable-action-buttons {
465
+ left: 0;
466
+ right: auto;
467
+ }
468
+
469
+ .e-bigger .e-inplaceeditor,
470
+ .e-inplaceeditor.e-bigger,
471
+ .e-bigger .e-inplaceeditor-tip,
472
+ .e-inplaceeditor-tip.e-bigger {
473
+ width: auto;
474
+ }
475
+ .e-inplaceeditor .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
476
+ .e-inplaceeditor-tip .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
477
+ stroke-width: inherit;
478
+ }
479
+ .e-inplaceeditor .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
480
+ .e-inplaceeditor-tip .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
481
+ stroke-width: inherit;
482
+ }
483
+ .e-inplaceeditor .e-editable-loading,
484
+ .e-inplaceeditor-tip .e-editable-loading {
485
+ display: none;
486
+ min-height: 100%;
487
+ position: absolute;
488
+ top: 0;
489
+ }
490
+ .e-inplaceeditor .e-editable-loading.e-show,
491
+ .e-inplaceeditor-tip .e-editable-loading.e-show {
492
+ display: block;
493
+ }
494
+ .e-inplaceeditor .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner,
495
+ .e-inplaceeditor-tip .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner {
496
+ left: auto;
497
+ right: 5px;
498
+ transform: translateX(-30%) translateY(-50%);
499
+ }
500
+ .e-inplaceeditor .e-editable-form,
501
+ .e-inplaceeditor-tip .e-editable-form {
502
+ width: 100%;
503
+ }
504
+ .e-inplaceeditor .e-editable-form.e-loading .e-input-group-icon,
505
+ .e-inplaceeditor-tip .e-editable-form.e-loading .e-input-group-icon {
506
+ visibility: hidden;
507
+ }
508
+ .e-inplaceeditor .e-component-group,
509
+ .e-inplaceeditor-tip .e-component-group {
510
+ margin-bottom: 4px;
511
+ }
512
+ .e-inplaceeditor .e-component-group .e-editable-component,
513
+ .e-inplaceeditor-tip .e-component-group .e-editable-component {
514
+ min-width: 150px;
515
+ position: relative;
516
+ }
517
+ .e-inplaceeditor .e-control-overlay,
518
+ .e-inplaceeditor-tip .e-control-overlay {
519
+ visibility: hidden;
520
+ }
521
+ .e-inplaceeditor .e-control-overlay.e-richtexteditor,
522
+ .e-inplaceeditor-tip .e-control-overlay.e-richtexteditor {
523
+ opacity: 0.5;
524
+ pointer-events: none;
525
+ -webkit-user-select: none;
526
+ -ms-user-select: none;
527
+ user-select: none;
528
+ visibility: visible;
529
+ }
530
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-save,
531
+ .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save {
532
+ margin: 0 4px 0 0;
533
+ }
534
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-save .e-btn-icon.e-icons,
535
+ .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save .e-btn-icon.e-icons {
536
+ font-size: 12px;
537
+ }
538
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel,
539
+ .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel {
540
+ margin: 0 0 0 4px;
541
+ }
542
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel .e-btn-icon.e-icons,
543
+ .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel .e-btn-icon.e-icons {
544
+ font-size: 12px;
545
+ }
546
+ .e-inplaceeditor .e-editable-action-buttons.e-hide,
547
+ .e-inplaceeditor-tip .e-editable-action-buttons.e-hide {
548
+ visibility: hidden;
549
+ }
550
+ .e-inplaceeditor.e-rtl .e-editable-action-buttons .e-btn-save,
551
+ .e-inplaceeditor-tip.e-rtl .e-editable-action-buttons .e-btn-save {
552
+ margin: 0 0 0 4px;
553
+ }
554
+ .e-inplaceeditor.e-rtl .e-editable-action-buttons .e-btn-cancel,
555
+ .e-inplaceeditor-tip.e-rtl .e-editable-action-buttons .e-btn-cancel {
556
+ margin: 0 4px 0 0;
557
+ }
558
+ .e-inplaceeditor.e-rtl .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner,
559
+ .e-inplaceeditor-tip.e-rtl .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner {
560
+ left: 5px;
561
+ right: auto;
562
+ transform: translateX(30%) translateY(-50%);
563
+ }
564
+
565
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
566
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
567
+ padding: 0;
568
+ }
569
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
570
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
571
+ padding: 25px 16px 16px 16px;
572
+ }
573
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-container,
574
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-container {
575
+ padding: 25px 16px 16px 16px;
576
+ }
577
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-wrapper,
578
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-wrapper {
579
+ padding: 25px 16px 16px 16px;
580
+ }
581
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-container,
582
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-container {
583
+ padding: 25px 16px 16px 16px;
584
+ }
585
+ .e-bigger .e-inplaceeditor-tip .e-editable-title,
586
+ .e-inplaceeditor-tip.e-bigger .e-editable-title {
587
+ font-size: 18px;
588
+ min-height: 28px;
589
+ padding: 8px 16px 0 16px;
590
+ }
591
+ .e-bigger .e-inplaceeditor-tip.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-title,
592
+ .e-inplaceeditor-tip.e-bigger.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-title {
593
+ padding: 8px 16px 0 16px;
594
+ }
595
+
596
+ .e-inplaceeditor-tip {
597
+ opacity: 1;
598
+ width: auto;
599
+ }
600
+ .e-inplaceeditor-tip.e-tooltip-wrap {
601
+ max-width: 100%;
602
+ }
603
+ .e-inplaceeditor-tip.e-tooltip-wrap .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
604
+ .e-inplaceeditor-tip.e-tooltip-wrap .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
605
+ display: block;
606
+ visibility: hidden;
607
+ }
608
+ .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content {
609
+ padding: 0;
610
+ }
611
+ .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title {
612
+ -ms-flex-line-pack: center;
613
+ align-content: center;
614
+ display: -ms-flexbox;
615
+ display: flex;
616
+ -ms-flex-direction: column;
617
+ flex-direction: column;
618
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
619
+ font-size: 16px;
620
+ font-weight: 600;
621
+ height: 24px;
622
+ -ms-flex-pack: center;
623
+ justify-content: center;
624
+ padding: 6px 12px 0 12px;
625
+ }
626
+ .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
627
+ display: -ms-flexbox;
628
+ display: flex;
629
+ padding: 18px 12px 12px 12px;
630
+ }
631
+ .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper .e-editable-action-buttons {
632
+ float: right;
633
+ margin-top: 4px;
634
+ position: relative;
635
+ right: auto;
636
+ top: auto;
637
+ }
638
+ .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-container {
639
+ display: -ms-flexbox;
640
+ display: flex;
641
+ padding: 18px 12px 12px 12px;
642
+ }
643
+ .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-container .e-editable-action-buttons {
644
+ float: right;
645
+ margin-top: 4px;
646
+ position: relative;
647
+ right: auto;
648
+ top: auto;
649
+ }
650
+ .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-wrapper {
651
+ padding: 18px 12px 12px 12px;
652
+ }
653
+ .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-container {
654
+ padding: 18px 12px 12px 12px;
655
+ }
656
+ .e-inplaceeditor-tip.e-hide {
657
+ visibility: hidden;
658
+ }
659
+ .e-inplaceeditor-tip.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-title {
660
+ padding: 6px 12px 0 12px;
661
+ }
662
+ .e-inplaceeditor-tip.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-wrapper .e-editable-action-buttons {
663
+ float: left;
664
+ }
665
+ .e-inplaceeditor-tip.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-container .e-editable-action-buttons {
666
+ float: left;
667
+ }
668
+
669
+ .e-content-placeholder.e-inplaceeditor.e-placeholder-inplaceeditor {
670
+ background-size: 150px 60px;
671
+ min-height: 60px;
672
+ }
673
+
674
+ .e-bigger .e-content-placeholder.e-inplaceeditor.e-placeholder-inplaceeditor,
675
+ .e-bigger.e-content-placeholder.e-inplaceeditor.e-placeholder-inplaceeditor {
676
+ background-size: 150px 70px;
677
+ min-height: 70px;
678
+ }
679
+
680
+ /*! inplaceeditor theme */
681
+ .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
682
+ border-bottom: 1px dashed #201f1e;
683
+ color: #201f1e;
684
+ }
685
+ .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon {
686
+ color: #605e5c;
687
+ }
688
+ .e-inplaceeditor .e-editable-value-wrapper.e-loading .e-editable-value {
689
+ border-bottom: 0;
690
+ }
691
+ .e-inplaceeditor .e-editable-value-wrapper:hover {
692
+ background: #f3f2f1;
693
+ border-radius: 2px;
694
+ }
695
+ .e-inplaceeditor .e-editable-value-wrapper:hover .e-editable-value {
696
+ border-bottom-color: transparent;
697
+ }
698
+ .e-inplaceeditor .e-editable-value-container .e-editable-value {
699
+ border-bottom: 1px dashed #201f1e;
700
+ color: #201f1e;
701
+ }
702
+ .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon {
703
+ color: #605e5c;
704
+ }
705
+ .e-inplaceeditor .e-editable-value-container.e-loading .e-editable-value {
706
+ border-bottom: 0;
707
+ }
708
+ .e-inplaceeditor .e-editable-value-container:hover {
709
+ background: #f3f2f1;
710
+ border-radius: 2px;
711
+ }
712
+ .e-inplaceeditor .e-editable-value-container:hover .e-editable-value {
713
+ border-bottom-color: transparent;
714
+ }
715
+ .e-inplaceeditor[data-underline=false] .e-editable-value-wrapper .e-editable-value {
716
+ border-bottom: 0;
717
+ }
718
+ .e-inplaceeditor[data-underline=false] .e-editable-value-container .e-editable-value {
719
+ border-bottom: 0;
720
+ }
721
+ .e-inplaceeditor.e-disable {
722
+ pointer-events: none;
723
+ -ms-touch-action: none;
724
+ touch-action: none;
725
+ }
726
+ .e-inplaceeditor.e-disable .e-editable-value-wrapper .e-editable-value {
727
+ border-bottom-color: transparent;
728
+ }
729
+ .e-inplaceeditor.e-disable .e-editable-value-container .e-editable-value {
730
+ border-bottom-color: transparent;
731
+ }
732
+
733
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn .e-btn-icon.e-icons,
734
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn .e-btn-icon.e-icons,
735
+ .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn .e-btn-icon.e-icons,
736
+ .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn .e-btn-icon.e-icons {
737
+ color: #605e5c;
738
+ }
739
+ .e-inplaceeditor-tip.e-tooltip-wrap.e-popup {
740
+ background: #fff;
741
+ box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18);
742
+ border-radius: 0;
743
+ }
744
+ .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-tip-content {
745
+ border-radius: 0;
746
+ color: #201f1e;
747
+ }
748
+ .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-arrow-tip-inner {
749
+ color: #fff;
750
+ }
751
+ .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-top {
752
+ border-bottom-color: #faf9f8;
753
+ }
754
+ .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-bottom {
755
+ border-top-color: #faf9f8;
756
+ }
757
+ .e-inplaceeditor-tip.e-tooltip-wrap.e-popup.e-popup {
758
+ border: none;
759
+ }
760
+ .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-editable-title {
761
+ background: #fff;
762
+ border-bottom: 0;
763
+ color: #201f1e;
764
+ }
765
+ .e-inplaceeditor-tip.e-editable-tip-title.e-tooltip-wrap .e-arrow-tip-outer.e-tip-top {
766
+ border-bottom-color: #605e5c;
767
+ }
768
+ .e-inplaceeditor-tip.e-editable-tip-title.e-tooltip-wrap .e-arrow-tip-inner.e-tip-top {
769
+ color: #fff;
770
+ }