@syncfusion/ej2-inplace-editor 26.2.10 → 27.1.50

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 (131) hide show
  1. package/dist/ej2-inplace-editor.min.js +2 -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 +8 -4
  5. package/dist/es6/ej2-inplace-editor.es2015.js.map +1 -1
  6. package/dist/es6/ej2-inplace-editor.es5.js +7 -3
  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/package.json +18 -18
  12. package/src/inplace-editor/base/inplace-editor.js +7 -3
  13. package/src/inplace-editor/base/models.d.ts +1 -1
  14. package/styles/bootstrap-dark-lite.css +608 -0
  15. package/styles/bootstrap-dark-lite.scss +26 -0
  16. package/styles/bootstrap-dark.css +130 -193
  17. package/styles/bootstrap-dark.scss +1 -0
  18. package/styles/bootstrap-lite.css +743 -0
  19. package/styles/bootstrap-lite.scss +26 -0
  20. package/styles/bootstrap.css +130 -193
  21. package/styles/bootstrap.scss +1 -0
  22. package/styles/bootstrap4-lite.css +958 -0
  23. package/styles/bootstrap4-lite.scss +26 -0
  24. package/styles/bootstrap4.css +141 -259
  25. package/styles/bootstrap4.scss +1 -0
  26. package/styles/bootstrap5-dark-lite.css +676 -0
  27. package/styles/bootstrap5-dark-lite.scss +26 -0
  28. package/styles/bootstrap5-dark.css +148 -207
  29. package/styles/bootstrap5-dark.scss +1 -0
  30. package/styles/bootstrap5-lite.css +676 -0
  31. package/styles/bootstrap5-lite.scss +26 -0
  32. package/styles/bootstrap5.3-lite.css +680 -0
  33. package/styles/bootstrap5.3-lite.scss +26 -0
  34. package/styles/bootstrap5.3.css +828 -0
  35. package/styles/bootstrap5.3.scss +27 -0
  36. package/styles/bootstrap5.css +148 -207
  37. package/styles/bootstrap5.scss +1 -0
  38. package/styles/fabric-dark-lite.css +567 -0
  39. package/styles/fabric-dark-lite.scss +26 -0
  40. package/styles/fabric-dark.css +132 -187
  41. package/styles/fabric-dark.scss +1 -0
  42. package/styles/fabric-lite.css +563 -0
  43. package/styles/fabric-lite.scss +26 -0
  44. package/styles/fabric.css +132 -180
  45. package/styles/fabric.scss +1 -0
  46. package/styles/fluent-dark-lite.css +627 -0
  47. package/styles/fluent-dark-lite.scss +26 -0
  48. package/styles/fluent-dark.css +134 -194
  49. package/styles/fluent-dark.scss +1 -0
  50. package/styles/fluent-lite.css +627 -0
  51. package/styles/fluent-lite.scss +26 -0
  52. package/styles/fluent.css +134 -194
  53. package/styles/fluent.scss +1 -0
  54. package/styles/fluent2-lite.css +787 -0
  55. package/styles/fluent2-lite.scss +26 -0
  56. package/styles/fluent2.css +136 -180
  57. package/styles/fluent2.scss +1 -0
  58. package/styles/highcontrast-light-lite.css +656 -0
  59. package/styles/highcontrast-light-lite.scss +26 -0
  60. package/styles/highcontrast-light.css +131 -172
  61. package/styles/highcontrast-light.scss +1 -0
  62. package/styles/highcontrast-lite.css +664 -0
  63. package/styles/highcontrast-lite.scss +26 -0
  64. package/styles/highcontrast.css +131 -172
  65. package/styles/highcontrast.scss +1 -0
  66. package/styles/inplace-editor/_bigger.scss +189 -0
  67. package/styles/inplace-editor/_layout.scss +4 -190
  68. package/styles/inplace-editor/_theme.scss +4 -4
  69. package/styles/inplace-editor/bootstrap-dark.css +130 -193
  70. package/styles/inplace-editor/bootstrap-dark.scss +1 -0
  71. package/styles/inplace-editor/bootstrap.css +130 -193
  72. package/styles/inplace-editor/bootstrap.scss +1 -0
  73. package/styles/inplace-editor/bootstrap4.css +141 -259
  74. package/styles/inplace-editor/bootstrap4.scss +1 -0
  75. package/styles/inplace-editor/bootstrap5-dark.css +148 -207
  76. package/styles/inplace-editor/bootstrap5-dark.scss +1 -0
  77. package/styles/inplace-editor/bootstrap5.3.css +828 -0
  78. package/styles/inplace-editor/bootstrap5.3.scss +27 -0
  79. package/styles/inplace-editor/bootstrap5.css +148 -207
  80. package/styles/inplace-editor/bootstrap5.scss +1 -0
  81. package/styles/inplace-editor/fabric-dark.css +132 -187
  82. package/styles/inplace-editor/fabric-dark.scss +1 -0
  83. package/styles/inplace-editor/fabric.css +132 -180
  84. package/styles/inplace-editor/fabric.scss +1 -0
  85. package/styles/inplace-editor/fluent-dark.css +134 -194
  86. package/styles/inplace-editor/fluent-dark.scss +1 -0
  87. package/styles/inplace-editor/fluent.css +134 -194
  88. package/styles/inplace-editor/fluent.scss +1 -0
  89. package/styles/inplace-editor/fluent2.css +136 -180
  90. package/styles/inplace-editor/fluent2.scss +1 -0
  91. package/styles/inplace-editor/highcontrast-light.css +131 -172
  92. package/styles/inplace-editor/highcontrast-light.scss +1 -0
  93. package/styles/inplace-editor/highcontrast.css +131 -172
  94. package/styles/inplace-editor/highcontrast.scss +1 -0
  95. package/styles/inplace-editor/material-dark.css +135 -168
  96. package/styles/inplace-editor/material-dark.scss +1 -0
  97. package/styles/inplace-editor/material.css +141 -195
  98. package/styles/inplace-editor/material.scss +1 -0
  99. package/styles/inplace-editor/material3-dark.css +131 -193
  100. package/styles/inplace-editor/material3-dark.scss +1 -0
  101. package/styles/inplace-editor/material3.css +133 -193
  102. package/styles/inplace-editor/material3.scss +1 -0
  103. package/styles/inplace-editor/tailwind-dark.css +148 -188
  104. package/styles/inplace-editor/tailwind-dark.scss +1 -0
  105. package/styles/inplace-editor/tailwind.css +148 -188
  106. package/styles/inplace-editor/tailwind.scss +1 -0
  107. package/styles/material-dark-lite.css +615 -0
  108. package/styles/material-dark-lite.scss +26 -0
  109. package/styles/material-dark.css +135 -168
  110. package/styles/material-dark.scss +1 -0
  111. package/styles/material-lite.css +648 -0
  112. package/styles/material-lite.scss +26 -0
  113. package/styles/material.css +141 -195
  114. package/styles/material.scss +1 -0
  115. package/styles/material3-dark-lite.css +634 -0
  116. package/styles/material3-dark-lite.scss +26 -0
  117. package/styles/material3-dark.css +131 -193
  118. package/styles/material3-dark.scss +1 -0
  119. package/styles/material3-lite.css +636 -0
  120. package/styles/material3-lite.scss +26 -0
  121. package/styles/material3.css +133 -193
  122. package/styles/material3.scss +1 -0
  123. package/styles/tailwind-dark-lite.css +614 -0
  124. package/styles/tailwind-dark-lite.scss +26 -0
  125. package/styles/tailwind-dark.css +148 -188
  126. package/styles/tailwind-dark.scss +1 -0
  127. package/styles/tailwind-lite.css +614 -0
  128. package/styles/tailwind-lite.scss +26 -0
  129. package/styles/tailwind.css +148 -188
  130. package/styles/tailwind.scss +1 -0
  131. package/hotfix/26.1.35_Vol2.txt +0 -1
@@ -0,0 +1,608 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
2
+ /* stylelint-disable-line no-empty-source */
3
+ .e-popup.e-ddl {
4
+ border-radius: 4px;
5
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
6
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
7
+ margin-top: 3px;
8
+ }
9
+ .e-popup.e-ddl .e-input-group {
10
+ width: auto;
11
+ }
12
+ .e-popup.e-ddl .e-input-group input {
13
+ line-height: 15px;
14
+ }
15
+
16
+ .e-popup.e-ddl .e-dropdownbase {
17
+ min-height: 26px;
18
+ }
19
+
20
+ .e-popup.e-ddl .e-filter-parent .e-input-group {
21
+ display: -webkit-box;
22
+ display: -ms-flexbox;
23
+ display: flex;
24
+ width: auto;
25
+ }
26
+ .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
27
+ border: 0;
28
+ }
29
+
30
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
31
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
32
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
33
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
34
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
35
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
36
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
37
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
38
+ background: transparent;
39
+ color: #f0f0f0;
40
+ }
41
+
42
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
43
+ .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
44
+ .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
45
+ .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
46
+ border: 0;
47
+ }
48
+
49
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
50
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
51
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
52
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
53
+ -webkit-box-shadow: none;
54
+ box-shadow: none;
55
+ }
56
+
57
+ .e-ddl.e-popup .e-filter-parent {
58
+ border-bottom: 1px solid #484848;
59
+ }
60
+
61
+ .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
62
+ line-height: 30px;
63
+ top: 0;
64
+ }
65
+
66
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
67
+ border-radius: 0 4px 4px 0;
68
+ border-right-width: 0;
69
+ height: 34px;
70
+ width: 36px;
71
+ }
72
+
73
+ .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
74
+ border-left-width: 0;
75
+ border-radius: 4px 0 0 4px;
76
+ border-right-width: 1px;
77
+ }
78
+
79
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
80
+ height: 32px;
81
+ width: 32px;
82
+ }
83
+
84
+ .e-multi-select-wrapper .e-searcher input[type=text],
85
+ .e-multi-select-wrapper .e-multi-searcher input[type=text] {
86
+ color: #fff;
87
+ }
88
+
89
+ /* stylelint-disable property-no-vendor-prefix */
90
+ @-webkit-keyframes material-spinner-rotate {
91
+ 0% {
92
+ -webkit-transform: rotate(0);
93
+ transform: rotate(0);
94
+ }
95
+ 100% {
96
+ -webkit-transform: rotate(360deg);
97
+ transform: rotate(360deg);
98
+ }
99
+ }
100
+ @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
+ }
110
+ @-webkit-keyframes fabric-spinner-rotate {
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
+ @keyframes fabric-spinner-rotate {
121
+ 0% {
122
+ -webkit-transform: rotate(0);
123
+ transform: rotate(0);
124
+ }
125
+ 100% {
126
+ -webkit-transform: rotate(360deg);
127
+ transform: rotate(360deg);
128
+ }
129
+ }
130
+ .e-rte-toolbar .e-toolbar-popup .e-rte-backgroundcolor-dropdown.e-active,
131
+ .e-rte-toolbar .e-toolbar-popup .e-rte-fontcolor-dropdown.e-active,
132
+ .e-rte-toolbar .e-toolbar-popup .e-rte-numberformatlist-dropdown.e-active,
133
+ .e-rte-toolbar .e-toolbar-popup .e-rte-bulletformatlist-dropdown.e-active,
134
+ .e-rte-toolbar.e-extended-toolbar .e-toolbar-popup .e-rte-backgroundcolor-dropdown.e-active,
135
+ .e-rte-toolbar.e-extended-toolbar .e-toolbar-popup .e-rte-fontcolor-dropdown.e-active,
136
+ .e-rte-toolbar.e-extended-toolbar .e-toolbar-popup .e-rte-numberformatlist-dropdown.e-active,
137
+ .e-rte-toolbar.e-extended-toolbar .e-toolbar-popup .e-rte-bulletformatlist-dropdown.e-active {
138
+ border-radius: 4px;
139
+ }
140
+
141
+ /*! Bootstrap dark theme definitions and variables */
142
+ /*! Value element styles */
143
+ /*! Tooltip styles */
144
+ /*! Tip Content styles */
145
+ /*! Title styles */
146
+ /*! Wrapper styles */
147
+ /*! Component group styles */
148
+ /*! Button styles */
149
+ /*! inplaceeditor icons */
150
+ .e-inplaceeditor .e-save-icon::before,
151
+ .e-inplaceeditor-tip .e-save-icon::before {
152
+ content: "\e614";
153
+ }
154
+ .e-inplaceeditor .e-cancel-icon::before,
155
+ .e-inplaceeditor-tip .e-cancel-icon::before {
156
+ content: "\e60a";
157
+ }
158
+ .e-inplaceeditor .e-editable-overlay-icon::before,
159
+ .e-inplaceeditor-tip .e-editable-overlay-icon::before {
160
+ content: "\e338";
161
+ }
162
+
163
+ .e-inplaceeditor {
164
+ display: inline-block;
165
+ position: relative;
166
+ width: auto;
167
+ }
168
+ .e-inplaceeditor .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
169
+ display: block;
170
+ visibility: hidden;
171
+ }
172
+ .e-inplaceeditor .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
173
+ display: block;
174
+ visibility: hidden;
175
+ }
176
+ .e-inplaceeditor .e-editable-value-wrapper {
177
+ display: inline-block;
178
+ padding: 6px 10px;
179
+ position: relative;
180
+ width: auto;
181
+ word-break: break-word;
182
+ }
183
+ .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
184
+ display: inline-block;
185
+ font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
186
+ font-size: 14px;
187
+ margin: 0 30px 0 0;
188
+ }
189
+ .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon {
190
+ bottom: 0;
191
+ cursor: pointer;
192
+ display: -webkit-inline-box;
193
+ display: -ms-inline-flexbox;
194
+ display: inline-flex;
195
+ height: inherit;
196
+ position: absolute;
197
+ right: 10px;
198
+ top: 0;
199
+ visibility: hidden;
200
+ width: 18px;
201
+ }
202
+ .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon::before {
203
+ -webkit-box-align: center;
204
+ -ms-flex-align: center;
205
+ align-items: center;
206
+ display: -webkit-box;
207
+ display: -ms-flexbox;
208
+ display: flex;
209
+ font-size: 14px;
210
+ }
211
+ .e-inplaceeditor .e-editable-value-wrapper.e-hide {
212
+ display: none;
213
+ }
214
+ .e-inplaceeditor .e-editable-value-wrapper.e-editable-open {
215
+ -webkit-user-select: none;
216
+ -moz-user-select: none;
217
+ -ms-user-select: none;
218
+ user-select: none;
219
+ }
220
+ .e-inplaceeditor .e-editable-value-wrapper.e-loading {
221
+ pointer-events: none;
222
+ }
223
+ .e-inplaceeditor .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner {
224
+ left: unset;
225
+ right: 10px;
226
+ }
227
+ .e-inplaceeditor .e-editable-value-wrapper:hover .e-editable-overlay-icon {
228
+ visibility: visible;
229
+ }
230
+ .e-inplaceeditor .e-editable-value-wrapper:hover.e-editable-open .e-editable-overlay-icon {
231
+ visibility: hidden;
232
+ }
233
+ .e-inplaceeditor .e-editable-value-container {
234
+ display: inline-block;
235
+ padding: 6px 10px;
236
+ position: relative;
237
+ width: auto;
238
+ word-break: break-word;
239
+ }
240
+ .e-inplaceeditor .e-editable-value-container .e-editable-value {
241
+ display: inline-block;
242
+ font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
243
+ font-size: 14px;
244
+ margin: 0 30px 0 0;
245
+ }
246
+ .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon {
247
+ bottom: 0;
248
+ cursor: pointer;
249
+ display: -webkit-inline-box;
250
+ display: -ms-inline-flexbox;
251
+ display: inline-flex;
252
+ height: inherit;
253
+ position: absolute;
254
+ right: 10px;
255
+ top: 0;
256
+ visibility: hidden;
257
+ width: 18px;
258
+ }
259
+ .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon::before {
260
+ -webkit-box-align: center;
261
+ -ms-flex-align: center;
262
+ align-items: center;
263
+ display: -webkit-box;
264
+ display: -ms-flexbox;
265
+ display: flex;
266
+ font-size: 14px;
267
+ }
268
+ .e-inplaceeditor .e-editable-value-container.e-hide {
269
+ display: none;
270
+ }
271
+ .e-inplaceeditor .e-editable-value-container.e-editable-open {
272
+ -webkit-user-select: none;
273
+ -moz-user-select: none;
274
+ -ms-user-select: none;
275
+ user-select: none;
276
+ }
277
+ .e-inplaceeditor .e-editable-value-container.e-loading {
278
+ pointer-events: none;
279
+ }
280
+ .e-inplaceeditor .e-editable-value-container .e-spinner-pane .e-spinner-inner {
281
+ left: unset;
282
+ right: 10px;
283
+ }
284
+ .e-inplaceeditor .e-editable-value-container:hover .e-editable-overlay-icon {
285
+ visibility: visible;
286
+ }
287
+ .e-inplaceeditor .e-editable-value-container:hover.e-editable-open .e-editable-overlay-icon {
288
+ visibility: hidden;
289
+ }
290
+ .e-inplaceeditor .e-editable-action-buttons {
291
+ margin-top: 4px;
292
+ position: absolute;
293
+ right: 0;
294
+ z-index: 100;
295
+ }
296
+ .e-inplaceeditor.e-overlay {
297
+ -webkit-user-select: none;
298
+ -moz-user-select: none;
299
+ -ms-user-select: none;
300
+ user-select: none;
301
+ }
302
+ .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-editable-value {
303
+ margin: 0 0 0 30px;
304
+ }
305
+ .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-editable-overlay-icon {
306
+ left: 10px;
307
+ right: auto;
308
+ }
309
+ .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane {
310
+ right: unset;
311
+ }
312
+ .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane,
313
+ .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner {
314
+ left: 10px;
315
+ }
316
+ .e-inplaceeditor.e-rtl .e-editable-value-container .e-editable-value {
317
+ margin: 0 0 0 30px;
318
+ }
319
+ .e-inplaceeditor.e-rtl .e-editable-value-container .e-editable-overlay-icon {
320
+ left: 10px;
321
+ right: auto;
322
+ }
323
+ .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane {
324
+ right: unset;
325
+ }
326
+ .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane,
327
+ .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane .e-spinner-inner {
328
+ left: 10px;
329
+ }
330
+ .e-inplaceeditor.e-rtl .e-editable-action-buttons {
331
+ left: 0;
332
+ right: auto;
333
+ }
334
+
335
+ .e-inplaceeditor .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
336
+ .e-inplaceeditor-tip .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
337
+ stroke-width: inherit;
338
+ }
339
+ .e-inplaceeditor .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
340
+ .e-inplaceeditor-tip .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
341
+ stroke-width: inherit;
342
+ }
343
+ .e-inplaceeditor .e-editable-loading,
344
+ .e-inplaceeditor-tip .e-editable-loading {
345
+ display: none;
346
+ min-height: 100%;
347
+ position: absolute;
348
+ top: 0;
349
+ }
350
+ .e-inplaceeditor .e-editable-loading.e-show,
351
+ .e-inplaceeditor-tip .e-editable-loading.e-show {
352
+ display: block;
353
+ }
354
+ .e-inplaceeditor .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner,
355
+ .e-inplaceeditor-tip .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner {
356
+ left: auto;
357
+ right: 5px;
358
+ -webkit-transform: translateX(-30%) translateY(-50%);
359
+ transform: translateX(-30%) translateY(-50%);
360
+ }
361
+ .e-inplaceeditor .e-editable-form,
362
+ .e-inplaceeditor-tip .e-editable-form {
363
+ width: 100%;
364
+ }
365
+ .e-inplaceeditor .e-editable-form.e-loading .e-input-group-icon,
366
+ .e-inplaceeditor-tip .e-editable-form.e-loading .e-input-group-icon {
367
+ visibility: hidden;
368
+ }
369
+ .e-inplaceeditor .e-component-group,
370
+ .e-inplaceeditor-tip .e-component-group {
371
+ margin-bottom: 4px;
372
+ }
373
+ .e-inplaceeditor .e-component-group .e-editable-component,
374
+ .e-inplaceeditor-tip .e-component-group .e-editable-component {
375
+ min-width: 150px;
376
+ position: relative;
377
+ }
378
+ .e-inplaceeditor .e-control-overlay,
379
+ .e-inplaceeditor-tip .e-control-overlay {
380
+ visibility: hidden;
381
+ }
382
+ .e-inplaceeditor .e-control-overlay.e-richtexteditor,
383
+ .e-inplaceeditor-tip .e-control-overlay.e-richtexteditor {
384
+ opacity: 0.5;
385
+ pointer-events: none;
386
+ -webkit-user-select: none;
387
+ -moz-user-select: none;
388
+ -ms-user-select: none;
389
+ user-select: none;
390
+ visibility: visible;
391
+ }
392
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-save,
393
+ .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save {
394
+ margin: 0 4px 0 0;
395
+ }
396
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-save .e-btn-icon.e-icons,
397
+ .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save .e-btn-icon.e-icons {
398
+ font-size: 16px;
399
+ }
400
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel,
401
+ .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel {
402
+ margin: 0 0 0 4px;
403
+ }
404
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel .e-btn-icon.e-icons,
405
+ .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel .e-btn-icon.e-icons {
406
+ font-size: 16px;
407
+ }
408
+ .e-inplaceeditor .e-editable-action-buttons.e-hide,
409
+ .e-inplaceeditor-tip .e-editable-action-buttons.e-hide {
410
+ visibility: hidden;
411
+ }
412
+ .e-inplaceeditor.e-rtl .e-editable-action-buttons .e-btn-save,
413
+ .e-inplaceeditor-tip.e-rtl .e-editable-action-buttons .e-btn-save {
414
+ margin: 0 0 0 4px;
415
+ }
416
+ .e-inplaceeditor.e-rtl .e-editable-action-buttons .e-btn-cancel,
417
+ .e-inplaceeditor-tip.e-rtl .e-editable-action-buttons .e-btn-cancel {
418
+ margin: 0 4px 0 0;
419
+ }
420
+ .e-inplaceeditor.e-rtl .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner,
421
+ .e-inplaceeditor-tip.e-rtl .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner {
422
+ left: 5px;
423
+ right: auto;
424
+ -webkit-transform: translateX(30%) translateY(-50%);
425
+ transform: translateX(30%) translateY(-50%);
426
+ }
427
+
428
+ .e-inplaceeditor-tip {
429
+ opacity: 1;
430
+ width: auto;
431
+ }
432
+ .e-inplaceeditor-tip.e-tooltip-wrap {
433
+ max-width: 100%;
434
+ }
435
+ .e-inplaceeditor-tip.e-tooltip-wrap .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
436
+ .e-inplaceeditor-tip.e-tooltip-wrap .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
437
+ display: block;
438
+ visibility: hidden;
439
+ }
440
+ .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content {
441
+ padding: 0;
442
+ }
443
+ .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title {
444
+ -ms-flex-line-pack: center;
445
+ align-content: center;
446
+ display: -webkit-box;
447
+ display: -ms-flexbox;
448
+ display: flex;
449
+ -webkit-box-orient: vertical;
450
+ -webkit-box-direction: normal;
451
+ -ms-flex-direction: column;
452
+ flex-direction: column;
453
+ font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
454
+ font-size: 14px;
455
+ font-weight: 700;
456
+ height: 30px;
457
+ -webkit-box-pack: center;
458
+ -ms-flex-pack: center;
459
+ justify-content: center;
460
+ padding: 0 0 0 12px;
461
+ }
462
+ .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
463
+ display: -webkit-box;
464
+ display: -ms-flexbox;
465
+ display: flex;
466
+ padding: 12px;
467
+ }
468
+ .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper .e-editable-action-buttons {
469
+ float: right;
470
+ margin-top: 4px;
471
+ position: relative;
472
+ right: auto;
473
+ top: auto;
474
+ }
475
+ .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-container {
476
+ display: -webkit-box;
477
+ display: -ms-flexbox;
478
+ display: flex;
479
+ padding: 12px;
480
+ }
481
+ .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-container .e-editable-action-buttons {
482
+ float: right;
483
+ margin-top: 4px;
484
+ position: relative;
485
+ right: auto;
486
+ top: auto;
487
+ }
488
+ .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-wrapper {
489
+ padding: 10px 12px 12px 12px;
490
+ }
491
+ .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-container {
492
+ padding: 10px 12px 12px 12px;
493
+ }
494
+ .e-inplaceeditor-tip.e-hide {
495
+ visibility: hidden;
496
+ }
497
+ .e-inplaceeditor-tip.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-title {
498
+ padding: 0 12px 0 0;
499
+ }
500
+ .e-inplaceeditor-tip.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-wrapper .e-editable-action-buttons {
501
+ float: left;
502
+ }
503
+ .e-inplaceeditor-tip.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-container .e-editable-action-buttons {
504
+ float: left;
505
+ }
506
+
507
+ .e-content-placeholder.e-inplaceeditor.e-placeholder-inplaceeditor {
508
+ background-size: 150px 60px;
509
+ min-height: 60px;
510
+ }
511
+
512
+ .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
513
+ border-bottom: 1px dashed #f0f0f0;
514
+ color: #f0f0f0;
515
+ }
516
+ .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon {
517
+ color: #f0f0f0;
518
+ }
519
+ .e-inplaceeditor .e-editable-value-wrapper.e-loading .e-editable-value {
520
+ border-bottom: 0;
521
+ }
522
+ .e-inplaceeditor .e-editable-value-wrapper:hover {
523
+ background: #313131;
524
+ border-radius: 4px;
525
+ }
526
+ .e-inplaceeditor .e-editable-value-wrapper:hover .e-editable-value {
527
+ border-bottom-color: transparent;
528
+ }
529
+ .e-inplaceeditor .e-editable-value-container .e-editable-value {
530
+ border-bottom: 1px dashed #f0f0f0;
531
+ color: #f0f0f0;
532
+ }
533
+ .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon {
534
+ color: #f0f0f0;
535
+ }
536
+ .e-inplaceeditor .e-editable-value-container.e-loading .e-editable-value {
537
+ border-bottom: 0;
538
+ }
539
+ .e-inplaceeditor .e-editable-value-container:hover {
540
+ background: #313131;
541
+ border-radius: 4px;
542
+ }
543
+ .e-inplaceeditor .e-editable-value-container:hover .e-editable-value {
544
+ border-bottom-color: transparent;
545
+ }
546
+ .e-inplaceeditor[data-underline=false] .e-editable-value-wrapper .e-editable-value {
547
+ border-bottom: 0;
548
+ }
549
+ .e-inplaceeditor[data-underline=false] .e-editable-value-container .e-editable-value {
550
+ border-bottom: 0;
551
+ }
552
+ .e-inplaceeditor.e-disable {
553
+ pointer-events: none;
554
+ -ms-touch-action: none;
555
+ touch-action: none;
556
+ }
557
+ .e-inplaceeditor.e-disable .e-editable-value-wrapper .e-editable-value {
558
+ border-bottom-color: transparent;
559
+ }
560
+ .e-inplaceeditor.e-disable .e-editable-value-container .e-editable-value {
561
+ border-bottom-color: transparent;
562
+ }
563
+
564
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn,
565
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn,
566
+ .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn,
567
+ .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn {
568
+ -webkit-box-shadow: none;
569
+ box-shadow: none;
570
+ }
571
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn .e-btn-icon.e-icons,
572
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn .e-btn-icon.e-icons,
573
+ .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn .e-btn-icon.e-icons,
574
+ .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn .e-btn-icon.e-icons {
575
+ color: #f0f0f0;
576
+ }
577
+ .e-inplaceeditor-tip.e-tooltip-wrap.e-popup {
578
+ background: #2a2a2a;
579
+ -webkit-box-shadow: none;
580
+ box-shadow: none;
581
+ }
582
+ .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-tip-content {
583
+ border-radius: 4px;
584
+ color: #f0f0f0;
585
+ }
586
+ .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-arrow-tip-inner {
587
+ color: #2a2a2a;
588
+ }
589
+ .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-top {
590
+ border-bottom-color: #505050;
591
+ }
592
+ .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-bottom {
593
+ border-top-color: #505050;
594
+ }
595
+ .e-inplaceeditor-tip.e-tooltip-wrap.e-popup.e-popup {
596
+ border: 1px solid #505050;
597
+ }
598
+ .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-editable-title {
599
+ background: #414141;
600
+ border-bottom: 0;
601
+ color: #f0f0f0;
602
+ }
603
+ .e-inplaceeditor-tip.e-editable-tip-title.e-tooltip-wrap .e-arrow-tip-outer.e-tip-top {
604
+ border-bottom-color: #505050;
605
+ }
606
+ .e-inplaceeditor-tip.e-editable-tip-title.e-tooltip-wrap .e-arrow-tip-inner.e-tip-top {
607
+ color: #414141;
608
+ }
@@ -0,0 +1,26 @@
1
+ @import 'ej2-base/styles/definition/bootstrap-dark.scss';
2
+ @import 'ej2-inputs/styles/input/bootstrap-dark-definition.scss';
3
+ @import 'ej2-inputs/styles/color-picker/bootstrap-dark-definition.scss';
4
+ @import 'ej2-inputs/styles/maskedtextbox/bootstrap-dark-definition.scss';
5
+ @import 'ej2-inputs/styles/numerictextbox/bootstrap-dark-definition.scss';
6
+ @import 'ej2-inputs/styles/slider/bootstrap-dark-definition.scss';
7
+ @import 'ej2-inputs/styles/textbox/bootstrap-dark-definition.scss';
8
+ @import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';
9
+ @import 'ej2-buttons/styles/check-box/bootstrap-dark-definition.scss';
10
+ @import 'ej2-buttons/styles/radio-button/bootstrap-dark-definition.scss';
11
+ @import 'ej2-calendars/styles/calendar/bootstrap-dark-definition.scss';
12
+ @import 'ej2-calendars/styles/datepicker/bootstrap-dark-definition.scss';
13
+ @import 'ej2-calendars/styles/daterangepicker/bootstrap-dark-definition.scss';
14
+ @import 'ej2-calendars/styles/datetimepicker/bootstrap-dark-definition.scss';
15
+ @import 'ej2-calendars/styles/timepicker/bootstrap-dark-definition.scss';
16
+ @import 'ej2-dropdowns/styles/auto-complete/bootstrap-dark-definition.scss';
17
+ @import 'ej2-dropdowns/styles/combo-box/bootstrap-dark-definition.scss';
18
+ @import 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark-definition.scss';
19
+ @import 'ej2-dropdowns/styles/multi-select/bootstrap-dark-definition.scss';
20
+ @import 'ej2-popups/styles/popup/bootstrap-dark-definition.scss';
21
+ @import 'ej2-popups/styles/spinner/bootstrap-dark-definition.scss';
22
+ @import 'ej2-popups/styles/tooltip/bootstrap-dark-definition.scss';
23
+ @import 'ej2-richtexteditor/styles/rich-text-editor/bootstrap-dark-definition.scss';
24
+ @import 'inplace-editor/bootstrap-dark-definition.scss';
25
+ @import 'inplace-editor/icons/bootstrap-dark.scss';
26
+ @import 'inplace-editor/all.scss';