@syncfusion/ej2-inplace-editor 19.3.45 → 19.4.38

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 (71) 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 +6 -0
  4. package/dist/ej2-inplace-editor.umd.min.js +2 -2
  5. package/dist/ej2-inplace-editor.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-inplace-editor.es2015.js +6 -4
  7. package/dist/es6/ej2-inplace-editor.es2015.js.map +1 -1
  8. package/dist/es6/ej2-inplace-editor.es5.js +6 -4
  9. package/dist/es6/ej2-inplace-editor.es5.js.map +1 -1
  10. package/dist/global/ej2-inplace-editor.min.js +2 -2
  11. package/dist/global/ej2-inplace-editor.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/dist/ts/inplace-editor/base/classes.ts +63 -0
  14. package/dist/ts/inplace-editor/base/events.ts +18 -0
  15. package/dist/ts/inplace-editor/base/inplace-editor.ts +1750 -0
  16. package/dist/ts/inplace-editor/base/interface.ts +129 -0
  17. package/dist/ts/inplace-editor/base/models.ts +49 -0
  18. package/dist/ts/inplace-editor/base/util.ts +106 -0
  19. package/dist/ts/inplace-editor/modules/auto-complete.ts +65 -0
  20. package/dist/ts/inplace-editor/modules/base-module.ts +74 -0
  21. package/dist/ts/inplace-editor/modules/color-picker.ts +55 -0
  22. package/dist/ts/inplace-editor/modules/combo-box.ts +63 -0
  23. package/dist/ts/inplace-editor/modules/date-range-picker.ts +55 -0
  24. package/dist/ts/inplace-editor/modules/multi-select.ts +88 -0
  25. package/dist/ts/inplace-editor/modules/rte.ts +72 -0
  26. package/dist/ts/inplace-editor/modules/slider.ts +59 -0
  27. package/dist/ts/inplace-editor/modules/time-picker.ts +54 -0
  28. package/package.json +16 -16
  29. package/src/inplace-editor/base/inplace-editor.d.ts +1 -0
  30. package/src/inplace-editor/base/inplace-editor.js +6 -4
  31. package/styles/bootstrap-dark.css +5 -0
  32. package/styles/bootstrap.css +5 -0
  33. package/styles/bootstrap4.css +10 -0
  34. package/styles/bootstrap5-dark.css +10 -4
  35. package/styles/bootstrap5.css +10 -4
  36. package/styles/fabric-dark.css +5 -0
  37. package/styles/fabric.css +5 -0
  38. package/styles/highcontrast-light.css +5 -0
  39. package/styles/highcontrast.css +5 -0
  40. package/styles/inplace-editor/_bootstrap-dark-definition.scss +1 -0
  41. package/styles/inplace-editor/_bootstrap-definition.scss +1 -0
  42. package/styles/inplace-editor/_bootstrap4-definition.scss +1 -0
  43. package/styles/inplace-editor/_bootstrap5-definition.scss +1 -0
  44. package/styles/inplace-editor/_fabric-dark-definition.scss +1 -0
  45. package/styles/inplace-editor/_fabric-definition.scss +1 -0
  46. package/styles/inplace-editor/_fluent-definition.scss +69 -0
  47. package/styles/inplace-editor/_highcontrast-definition.scss +1 -0
  48. package/styles/inplace-editor/_highcontrast-light-definition.scss +1 -0
  49. package/styles/inplace-editor/_layout.scss +3 -4
  50. package/styles/inplace-editor/_material-dark-definition.scss +1 -0
  51. package/styles/inplace-editor/_material-definition.scss +1 -0
  52. package/styles/inplace-editor/_tailwind-definition.scss +1 -0
  53. package/styles/inplace-editor/_theme.scss +4 -1
  54. package/styles/inplace-editor/bootstrap-dark.css +5 -0
  55. package/styles/inplace-editor/bootstrap.css +5 -0
  56. package/styles/inplace-editor/bootstrap4.css +10 -0
  57. package/styles/inplace-editor/bootstrap5-dark.css +10 -4
  58. package/styles/inplace-editor/bootstrap5.css +10 -4
  59. package/styles/inplace-editor/fabric-dark.css +5 -0
  60. package/styles/inplace-editor/fabric.css +5 -0
  61. package/styles/inplace-editor/highcontrast-light.css +5 -0
  62. package/styles/inplace-editor/highcontrast.css +5 -0
  63. package/styles/inplace-editor/icons/_fluent.scss +19 -0
  64. package/styles/inplace-editor/material-dark.css +5 -0
  65. package/styles/inplace-editor/material.css +5 -0
  66. package/styles/inplace-editor/tailwind-dark.css +5 -4
  67. package/styles/inplace-editor/tailwind.css +5 -4
  68. package/styles/material-dark.css +5 -0
  69. package/styles/material.css +5 -0
  70. package/styles/tailwind-dark.css +5 -4
  71. package/styles/tailwind.css +5 -4
package/styles/inplace-editor/_theme.scss CHANGED
@@ -184,9 +184,12 @@
184
184
  &.e-tooltip-wrap.e-popup {
185
185
  background: $editor-tip-bg;
186
186
  box-shadow: $editor-tip-box-shadow;
187
+ @if $inplace-skin == 'FluentUI' {
188
+ border-radius: $editor-popup-tip-wrapper-bdr-radius;
189
+ }
187
190
 
188
191
  .e-tip-content {
189
- border-radius: $editor-tip-content-bdr-radius;
192
+ border-radius: $editor-popup-tip-content-bdr-radius;
190
193
  color: $editor-value-text-color;
191
194
  }
192
195
 
package/styles/inplace-editor/bootstrap-dark.css CHANGED
@@ -615,6 +615,11 @@
615
615
  transform: translateX(30%) translateY(-50%);
616
616
  }
617
617
 
618
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
619
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
620
+ padding: 0;
621
+ }
622
+
618
623
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
619
624
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
620
625
  padding: 12px;
package/styles/inplace-editor/bootstrap.css CHANGED
@@ -760,6 +760,11 @@
760
760
  transform: translateX(30%) translateY(-50%);
761
761
  }
762
762
 
763
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
764
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
765
+ padding: 0;
766
+ }
767
+
763
768
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
764
769
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
765
770
  padding: 12px;
package/styles/inplace-editor/bootstrap4.css CHANGED
@@ -85,6 +85,11 @@
85
85
  background: transparent;
86
86
  }
87
87
 
88
+ .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
89
+ .e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
90
+ background: #e9ecef;
91
+ }
92
+
88
93
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
89
94
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
90
95
  .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
@@ -996,6 +1001,11 @@
996
1001
  transform: translateX(30%) translateY(-50%);
997
1002
  }
998
1003
 
1004
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
1005
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
1006
+ padding: 0;
1007
+ }
1008
+
999
1009
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
1000
1010
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
1001
1011
  padding: 16px;
package/styles/inplace-editor/bootstrap5-dark.css CHANGED
@@ -65,6 +65,11 @@
65
65
  background: transparent;
66
66
  }
67
67
 
68
+ .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
69
+ .e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
70
+ background: #343a40;
71
+ }
72
+
68
73
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
69
74
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
70
75
  .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
@@ -632,6 +637,11 @@
632
637
  transform: translateX(30%) translateY(-50%);
633
638
  }
634
639
 
640
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
641
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
642
+ padding: 0;
643
+ }
644
+
635
645
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
636
646
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
637
647
  padding: 16px;
@@ -768,10 +778,6 @@
768
778
  border-radius: 4px;
769
779
  }
770
780
 
771
- .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content {
772
- padding: 0;
773
- }
774
-
775
781
  .e-control.e-inplaceeditor .e-editable-value-wrapper {
776
782
  min-height: 30px;
777
783
  }
package/styles/inplace-editor/bootstrap5.css CHANGED
@@ -65,6 +65,11 @@
65
65
  background: transparent;
66
66
  }
67
67
 
68
+ .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
69
+ .e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
70
+ background: #e9ecef;
71
+ }
72
+
68
73
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
69
74
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
70
75
  .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
@@ -632,6 +637,11 @@
632
637
  transform: translateX(30%) translateY(-50%);
633
638
  }
634
639
 
640
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
641
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
642
+ padding: 0;
643
+ }
644
+
635
645
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
636
646
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
637
647
  padding: 16px;
@@ -768,10 +778,6 @@
768
778
  border-radius: 4px;
769
779
  }
770
780
 
771
- .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content {
772
- padding: 0;
773
- }
774
-
775
781
  .e-control.e-inplaceeditor .e-editable-value-wrapper {
776
782
  min-height: 30px;
777
783
  }
package/styles/inplace-editor/fabric-dark.css CHANGED
@@ -569,6 +569,11 @@
569
569
  transform: translateX(30%) translateY(-50%);
570
570
  }
571
571
 
572
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
573
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
574
+ padding: 0;
575
+ }
576
+
572
577
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
573
578
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
574
579
  padding: 12px;
package/styles/inplace-editor/fabric.css CHANGED
@@ -563,6 +563,11 @@
563
563
  transform: translateX(30%) translateY(-50%);
564
564
  }
565
565
 
566
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
567
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
568
+ padding: 0;
569
+ }
570
+
566
571
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
567
572
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
568
573
  padding: 12px;
package/styles/inplace-editor/highcontrast-light.css CHANGED
@@ -677,6 +677,11 @@
677
677
  transform: translateX(30%) translateY(-50%);
678
678
  }
679
679
 
680
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
681
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
682
+ padding: 0;
683
+ }
684
+
680
685
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
681
686
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
682
687
  padding: 12px;
package/styles/inplace-editor/highcontrast.css CHANGED
@@ -680,6 +680,11 @@
680
680
  transform: translateX(30%) translateY(-50%);
681
681
  }
682
682
 
683
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
684
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
685
+ padding: 0;
686
+ }
687
+
683
688
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
684
689
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
685
690
  padding: 12px;
package/styles/inplace-editor/icons/_fluent.scss ADDED
@@ -0,0 +1,19 @@
1
+ @include export-module('inplaceeditor-fluent-icons') {
2
+
3
+ /*! inplaceeditor icons */
4
+ .e-inplaceeditor,
5
+ .e-inplaceeditor-tip {
6
+
7
+ .e-save-icon::before {
8
+ content: '\e7b9';
9
+ }
10
+
11
+ .e-cancel-icon::before {
12
+ content: '\e74f';
13
+ }
14
+
15
+ .e-editable-overlay-icon::before {
16
+ content: '\e822';
17
+ }
18
+ }
19
+ }
package/styles/inplace-editor/material-dark.css CHANGED
@@ -576,6 +576,11 @@
576
576
  transform: translateX(30%) translateY(-50%);
577
577
  }
578
578
 
579
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
580
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
581
+ padding: 0;
582
+ }
583
+
579
584
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
580
585
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
581
586
  padding: 16px;
package/styles/inplace-editor/material.css CHANGED
@@ -628,6 +628,11 @@
628
628
  transform: translateX(30%) translateY(-50%);
629
629
  }
630
630
 
631
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
632
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
633
+ padding: 0;
634
+ }
635
+
631
636
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
632
637
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
633
638
  padding: 16px;
package/styles/inplace-editor/tailwind-dark.css CHANGED
@@ -637,6 +637,11 @@
637
637
  transform: translateX(30%) translateY(-50%);
638
638
  }
639
639
 
640
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
641
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
642
+ padding: 0;
643
+ }
644
+
640
645
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
641
646
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
642
647
  padding: 16px;
@@ -773,10 +778,6 @@
773
778
  border-radius: 4px;
774
779
  }
775
780
 
776
- .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content {
777
- padding: 0;
778
- }
779
-
780
781
  .e-control.e-inplaceeditor .e-editable-value-wrapper {
781
782
  min-height: 30px;
782
783
  }
package/styles/inplace-editor/tailwind.css CHANGED
@@ -637,6 +637,11 @@
637
637
  transform: translateX(30%) translateY(-50%);
638
638
  }
639
639
 
640
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
641
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
642
+ padding: 0;
643
+ }
644
+
640
645
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
641
646
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
642
647
  padding: 16px;
@@ -773,10 +778,6 @@
773
778
  border-radius: 4px;
774
779
  }
775
780
 
776
- .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content {
777
- padding: 0;
778
- }
779
-
780
781
  .e-control.e-inplaceeditor .e-editable-value-wrapper {
781
782
  min-height: 30px;
782
783
  }
package/styles/material-dark.css CHANGED
@@ -576,6 +576,11 @@
576
576
  transform: translateX(30%) translateY(-50%);
577
577
  }
578
578
 
579
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
580
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
581
+ padding: 0;
582
+ }
583
+
579
584
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
580
585
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
581
586
  padding: 16px;
package/styles/material.css CHANGED
@@ -628,6 +628,11 @@
628
628
  transform: translateX(30%) translateY(-50%);
629
629
  }
630
630
 
631
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
632
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
633
+ padding: 0;
634
+ }
635
+
631
636
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
632
637
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
633
638
  padding: 16px;
package/styles/tailwind-dark.css CHANGED
@@ -637,6 +637,11 @@
637
637
  transform: translateX(30%) translateY(-50%);
638
638
  }
639
639
 
640
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
641
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
642
+ padding: 0;
643
+ }
644
+
640
645
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
641
646
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
642
647
  padding: 16px;
@@ -773,10 +778,6 @@
773
778
  border-radius: 4px;
774
779
  }
775
780
 
776
- .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content {
777
- padding: 0;
778
- }
779
-
780
781
  .e-control.e-inplaceeditor .e-editable-value-wrapper {
781
782
  min-height: 30px;
782
783
  }
package/styles/tailwind.css CHANGED
@@ -637,6 +637,11 @@
637
637
  transform: translateX(30%) translateY(-50%);
638
638
  }
639
639
 
640
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
641
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
642
+ padding: 0;
643
+ }
644
+
640
645
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
641
646
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
642
647
  padding: 16px;
@@ -773,10 +778,6 @@
773
778
  border-radius: 4px;
774
779
  }
775
780
 
776
- .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content {
777
- padding: 0;
778
- }
779
-
780
781
  .e-control.e-inplaceeditor .e-editable-value-wrapper {
781
782
  min-height: 30px;
782
783
  }