@ckeditor/ckeditor5-ui 45.2.1 → 46.0.0-alpha.1

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 (223) hide show
  1. package/dist/index-editor.css +19 -19
  2. package/dist/index.css +34 -34
  3. package/dist/index.css.map +1 -1
  4. package/dist/index.js +4994 -4957
  5. package/dist/index.js.map +1 -1
  6. package/package.json +9 -9
  7. package/src/arialiveannouncer.d.ts +6 -7
  8. package/src/arialiveannouncer.js +2 -2
  9. package/src/autocomplete/autocompleteview.d.ts +4 -4
  10. package/src/autocomplete/autocompleteview.js +2 -2
  11. package/src/badge/badge.d.ts +2 -2
  12. package/src/badge/badge.js +2 -2
  13. package/src/bindings/addkeyboardhandlingforgrid.d.ts +2 -2
  14. package/src/bindings/addkeyboardhandlingforgrid.js +1 -1
  15. package/src/bindings/clickoutsidehandler.d.ts +1 -1
  16. package/src/bindings/clickoutsidehandler.js +1 -1
  17. package/src/bindings/csstransitiondisablermixin.d.ts +5 -4
  18. package/src/bindings/csstransitiondisablermixin.js +11 -8
  19. package/src/bindings/draggableviewmixin.d.ts +3 -3
  20. package/src/bindings/draggableviewmixin.js +2 -2
  21. package/src/bindings/preventdefault.d.ts +4 -3
  22. package/src/bindings/preventdefault.js +3 -2
  23. package/src/bindings/submithandler.d.ts +3 -3
  24. package/src/bindings/submithandler.js +2 -2
  25. package/src/button/button.d.ts +1 -1
  26. package/src/button/buttonlabel.d.ts +2 -2
  27. package/src/button/buttonlabelview.d.ts +3 -3
  28. package/src/button/buttonlabelview.js +2 -2
  29. package/src/button/buttonview.d.ts +6 -6
  30. package/src/button/buttonview.js +4 -4
  31. package/src/button/filedialogbuttonview.d.ts +17 -12
  32. package/src/button/filedialogbuttonview.js +5 -13
  33. package/src/button/listitembuttonview.d.ts +8 -5
  34. package/src/button/listitembuttonview.js +8 -5
  35. package/src/button/switchbuttonview.d.ts +3 -3
  36. package/src/button/switchbuttonview.js +3 -3
  37. package/src/collapsible/collapsibleview.d.ts +4 -4
  38. package/src/collapsible/collapsibleview.js +3 -3
  39. package/src/colorgrid/colorgridview.d.ts +5 -5
  40. package/src/colorgrid/colorgridview.js +4 -4
  41. package/src/colorgrid/colortileview.d.ts +2 -2
  42. package/src/colorgrid/colortileview.js +2 -2
  43. package/src/colorpicker/colorpickerview.d.ts +8 -8
  44. package/src/colorpicker/colorpickerview.js +6 -5
  45. package/src/colorpicker/utils.d.ts +3 -0
  46. package/src/colorpicker/utils.js +4 -4
  47. package/src/colorselector/colorgridsfragmentview.d.ts +6 -6
  48. package/src/colorselector/colorgridsfragmentview.js +7 -7
  49. package/src/colorselector/colorpickerfragmentview.d.ts +5 -5
  50. package/src/colorselector/colorpickerfragmentview.js +4 -4
  51. package/src/colorselector/colorselectorview.d.ts +6 -6
  52. package/src/colorselector/colorselectorview.js +6 -6
  53. package/src/colorselector/documentcolorcollection.d.ts +1 -1
  54. package/src/colorselector/documentcolorcollection.js +1 -1
  55. package/src/componentfactory.d.ts +2 -2
  56. package/src/componentfactory.js +1 -1
  57. package/src/dialog/dialog.d.ts +3 -3
  58. package/src/dialog/dialog.js +2 -2
  59. package/src/dialog/dialogactionsview.d.ts +6 -6
  60. package/src/dialog/dialogactionsview.js +5 -5
  61. package/src/dialog/dialogcontentview.d.ts +3 -3
  62. package/src/dialog/dialogcontentview.js +2 -2
  63. package/src/dialog/dialogview.d.ts +8 -8
  64. package/src/dialog/dialogview.js +9 -9
  65. package/src/dropdown/button/dropdownbutton.d.ts +3 -3
  66. package/src/dropdown/button/dropdownbuttonview.d.ts +4 -4
  67. package/src/dropdown/button/dropdownbuttonview.js +3 -3
  68. package/src/dropdown/button/splitbuttonview.d.ts +6 -6
  69. package/src/dropdown/button/splitbuttonview.js +3 -3
  70. package/src/dropdown/dropdownpanelfocusable.d.ts +1 -1
  71. package/src/dropdown/dropdownpanelview.d.ts +4 -4
  72. package/src/dropdown/dropdownpanelview.js +2 -2
  73. package/src/dropdown/dropdownview.d.ts +7 -7
  74. package/src/dropdown/dropdownview.js +2 -2
  75. package/src/dropdown/menu/dropdownmenubehaviors.d.ts +8 -2
  76. package/src/dropdown/menu/dropdownmenubehaviors.js +7 -1
  77. package/src/dropdown/menu/dropdownmenubuttonview.d.ts +3 -3
  78. package/src/dropdown/menu/dropdownmenubuttonview.js +3 -3
  79. package/src/dropdown/menu/dropdownmenulistitembuttonview.d.ts +2 -2
  80. package/src/dropdown/menu/dropdownmenulistitembuttonview.js +2 -2
  81. package/src/dropdown/menu/dropdownmenulistitemview.d.ts +4 -4
  82. package/src/dropdown/menu/dropdownmenulistitemview.js +3 -3
  83. package/src/dropdown/menu/dropdownmenulistview.d.ts +2 -2
  84. package/src/dropdown/menu/dropdownmenulistview.js +2 -2
  85. package/src/dropdown/menu/dropdownmenunestedmenupanelview.d.ts +2 -2
  86. package/src/dropdown/menu/dropdownmenunestedmenupanelview.js +2 -2
  87. package/src/dropdown/menu/dropdownmenunestedmenuview.d.ts +6 -6
  88. package/src/dropdown/menu/dropdownmenunestedmenuview.js +5 -5
  89. package/src/dropdown/menu/dropdownmenurootlistview.d.ts +5 -5
  90. package/src/dropdown/menu/dropdownmenurootlistview.js +5 -5
  91. package/src/dropdown/utils.d.ts +7 -7
  92. package/src/dropdown/utils.js +14 -14
  93. package/src/editableui/editableuiview.d.ts +2 -2
  94. package/src/editableui/editableuiview.js +2 -2
  95. package/src/editableui/inline/inlineeditableuiview.d.ts +3 -4
  96. package/src/editableui/inline/inlineeditableuiview.js +2 -2
  97. package/src/editorui/accessibilityhelp/accessibilityhelp.d.ts +3 -3
  98. package/src/editorui/accessibilityhelp/accessibilityhelp.js +5 -5
  99. package/src/editorui/accessibilityhelp/accessibilityhelpcontentview.d.ts +2 -2
  100. package/src/editorui/accessibilityhelp/accessibilityhelpcontentview.js +3 -3
  101. package/src/editorui/bodycollection.d.ts +3 -3
  102. package/src/editorui/bodycollection.js +3 -3
  103. package/src/editorui/boxed/boxededitoruiview.d.ts +3 -3
  104. package/src/editorui/boxed/boxededitoruiview.js +3 -3
  105. package/src/editorui/editorui.d.ts +10 -16
  106. package/src/editorui/editorui.js +6 -25
  107. package/src/editorui/editoruiview.d.ts +6 -6
  108. package/src/editorui/editoruiview.js +3 -3
  109. package/src/editorui/evaluationbadge.d.ts +3 -3
  110. package/src/editorui/evaluationbadge.js +3 -3
  111. package/src/editorui/poweredby.d.ts +4 -6
  112. package/src/editorui/poweredby.js +4 -4
  113. package/src/focuscycler.d.ts +3 -3
  114. package/src/focuscycler.js +1 -1
  115. package/src/formheader/formheaderview.d.ts +4 -4
  116. package/src/formheader/formheaderview.js +3 -3
  117. package/src/formrow/formrowview.d.ts +4 -4
  118. package/src/formrow/formrowview.js +2 -2
  119. package/src/highlightedtext/buttonlabelwithhighlightview.d.ts +3 -3
  120. package/src/highlightedtext/buttonlabelwithhighlightview.js +2 -2
  121. package/src/highlightedtext/highlightedtextview.d.ts +2 -2
  122. package/src/highlightedtext/highlightedtextview.js +2 -2
  123. package/src/highlightedtext/labelwithhighlightview.d.ts +3 -3
  124. package/src/highlightedtext/labelwithhighlightview.js +2 -2
  125. package/src/icon/iconview.d.ts +2 -2
  126. package/src/icon/iconview.js +2 -2
  127. package/src/iframe/iframeview.d.ts +2 -2
  128. package/src/iframe/iframeview.js +2 -2
  129. package/src/index.d.ts +128 -85
  130. package/src/index.js +122 -82
  131. package/src/input/inputbase.d.ts +2 -2
  132. package/src/input/inputbase.js +2 -2
  133. package/src/input/inputview.d.ts +2 -2
  134. package/src/input/inputview.js +2 -2
  135. package/src/inputnumber/inputnumberview.d.ts +2 -2
  136. package/src/inputnumber/inputnumberview.js +2 -2
  137. package/src/inputtext/inputtextview.d.ts +2 -2
  138. package/src/inputtext/inputtextview.js +2 -2
  139. package/src/label/labelview.d.ts +2 -2
  140. package/src/label/labelview.js +2 -2
  141. package/src/labeledfield/labeledfieldview.d.ts +4 -4
  142. package/src/labeledfield/labeledfieldview.js +3 -3
  143. package/src/labeledfield/utils.d.ts +4 -4
  144. package/src/labeledfield/utils.js +3 -3
  145. package/src/labeledinput/labeledinputview.d.ts +4 -4
  146. package/src/labeledinput/labeledinputview.js +3 -3
  147. package/src/legacyerrors.d.ts +5 -0
  148. package/src/legacyerrors.js +20 -0
  149. package/src/list/listitemgroupview.d.ts +5 -5
  150. package/src/list/listitemgroupview.js +5 -5
  151. package/src/list/listitemview.d.ts +3 -3
  152. package/src/list/listitemview.js +2 -2
  153. package/src/list/listseparatorview.d.ts +2 -2
  154. package/src/list/listseparatorview.js +2 -2
  155. package/src/list/listview.d.ts +7 -7
  156. package/src/list/listview.js +6 -6
  157. package/src/menubar/menubarmenubuttonview.d.ts +3 -3
  158. package/src/menubar/menubarmenubuttonview.js +3 -3
  159. package/src/menubar/menubarmenulistitembuttonview.d.ts +2 -2
  160. package/src/menubar/menubarmenulistitembuttonview.js +2 -2
  161. package/src/menubar/menubarmenulistitemfiledialogbuttonview.d.ts +1 -1
  162. package/src/menubar/menubarmenulistitemfiledialogbuttonview.js +1 -1
  163. package/src/menubar/menubarmenulistitemview.d.ts +3 -3
  164. package/src/menubar/menubarmenulistitemview.js +2 -2
  165. package/src/menubar/menubarmenulistview.d.ts +2 -2
  166. package/src/menubar/menubarmenulistview.js +5 -5
  167. package/src/menubar/menubarmenupanelview.d.ts +3 -3
  168. package/src/menubar/menubarmenupanelview.js +2 -2
  169. package/src/menubar/menubarmenuview.d.ts +4 -4
  170. package/src/menubar/menubarmenuview.js +4 -4
  171. package/src/menubar/menubarview.d.ts +6 -7
  172. package/src/menubar/menubarview.js +9 -9
  173. package/src/menubar/utils.d.ts +10 -3
  174. package/src/menubar/utils.js +10 -2
  175. package/src/model.d.ts +2 -2
  176. package/src/model.js +1 -1
  177. package/src/notification/notification.d.ts +1 -1
  178. package/src/notification/notification.js +1 -1
  179. package/src/panel/balloon/balloonpanelview.d.ts +13 -13
  180. package/src/panel/balloon/balloonpanelview.js +9 -9
  181. package/src/panel/balloon/contextualballoon.d.ts +14 -13
  182. package/src/panel/balloon/contextualballoon.js +8 -7
  183. package/src/panel/sticky/stickypanelview.d.ts +3 -3
  184. package/src/panel/sticky/stickypanelview.js +3 -3
  185. package/src/search/filteredview.d.ts +1 -1
  186. package/src/search/filtergroupanditemnames.d.ts +5 -5
  187. package/src/search/filtergroupanditemnames.js +1 -1
  188. package/src/search/searchinfoview.d.ts +2 -2
  189. package/src/search/searchinfoview.js +2 -2
  190. package/src/search/searchresultsview.d.ts +4 -4
  191. package/src/search/searchresultsview.js +3 -3
  192. package/src/search/text/searchtextqueryview.d.ts +5 -5
  193. package/src/search/text/searchtextqueryview.js +4 -4
  194. package/src/search/text/searchtextview.d.ts +9 -9
  195. package/src/search/text/searchtextview.js +6 -6
  196. package/src/spinner/spinnerview.d.ts +2 -2
  197. package/src/spinner/spinnerview.js +2 -2
  198. package/src/template.d.ts +6 -5
  199. package/src/template.js +4 -4
  200. package/src/textarea/textareaview.d.ts +2 -2
  201. package/src/textarea/textareaview.js +2 -2
  202. package/src/toolbar/balloon/balloontoolbar.d.ts +3 -3
  203. package/src/toolbar/balloon/balloontoolbar.js +5 -5
  204. package/src/toolbar/block/blockbuttonview.d.ts +2 -2
  205. package/src/toolbar/block/blockbuttonview.js +2 -2
  206. package/src/toolbar/block/blocktoolbar.d.ts +6 -6
  207. package/src/toolbar/block/blocktoolbar.js +8 -8
  208. package/src/toolbar/normalizetoolbarconfig.d.ts +1 -1
  209. package/src/toolbar/normalizetoolbarconfig.js +1 -1
  210. package/src/toolbar/toolbarlinebreakview.d.ts +2 -2
  211. package/src/toolbar/toolbarlinebreakview.js +2 -2
  212. package/src/toolbar/toolbarseparatorview.d.ts +2 -2
  213. package/src/toolbar/toolbarseparatorview.js +2 -2
  214. package/src/toolbar/toolbarview.d.ts +10 -7
  215. package/src/toolbar/toolbarview.js +11 -8
  216. package/src/tooltipmanager.d.ts +3 -3
  217. package/src/tooltipmanager.js +3 -3
  218. package/src/view.d.ts +3 -3
  219. package/src/view.js +3 -3
  220. package/src/viewcollection.d.ts +2 -2
  221. package/src/viewcollection.js +1 -1
  222. package/src/bindings/injectcsstransitiondisabler.d.ts +0 -59
  223. package/src/bindings/injectcsstransitiondisabler.js +0 -71
@@ -5,10 +5,10 @@
5
5
  /**
6
6
  * @module ui/dropdown/menu/dropdownmenurootlistview
7
7
  */
8
- import DropdownMenuListItemButtonView from './dropdownmenulistitembuttonview.js';
9
- import DropdownMenuNestedMenuView from './dropdownmenunestedmenuview.js';
10
- import DropdownMenuListView from './dropdownmenulistview.js';
11
- import type BodyCollection from '../../editorui/bodycollection.js';
8
+ import { DropdownMenuListItemButtonView } from './dropdownmenulistitembuttonview.js';
9
+ import { DropdownMenuNestedMenuView } from './dropdownmenunestedmenuview.js';
10
+ import { DropdownMenuListView } from './dropdownmenulistview.js';
11
+ import { type BodyCollection } from '../../editorui/bodycollection.js';
12
12
  import type { DropdownMenuDefinition } from './utils.js';
13
13
  import type { Locale, BaseEvent } from '@ckeditor/ckeditor5-utils';
14
14
  /**
@@ -70,7 +70,7 @@ import type { Locale, BaseEvent } from '@ckeditor/ckeditor5-utils';
70
70
  *
71
71
  * It is recommended to use this class together with {@link module:ui/dropdown/utils~addMenuToDropdown `addMenuToDropdown()` helper}.
72
72
  */
73
- export default class DropdownMenuRootListView extends DropdownMenuListView {
73
+ export declare class DropdownMenuRootListView extends DropdownMenuListView {
74
74
  /**
75
75
  * The CSS class to be applied to nested menu panels in this dropdown menu.
76
76
  *
@@ -5,10 +5,10 @@
5
5
  /**
6
6
  * @module ui/dropdown/menu/dropdownmenurootlistview
7
7
  */
8
- import DropdownMenuListItemButtonView from './dropdownmenulistitembuttonview.js';
9
- import DropdownMenuNestedMenuView from './dropdownmenunestedmenuview.js';
10
- import DropdownMenuListView from './dropdownmenulistview.js';
11
- import DropdownMenuListItemView from './dropdownmenulistitemview.js';
8
+ import { DropdownMenuListItemButtonView } from './dropdownmenulistitembuttonview.js';
9
+ import { DropdownMenuNestedMenuView } from './dropdownmenunestedmenuview.js';
10
+ import { DropdownMenuListView } from './dropdownmenulistview.js';
11
+ import { DropdownMenuListItemView } from './dropdownmenulistitemview.js';
12
12
  import { DropdownRootMenuBehaviors } from './dropdownmenubehaviors.js';
13
13
  /**
14
14
  * Creates and manages a multi-level menu UI structure, suitable to be used inside dropdown components.
@@ -69,7 +69,7 @@ import { DropdownRootMenuBehaviors } from './dropdownmenubehaviors.js';
69
69
  *
70
70
  * It is recommended to use this class together with {@link module:ui/dropdown/utils~addMenuToDropdown `addMenuToDropdown()` helper}.
71
71
  */
72
- export default class DropdownMenuRootListView extends DropdownMenuListView {
72
+ export class DropdownMenuRootListView extends DropdownMenuListView {
73
73
  /**
74
74
  * The definitions object used to create the whole menu structure.
75
75
  */
@@ -2,14 +2,14 @@
2
2
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
3
3
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
4
  */
5
- import DropdownView from './dropdownview.js';
6
- import ViewCollection from '../viewcollection.js';
7
- import type { default as View } from '../view.js';
8
- import type Model from '../model.js';
9
- import type DropdownButton from './button/dropdownbutton.js';
5
+ import { DropdownView } from './dropdownview.js';
6
+ import { ViewCollection } from '../viewcollection.js';
7
+ import type { View } from '../view.js';
8
+ import { type UIModel } from '../model.js';
9
+ import { type DropdownButton } from './button/dropdownbutton.js';
10
10
  import type { FocusableView } from '../focuscycler.js';
11
11
  import type { FalsyValue } from '../template.js';
12
- import type BodyCollection from '../editorui/bodycollection.js';
12
+ import { type BodyCollection } from '../editorui/bodycollection.js';
13
13
  import { type Collection, type Locale } from '@ckeditor/ckeditor5-utils';
14
14
  import '../../theme/components/dropdown/toolbardropdown.css';
15
15
  import '../../theme/components/dropdown/listdropdown.css';
@@ -273,7 +273,7 @@ export type ListDropdownButtonDefinition = {
273
273
  /**
274
274
  * Model of the item. Its properties fuel the newly created list item (or its children, depending on the `type`).
275
275
  */
276
- model: Model;
276
+ model: UIModel;
277
277
  };
278
278
  /**
279
279
  * A definition of the group inside the list. A group can contain one or more list items (buttons).
@@ -5,23 +5,23 @@
5
5
  /**
6
6
  * @module ui/dropdown/utils
7
7
  */
8
- import DropdownPanelView from './dropdownpanelview.js';
9
- import DropdownView from './dropdownview.js';
10
- import DropdownButtonView from './button/dropdownbuttonview.js';
11
- import DropdownMenuRootListView from './menu/dropdownmenurootlistview.js';
12
- import ToolbarView from '../toolbar/toolbarview.js';
13
- import ListView from '../list/listview.js';
14
- import ListItemView from '../list/listitemview.js';
15
- import ListSeparatorView from '../list/listseparatorview.js';
16
- import SplitButtonView from './button/splitbuttonview.js';
17
- import SwitchButtonView from '../button/switchbuttonview.js';
18
- import ViewCollection from '../viewcollection.js';
19
- import clickOutsideHandler from '../bindings/clickoutsidehandler.js';
8
+ import { DropdownPanelView } from './dropdownpanelview.js';
9
+ import { DropdownView } from './dropdownview.js';
10
+ import { DropdownButtonView } from './button/dropdownbuttonview.js';
11
+ import { DropdownMenuRootListView } from './menu/dropdownmenurootlistview.js';
12
+ import { ToolbarView } from '../toolbar/toolbarview.js';
13
+ import { ListView } from '../list/listview.js';
14
+ import { ListItemView } from '../list/listitemview.js';
15
+ import { ListSeparatorView } from '../list/listseparatorview.js';
16
+ import { SplitButtonView } from './button/splitbuttonview.js';
17
+ import { SwitchButtonView } from '../button/switchbuttonview.js';
18
+ import { ViewCollection } from '../viewcollection.js';
19
+ import { clickOutsideHandler } from '../bindings/clickoutsidehandler.js';
20
20
  import { global, priorities, logWarning } from '@ckeditor/ckeditor5-utils';
21
21
  import '../../theme/components/dropdown/toolbardropdown.css';
22
22
  import '../../theme/components/dropdown/listdropdown.css';
23
- import ListItemGroupView from '../list/listitemgroupview.js';
24
- import ListItemButtonView from '../button/listitembuttonview.js';
23
+ import { ListItemGroupView } from '../list/listitemgroupview.js';
24
+ import { ListItemButtonView } from '../button/listitembuttonview.js';
25
25
  /**
26
26
  * A helper for creating dropdowns. It creates an instance of a {@link module:ui/dropdown/dropdownview~DropdownView dropdown},
27
27
  * with a {@link module:ui/dropdown/button/dropdownbutton~DropdownButton button},
@@ -5,13 +5,13 @@
5
5
  /**
6
6
  * @module ui/editableui/editableuiview
7
7
  */
8
- import View from '../view.js';
8
+ import { View } from '../view.js';
9
9
  import type { EditingView } from '@ckeditor/ckeditor5-engine';
10
10
  import type { Locale } from '@ckeditor/ckeditor5-utils';
11
11
  /**
12
12
  * The editable UI view class.
13
13
  */
14
- export default class EditableUIView extends View {
14
+ export declare class EditableUIView extends View {
15
15
  /**
16
16
  * The name of the editable UI view.
17
17
  */
@@ -5,11 +5,11 @@
5
5
  /**
6
6
  * @module ui/editableui/editableuiview
7
7
  */
8
- import View from '../view.js';
8
+ import { View } from '../view.js';
9
9
  /**
10
10
  * The editable UI view class.
11
11
  */
12
- export default class EditableUIView extends View {
12
+ export class EditableUIView extends View {
13
13
  /**
14
14
  * The name of the editable UI view.
15
15
  */
@@ -5,13 +5,13 @@
5
5
  /**
6
6
  * @module ui/editableui/inline/inlineeditableuiview
7
7
  */
8
- import EditableUIView from '../editableuiview.js';
8
+ import { EditableUIView } from '../editableuiview.js';
9
9
  import type { EditingView } from '@ckeditor/ckeditor5-engine';
10
10
  import type { Locale } from '@ckeditor/ckeditor5-utils';
11
11
  /**
12
12
  * The inline editable UI class implementing an inline {@link module:ui/editableui/editableuiview~EditableUIView}.
13
13
  */
14
- export default class InlineEditableUIView extends EditableUIView {
14
+ export declare class InlineEditableUIView extends EditableUIView {
15
15
  /**
16
16
  * The cached options object passed to the constructor.
17
17
  */
@@ -38,7 +38,6 @@ export default class InlineEditableUIView extends EditableUIView {
38
38
  */
39
39
  getEditableAriaLabel(): string;
40
40
  }
41
- type InlineEditableUIViewOptions = {
41
+ export type InlineEditableUIViewOptions = {
42
42
  label?: ((view: InlineEditableUIView) => string) | string | Record<string, string>;
43
43
  };
44
- export {};
@@ -5,11 +5,11 @@
5
5
  /**
6
6
  * @module ui/editableui/inline/inlineeditableuiview
7
7
  */
8
- import EditableUIView from '../editableuiview.js';
8
+ import { EditableUIView } from '../editableuiview.js';
9
9
  /**
10
10
  * The inline editable UI class implementing an inline {@link module:ui/editableui/editableuiview~EditableUIView}.
11
11
  */
12
- export default class InlineEditableUIView extends EditableUIView {
12
+ export class InlineEditableUIView extends EditableUIView {
13
13
  /**
14
14
  * The cached options object passed to the constructor.
15
15
  */
@@ -6,8 +6,8 @@
6
6
  * @module ui/editorui/accessibilityhelp/accessibilityhelp
7
7
  */
8
8
  import { Plugin } from '@ckeditor/ckeditor5-core';
9
- import Dialog from '../../dialog/dialog.js';
10
- import AccessibilityHelpContentView from './accessibilityhelpcontentview.js';
9
+ import { Dialog } from '../../dialog/dialog.js';
10
+ import { AccessibilityHelpContentView } from './accessibilityhelpcontentview.js';
11
11
  import '../../../theme/components/editorui/accessibilityhelp.css';
12
12
  /**
13
13
  * A plugin that brings the accessibility help dialog to the editor available under the <kbd>Alt</kbd>+<kbd>0</kbd>
@@ -17,7 +17,7 @@ import '../../../theme/components/editorui/accessibilityhelp.css';
17
17
  * Keystroke information is loaded from {@link module:core/accessibility~Accessibility#keystrokeInfos}. New entries can be
18
18
  * added using the API provided by the {@link module:core/accessibility~Accessibility} class.
19
19
  */
20
- export default class AccessibilityHelp extends Plugin {
20
+ export declare class AccessibilityHelp extends Plugin {
21
21
  /**
22
22
  * The view that displays the dialog content (list of keystrokes).
23
23
  * Created when the dialog is opened for the first time.
@@ -7,10 +7,10 @@
7
7
  */
8
8
  import { Plugin } from '@ckeditor/ckeditor5-core';
9
9
  import { IconAccessibility } from '@ckeditor/ckeditor5-icons';
10
- import ButtonView from '../../button/buttonview.js';
11
- import Dialog from '../../dialog/dialog.js';
12
- import MenuBarMenuListItemButtonView from '../../menubar/menubarmenulistitembuttonview.js';
13
- import AccessibilityHelpContentView from './accessibilityhelpcontentview.js';
10
+ import { ButtonView } from '../../button/buttonview.js';
11
+ import { Dialog } from '../../dialog/dialog.js';
12
+ import { MenuBarMenuListItemButtonView } from '../../menubar/menubarmenulistitembuttonview.js';
13
+ import { AccessibilityHelpContentView } from './accessibilityhelpcontentview.js';
14
14
  import { getEnvKeystrokeText } from '@ckeditor/ckeditor5-utils';
15
15
  import '../../../theme/components/editorui/accessibilityhelp.css';
16
16
  /**
@@ -21,7 +21,7 @@ import '../../../theme/components/editorui/accessibilityhelp.css';
21
21
  * Keystroke information is loaded from {@link module:core/accessibility~Accessibility#keystrokeInfos}. New entries can be
22
22
  * added using the API provided by the {@link module:core/accessibility~Accessibility} class.
23
23
  */
24
- export default class AccessibilityHelp extends Plugin {
24
+ export class AccessibilityHelp extends Plugin {
25
25
  /**
26
26
  * The view that displays the dialog content (list of keystrokes).
27
27
  * Created when the dialog is opened for the first time.
@@ -6,12 +6,12 @@
6
6
  * @module ui/editorui/accessibilityhelp/accessibilityhelpcontentview
7
7
  */
8
8
  import { type Locale } from '@ckeditor/ckeditor5-utils';
9
- import View from '../../view.js';
9
+ import { View } from '../../view.js';
10
10
  import type { KeystrokeInfoDefinitions } from '@ckeditor/ckeditor5-core';
11
11
  /**
12
12
  * The view displaying keystrokes in the Accessibility help dialog.
13
13
  */
14
- export default class AccessibilityHelpContentView extends View<HTMLDivElement> {
14
+ export declare class AccessibilityHelpContentView extends View<HTMLDivElement> {
15
15
  /**
16
16
  * @inheritDoc
17
17
  */
@@ -6,12 +6,12 @@
6
6
  * @module ui/editorui/accessibilityhelp/accessibilityhelpcontentview
7
7
  */
8
8
  import { createElement, env, getEnvKeystrokeText } from '@ckeditor/ckeditor5-utils';
9
- import View from '../../view.js';
10
- import LabelView from '../../label/labelview.js';
9
+ import { View } from '../../view.js';
10
+ import { LabelView } from '../../label/labelview.js';
11
11
  /**
12
12
  * The view displaying keystrokes in the Accessibility help dialog.
13
13
  */
14
- export default class AccessibilityHelpContentView extends View {
14
+ export class AccessibilityHelpContentView extends View {
15
15
  /**
16
16
  * @inheritDoc
17
17
  */
@@ -2,8 +2,8 @@
2
2
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
3
3
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
4
  */
5
- import ViewCollection from '../viewcollection.js';
6
- import type View from '../view.js';
5
+ import { ViewCollection } from '../viewcollection.js';
6
+ import { type View } from '../view.js';
7
7
  import { type Locale } from '@ckeditor/ckeditor5-utils';
8
8
  /**
9
9
  * This is a special {@link module:ui/viewcollection~ViewCollection} dedicated to elements that are detached from the DOM structure of
@@ -52,7 +52,7 @@ import { type Locale } from '@ckeditor/ckeditor5-utils';
52
52
  * **Note**: The shared collection wrapper (`<div class="ck-body-wrapper">...</div>`) gets automatically removed from DOM when the
53
53
  * last body collection is {@link ~BodyCollection#detachFromDom detached} and does not require any special handling.
54
54
  */
55
- export default class BodyCollection extends ViewCollection {
55
+ export declare class BodyCollection extends ViewCollection {
56
56
  /**
57
57
  * The {@link module:core/editor/editor~Editor#locale editor's locale} instance.
58
58
  * See the view {@link module:ui/view~View#locale locale} property.
@@ -5,8 +5,8 @@
5
5
  /**
6
6
  * @module ui/editorui/bodycollection
7
7
  */
8
- import Template from '../template.js';
9
- import ViewCollection from '../viewcollection.js';
8
+ import { Template } from '../template.js';
9
+ import { ViewCollection } from '../viewcollection.js';
10
10
  import { createElement } from '@ckeditor/ckeditor5-utils';
11
11
  /**
12
12
  * This is a special {@link module:ui/viewcollection~ViewCollection} dedicated to elements that are detached from the DOM structure of
@@ -55,7 +55,7 @@ import { createElement } from '@ckeditor/ckeditor5-utils';
55
55
  * **Note**: The shared collection wrapper (`<div class="ck-body-wrapper">...</div>`) gets automatically removed from DOM when the
56
56
  * last body collection is {@link ~BodyCollection#detachFromDom detached} and does not require any special handling.
57
57
  */
58
- export default class BodyCollection extends ViewCollection {
58
+ export class BodyCollection extends ViewCollection {
59
59
  /**
60
60
  * The {@link module:core/editor/editor~Editor#locale editor's locale} instance.
61
61
  * See the view {@link module:ui/view~View#locale locale} property.
@@ -5,14 +5,14 @@
5
5
  /**
6
6
  * @module ui/editorui/boxed/boxededitoruiview
7
7
  */
8
- import EditorUIView from '../editoruiview.js';
9
- import type ViewCollection from '../../viewcollection.js';
8
+ import { EditorUIView } from '../editoruiview.js';
9
+ import { type ViewCollection } from '../../viewcollection.js';
10
10
  import type { Locale } from '@ckeditor/ckeditor5-utils';
11
11
  /**
12
12
  * The boxed editor UI view class. This class represents an editor interface
13
13
  * consisting of a toolbar and an editable area, enclosed within a box.
14
14
  */
15
- export default abstract class BoxedEditorUIView extends EditorUIView {
15
+ export declare abstract class BoxedEditorUIView extends EditorUIView {
16
16
  /**
17
17
  * Collection of the child views located in the top (`.ck-editor__top`)
18
18
  * area of the UI.
@@ -5,13 +5,13 @@
5
5
  /**
6
6
  * @module ui/editorui/boxed/boxededitoruiview
7
7
  */
8
- import EditorUIView from '../editoruiview.js';
9
- import LabelView from '../../label/labelview.js';
8
+ import { EditorUIView } from '../editoruiview.js';
9
+ import { LabelView } from '../../label/labelview.js';
10
10
  /**
11
11
  * The boxed editor UI view class. This class represents an editor interface
12
12
  * consisting of a toolbar and an editable area, enclosed within a box.
13
13
  */
14
- export default class BoxedEditorUIView extends EditorUIView {
14
+ export class BoxedEditorUIView extends EditorUIView {
15
15
  /**
16
16
  * Collection of the child views located in the top (`.ck-editor__top`)
17
17
  * area of the UI.
@@ -5,16 +5,16 @@
5
5
  /**
6
6
  * @module ui/editorui/editorui
7
7
  */
8
- import ComponentFactory from '../componentfactory.js';
9
- import TooltipManager from '../tooltipmanager.js';
10
- import PoweredBy from './poweredby.js';
11
- import EvaluationBadge from './evaluationbadge.js';
12
- import AriaLiveAnnouncer from '../arialiveannouncer.js';
13
- import type EditorUIView from './editoruiview.js';
14
- import type ToolbarView from '../toolbar/toolbarview.js';
8
+ import { ComponentFactory } from '../componentfactory.js';
9
+ import { TooltipManager } from '../tooltipmanager.js';
10
+ import { PoweredBy } from './poweredby.js';
11
+ import { EvaluationBadge } from './evaluationbadge.js';
12
+ import { AriaLiveAnnouncer } from '../arialiveannouncer.js';
13
+ import { type EditorUIView } from './editoruiview.js';
14
+ import { type ToolbarView } from '../toolbar/toolbarview.js';
15
15
  import { FocusTracker } from '@ckeditor/ckeditor5-utils';
16
16
  import type { Editor, ViewportOffsetConfig } from '@ckeditor/ckeditor5-core';
17
- import type { default as MenuBarView, MenuBarConfigAddedGroup, MenuBarConfigAddedItem, MenuBarConfigAddedMenu } from '../menubar/menubarview.js';
17
+ import type { MenuBarView, MenuBarConfigAddedGroup, MenuBarConfigAddedItem, MenuBarConfigAddedMenu } from '../menubar/menubarview.js';
18
18
  declare const EditorUI_base: {
19
19
  new (): import("@ckeditor/ckeditor5-utils").Observable;
20
20
  prototype: import("@ckeditor/ckeditor5-utils").Observable;
@@ -22,7 +22,7 @@ declare const EditorUI_base: {
22
22
  /**
23
23
  * A class providing the minimal interface that is required to successfully bootstrap any editor UI.
24
24
  */
25
- export default abstract class EditorUI extends /* #__PURE__ */ EditorUI_base {
25
+ export declare abstract class EditorUI extends /* #__PURE__ */ EditorUI_base {
26
26
  /**
27
27
  * The editor that the UI belongs to.
28
28
  */
@@ -219,12 +219,6 @@ export default abstract class EditorUI extends /* #__PURE__ */ EditorUI_base {
219
219
  * ```
220
220
  */
221
221
  extendMenuBar(config: MenuBarConfigAddedItem | MenuBarConfigAddedGroup | MenuBarConfigAddedMenu): void;
222
- /**
223
- * Stores all editable elements used by the editor instance.
224
- *
225
- * @deprecated
226
- */
227
- protected get _editableElements(): unknown;
228
222
  /**
229
223
  * Initializes menu bar.
230
224
  */
@@ -319,7 +313,7 @@ export type EditorUIReadyEvent = {
319
313
  /**
320
314
  * Fired whenever the UI (all related components) should be refreshed.
321
315
  *
322
- * **Note:**: The event is fired after each {@link module:engine/view/document~Document#event:layoutChanged}.
316
+ * **Note:**: The event is fired after each {@link module:engine/view/document~ViewDocument#event:layoutChanged}.
323
317
  * It can also be fired manually via the {@link module:ui/editorui/editorui~EditorUI#update} method.
324
318
  *
325
319
  * @eventName ~EditorUI#update
@@ -5,17 +5,17 @@
5
5
  /**
6
6
  * @module ui/editorui/editorui
7
7
  */
8
- import ComponentFactory from '../componentfactory.js';
9
- import TooltipManager from '../tooltipmanager.js';
10
- import PoweredBy from './poweredby.js';
11
- import EvaluationBadge from './evaluationbadge.js';
12
- import AriaLiveAnnouncer from '../arialiveannouncer.js';
8
+ import { ComponentFactory } from '../componentfactory.js';
9
+ import { TooltipManager } from '../tooltipmanager.js';
10
+ import { PoweredBy } from './poweredby.js';
11
+ import { EvaluationBadge } from './evaluationbadge.js';
12
+ import { AriaLiveAnnouncer } from '../arialiveannouncer.js';
13
13
  import { ObservableMixin, DomEmitterMixin, global, isVisible, FocusTracker, getVisualViewportOffset } from '@ckeditor/ckeditor5-utils';
14
14
  import { normalizeMenuBarConfig } from '../menubar/utils.js';
15
15
  /**
16
16
  * A class providing the minimal interface that is required to successfully bootstrap any editor UI.
17
17
  */
18
- export default class EditorUI extends /* #__PURE__ */ ObservableMixin() {
18
+ export class EditorUI extends /* #__PURE__ */ ObservableMixin() {
19
19
  /**
20
20
  * The editor that the UI belongs to.
21
21
  */
@@ -273,25 +273,6 @@ export default class EditorUI extends /* #__PURE__ */ ObservableMixin() {
273
273
  extendMenuBar(config) {
274
274
  this._extraMenuBarElements.push(config);
275
275
  }
276
- /**
277
- * Stores all editable elements used by the editor instance.
278
- *
279
- * @deprecated
280
- */
281
- get _editableElements() {
282
- /**
283
- * The {@link module:ui/editorui/editorui~EditorUI#_editableElements `EditorUI#_editableElements`} property has been
284
- * deprecated and will be removed in the near future. Please use
285
- * {@link module:ui/editorui/editorui~EditorUI#setEditableElement `setEditableElement()`} and
286
- * {@link module:ui/editorui/editorui~EditorUI#getEditableElement `getEditableElement()`} methods instead.
287
- *
288
- * @error editor-ui-deprecated-editable-elements
289
- * @param {module:ui/editorui/editorui~EditorUI} editorUI Editor UI instance the deprecated property belongs to.
290
- */
291
- console.warn('editor-ui-deprecated-editable-elements: ' +
292
- 'The EditorUI#_editableElements property has been deprecated and will be removed in the near future.', { editorUI: this });
293
- return this._editableElementsMap;
294
- }
295
276
  /**
296
277
  * Initializes menu bar.
297
278
  */
@@ -5,17 +5,17 @@
5
5
  /**
6
6
  * @module ui/editorui/editoruiview
7
7
  */
8
- import View from '../view.js';
9
- import BodyCollection from './bodycollection.js';
10
- import type EditableUIView from '../editableui/editableuiview.js';
8
+ import { View } from '../view.js';
9
+ import { BodyCollection } from './bodycollection.js';
10
+ import { type EditableUIView } from '../editableui/editableuiview.js';
11
11
  import type { Locale, LocaleTranslate } from '@ckeditor/ckeditor5-utils';
12
12
  import '../../theme/components/editorui/editorui.css';
13
- import type MenuBarView from '../menubar/menubarview.js';
14
- import type ToolbarView from '../toolbar/toolbarview.js';
13
+ import { type MenuBarView } from '../menubar/menubarview.js';
14
+ import { type ToolbarView } from '../toolbar/toolbarview.js';
15
15
  /**
16
16
  * The editor UI view class. Base class for the editor main views.
17
17
  */
18
- export default abstract class EditorUIView extends View {
18
+ export declare abstract class EditorUIView extends View {
19
19
  /**
20
20
  * Collection of the child views, detached from the DOM
21
21
  * structure of the editor, like panels, icons etc.
@@ -5,13 +5,13 @@
5
5
  /**
6
6
  * @module ui/editorui/editoruiview
7
7
  */
8
- import View from '../view.js';
9
- import BodyCollection from './bodycollection.js';
8
+ import { View } from '../view.js';
9
+ import { BodyCollection } from './bodycollection.js';
10
10
  import '../../theme/components/editorui/editorui.css';
11
11
  /**
12
12
  * The editor UI view class. Base class for the editor main views.
13
13
  */
14
- export default class EditorUIView extends View {
14
+ export class EditorUIView extends View {
15
15
  /**
16
16
  * Collection of the child views, detached from the DOM
17
17
  * structure of the editor, like panels, icons etc.
@@ -6,15 +6,15 @@
6
6
  * @module ui/editorui/evaluationbadge
7
7
  */
8
8
  import type { Editor } from '@ckeditor/ckeditor5-core';
9
- import View from '../view.js';
10
- import Badge, { type BadgeConfig } from '../badge/badge.js';
9
+ import { View } from '../view.js';
10
+ import { Badge, type BadgeConfig } from '../badge/badge.js';
11
11
  /**
12
12
  * A helper that enables the "evaluation badge" feature in the editor at the bottom of the editable element
13
13
  * (editor root, source editing area, etc.) when the editor is focused.
14
14
  *
15
15
  * @private
16
16
  */
17
- export default class EvaluationBadge extends Badge {
17
+ export declare class EvaluationBadge extends Badge {
18
18
  private licenseTypeMessage;
19
19
  constructor(editor: Editor);
20
20
  /**
@@ -3,15 +3,15 @@
3
3
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
4
  */
5
5
  import { parseBase64EncodedObject } from '@ckeditor/ckeditor5-utils';
6
- import View from '../view.js';
7
- import Badge from '../badge/badge.js';
6
+ import { View } from '../view.js';
7
+ import { Badge } from '../badge/badge.js';
8
8
  /**
9
9
  * A helper that enables the "evaluation badge" feature in the editor at the bottom of the editable element
10
10
  * (editor root, source editing area, etc.) when the editor is focused.
11
11
  *
12
12
  * @private
13
13
  */
14
- export default class EvaluationBadge extends Badge {
14
+ export class EvaluationBadge extends Badge {
15
15
  licenseTypeMessage = {
16
16
  evaluation: 'For evaluation purposes only',
17
17
  trial: 'For evaluation purposes only',
@@ -2,17 +2,16 @@
2
2
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
3
3
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
4
  */
5
- import View from '../view.js';
6
- import Badge from '../badge/badge.js';
7
- import type { Editor, UiConfig } from '@ckeditor/ckeditor5-core';
8
- type PoweredByConfig = Required<UiConfig>['poweredBy'];
5
+ import { View } from '../view.js';
6
+ import { Badge } from '../badge/badge.js';
7
+ import type { Editor, PoweredByConfig } from '@ckeditor/ckeditor5-core';
9
8
  /**
10
9
  * A helper that enables the "powered by" feature in the editor and renders a link to the project's
11
10
  * webpage next to the bottom of the editable element (editor root, source editing area, etc.) when the editor is focused.
12
11
  *
13
12
  * @private
14
13
  */
15
- export default class PoweredBy extends Badge {
14
+ export declare class PoweredBy extends Badge {
16
15
  constructor(editor: Editor);
17
16
  /**
18
17
  * Enables "powered by" label.
@@ -28,4 +27,3 @@ export default class PoweredBy extends Badge {
28
27
  */
29
28
  protected _getNormalizedConfig(): Required<PoweredByConfig>;
30
29
  }
31
- export {};
@@ -7,9 +7,9 @@
7
7
  */
8
8
  import { IconProjectLogo } from '@ckeditor/ckeditor5-icons';
9
9
  import { parseBase64EncodedObject } from '@ckeditor/ckeditor5-utils';
10
- import View from '../view.js';
11
- import Badge from '../badge/badge.js';
12
- import IconView from '../icon/iconview.js';
10
+ import { View } from '../view.js';
11
+ import { Badge } from '../badge/badge.js';
12
+ import { IconView } from '../icon/iconview.js';
13
13
  const DEFAULT_LABEL = 'Powered by';
14
14
  /**
15
15
  * A helper that enables the "powered by" feature in the editor and renders a link to the project's
@@ -17,7 +17,7 @@ const DEFAULT_LABEL = 'Powered by';
17
17
  *
18
18
  * @private
19
19
  */
20
- export default class PoweredBy extends Badge {
20
+ export class PoweredBy extends Badge {
21
21
  constructor(editor) {
22
22
  super(editor, { balloonClass: 'ck-powered-by-balloon' });
23
23
  }
@@ -6,8 +6,8 @@
6
6
  * @module ui/focuscycler
7
7
  */
8
8
  import { type ArrayOrItem, type FocusTracker, type KeystrokeHandler, type KeystrokeHandlerOptions } from '@ckeditor/ckeditor5-utils';
9
- import type View from './view.js';
10
- import type ViewCollection from './viewcollection.js';
9
+ import { type View } from './view.js';
10
+ import { type ViewCollection } from './viewcollection.js';
11
11
  declare const FocusCycler_base: {
12
12
  new (): import("@ckeditor/ckeditor5-utils").Emitter;
13
13
  prototype: import("@ckeditor/ckeditor5-utils").Emitter;
@@ -64,7 +64,7 @@ declare const FocusCycler_base: {
64
64
  *
65
65
  * Check out the {@glink framework/deep-dive/ui/focus-tracking "Deep dive into focus tracking"} guide to learn more.
66
66
  */
67
- export default class FocusCycler extends /* #__PURE__ */ FocusCycler_base {
67
+ export declare class FocusCycler extends /* #__PURE__ */ FocusCycler_base {
68
68
  /**
69
69
  * A {@link module:ui/focuscycler~FocusableView focusable views} collection that the cycler operates on.
70
70
  */
@@ -58,7 +58,7 @@ import { isVisible, EmitterMixin } from '@ckeditor/ckeditor5-utils';
58
58
  *
59
59
  * Check out the {@glink framework/deep-dive/ui/focus-tracking "Deep dive into focus tracking"} guide to learn more.
60
60
  */
61
- export default class FocusCycler extends /* #__PURE__ */ EmitterMixin() {
61
+ export class FocusCycler extends /* #__PURE__ */ EmitterMixin() {
62
62
  /**
63
63
  * A {@link module:ui/focuscycler~FocusableView focusable views} collection that the cycler operates on.
64
64
  */