@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,156 +1,156 @@
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/panel/sticky/stickypanelview
7
- */
8
- import View from '../../view';
9
- import type ViewCollection from '../../viewcollection';
10
- import { type Locale } from '@ckeditor/ckeditor5-utils';
11
- import '../../../theme/components/panel/stickypanel.css';
12
- /**
13
- * The sticky panel view class.
14
- */
15
- export default class StickyPanelView extends View {
16
- /**
17
- * Collection of the child views which creates balloon panel contents.
18
- */
19
- readonly content: ViewCollection;
20
- /**
21
- * Controls whether the sticky panel should be active.
22
- *
23
- * @readonly
24
- * @observable
25
- */
26
- isActive: boolean;
27
- /**
28
- * Controls whether the sticky panel is in the "sticky" state.
29
- *
30
- * @readonly
31
- * @observable
32
- */
33
- isSticky: boolean;
34
- /**
35
- * The limiter element for the sticky panel instance. Its bounding rect limits
36
- * the "stickyness" of the panel, i.e. when the panel reaches the bottom
37
- * edge of the limiter, it becomes sticky to that edge and does not float
38
- * off the limiter. It is mandatory for the panel to work properly and once
39
- * set, it cannot be changed.
40
- *
41
- * @readonly
42
- * @observable
43
- */
44
- limiterElement: HTMLElement | null;
45
- /**
46
- * The offset from the bottom edge of {@link #limiterElement}
47
- * which stops the panel from stickying any further to prevent limiter's content
48
- * from being completely covered.
49
- *
50
- * @readonly
51
- * @observable
52
- * @default 50
53
- */
54
- limiterBottomOffset: number;
55
- /**
56
- * The offset from the top edge of the web browser's viewport which makes the
57
- * panel become sticky. The default value is `0`, which means the panel becomes
58
- * sticky when it's upper edge touches the top of the page viewport.
59
- *
60
- * This attribute is useful when the web page has UI elements positioned to the top
61
- * either using `position: fixed` or `position: sticky`, which would cover the
62
- * sticky panel or vice–versa (depending on the `z-index` hierarchy).
63
- *
64
- * Bound to {@link module:ui/editorui/editorui~EditorUI#viewportOffset `EditorUI#viewportOffset`}.
65
- *
66
- * If {@link module:core/editor/editorconfig~EditorConfig#ui `EditorConfig#ui.viewportOffset.top`} is defined, then
67
- * it will override the default value.
68
- *
69
- * @observable
70
- * @default 0
71
- */
72
- viewportTopOffset: number;
73
- /**
74
- * Controls the `margin-left` CSS style of the panel.
75
- *
76
- * @private
77
- * @readonly
78
- * @observable
79
- */
80
- _marginLeft: string | null;
81
- /**
82
- * Set `true` if the sticky panel reached the bottom edge of the
83
- * {@link #limiterElement}.
84
- *
85
- * @private
86
- * @readonly
87
- * @observable
88
- */
89
- _isStickyToTheBottomOfLimiter: boolean;
90
- /**
91
- * The `top` CSS position of the panel when it is sticky to the top of the viewport or scrollable
92
- * ancestors of the {@link #limiterElement}.
93
- *
94
- * @private
95
- * @readonly
96
- * @observable
97
- */
98
- _stickyTopOffset: number | null;
99
- /**
100
- * The `bottom` CSS position of the panel when it is sticky to the bottom of the {@link #limiterElement}.
101
- *
102
- * @private
103
- * @readonly
104
- * @observable
105
- */
106
- _stickyBottomOffset: number | null;
107
- /**
108
- * A dummy element which visually fills the space as long as the
109
- * actual panel is sticky. It prevents flickering of the UI.
110
- */
111
- private _contentPanelPlaceholder;
112
- /**
113
- * The panel which accepts children into {@link #content} collection.
114
- * Also an element which is positioned when {@link #isSticky}.
115
- */
116
- private _contentPanel;
117
- /**
118
- * @inheritDoc
119
- */
120
- constructor(locale?: Locale);
121
- /**
122
- * @inheritDoc
123
- */
124
- render(): void;
125
- /**
126
- * Analyzes the environment to decide whether the panel should be sticky or not.
127
- * Then handles the positioning of the panel.
128
- */
129
- checkIfShouldBeSticky(): void;
130
- /**
131
- * Sticks the panel at the given CSS `top` offset.
132
- *
133
- * @private
134
- * @param topOffset
135
- */
136
- private _stickToTopOfAncestors;
137
- /**
138
- * Sticks the panel at the bottom of the limiter with a given CSS `bottom` offset.
139
- *
140
- * @private
141
- * @param stickyBottomOffset
142
- */
143
- private _stickToBottomOfLimiter;
144
- /**
145
- * Unsticks the panel putting it back to its original position.
146
- *
147
- * @private
148
- */
149
- private _unstick;
150
- /**
151
- * Returns the bounding rect of the {@link #_contentPanel}.
152
- *
153
- * @private
154
- */
155
- private get _contentPanelRect();
156
- }
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/panel/sticky/stickypanelview
7
+ */
8
+ import View from '../../view';
9
+ import type ViewCollection from '../../viewcollection';
10
+ import { type Locale } from '@ckeditor/ckeditor5-utils';
11
+ import '../../../theme/components/panel/stickypanel.css';
12
+ /**
13
+ * The sticky panel view class.
14
+ */
15
+ export default class StickyPanelView extends View {
16
+ /**
17
+ * Collection of the child views which creates balloon panel contents.
18
+ */
19
+ readonly content: ViewCollection;
20
+ /**
21
+ * Controls whether the sticky panel should be active.
22
+ *
23
+ * @readonly
24
+ * @observable
25
+ */
26
+ isActive: boolean;
27
+ /**
28
+ * Controls whether the sticky panel is in the "sticky" state.
29
+ *
30
+ * @readonly
31
+ * @observable
32
+ */
33
+ isSticky: boolean;
34
+ /**
35
+ * The limiter element for the sticky panel instance. Its bounding rect limits
36
+ * the "stickyness" of the panel, i.e. when the panel reaches the bottom
37
+ * edge of the limiter, it becomes sticky to that edge and does not float
38
+ * off the limiter. It is mandatory for the panel to work properly and once
39
+ * set, it cannot be changed.
40
+ *
41
+ * @readonly
42
+ * @observable
43
+ */
44
+ limiterElement: HTMLElement | null;
45
+ /**
46
+ * The offset from the bottom edge of {@link #limiterElement}
47
+ * which stops the panel from stickying any further to prevent limiter's content
48
+ * from being completely covered.
49
+ *
50
+ * @readonly
51
+ * @observable
52
+ * @default 50
53
+ */
54
+ limiterBottomOffset: number;
55
+ /**
56
+ * The offset from the top edge of the web browser's viewport which makes the
57
+ * panel become sticky. The default value is `0`, which means the panel becomes
58
+ * sticky when it's upper edge touches the top of the page viewport.
59
+ *
60
+ * This attribute is useful when the web page has UI elements positioned to the top
61
+ * either using `position: fixed` or `position: sticky`, which would cover the
62
+ * sticky panel or vice–versa (depending on the `z-index` hierarchy).
63
+ *
64
+ * Bound to {@link module:ui/editorui/editorui~EditorUI#viewportOffset `EditorUI#viewportOffset`}.
65
+ *
66
+ * If {@link module:core/editor/editorconfig~EditorConfig#ui `EditorConfig#ui.viewportOffset.top`} is defined, then
67
+ * it will override the default value.
68
+ *
69
+ * @observable
70
+ * @default 0
71
+ */
72
+ viewportTopOffset: number;
73
+ /**
74
+ * Controls the `margin-left` CSS style of the panel.
75
+ *
76
+ * @private
77
+ * @readonly
78
+ * @observable
79
+ */
80
+ _marginLeft: string | null;
81
+ /**
82
+ * Set `true` if the sticky panel reached the bottom edge of the
83
+ * {@link #limiterElement}.
84
+ *
85
+ * @private
86
+ * @readonly
87
+ * @observable
88
+ */
89
+ _isStickyToTheBottomOfLimiter: boolean;
90
+ /**
91
+ * The `top` CSS position of the panel when it is sticky to the top of the viewport or scrollable
92
+ * ancestors of the {@link #limiterElement}.
93
+ *
94
+ * @private
95
+ * @readonly
96
+ * @observable
97
+ */
98
+ _stickyTopOffset: number | null;
99
+ /**
100
+ * The `bottom` CSS position of the panel when it is sticky to the bottom of the {@link #limiterElement}.
101
+ *
102
+ * @private
103
+ * @readonly
104
+ * @observable
105
+ */
106
+ _stickyBottomOffset: number | null;
107
+ /**
108
+ * A dummy element which visually fills the space as long as the
109
+ * actual panel is sticky. It prevents flickering of the UI.
110
+ */
111
+ private _contentPanelPlaceholder;
112
+ /**
113
+ * The panel which accepts children into {@link #content} collection.
114
+ * Also an element which is positioned when {@link #isSticky}.
115
+ */
116
+ private _contentPanel;
117
+ /**
118
+ * @inheritDoc
119
+ */
120
+ constructor(locale?: Locale);
121
+ /**
122
+ * @inheritDoc
123
+ */
124
+ render(): void;
125
+ /**
126
+ * Analyzes the environment to decide whether the panel should be sticky or not.
127
+ * Then handles the positioning of the panel.
128
+ */
129
+ checkIfShouldBeSticky(): void;
130
+ /**
131
+ * Sticks the panel at the given CSS `top` offset.
132
+ *
133
+ * @private
134
+ * @param topOffset
135
+ */
136
+ private _stickToTopOfAncestors;
137
+ /**
138
+ * Sticks the panel at the bottom of the limiter with a given CSS `bottom` offset.
139
+ *
140
+ * @private
141
+ * @param stickyBottomOffset
142
+ */
143
+ private _stickToBottomOfLimiter;
144
+ /**
145
+ * Unsticks the panel putting it back to its original position.
146
+ *
147
+ * @private
148
+ */
149
+ private _unstick;
150
+ /**
151
+ * Returns the bounding rect of the {@link #_contentPanel}.
152
+ *
153
+ * @private
154
+ */
155
+ private get _contentPanelRect();
156
+ }