@ckeditor/ckeditor5-ui 41.2.0 → 41.3.0-alpha.0

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 (98) hide show
  1. package/dist/content-index.css +4 -0
  2. package/dist/editor-index.css +451 -0
  3. package/dist/index.css +856 -0
  4. package/dist/index.css.map +1 -0
  5. package/dist/index.js +13857 -0
  6. package/dist/index.js.map +1 -0
  7. package/dist/types/arialiveannouncer.d.ts +98 -0
  8. package/dist/types/augmentation.d.ts +88 -0
  9. package/dist/types/autocomplete/autocompleteview.d.ts +81 -0
  10. package/dist/types/bindings/addkeyboardhandlingforgrid.d.ts +27 -0
  11. package/dist/types/bindings/clickoutsidehandler.d.ts +28 -0
  12. package/dist/types/bindings/csstransitiondisablermixin.d.ts +40 -0
  13. package/dist/types/bindings/draggableviewmixin.d.ts +46 -0
  14. package/dist/types/bindings/injectcsstransitiondisabler.d.ts +59 -0
  15. package/dist/types/bindings/preventdefault.d.ts +33 -0
  16. package/dist/types/bindings/submithandler.d.ts +57 -0
  17. package/dist/types/button/button.d.ts +175 -0
  18. package/dist/types/button/buttonlabel.d.ts +34 -0
  19. package/dist/types/button/buttonlabelview.d.ts +31 -0
  20. package/dist/types/button/buttonview.d.ts +181 -0
  21. package/dist/types/button/switchbuttonview.d.ts +45 -0
  22. package/dist/types/collapsible/collapsibleview.d.ts +70 -0
  23. package/dist/types/colorgrid/colorgridview.d.ts +132 -0
  24. package/dist/types/colorgrid/colortileview.d.ts +28 -0
  25. package/dist/types/colorgrid/utils.d.ts +47 -0
  26. package/dist/types/colorpicker/colorpickerview.d.ts +142 -0
  27. package/dist/types/colorpicker/utils.d.ts +48 -0
  28. package/dist/types/colorselector/colorgridsfragmentview.d.ts +195 -0
  29. package/dist/types/colorselector/colorpickerfragmentview.d.ts +129 -0
  30. package/dist/types/colorselector/colorselectorview.d.ts +242 -0
  31. package/dist/types/colorselector/documentcolorcollection.d.ts +70 -0
  32. package/dist/types/componentfactory.d.ts +81 -0
  33. package/dist/types/dialog/dialog.d.ts +273 -0
  34. package/dist/types/dialog/dialogactionsview.d.ts +69 -0
  35. package/dist/types/dialog/dialogcontentview.d.ts +27 -0
  36. package/dist/types/dialog/dialogview.d.ts +256 -0
  37. package/dist/types/dropdown/button/dropdownbutton.d.ts +25 -0
  38. package/dist/types/dropdown/button/dropdownbuttonview.d.ts +48 -0
  39. package/dist/types/dropdown/button/splitbuttonview.d.ts +162 -0
  40. package/dist/types/dropdown/dropdownpanelfocusable.d.ts +21 -0
  41. package/dist/types/dropdown/dropdownpanelview.d.ts +62 -0
  42. package/dist/types/dropdown/dropdownview.d.ts +315 -0
  43. package/dist/types/dropdown/utils.d.ts +235 -0
  44. package/dist/types/editableui/editableuiview.d.ts +72 -0
  45. package/dist/types/editableui/inline/inlineeditableuiview.d.ts +40 -0
  46. package/dist/types/editorui/accessibilityhelp/accessibilityhelp.d.ts +47 -0
  47. package/dist/types/editorui/accessibilityhelp/accessibilityhelpcontentview.d.ts +35 -0
  48. package/dist/types/editorui/bodycollection.d.ts +55 -0
  49. package/dist/types/editorui/boxed/boxededitoruiview.d.ts +40 -0
  50. package/dist/types/editorui/editorui.d.ts +288 -0
  51. package/dist/types/editorui/editoruiview.d.ts +39 -0
  52. package/dist/types/editorui/poweredby.d.ts +71 -0
  53. package/dist/types/focuscycler.d.ts +245 -0
  54. package/dist/types/formheader/formheaderview.d.ts +59 -0
  55. package/dist/types/highlightedtext/highlightedtextview.d.ts +38 -0
  56. package/dist/types/icon/iconview.d.ts +88 -0
  57. package/dist/types/iframe/iframeview.d.ts +50 -0
  58. package/dist/types/index.d.ts +74 -0
  59. package/dist/types/input/inputbase.d.ts +107 -0
  60. package/dist/types/input/inputview.d.ts +36 -0
  61. package/dist/types/inputnumber/inputnumberview.d.ts +49 -0
  62. package/dist/types/inputtext/inputtextview.d.ts +18 -0
  63. package/dist/types/label/labelview.d.ts +36 -0
  64. package/dist/types/labeledfield/labeledfieldview.d.ts +187 -0
  65. package/dist/types/labeledfield/utils.d.ts +123 -0
  66. package/dist/types/labeledinput/labeledinputview.d.ts +125 -0
  67. package/dist/types/list/listitemgroupview.d.ts +59 -0
  68. package/dist/types/list/listitemview.d.ts +36 -0
  69. package/dist/types/list/listseparatorview.d.ts +18 -0
  70. package/dist/types/list/listview.d.ts +124 -0
  71. package/dist/types/model.d.ts +22 -0
  72. package/dist/types/notification/notification.d.ts +211 -0
  73. package/dist/types/panel/balloon/balloonpanelview.d.ts +685 -0
  74. package/dist/types/panel/balloon/contextualballoon.d.ts +299 -0
  75. package/dist/types/panel/sticky/stickypanelview.d.ts +156 -0
  76. package/dist/types/search/filteredview.d.ts +31 -0
  77. package/dist/types/search/searchinfoview.d.ts +45 -0
  78. package/dist/types/search/searchresultsview.d.ts +54 -0
  79. package/dist/types/search/text/searchtextqueryview.d.ts +76 -0
  80. package/dist/types/search/text/searchtextview.d.ts +219 -0
  81. package/dist/types/spinner/spinnerview.d.ts +25 -0
  82. package/dist/types/template.d.ts +942 -0
  83. package/dist/types/textarea/textareaview.d.ts +104 -0
  84. package/dist/types/toolbar/balloon/balloontoolbar.d.ts +117 -0
  85. package/dist/types/toolbar/block/blockbuttonview.d.ts +35 -0
  86. package/dist/types/toolbar/block/blocktoolbar.d.ts +153 -0
  87. package/dist/types/toolbar/normalizetoolbarconfig.d.ts +40 -0
  88. package/dist/types/toolbar/toolbarlinebreakview.d.ts +18 -0
  89. package/dist/types/toolbar/toolbarseparatorview.d.ts +18 -0
  90. package/dist/types/toolbar/toolbarview.d.ts +267 -0
  91. package/dist/types/tooltipmanager.d.ts +184 -0
  92. package/dist/types/view.d.ts +422 -0
  93. package/dist/types/viewcollection.d.ts +139 -0
  94. package/package.json +4 -3
  95. package/src/colorpicker/colorpickerview.js +0 -1
  96. package/src/index.d.ts +2 -2
  97. package/src/index.js +2 -1
  98. package/src/toolbar/toolbarview.js +2 -3
package/dist/index.css ADDED
@@ -0,0 +1,856 @@
1
+ /**
2
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
3
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
4
+ */
5
+ /*
6
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
7
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
8
+ */
9
+
10
+ /*
11
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
12
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
13
+ */
14
+
15
+ /**
16
+ * A class which hides an element in DOM.
17
+ */
18
+
19
+ .ck-hidden {
20
+ /* Override selector specificity. Otherwise, all elements with some display
21
+ style defined will override this one, which is not a desired result. */
22
+ display: none !important;
23
+ }
24
+ /*
25
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
26
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
27
+ */
28
+ .ck.ck-reset,
29
+ .ck.ck-reset_all,
30
+ .ck-reset_all *:not(.ck-reset_all-excluded *) {
31
+ box-sizing: border-box;
32
+ width: auto;
33
+ height: auto;
34
+ position: static;
35
+ }
36
+ /*
37
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
38
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
39
+ */
40
+ :root {
41
+ --ck-z-default: 1;
42
+ --ck-z-panel: calc( var(--ck-z-default) + 999 );
43
+ --ck-z-dialog: 9999;
44
+ }
45
+ /*
46
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
47
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
48
+ */
49
+ /**
50
+ * A class that disables all transitions of the element and its children.
51
+ */
52
+ .ck-transitions-disabled,
53
+ .ck-transitions-disabled * {
54
+ transition: none !important;
55
+ }
56
+ /*
57
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
58
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
59
+ */
60
+ :root {
61
+ --ck-powered-by-line-height: 10px;
62
+ --ck-powered-by-padding-vertical: 2px;
63
+ --ck-powered-by-padding-horizontal: 4px;
64
+ --ck-powered-by-text-color: hsl(0, 0%, 31%);
65
+ --ck-powered-by-border-radius: var(--ck-border-radius);
66
+ --ck-powered-by-background: hsl(0, 0%, 100%);
67
+ --ck-powered-by-border-color: var(--ck-color-focus-border);
68
+ }
69
+ .ck.ck-balloon-panel.ck-powered-by-balloon {
70
+ --ck-border-radius: var(--ck-powered-by-border-radius);
71
+
72
+ box-shadow: none;
73
+ background: var(--ck-powered-by-background);
74
+ min-height: unset;
75
+ z-index: calc( var(--ck-z-panel) - 1 );
76
+ }
77
+ .ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by {
78
+ line-height: var(--ck-powered-by-line-height);
79
+ }
80
+ .ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by a {
81
+ cursor: pointer;
82
+ display: flex;
83
+ align-items: center;
84
+ opacity: .66;
85
+ filter: grayscale(80%);
86
+ line-height: var(--ck-powered-by-line-height);
87
+ padding: var(--ck-powered-by-padding-vertical) var(--ck-powered-by-padding-horizontal);
88
+ }
89
+ .ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-powered-by__label {
90
+ font-size: 7.5px;
91
+ letter-spacing: -.2px;
92
+ padding-left: 2px;
93
+ text-transform: uppercase;
94
+ font-weight: bold;
95
+ margin-right: 4px;
96
+ cursor: pointer;
97
+ line-height: normal;
98
+ color: var(--ck-powered-by-text-color);
99
+
100
+ }
101
+ .ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-icon {
102
+ display: block;
103
+ cursor: pointer;
104
+ }
105
+ .ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by:hover a {
106
+ filter: grayscale(0%);
107
+ opacity: 1;
108
+ }
109
+ .ck.ck-balloon-panel.ck-powered-by-balloon[class*="position_inside"] {
110
+ border-color: transparent;
111
+ }
112
+ .ck.ck-balloon-panel.ck-powered-by-balloon[class*="position_border"] {
113
+ border: var(--ck-focus-ring);
114
+ border-color: var(--ck-powered-by-border-color);
115
+ }
116
+
117
+ /*
118
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
119
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
120
+ */
121
+
122
+ /*
123
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
124
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
125
+ */
126
+
127
+ /**
128
+ * Makes element unselectable.
129
+ */
130
+ /*
131
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
132
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
133
+ */
134
+
135
+ .ck.ck-button,
136
+ a.ck.ck-button {
137
+ -moz-user-select: none;
138
+ -webkit-user-select: none;
139
+ -ms-user-select: none;
140
+ user-select: none;
141
+
142
+ position: relative;
143
+ display: inline-flex;
144
+ align-items: center;
145
+ }
146
+
147
+ [dir="ltr"] .ck.ck-button,
148
+ [dir="ltr"] a.ck.ck-button {
149
+ justify-content: left;
150
+ }
151
+
152
+ [dir="rtl"] .ck.ck-button,
153
+ [dir="rtl"] a.ck.ck-button {
154
+ justify-content: right;
155
+ }
156
+
157
+ .ck.ck-button .ck-button__label, a.ck.ck-button .ck-button__label {
158
+ display: none;
159
+ }
160
+
161
+ .ck.ck-button.ck-button_with-text .ck-button__label, a.ck.ck-button.ck-button_with-text .ck-button__label {
162
+ display: inline-block;
163
+ }
164
+
165
+ /* Center the icon horizontally in a button without text. */
166
+
167
+ .ck.ck-button:not(.ck-button_with-text), a.ck.ck-button:not(.ck-button_with-text) {
168
+ justify-content: center;
169
+ }
170
+
171
+ /*
172
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
173
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
174
+ */
175
+
176
+ .ck.ck-button.ck-switchbutton .ck-button__toggle {
177
+ display: block;
178
+ }
179
+
180
+ .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
181
+ display: block;
182
+ }
183
+
184
+ /*
185
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
186
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
187
+ */
188
+
189
+ .ck.ck-collapsible.ck-collapsible_collapsed > .ck-collapsible__children {
190
+ display: none;
191
+ }
192
+
193
+ /*
194
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
195
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
196
+ */
197
+
198
+ .ck.ck-color-grid {
199
+ display: grid;
200
+ }
201
+
202
+ /*
203
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
204
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
205
+ */
206
+
207
+ .color-picker-hex-input {
208
+ width: max-content;
209
+ }
210
+
211
+ .color-picker-hex-input .ck.ck-input {
212
+ min-width: unset;
213
+ }
214
+
215
+ .ck.ck-color-picker__row {
216
+ display: flex;
217
+ flex-direction: row;
218
+ flex-wrap: nowrap;
219
+ justify-content: space-between;
220
+ margin: var(--ck-spacing-large) 0 0;
221
+ width: unset;
222
+ }
223
+
224
+ .ck.ck-color-picker__row .ck.ck-labeled-field-view {
225
+ padding-top: unset;
226
+ }
227
+
228
+ .ck.ck-color-picker__row .ck.ck-input-text {
229
+ width: unset;
230
+ }
231
+
232
+ .ck.ck-color-picker__row .ck-color-picker__hash-view {
233
+ padding-top: var(--ck-spacing-tiny);
234
+ padding-right: var(--ck-spacing-medium);
235
+ }
236
+
237
+ /*
238
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
239
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
240
+ */
241
+
242
+ /*
243
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
244
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
245
+ */
246
+
247
+ /* View fragment with color grids. */
248
+
249
+ .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color,
250
+ .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker {
251
+ display: flex;
252
+ align-items: center;
253
+ }
254
+
255
+ [dir="rtl"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color,
256
+ [dir="rtl"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker {
257
+ justify-content: flex-start;
258
+ }
259
+
260
+ /* View fragment with a color picker. */
261
+
262
+ .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar {
263
+ display: flex;
264
+ flex-direction: row;
265
+ justify-content: space-around;
266
+ }
267
+
268
+ .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-save,
269
+ .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-cancel {
270
+ flex: 1
271
+ }
272
+
273
+ /*
274
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
275
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
276
+ */
277
+
278
+ .ck.ck-dialog .ck.ck-dialog__actions {
279
+ display: flex;
280
+ justify-content: flex-end;
281
+ }
282
+
283
+ /*
284
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
285
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
286
+ */
287
+
288
+ .ck.ck-dialog-overlay {
289
+ user-select: none;
290
+ overscroll-behavior: none;
291
+
292
+ position: fixed;
293
+ bottom: 0;
294
+ left: 0;
295
+ right: 0;
296
+ top: 0;
297
+ }
298
+
299
+ .ck.ck-dialog-overlay.ck-dialog-overlay__transparent {
300
+ pointer-events: none;
301
+ animation: none;
302
+ background: none;
303
+ }
304
+
305
+ .ck.ck-dialog {
306
+ overscroll-behavior: none;
307
+ width: fit-content;
308
+ position: absolute;
309
+ }
310
+
311
+ .ck.ck-dialog .ck.ck-form__header {
312
+ flex-shrink: 0;
313
+ }
314
+
315
+ .ck.ck-dialog .ck.ck-form__header .ck-form__header__label {
316
+ cursor: grab;
317
+ }
318
+
319
+ .ck.ck-dialog-overlay.ck-dialog-overlay__transparent .ck.ck-dialog {
320
+ pointer-events: all;
321
+ }
322
+
323
+ /*
324
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
325
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
326
+ */
327
+
328
+ :root {
329
+ --ck-dropdown-max-width: 75vw;
330
+ }
331
+
332
+ .ck.ck-dropdown {
333
+ display: inline-block;
334
+ position: relative;
335
+ }
336
+
337
+ .ck.ck-dropdown .ck-dropdown__arrow {
338
+ pointer-events: none;
339
+ z-index: var(--ck-z-default);
340
+ }
341
+
342
+ /* Dropdown button should span horizontally, e.g. in vertical toolbars */
343
+
344
+ .ck.ck-dropdown .ck-button.ck-dropdown__button {
345
+ width: 100%;
346
+ }
347
+
348
+ .ck.ck-dropdown .ck-dropdown__panel {
349
+ display: none;
350
+ z-index: var(--ck-z-panel);
351
+ max-width: var(--ck-dropdown-max-width);
352
+
353
+ position: absolute;
354
+ }
355
+
356
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel-visible {
357
+ display: inline-block;
358
+ }
359
+
360
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne,
361
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw,
362
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n,
363
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw,
364
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme {
365
+ bottom: 100%;
366
+ }
367
+
368
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se,
369
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw,
370
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw,
371
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme,
372
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s {
373
+ /*
374
+ * Using transform: translate3d( 0, 100%, 0 ) causes blurry dropdown on Chrome 67-78+ on non-retina displays.
375
+ * See https://github.com/ckeditor/ckeditor5/issues/1053.
376
+ */
377
+ top: 100%;
378
+ bottom: auto;
379
+ }
380
+
381
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne,
382
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se {
383
+ left: 0px;
384
+ }
385
+
386
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw,
387
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw {
388
+ right: 0px;
389
+ }
390
+
391
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s,
392
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n {
393
+ /* Positioning panels relative to the center of the button */
394
+ left: 50%;
395
+ transform: translateX(-50%);
396
+ }
397
+
398
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw,
399
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw {
400
+ /* Positioning panels relative to the middle-west of the button */
401
+ left: 75%;
402
+ transform: translateX(-75%);
403
+ }
404
+
405
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme,
406
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme {
407
+ /* Positioning panels relative to the middle-east of the button */
408
+ left: 25%;
409
+ transform: translateX(-25%);
410
+ }
411
+
412
+ /*
413
+ * Toolbar dropdown panels should be always above the UI (eg. other dropdown panels) from the editor's content.
414
+ * See https://github.com/ckeditor/ckeditor5/issues/7874
415
+ */
416
+ .ck.ck-toolbar .ck-dropdown__panel {
417
+ z-index: calc( var(--ck-z-panel) + 1 );
418
+ }
419
+
420
+ /*
421
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
422
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
423
+ */
424
+
425
+ .ck.ck-splitbutton {
426
+ /* Enable font size inheritance, which allows fluid UI scaling. */
427
+ font-size: inherit;
428
+ }
429
+
430
+ .ck.ck-splitbutton .ck-splitbutton__action:focus {
431
+ z-index: calc(var(--ck-z-default) + 1);
432
+ }
433
+
434
+
435
+ /*
436
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
437
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
438
+ */
439
+
440
+ :root {
441
+ --ck-toolbar-dropdown-max-width: 60vw;
442
+ }
443
+
444
+ .ck.ck-toolbar-dropdown > .ck-dropdown__panel {
445
+ /* https://github.com/ckeditor/ckeditor5/issues/5586 */
446
+ width: max-content;
447
+ max-width: var(--ck-toolbar-dropdown-max-width);
448
+ }
449
+
450
+ .ck.ck-toolbar-dropdown > .ck-dropdown__panel .ck-button:focus {
451
+ z-index: calc(var(--ck-z-default) + 1);
452
+ }
453
+
454
+ /*
455
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
456
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
457
+ */
458
+
459
+ .ck.ck-aria-live-announcer {
460
+ position: absolute;
461
+ left: -10000px;
462
+ top: -10000px;
463
+ }
464
+
465
+ /*
466
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
467
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
468
+ */
469
+
470
+ .ck.ck-form__header {
471
+ display: flex;
472
+ flex-direction: row;
473
+ flex-wrap: nowrap;
474
+ align-items: center;
475
+ justify-content: space-between;
476
+ }
477
+
478
+ .ck.ck-form__header h2.ck-form__header__label {
479
+ flex-grow: 1;
480
+ }
481
+
482
+ /*
483
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
484
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
485
+ */
486
+
487
+ .ck.ck-icon {
488
+ vertical-align: middle;
489
+ }
490
+
491
+ /*
492
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
493
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
494
+ */
495
+
496
+ .ck.ck-label {
497
+ display: block;
498
+ }
499
+
500
+ .ck.ck-voice-label {
501
+ display: none;
502
+ }
503
+
504
+ /*
505
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
506
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
507
+ */
508
+
509
+ .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper {
510
+ display: flex;
511
+ position: relative;
512
+ }
513
+
514
+ .ck.ck-labeled-field-view .ck.ck-label {
515
+ display: block;
516
+ position: absolute;
517
+ }
518
+
519
+ /*
520
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
521
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
522
+ */
523
+
524
+ /*
525
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
526
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
527
+ */
528
+
529
+ /**
530
+ * Makes element unselectable.
531
+ */
532
+
533
+ .ck.ck-list {
534
+ -moz-user-select: none;
535
+ -webkit-user-select: none;
536
+ -ms-user-select: none;
537
+ user-select: none;
538
+
539
+ display: flex;
540
+ flex-direction: column;
541
+ }
542
+
543
+ .ck.ck-list .ck-list__item,
544
+ .ck.ck-list .ck-list__separator {
545
+ display: block;
546
+ }
547
+
548
+ /* Make sure that whatever child of the list item gets focus, it remains on the
549
+ top. Thanks to that, styles like box-shadow, outline, etc. are not masked by
550
+ adjacent list items. */
551
+
552
+ .ck.ck-list .ck-list__item > *:focus {
553
+ position: relative;
554
+ z-index: var(--ck-z-default);
555
+ }
556
+
557
+ /*
558
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
559
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
560
+ */
561
+
562
+ :root {
563
+ /* Make sure the balloon arrow does not float over its children. */
564
+ --ck-balloon-panel-arrow-z-index: calc(var(--ck-z-default) - 3);
565
+ }
566
+
567
+ .ck.ck-balloon-panel {
568
+ display: none;
569
+ position: absolute;
570
+
571
+ z-index: var(--ck-z-panel);
572
+ }
573
+
574
+ .ck.ck-balloon-panel.ck-balloon-panel_with-arrow::before,
575
+ .ck.ck-balloon-panel.ck-balloon-panel_with-arrow::after {
576
+ content: "";
577
+ position: absolute;
578
+ }
579
+
580
+ .ck.ck-balloon-panel.ck-balloon-panel_with-arrow::before {
581
+ z-index: var(--ck-balloon-panel-arrow-z-index);
582
+ }
583
+
584
+ .ck.ck-balloon-panel.ck-balloon-panel_with-arrow::after {
585
+ z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
586
+ }
587
+
588
+ .ck.ck-balloon-panel[class*="arrow_n"]::before {
589
+ z-index: var(--ck-balloon-panel-arrow-z-index);
590
+ }
591
+
592
+ .ck.ck-balloon-panel[class*="arrow_n"]::after {
593
+ z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
594
+ }
595
+
596
+ .ck.ck-balloon-panel[class*="arrow_s"]::before {
597
+ z-index: var(--ck-balloon-panel-arrow-z-index);
598
+ }
599
+
600
+ .ck.ck-balloon-panel[class*="arrow_s"]::after {
601
+ z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
602
+ }
603
+
604
+ .ck.ck-balloon-panel.ck-balloon-panel_visible {
605
+ display: block;
606
+ }
607
+
608
+ /*
609
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
610
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
611
+ */
612
+
613
+ .ck .ck-balloon-rotator__navigation {
614
+ display: flex;
615
+ align-items: center;
616
+ justify-content: center;
617
+ }
618
+
619
+ /* Buttons inside a toolbar should be centered when rotator bar is wider.
620
+ * See: https://github.com/ckeditor/ckeditor5-ui/issues/495
621
+ */
622
+ .ck .ck-balloon-rotator__content .ck-toolbar {
623
+ justify-content: center;
624
+ }
625
+
626
+ /*
627
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
628
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
629
+ */
630
+
631
+ .ck .ck-fake-panel {
632
+ position: absolute;
633
+
634
+ /* Fake panels should be placed under main balloon content. */
635
+ z-index: calc(var(--ck-z-panel) - 1);
636
+ }
637
+
638
+ .ck .ck-fake-panel div {
639
+ position: absolute;
640
+ }
641
+
642
+ .ck .ck-fake-panel div:nth-child( 1 ) {
643
+ z-index: 2;
644
+ }
645
+
646
+ .ck .ck-fake-panel div:nth-child( 2 ) {
647
+ z-index: 1;
648
+ }
649
+
650
+ /*
651
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
652
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
653
+ */
654
+
655
+ .ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
656
+ z-index: var(--ck-z-panel); /* #315 */
657
+ position: fixed;
658
+ top: 0;
659
+ }
660
+
661
+ .ck.ck-sticky-panel .ck-sticky-panel__content_sticky_bottom-limit {
662
+ top: auto;
663
+ position: absolute;
664
+ }
665
+
666
+ /*
667
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
668
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
669
+ */
670
+
671
+ .ck.ck-autocomplete {
672
+ position: relative;
673
+ }
674
+
675
+ .ck.ck-autocomplete > .ck-search__results {
676
+ position: absolute;
677
+ z-index: var(--ck-z-panel);
678
+ }
679
+
680
+ .ck.ck-autocomplete > .ck-search__results.ck-search__results_n {
681
+ bottom: 100%;
682
+ }
683
+
684
+ .ck.ck-autocomplete > .ck-search__results.ck-search__results_s {
685
+ top: 100%;
686
+ bottom: auto;
687
+ }
688
+
689
+ /*
690
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
691
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
692
+ */
693
+
694
+ /*
695
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
696
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
697
+ */
698
+
699
+ .ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon {
700
+ position: absolute;
701
+ top: 50%;
702
+ transform: translateY(-50%);
703
+ }
704
+
705
+ [dir="ltr"] .ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon {
706
+ left: var(--ck-spacing-medium);
707
+ }
708
+
709
+ [dir="rtl"] .ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon {
710
+ right: var(--ck-spacing-medium);
711
+ }
712
+
713
+ .ck.ck-search > .ck-labeled-field-view .ck-search__reset {
714
+ position: absolute;
715
+ top: 50%;
716
+ transform: translateY(-50%);
717
+ }
718
+
719
+ .ck.ck-search > .ck-search__results > .ck-search__info > span:first-child {
720
+ display: block;
721
+ }
722
+
723
+ /* Hide the filtered view when nothing was found */
724
+
725
+ .ck.ck-search > .ck-search__results > .ck-search__info:not(.ck-hidden) ~ * {
726
+ display: none;
727
+ }
728
+
729
+ /*
730
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
731
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
732
+ */
733
+
734
+ .ck.ck-highlighted-text mark {
735
+ background: var(--ck-color-highlight-background);
736
+ vertical-align: initial;
737
+ font-weight: inherit;
738
+ line-height: inherit;
739
+ font-size: inherit;
740
+ }
741
+
742
+ /*
743
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
744
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
745
+ */
746
+
747
+ .ck.ck-balloon-panel.ck-tooltip {
748
+ /* Keep tooltips transparent for any interactions. */
749
+ pointer-events: none;
750
+
751
+ z-index: calc( var(--ck-z-dialog) + 100 );
752
+ }
753
+
754
+ /*
755
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
756
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
757
+ */
758
+
759
+ :root {
760
+ --ck-toolbar-spinner-size: 18px;
761
+ }
762
+
763
+ .ck.ck-spinner-container {
764
+ display: block;
765
+ position: relative;
766
+ }
767
+
768
+ .ck.ck-spinner {
769
+ position: absolute;
770
+ top: 50%;
771
+ left: 0;
772
+ right: 0;
773
+ margin: 0 auto;
774
+ transform: translateY(-50%);
775
+ z-index: 1;
776
+ }
777
+
778
+ /*
779
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
780
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
781
+ */
782
+
783
+ /*
784
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
785
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
786
+ */
787
+
788
+ /**
789
+ * Makes element unselectable.
790
+ */
791
+
792
+ .ck.ck-toolbar {
793
+ -moz-user-select: none;
794
+ -webkit-user-select: none;
795
+ -ms-user-select: none;
796
+ user-select: none;
797
+
798
+ display: flex;
799
+ flex-flow: row nowrap;
800
+ align-items: center;
801
+ }
802
+
803
+ .ck.ck-toolbar > .ck-toolbar__items {
804
+ display: flex;
805
+ flex-flow: row wrap;
806
+ align-items: center;
807
+ flex-grow: 1;
808
+
809
+ }
810
+
811
+ .ck.ck-toolbar .ck.ck-toolbar__separator {
812
+ display: inline-block;
813
+
814
+ /*
815
+ * A leading or trailing separator makes no sense (separates from nothing on one side).
816
+ * For instance, it can happen when toolbar items (also separators) are getting grouped one by one and
817
+ * moved to another toolbar in the dropdown.
818
+ */
819
+ }
820
+
821
+ .ck.ck-toolbar .ck.ck-toolbar__separator:first-child,
822
+ .ck.ck-toolbar .ck.ck-toolbar__separator:last-child {
823
+ display: none;
824
+ }
825
+
826
+ .ck.ck-toolbar .ck-toolbar__line-break {
827
+ flex-basis: 100%;
828
+ }
829
+
830
+ .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items {
831
+ flex-wrap: nowrap;
832
+ }
833
+
834
+ .ck.ck-toolbar.ck-toolbar_vertical > .ck-toolbar__items {
835
+ flex-direction: column;
836
+ }
837
+
838
+ .ck.ck-toolbar.ck-toolbar_floating > .ck-toolbar__items {
839
+ flex-wrap: nowrap;
840
+ }
841
+
842
+ .ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown > .ck-dropdown__button .ck-dropdown__arrow {
843
+ display: none;
844
+ }
845
+
846
+ /*
847
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
848
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
849
+ */
850
+
851
+ .ck.ck-block-toolbar-button {
852
+ position: absolute;
853
+ z-index: var(--ck-z-default);
854
+ }
855
+
856
+ /*# sourceMappingURL=index.css.map */