@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/fluent.css CHANGED
@@ -1,5 +1,6 @@
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-daterangepicker.e-popup .e-calendar .e-header .e-title {
4
5
  width: 65%;
5
6
  }
@@ -19,7 +20,8 @@
19
20
 
20
21
  .e-popup.e-ddl {
21
22
  border-radius: 4px;
22
- box-shadow: none;
23
+ -webkit-box-shadow: none;
24
+ box-shadow: none;
23
25
  margin-top: 1px;
24
26
  }
25
27
  .e-popup.e-ddl .e-input-group {
@@ -34,6 +36,7 @@
34
36
  }
35
37
 
36
38
  .e-popup.e-ddl .e-filter-parent .e-input-group {
39
+ display: -webkit-box;
37
40
  display: -ms-flexbox;
38
41
  display: flex;
39
42
  width: auto;
@@ -105,11 +108,13 @@
105
108
  .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
106
109
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
107
110
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
108
- box-shadow: none;
111
+ -webkit-box-shadow: none;
112
+ box-shadow: none;
109
113
  }
110
114
 
111
115
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
112
116
  background: none;
117
+ display: -webkit-box;
113
118
  display: -ms-flexbox;
114
119
  display: flex;
115
120
  position: relative;
@@ -181,24 +186,48 @@
181
186
 
182
187
  .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
183
188
  .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
184
- margin-top: -1.5em;
189
+ margin-top: -1.6em;
185
190
  }
186
191
 
187
192
  /* stylelint-disable-line no-empty-source */
188
193
  /* stylelint-disable property-no-vendor-prefix */
194
+ @-webkit-keyframes material-spinner-rotate {
195
+ 0% {
196
+ -webkit-transform: rotate(0);
197
+ transform: rotate(0);
198
+ }
199
+ 100% {
200
+ -webkit-transform: rotate(360deg);
201
+ transform: rotate(360deg);
202
+ }
203
+ }
189
204
  @keyframes material-spinner-rotate {
190
205
  0% {
206
+ -webkit-transform: rotate(0);
207
+ transform: rotate(0);
208
+ }
209
+ 100% {
210
+ -webkit-transform: rotate(360deg);
211
+ transform: rotate(360deg);
212
+ }
213
+ }
214
+ @-webkit-keyframes fabric-spinner-rotate {
215
+ 0% {
216
+ -webkit-transform: rotate(0);
191
217
  transform: rotate(0);
192
218
  }
193
219
  100% {
220
+ -webkit-transform: rotate(360deg);
194
221
  transform: rotate(360deg);
195
222
  }
196
223
  }
197
224
  @keyframes fabric-spinner-rotate {
198
225
  0% {
226
+ -webkit-transform: rotate(0);
199
227
  transform: rotate(0);
200
228
  }
201
229
  100% {
230
+ -webkit-transform: rotate(360deg);
202
231
  transform: rotate(360deg);
203
232
  }
204
233
  }
@@ -216,7 +245,6 @@
216
245
  content: "\e730";
217
246
  }
218
247
 
219
- /*! inplaceeditor layout */
220
248
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper,
221
249
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper {
222
250
  padding: 7px 12px 9px 12px;
@@ -337,6 +365,7 @@
337
365
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon {
338
366
  bottom: 0;
339
367
  cursor: pointer;
368
+ display: -webkit-inline-box;
340
369
  display: -ms-inline-flexbox;
341
370
  display: inline-flex;
342
371
  height: inherit;
@@ -347,8 +376,10 @@
347
376
  width: 20px;
348
377
  }
349
378
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon::before {
350
- -ms-flex-align: center;
351
- align-items: center;
379
+ -webkit-box-align: center;
380
+ -ms-flex-align: center;
381
+ align-items: center;
382
+ display: -webkit-box;
352
383
  display: -ms-flexbox;
353
384
  display: flex;
354
385
  font-size: 14px;
@@ -358,6 +389,7 @@
358
389
  }
359
390
  .e-inplaceeditor .e-editable-value-wrapper.e-editable-open {
360
391
  -webkit-user-select: none;
392
+ -moz-user-select: none;
361
393
  -ms-user-select: none;
362
394
  user-select: none;
363
395
  }
@@ -390,6 +422,7 @@
390
422
  .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon {
391
423
  bottom: 0;
392
424
  cursor: pointer;
425
+ display: -webkit-inline-box;
393
426
  display: -ms-inline-flexbox;
394
427
  display: inline-flex;
395
428
  height: inherit;
@@ -400,8 +433,10 @@
400
433
  width: 20px;
401
434
  }
402
435
  .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon::before {
403
- -ms-flex-align: center;
404
- align-items: center;
436
+ -webkit-box-align: center;
437
+ -ms-flex-align: center;
438
+ align-items: center;
439
+ display: -webkit-box;
405
440
  display: -ms-flexbox;
406
441
  display: flex;
407
442
  font-size: 14px;
@@ -411,6 +446,7 @@
411
446
  }
412
447
  .e-inplaceeditor .e-editable-value-container.e-editable-open {
413
448
  -webkit-user-select: none;
449
+ -moz-user-select: none;
414
450
  -ms-user-select: none;
415
451
  user-select: none;
416
452
  }
@@ -435,6 +471,7 @@
435
471
  }
436
472
  .e-inplaceeditor.e-overlay {
437
473
  -webkit-user-select: none;
474
+ -moz-user-select: none;
438
475
  -ms-user-select: none;
439
476
  user-select: none;
440
477
  }
@@ -500,7 +537,8 @@
500
537
  .e-inplaceeditor-tip .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner {
501
538
  left: auto;
502
539
  right: 5px;
503
- transform: translateX(-30%) translateY(-50%);
540
+ -webkit-transform: translateX(-30%) translateY(-50%);
541
+ transform: translateX(-30%) translateY(-50%);
504
542
  }
505
543
  .e-inplaceeditor .e-editable-form,
506
544
  .e-inplaceeditor-tip .e-editable-form {
@@ -528,6 +566,7 @@
528
566
  opacity: 0.5;
529
567
  pointer-events: none;
530
568
  -webkit-user-select: none;
569
+ -moz-user-select: none;
531
570
  -ms-user-select: none;
532
571
  user-select: none;
533
572
  visibility: visible;
@@ -564,7 +603,8 @@
564
603
  .e-inplaceeditor-tip.e-rtl .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner {
565
604
  left: 5px;
566
605
  right: auto;
567
- transform: translateX(30%) translateY(-50%);
606
+ -webkit-transform: translateX(30%) translateY(-50%);
607
+ transform: translateX(30%) translateY(-50%);
568
608
  }
569
609
 
570
610
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
@@ -616,19 +656,24 @@
616
656
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title {
617
657
  -ms-flex-line-pack: center;
618
658
  align-content: center;
659
+ display: -webkit-box;
619
660
  display: -ms-flexbox;
620
661
  display: flex;
621
- -ms-flex-direction: column;
622
- flex-direction: column;
662
+ -webkit-box-orient: vertical;
663
+ -webkit-box-direction: normal;
664
+ -ms-flex-direction: column;
665
+ flex-direction: column;
623
666
  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
624
667
  font-size: 16px;
625
668
  font-weight: 600;
626
669
  height: 24px;
627
- -ms-flex-pack: center;
628
- justify-content: center;
670
+ -webkit-box-pack: center;
671
+ -ms-flex-pack: center;
672
+ justify-content: center;
629
673
  padding: 6px 12px 0 12px;
630
674
  }
631
675
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
676
+ display: -webkit-box;
632
677
  display: -ms-flexbox;
633
678
  display: flex;
634
679
  padding: 18px 12px 12px 12px;
@@ -641,6 +686,7 @@
641
686
  top: auto;
642
687
  }
643
688
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-container {
689
+ display: -webkit-box;
644
690
  display: -ms-flexbox;
645
691
  display: flex;
646
692
  padding: 18px 12px 12px 12px;
@@ -682,7 +728,6 @@
682
728
  min-height: 70px;
683
729
  }
684
730
 
685
- /*! inplaceeditor theme */
686
731
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
687
732
  border-bottom: 1px dashed #201f1e;
688
733
  color: #201f1e;
@@ -743,7 +788,8 @@
743
788
  }
744
789
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup {
745
790
  background: #fff;
746
- box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18);
791
+ -webkit-box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18);
792
+ box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18);
747
793
  border-radius: 0;
748
794
  }
749
795
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-tip-content {
@@ -1 +1,26 @@
1
- @import 'inplace-editor/fluent.scss';
1
+ @import 'ej2-base/styles/definition/fluent.scss';
2
+ @import 'ej2-inputs/styles/input/fluent-definition.scss';
3
+ @import 'ej2-inputs/styles/color-picker/fluent-definition.scss';
4
+ @import 'ej2-inputs/styles/maskedtextbox/fluent-definition.scss';
5
+ @import 'ej2-inputs/styles/numerictextbox/fluent-definition.scss';
6
+ @import 'ej2-inputs/styles/slider/fluent-definition.scss';
7
+ @import 'ej2-inputs/styles/textbox/fluent-definition.scss';
8
+ @import 'ej2-buttons/styles/button/fluent-definition.scss';
9
+ @import 'ej2-buttons/styles/check-box/fluent-definition.scss';
10
+ @import 'ej2-buttons/styles/radio-button/fluent-definition.scss';
11
+ @import 'ej2-calendars/styles/calendar/fluent-definition.scss';
12
+ @import 'ej2-calendars/styles/datepicker/fluent-definition.scss';
13
+ @import 'ej2-calendars/styles/daterangepicker/fluent-definition.scss';
14
+ @import 'ej2-calendars/styles/datetimepicker/fluent-definition.scss';
15
+ @import 'ej2-calendars/styles/timepicker/fluent-definition.scss';
16
+ @import 'ej2-dropdowns/styles/auto-complete/fluent-definition.scss';
17
+ @import 'ej2-dropdowns/styles/combo-box/fluent-definition.scss';
18
+ @import 'ej2-dropdowns/styles/drop-down-list/fluent-definition.scss';
19
+ @import 'ej2-dropdowns/styles/multi-select/fluent-definition.scss';
20
+ @import 'ej2-popups/styles/popup/fluent-definition.scss';
21
+ @import 'ej2-popups/styles/spinner/fluent-definition.scss';
22
+ @import 'ej2-popups/styles/tooltip/fluent-definition.scss';
23
+ @import 'ej2-richtexteditor/styles/rich-text-editor/fluent-definition.scss';
24
+ @import 'inplace-editor/fluent-definition.scss';
25
+ @import 'inplace-editor/icons/fluent.scss';
26
+ @import 'inplace-editor/all.scss';