@ckeditor/ckeditor5-ui 41.3.0-alpha.3 → 41.3.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 (324) hide show
  1. package/ckeditor5-metadata.json +1 -1
  2. package/lang/contexts.json +12 -2
  3. package/lang/translations/af.po +210 -0
  4. package/lang/translations/ar.po +44 -4
  5. package/lang/translations/ast.po +44 -4
  6. package/lang/translations/az.po +44 -4
  7. package/lang/translations/bg.po +44 -4
  8. package/lang/translations/bn.po +44 -4
  9. package/lang/translations/bs.po +210 -0
  10. package/lang/translations/ca.po +44 -4
  11. package/lang/translations/cs.po +44 -4
  12. package/lang/translations/da.po +44 -4
  13. package/lang/translations/de-ch.po +44 -4
  14. package/lang/translations/de.po +44 -4
  15. package/lang/translations/el.po +44 -4
  16. package/lang/translations/en-au.po +44 -4
  17. package/lang/translations/en-gb.po +44 -4
  18. package/lang/translations/en.po +44 -4
  19. package/lang/translations/eo.po +44 -4
  20. package/lang/translations/es-co.po +210 -0
  21. package/lang/translations/es.po +44 -4
  22. package/lang/translations/et.po +44 -4
  23. package/lang/translations/eu.po +44 -4
  24. package/lang/translations/fa.po +44 -4
  25. package/lang/translations/fi.po +44 -4
  26. package/lang/translations/fr.po +44 -4
  27. package/lang/translations/gl.po +44 -4
  28. package/lang/translations/he.po +44 -4
  29. package/lang/translations/hi.po +44 -4
  30. package/lang/translations/hr.po +44 -4
  31. package/lang/translations/hu.po +44 -4
  32. package/lang/translations/id.po +44 -4
  33. package/lang/translations/it.po +44 -4
  34. package/lang/translations/ja.po +44 -4
  35. package/lang/translations/jv.po +210 -0
  36. package/lang/translations/km.po +44 -4
  37. package/lang/translations/kn.po +44 -4
  38. package/lang/translations/ko.po +44 -4
  39. package/lang/translations/ku.po +44 -4
  40. package/lang/translations/lt.po +44 -4
  41. package/lang/translations/lv.po +44 -4
  42. package/lang/translations/ms.po +44 -4
  43. package/lang/translations/nb.po +44 -4
  44. package/lang/translations/ne.po +44 -4
  45. package/lang/translations/nl.po +44 -4
  46. package/lang/translations/no.po +44 -4
  47. package/lang/translations/pl.po +44 -4
  48. package/lang/translations/pt-br.po +44 -4
  49. package/lang/translations/pt.po +44 -4
  50. package/lang/translations/ro.po +44 -4
  51. package/lang/translations/ru.po +44 -4
  52. package/lang/translations/sk.po +44 -4
  53. package/lang/translations/sl.po +44 -4
  54. package/lang/translations/sq.po +44 -4
  55. package/lang/translations/sr-latn.po +44 -4
  56. package/lang/translations/sr.po +44 -4
  57. package/lang/translations/sv.po +44 -4
  58. package/lang/translations/th.po +44 -4
  59. package/lang/translations/tk.po +44 -4
  60. package/lang/translations/tr.po +44 -4
  61. package/lang/translations/tt.po +44 -4
  62. package/lang/translations/ug.po +44 -4
  63. package/lang/translations/uk.po +44 -4
  64. package/lang/translations/ur.po +44 -4
  65. package/lang/translations/uz.po +44 -4
  66. package/lang/translations/vi.po +44 -4
  67. package/lang/translations/zh-cn.po +44 -4
  68. package/lang/translations/zh.po +44 -4
  69. package/package.json +3 -4
  70. package/src/button/button.d.ts +6 -0
  71. package/src/button/buttonview.d.ts +4 -0
  72. package/src/button/buttonview.js +1 -0
  73. package/src/button/filedialogbuttonview.d.ts +80 -0
  74. package/src/button/filedialogbuttonview.js +103 -0
  75. package/src/dropdown/utils.js +1 -5
  76. package/src/editorui/accessibilityhelp/accessibilityhelp.d.ts +4 -0
  77. package/src/editorui/accessibilityhelp/accessibilityhelp.js +25 -9
  78. package/src/index.d.ts +12 -3
  79. package/src/index.js +10 -2
  80. package/src/menubar/menubarmenubuttonview.d.ts +35 -0
  81. package/src/menubar/menubarmenubuttonview.js +64 -0
  82. package/src/menubar/menubarmenulistitembuttonview.d.ts +21 -0
  83. package/src/menubar/menubarmenulistitembuttonview.js +30 -0
  84. package/src/menubar/menubarmenulistitemfiledialogbuttonview.d.ts +23 -0
  85. package/src/menubar/menubarmenulistitemfiledialogbuttonview.js +32 -0
  86. package/src/menubar/menubarmenulistitemview.d.ts +25 -0
  87. package/src/menubar/menubarmenulistitemview.js +34 -0
  88. package/src/menubar/menubarmenulistview.d.ts +24 -0
  89. package/src/menubar/menubarmenulistview.js +23 -0
  90. package/src/menubar/menubarmenupanelview.d.ts +53 -0
  91. package/src/menubar/menubarmenupanelview.js +60 -0
  92. package/src/menubar/menubarmenuview.d.ts +109 -0
  93. package/src/menubar/menubarmenuview.js +159 -0
  94. package/src/menubar/menubarview.d.ts +164 -0
  95. package/src/menubar/menubarview.js +254 -0
  96. package/src/menubar/utils.d.ts +432 -0
  97. package/src/menubar/utils.js +1320 -0
  98. package/src/toolbar/toolbarview.js +5 -3
  99. package/src/tooltipmanager.d.ts +11 -0
  100. package/src/tooltipmanager.js +37 -6
  101. package/theme/components/menubar/menubar.css +10 -0
  102. package/theme/components/menubar/menubarmenu.css +9 -0
  103. package/theme/components/menubar/menubarmenubutton.css +11 -0
  104. package/theme/components/menubar/menubarmenulistitem.css +10 -0
  105. package/theme/components/menubar/menubarmenulistitembutton.css +10 -0
  106. package/theme/components/menubar/menubarmenupanel.css +62 -0
  107. package/theme/components/tooltip/tooltip.css +0 -3
  108. package/theme/globals/_reset.css +13 -0
  109. package/theme/globals/globals.css +1 -0
  110. package/dist/content-index.css +0 -4
  111. package/dist/editor-index.css +0 -445
  112. package/dist/index.css +0 -844
  113. package/dist/index.css.map +0 -1
  114. package/dist/translations/ar.d.ts +0 -8
  115. package/dist/translations/ar.js +0 -5
  116. package/dist/translations/ast.d.ts +0 -8
  117. package/dist/translations/ast.js +0 -5
  118. package/dist/translations/az.d.ts +0 -8
  119. package/dist/translations/az.js +0 -5
  120. package/dist/translations/bg.d.ts +0 -8
  121. package/dist/translations/bg.js +0 -5
  122. package/dist/translations/bn.d.ts +0 -8
  123. package/dist/translations/bn.js +0 -5
  124. package/dist/translations/ca.d.ts +0 -8
  125. package/dist/translations/ca.js +0 -5
  126. package/dist/translations/cs.d.ts +0 -8
  127. package/dist/translations/cs.js +0 -5
  128. package/dist/translations/da.d.ts +0 -8
  129. package/dist/translations/da.js +0 -5
  130. package/dist/translations/de-ch.d.ts +0 -8
  131. package/dist/translations/de-ch.js +0 -5
  132. package/dist/translations/de.d.ts +0 -8
  133. package/dist/translations/de.js +0 -5
  134. package/dist/translations/el.d.ts +0 -8
  135. package/dist/translations/el.js +0 -5
  136. package/dist/translations/en-au.d.ts +0 -8
  137. package/dist/translations/en-au.js +0 -5
  138. package/dist/translations/en-gb.d.ts +0 -8
  139. package/dist/translations/en-gb.js +0 -5
  140. package/dist/translations/en.d.ts +0 -8
  141. package/dist/translations/en.js +0 -5
  142. package/dist/translations/eo.d.ts +0 -8
  143. package/dist/translations/eo.js +0 -5
  144. package/dist/translations/es.d.ts +0 -8
  145. package/dist/translations/es.js +0 -5
  146. package/dist/translations/et.d.ts +0 -8
  147. package/dist/translations/et.js +0 -5
  148. package/dist/translations/eu.d.ts +0 -8
  149. package/dist/translations/eu.js +0 -5
  150. package/dist/translations/fa.d.ts +0 -8
  151. package/dist/translations/fa.js +0 -5
  152. package/dist/translations/fi.d.ts +0 -8
  153. package/dist/translations/fi.js +0 -5
  154. package/dist/translations/fr.d.ts +0 -8
  155. package/dist/translations/fr.js +0 -5
  156. package/dist/translations/gl.d.ts +0 -8
  157. package/dist/translations/gl.js +0 -5
  158. package/dist/translations/he.d.ts +0 -8
  159. package/dist/translations/he.js +0 -5
  160. package/dist/translations/hi.d.ts +0 -8
  161. package/dist/translations/hi.js +0 -5
  162. package/dist/translations/hr.d.ts +0 -8
  163. package/dist/translations/hr.js +0 -5
  164. package/dist/translations/hu.d.ts +0 -8
  165. package/dist/translations/hu.js +0 -5
  166. package/dist/translations/id.d.ts +0 -8
  167. package/dist/translations/id.js +0 -5
  168. package/dist/translations/it.d.ts +0 -8
  169. package/dist/translations/it.js +0 -5
  170. package/dist/translations/ja.d.ts +0 -8
  171. package/dist/translations/ja.js +0 -5
  172. package/dist/translations/km.d.ts +0 -8
  173. package/dist/translations/km.js +0 -5
  174. package/dist/translations/kn.d.ts +0 -8
  175. package/dist/translations/kn.js +0 -5
  176. package/dist/translations/ko.d.ts +0 -8
  177. package/dist/translations/ko.js +0 -5
  178. package/dist/translations/ku.d.ts +0 -8
  179. package/dist/translations/ku.js +0 -5
  180. package/dist/translations/lt.d.ts +0 -8
  181. package/dist/translations/lt.js +0 -5
  182. package/dist/translations/lv.d.ts +0 -8
  183. package/dist/translations/lv.js +0 -5
  184. package/dist/translations/ms.d.ts +0 -8
  185. package/dist/translations/ms.js +0 -5
  186. package/dist/translations/nb.d.ts +0 -8
  187. package/dist/translations/nb.js +0 -5
  188. package/dist/translations/ne.d.ts +0 -8
  189. package/dist/translations/ne.js +0 -5
  190. package/dist/translations/nl.d.ts +0 -8
  191. package/dist/translations/nl.js +0 -5
  192. package/dist/translations/no.d.ts +0 -8
  193. package/dist/translations/no.js +0 -5
  194. package/dist/translations/pl.d.ts +0 -8
  195. package/dist/translations/pl.js +0 -5
  196. package/dist/translations/pt-br.d.ts +0 -8
  197. package/dist/translations/pt-br.js +0 -5
  198. package/dist/translations/pt.d.ts +0 -8
  199. package/dist/translations/pt.js +0 -5
  200. package/dist/translations/ro.d.ts +0 -8
  201. package/dist/translations/ro.js +0 -5
  202. package/dist/translations/ru.d.ts +0 -8
  203. package/dist/translations/ru.js +0 -5
  204. package/dist/translations/sk.d.ts +0 -8
  205. package/dist/translations/sk.js +0 -5
  206. package/dist/translations/sl.d.ts +0 -8
  207. package/dist/translations/sl.js +0 -5
  208. package/dist/translations/sq.d.ts +0 -8
  209. package/dist/translations/sq.js +0 -5
  210. package/dist/translations/sr-latn.d.ts +0 -8
  211. package/dist/translations/sr-latn.js +0 -5
  212. package/dist/translations/sr.d.ts +0 -8
  213. package/dist/translations/sr.js +0 -5
  214. package/dist/translations/sv.d.ts +0 -8
  215. package/dist/translations/sv.js +0 -5
  216. package/dist/translations/th.d.ts +0 -8
  217. package/dist/translations/th.js +0 -5
  218. package/dist/translations/tk.d.ts +0 -8
  219. package/dist/translations/tk.js +0 -5
  220. package/dist/translations/tr.d.ts +0 -8
  221. package/dist/translations/tr.js +0 -5
  222. package/dist/translations/tt.d.ts +0 -8
  223. package/dist/translations/tt.js +0 -5
  224. package/dist/translations/ug.d.ts +0 -8
  225. package/dist/translations/ug.js +0 -5
  226. package/dist/translations/uk.d.ts +0 -8
  227. package/dist/translations/uk.js +0 -5
  228. package/dist/translations/ur.d.ts +0 -8
  229. package/dist/translations/ur.js +0 -5
  230. package/dist/translations/uz.d.ts +0 -8
  231. package/dist/translations/uz.js +0 -5
  232. package/dist/translations/vi.d.ts +0 -8
  233. package/dist/translations/vi.js +0 -5
  234. package/dist/translations/zh-cn.d.ts +0 -8
  235. package/dist/translations/zh-cn.js +0 -5
  236. package/dist/translations/zh.d.ts +0 -8
  237. package/dist/translations/zh.js +0 -5
  238. package/dist/types/arialiveannouncer.d.ts +0 -102
  239. package/dist/types/augmentation.d.ts +0 -92
  240. package/dist/types/autocomplete/autocompleteview.d.ts +0 -85
  241. package/dist/types/bindings/addkeyboardhandlingforgrid.d.ts +0 -31
  242. package/dist/types/bindings/clickoutsidehandler.d.ts +0 -32
  243. package/dist/types/bindings/csstransitiondisablermixin.d.ts +0 -44
  244. package/dist/types/bindings/draggableviewmixin.d.ts +0 -50
  245. package/dist/types/bindings/injectcsstransitiondisabler.d.ts +0 -63
  246. package/dist/types/bindings/preventdefault.d.ts +0 -37
  247. package/dist/types/bindings/submithandler.d.ts +0 -61
  248. package/dist/types/button/button.d.ts +0 -179
  249. package/dist/types/button/buttonlabel.d.ts +0 -38
  250. package/dist/types/button/buttonlabelview.d.ts +0 -35
  251. package/dist/types/button/buttonview.d.ts +0 -185
  252. package/dist/types/button/switchbuttonview.d.ts +0 -49
  253. package/dist/types/collapsible/collapsibleview.d.ts +0 -74
  254. package/dist/types/colorgrid/colorgridview.d.ts +0 -136
  255. package/dist/types/colorgrid/colortileview.d.ts +0 -32
  256. package/dist/types/colorgrid/utils.d.ts +0 -51
  257. package/dist/types/colorpicker/colorpickerview.d.ts +0 -146
  258. package/dist/types/colorpicker/utils.d.ts +0 -52
  259. package/dist/types/colorselector/colorgridsfragmentview.d.ts +0 -199
  260. package/dist/types/colorselector/colorpickerfragmentview.d.ts +0 -133
  261. package/dist/types/colorselector/colorselectorview.d.ts +0 -246
  262. package/dist/types/colorselector/documentcolorcollection.d.ts +0 -74
  263. package/dist/types/componentfactory.d.ts +0 -85
  264. package/dist/types/dialog/dialog.d.ts +0 -277
  265. package/dist/types/dialog/dialogactionsview.d.ts +0 -73
  266. package/dist/types/dialog/dialogcontentview.d.ts +0 -31
  267. package/dist/types/dialog/dialogview.d.ts +0 -260
  268. package/dist/types/dropdown/button/dropdownbutton.d.ts +0 -29
  269. package/dist/types/dropdown/button/dropdownbuttonview.d.ts +0 -52
  270. package/dist/types/dropdown/button/splitbuttonview.d.ts +0 -166
  271. package/dist/types/dropdown/dropdownpanelfocusable.d.ts +0 -25
  272. package/dist/types/dropdown/dropdownpanelview.d.ts +0 -66
  273. package/dist/types/dropdown/dropdownview.d.ts +0 -319
  274. package/dist/types/dropdown/utils.d.ts +0 -239
  275. package/dist/types/editableui/editableuiview.d.ts +0 -76
  276. package/dist/types/editableui/inline/inlineeditableuiview.d.ts +0 -44
  277. package/dist/types/editorui/accessibilityhelp/accessibilityhelp.d.ts +0 -51
  278. package/dist/types/editorui/accessibilityhelp/accessibilityhelpcontentview.d.ts +0 -39
  279. package/dist/types/editorui/bodycollection.d.ts +0 -59
  280. package/dist/types/editorui/boxed/boxededitoruiview.d.ts +0 -44
  281. package/dist/types/editorui/editorui.d.ts +0 -292
  282. package/dist/types/editorui/editoruiview.d.ts +0 -43
  283. package/dist/types/editorui/poweredby.d.ts +0 -75
  284. package/dist/types/focuscycler.d.ts +0 -249
  285. package/dist/types/formheader/formheaderview.d.ts +0 -63
  286. package/dist/types/highlightedtext/highlightedtextview.d.ts +0 -42
  287. package/dist/types/icon/iconview.d.ts +0 -92
  288. package/dist/types/iframe/iframeview.d.ts +0 -54
  289. package/dist/types/index.d.ts +0 -78
  290. package/dist/types/input/inputbase.d.ts +0 -123
  291. package/dist/types/input/inputview.d.ts +0 -40
  292. package/dist/types/inputnumber/inputnumberview.d.ts +0 -53
  293. package/dist/types/inputtext/inputtextview.d.ts +0 -22
  294. package/dist/types/label/labelview.d.ts +0 -40
  295. package/dist/types/labeledfield/labeledfieldview.d.ts +0 -191
  296. package/dist/types/labeledfield/utils.d.ts +0 -127
  297. package/dist/types/labeledinput/labeledinputview.d.ts +0 -129
  298. package/dist/types/list/listitemgroupview.d.ts +0 -63
  299. package/dist/types/list/listitemview.d.ts +0 -40
  300. package/dist/types/list/listseparatorview.d.ts +0 -22
  301. package/dist/types/list/listview.d.ts +0 -128
  302. package/dist/types/model.d.ts +0 -26
  303. package/dist/types/notification/notification.d.ts +0 -215
  304. package/dist/types/panel/balloon/balloonpanelview.d.ts +0 -689
  305. package/dist/types/panel/balloon/contextualballoon.d.ts +0 -303
  306. package/dist/types/panel/sticky/stickypanelview.d.ts +0 -160
  307. package/dist/types/search/filteredview.d.ts +0 -35
  308. package/dist/types/search/searchinfoview.d.ts +0 -49
  309. package/dist/types/search/searchresultsview.d.ts +0 -58
  310. package/dist/types/search/text/searchtextqueryview.d.ts +0 -80
  311. package/dist/types/search/text/searchtextview.d.ts +0 -223
  312. package/dist/types/spinner/spinnerview.d.ts +0 -29
  313. package/dist/types/template.d.ts +0 -946
  314. package/dist/types/textarea/textareaview.d.ts +0 -108
  315. package/dist/types/toolbar/balloon/balloontoolbar.d.ts +0 -121
  316. package/dist/types/toolbar/block/blockbuttonview.d.ts +0 -39
  317. package/dist/types/toolbar/block/blocktoolbar.d.ts +0 -157
  318. package/dist/types/toolbar/normalizetoolbarconfig.d.ts +0 -44
  319. package/dist/types/toolbar/toolbarlinebreakview.d.ts +0 -22
  320. package/dist/types/toolbar/toolbarseparatorview.d.ts +0 -22
  321. package/dist/types/toolbar/toolbarview.d.ts +0 -271
  322. package/dist/types/tooltipmanager.d.ts +0 -188
  323. package/dist/types/view.d.ts +0 -426
  324. package/dist/types/viewcollection.d.ts +0 -143
@@ -1,108 +0,0 @@
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
- * @license 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
- * @module ui/textarea/textareaview
11
- */
12
- import { type Locale } from '@ckeditor/ckeditor5-utils';
13
- import InputBase from '../input/inputbase.js';
14
- import '../../theme/components/input/input.css';
15
- import '../../theme/components/textarea/textarea.css';
16
- /**
17
- * The textarea view class.
18
- *
19
- * ```ts
20
- * const textareaView = new TextareaView();
21
- *
22
- * textareaView.minRows = 2;
23
- * textareaView.maxRows = 10;
24
- *
25
- * textareaView.render();
26
- *
27
- * document.body.append( textareaView.element );
28
- * ```
29
- */
30
- export default class TextareaView extends InputBase<HTMLTextAreaElement> {
31
- /**
32
- * Specifies the visible height of a text area, in lines.
33
- *
34
- * @observable
35
- * @default 2
36
- */
37
- minRows: number;
38
- /**
39
- * Specifies the maximum number of rows.
40
- *
41
- * @observable
42
- * @default 5
43
- */
44
- maxRows: number;
45
- /**
46
- * Specifies the value of HTML attribute that indicates whether the user can resize the element.
47
- *
48
- * @observable
49
- * @default 'none'
50
- */
51
- resize: 'both' | 'horizontal' | 'vertical' | 'none';
52
- /**
53
- * An internal property that stores the current height of the textarea. Used for the DOM binding.
54
- *
55
- * @observable
56
- * @default null
57
- * @internal
58
- */
59
- _height: number | null;
60
- /**
61
- * An instance of the resize observer used to detect when the view is visible or not and update
62
- * its height if any changes that affect it were made while it was invisible.
63
- *
64
- * **Note:** Created in {@link #render}.
65
- */
66
- private _resizeObserver;
67
- /**
68
- * A flag that indicates whether the {@link #_updateAutoGrowHeight} method should be called when the view becomes
69
- * visible again. See {@link #_resizeObserver}.
70
- */
71
- private _isUpdateAutoGrowHeightPending;
72
- /**
73
- * @inheritDoc
74
- */
75
- constructor(locale?: Locale);
76
- /**
77
- * @inheritDoc
78
- */
79
- render(): void;
80
- /**
81
- * @inheritDoc
82
- */
83
- destroy(): void;
84
- /**
85
- * @inheritDoc
86
- */
87
- reset(): void;
88
- /**
89
- * Updates the {@link #_height} of the view depending on {@link #minRows}, {@link #maxRows}, and the current content size.
90
- *
91
- * **Note**: This method overrides manual resize done by the user using a handle. It's a known bug.
92
- */
93
- private _updateAutoGrowHeight;
94
- /**
95
- * Validates the {@link #minRows} and {@link #maxRows} properties and warns in the console if the configuration is incorrect.
96
- */
97
- private _validateMinMaxRows;
98
- }
99
- /**
100
- * Fired every time the layout of the {@link module:ui/textarea/textareaview~TextareaView} possibly changed as a result
101
- * of the user input or the value change via {@link module:ui/textarea/textareaview~TextareaView#value}.
102
- *
103
- * @eventName ~TextareaView#update
104
- */
105
- export type TextareaViewUpdateEvent = {
106
- name: 'update';
107
- args: [];
108
- };
@@ -1,121 +0,0 @@
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
- * @license 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
- * @module ui/toolbar/balloon/balloontoolbar
11
- */
12
- import ContextualBalloon from '../../panel/balloon/contextualballoon.js';
13
- import ToolbarView from '../toolbarview.js';
14
- import { Plugin, type Editor } from '@ckeditor/ckeditor5-core';
15
- import { FocusTracker } from '@ckeditor/ckeditor5-utils';
16
- /**
17
- * The contextual toolbar.
18
- *
19
- * It uses the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon contextual balloon plugin}.
20
- */
21
- export default class BalloonToolbar extends Plugin {
22
- /**
23
- * The toolbar view displayed in the balloon.
24
- */
25
- readonly toolbarView: ToolbarView;
26
- /**
27
- * Tracks the focus of the {@link module:ui/editorui/editorui~EditorUI#getEditableElement editable element}
28
- * and the {@link #toolbarView}. When both are blurred then the toolbar should hide.
29
- */
30
- readonly focusTracker: FocusTracker;
31
- /**
32
- * A cached and normalized `config.balloonToolbar` object.
33
- */
34
- private _balloonConfig;
35
- /**
36
- * An instance of the resize observer that allows to respond to changes in editable's geometry
37
- * so the toolbar can stay within its boundaries (and group toolbar items that do not fit).
38
- *
39
- * **Note**: Used only when `shouldNotGroupWhenFull` was **not** set in the
40
- * {@link module:core/editor/editorconfig~EditorConfig#balloonToolbar configuration}.
41
- *
42
- * **Note:** Created in {@link #init}.
43
- */
44
- private _resizeObserver;
45
- /**
46
- * The contextual balloon plugin instance.
47
- */
48
- private readonly _balloon;
49
- /**
50
- * Fires `_selectionChangeDebounced` event using `lodash#debounce`.
51
- *
52
- * This event is an internal plugin event which is fired 200 ms after model selection last change.
53
- * This is to makes easy test debounced action without need to use `setTimeout`.
54
- *
55
- * This function is stored as a plugin property to make possible to cancel
56
- * trailing debounced invocation on destroy.
57
- */
58
- private readonly _fireSelectionChangeDebounced;
59
- /**
60
- * @inheritDoc
61
- */
62
- static get pluginName(): "BalloonToolbar";
63
- /**
64
- * @inheritDoc
65
- */
66
- static get requires(): readonly [typeof ContextualBalloon];
67
- /**
68
- * @inheritDoc
69
- */
70
- constructor(editor: Editor);
71
- /**
72
- * @inheritDoc
73
- */
74
- init(): void;
75
- /**
76
- * Creates the toolbar view instance.
77
- */
78
- private _createToolbarView;
79
- /**
80
- * Shows the toolbar and attaches it to the selection.
81
- *
82
- * Fires {@link #event:show} event which can be stopped to prevent the toolbar from showing up.
83
- *
84
- * @param showForCollapsedSelection When set `true`, the toolbar will show despite collapsed selection in the
85
- * editing view.
86
- */
87
- show(showForCollapsedSelection?: boolean): void;
88
- /**
89
- * Hides the toolbar.
90
- */
91
- hide(): void;
92
- /**
93
- * Returns positioning options for the {@link #_balloon}. They control the way balloon is attached
94
- * to the selection.
95
- */
96
- private _getBalloonPositionData;
97
- /**
98
- * Updates the position of the {@link #_balloon} to make up for changes:
99
- *
100
- * * in the geometry of the selection it is attached to (e.g. the selection moved in the viewport or expanded or shrunk),
101
- * * or the geometry of the balloon toolbar itself (e.g. the toolbar has grouped or ungrouped some items and it is shorter or longer).
102
- */
103
- private _updatePosition;
104
- /**
105
- * @inheritDoc
106
- */
107
- destroy(): void;
108
- /**
109
- * Returns toolbar positions for the given direction of the selection.
110
- */
111
- private _getBalloonPositions;
112
- }
113
- /**
114
- * This event is fired just before the toolbar shows up. Stopping this event will prevent this.
115
- *
116
- * @eventName ~BalloonToolbar#show
117
- */
118
- export type BalloonToolbarShowEvent = {
119
- name: 'show';
120
- args: [];
121
- };
@@ -1,39 +0,0 @@
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
- * @license 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
- * @module ui/toolbar/block/blockbuttonview
11
- */
12
- import ButtonView from '../../button/buttonview.js';
13
- import { type Locale } from '@ckeditor/ckeditor5-utils';
14
- import '../../../theme/components/toolbar/blocktoolbar.css';
15
- /**
16
- * The block button view class.
17
- *
18
- * This view represents a button attached next to block element where the selection is anchored.
19
- *
20
- * See {@link module:ui/toolbar/block/blocktoolbar~BlockToolbar}.
21
- */
22
- export default class BlockButtonView extends ButtonView {
23
- /**
24
- * Top offset.
25
- *
26
- * @observable
27
- */
28
- top: number;
29
- /**
30
- * Left offset.
31
- *
32
- * @observable
33
- */
34
- left: number;
35
- /**
36
- * @inheritDoc
37
- */
38
- constructor(locale?: Locale);
39
- }
@@ -1,157 +0,0 @@
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
- * @license 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
- * @module ui/toolbar/block/blocktoolbar
11
- */
12
- import { Plugin, type Editor } from '@ckeditor/ckeditor5-core';
13
- import BlockButtonView from './blockbuttonview.js';
14
- import BalloonPanelView from '../../panel/balloon/balloonpanelview.js';
15
- import ToolbarView from '../toolbarview.js';
16
- /**
17
- * The block toolbar plugin.
18
- *
19
- * This plugin provides a button positioned next to the block of content where the selection is anchored.
20
- * Upon clicking the button, a dropdown providing access to editor features shows up, as configured in
21
- * {@link module:core/editor/editorconfig~EditorConfig#blockToolbar}.
22
- *
23
- * By default, the button is displayed next to all elements marked in {@link module:engine/model/schema~Schema}
24
- * as `$block` for which the toolbar provides at least one option.
25
- *
26
- * By default, the button is attached so its right boundary is touching the
27
- * {@link module:engine/view/editableelement~EditableElement}:
28
- *
29
- * ```
30
- * __ |
31
- * | || This is a block of content that the
32
- * ¯¯ | button is attached to. This is a
33
- * | block of content that the button is
34
- * | attached to.
35
- * ```
36
- *
37
- * The position of the button can be adjusted using the CSS `transform` property:
38
- *
39
- * ```css
40
- * .ck-block-toolbar-button {
41
- * transform: translateX( -10px );
42
- * }
43
- * ```
44
- *
45
- * ```
46
- * __ |
47
- * | | | This is a block of content that the
48
- * ¯¯ | button is attached to. This is a
49
- * | block of content that the button is
50
- * | attached to.
51
- * ```
52
- *
53
- * **Note**: If you plan to run the editor in a right–to–left (RTL) language, keep in mind the button
54
- * will be attached to the **right** boundary of the editable area. In that case, make sure the
55
- * CSS position adjustment works properly by adding the following styles:
56
- *
57
- * ```css
58
- * .ck[dir="rtl"] .ck-block-toolbar-button {
59
- * transform: translateX( 10px );
60
- * }
61
- * ```
62
- */
63
- export default class BlockToolbar extends Plugin {
64
- /**
65
- * The toolbar view.
66
- */
67
- readonly toolbarView: ToolbarView;
68
- /**
69
- * The balloon panel view, containing the {@link #toolbarView}.
70
- */
71
- readonly panelView: BalloonPanelView;
72
- /**
73
- * The button view that opens the {@link #toolbarView}.
74
- */
75
- readonly buttonView: BlockButtonView;
76
- /**
77
- * An instance of the resize observer that allows to respond to changes in editable's geometry
78
- * so the toolbar can stay within its boundaries (and group toolbar items that do not fit).
79
- *
80
- * **Note**: Used only when `shouldNotGroupWhenFull` was **not** set in the
81
- * {@link module:core/editor/editorconfig~EditorConfig#blockToolbar configuration}.
82
- */
83
- private _resizeObserver;
84
- /**
85
- * A cached and normalized `config.blockToolbar` object.
86
- */
87
- private _blockToolbarConfig;
88
- /**
89
- * @inheritDoc
90
- */
91
- static get pluginName(): "BlockToolbar";
92
- /**
93
- * @inheritDoc
94
- */
95
- constructor(editor: Editor);
96
- /**
97
- * @inheritDoc
98
- */
99
- init(): void;
100
- /**
101
- * @inheritDoc
102
- */
103
- destroy(): void;
104
- /**
105
- * Creates the {@link #toolbarView}.
106
- */
107
- private _createToolbarView;
108
- /**
109
- * Creates the {@link #panelView}.
110
- */
111
- private _createPanelView;
112
- /**
113
- * Creates the {@link #buttonView}.
114
- */
115
- private _createButtonView;
116
- /**
117
- * Shows or hides the button.
118
- * When all the conditions for displaying the button are matched, it shows the button. Hides otherwise.
119
- */
120
- private _updateButton;
121
- /**
122
- * Hides the button.
123
- */
124
- private _hideButton;
125
- /**
126
- * Shows the {@link #toolbarView} attached to the {@link #buttonView}.
127
- * If the toolbar is already visible, then it simply repositions it.
128
- */
129
- private _showPanel;
130
- /**
131
- * Returns currently selected editable, based on the model selection.
132
- */
133
- private _getSelectedEditableElement;
134
- /**
135
- * Hides the {@link #toolbarView}.
136
- *
137
- * @param focusEditable When `true`, the editable will be focused after hiding the panel.
138
- */
139
- private _hidePanel;
140
- /**
141
- * Attaches the {@link #buttonView} to the target block of content.
142
- *
143
- * @param targetElement Target element.
144
- */
145
- private _attachButtonToElement;
146
- /**
147
- * Creates a resize observer that observes selected editable and resizes the toolbar panel accordingly.
148
- */
149
- private _setupToolbarResize;
150
- /**
151
- * Gets the {@link #toolbarView} max-width, based on given `editableElement` width plus the distance between the farthest
152
- * edge of the {@link #buttonView} and the editable.
153
- *
154
- * @returns A maximum width that toolbar can have, in pixels.
155
- */
156
- private _getToolbarMaxWidth;
157
- }
@@ -1,44 +0,0 @@
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
- * @license 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
- import type { ToolbarConfig, ToolbarConfigItem } from '@ckeditor/ckeditor5-core';
10
- /**
11
- * @module ui/toolbar/normalizetoolbarconfig
12
- */
13
- /**
14
- * Normalizes the toolbar configuration (`config.toolbar`), which:
15
- *
16
- * * may be defined as an `Array`:
17
- *
18
- * ```
19
- * toolbar: [ 'heading', 'bold', 'italic', 'link', ... ]
20
- * ```
21
- *
22
- * * or an `Object`:
23
- *
24
- * ```
25
- * toolbar: {
26
- * items: [ 'heading', 'bold', 'italic', 'link', ... ],
27
- * removeItems: [ 'bold' ],
28
- * ...
29
- * }
30
- * ```
31
- *
32
- * * or may not be defined at all (`undefined`)
33
- *
34
- * and returns it in the object form.
35
- *
36
- * @param config The value of `config.toolbar`.
37
- * @returns A normalized toolbar config object.
38
- */
39
- export default function normalizeToolbarConfig(config: ToolbarConfig | undefined): {
40
- items: Array<ToolbarConfigItem>;
41
- removeItems: Array<string>;
42
- shouldNotGroupWhenFull?: boolean;
43
- icon?: string;
44
- };
@@ -1,22 +0,0 @@
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
- * @license 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
- * @module ui/toolbar/toolbarlinebreakview
11
- */
12
- import View from '../view.js';
13
- import type { Locale } from '@ckeditor/ckeditor5-utils';
14
- /**
15
- * The toolbar line break view class.
16
- */
17
- export default class ToolbarLineBreakView extends View {
18
- /**
19
- * @inheritDoc
20
- */
21
- constructor(locale?: Locale);
22
- }
@@ -1,22 +0,0 @@
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
- * @license 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
- * @module ui/toolbar/toolbarseparatorview
11
- */
12
- import View from '../view.js';
13
- import type { Locale } from '@ckeditor/ckeditor5-utils';
14
- /**
15
- * The toolbar separator view class.
16
- */
17
- export default class ToolbarSeparatorView extends View {
18
- /**
19
- * @inheritDoc
20
- */
21
- constructor(locale?: Locale);
22
- }