@syncfusion/ej2-angular-inplace-editor 24.1.41-ngcc → 24.1.41

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