@syncfusion/ej2-inplace-editor 25.2.3 → 26.2.4

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 (79) hide show
  1. package/.eslintrc.json +3 -2
  2. package/dist/ej2-inplace-editor.min.js +2 -2
  3. package/dist/ej2-inplace-editor.umd.min.js +2 -2
  4. package/dist/ej2-inplace-editor.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-inplace-editor.es2015.js +22 -43
  6. package/dist/es6/ej2-inplace-editor.es2015.js.map +1 -1
  7. package/dist/es6/ej2-inplace-editor.es5.js +77 -98
  8. package/dist/es6/ej2-inplace-editor.es5.js.map +1 -1
  9. package/dist/global/ej2-inplace-editor.min.js +2 -2
  10. package/dist/global/ej2-inplace-editor.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/hotfix/26.1.35_Vol2.txt +1 -0
  13. package/package.json +18 -18
  14. package/src/inplace-editor/base/inplace-editor.d.ts +0 -1
  15. package/src/inplace-editor/base/interface.js +0 -1
  16. package/src/inplace-editor/base/models.js +0 -2
  17. package/styles/bootstrap-dark.css +61 -16
  18. package/styles/bootstrap-dark.scss +26 -1
  19. package/styles/bootstrap.css +63 -17
  20. package/styles/bootstrap.scss +26 -1
  21. package/styles/bootstrap4.css +72 -22
  22. package/styles/bootstrap4.scss +26 -1
  23. package/styles/bootstrap5-dark.css +62 -16
  24. package/styles/bootstrap5-dark.scss +26 -1
  25. package/styles/bootstrap5.css +62 -16
  26. package/styles/bootstrap5.scss +26 -1
  27. package/styles/fabric-dark.css +59 -15
  28. package/styles/fabric-dark.scss +26 -1
  29. package/styles/fabric.css +61 -16
  30. package/styles/fabric.scss +26 -1
  31. package/styles/fluent-dark.css +63 -17
  32. package/styles/fluent-dark.scss +26 -1
  33. package/styles/fluent.css +63 -17
  34. package/styles/fluent.scss +26 -1
  35. package/styles/fluent2.css +1994 -0
  36. package/styles/fluent2.scss +26 -0
  37. package/styles/highcontrast-light.css +62 -15
  38. package/styles/highcontrast-light.scss +26 -1
  39. package/styles/highcontrast.css +64 -16
  40. package/styles/highcontrast.scss +26 -1
  41. package/styles/inplace-editor/_bootstrap5.3-definition.scss +69 -0
  42. package/styles/inplace-editor/_fluent2-definition.scss +71 -0
  43. package/styles/inplace-editor/_layout.scss +0 -35
  44. package/styles/inplace-editor/_material3-definition.scss +0 -7
  45. package/styles/inplace-editor/_theme.scss +8 -32
  46. package/styles/inplace-editor/bootstrap-dark.css +61 -16
  47. package/styles/inplace-editor/bootstrap.css +63 -17
  48. package/styles/inplace-editor/bootstrap4.css +72 -22
  49. package/styles/inplace-editor/bootstrap5-dark.css +62 -16
  50. package/styles/inplace-editor/bootstrap5.css +62 -16
  51. package/styles/inplace-editor/fabric-dark.css +59 -15
  52. package/styles/inplace-editor/fabric.css +61 -16
  53. package/styles/inplace-editor/fluent-dark.css +63 -17
  54. package/styles/inplace-editor/fluent.css +63 -17
  55. package/styles/inplace-editor/fluent2.css +1994 -0
  56. package/styles/inplace-editor/fluent2.scss +26 -0
  57. package/styles/inplace-editor/highcontrast-light.css +62 -15
  58. package/styles/inplace-editor/highcontrast.css +64 -16
  59. package/styles/inplace-editor/icons/_bootstrap5.3.scss +19 -0
  60. package/styles/inplace-editor/icons/_fluent2.scss +19 -0
  61. package/styles/inplace-editor/material-dark.css +79 -19
  62. package/styles/inplace-editor/material.css +95 -22
  63. package/styles/inplace-editor/material3-dark.css +100 -23
  64. package/styles/inplace-editor/material3.css +100 -23
  65. package/styles/inplace-editor/tailwind-dark.css +72 -19
  66. package/styles/inplace-editor/tailwind.css +72 -19
  67. package/styles/material-dark.css +79 -19
  68. package/styles/material-dark.scss +26 -1
  69. package/styles/material.css +95 -22
  70. package/styles/material.scss +26 -1
  71. package/styles/material3-dark.css +100 -23
  72. package/styles/material3-dark.scss +26 -1
  73. package/styles/material3.css +100 -23
  74. package/styles/material3.scss +26 -1
  75. package/styles/tailwind-dark.css +72 -19
  76. package/styles/tailwind-dark.scss +26 -1
  77. package/styles/tailwind.css +72 -19
  78. package/styles/tailwind.scss +26 -1
  79. package/CHANGELOG.md +0 -262
package/styles/material3.scss CHANGED
@@ -1,3 +1,28 @@
1
1
 
2
2
 
3
- @import 'inplace-editor/material3.scss';
3
+
4
+ @import 'ej2-inputs/styles/input/material3-definition.scss';
5
+ @import 'ej2-inputs/styles/color-picker/material3-definition.scss';
6
+ @import 'ej2-inputs/styles/maskedtextbox/material3-definition.scss';
7
+ @import 'ej2-inputs/styles/numerictextbox/material3-definition.scss';
8
+ @import 'ej2-inputs/styles/slider/material3-definition.scss';
9
+ @import 'ej2-inputs/styles/textbox/material3-definition.scss';
10
+ @import 'ej2-buttons/styles/button/material3-definition.scss';
11
+ @import 'ej2-buttons/styles/check-box/material3-definition.scss';
12
+ @import 'ej2-buttons/styles/radio-button/material3-definition.scss';
13
+ @import 'ej2-calendars/styles/calendar/material3-definition.scss';
14
+ @import 'ej2-calendars/styles/datepicker/material3-definition.scss';
15
+ @import 'ej2-calendars/styles/daterangepicker/material3-definition.scss';
16
+ @import 'ej2-calendars/styles/datetimepicker/material3-definition.scss';
17
+ @import 'ej2-calendars/styles/timepicker/material3-definition.scss';
18
+ @import 'ej2-dropdowns/styles/auto-complete/material3-definition.scss';
19
+ @import 'ej2-dropdowns/styles/combo-box/material3-definition.scss';
20
+ @import 'ej2-dropdowns/styles/drop-down-list/material3-definition.scss';
21
+ @import 'ej2-dropdowns/styles/multi-select/material3-definition.scss';
22
+ @import 'ej2-popups/styles/popup/material3-definition.scss';
23
+ @import 'ej2-popups/styles/spinner/material3-definition.scss';
24
+ @import 'ej2-popups/styles/tooltip/material3-definition.scss';
25
+ @import 'ej2-richtexteditor/styles/rich-text-editor/material3-definition.scss';
26
+ @import 'inplace-editor/material3-definition.scss';
27
+ @import 'inplace-editor/icons/material3.scss';
28
+ @import 'inplace-editor/all.scss';
package/styles/tailwind-dark.css CHANGED
@@ -1,13 +1,22 @@
1
1
  /* stylelint-disable property-no-vendor-prefix */
2
- /* stylelint-disable-line no-empty-source */ /*! calendar tailwind theme variables */
2
+ /* stylelint-disable-line no-empty-source */
3
+ /*! calendar tailwind theme variables */
3
4
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
4
- transform: rotate(0deg);
5
+ -webkit-transform: rotate(0deg);
6
+ transform: rotate(0deg);
7
+ -webkit-transition: -webkit-transform 300ms ease;
8
+ transition: -webkit-transform 300ms ease;
5
9
  transition: transform 300ms ease;
10
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
6
11
  }
7
12
 
8
13
  .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
9
- transform: rotate(180deg);
14
+ -webkit-transform: rotate(180deg);
15
+ transform: rotate(180deg);
16
+ -webkit-transition: -webkit-transform 300ms ease;
17
+ transition: -webkit-transform 300ms ease;
10
18
  transition: transform 300ms ease;
19
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
11
20
  }
12
21
 
13
22
  .e-dropdownbase .e-list-item.e-active.e-hover {
@@ -24,13 +33,15 @@
24
33
  }
25
34
 
26
35
  .e-input-group .e-ddl-icon:not(:active)::after {
27
- animation: none;
36
+ -webkit-animation: none;
37
+ animation: none;
28
38
  }
29
39
 
30
40
  .e-ddl.e-popup {
31
41
  border: 0;
32
42
  border-radius: 4px;
33
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
43
+ -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
44
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
34
45
  margin-top: 4px;
35
46
  }
36
47
 
@@ -69,7 +80,8 @@
69
80
  .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
70
81
  background: #374151;
71
82
  border-width: 0;
72
- box-shadow: none;
83
+ -webkit-box-shadow: none;
84
+ box-shadow: none;
73
85
  margin-bottom: 0;
74
86
  }
75
87
 
@@ -128,19 +140,43 @@
128
140
 
129
141
  /* stylelint-disable-line no-empty-source */
130
142
  /* stylelint-disable property-no-vendor-prefix */
143
+ @-webkit-keyframes material-spinner-rotate {
144
+ 0% {
145
+ -webkit-transform: rotate(0);
146
+ transform: rotate(0);
147
+ }
148
+ 100% {
149
+ -webkit-transform: rotate(360deg);
150
+ transform: rotate(360deg);
151
+ }
152
+ }
131
153
  @keyframes material-spinner-rotate {
132
154
  0% {
155
+ -webkit-transform: rotate(0);
156
+ transform: rotate(0);
157
+ }
158
+ 100% {
159
+ -webkit-transform: rotate(360deg);
160
+ transform: rotate(360deg);
161
+ }
162
+ }
163
+ @-webkit-keyframes fabric-spinner-rotate {
164
+ 0% {
165
+ -webkit-transform: rotate(0);
133
166
  transform: rotate(0);
134
167
  }
135
168
  100% {
169
+ -webkit-transform: rotate(360deg);
136
170
  transform: rotate(360deg);
137
171
  }
138
172
  }
139
173
  @keyframes fabric-spinner-rotate {
140
174
  0% {
175
+ -webkit-transform: rotate(0);
141
176
  transform: rotate(0);
142
177
  }
143
178
  100% {
179
+ -webkit-transform: rotate(360deg);
144
180
  transform: rotate(360deg);
145
181
  }
146
182
  }
@@ -158,7 +194,6 @@
158
194
  content: "\e730";
159
195
  }
160
196
 
161
- /*! inplaceeditor layout */
162
197
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper,
163
198
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper {
164
199
  padding: 7px 12px 7px 12px;
@@ -279,6 +314,7 @@
279
314
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon {
280
315
  bottom: 0;
281
316
  cursor: pointer;
317
+ display: -webkit-inline-box;
282
318
  display: -ms-inline-flexbox;
283
319
  display: inline-flex;
284
320
  height: inherit;
@@ -289,8 +325,10 @@
289
325
  width: 20px;
290
326
  }
291
327
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon::before {
292
- -ms-flex-align: center;
293
- align-items: center;
328
+ -webkit-box-align: center;
329
+ -ms-flex-align: center;
330
+ align-items: center;
331
+ display: -webkit-box;
294
332
  display: -ms-flexbox;
295
333
  display: flex;
296
334
  font-size: 14px;
@@ -300,6 +338,7 @@
300
338
  }
301
339
  .e-inplaceeditor .e-editable-value-wrapper.e-editable-open {
302
340
  -webkit-user-select: none;
341
+ -moz-user-select: none;
303
342
  -ms-user-select: none;
304
343
  user-select: none;
305
344
  }
@@ -332,6 +371,7 @@
332
371
  .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon {
333
372
  bottom: 0;
334
373
  cursor: pointer;
374
+ display: -webkit-inline-box;
335
375
  display: -ms-inline-flexbox;
336
376
  display: inline-flex;
337
377
  height: inherit;
@@ -342,8 +382,10 @@
342
382
  width: 20px;
343
383
  }
344
384
  .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon::before {
345
- -ms-flex-align: center;
346
- align-items: center;
385
+ -webkit-box-align: center;
386
+ -ms-flex-align: center;
387
+ align-items: center;
388
+ display: -webkit-box;
347
389
  display: -ms-flexbox;
348
390
  display: flex;
349
391
  font-size: 14px;
@@ -353,6 +395,7 @@
353
395
  }
354
396
  .e-inplaceeditor .e-editable-value-container.e-editable-open {
355
397
  -webkit-user-select: none;
398
+ -moz-user-select: none;
356
399
  -ms-user-select: none;
357
400
  user-select: none;
358
401
  }
@@ -377,6 +420,7 @@
377
420
  }
378
421
  .e-inplaceeditor.e-overlay {
379
422
  -webkit-user-select: none;
423
+ -moz-user-select: none;
380
424
  -ms-user-select: none;
381
425
  user-select: none;
382
426
  }
@@ -442,7 +486,8 @@
442
486
  .e-inplaceeditor-tip .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner {
443
487
  left: auto;
444
488
  right: 5px;
445
- transform: translateX(-30%) translateY(-50%);
489
+ -webkit-transform: translateX(-30%) translateY(-50%);
490
+ transform: translateX(-30%) translateY(-50%);
446
491
  }
447
492
  .e-inplaceeditor .e-editable-form,
448
493
  .e-inplaceeditor-tip .e-editable-form {
@@ -470,6 +515,7 @@
470
515
  opacity: 0.5;
471
516
  pointer-events: none;
472
517
  -webkit-user-select: none;
518
+ -moz-user-select: none;
473
519
  -ms-user-select: none;
474
520
  user-select: none;
475
521
  visibility: visible;
@@ -506,7 +552,8 @@
506
552
  .e-inplaceeditor-tip.e-rtl .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner {
507
553
  left: 5px;
508
554
  right: auto;
509
- transform: translateX(30%) translateY(-50%);
555
+ -webkit-transform: translateX(30%) translateY(-50%);
556
+ transform: translateX(30%) translateY(-50%);
510
557
  }
511
558
 
512
559
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
@@ -558,19 +605,24 @@
558
605
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title {
559
606
  -ms-flex-line-pack: center;
560
607
  align-content: center;
608
+ display: -webkit-box;
561
609
  display: -ms-flexbox;
562
610
  display: flex;
563
- -ms-flex-direction: column;
564
- flex-direction: column;
611
+ -webkit-box-orient: vertical;
612
+ -webkit-box-direction: normal;
613
+ -ms-flex-direction: column;
614
+ flex-direction: column;
565
615
  font-family: "Inter";
566
616
  font-size: 12px;
567
617
  font-weight: 500;
568
618
  height: 30px;
569
- -ms-flex-pack: center;
570
- justify-content: center;
619
+ -webkit-box-pack: center;
620
+ -ms-flex-pack: center;
621
+ justify-content: center;
571
622
  padding: 6px 12px 6px 12px;
572
623
  }
573
624
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
625
+ display: -webkit-box;
574
626
  display: -ms-flexbox;
575
627
  display: flex;
576
628
  padding: 12px;
@@ -583,6 +635,7 @@
583
635
  top: auto;
584
636
  }
585
637
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-container {
638
+ display: -webkit-box;
586
639
  display: -ms-flexbox;
587
640
  display: flex;
588
641
  padding: 12px;
@@ -648,7 +701,6 @@
648
701
  font-size: 22px;
649
702
  }
650
703
 
651
- /*! inplaceeditor theme */
652
704
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
653
705
  border-bottom: 1px dashed #fff;
654
706
  color: #fff;
@@ -718,7 +770,8 @@
718
770
 
719
771
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup {
720
772
  background: #374151;
721
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
773
+ -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
774
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
722
775
  }
723
776
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-tip-content {
724
777
  border-radius: 4px;
package/styles/tailwind-dark.scss CHANGED
@@ -1 +1,26 @@
1
- @import 'inplace-editor/tailwind-dark.scss';
1
+ @import 'ej2-base/styles/definition/tailwind-dark.scss';
2
+ @import 'ej2-inputs/styles/input/tailwind-dark-definition.scss';
3
+ @import 'ej2-inputs/styles/color-picker/tailwind-dark-definition.scss';
4
+ @import 'ej2-inputs/styles/maskedtextbox/tailwind-dark-definition.scss';
5
+ @import 'ej2-inputs/styles/numerictextbox/tailwind-dark-definition.scss';
6
+ @import 'ej2-inputs/styles/slider/tailwind-dark-definition.scss';
7
+ @import 'ej2-inputs/styles/textbox/tailwind-dark-definition.scss';
8
+ @import 'ej2-buttons/styles/button/tailwind-dark-definition.scss';
9
+ @import 'ej2-buttons/styles/check-box/tailwind-dark-definition.scss';
10
+ @import 'ej2-buttons/styles/radio-button/tailwind-dark-definition.scss';
11
+ @import 'ej2-calendars/styles/calendar/tailwind-dark-definition.scss';
12
+ @import 'ej2-calendars/styles/datepicker/tailwind-dark-definition.scss';
13
+ @import 'ej2-calendars/styles/daterangepicker/tailwind-dark-definition.scss';
14
+ @import 'ej2-calendars/styles/datetimepicker/tailwind-dark-definition.scss';
15
+ @import 'ej2-calendars/styles/timepicker/tailwind-dark-definition.scss';
16
+ @import 'ej2-dropdowns/styles/auto-complete/tailwind-dark-definition.scss';
17
+ @import 'ej2-dropdowns/styles/combo-box/tailwind-dark-definition.scss';
18
+ @import 'ej2-dropdowns/styles/drop-down-list/tailwind-dark-definition.scss';
19
+ @import 'ej2-dropdowns/styles/multi-select/tailwind-dark-definition.scss';
20
+ @import 'ej2-popups/styles/popup/tailwind-dark-definition.scss';
21
+ @import 'ej2-popups/styles/spinner/tailwind-dark-definition.scss';
22
+ @import 'ej2-popups/styles/tooltip/tailwind-dark-definition.scss';
23
+ @import 'ej2-richtexteditor/styles/rich-text-editor/tailwind-dark-definition.scss';
24
+ @import 'inplace-editor/tailwind-dark-definition.scss';
25
+ @import 'inplace-editor/icons/tailwind-dark.scss';
26
+ @import 'inplace-editor/all.scss';
package/styles/tailwind.css CHANGED
@@ -1,13 +1,22 @@
1
1
  /* stylelint-disable property-no-vendor-prefix */
2
- /* stylelint-disable-line no-empty-source */ /*! calendar tailwind theme variables */
2
+ /* stylelint-disable-line no-empty-source */
3
+ /*! calendar tailwind theme variables */
3
4
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
4
- transform: rotate(0deg);
5
+ -webkit-transform: rotate(0deg);
6
+ transform: rotate(0deg);
7
+ -webkit-transition: -webkit-transform 300ms ease;
8
+ transition: -webkit-transform 300ms ease;
5
9
  transition: transform 300ms ease;
10
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
6
11
  }
7
12
 
8
13
  .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
9
- transform: rotate(180deg);
14
+ -webkit-transform: rotate(180deg);
15
+ transform: rotate(180deg);
16
+ -webkit-transition: -webkit-transform 300ms ease;
17
+ transition: -webkit-transform 300ms ease;
10
18
  transition: transform 300ms ease;
19
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
11
20
  }
12
21
 
13
22
  .e-dropdownbase .e-list-item.e-active.e-hover {
@@ -24,13 +33,15 @@
24
33
  }
25
34
 
26
35
  .e-input-group .e-ddl-icon:not(:active)::after {
27
- animation: none;
36
+ -webkit-animation: none;
37
+ animation: none;
28
38
  }
29
39
 
30
40
  .e-ddl.e-popup {
31
41
  border: 0;
32
42
  border-radius: 4px;
33
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
43
+ -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
44
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
34
45
  margin-top: 4px;
35
46
  }
36
47
 
@@ -69,7 +80,8 @@
69
80
  .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
70
81
  background: #fff;
71
82
  border-width: 0;
72
- box-shadow: none;
83
+ -webkit-box-shadow: none;
84
+ box-shadow: none;
73
85
  margin-bottom: 0;
74
86
  }
75
87
 
@@ -128,19 +140,43 @@
128
140
 
129
141
  /* stylelint-disable-line no-empty-source */
130
142
  /* stylelint-disable property-no-vendor-prefix */
143
+ @-webkit-keyframes material-spinner-rotate {
144
+ 0% {
145
+ -webkit-transform: rotate(0);
146
+ transform: rotate(0);
147
+ }
148
+ 100% {
149
+ -webkit-transform: rotate(360deg);
150
+ transform: rotate(360deg);
151
+ }
152
+ }
131
153
  @keyframes material-spinner-rotate {
132
154
  0% {
155
+ -webkit-transform: rotate(0);
156
+ transform: rotate(0);
157
+ }
158
+ 100% {
159
+ -webkit-transform: rotate(360deg);
160
+ transform: rotate(360deg);
161
+ }
162
+ }
163
+ @-webkit-keyframes fabric-spinner-rotate {
164
+ 0% {
165
+ -webkit-transform: rotate(0);
133
166
  transform: rotate(0);
134
167
  }
135
168
  100% {
169
+ -webkit-transform: rotate(360deg);
136
170
  transform: rotate(360deg);
137
171
  }
138
172
  }
139
173
  @keyframes fabric-spinner-rotate {
140
174
  0% {
175
+ -webkit-transform: rotate(0);
141
176
  transform: rotate(0);
142
177
  }
143
178
  100% {
179
+ -webkit-transform: rotate(360deg);
144
180
  transform: rotate(360deg);
145
181
  }
146
182
  }
@@ -158,7 +194,6 @@
158
194
  content: "\e730";
159
195
  }
160
196
 
161
- /*! inplaceeditor layout */
162
197
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper,
163
198
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper {
164
199
  padding: 7px 12px 7px 12px;
@@ -279,6 +314,7 @@
279
314
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon {
280
315
  bottom: 0;
281
316
  cursor: pointer;
317
+ display: -webkit-inline-box;
282
318
  display: -ms-inline-flexbox;
283
319
  display: inline-flex;
284
320
  height: inherit;
@@ -289,8 +325,10 @@
289
325
  width: 20px;
290
326
  }
291
327
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon::before {
292
- -ms-flex-align: center;
293
- align-items: center;
328
+ -webkit-box-align: center;
329
+ -ms-flex-align: center;
330
+ align-items: center;
331
+ display: -webkit-box;
294
332
  display: -ms-flexbox;
295
333
  display: flex;
296
334
  font-size: 14px;
@@ -300,6 +338,7 @@
300
338
  }
301
339
  .e-inplaceeditor .e-editable-value-wrapper.e-editable-open {
302
340
  -webkit-user-select: none;
341
+ -moz-user-select: none;
303
342
  -ms-user-select: none;
304
343
  user-select: none;
305
344
  }
@@ -332,6 +371,7 @@
332
371
  .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon {
333
372
  bottom: 0;
334
373
  cursor: pointer;
374
+ display: -webkit-inline-box;
335
375
  display: -ms-inline-flexbox;
336
376
  display: inline-flex;
337
377
  height: inherit;
@@ -342,8 +382,10 @@
342
382
  width: 20px;
343
383
  }
344
384
  .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon::before {
345
- -ms-flex-align: center;
346
- align-items: center;
385
+ -webkit-box-align: center;
386
+ -ms-flex-align: center;
387
+ align-items: center;
388
+ display: -webkit-box;
347
389
  display: -ms-flexbox;
348
390
  display: flex;
349
391
  font-size: 14px;
@@ -353,6 +395,7 @@
353
395
  }
354
396
  .e-inplaceeditor .e-editable-value-container.e-editable-open {
355
397
  -webkit-user-select: none;
398
+ -moz-user-select: none;
356
399
  -ms-user-select: none;
357
400
  user-select: none;
358
401
  }
@@ -377,6 +420,7 @@
377
420
  }
378
421
  .e-inplaceeditor.e-overlay {
379
422
  -webkit-user-select: none;
423
+ -moz-user-select: none;
380
424
  -ms-user-select: none;
381
425
  user-select: none;
382
426
  }
@@ -442,7 +486,8 @@
442
486
  .e-inplaceeditor-tip .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner {
443
487
  left: auto;
444
488
  right: 5px;
445
- transform: translateX(-30%) translateY(-50%);
489
+ -webkit-transform: translateX(-30%) translateY(-50%);
490
+ transform: translateX(-30%) translateY(-50%);
446
491
  }
447
492
  .e-inplaceeditor .e-editable-form,
448
493
  .e-inplaceeditor-tip .e-editable-form {
@@ -470,6 +515,7 @@
470
515
  opacity: 0.5;
471
516
  pointer-events: none;
472
517
  -webkit-user-select: none;
518
+ -moz-user-select: none;
473
519
  -ms-user-select: none;
474
520
  user-select: none;
475
521
  visibility: visible;
@@ -506,7 +552,8 @@
506
552
  .e-inplaceeditor-tip.e-rtl .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner {
507
553
  left: 5px;
508
554
  right: auto;
509
- transform: translateX(30%) translateY(-50%);
555
+ -webkit-transform: translateX(30%) translateY(-50%);
556
+ transform: translateX(30%) translateY(-50%);
510
557
  }
511
558
 
512
559
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
@@ -558,19 +605,24 @@
558
605
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title {
559
606
  -ms-flex-line-pack: center;
560
607
  align-content: center;
608
+ display: -webkit-box;
561
609
  display: -ms-flexbox;
562
610
  display: flex;
563
- -ms-flex-direction: column;
564
- flex-direction: column;
611
+ -webkit-box-orient: vertical;
612
+ -webkit-box-direction: normal;
613
+ -ms-flex-direction: column;
614
+ flex-direction: column;
565
615
  font-family: "Inter";
566
616
  font-size: 12px;
567
617
  font-weight: 500;
568
618
  height: 30px;
569
- -ms-flex-pack: center;
570
- justify-content: center;
619
+ -webkit-box-pack: center;
620
+ -ms-flex-pack: center;
621
+ justify-content: center;
571
622
  padding: 6px 12px 6px 12px;
572
623
  }
573
624
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
625
+ display: -webkit-box;
574
626
  display: -ms-flexbox;
575
627
  display: flex;
576
628
  padding: 12px;
@@ -583,6 +635,7 @@
583
635
  top: auto;
584
636
  }
585
637
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-container {
638
+ display: -webkit-box;
586
639
  display: -ms-flexbox;
587
640
  display: flex;
588
641
  padding: 12px;
@@ -648,7 +701,6 @@
648
701
  font-size: 22px;
649
702
  }
650
703
 
651
- /*! inplaceeditor theme */
652
704
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
653
705
  border-bottom: 1px dashed #111827;
654
706
  color: #111827;
@@ -718,7 +770,8 @@
718
770
 
719
771
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup {
720
772
  background: #fff;
721
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
773
+ -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
774
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
722
775
  }
723
776
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-tip-content {
724
777
  border-radius: 4px;
package/styles/tailwind.scss CHANGED
@@ -1 +1,26 @@
1
- @import 'inplace-editor/tailwind.scss';
1
+ @import 'ej2-base/styles/definition/tailwind.scss';
2
+ @import 'ej2-inputs/styles/input/tailwind-definition.scss';
3
+ @import 'ej2-inputs/styles/color-picker/tailwind-definition.scss';
4
+ @import 'ej2-inputs/styles/maskedtextbox/tailwind-definition.scss';
5
+ @import 'ej2-inputs/styles/numerictextbox/tailwind-definition.scss';
6
+ @import 'ej2-inputs/styles/slider/tailwind-definition.scss';
7
+ @import 'ej2-inputs/styles/textbox/tailwind-definition.scss';
8
+ @import 'ej2-buttons/styles/button/tailwind-definition.scss';
9
+ @import 'ej2-buttons/styles/check-box/tailwind-definition.scss';
10
+ @import 'ej2-buttons/styles/radio-button/tailwind-definition.scss';
11
+ @import 'ej2-calendars/styles/calendar/tailwind-definition.scss';
12
+ @import 'ej2-calendars/styles/datepicker/tailwind-definition.scss';
13
+ @import 'ej2-calendars/styles/daterangepicker/tailwind-definition.scss';
14
+ @import 'ej2-calendars/styles/datetimepicker/tailwind-definition.scss';
15
+ @import 'ej2-calendars/styles/timepicker/tailwind-definition.scss';
16
+ @import 'ej2-dropdowns/styles/auto-complete/tailwind-definition.scss';
17
+ @import 'ej2-dropdowns/styles/combo-box/tailwind-definition.scss';
18
+ @import 'ej2-dropdowns/styles/drop-down-list/tailwind-definition.scss';
19
+ @import 'ej2-dropdowns/styles/multi-select/tailwind-definition.scss';
20
+ @import 'ej2-popups/styles/popup/tailwind-definition.scss';
21
+ @import 'ej2-popups/styles/spinner/tailwind-definition.scss';
22
+ @import 'ej2-popups/styles/tooltip/tailwind-definition.scss';
23
+ @import 'ej2-richtexteditor/styles/rich-text-editor/tailwind-definition.scss';
24
+ @import 'inplace-editor/tailwind-definition.scss';
25
+ @import 'inplace-editor/icons/tailwind.scss';
26
+ @import 'inplace-editor/all.scss';