@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
@@ -3,11 +3,9 @@
3
3
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
4
4
  margin-top: 3px;
5
5
  }
6
-
7
6
  .e-popup.e-ddl .e-input-group {
8
7
  width: auto;
9
8
  }
10
-
11
9
  .e-popup.e-ddl .e-input-group input {
12
10
  line-height: 15px;
13
11
  }
@@ -21,7 +19,6 @@
21
19
  display: flex;
22
20
  width: auto;
23
21
  }
24
-
25
22
  .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
26
23
  border: 0;
27
24
  }
@@ -30,9 +27,7 @@
30
27
  margin-top: 0;
31
28
  }
32
29
 
33
- .e-bigger .e-popup.e-ddl .e-list-item,
34
- .e-bigger .e-popup.e-ddl .e-list-group-item,
35
- .e-bigger .e-popup.e-ddl .e-fixed-head {
30
+ .e-bigger .e-popup.e-ddl .e-list-item, .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
36
31
  font-size: 15px;
37
32
  line-height: 40px;
38
33
  padding-left: 0;
@@ -47,8 +42,7 @@
47
42
  padding: 4px 0;
48
43
  }
49
44
 
50
- .e-bigger .e-popup.e-ddl .e-input-group input,
51
- .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
45
+ .e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
52
46
  height: 38px;
53
47
  }
54
48
 
@@ -86,9 +80,7 @@
86
80
  border-bottom: 1px solid #484848;
87
81
  }
88
82
 
89
- .e-bigger.e-small .e-ddl.e-popup .e-list-item,
90
- .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
91
- .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
83
+ .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 {
92
84
  font-size: 14px;
93
85
  line-height: 34px;
94
86
  padding-left: 0;
@@ -103,8 +95,7 @@
103
95
  padding: 4px 0;
104
96
  }
105
97
 
106
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input,
107
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
98
+ .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 {
108
99
  height: 30px;
109
100
  }
110
101
 
@@ -148,7 +139,6 @@
148
139
  transform: rotate(360deg);
149
140
  }
150
141
  }
151
-
152
142
  @keyframes fabric-spinner-rotate {
153
143
  0% {
154
144
  transform: rotate(0);
@@ -157,7 +147,6 @@
157
147
  transform: rotate(360deg);
158
148
  }
159
149
  }
160
-
161
150
  .e-rte-toolbar .e-toolbar-popup .e-rte-backgroundcolor-dropdown.e-active,
162
151
  .e-rte-toolbar .e-toolbar-popup .e-rte-fontcolor-dropdown.e-active,
163
152
  .e-rte-toolbar .e-toolbar-popup .e-rte-numberformatlist-dropdown.e-active,
@@ -180,17 +169,15 @@
180
169
  /*! inplaceeditor icons */
181
170
  .e-inplaceeditor .e-save-icon::before,
182
171
  .e-inplaceeditor-tip .e-save-icon::before {
183
- content: '\e614';
172
+ content: "\e614";
184
173
  }
185
-
186
174
  .e-inplaceeditor .e-cancel-icon::before,
187
175
  .e-inplaceeditor-tip .e-cancel-icon::before {
188
- content: '\e60a';
176
+ content: "\e60a";
189
177
  }
190
-
191
178
  .e-inplaceeditor .e-editable-overlay-icon::before,
192
179
  .e-inplaceeditor-tip .e-editable-overlay-icon::before {
193
- content: '\e338';
180
+ content: "\e338";
194
181
  }
195
182
 
196
183
  /*! inplaceeditor layout */
@@ -198,107 +185,88 @@
198
185
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper {
199
186
  padding: 8px 12px;
200
187
  }
201
-
202
188
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-value,
203
189
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-value {
204
190
  font-size: 15px;
205
191
  margin: 0 32px 0 0;
206
192
  }
207
-
208
193
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon,
209
194
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-overlay-icon {
210
195
  right: 12px;
211
196
  width: 20px;
212
197
  }
213
-
214
198
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon::before,
215
199
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-overlay-icon::before {
216
200
  font-size: 16px;
217
201
  }
218
-
219
202
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner,
220
203
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner {
221
204
  right: 12px;
222
205
  }
223
-
224
206
  .e-bigger .e-inplaceeditor .e-editable-value-container,
225
207
  .e-inplaceeditor.e-bigger .e-editable-value-container {
226
208
  padding: 8px 12px;
227
209
  }
228
-
229
210
  .e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-value,
230
211
  .e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-value {
231
212
  font-size: 15px;
232
213
  margin: 0 32px 0 0;
233
214
  }
234
-
235
215
  .e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon,
236
216
  .e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-overlay-icon {
237
217
  right: 12px;
238
218
  width: 20px;
239
219
  }
240
-
241
220
  .e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon::before,
242
221
  .e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-overlay-icon::before {
243
222
  font-size: 16px;
244
223
  }
245
-
246
224
  .e-bigger .e-inplaceeditor .e-editable-value-container .e-spinner-pane .e-spinner-inner,
247
225
  .e-inplaceeditor.e-bigger .e-editable-value-container .e-spinner-pane .e-spinner-inner {
248
226
  right: 12px;
249
227
  }
250
-
251
228
  .e-bigger .e-inplaceeditor .e-editable-action-buttons .e-btn-save,
252
229
  .e-inplaceeditor.e-bigger .e-editable-action-buttons .e-btn-save {
253
230
  margin: 0 4px 0 0;
254
231
  }
255
-
256
232
  .e-bigger .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel,
257
233
  .e-inplaceeditor.e-bigger .e-editable-action-buttons .e-btn-cancel {
258
234
  margin: 0 0 0 4px;
259
235
  }
260
-
261
236
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-editable-value,
262
237
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-wrapper .e-editable-value {
263
238
  margin: 0 0 0 32px;
264
239
  }
265
-
266
240
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-editable-overlay-icon,
267
241
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-wrapper .e-editable-overlay-icon {
268
242
  left: 12px;
269
243
  right: auto;
270
244
  }
271
-
272
245
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane,
273
246
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner,
274
247
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-wrapper .e-spinner-pane,
275
248
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner {
276
249
  left: 12px;
277
250
  }
278
-
279
251
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-container .e-editable-value,
280
252
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-container .e-editable-value {
281
253
  margin: 0 0 0 32px;
282
254
  }
283
-
284
255
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-container .e-editable-overlay-icon,
285
256
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-container .e-editable-overlay-icon {
286
257
  left: 12px;
287
258
  right: auto;
288
259
  }
289
-
290
260
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane,
291
261
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane .e-spinner-inner,
292
262
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-container .e-spinner-pane,
293
263
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-container .e-spinner-pane .e-spinner-inner {
294
264
  left: 12px;
295
265
  }
296
-
297
266
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-action-buttons .e-btn-save,
298
267
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-action-buttons .e-btn-save {
299
268
  margin: 0 0 0 4px;
300
269
  }
301
-
302
270
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-action-buttons .e-btn-cancel,
303
271
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-action-buttons .e-btn-cancel {
304
272
  margin: 0 4px 0 0;
@@ -309,17 +277,14 @@
309
277
  position: relative;
310
278
  width: auto;
311
279
  }
312
-
313
280
  .e-inplaceeditor .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
314
281
  display: block;
315
282
  visibility: hidden;
316
283
  }
317
-
318
284
  .e-inplaceeditor .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
319
285
  display: block;
320
286
  visibility: hidden;
321
287
  }
322
-
323
288
  .e-inplaceeditor .e-editable-value-wrapper {
324
289
  display: inline-block;
325
290
  padding: 6px 10px;
@@ -327,14 +292,12 @@
327
292
  width: auto;
328
293
  word-break: break-word;
329
294
  }
330
-
331
295
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
332
296
  display: inline-block;
333
297
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
334
298
  font-size: 14px;
335
299
  margin: 0 30px 0 0;
336
300
  }
337
-
338
301
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon {
339
302
  bottom: 0;
340
303
  cursor: pointer;
@@ -347,7 +310,6 @@
347
310
  visibility: hidden;
348
311
  width: 18px;
349
312
  }
350
-
351
313
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon::before {
352
314
  -ms-flex-align: center;
353
315
  align-items: center;
@@ -355,34 +317,27 @@
355
317
  display: flex;
356
318
  font-size: 14px;
357
319
  }
358
-
359
320
  .e-inplaceeditor .e-editable-value-wrapper.e-hide {
360
321
  display: none;
361
322
  }
362
-
363
323
  .e-inplaceeditor .e-editable-value-wrapper.e-editable-open {
364
324
  -webkit-user-select: none;
365
325
  -ms-user-select: none;
366
326
  user-select: none;
367
327
  }
368
-
369
328
  .e-inplaceeditor .e-editable-value-wrapper.e-loading {
370
329
  pointer-events: none;
371
330
  }
372
-
373
331
  .e-inplaceeditor .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner {
374
332
  left: unset;
375
333
  right: 10px;
376
334
  }
377
-
378
335
  .e-inplaceeditor .e-editable-value-wrapper:hover .e-editable-overlay-icon {
379
336
  visibility: visible;
380
337
  }
381
-
382
338
  .e-inplaceeditor .e-editable-value-wrapper:hover.e-editable-open .e-editable-overlay-icon {
383
339
  visibility: hidden;
384
340
  }
385
-
386
341
  .e-inplaceeditor .e-editable-value-container {
387
342
  display: inline-block;
388
343
  padding: 6px 10px;
@@ -390,14 +345,12 @@
390
345
  width: auto;
391
346
  word-break: break-word;
392
347
  }
393
-
394
348
  .e-inplaceeditor .e-editable-value-container .e-editable-value {
395
349
  display: inline-block;
396
350
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
397
351
  font-size: 14px;
398
352
  margin: 0 30px 0 0;
399
353
  }
400
-
401
354
  .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon {
402
355
  bottom: 0;
403
356
  cursor: pointer;
@@ -410,7 +363,6 @@
410
363
  visibility: hidden;
411
364
  width: 18px;
412
365
  }
413
-
414
366
  .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon::before {
415
367
  -ms-flex-align: center;
416
368
  align-items: center;
@@ -418,83 +370,66 @@
418
370
  display: flex;
419
371
  font-size: 14px;
420
372
  }
421
-
422
373
  .e-inplaceeditor .e-editable-value-container.e-hide {
423
374
  display: none;
424
375
  }
425
-
426
376
  .e-inplaceeditor .e-editable-value-container.e-editable-open {
427
377
  -webkit-user-select: none;
428
378
  -ms-user-select: none;
429
379
  user-select: none;
430
380
  }
431
-
432
381
  .e-inplaceeditor .e-editable-value-container.e-loading {
433
382
  pointer-events: none;
434
383
  }
435
-
436
384
  .e-inplaceeditor .e-editable-value-container .e-spinner-pane .e-spinner-inner {
437
385
  left: unset;
438
386
  right: 10px;
439
387
  }
440
-
441
388
  .e-inplaceeditor .e-editable-value-container:hover .e-editable-overlay-icon {
442
389
  visibility: visible;
443
390
  }
444
-
445
391
  .e-inplaceeditor .e-editable-value-container:hover.e-editable-open .e-editable-overlay-icon {
446
392
  visibility: hidden;
447
393
  }
448
-
449
394
  .e-inplaceeditor .e-editable-action-buttons {
450
395
  margin-top: 4px;
451
396
  position: absolute;
452
397
  right: 0;
453
398
  z-index: 100;
454
399
  }
455
-
456
400
  .e-inplaceeditor.e-overlay {
457
401
  -webkit-user-select: none;
458
402
  -ms-user-select: none;
459
403
  user-select: none;
460
404
  }
461
-
462
405
  .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-editable-value {
463
406
  margin: 0 0 0 30px;
464
407
  }
465
-
466
408
  .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-editable-overlay-icon {
467
409
  left: 10px;
468
410
  right: auto;
469
411
  }
470
-
471
412
  .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane {
472
413
  right: unset;
473
414
  }
474
-
475
415
  .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane,
476
416
  .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner {
477
417
  left: 10px;
478
418
  }
479
-
480
419
  .e-inplaceeditor.e-rtl .e-editable-value-container .e-editable-value {
481
420
  margin: 0 0 0 30px;
482
421
  }
483
-
484
422
  .e-inplaceeditor.e-rtl .e-editable-value-container .e-editable-overlay-icon {
485
423
  left: 10px;
486
424
  right: auto;
487
425
  }
488
-
489
426
  .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane {
490
427
  right: unset;
491
428
  }
492
-
493
429
  .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane,
494
430
  .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane .e-spinner-inner {
495
431
  left: 10px;
496
432
  }
497
-
498
433
  .e-inplaceeditor.e-rtl .e-editable-action-buttons {
499
434
  left: 0;
500
435
  right: auto;
@@ -506,17 +441,14 @@
506
441
  .e-inplaceeditor-tip.e-bigger {
507
442
  width: auto;
508
443
  }
509
-
510
444
  .e-inplaceeditor .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
511
445
  .e-inplaceeditor-tip .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
512
446
  stroke-width: inherit;
513
447
  }
514
-
515
448
  .e-inplaceeditor .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
516
449
  .e-inplaceeditor-tip .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
517
450
  stroke-width: inherit;
518
451
  }
519
-
520
452
  .e-inplaceeditor .e-editable-loading,
521
453
  .e-inplaceeditor-tip .e-editable-loading {
522
454
  display: none;
@@ -524,90 +456,74 @@
524
456
  position: absolute;
525
457
  top: 0;
526
458
  }
527
-
528
459
  .e-inplaceeditor .e-editable-loading.e-show,
529
460
  .e-inplaceeditor-tip .e-editable-loading.e-show {
530
461
  display: block;
531
462
  }
532
-
533
463
  .e-inplaceeditor .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner,
534
464
  .e-inplaceeditor-tip .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner {
535
465
  left: auto;
536
466
  right: 5px;
537
467
  transform: translateX(-30%) translateY(-50%);
538
468
  }
539
-
540
469
  .e-inplaceeditor .e-editable-form,
541
470
  .e-inplaceeditor-tip .e-editable-form {
542
471
  width: 100%;
543
472
  }
544
-
545
473
  .e-inplaceeditor .e-editable-form.e-loading .e-input-group-icon,
546
474
  .e-inplaceeditor-tip .e-editable-form.e-loading .e-input-group-icon {
547
475
  visibility: hidden;
548
476
  }
549
-
550
477
  .e-inplaceeditor .e-component-group,
551
478
  .e-inplaceeditor-tip .e-component-group {
552
479
  margin-bottom: 4px;
553
480
  }
554
-
555
481
  .e-inplaceeditor .e-component-group .e-editable-component,
556
482
  .e-inplaceeditor-tip .e-component-group .e-editable-component {
557
483
  min-width: 150px;
558
484
  position: relative;
559
485
  }
560
-
561
486
  .e-inplaceeditor .e-control-overlay,
562
487
  .e-inplaceeditor-tip .e-control-overlay {
563
488
  visibility: hidden;
564
489
  }
565
-
566
490
  .e-inplaceeditor .e-control-overlay.e-richtexteditor,
567
491
  .e-inplaceeditor-tip .e-control-overlay.e-richtexteditor {
568
- opacity: .5;
492
+ opacity: 0.5;
569
493
  pointer-events: none;
570
494
  -webkit-user-select: none;
571
495
  -ms-user-select: none;
572
496
  user-select: none;
573
497
  visibility: visible;
574
498
  }
575
-
576
499
  .e-inplaceeditor .e-editable-action-buttons .e-btn-save,
577
500
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save {
578
501
  margin: 0 4px 0 0;
579
502
  }
580
-
581
503
  .e-inplaceeditor .e-editable-action-buttons .e-btn-save .e-btn-icon.e-icons,
582
504
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save .e-btn-icon.e-icons {
583
505
  font-size: 16px;
584
506
  }
585
-
586
507
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel,
587
508
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel {
588
509
  margin: 0 0 0 4px;
589
510
  }
590
-
591
511
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel .e-btn-icon.e-icons,
592
512
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel .e-btn-icon.e-icons {
593
513
  font-size: 16px;
594
514
  }
595
-
596
515
  .e-inplaceeditor .e-editable-action-buttons.e-hide,
597
516
  .e-inplaceeditor-tip .e-editable-action-buttons.e-hide {
598
517
  visibility: hidden;
599
518
  }
600
-
601
519
  .e-inplaceeditor.e-rtl .e-editable-action-buttons .e-btn-save,
602
520
  .e-inplaceeditor-tip.e-rtl .e-editable-action-buttons .e-btn-save {
603
521
  margin: 0 0 0 4px;
604
522
  }
605
-
606
523
  .e-inplaceeditor.e-rtl .e-editable-action-buttons .e-btn-cancel,
607
524
  .e-inplaceeditor-tip.e-rtl .e-editable-action-buttons .e-btn-cancel {
608
525
  margin: 0 4px 0 0;
609
526
  }
610
-
611
527
  .e-inplaceeditor.e-rtl .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner,
612
528
  .e-inplaceeditor-tip.e-rtl .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner {
613
529
  left: 5px;
@@ -615,33 +531,32 @@
615
531
  transform: translateX(30%) translateY(-50%);
616
532
  }
617
533
 
534
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
535
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
536
+ padding: 0;
537
+ }
618
538
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
619
539
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
620
540
  padding: 12px;
621
541
  }
622
-
623
542
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-container,
624
543
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-container {
625
544
  padding: 12px;
626
545
  }
627
-
628
546
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-wrapper,
629
547
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-wrapper {
630
548
  padding: 10px 12px 12px 12px;
631
549
  }
632
-
633
550
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-container,
634
551
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-container {
635
552
  padding: 10px 12px 12px 12px;
636
553
  }
637
-
638
554
  .e-bigger .e-inplaceeditor-tip .e-editable-title,
639
555
  .e-inplaceeditor-tip.e-bigger .e-editable-title {
640
556
  font-size: 14px;
641
557
  min-height: 36px;
642
558
  padding: 0 0 0 12px;
643
559
  }
644
-
645
560
  .e-bigger .e-inplaceeditor-tip.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-title,
646
561
  .e-inplaceeditor-tip.e-bigger.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-title {
647
562
  padding: 0 12px 0 0;
@@ -651,21 +566,17 @@
651
566
  opacity: 1;
652
567
  width: auto;
653
568
  }
654
-
655
569
  .e-inplaceeditor-tip.e-tooltip-wrap {
656
570
  max-width: 100%;
657
571
  }
658
-
659
572
  .e-inplaceeditor-tip.e-tooltip-wrap .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
660
573
  .e-inplaceeditor-tip.e-tooltip-wrap .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
661
574
  display: block;
662
575
  visibility: hidden;
663
576
  }
664
-
665
577
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content {
666
578
  padding: 0;
667
579
  }
668
-
669
580
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title {
670
581
  -ms-flex-line-pack: center;
671
582
  align-content: center;
@@ -681,13 +592,11 @@
681
592
  justify-content: center;
682
593
  padding: 0 0 0 12px;
683
594
  }
684
-
685
595
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
686
596
  display: -ms-flexbox;
687
597
  display: flex;
688
598
  padding: 12px;
689
599
  }
690
-
691
600
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper .e-editable-action-buttons {
692
601
  float: right;
693
602
  margin-top: 4px;
@@ -695,13 +604,11 @@
695
604
  right: auto;
696
605
  top: auto;
697
606
  }
698
-
699
607
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-container {
700
608
  display: -ms-flexbox;
701
609
  display: flex;
702
610
  padding: 12px;
703
611
  }
704
-
705
612
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-container .e-editable-action-buttons {
706
613
  float: right;
707
614
  margin-top: 4px;
@@ -709,27 +616,21 @@
709
616
  right: auto;
710
617
  top: auto;
711
618
  }
712
-
713
619
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-wrapper {
714
620
  padding: 10px 12px 12px 12px;
715
621
  }
716
-
717
622
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-container {
718
623
  padding: 10px 12px 12px 12px;
719
624
  }
720
-
721
625
  .e-inplaceeditor-tip.e-hide {
722
626
  visibility: hidden;
723
627
  }
724
-
725
628
  .e-inplaceeditor-tip.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-title {
726
629
  padding: 0 12px 0 0;
727
630
  }
728
-
729
631
  .e-inplaceeditor-tip.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-wrapper .e-editable-action-buttons {
730
632
  float: left;
731
633
  }
732
-
733
634
  .e-inplaceeditor-tip.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-container .e-editable-action-buttons {
734
635
  float: left;
735
636
  }
@@ -750,64 +651,50 @@
750
651
  border-bottom: 1px dashed #f0f0f0;
751
652
  color: #f0f0f0;
752
653
  }
753
-
754
654
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon {
755
655
  color: #f0f0f0;
756
656
  }
757
-
758
657
  .e-inplaceeditor .e-editable-value-wrapper.e-loading .e-editable-value {
759
658
  border-bottom: 0;
760
659
  }
761
-
762
660
  .e-inplaceeditor .e-editable-value-wrapper:hover {
763
661
  background: #313131;
764
662
  border-radius: 4px;
765
663
  }
766
-
767
664
  .e-inplaceeditor .e-editable-value-wrapper:hover .e-editable-value {
768
665
  border-bottom-color: transparent;
769
666
  }
770
-
771
667
  .e-inplaceeditor .e-editable-value-container .e-editable-value {
772
668
  border-bottom: 1px dashed #f0f0f0;
773
669
  color: #f0f0f0;
774
670
  }
775
-
776
671
  .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon {
777
672
  color: #f0f0f0;
778
673
  }
779
-
780
674
  .e-inplaceeditor .e-editable-value-container.e-loading .e-editable-value {
781
675
  border-bottom: 0;
782
676
  }
783
-
784
677
  .e-inplaceeditor .e-editable-value-container:hover {
785
678
  background: #313131;
786
679
  border-radius: 4px;
787
680
  }
788
-
789
681
  .e-inplaceeditor .e-editable-value-container:hover .e-editable-value {
790
682
  border-bottom-color: transparent;
791
683
  }
792
-
793
- .e-inplaceeditor[data-underline='false'] .e-editable-value-wrapper .e-editable-value {
684
+ .e-inplaceeditor[data-underline=false] .e-editable-value-wrapper .e-editable-value {
794
685
  border-bottom: 0;
795
686
  }
796
-
797
- .e-inplaceeditor[data-underline='false'] .e-editable-value-container .e-editable-value {
687
+ .e-inplaceeditor[data-underline=false] .e-editable-value-container .e-editable-value {
798
688
  border-bottom: 0;
799
689
  }
800
-
801
690
  .e-inplaceeditor.e-disable {
802
691
  pointer-events: none;
803
692
  -ms-touch-action: none;
804
693
  touch-action: none;
805
694
  }
806
-
807
695
  .e-inplaceeditor.e-disable .e-editable-value-wrapper .e-editable-value {
808
696
  border-bottom-color: transparent;
809
697
  }
810
-
811
698
  .e-inplaceeditor.e-disable .e-editable-value-container .e-editable-value {
812
699
  border-bottom-color: transparent;
813
700
  }
@@ -818,50 +705,40 @@
818
705
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn {
819
706
  box-shadow: none;
820
707
  }
821
-
822
708
  .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn .e-btn-icon.e-icons,
823
709
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn .e-btn-icon.e-icons,
824
710
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn .e-btn-icon.e-icons,
825
711
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn .e-btn-icon.e-icons {
826
712
  color: #f0f0f0;
827
713
  }
828
-
829
714
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup {
830
715
  background: #2a2a2a;
831
716
  box-shadow: none;
832
717
  }
833
-
834
718
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-tip-content {
835
719
  border-radius: 4px;
836
720
  color: #f0f0f0;
837
721
  }
838
-
839
722
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-arrow-tip-inner {
840
723
  color: #2a2a2a;
841
724
  }
842
-
843
725
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-top {
844
726
  border-bottom-color: #505050;
845
727
  }
846
-
847
728
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-bottom {
848
729
  border-top-color: #505050;
849
730
  }
850
-
851
731
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup.e-popup {
852
732
  border: 1px solid #505050;
853
733
  }
854
-
855
734
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-editable-title {
856
735
  background: #414141;
857
736
  border-bottom: 0;
858
737
  color: #f0f0f0;
859
738
  }
860
-
861
739
  .e-inplaceeditor-tip.e-editable-tip-title.e-tooltip-wrap .e-arrow-tip-outer.e-tip-top {
862
740
  border-bottom-color: #505050;
863
741
  }
864
-
865
742
  .e-inplaceeditor-tip.e-editable-tip-title.e-tooltip-wrap .e-arrow-tip-inner.e-tip-top {
866
743
  color: #414141;
867
- }
744
+ }