@ckeditor/ckeditor5-ui 38.0.1 → 38.1.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 (127) hide show
  1. package/lang/translations/it.po +1 -1
  2. package/package.json +3 -32
  3. package/src/augmentation.d.ts +86 -86
  4. package/src/augmentation.js +5 -5
  5. package/src/bindings/addkeyboardhandlingforgrid.d.ts +27 -27
  6. package/src/bindings/addkeyboardhandlingforgrid.js +107 -107
  7. package/src/bindings/clickoutsidehandler.d.ts +28 -28
  8. package/src/bindings/clickoutsidehandler.js +36 -36
  9. package/src/bindings/csstransitiondisablermixin.d.ts +40 -40
  10. package/src/bindings/csstransitiondisablermixin.js +55 -55
  11. package/src/bindings/injectcsstransitiondisabler.d.ts +59 -59
  12. package/src/bindings/injectcsstransitiondisabler.js +71 -71
  13. package/src/bindings/preventdefault.d.ts +33 -33
  14. package/src/bindings/preventdefault.js +34 -34
  15. package/src/bindings/submithandler.d.ts +57 -57
  16. package/src/bindings/submithandler.js +47 -47
  17. package/src/button/button.d.ts +178 -178
  18. package/src/button/button.js +5 -5
  19. package/src/button/buttonview.d.ts +177 -177
  20. package/src/button/buttonview.js +231 -231
  21. package/src/button/switchbuttonview.d.ts +45 -45
  22. package/src/button/switchbuttonview.js +75 -75
  23. package/src/colorgrid/colorgridview.d.ts +132 -132
  24. package/src/colorgrid/colorgridview.js +124 -124
  25. package/src/colorgrid/colortileview.d.ts +28 -28
  26. package/src/colorgrid/colortileview.js +40 -40
  27. package/src/colorgrid/utils.d.ts +47 -47
  28. package/src/colorgrid/utils.js +84 -84
  29. package/src/colorpicker/colorpickerview.d.ts +110 -110
  30. package/src/colorpicker/colorpickerview.js +253 -250
  31. package/src/colorpicker/utils.d.ts +35 -35
  32. package/src/colorpicker/utils.js +99 -99
  33. package/src/componentfactory.d.ts +81 -81
  34. package/src/componentfactory.js +104 -104
  35. package/src/dropdown/button/dropdownbutton.d.ts +25 -25
  36. package/src/dropdown/button/dropdownbutton.js +5 -5
  37. package/src/dropdown/button/dropdownbuttonview.d.ts +48 -48
  38. package/src/dropdown/button/dropdownbuttonview.js +66 -66
  39. package/src/dropdown/button/splitbuttonview.d.ts +161 -161
  40. package/src/dropdown/button/splitbuttonview.js +152 -152
  41. package/src/dropdown/dropdownpanelfocusable.d.ts +21 -21
  42. package/src/dropdown/dropdownpanelfocusable.js +5 -5
  43. package/src/dropdown/dropdownpanelview.d.ts +62 -62
  44. package/src/dropdown/dropdownpanelview.js +96 -96
  45. package/src/dropdown/dropdownview.d.ts +315 -315
  46. package/src/dropdown/dropdownview.js +378 -378
  47. package/src/dropdown/utils.d.ts +221 -221
  48. package/src/dropdown/utils.js +434 -434
  49. package/src/editableui/editableuiview.d.ts +72 -72
  50. package/src/editableui/editableuiview.js +112 -112
  51. package/src/editableui/inline/inlineeditableuiview.d.ts +40 -40
  52. package/src/editableui/inline/inlineeditableuiview.js +48 -48
  53. package/src/editorui/bodycollection.d.ts +55 -51
  54. package/src/editorui/bodycollection.js +84 -78
  55. package/src/editorui/boxed/boxededitoruiview.d.ts +40 -40
  56. package/src/editorui/boxed/boxededitoruiview.js +81 -81
  57. package/src/editorui/editorui.d.ts +282 -274
  58. package/src/editorui/editorui.js +410 -388
  59. package/src/editorui/editoruiview.d.ts +39 -39
  60. package/src/editorui/editoruiview.js +38 -38
  61. package/src/editorui/poweredby.d.ts +71 -76
  62. package/src/editorui/poweredby.js +294 -291
  63. package/src/focuscycler.d.ts +183 -183
  64. package/src/focuscycler.js +220 -220
  65. package/src/formheader/formheaderview.d.ts +53 -53
  66. package/src/formheader/formheaderview.js +63 -63
  67. package/src/icon/iconview.d.ts +78 -78
  68. package/src/icon/iconview.js +112 -112
  69. package/src/iframe/iframeview.d.ts +50 -50
  70. package/src/iframe/iframeview.js +63 -63
  71. package/src/index.d.ts +62 -61
  72. package/src/index.js +61 -60
  73. package/src/input/inputview.d.ts +121 -121
  74. package/src/input/inputview.js +106 -106
  75. package/src/inputnumber/inputnumberview.d.ts +49 -49
  76. package/src/inputnumber/inputnumberview.js +40 -40
  77. package/src/inputtext/inputtextview.d.ts +18 -18
  78. package/src/inputtext/inputtextview.js +27 -27
  79. package/src/label/labelview.d.ts +36 -36
  80. package/src/label/labelview.js +41 -41
  81. package/src/labeledfield/labeledfieldview.d.ts +182 -182
  82. package/src/labeledfield/labeledfieldview.js +157 -157
  83. package/src/labeledfield/utils.d.ts +93 -93
  84. package/src/labeledfield/utils.js +131 -131
  85. package/src/labeledinput/labeledinputview.d.ts +125 -125
  86. package/src/labeledinput/labeledinputview.js +125 -125
  87. package/src/list/listitemview.d.ts +35 -35
  88. package/src/list/listitemview.js +40 -40
  89. package/src/list/listseparatorview.d.ts +18 -18
  90. package/src/list/listseparatorview.js +28 -28
  91. package/src/list/listview.d.ts +65 -65
  92. package/src/list/listview.js +90 -90
  93. package/src/model.d.ts +22 -22
  94. package/src/model.js +31 -31
  95. package/src/notification/notification.d.ts +211 -211
  96. package/src/notification/notification.js +187 -187
  97. package/src/panel/balloon/balloonpanelview.d.ts +685 -685
  98. package/src/panel/balloon/balloonpanelview.js +988 -988
  99. package/src/panel/balloon/contextualballoon.d.ts +299 -299
  100. package/src/panel/balloon/contextualballoon.js +572 -572
  101. package/src/panel/sticky/stickypanelview.d.ts +132 -132
  102. package/src/panel/sticky/stickypanelview.js +139 -139
  103. package/src/template.d.ts +942 -942
  104. package/src/template.js +1294 -1294
  105. package/src/toolbar/balloon/balloontoolbar.d.ts +122 -122
  106. package/src/toolbar/balloon/balloontoolbar.js +300 -300
  107. package/src/toolbar/block/blockbuttonview.d.ts +35 -35
  108. package/src/toolbar/block/blockbuttonview.js +41 -41
  109. package/src/toolbar/block/blocktoolbar.d.ts +161 -153
  110. package/src/toolbar/block/blocktoolbar.js +391 -374
  111. package/src/toolbar/normalizetoolbarconfig.d.ts +39 -39
  112. package/src/toolbar/normalizetoolbarconfig.js +51 -51
  113. package/src/toolbar/toolbarlinebreakview.d.ts +18 -18
  114. package/src/toolbar/toolbarlinebreakview.js +28 -28
  115. package/src/toolbar/toolbarseparatorview.d.ts +18 -18
  116. package/src/toolbar/toolbarseparatorview.js +28 -28
  117. package/src/toolbar/toolbarview.d.ts +265 -265
  118. package/src/toolbar/toolbarview.js +717 -717
  119. package/src/tooltipmanager.d.ts +180 -180
  120. package/src/tooltipmanager.js +353 -353
  121. package/src/view.d.ts +422 -422
  122. package/src/view.js +396 -396
  123. package/src/viewcollection.d.ts +139 -139
  124. package/src/viewcollection.js +206 -206
  125. package/theme/components/colorpicker/colorpicker.css +4 -4
  126. package/theme/globals/_poweredby.css +5 -1
  127. package/theme/icons/project-logo.svg +1 -1
@@ -1,211 +1,211 @@
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/notification/notification
7
- */
8
- import { ContextPlugin } from '@ckeditor/ckeditor5-core';
9
- /**
10
- * The Notification plugin.
11
- *
12
- * This plugin sends a few types of notifications: `success`, `info` and `warning`. The notifications need to be
13
- * handled and displayed by a plugin responsible for showing the UI of the notifications. Using this plugin for dispatching
14
- * notifications makes it possible to switch the notifications UI.
15
- *
16
- * Note that every unhandled and not stopped `warning` notification will be displayed as a system alert.
17
- * See {@link module:ui/notification/notification~Notification#showWarning}.
18
- */
19
- export default class Notification extends ContextPlugin {
20
- /**
21
- * @inheritDoc
22
- */
23
- static get pluginName(): 'Notification';
24
- /**
25
- * @inheritDoc
26
- */
27
- init(): void;
28
- /**
29
- * Shows a success notification.
30
- *
31
- * By default, it fires the {@link #event:show:success `show:success` event} with the given `data`. The event namespace can be extended
32
- * using the `data.namespace` option. For example:
33
- *
34
- * ```ts
35
- * showSuccess( 'Image is uploaded.', {
36
- * namespace: 'upload:image'
37
- * } );
38
- * ```
39
- *
40
- * will fire the `show:success:upload:image` event.
41
- *
42
- * You can provide the title of the notification:
43
- *
44
- * ```ts
45
- * showSuccess( 'Image is uploaded.', {
46
- * title: 'Image upload success'
47
- * } );
48
- * ```
49
- *
50
- * @param message The content of the notification.
51
- * @param data Additional data.
52
- * @param data.namespace Additional event namespace.
53
- * @param data.title The title of the notification.
54
- */
55
- showSuccess(message: string, data?: {
56
- namespace?: string;
57
- title?: string;
58
- }): void;
59
- /**
60
- * Shows an information notification.
61
- *
62
- * By default, it fires the {@link #event:show:info `show:info` event} with the given `data`. The event namespace can be extended
63
- * using the `data.namespace` option. For example:
64
- *
65
- * ```ts
66
- * showInfo( 'Editor is offline.', {
67
- * namespace: 'editor:status'
68
- * } );
69
- * ```
70
- *
71
- * will fire the `show:info:editor:status` event.
72
- *
73
- * You can provide the title of the notification:
74
- *
75
- * ```ts
76
- * showInfo( 'Editor is offline.', {
77
- * title: 'Network information'
78
- * } );
79
- * ```
80
- *
81
- * @param message The content of the notification.
82
- * @param data Additional data.
83
- * @param data.namespace Additional event namespace.
84
- * @param data.title The title of the notification.
85
- */
86
- showInfo(message: string, data?: {
87
- namespace?: string;
88
- title?: string;
89
- }): void;
90
- /**
91
- * Shows a warning notification.
92
- *
93
- * By default, it fires the {@link #event:show:warning `show:warning` event}
94
- * with the given `data`. The event namespace can be extended using the `data.namespace` option. For example:
95
- *
96
- * ```ts
97
- * showWarning( 'Image upload error.', {
98
- * namespace: 'upload:image'
99
- * } );
100
- * ```
101
- *
102
- * will fire the `show:warning:upload:image` event.
103
- *
104
- * You can provide the title of the notification:
105
- *
106
- * ```ts
107
- * showWarning( 'Image upload error.', {
108
- * title: 'Upload failed'
109
- * } );
110
- * ```
111
- *
112
- * Note that each unhandled and not stopped `warning` notification will be displayed as a system alert.
113
- * The plugin responsible for displaying warnings should `stop()` the event to prevent displaying it as an alert:
114
- *
115
- * ```ts
116
- * notifications.on( 'show:warning', ( evt, data ) => {
117
- * // Do something with the data.
118
- *
119
- * // Stop this event to prevent displaying it as an alert.
120
- * evt.stop();
121
- * } );
122
- * ```
123
- *
124
- * You can attach many listeners to the same event and `stop()` this event in a listener with a low priority:
125
- *
126
- * ```ts
127
- * notifications.on( 'show:warning', ( evt, data ) => {
128
- * // Show the warning in the UI, but do not stop it.
129
- * } );
130
- *
131
- * notifications.on( 'show:warning', ( evt, data ) => {
132
- * // Log the warning to some error tracker.
133
- *
134
- * // Stop this event to prevent displaying it as an alert.
135
- * evt.stop();
136
- * }, { priority: 'low' } );
137
- * ```
138
- *
139
- * @param message The content of the notification.
140
- * @param data Additional data.
141
- * @param data.namespace Additional event namespace.
142
- * @param data.title The title of the notification.
143
- */
144
- showWarning(message: string, data?: {
145
- namespace?: string;
146
- title?: string;
147
- }): void;
148
- /**
149
- * Fires the `show` event with the specified type, namespace and message.
150
- *
151
- * @param data The message data.
152
- * @param data.message The content of the notification.
153
- * @param data.type The type of the message.
154
- * @param data.namespace Additional event namespace.
155
- * @param data.title The title of the notification.
156
- */
157
- private _showNotification;
158
- }
159
- export type NotificationEventType = 'success' | 'info' | 'warning';
160
- /**
161
- * Fired when one of the `showSuccess()`, `showInfo()`, `showWarning()` methods is called.
162
- *
163
- * @eventName ~Notification#show
164
- * @param data The notification data.
165
- */
166
- export type NotificationShowEvent = {
167
- name: 'show';
168
- args: [data: NotificationShowEventData];
169
- };
170
- /**
171
- * Fired when the `showSuccess()` method is called.
172
- *
173
- * @eventName ~Notification#show:success
174
- * @param data The notification data.
175
- */
176
- export type NotificationShowSuccessEvent = NotificationShowTypeEvent<'success'>;
177
- /**
178
- * Fired when the `showInfo()` method is called.
179
- *
180
- * @eventName ~Notification#show:info
181
- * @param data The notification data.
182
- */
183
- export type NotificationShowInfoEvent = NotificationShowTypeEvent<'info'>;
184
- /**
185
- * Fired when the `showWarning()` method is called.
186
- *
187
- * When this event is not handled or stopped by `event.stop()`, the `data.message` of this event will
188
- * be automatically displayed as a system alert.
189
- *
190
- * @eventName ~Notification#show:warning
191
- * @param data The notification data.
192
- */
193
- export type NotificationShowWarningEvent = NotificationShowTypeEvent<'warning'>;
194
- export type NotificationShowTypeEvent<NotificationType extends NotificationEventType> = {
195
- name: `show:${NotificationType}` | `show:${NotificationType}:${string}`;
196
- args: [data: NotificationShowEventData<NotificationType>];
197
- };
198
- export type NotificationShowEventData<NotificationType extends NotificationEventType = NotificationEventType> = {
199
- /**
200
- * The content of the notification.
201
- */
202
- message: string;
203
- /**
204
- * The title of the notification.
205
- */
206
- title: string;
207
- /**
208
- * The type of the notification.
209
- */
210
- type: NotificationType;
211
- };
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/notification/notification
7
+ */
8
+ import { ContextPlugin } from '@ckeditor/ckeditor5-core';
9
+ /**
10
+ * The Notification plugin.
11
+ *
12
+ * This plugin sends a few types of notifications: `success`, `info` and `warning`. The notifications need to be
13
+ * handled and displayed by a plugin responsible for showing the UI of the notifications. Using this plugin for dispatching
14
+ * notifications makes it possible to switch the notifications UI.
15
+ *
16
+ * Note that every unhandled and not stopped `warning` notification will be displayed as a system alert.
17
+ * See {@link module:ui/notification/notification~Notification#showWarning}.
18
+ */
19
+ export default class Notification extends ContextPlugin {
20
+ /**
21
+ * @inheritDoc
22
+ */
23
+ static get pluginName(): "Notification";
24
+ /**
25
+ * @inheritDoc
26
+ */
27
+ init(): void;
28
+ /**
29
+ * Shows a success notification.
30
+ *
31
+ * By default, it fires the {@link #event:show:success `show:success` event} with the given `data`. The event namespace can be extended
32
+ * using the `data.namespace` option. For example:
33
+ *
34
+ * ```ts
35
+ * showSuccess( 'Image is uploaded.', {
36
+ * namespace: 'upload:image'
37
+ * } );
38
+ * ```
39
+ *
40
+ * will fire the `show:success:upload:image` event.
41
+ *
42
+ * You can provide the title of the notification:
43
+ *
44
+ * ```ts
45
+ * showSuccess( 'Image is uploaded.', {
46
+ * title: 'Image upload success'
47
+ * } );
48
+ * ```
49
+ *
50
+ * @param message The content of the notification.
51
+ * @param data Additional data.
52
+ * @param data.namespace Additional event namespace.
53
+ * @param data.title The title of the notification.
54
+ */
55
+ showSuccess(message: string, data?: {
56
+ namespace?: string;
57
+ title?: string;
58
+ }): void;
59
+ /**
60
+ * Shows an information notification.
61
+ *
62
+ * By default, it fires the {@link #event:show:info `show:info` event} with the given `data`. The event namespace can be extended
63
+ * using the `data.namespace` option. For example:
64
+ *
65
+ * ```ts
66
+ * showInfo( 'Editor is offline.', {
67
+ * namespace: 'editor:status'
68
+ * } );
69
+ * ```
70
+ *
71
+ * will fire the `show:info:editor:status` event.
72
+ *
73
+ * You can provide the title of the notification:
74
+ *
75
+ * ```ts
76
+ * showInfo( 'Editor is offline.', {
77
+ * title: 'Network information'
78
+ * } );
79
+ * ```
80
+ *
81
+ * @param message The content of the notification.
82
+ * @param data Additional data.
83
+ * @param data.namespace Additional event namespace.
84
+ * @param data.title The title of the notification.
85
+ */
86
+ showInfo(message: string, data?: {
87
+ namespace?: string;
88
+ title?: string;
89
+ }): void;
90
+ /**
91
+ * Shows a warning notification.
92
+ *
93
+ * By default, it fires the {@link #event:show:warning `show:warning` event}
94
+ * with the given `data`. The event namespace can be extended using the `data.namespace` option. For example:
95
+ *
96
+ * ```ts
97
+ * showWarning( 'Image upload error.', {
98
+ * namespace: 'upload:image'
99
+ * } );
100
+ * ```
101
+ *
102
+ * will fire the `show:warning:upload:image` event.
103
+ *
104
+ * You can provide the title of the notification:
105
+ *
106
+ * ```ts
107
+ * showWarning( 'Image upload error.', {
108
+ * title: 'Upload failed'
109
+ * } );
110
+ * ```
111
+ *
112
+ * Note that each unhandled and not stopped `warning` notification will be displayed as a system alert.
113
+ * The plugin responsible for displaying warnings should `stop()` the event to prevent displaying it as an alert:
114
+ *
115
+ * ```ts
116
+ * notifications.on( 'show:warning', ( evt, data ) => {
117
+ * // Do something with the data.
118
+ *
119
+ * // Stop this event to prevent displaying it as an alert.
120
+ * evt.stop();
121
+ * } );
122
+ * ```
123
+ *
124
+ * You can attach many listeners to the same event and `stop()` this event in a listener with a low priority:
125
+ *
126
+ * ```ts
127
+ * notifications.on( 'show:warning', ( evt, data ) => {
128
+ * // Show the warning in the UI, but do not stop it.
129
+ * } );
130
+ *
131
+ * notifications.on( 'show:warning', ( evt, data ) => {
132
+ * // Log the warning to some error tracker.
133
+ *
134
+ * // Stop this event to prevent displaying it as an alert.
135
+ * evt.stop();
136
+ * }, { priority: 'low' } );
137
+ * ```
138
+ *
139
+ * @param message The content of the notification.
140
+ * @param data Additional data.
141
+ * @param data.namespace Additional event namespace.
142
+ * @param data.title The title of the notification.
143
+ */
144
+ showWarning(message: string, data?: {
145
+ namespace?: string;
146
+ title?: string;
147
+ }): void;
148
+ /**
149
+ * Fires the `show` event with the specified type, namespace and message.
150
+ *
151
+ * @param data The message data.
152
+ * @param data.message The content of the notification.
153
+ * @param data.type The type of the message.
154
+ * @param data.namespace Additional event namespace.
155
+ * @param data.title The title of the notification.
156
+ */
157
+ private _showNotification;
158
+ }
159
+ export type NotificationEventType = 'success' | 'info' | 'warning';
160
+ /**
161
+ * Fired when one of the `showSuccess()`, `showInfo()`, `showWarning()` methods is called.
162
+ *
163
+ * @eventName ~Notification#show
164
+ * @param data The notification data.
165
+ */
166
+ export type NotificationShowEvent = {
167
+ name: 'show';
168
+ args: [data: NotificationShowEventData];
169
+ };
170
+ /**
171
+ * Fired when the `showSuccess()` method is called.
172
+ *
173
+ * @eventName ~Notification#show:success
174
+ * @param data The notification data.
175
+ */
176
+ export type NotificationShowSuccessEvent = NotificationShowTypeEvent<'success'>;
177
+ /**
178
+ * Fired when the `showInfo()` method is called.
179
+ *
180
+ * @eventName ~Notification#show:info
181
+ * @param data The notification data.
182
+ */
183
+ export type NotificationShowInfoEvent = NotificationShowTypeEvent<'info'>;
184
+ /**
185
+ * Fired when the `showWarning()` method is called.
186
+ *
187
+ * When this event is not handled or stopped by `event.stop()`, the `data.message` of this event will
188
+ * be automatically displayed as a system alert.
189
+ *
190
+ * @eventName ~Notification#show:warning
191
+ * @param data The notification data.
192
+ */
193
+ export type NotificationShowWarningEvent = NotificationShowTypeEvent<'warning'>;
194
+ export type NotificationShowTypeEvent<NotificationType extends NotificationEventType> = {
195
+ name: `show:${NotificationType}` | `show:${NotificationType}:${string}`;
196
+ args: [data: NotificationShowEventData<NotificationType>];
197
+ };
198
+ export type NotificationShowEventData<NotificationType extends NotificationEventType = NotificationEventType> = {
199
+ /**
200
+ * The content of the notification.
201
+ */
202
+ message: string;
203
+ /**
204
+ * The title of the notification.
205
+ */
206
+ title: string;
207
+ /**
208
+ * The type of the notification.
209
+ */
210
+ type: NotificationType;
211
+ };