@syncfusion/ej2-inplace-editor 25.2.3 → 26.1.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (116) hide show
  1. package/.eslintrc.json +3 -2
  2. package/dist/ej2-inplace-editor.umd.min.js +2 -2
  3. package/dist/ej2-inplace-editor.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-inplace-editor.es2015.js +22 -43
  5. package/dist/es6/ej2-inplace-editor.es2015.js.map +1 -1
  6. package/dist/es6/ej2-inplace-editor.es5.js +77 -98
  7. package/dist/es6/ej2-inplace-editor.es5.js.map +1 -1
  8. package/dist/global/ej2-inplace-editor.min.js +2 -2
  9. package/dist/global/ej2-inplace-editor.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/dist/ts/index.d.ts +4 -0
  12. package/dist/ts/index.ts +4 -0
  13. package/dist/ts/inplace-editor/base/classes.d.ts +63 -0
  14. package/dist/ts/inplace-editor/base/classes.ts +63 -0
  15. package/dist/ts/inplace-editor/base/events.d.ts +17 -0
  16. package/dist/ts/inplace-editor/base/events.ts +18 -0
  17. package/dist/ts/inplace-editor/base/index.d.ts +10 -0
  18. package/dist/ts/inplace-editor/base/index.ts +10 -0
  19. package/dist/ts/inplace-editor/base/inplace-editor-model.d.ts +344 -0
  20. package/dist/ts/inplace-editor/base/inplace-editor.d.ts +623 -0
  21. package/dist/ts/inplace-editor/base/inplace-editor.ts +1758 -0
  22. package/dist/ts/inplace-editor/base/interface.d.ts +117 -0
  23. package/dist/ts/inplace-editor/base/interface.ts +127 -0
  24. package/dist/ts/inplace-editor/base/models-model.d.ts +22 -0
  25. package/dist/ts/inplace-editor/base/models.d.ts +31 -0
  26. package/dist/ts/inplace-editor/base/models.ts +45 -0
  27. package/dist/ts/inplace-editor/base/util.d.ts +28 -0
  28. package/dist/ts/inplace-editor/base/util.ts +104 -0
  29. package/dist/ts/inplace-editor/index.d.ts +5 -0
  30. package/dist/ts/inplace-editor/index.ts +5 -0
  31. package/dist/ts/inplace-editor/modules/auto-complete.d.ts +34 -0
  32. package/dist/ts/inplace-editor/modules/auto-complete.ts +65 -0
  33. package/dist/ts/inplace-editor/modules/base-module.d.ts +19 -0
  34. package/dist/ts/inplace-editor/modules/base-module.ts +74 -0
  35. package/dist/ts/inplace-editor/modules/color-picker.d.ts +29 -0
  36. package/dist/ts/inplace-editor/modules/color-picker.ts +55 -0
  37. package/dist/ts/inplace-editor/modules/combo-box.d.ts +34 -0
  38. package/dist/ts/inplace-editor/modules/combo-box.ts +63 -0
  39. package/dist/ts/inplace-editor/modules/date-range-picker.d.ts +29 -0
  40. package/dist/ts/inplace-editor/modules/date-range-picker.ts +55 -0
  41. package/dist/ts/inplace-editor/modules/index.d.ts +12 -0
  42. package/dist/ts/inplace-editor/modules/index.ts +12 -0
  43. package/dist/ts/inplace-editor/modules/multi-select.d.ts +35 -0
  44. package/dist/ts/inplace-editor/modules/multi-select.ts +88 -0
  45. package/dist/ts/inplace-editor/modules/rte.d.ts +31 -0
  46. package/dist/ts/inplace-editor/modules/rte.ts +73 -0
  47. package/dist/ts/inplace-editor/modules/slider.d.ts +30 -0
  48. package/dist/ts/inplace-editor/modules/slider.ts +59 -0
  49. package/dist/ts/inplace-editor/modules/time-picker.d.ts +29 -0
  50. package/dist/ts/inplace-editor/modules/time-picker.ts +54 -0
  51. package/package.json +17 -17
  52. package/src/inplace-editor/base/inplace-editor.d.ts +0 -1
  53. package/src/inplace-editor/base/interface.js +0 -1
  54. package/src/inplace-editor/base/models.js +0 -2
  55. package/styles/bootstrap-dark.css +61 -14
  56. package/styles/bootstrap-dark.scss +26 -1
  57. package/styles/bootstrap.css +63 -15
  58. package/styles/bootstrap.scss +26 -1
  59. package/styles/bootstrap4.css +71 -19
  60. package/styles/bootstrap4.scss +26 -1
  61. package/styles/bootstrap5-dark.css +62 -14
  62. package/styles/bootstrap5-dark.scss +26 -1
  63. package/styles/bootstrap5.css +62 -14
  64. package/styles/bootstrap5.scss +26 -1
  65. package/styles/fabric-dark.css +59 -13
  66. package/styles/fabric-dark.scss +26 -1
  67. package/styles/fabric.css +61 -14
  68. package/styles/fabric.scss +26 -1
  69. package/styles/fluent-dark.css +63 -15
  70. package/styles/fluent-dark.scss +26 -1
  71. package/styles/fluent.css +63 -15
  72. package/styles/fluent.scss +26 -1
  73. package/styles/fluent2.css +1996 -0
  74. package/styles/fluent2.scss +26 -0
  75. package/styles/highcontrast-light.css +62 -13
  76. package/styles/highcontrast-light.scss +26 -1
  77. package/styles/highcontrast.css +64 -14
  78. package/styles/highcontrast.scss +26 -1
  79. package/styles/inplace-editor/_bootstrap5.3-definition.scss +69 -0
  80. package/styles/inplace-editor/_fluent2-definition.scss +71 -0
  81. package/styles/inplace-editor/_theme.scss +8 -3
  82. package/styles/inplace-editor/bootstrap-dark.css +61 -14
  83. package/styles/inplace-editor/bootstrap.css +63 -15
  84. package/styles/inplace-editor/bootstrap4.css +71 -19
  85. package/styles/inplace-editor/bootstrap5-dark.css +62 -14
  86. package/styles/inplace-editor/bootstrap5.css +62 -14
  87. package/styles/inplace-editor/fabric-dark.css +59 -13
  88. package/styles/inplace-editor/fabric.css +61 -14
  89. package/styles/inplace-editor/fluent-dark.css +63 -15
  90. package/styles/inplace-editor/fluent.css +63 -15
  91. package/styles/inplace-editor/fluent2.css +1996 -0
  92. package/styles/inplace-editor/fluent2.scss +26 -0
  93. package/styles/inplace-editor/highcontrast-light.css +62 -13
  94. package/styles/inplace-editor/highcontrast.css +64 -14
  95. package/styles/inplace-editor/icons/_bootstrap5.3.scss +19 -0
  96. package/styles/inplace-editor/icons/_fluent2.scss +19 -0
  97. package/styles/inplace-editor/material-dark.css +79 -17
  98. package/styles/inplace-editor/material.css +95 -20
  99. package/styles/inplace-editor/material3-dark.css +101 -21
  100. package/styles/inplace-editor/material3.css +101 -21
  101. package/styles/inplace-editor/tailwind-dark.css +72 -17
  102. package/styles/inplace-editor/tailwind.css +72 -17
  103. package/styles/material-dark.css +79 -17
  104. package/styles/material-dark.scss +26 -1
  105. package/styles/material.css +95 -20
  106. package/styles/material.scss +26 -1
  107. package/styles/material3-dark.css +101 -21
  108. package/styles/material3-dark.scss +26 -1
  109. package/styles/material3.css +101 -21
  110. package/styles/material3.scss +26 -1
  111. package/styles/tailwind-dark.css +72 -17
  112. package/styles/tailwind-dark.scss +26 -1
  113. package/styles/tailwind.css +72 -17
  114. package/styles/tailwind.scss +26 -1
  115. package/CHANGELOG.md +0 -262
  116. package/dist/ej2-inplace-editor.min.js +0 -10
@@ -1,8 +1,10 @@
1
1
  /* stylelint-disable property-no-vendor-prefix */
2
- /* stylelint-disable-line no-empty-source */ /*! calendar bootstrap5 theme variables */
2
+ /* stylelint-disable-line no-empty-source */
3
+ /*! calendar bootstrap5 theme variables */
3
4
  .e-popup.e-ddl {
4
5
  border-radius: 4px;
5
- box-shadow: none;
6
+ -webkit-box-shadow: none;
7
+ box-shadow: none;
6
8
  margin-top: 3px;
7
9
  }
8
10
  .e-popup.e-ddl .e-input-group {
@@ -17,6 +19,7 @@
17
19
  }
18
20
 
19
21
  .e-popup.e-ddl .e-filter-parent .e-input-group {
22
+ display: -webkit-box;
20
23
  display: -ms-flexbox;
21
24
  display: flex;
22
25
  width: auto;
@@ -104,11 +107,13 @@
104
107
  .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
105
108
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
106
109
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
107
- box-shadow: none;
110
+ -webkit-box-shadow: none;
111
+ box-shadow: none;
108
112
  }
109
113
 
110
114
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
111
115
  background: transparent;
116
+ display: -webkit-box;
112
117
  display: -ms-flexbox;
113
118
  display: flex;
114
119
  position: relative;
@@ -184,19 +189,43 @@
184
189
 
185
190
  /* stylelint-disable-line no-empty-source */
186
191
  /* stylelint-disable property-no-vendor-prefix */
192
+ @-webkit-keyframes material-spinner-rotate {
193
+ 0% {
194
+ -webkit-transform: rotate(0);
195
+ transform: rotate(0);
196
+ }
197
+ 100% {
198
+ -webkit-transform: rotate(360deg);
199
+ transform: rotate(360deg);
200
+ }
201
+ }
187
202
  @keyframes material-spinner-rotate {
188
203
  0% {
204
+ -webkit-transform: rotate(0);
205
+ transform: rotate(0);
206
+ }
207
+ 100% {
208
+ -webkit-transform: rotate(360deg);
209
+ transform: rotate(360deg);
210
+ }
211
+ }
212
+ @-webkit-keyframes fabric-spinner-rotate {
213
+ 0% {
214
+ -webkit-transform: rotate(0);
189
215
  transform: rotate(0);
190
216
  }
191
217
  100% {
218
+ -webkit-transform: rotate(360deg);
192
219
  transform: rotate(360deg);
193
220
  }
194
221
  }
195
222
  @keyframes fabric-spinner-rotate {
196
223
  0% {
224
+ -webkit-transform: rotate(0);
197
225
  transform: rotate(0);
198
226
  }
199
227
  100% {
228
+ -webkit-transform: rotate(360deg);
200
229
  transform: rotate(360deg);
201
230
  }
202
231
  }
@@ -335,6 +364,7 @@
335
364
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon {
336
365
  bottom: 0;
337
366
  cursor: pointer;
367
+ display: -webkit-inline-box;
338
368
  display: -ms-inline-flexbox;
339
369
  display: inline-flex;
340
370
  height: inherit;
@@ -345,8 +375,10 @@
345
375
  width: 20px;
346
376
  }
347
377
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon::before {
348
- -ms-flex-align: center;
349
- align-items: center;
378
+ -webkit-box-align: center;
379
+ -ms-flex-align: center;
380
+ align-items: center;
381
+ display: -webkit-box;
350
382
  display: -ms-flexbox;
351
383
  display: flex;
352
384
  font-size: 14px;
@@ -356,6 +388,7 @@
356
388
  }
357
389
  .e-inplaceeditor .e-editable-value-wrapper.e-editable-open {
358
390
  -webkit-user-select: none;
391
+ -moz-user-select: none;
359
392
  -ms-user-select: none;
360
393
  user-select: none;
361
394
  }
@@ -388,6 +421,7 @@
388
421
  .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon {
389
422
  bottom: 0;
390
423
  cursor: pointer;
424
+ display: -webkit-inline-box;
391
425
  display: -ms-inline-flexbox;
392
426
  display: inline-flex;
393
427
  height: inherit;
@@ -398,8 +432,10 @@
398
432
  width: 20px;
399
433
  }
400
434
  .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon::before {
401
- -ms-flex-align: center;
402
- align-items: center;
435
+ -webkit-box-align: center;
436
+ -ms-flex-align: center;
437
+ align-items: center;
438
+ display: -webkit-box;
403
439
  display: -ms-flexbox;
404
440
  display: flex;
405
441
  font-size: 14px;
@@ -409,6 +445,7 @@
409
445
  }
410
446
  .e-inplaceeditor .e-editable-value-container.e-editable-open {
411
447
  -webkit-user-select: none;
448
+ -moz-user-select: none;
412
449
  -ms-user-select: none;
413
450
  user-select: none;
414
451
  }
@@ -433,6 +470,7 @@
433
470
  }
434
471
  .e-inplaceeditor.e-overlay {
435
472
  -webkit-user-select: none;
473
+ -moz-user-select: none;
436
474
  -ms-user-select: none;
437
475
  user-select: none;
438
476
  }
@@ -498,7 +536,8 @@
498
536
  .e-inplaceeditor-tip .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner {
499
537
  left: auto;
500
538
  right: 5px;
501
- transform: translateX(-30%) translateY(-50%);
539
+ -webkit-transform: translateX(-30%) translateY(-50%);
540
+ transform: translateX(-30%) translateY(-50%);
502
541
  }
503
542
  .e-inplaceeditor .e-editable-form,
504
543
  .e-inplaceeditor-tip .e-editable-form {
@@ -526,6 +565,7 @@
526
565
  opacity: 0.5;
527
566
  pointer-events: none;
528
567
  -webkit-user-select: none;
568
+ -moz-user-select: none;
529
569
  -ms-user-select: none;
530
570
  user-select: none;
531
571
  visibility: visible;
@@ -562,7 +602,8 @@
562
602
  .e-inplaceeditor-tip.e-rtl .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner {
563
603
  left: 5px;
564
604
  right: auto;
565
- transform: translateX(30%) translateY(-50%);
605
+ -webkit-transform: translateX(30%) translateY(-50%);
606
+ transform: translateX(30%) translateY(-50%);
566
607
  }
567
608
 
568
609
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
@@ -614,19 +655,24 @@
614
655
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title {
615
656
  -ms-flex-line-pack: center;
616
657
  align-content: center;
658
+ display: -webkit-box;
617
659
  display: -ms-flexbox;
618
660
  display: flex;
619
- -ms-flex-direction: column;
620
- flex-direction: column;
661
+ -webkit-box-orient: vertical;
662
+ -webkit-box-direction: normal;
663
+ -ms-flex-direction: column;
664
+ flex-direction: column;
621
665
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
622
666
  font-size: 12px;
623
667
  font-weight: 500;
624
668
  height: 36px;
625
- -ms-flex-pack: center;
626
- justify-content: center;
669
+ -webkit-box-pack: center;
670
+ -ms-flex-pack: center;
671
+ justify-content: center;
627
672
  padding: 9px 12px 9px 12px;
628
673
  }
629
674
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
675
+ display: -webkit-box;
630
676
  display: -ms-flexbox;
631
677
  display: flex;
632
678
  padding: 12px;
@@ -639,6 +685,7 @@
639
685
  top: auto;
640
686
  }
641
687
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-container {
688
+ display: -webkit-box;
642
689
  display: -ms-flexbox;
643
690
  display: flex;
644
691
  padding: 12px;
@@ -806,7 +853,8 @@
806
853
 
807
854
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup {
808
855
  background: #fff;
809
- box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
856
+ -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
857
+ box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
810
858
  }
811
859
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-tip-content {
812
860
  border-radius: 4px;
@@ -1 +1,26 @@
1
- @import 'inplace-editor/bootstrap5.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap5.scss';
2
+ @import 'ej2-inputs/styles/input/bootstrap5-definition.scss';
3
+ @import 'ej2-inputs/styles/color-picker/bootstrap5-definition.scss';
4
+ @import 'ej2-inputs/styles/maskedtextbox/bootstrap5-definition.scss';
5
+ @import 'ej2-inputs/styles/numerictextbox/bootstrap5-definition.scss';
6
+ @import 'ej2-inputs/styles/slider/bootstrap5-definition.scss';
7
+ @import 'ej2-inputs/styles/textbox/bootstrap5-definition.scss';
8
+ @import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
9
+ @import 'ej2-buttons/styles/check-box/bootstrap5-definition.scss';
10
+ @import 'ej2-buttons/styles/radio-button/bootstrap5-definition.scss';
11
+ @import 'ej2-calendars/styles/calendar/bootstrap5-definition.scss';
12
+ @import 'ej2-calendars/styles/datepicker/bootstrap5-definition.scss';
13
+ @import 'ej2-calendars/styles/daterangepicker/bootstrap5-definition.scss';
14
+ @import 'ej2-calendars/styles/datetimepicker/bootstrap5-definition.scss';
15
+ @import 'ej2-calendars/styles/timepicker/bootstrap5-definition.scss';
16
+ @import 'ej2-dropdowns/styles/auto-complete/bootstrap5-definition.scss';
17
+ @import 'ej2-dropdowns/styles/combo-box/bootstrap5-definition.scss';
18
+ @import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-definition.scss';
19
+ @import 'ej2-dropdowns/styles/multi-select/bootstrap5-definition.scss';
20
+ @import 'ej2-popups/styles/popup/bootstrap5-definition.scss';
21
+ @import 'ej2-popups/styles/spinner/bootstrap5-definition.scss';
22
+ @import 'ej2-popups/styles/tooltip/bootstrap5-definition.scss';
23
+ @import 'ej2-richtexteditor/styles/rich-text-editor/bootstrap5-definition.scss';
24
+ @import 'inplace-editor/bootstrap5-definition.scss';
25
+ @import 'inplace-editor/icons/bootstrap5.scss';
26
+ @import 'inplace-editor/all.scss';
@@ -2,7 +2,8 @@
2
2
  /* stylelint-disable-line no-empty-source */
3
3
  .e-ddl.e-popup {
4
4
  border: 0;
5
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
5
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
6
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
6
7
  margin-top: 1px;
7
8
  }
8
9
  .e-ddl.e-popup .e-input-group input {
@@ -10,6 +11,7 @@
10
11
  }
11
12
 
12
13
  .e-ddl.e-popup .e-input-group {
14
+ display: -webkit-box;
13
15
  display: -ms-flexbox;
14
16
  display: flex;
15
17
  width: auto;
@@ -106,19 +108,43 @@
106
108
  }
107
109
 
108
110
  /* stylelint-disable property-no-vendor-prefix */
111
+ @-webkit-keyframes material-spinner-rotate {
112
+ 0% {
113
+ -webkit-transform: rotate(0);
114
+ transform: rotate(0);
115
+ }
116
+ 100% {
117
+ -webkit-transform: rotate(360deg);
118
+ transform: rotate(360deg);
119
+ }
120
+ }
109
121
  @keyframes material-spinner-rotate {
110
122
  0% {
123
+ -webkit-transform: rotate(0);
124
+ transform: rotate(0);
125
+ }
126
+ 100% {
127
+ -webkit-transform: rotate(360deg);
128
+ transform: rotate(360deg);
129
+ }
130
+ }
131
+ @-webkit-keyframes fabric-spinner-rotate {
132
+ 0% {
133
+ -webkit-transform: rotate(0);
111
134
  transform: rotate(0);
112
135
  }
113
136
  100% {
137
+ -webkit-transform: rotate(360deg);
114
138
  transform: rotate(360deg);
115
139
  }
116
140
  }
117
141
  @keyframes fabric-spinner-rotate {
118
142
  0% {
143
+ -webkit-transform: rotate(0);
119
144
  transform: rotate(0);
120
145
  }
121
146
  100% {
147
+ -webkit-transform: rotate(360deg);
122
148
  transform: rotate(360deg);
123
149
  }
124
150
  }
@@ -265,6 +291,7 @@
265
291
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon {
266
292
  bottom: 0;
267
293
  cursor: pointer;
294
+ display: -webkit-inline-box;
268
295
  display: -ms-inline-flexbox;
269
296
  display: inline-flex;
270
297
  height: inherit;
@@ -275,8 +302,10 @@
275
302
  width: 18px;
276
303
  }
277
304
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon::before {
278
- -ms-flex-align: center;
279
- align-items: center;
305
+ -webkit-box-align: center;
306
+ -ms-flex-align: center;
307
+ align-items: center;
308
+ display: -webkit-box;
280
309
  display: -ms-flexbox;
281
310
  display: flex;
282
311
  font-size: 14px;
@@ -286,6 +315,7 @@
286
315
  }
287
316
  .e-inplaceeditor .e-editable-value-wrapper.e-editable-open {
288
317
  -webkit-user-select: none;
318
+ -moz-user-select: none;
289
319
  -ms-user-select: none;
290
320
  user-select: none;
291
321
  }
@@ -318,6 +348,7 @@
318
348
  .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon {
319
349
  bottom: 0;
320
350
  cursor: pointer;
351
+ display: -webkit-inline-box;
321
352
  display: -ms-inline-flexbox;
322
353
  display: inline-flex;
323
354
  height: inherit;
@@ -328,8 +359,10 @@
328
359
  width: 18px;
329
360
  }
330
361
  .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon::before {
331
- -ms-flex-align: center;
332
- align-items: center;
362
+ -webkit-box-align: center;
363
+ -ms-flex-align: center;
364
+ align-items: center;
365
+ display: -webkit-box;
333
366
  display: -ms-flexbox;
334
367
  display: flex;
335
368
  font-size: 14px;
@@ -339,6 +372,7 @@
339
372
  }
340
373
  .e-inplaceeditor .e-editable-value-container.e-editable-open {
341
374
  -webkit-user-select: none;
375
+ -moz-user-select: none;
342
376
  -ms-user-select: none;
343
377
  user-select: none;
344
378
  }
@@ -363,6 +397,7 @@
363
397
  }
364
398
  .e-inplaceeditor.e-overlay {
365
399
  -webkit-user-select: none;
400
+ -moz-user-select: none;
366
401
  -ms-user-select: none;
367
402
  user-select: none;
368
403
  }
@@ -428,7 +463,8 @@
428
463
  .e-inplaceeditor-tip .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner {
429
464
  left: auto;
430
465
  right: 5px;
431
- transform: translateX(-30%) translateY(-50%);
466
+ -webkit-transform: translateX(-30%) translateY(-50%);
467
+ transform: translateX(-30%) translateY(-50%);
432
468
  }
433
469
  .e-inplaceeditor .e-editable-form,
434
470
  .e-inplaceeditor-tip .e-editable-form {
@@ -456,6 +492,7 @@
456
492
  opacity: 0.5;
457
493
  pointer-events: none;
458
494
  -webkit-user-select: none;
495
+ -moz-user-select: none;
459
496
  -ms-user-select: none;
460
497
  user-select: none;
461
498
  visibility: visible;
@@ -492,7 +529,8 @@
492
529
  .e-inplaceeditor-tip.e-rtl .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner {
493
530
  left: 5px;
494
531
  right: auto;
495
- transform: translateX(30%) translateY(-50%);
532
+ -webkit-transform: translateX(30%) translateY(-50%);
533
+ transform: translateX(30%) translateY(-50%);
496
534
  }
497
535
 
498
536
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
@@ -544,19 +582,24 @@
544
582
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title {
545
583
  -ms-flex-line-pack: center;
546
584
  align-content: center;
585
+ display: -webkit-box;
547
586
  display: -ms-flexbox;
548
587
  display: flex;
549
- -ms-flex-direction: column;
550
- flex-direction: column;
588
+ -webkit-box-orient: vertical;
589
+ -webkit-box-direction: normal;
590
+ -ms-flex-direction: column;
591
+ flex-direction: column;
551
592
  font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
552
593
  font-size: 13px;
553
594
  font-weight: 600;
554
595
  height: 30px;
555
- -ms-flex-pack: center;
556
- justify-content: center;
596
+ -webkit-box-pack: center;
597
+ -ms-flex-pack: center;
598
+ justify-content: center;
557
599
  padding: 0 0 0 12px;
558
600
  }
559
601
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
602
+ display: -webkit-box;
560
603
  display: -ms-flexbox;
561
604
  display: flex;
562
605
  padding: 12px;
@@ -569,6 +612,7 @@
569
612
  top: auto;
570
613
  }
571
614
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-container {
615
+ display: -webkit-box;
572
616
  display: -ms-flexbox;
573
617
  display: flex;
574
618
  padding: 12px;
@@ -667,7 +711,8 @@
667
711
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn,
668
712
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn,
669
713
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn {
670
- box-shadow: none;
714
+ -webkit-box-shadow: none;
715
+ box-shadow: none;
671
716
  }
672
717
  .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn .e-btn-icon.e-icons,
673
718
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn .e-btn-icon.e-icons,
@@ -677,7 +722,8 @@
677
722
  }
678
723
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup {
679
724
  background: #201f1f;
680
- box-shadow: none;
725
+ -webkit-box-shadow: none;
726
+ box-shadow: none;
681
727
  }
682
728
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-tip-content {
683
729
  border-radius: 0;
@@ -1 +1,26 @@
1
- @import 'inplace-editor/fabric-dark.scss';
1
+ @import 'ej2-base/styles/definition/fabric-dark.scss';
2
+ @import 'ej2-inputs/styles/input/fabric-dark-definition.scss';
3
+ @import 'ej2-inputs/styles/color-picker/fabric-dark-definition.scss';
4
+ @import 'ej2-inputs/styles/maskedtextbox/fabric-dark-definition.scss';
5
+ @import 'ej2-inputs/styles/numerictextbox/fabric-dark-definition.scss';
6
+ @import 'ej2-inputs/styles/slider/fabric-dark-definition.scss';
7
+ @import 'ej2-inputs/styles/textbox/fabric-dark-definition.scss';
8
+ @import 'ej2-buttons/styles/button/fabric-dark-definition.scss';
9
+ @import 'ej2-buttons/styles/check-box/fabric-dark-definition.scss';
10
+ @import 'ej2-buttons/styles/radio-button/fabric-dark-definition.scss';
11
+ @import 'ej2-calendars/styles/calendar/fabric-dark-definition.scss';
12
+ @import 'ej2-calendars/styles/datepicker/fabric-dark-definition.scss';
13
+ @import 'ej2-calendars/styles/daterangepicker/fabric-dark-definition.scss';
14
+ @import 'ej2-calendars/styles/datetimepicker/fabric-dark-definition.scss';
15
+ @import 'ej2-calendars/styles/timepicker/fabric-dark-definition.scss';
16
+ @import 'ej2-dropdowns/styles/auto-complete/fabric-dark-definition.scss';
17
+ @import 'ej2-dropdowns/styles/combo-box/fabric-dark-definition.scss';
18
+ @import 'ej2-dropdowns/styles/drop-down-list/fabric-dark-definition.scss';
19
+ @import 'ej2-dropdowns/styles/multi-select/fabric-dark-definition.scss';
20
+ @import 'ej2-popups/styles/popup/fabric-dark-definition.scss';
21
+ @import 'ej2-popups/styles/spinner/fabric-dark-definition.scss';
22
+ @import 'ej2-popups/styles/tooltip/fabric-dark-definition.scss';
23
+ @import 'ej2-richtexteditor/styles/rich-text-editor/fabric-dark-definition.scss';
24
+ @import 'inplace-editor/fabric-dark-definition.scss';
25
+ @import 'inplace-editor/icons/fabric-dark.scss';
26
+ @import 'inplace-editor/all.scss';
package/styles/fabric.css CHANGED
@@ -1,8 +1,10 @@
1
1
  /* stylelint-disable property-no-vendor-prefix */
2
- /* stylelint-disable-line no-empty-source */ /*! calendar fabric theme variables */
2
+ /* stylelint-disable-line no-empty-source */
3
+ /*! calendar fabric theme variables */
3
4
  .e-ddl.e-popup {
4
5
  border: 0;
5
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
6
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
7
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
6
8
  margin-top: 1px;
7
9
  }
8
10
  .e-ddl.e-popup .e-input-group input {
@@ -10,6 +12,7 @@
10
12
  }
11
13
 
12
14
  .e-ddl.e-popup .e-input-group {
15
+ display: -webkit-box;
13
16
  display: -ms-flexbox;
14
17
  display: flex;
15
18
  width: auto;
@@ -94,19 +97,43 @@
94
97
  }
95
98
 
96
99
  /* stylelint-disable property-no-vendor-prefix */
100
+ @-webkit-keyframes material-spinner-rotate {
101
+ 0% {
102
+ -webkit-transform: rotate(0);
103
+ transform: rotate(0);
104
+ }
105
+ 100% {
106
+ -webkit-transform: rotate(360deg);
107
+ transform: rotate(360deg);
108
+ }
109
+ }
97
110
  @keyframes material-spinner-rotate {
98
111
  0% {
112
+ -webkit-transform: rotate(0);
113
+ transform: rotate(0);
114
+ }
115
+ 100% {
116
+ -webkit-transform: rotate(360deg);
117
+ transform: rotate(360deg);
118
+ }
119
+ }
120
+ @-webkit-keyframes fabric-spinner-rotate {
121
+ 0% {
122
+ -webkit-transform: rotate(0);
99
123
  transform: rotate(0);
100
124
  }
101
125
  100% {
126
+ -webkit-transform: rotate(360deg);
102
127
  transform: rotate(360deg);
103
128
  }
104
129
  }
105
130
  @keyframes fabric-spinner-rotate {
106
131
  0% {
132
+ -webkit-transform: rotate(0);
107
133
  transform: rotate(0);
108
134
  }
109
135
  100% {
136
+ -webkit-transform: rotate(360deg);
110
137
  transform: rotate(360deg);
111
138
  }
112
139
  }
@@ -253,6 +280,7 @@
253
280
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon {
254
281
  bottom: 0;
255
282
  cursor: pointer;
283
+ display: -webkit-inline-box;
256
284
  display: -ms-inline-flexbox;
257
285
  display: inline-flex;
258
286
  height: inherit;
@@ -263,8 +291,10 @@
263
291
  width: 18px;
264
292
  }
265
293
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon::before {
266
- -ms-flex-align: center;
267
- align-items: center;
294
+ -webkit-box-align: center;
295
+ -ms-flex-align: center;
296
+ align-items: center;
297
+ display: -webkit-box;
268
298
  display: -ms-flexbox;
269
299
  display: flex;
270
300
  font-size: 14px;
@@ -274,6 +304,7 @@
274
304
  }
275
305
  .e-inplaceeditor .e-editable-value-wrapper.e-editable-open {
276
306
  -webkit-user-select: none;
307
+ -moz-user-select: none;
277
308
  -ms-user-select: none;
278
309
  user-select: none;
279
310
  }
@@ -306,6 +337,7 @@
306
337
  .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon {
307
338
  bottom: 0;
308
339
  cursor: pointer;
340
+ display: -webkit-inline-box;
309
341
  display: -ms-inline-flexbox;
310
342
  display: inline-flex;
311
343
  height: inherit;
@@ -316,8 +348,10 @@
316
348
  width: 18px;
317
349
  }
318
350
  .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon::before {
319
- -ms-flex-align: center;
320
- align-items: center;
351
+ -webkit-box-align: center;
352
+ -ms-flex-align: center;
353
+ align-items: center;
354
+ display: -webkit-box;
321
355
  display: -ms-flexbox;
322
356
  display: flex;
323
357
  font-size: 14px;
@@ -327,6 +361,7 @@
327
361
  }
328
362
  .e-inplaceeditor .e-editable-value-container.e-editable-open {
329
363
  -webkit-user-select: none;
364
+ -moz-user-select: none;
330
365
  -ms-user-select: none;
331
366
  user-select: none;
332
367
  }
@@ -351,6 +386,7 @@
351
386
  }
352
387
  .e-inplaceeditor.e-overlay {
353
388
  -webkit-user-select: none;
389
+ -moz-user-select: none;
354
390
  -ms-user-select: none;
355
391
  user-select: none;
356
392
  }
@@ -416,7 +452,8 @@
416
452
  .e-inplaceeditor-tip .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner {
417
453
  left: auto;
418
454
  right: 5px;
419
- transform: translateX(-30%) translateY(-50%);
455
+ -webkit-transform: translateX(-30%) translateY(-50%);
456
+ transform: translateX(-30%) translateY(-50%);
420
457
  }
421
458
  .e-inplaceeditor .e-editable-form,
422
459
  .e-inplaceeditor-tip .e-editable-form {
@@ -444,6 +481,7 @@
444
481
  opacity: 0.5;
445
482
  pointer-events: none;
446
483
  -webkit-user-select: none;
484
+ -moz-user-select: none;
447
485
  -ms-user-select: none;
448
486
  user-select: none;
449
487
  visibility: visible;
@@ -480,7 +518,8 @@
480
518
  .e-inplaceeditor-tip.e-rtl .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner {
481
519
  left: 5px;
482
520
  right: auto;
483
- transform: translateX(30%) translateY(-50%);
521
+ -webkit-transform: translateX(30%) translateY(-50%);
522
+ transform: translateX(30%) translateY(-50%);
484
523
  }
485
524
 
486
525
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
@@ -532,19 +571,24 @@
532
571
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title {
533
572
  -ms-flex-line-pack: center;
534
573
  align-content: center;
574
+ display: -webkit-box;
535
575
  display: -ms-flexbox;
536
576
  display: flex;
537
- -ms-flex-direction: column;
538
- flex-direction: column;
577
+ -webkit-box-orient: vertical;
578
+ -webkit-box-direction: normal;
579
+ -ms-flex-direction: column;
580
+ flex-direction: column;
539
581
  font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
540
582
  font-size: 13px;
541
583
  font-weight: 600;
542
584
  height: 30px;
543
- -ms-flex-pack: center;
544
- justify-content: center;
585
+ -webkit-box-pack: center;
586
+ -ms-flex-pack: center;
587
+ justify-content: center;
545
588
  padding: 0 0 0 12px;
546
589
  }
547
590
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
591
+ display: -webkit-box;
548
592
  display: -ms-flexbox;
549
593
  display: flex;
550
594
  padding: 12px;
@@ -557,6 +601,7 @@
557
601
  top: auto;
558
602
  }
559
603
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-container {
604
+ display: -webkit-box;
560
605
  display: -ms-flexbox;
561
606
  display: flex;
562
607
  padding: 12px;
@@ -655,7 +700,8 @@
655
700
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn,
656
701
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn,
657
702
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn {
658
- box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
703
+ -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
704
+ box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
659
705
  }
660
706
  .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn .e-btn-icon.e-icons,
661
707
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn .e-btn-icon.e-icons,
@@ -665,7 +711,8 @@
665
711
  }
666
712
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup {
667
713
  background: #fff;
668
- box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.26);
714
+ -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.26);
715
+ box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.26);
669
716
  }
670
717
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-tip-content {
671
718
  border-radius: 0;