@ckeditor/ckeditor5-ui 40.0.0 → 40.2.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 (171) hide show
  1. package/CHANGELOG.md +26 -26
  2. package/LICENSE.md +3 -3
  3. package/lang/translations/gl.po +4 -4
  4. package/lang/translations/pt-br.po +1 -1
  5. package/lang/translations/sr-latn.po +6 -6
  6. package/lang/translations/ug.po +26 -26
  7. package/package.json +3 -3
  8. package/src/arialiveannouncer.d.ts +94 -0
  9. package/src/arialiveannouncer.js +113 -0
  10. package/src/augmentation.d.ts +86 -86
  11. package/src/augmentation.js +5 -5
  12. package/src/autocomplete/autocompleteview.d.ts +81 -81
  13. package/src/autocomplete/autocompleteview.js +153 -146
  14. package/src/bindings/addkeyboardhandlingforgrid.d.ts +27 -27
  15. package/src/bindings/addkeyboardhandlingforgrid.js +107 -107
  16. package/src/bindings/clickoutsidehandler.d.ts +28 -28
  17. package/src/bindings/clickoutsidehandler.js +36 -36
  18. package/src/bindings/csstransitiondisablermixin.d.ts +40 -40
  19. package/src/bindings/csstransitiondisablermixin.js +55 -55
  20. package/src/bindings/injectcsstransitiondisabler.d.ts +59 -59
  21. package/src/bindings/injectcsstransitiondisabler.js +71 -71
  22. package/src/bindings/preventdefault.d.ts +33 -33
  23. package/src/bindings/preventdefault.js +34 -34
  24. package/src/bindings/submithandler.d.ts +57 -57
  25. package/src/bindings/submithandler.js +47 -47
  26. package/src/button/button.d.ts +172 -178
  27. package/src/button/button.js +5 -5
  28. package/src/button/buttonlabel.d.ts +34 -34
  29. package/src/button/buttonlabel.js +5 -5
  30. package/src/button/buttonlabelview.d.ts +31 -31
  31. package/src/button/buttonlabelview.js +42 -42
  32. package/src/button/buttonview.d.ts +181 -185
  33. package/src/button/buttonview.js +217 -219
  34. package/src/button/switchbuttonview.d.ts +45 -45
  35. package/src/button/switchbuttonview.js +75 -75
  36. package/src/collapsible/collapsibleview.d.ts +69 -0
  37. package/src/collapsible/collapsibleview.js +95 -0
  38. package/src/colorgrid/colorgridview.d.ts +132 -132
  39. package/src/colorgrid/colorgridview.js +124 -124
  40. package/src/colorgrid/colortileview.d.ts +28 -28
  41. package/src/colorgrid/colortileview.js +40 -40
  42. package/src/colorgrid/utils.d.ts +47 -47
  43. package/src/colorgrid/utils.js +84 -84
  44. package/src/colorpicker/colorpickerview.d.ts +137 -137
  45. package/src/colorpicker/colorpickerview.js +270 -270
  46. package/src/colorpicker/utils.d.ts +43 -43
  47. package/src/colorpicker/utils.js +99 -99
  48. package/src/colorselector/colorgridsfragmentview.d.ts +194 -194
  49. package/src/colorselector/colorgridsfragmentview.js +289 -289
  50. package/src/colorselector/colorpickerfragmentview.d.ts +128 -128
  51. package/src/colorselector/colorpickerfragmentview.js +205 -205
  52. package/src/colorselector/colorselectorview.d.ts +242 -242
  53. package/src/colorselector/colorselectorview.js +256 -256
  54. package/src/colorselector/documentcolorcollection.d.ts +70 -70
  55. package/src/colorselector/documentcolorcollection.js +42 -42
  56. package/src/componentfactory.d.ts +81 -81
  57. package/src/componentfactory.js +104 -104
  58. package/src/dropdown/button/dropdownbutton.d.ts +25 -25
  59. package/src/dropdown/button/dropdownbutton.js +5 -5
  60. package/src/dropdown/button/dropdownbuttonview.d.ts +48 -48
  61. package/src/dropdown/button/dropdownbuttonview.js +66 -66
  62. package/src/dropdown/button/splitbuttonview.d.ts +162 -161
  63. package/src/dropdown/button/splitbuttonview.js +154 -152
  64. package/src/dropdown/dropdownpanelfocusable.d.ts +21 -21
  65. package/src/dropdown/dropdownpanelfocusable.js +5 -5
  66. package/src/dropdown/dropdownpanelview.d.ts +62 -62
  67. package/src/dropdown/dropdownpanelview.js +97 -97
  68. package/src/dropdown/dropdownview.d.ts +315 -315
  69. package/src/dropdown/dropdownview.js +379 -379
  70. package/src/dropdown/utils.d.ts +235 -235
  71. package/src/dropdown/utils.js +463 -458
  72. package/src/editableui/editableuiview.d.ts +72 -72
  73. package/src/editableui/editableuiview.js +112 -112
  74. package/src/editableui/inline/inlineeditableuiview.d.ts +40 -40
  75. package/src/editableui/inline/inlineeditableuiview.js +48 -48
  76. package/src/editorui/bodycollection.d.ts +55 -55
  77. package/src/editorui/bodycollection.js +84 -84
  78. package/src/editorui/boxed/boxededitoruiview.d.ts +40 -40
  79. package/src/editorui/boxed/boxededitoruiview.js +81 -81
  80. package/src/editorui/editorui.d.ts +288 -282
  81. package/src/editorui/editorui.js +412 -410
  82. package/src/editorui/editoruiview.d.ts +39 -39
  83. package/src/editorui/editoruiview.js +38 -38
  84. package/src/editorui/poweredby.d.ts +71 -71
  85. package/src/editorui/poweredby.js +276 -276
  86. package/src/focuscycler.d.ts +226 -226
  87. package/src/focuscycler.js +245 -245
  88. package/src/formheader/formheaderview.d.ts +59 -59
  89. package/src/formheader/formheaderview.js +69 -69
  90. package/src/highlightedtext/highlightedtextview.d.ts +38 -38
  91. package/src/highlightedtext/highlightedtextview.js +102 -102
  92. package/src/icon/iconview.d.ts +85 -85
  93. package/src/icon/iconview.js +114 -114
  94. package/src/iframe/iframeview.d.ts +50 -50
  95. package/src/iframe/iframeview.js +63 -63
  96. package/src/index.d.ts +74 -73
  97. package/src/index.js +71 -70
  98. package/src/input/inputbase.d.ts +107 -107
  99. package/src/input/inputbase.js +110 -110
  100. package/src/input/inputview.d.ts +36 -36
  101. package/src/input/inputview.js +24 -24
  102. package/src/inputnumber/inputnumberview.d.ts +49 -49
  103. package/src/inputnumber/inputnumberview.js +40 -40
  104. package/src/inputtext/inputtextview.d.ts +18 -18
  105. package/src/inputtext/inputtextview.js +27 -27
  106. package/src/label/labelview.d.ts +36 -36
  107. package/src/label/labelview.js +41 -41
  108. package/src/labeledfield/labeledfieldview.d.ts +187 -187
  109. package/src/labeledfield/labeledfieldview.js +157 -157
  110. package/src/labeledfield/utils.d.ts +123 -123
  111. package/src/labeledfield/utils.js +176 -176
  112. package/src/labeledinput/labeledinputview.d.ts +125 -125
  113. package/src/labeledinput/labeledinputview.js +125 -125
  114. package/src/list/listitemgroupview.d.ts +59 -51
  115. package/src/list/listitemgroupview.js +67 -75
  116. package/src/list/listitemview.d.ts +36 -36
  117. package/src/list/listitemview.js +42 -42
  118. package/src/list/listseparatorview.d.ts +18 -18
  119. package/src/list/listseparatorview.js +28 -28
  120. package/src/list/listview.d.ts +123 -122
  121. package/src/list/listview.js +188 -187
  122. package/src/model.d.ts +22 -22
  123. package/src/model.js +31 -31
  124. package/src/notification/notification.d.ts +211 -211
  125. package/src/notification/notification.js +187 -187
  126. package/src/panel/balloon/balloonpanelview.d.ts +685 -685
  127. package/src/panel/balloon/balloonpanelview.js +1010 -1010
  128. package/src/panel/balloon/contextualballoon.d.ts +299 -299
  129. package/src/panel/balloon/contextualballoon.js +572 -572
  130. package/src/panel/sticky/stickypanelview.d.ts +156 -156
  131. package/src/panel/sticky/stickypanelview.js +234 -234
  132. package/src/search/filteredview.d.ts +31 -31
  133. package/src/search/filteredview.js +5 -5
  134. package/src/search/searchinfoview.d.ts +45 -45
  135. package/src/search/searchinfoview.js +59 -59
  136. package/src/search/searchresultsview.d.ts +54 -54
  137. package/src/search/searchresultsview.js +65 -65
  138. package/src/search/text/searchtextqueryview.d.ts +76 -76
  139. package/src/search/text/searchtextqueryview.js +75 -75
  140. package/src/search/text/searchtextview.d.ts +219 -219
  141. package/src/search/text/searchtextview.js +201 -201
  142. package/src/spinner/spinnerview.d.ts +25 -25
  143. package/src/spinner/spinnerview.js +38 -38
  144. package/src/template.d.ts +942 -942
  145. package/src/template.js +1294 -1294
  146. package/src/textarea/textareaview.d.ts +88 -88
  147. package/src/textarea/textareaview.js +142 -140
  148. package/src/toolbar/balloon/balloontoolbar.d.ts +122 -122
  149. package/src/toolbar/balloon/balloontoolbar.js +300 -300
  150. package/src/toolbar/block/blockbuttonview.d.ts +35 -35
  151. package/src/toolbar/block/blockbuttonview.js +41 -41
  152. package/src/toolbar/block/blocktoolbar.d.ts +161 -161
  153. package/src/toolbar/block/blocktoolbar.js +395 -395
  154. package/src/toolbar/normalizetoolbarconfig.d.ts +40 -40
  155. package/src/toolbar/normalizetoolbarconfig.js +52 -51
  156. package/src/toolbar/toolbarlinebreakview.d.ts +18 -18
  157. package/src/toolbar/toolbarlinebreakview.js +28 -28
  158. package/src/toolbar/toolbarseparatorview.d.ts +18 -18
  159. package/src/toolbar/toolbarseparatorview.js +28 -28
  160. package/src/toolbar/toolbarview.d.ts +266 -266
  161. package/src/toolbar/toolbarview.js +719 -719
  162. package/src/tooltipmanager.d.ts +180 -180
  163. package/src/tooltipmanager.js +353 -353
  164. package/src/view.d.ts +422 -422
  165. package/src/view.js +396 -396
  166. package/src/viewcollection.d.ts +139 -139
  167. package/src/viewcollection.js +206 -206
  168. package/theme/components/arialiveannouncer/arialiveannouncer.css +10 -0
  169. package/theme/components/button/button.css +9 -1
  170. package/theme/components/collapsible/collapsible.css +10 -0
  171. package/theme/components/formheader/formheader.css +0 -4
@@ -1,18 +1,18 @@
1
- /**
2
- * @license Copyright (c) 2003-2023, 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
- * @module ui/list/listseparatorview
7
- */
8
- import View from '../view';
9
- import type { Locale } from '@ckeditor/ckeditor5-utils';
10
- /**
11
- * The list separator view class.
12
- */
13
- export default class ListSeparatorView extends View {
14
- /**
15
- * @inheritDoc
16
- */
17
- constructor(locale?: Locale);
18
- }
1
+ /**
2
+ * @license Copyright (c) 2003-2023, 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
+ * @module ui/list/listseparatorview
7
+ */
8
+ import View from '../view';
9
+ import type { Locale } from '@ckeditor/ckeditor5-utils';
10
+ /**
11
+ * The list separator view class.
12
+ */
13
+ export default class ListSeparatorView extends View {
14
+ /**
15
+ * @inheritDoc
16
+ */
17
+ constructor(locale?: Locale);
18
+ }
@@ -1,28 +1,28 @@
1
- /**
2
- * @license Copyright (c) 2003-2023, 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
- * @module ui/list/listseparatorview
7
- */
8
- import View from '../view';
9
- /**
10
- * The list separator view class.
11
- */
12
- export default class ListSeparatorView extends View {
13
- /**
14
- * @inheritDoc
15
- */
16
- constructor(locale) {
17
- super(locale);
18
- this.setTemplate({
19
- tag: 'li',
20
- attributes: {
21
- class: [
22
- 'ck',
23
- 'ck-list__separator'
24
- ]
25
- }
26
- });
27
- }
28
- }
1
+ /**
2
+ * @license Copyright (c) 2003-2023, 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
+ * @module ui/list/listseparatorview
7
+ */
8
+ import View from '../view';
9
+ /**
10
+ * The list separator view class.
11
+ */
12
+ export default class ListSeparatorView extends View {
13
+ /**
14
+ * @inheritDoc
15
+ */
16
+ constructor(locale) {
17
+ super(locale);
18
+ this.setTemplate({
19
+ tag: 'li',
20
+ attributes: {
21
+ class: [
22
+ 'ck',
23
+ 'ck-list__separator'
24
+ ]
25
+ }
26
+ });
27
+ }
28
+ }
@@ -1,122 +1,123 @@
1
- /**
2
- * @license Copyright (c) 2003-2023, 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
- * @module ui/list/listview
7
- */
8
- import View from '../view';
9
- import type ListItemView from './listitemview';
10
- import ListItemGroupView from './listitemgroupview';
11
- import type DropdownPanelFocusable from '../dropdown/dropdownpanelfocusable';
12
- import ViewCollection from '../viewcollection';
13
- import { FocusTracker, KeystrokeHandler, type Locale } from '@ckeditor/ckeditor5-utils';
14
- import '../../theme/components/list/list.css';
15
- /**
16
- * The list view class.
17
- */
18
- export default class ListView extends View<HTMLUListElement> implements DropdownPanelFocusable {
19
- /**
20
- * The collection of focusable views in the list. It is used to determine accessible navigation
21
- * between the {@link module:ui/list/listitemview~ListItemView list items} and
22
- * {@link module:ui/list/listitemgroupview~ListItemGroupView list groups}.
23
- */
24
- readonly focusables: ViewCollection;
25
- /**
26
- * Collection of the child list views.
27
- */
28
- readonly items: ViewCollection<ListItemView | ListItemGroupView>;
29
- /**
30
- * Tracks information about DOM focus in the list.
31
- */
32
- readonly focusTracker: FocusTracker;
33
- /**
34
- * Instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.
35
- */
36
- readonly keystrokes: KeystrokeHandler;
37
- /**
38
- * Label used by assistive technologies to describe this list element.
39
- *
40
- * @observable
41
- */
42
- ariaLabel: string | undefined;
43
- /**
44
- * (Optional) The ARIA property reflected by the `aria-ariaLabelledBy` DOM attribute used by assistive technologies.
45
- *
46
- * @observable
47
- */
48
- ariaLabelledBy?: string | undefined;
49
- /**
50
- * The property reflected by the `role` DOM attribute to be used by assistive technologies.
51
- *
52
- * @observable
53
- */
54
- role: string | undefined;
55
- /**
56
- * Helps cycling over focusable {@link #items} in the list.
57
- */
58
- private readonly _focusCycler;
59
- /**
60
- * A cached map of {@link module:ui/list/listitemgroupview~ListItemGroupView} to `change` event listeners for their `items`.
61
- * Used for accessibility and keyboard navigation purposes.
62
- */
63
- private readonly _listItemGroupToChangeListeners;
64
- /**
65
- * @inheritDoc
66
- */
67
- constructor(locale?: Locale);
68
- /**
69
- * @inheritDoc
70
- */
71
- render(): void;
72
- /**
73
- * @inheritDoc
74
- */
75
- destroy(): void;
76
- /**
77
- * Focuses the first focusable in {@link #items}.
78
- */
79
- focus(): void;
80
- /**
81
- * Focuses the first focusable in {@link #items}.
82
- */
83
- focusFirst(): void;
84
- /**
85
- * Focuses the last focusable in {@link #items}.
86
- */
87
- focusLast(): void;
88
- /**
89
- * Registers a list item view in the focus tracker.
90
- *
91
- * @param item The list item view to be registered.
92
- * @param index Index of the list item view in the {@link #items} collection. If not specified, the item will be added at the end.
93
- */
94
- private _registerFocusableListItem;
95
- /**
96
- * Removes a list item view from the focus tracker.
97
- *
98
- * @param item The list item view to be removed.
99
- */
100
- private _deregisterFocusableListItem;
101
- /**
102
- * Gets a callback that will be called when the `items` collection of a {@link module:ui/list/listitemgroupview~ListItemGroupView}
103
- * change.
104
- *
105
- * @param groupView The group view for which the callback will be created.
106
- * @returns The callback function to be used for the items `change` event listener in a group.
107
- */
108
- private _getOnGroupItemsChangeCallback;
109
- /**
110
- * Registers a list item group view (and its children) in the focus tracker.
111
- *
112
- * @param groupView A group view to be registered.
113
- * @param groupIndex Index of the group view in the {@link #items} collection. If not specified, the group will be added at the end.
114
- */
115
- private _registerFocusableItemsGroup;
116
- /**
117
- * Removes a list item group view (and its children) from the focus tracker.
118
- *
119
- * @param groupView The group view to be removed.
120
- */
121
- private _deregisterFocusableItemsGroup;
122
- }
1
+ /**
2
+ * @license Copyright (c) 2003-2023, 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
+ * @module ui/list/listview
7
+ */
8
+ import View from '../view';
9
+ import ListItemView from './listitemview';
10
+ import ListItemGroupView from './listitemgroupview';
11
+ import type ListSeparatorView from './listseparatorview';
12
+ import type DropdownPanelFocusable from '../dropdown/dropdownpanelfocusable';
13
+ import ViewCollection from '../viewcollection';
14
+ import { FocusTracker, KeystrokeHandler, type Locale } from '@ckeditor/ckeditor5-utils';
15
+ import '../../theme/components/list/list.css';
16
+ /**
17
+ * The list view class.
18
+ */
19
+ export default class ListView extends View<HTMLUListElement> implements DropdownPanelFocusable {
20
+ /**
21
+ * The collection of focusable views in the list. It is used to determine accessible navigation
22
+ * between the {@link module:ui/list/listitemview~ListItemView list items} and
23
+ * {@link module:ui/list/listitemgroupview~ListItemGroupView list groups}.
24
+ */
25
+ readonly focusables: ViewCollection;
26
+ /**
27
+ * Collection of the child list views.
28
+ */
29
+ readonly items: ViewCollection<ListItemView | ListItemGroupView | ListSeparatorView>;
30
+ /**
31
+ * Tracks information about DOM focus in the list.
32
+ */
33
+ readonly focusTracker: FocusTracker;
34
+ /**
35
+ * Instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.
36
+ */
37
+ readonly keystrokes: KeystrokeHandler;
38
+ /**
39
+ * Label used by assistive technologies to describe this list element.
40
+ *
41
+ * @observable
42
+ */
43
+ ariaLabel: string | undefined;
44
+ /**
45
+ * (Optional) The ARIA property reflected by the `aria-ariaLabelledBy` DOM attribute used by assistive technologies.
46
+ *
47
+ * @observable
48
+ */
49
+ ariaLabelledBy?: string | undefined;
50
+ /**
51
+ * The property reflected by the `role` DOM attribute to be used by assistive technologies.
52
+ *
53
+ * @observable
54
+ */
55
+ role: string | undefined;
56
+ /**
57
+ * Helps cycling over focusable {@link #items} in the list.
58
+ */
59
+ private readonly _focusCycler;
60
+ /**
61
+ * A cached map of {@link module:ui/list/listitemgroupview~ListItemGroupView} to `change` event listeners for their `items`.
62
+ * Used for accessibility and keyboard navigation purposes.
63
+ */
64
+ private readonly _listItemGroupToChangeListeners;
65
+ /**
66
+ * @inheritDoc
67
+ */
68
+ constructor(locale?: Locale);
69
+ /**
70
+ * @inheritDoc
71
+ */
72
+ render(): void;
73
+ /**
74
+ * @inheritDoc
75
+ */
76
+ destroy(): void;
77
+ /**
78
+ * Focuses the first focusable in {@link #items}.
79
+ */
80
+ focus(): void;
81
+ /**
82
+ * Focuses the first focusable in {@link #items}.
83
+ */
84
+ focusFirst(): void;
85
+ /**
86
+ * Focuses the last focusable in {@link #items}.
87
+ */
88
+ focusLast(): void;
89
+ /**
90
+ * Registers a list item view in the focus tracker.
91
+ *
92
+ * @param item The list item view to be registered.
93
+ * @param index Index of the list item view in the {@link #items} collection. If not specified, the item will be added at the end.
94
+ */
95
+ private _registerFocusableListItem;
96
+ /**
97
+ * Removes a list item view from the focus tracker.
98
+ *
99
+ * @param item The list item view to be removed.
100
+ */
101
+ private _deregisterFocusableListItem;
102
+ /**
103
+ * Gets a callback that will be called when the `items` collection of a {@link module:ui/list/listitemgroupview~ListItemGroupView}
104
+ * change.
105
+ *
106
+ * @param groupView The group view for which the callback will be created.
107
+ * @returns The callback function to be used for the items `change` event listener in a group.
108
+ */
109
+ private _getOnGroupItemsChangeCallback;
110
+ /**
111
+ * Registers a list item group view (and its children) in the focus tracker.
112
+ *
113
+ * @param groupView A group view to be registered.
114
+ * @param groupIndex Index of the group view in the {@link #items} collection. If not specified, the group will be added at the end.
115
+ */
116
+ private _registerFocusableItemsGroup;
117
+ /**
118
+ * Removes a list item group view (and its children) from the focus tracker.
119
+ *
120
+ * @param groupView The group view to be removed.
121
+ */
122
+ private _deregisterFocusableItemsGroup;
123
+ }