@syncfusion/ej2-inplace-editor 19.4.52 → 20.2.36

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