@ckeditor/ckeditor5-ai 42.0.1-alpha.0 → 42.0.1-alpha.2
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.
- package/build/ai.js +1 -1
- package/dist/index-editor.css +57 -0
- package/dist/index.js +2 -2
- package/package.json +4 -4
- package/src/aiassistantui.js +1 -1
package/dist/index-editor.css
CHANGED
|
@@ -35,71 +35,91 @@
|
|
|
35
35
|
--ck-ai-form-submit-button-disabled-border-color: var(--ck-color-button-action-disabled-background);
|
|
36
36
|
--ck-ai-toolbar-button-hover-color: var(--ck-color-button-on-color);
|
|
37
37
|
--ck-color-ai-selection: hsl(262.5,60%,90%);
|
|
38
|
+
|
|
38
39
|
}
|
|
39
40
|
.ck-ai-commands-dropdown > .ck-button:hover {
|
|
40
41
|
color: var(--ck-ai-toolbar-button-hover-color);
|
|
42
|
+
|
|
41
43
|
}
|
|
42
44
|
.ck span.ck-fake-ai-selection {
|
|
43
45
|
background: var(--ck-color-ai-selection);
|
|
46
|
+
|
|
44
47
|
}
|
|
45
48
|
.ck .ck-widget.ck-fake-ai-selection {
|
|
46
49
|
outline-color: var(--ck-color-ai-selection);
|
|
50
|
+
|
|
47
51
|
}
|
|
48
52
|
.ck span.ck-fake-ai-selection-candidate {
|
|
49
53
|
background: var(--ck-color-ai-selection);
|
|
54
|
+
|
|
50
55
|
}
|
|
51
56
|
.ck .ck-fake-ai-selection_collapsed {
|
|
52
57
|
height: 100%;
|
|
53
58
|
border-right: 1px solid var(--ck-color-base-text);
|
|
54
59
|
margin-right: -1px;
|
|
55
60
|
outline: solid 1px hsla(0, 0%, 100%, .5);
|
|
61
|
+
|
|
56
62
|
}
|
|
57
63
|
.ck.ck-content.ck-ai-form__content-field h2 {
|
|
58
64
|
font-size: 1.3em;
|
|
65
|
+
|
|
59
66
|
}
|
|
60
67
|
.ck.ck-content.ck-ai-form__content-field h3 {
|
|
61
68
|
font-size: 1.2em;
|
|
69
|
+
|
|
62
70
|
}
|
|
63
71
|
.ck.ck-content.ck-ai-form__content-field h4 {
|
|
64
72
|
font-size: 1.1em;
|
|
73
|
+
|
|
65
74
|
}
|
|
66
75
|
.ck.ck-content.ck-ai-form__content-field h2 {
|
|
67
76
|
margin-block-start: .5em;
|
|
68
77
|
margin-block-end: .5em;
|
|
69
78
|
line-height: 1.7em;
|
|
79
|
+
|
|
70
80
|
}
|
|
71
81
|
.ck.ck-content.ck-ai-form__content-field > :first-child {
|
|
72
82
|
margin-top: 0;
|
|
83
|
+
|
|
73
84
|
}
|
|
74
85
|
.ck.ck-content.ck-ai-form__content-field > :last-child {
|
|
75
86
|
margin-bottom: 0;
|
|
87
|
+
|
|
76
88
|
}
|
|
77
89
|
.ck.ck-ai-commands-search {
|
|
78
90
|
width: var(--ck-ai-dropdown-view-width);
|
|
91
|
+
|
|
79
92
|
}
|
|
80
93
|
.ck.ck-ai-commands-search > .ck-labeled-field-view {
|
|
81
94
|
padding: var(--ck-spacing-large);
|
|
95
|
+
|
|
82
96
|
}
|
|
83
97
|
.ck.ck-ai-commands-search > .ck-labeled-field-view .ck-input {
|
|
84
98
|
min-width: unset;
|
|
99
|
+
|
|
85
100
|
}
|
|
86
101
|
.ck.ck-ai-commands-search > .ck-search__results {
|
|
87
102
|
border-top: 1px solid var(--ck-color-base-border);
|
|
103
|
+
|
|
88
104
|
}
|
|
89
105
|
.ck.ck-ai-commands-search > .ck-search__results > .ck-list {
|
|
90
106
|
max-height: var(--ck-ai-dropdown-view-list-max-height);
|
|
91
107
|
overflow: auto;
|
|
108
|
+
|
|
92
109
|
}
|
|
93
110
|
.ck .ck-ai-form {
|
|
94
111
|
width: var(--ck-ai-form-view-width);
|
|
95
112
|
max-width: 100%;
|
|
113
|
+
|
|
96
114
|
}
|
|
97
115
|
.ck .ck-ai-form .ck-ai-form-content {
|
|
98
116
|
padding: var(--ck-spacing-large);
|
|
99
117
|
width: 100%;
|
|
118
|
+
|
|
100
119
|
}
|
|
101
120
|
.ck .ck-ai-form .ck-ai-form-content .ck-input {
|
|
102
121
|
width: 100%;
|
|
122
|
+
|
|
103
123
|
}
|
|
104
124
|
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area-wrapper {
|
|
105
125
|
width: 100%;
|
|
@@ -107,19 +127,23 @@ max-height: var(--ck-ai-form-content-height);
|
|
|
107
127
|
overflow-y: auto;
|
|
108
128
|
border: 1px solid var(--ck-color-base-border);
|
|
109
129
|
border-radius: 2px;
|
|
130
|
+
|
|
110
131
|
}
|
|
111
132
|
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area-wrapper:focus {
|
|
112
133
|
outline: none;
|
|
113
134
|
border: var(--ck-focus-ring);
|
|
114
135
|
box-shadow: var(--ck-focus-outer-shadow), 0 0;
|
|
136
|
+
|
|
115
137
|
}
|
|
116
138
|
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area {
|
|
117
139
|
display: flex;
|
|
118
140
|
background-color: var(--ck-ai-form-content-background);
|
|
141
|
+
|
|
119
142
|
}
|
|
120
143
|
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area.ck-ai-form__content-area--processing {
|
|
121
144
|
--ck-color-text: var(--ck-color-input-disabled-text);
|
|
122
145
|
background-color: var(--ck-color-input-disabled-background);
|
|
146
|
+
|
|
123
147
|
}
|
|
124
148
|
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__content-field {
|
|
125
149
|
width: 100%;
|
|
@@ -127,27 +151,34 @@ white-space: normal;
|
|
|
127
151
|
padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
|
|
128
152
|
min-height: calc( var(--ck-line-height-base) * var(--ck-font-size-base) );
|
|
129
153
|
box-sizing: content-box;
|
|
154
|
+
|
|
130
155
|
}
|
|
131
156
|
[dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__content-field {
|
|
132
157
|
padding-right: 0;
|
|
158
|
+
|
|
133
159
|
}
|
|
134
160
|
[dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__content-field {
|
|
135
161
|
padding-left: 0;
|
|
162
|
+
|
|
136
163
|
}
|
|
137
164
|
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__content-field > * {
|
|
138
165
|
white-space: normal;
|
|
139
166
|
color: inherit;
|
|
167
|
+
|
|
140
168
|
}
|
|
141
169
|
[dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-spinner-container {
|
|
142
170
|
margin-right: var(--ck-spacing-medium);
|
|
171
|
+
|
|
143
172
|
}
|
|
144
173
|
[dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-spinner-container {
|
|
145
174
|
margin-left: var(--ck-spacing-medium);
|
|
175
|
+
|
|
146
176
|
}
|
|
147
177
|
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__copy-button-wrapper {
|
|
148
178
|
display: flex;
|
|
149
179
|
flex-direction: column-reverse;
|
|
150
180
|
padding-left: 2px;
|
|
181
|
+
|
|
151
182
|
}
|
|
152
183
|
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__copy-button {
|
|
153
184
|
position: sticky;
|
|
@@ -156,55 +187,70 @@ bottom: 1px;
|
|
|
156
187
|
padding: 4px;
|
|
157
188
|
min-height: unset;
|
|
158
189
|
min-width: unset;
|
|
190
|
+
|
|
159
191
|
}
|
|
160
192
|
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__copy-button svg {
|
|
161
193
|
--ck-icon-size: 16px;
|
|
194
|
+
|
|
162
195
|
}
|
|
163
196
|
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__copy-button.ck-ai-form__copy-button--copied {
|
|
164
197
|
color: inherit;
|
|
198
|
+
|
|
165
199
|
}
|
|
166
200
|
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__toolbar {
|
|
167
201
|
border: none;
|
|
168
202
|
padding: 0;
|
|
169
203
|
margin-top: var(--ck-spacing-medium);
|
|
170
204
|
margin-bottom: calc( 2 * var(--ck-spacing-medium) );
|
|
205
|
+
|
|
171
206
|
}
|
|
172
207
|
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__loader {
|
|
173
208
|
display: flex;
|
|
174
209
|
align-items: center;
|
|
210
|
+
|
|
175
211
|
}
|
|
176
212
|
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__loader .ck-spinner {
|
|
177
213
|
box-sizing: border-box;
|
|
214
|
+
|
|
178
215
|
}
|
|
179
216
|
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete {
|
|
180
217
|
display: flex;
|
|
181
218
|
justify-content: space-between;
|
|
219
|
+
|
|
182
220
|
}
|
|
183
221
|
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view {
|
|
184
222
|
flex-grow: 1;
|
|
223
|
+
|
|
185
224
|
}
|
|
186
225
|
[dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck.ck-ai-form__submit {
|
|
187
226
|
margin-left: var(--ck-spacing-medium);
|
|
227
|
+
|
|
188
228
|
}
|
|
189
229
|
[dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck.ck-ai-form__submit {
|
|
190
230
|
margin-right: var(--ck-spacing-medium);
|
|
231
|
+
|
|
191
232
|
}
|
|
192
233
|
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck.ck-ai-form__submit {
|
|
193
234
|
border-color: var(--ck-ai-form-submit-button-border-color);
|
|
194
235
|
color: var(--ck-ai-form-submit-button-text-color);
|
|
236
|
+
|
|
195
237
|
}
|
|
196
238
|
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck.ck-ai-form__submit.ck-disabled {
|
|
197
239
|
border-color: var(--ck-ai-form-submit-button-disabled-border-color);
|
|
240
|
+
|
|
198
241
|
}
|
|
199
242
|
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view .ck-ai-form__toggle-history {
|
|
200
243
|
position: absolute;
|
|
201
244
|
font-size: var(--ck-font-size-tiny);
|
|
245
|
+
|
|
202
246
|
}
|
|
203
247
|
[dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view .ck-ai-form__toggle-history {
|
|
204
248
|
right: var(--ck-spacing-medium);
|
|
249
|
+
|
|
205
250
|
}
|
|
206
251
|
[dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view .ck-ai-form__toggle-history {
|
|
207
252
|
left: var(--ck-spacing-medium);
|
|
253
|
+
|
|
208
254
|
}
|
|
209
255
|
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view .ck-ai-form__toggle-history {
|
|
210
256
|
bottom: var(--ck-spacing-small);
|
|
@@ -212,12 +258,15 @@ top: var(--ck-spacing-small);
|
|
|
212
258
|
padding: 4px;
|
|
213
259
|
min-height: unset;
|
|
214
260
|
min-width: unset;
|
|
261
|
+
|
|
215
262
|
}
|
|
216
263
|
[dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-textarea {
|
|
217
264
|
padding-right: 30px;
|
|
265
|
+
|
|
218
266
|
}
|
|
219
267
|
[dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-textarea {
|
|
220
268
|
padding-left: 30px;
|
|
269
|
+
|
|
221
270
|
}
|
|
222
271
|
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group {
|
|
223
272
|
display: grid;
|
|
@@ -225,9 +274,11 @@ grid-template-columns: auto 1fr;
|
|
|
225
274
|
grid-template-rows: auto;
|
|
226
275
|
grid-column-gap: 0px;
|
|
227
276
|
grid-row-gap: 0px;
|
|
277
|
+
|
|
228
278
|
}
|
|
229
279
|
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > span {
|
|
230
280
|
grid-area: 1 / 1 / 2 / 2;
|
|
281
|
+
|
|
231
282
|
}
|
|
232
283
|
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > .ck-button {
|
|
233
284
|
padding: 0;
|
|
@@ -237,15 +288,19 @@ font-size: var(--ck-ai-form-history-font-size);
|
|
|
237
288
|
justify-self: start;
|
|
238
289
|
background: none;
|
|
239
290
|
margin: var(--ck-spacing-medium) 0 0;
|
|
291
|
+
|
|
240
292
|
}
|
|
241
293
|
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > .ck-button .ck-button__label {
|
|
242
294
|
line-height: inherit;
|
|
295
|
+
|
|
243
296
|
}
|
|
244
297
|
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > .ck-button .ck-button__label:hover {
|
|
245
298
|
text-decoration: underline;
|
|
299
|
+
|
|
246
300
|
}
|
|
247
301
|
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > .ck-list {
|
|
248
302
|
grid-area: 2 / 1 / 3 / 3;
|
|
303
|
+
|
|
249
304
|
}
|
|
250
305
|
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > .ck-list .ck-list__item .ck-button .ck-button__label {
|
|
251
306
|
white-space: nowrap;
|
|
@@ -254,6 +309,7 @@ max-width: 100%;
|
|
|
254
309
|
text-overflow: ellipsis;
|
|
255
310
|
font-size: var(--ck-ai-form-history-font-size);
|
|
256
311
|
line-height: var(--ck-line-height-base);
|
|
312
|
+
|
|
257
313
|
}
|
|
258
314
|
.ck .ck-ai-form .ck-ai-form__error {
|
|
259
315
|
display: flex;
|
|
@@ -264,4 +320,5 @@ background-color: var(--ck-ai-form-error-background);
|
|
|
264
320
|
color: var(--ck-color-base-text);
|
|
265
321
|
border-radius: 2px;
|
|
266
322
|
margin-bottom: var(--ck-spacing-medium);
|
|
323
|
+
|
|
267
324
|
}
|