@syncfusion/ej2-inplace-editor 19.4.52 → 20.1.47

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 (75) 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 +1 -1
  6. package/dist/global/ej2-inplace-editor.min.js +1 -1
  7. package/dist/global/index.d.ts +1 -1
  8. package/dist/ts/inplace-editor/base/classes.ts +63 -0
  9. package/dist/ts/inplace-editor/base/events.ts +18 -0
  10. package/dist/ts/inplace-editor/base/inplace-editor.ts +1750 -0
  11. package/dist/ts/inplace-editor/base/interface.ts +129 -0
  12. package/dist/ts/inplace-editor/base/models.ts +49 -0
  13. package/dist/ts/inplace-editor/base/util.ts +106 -0
  14. package/dist/ts/inplace-editor/modules/auto-complete.ts +65 -0
  15. package/dist/ts/inplace-editor/modules/base-module.ts +74 -0
  16. package/dist/ts/inplace-editor/modules/color-picker.ts +55 -0
  17. package/dist/ts/inplace-editor/modules/combo-box.ts +63 -0
  18. package/dist/ts/inplace-editor/modules/date-range-picker.ts +55 -0
  19. package/dist/ts/inplace-editor/modules/multi-select.ts +88 -0
  20. package/dist/ts/inplace-editor/modules/rte.ts +72 -0
  21. package/dist/ts/inplace-editor/modules/slider.ts +59 -0
  22. package/dist/ts/inplace-editor/modules/time-picker.ts +54 -0
  23. package/package.json +16 -16
  24. package/styles/bootstrap-dark.css +5 -0
  25. package/styles/bootstrap.css +5 -0
  26. package/styles/bootstrap4.css +5 -0
  27. package/styles/bootstrap5-dark.css +13 -6
  28. package/styles/bootstrap5.css +13 -6
  29. package/styles/fabric-dark.css +5 -0
  30. package/styles/fabric.css +5 -0
  31. package/styles/fluent-dark.css +888 -0
  32. package/styles/fluent-dark.scss +1 -0
  33. package/styles/fluent.css +888 -0
  34. package/styles/fluent.scss +1 -0
  35. package/styles/highcontrast-light.css +5 -0
  36. package/styles/highcontrast.css +5 -0
  37. package/styles/inplace-editor/_bootstrap-dark-definition.scss +1 -0
  38. package/styles/inplace-editor/_bootstrap-definition.scss +1 -0
  39. package/styles/inplace-editor/_bootstrap4-definition.scss +1 -0
  40. package/styles/inplace-editor/_bootstrap5-definition.scss +1 -0
  41. package/styles/inplace-editor/_fabric-dark-definition.scss +1 -0
  42. package/styles/inplace-editor/_fabric-definition.scss +1 -0
  43. package/styles/inplace-editor/_fluent-dark-definition.scss +1 -0
  44. package/styles/inplace-editor/_fluent-definition.scss +69 -0
  45. package/styles/inplace-editor/_highcontrast-definition.scss +1 -0
  46. package/styles/inplace-editor/_highcontrast-light-definition.scss +1 -0
  47. package/styles/inplace-editor/_layout.scss +3 -4
  48. package/styles/inplace-editor/_material-dark-definition.scss +1 -0
  49. package/styles/inplace-editor/_material-definition.scss +1 -0
  50. package/styles/inplace-editor/_tailwind-definition.scss +1 -0
  51. package/styles/inplace-editor/_theme.scss +4 -1
  52. package/styles/inplace-editor/bootstrap-dark.css +5 -0
  53. package/styles/inplace-editor/bootstrap.css +5 -0
  54. package/styles/inplace-editor/bootstrap4.css +5 -0
  55. package/styles/inplace-editor/bootstrap5-dark.css +13 -6
  56. package/styles/inplace-editor/bootstrap5.css +13 -6
  57. package/styles/inplace-editor/fabric-dark.css +5 -0
  58. package/styles/inplace-editor/fabric.css +5 -0
  59. package/styles/inplace-editor/fluent-dark.css +888 -0
  60. package/styles/inplace-editor/fluent-dark.scss +26 -0
  61. package/styles/inplace-editor/fluent.css +888 -0
  62. package/styles/inplace-editor/fluent.scss +26 -0
  63. package/styles/inplace-editor/highcontrast-light.css +5 -0
  64. package/styles/inplace-editor/highcontrast.css +5 -0
  65. package/styles/inplace-editor/icons/_fluent-dark.scss +1 -0
  66. package/styles/inplace-editor/icons/_fluent.scss +19 -0
  67. package/styles/inplace-editor/icons/_tailwind.scss +4 -4
  68. package/styles/inplace-editor/material-dark.css +5 -0
  69. package/styles/inplace-editor/material.css +5 -0
  70. package/styles/inplace-editor/tailwind-dark.css +12 -67
  71. package/styles/inplace-editor/tailwind.css +12 -67
  72. package/styles/material-dark.css +5 -0
  73. package/styles/material.css +5 -0
  74. package/styles/tailwind-dark.css +12 -67
  75. package/styles/tailwind.css +12 -67
package/styles/tailwind.css CHANGED
@@ -54,6 +54,7 @@
54
54
 
55
55
  .e-popup.e-ddl .e-dropdownbase {
56
56
  min-height: 26px;
57
+ padding: 4px 0;
57
58
  }
58
59
 
59
60
  .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
@@ -78,24 +79,6 @@
78
79
  background-color: #fff;
79
80
  }
80
81
 
81
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
82
- margin: 0;
83
- min-height: 12px;
84
- min-width: 12px;
85
- padding: 6px;
86
- }
87
-
88
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
89
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
90
- min-height: 16px;
91
- min-width: 16px;
92
- }
93
-
94
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
95
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
96
- padding: 8px 16px 8px 0;
97
- }
98
-
99
82
  .e-input-group.e-ddl,
100
83
  .e-input-group.e-ddl .e-input,
101
84
  .e-input-group.e-ddl .e-ddl-icon {
@@ -107,45 +90,6 @@
107
90
  border-bottom-width: 0;
108
91
  }
109
92
 
110
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
111
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
112
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
113
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
114
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
115
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
116
- margin: 0;
117
- }
118
-
119
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
120
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
121
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
122
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
123
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
124
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
125
- padding: 5px 5px 5px 12px;
126
- }
127
-
128
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
129
- .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
130
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
131
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
132
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
133
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
134
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
135
- min-height: 18px;
136
- min-width: 18px;
137
- }
138
-
139
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
140
- .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
141
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
142
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
143
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
144
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
145
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger.e-small .e-input-filter {
146
- padding: 8px 16px;
147
- }
148
-
149
93
  .e-ddl.e-popup.e-outline .e-filter-parent {
150
94
  padding: 4px 8px;
151
95
  }
@@ -163,7 +107,7 @@
163
107
  .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
164
108
  border-left-width: 0;
165
109
  border-radius: 4px 0 0 4px;
166
- border-right-width: 1px;
110
+ border-right-width: 0;
167
111
  }
168
112
 
169
113
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
@@ -172,8 +116,8 @@
172
116
  }
173
117
 
174
118
  .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
175
- height: 24px;
176
- width: 24px;
119
+ height: 28px;
120
+ width: 28px;
177
121
  }
178
122
 
179
123
  .e-multi-select-wrapper .e-searcher input[type='text'] {
@@ -202,17 +146,17 @@
202
146
  /*! inplaceeditor icons */
203
147
  .e-inplaceeditor .e-save-icon::before,
204
148
  .e-inplaceeditor-tip .e-save-icon::before {
205
- content: '\e75d';
149
+ content: '\e774';
206
150
  }
207
151
 
208
152
  .e-inplaceeditor .e-cancel-icon::before,
209
153
  .e-inplaceeditor-tip .e-cancel-icon::before {
210
- content: '\e771';
154
+ content: '\e7e7';
211
155
  }
212
156
 
213
157
  .e-inplaceeditor .e-editable-overlay-icon::before,
214
158
  .e-inplaceeditor-tip .e-editable-overlay-icon::before {
215
- content: '\e7d2';
159
+ content: '\e730';
216
160
  }
217
161
 
218
162
  /*! inplaceeditor layout */
@@ -637,6 +581,11 @@
637
581
  transform: translateX(30%) translateY(-50%);
638
582
  }
639
583
 
584
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
585
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
586
+ padding: 0;
587
+ }
588
+
640
589
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
641
590
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
642
591
  padding: 16px;
@@ -773,10 +722,6 @@
773
722
  border-radius: 4px;
774
723
  }
775
724
 
776
- .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content {
777
- padding: 0;
778
- }
779
-
780
725
  .e-control.e-inplaceeditor .e-editable-value-wrapper {
781
726
  min-height: 30px;
782
727
  }