@ckeditor/ckeditor5-ui 38.1.0 → 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 (123) hide show
  1. package/package.json +3 -3
  2. package/src/augmentation.d.ts +86 -86
  3. package/src/augmentation.js +5 -5
  4. package/src/bindings/addkeyboardhandlingforgrid.d.ts +27 -27
  5. package/src/bindings/addkeyboardhandlingforgrid.js +107 -107
  6. package/src/bindings/clickoutsidehandler.d.ts +28 -28
  7. package/src/bindings/clickoutsidehandler.js +36 -36
  8. package/src/bindings/csstransitiondisablermixin.d.ts +40 -40
  9. package/src/bindings/csstransitiondisablermixin.js +55 -55
  10. package/src/bindings/injectcsstransitiondisabler.d.ts +59 -59
  11. package/src/bindings/injectcsstransitiondisabler.js +71 -71
  12. package/src/bindings/preventdefault.d.ts +33 -33
  13. package/src/bindings/preventdefault.js +34 -34
  14. package/src/bindings/submithandler.d.ts +57 -57
  15. package/src/bindings/submithandler.js +47 -47
  16. package/src/button/button.d.ts +178 -178
  17. package/src/button/button.js +5 -5
  18. package/src/button/buttonview.d.ts +177 -177
  19. package/src/button/buttonview.js +231 -231
  20. package/src/button/switchbuttonview.d.ts +45 -45
  21. package/src/button/switchbuttonview.js +75 -75
  22. package/src/colorgrid/colorgridview.d.ts +132 -132
  23. package/src/colorgrid/colorgridview.js +124 -124
  24. package/src/colorgrid/colortileview.d.ts +28 -28
  25. package/src/colorgrid/colortileview.js +40 -40
  26. package/src/colorgrid/utils.d.ts +47 -47
  27. package/src/colorgrid/utils.js +84 -84
  28. package/src/colorpicker/colorpickerview.d.ts +110 -110
  29. package/src/colorpicker/colorpickerview.js +253 -253
  30. package/src/colorpicker/utils.d.ts +35 -35
  31. package/src/colorpicker/utils.js +99 -99
  32. package/src/componentfactory.d.ts +81 -81
  33. package/src/componentfactory.js +104 -104
  34. package/src/dropdown/button/dropdownbutton.d.ts +25 -25
  35. package/src/dropdown/button/dropdownbutton.js +5 -5
  36. package/src/dropdown/button/dropdownbuttonview.d.ts +48 -48
  37. package/src/dropdown/button/dropdownbuttonview.js +66 -66
  38. package/src/dropdown/button/splitbuttonview.d.ts +161 -161
  39. package/src/dropdown/button/splitbuttonview.js +152 -152
  40. package/src/dropdown/dropdownpanelfocusable.d.ts +21 -21
  41. package/src/dropdown/dropdownpanelfocusable.js +5 -5
  42. package/src/dropdown/dropdownpanelview.d.ts +62 -62
  43. package/src/dropdown/dropdownpanelview.js +96 -96
  44. package/src/dropdown/dropdownview.d.ts +315 -315
  45. package/src/dropdown/dropdownview.js +378 -378
  46. package/src/dropdown/utils.d.ts +221 -221
  47. package/src/dropdown/utils.js +434 -434
  48. package/src/editableui/editableuiview.d.ts +72 -72
  49. package/src/editableui/editableuiview.js +112 -112
  50. package/src/editableui/inline/inlineeditableuiview.d.ts +40 -40
  51. package/src/editableui/inline/inlineeditableuiview.js +48 -48
  52. package/src/editorui/bodycollection.d.ts +55 -55
  53. package/src/editorui/bodycollection.js +84 -84
  54. package/src/editorui/boxed/boxededitoruiview.d.ts +40 -40
  55. package/src/editorui/boxed/boxededitoruiview.js +81 -81
  56. package/src/editorui/editorui.d.ts +282 -282
  57. package/src/editorui/editorui.js +410 -410
  58. package/src/editorui/editoruiview.d.ts +39 -39
  59. package/src/editorui/editoruiview.js +38 -38
  60. package/src/editorui/poweredby.d.ts +71 -71
  61. package/src/editorui/poweredby.js +294 -294
  62. package/src/focuscycler.d.ts +183 -183
  63. package/src/focuscycler.js +220 -220
  64. package/src/formheader/formheaderview.d.ts +53 -53
  65. package/src/formheader/formheaderview.js +63 -63
  66. package/src/icon/iconview.d.ts +78 -78
  67. package/src/icon/iconview.js +112 -112
  68. package/src/iframe/iframeview.d.ts +50 -50
  69. package/src/iframe/iframeview.js +63 -63
  70. package/src/index.d.ts +62 -62
  71. package/src/index.js +61 -61
  72. package/src/input/inputview.d.ts +121 -121
  73. package/src/input/inputview.js +106 -106
  74. package/src/inputnumber/inputnumberview.d.ts +49 -49
  75. package/src/inputnumber/inputnumberview.js +40 -40
  76. package/src/inputtext/inputtextview.d.ts +18 -18
  77. package/src/inputtext/inputtextview.js +27 -27
  78. package/src/label/labelview.d.ts +36 -36
  79. package/src/label/labelview.js +41 -41
  80. package/src/labeledfield/labeledfieldview.d.ts +182 -182
  81. package/src/labeledfield/labeledfieldview.js +157 -157
  82. package/src/labeledfield/utils.d.ts +93 -93
  83. package/src/labeledfield/utils.js +131 -131
  84. package/src/labeledinput/labeledinputview.d.ts +125 -125
  85. package/src/labeledinput/labeledinputview.js +125 -125
  86. package/src/list/listitemview.d.ts +35 -35
  87. package/src/list/listitemview.js +40 -40
  88. package/src/list/listseparatorview.d.ts +18 -18
  89. package/src/list/listseparatorview.js +28 -28
  90. package/src/list/listview.d.ts +65 -65
  91. package/src/list/listview.js +90 -90
  92. package/src/model.d.ts +22 -22
  93. package/src/model.js +31 -31
  94. package/src/notification/notification.d.ts +211 -211
  95. package/src/notification/notification.js +187 -187
  96. package/src/panel/balloon/balloonpanelview.d.ts +685 -685
  97. package/src/panel/balloon/balloonpanelview.js +988 -988
  98. package/src/panel/balloon/contextualballoon.d.ts +299 -299
  99. package/src/panel/balloon/contextualballoon.js +572 -572
  100. package/src/panel/sticky/stickypanelview.d.ts +132 -132
  101. package/src/panel/sticky/stickypanelview.js +139 -139
  102. package/src/template.d.ts +942 -942
  103. package/src/template.js +1294 -1294
  104. package/src/toolbar/balloon/balloontoolbar.d.ts +122 -122
  105. package/src/toolbar/balloon/balloontoolbar.js +300 -300
  106. package/src/toolbar/block/blockbuttonview.d.ts +35 -35
  107. package/src/toolbar/block/blockbuttonview.js +41 -41
  108. package/src/toolbar/block/blocktoolbar.d.ts +161 -161
  109. package/src/toolbar/block/blocktoolbar.js +391 -391
  110. package/src/toolbar/normalizetoolbarconfig.d.ts +39 -39
  111. package/src/toolbar/normalizetoolbarconfig.js +51 -51
  112. package/src/toolbar/toolbarlinebreakview.d.ts +18 -18
  113. package/src/toolbar/toolbarlinebreakview.js +28 -28
  114. package/src/toolbar/toolbarseparatorview.d.ts +18 -18
  115. package/src/toolbar/toolbarseparatorview.js +28 -28
  116. package/src/toolbar/toolbarview.d.ts +265 -265
  117. package/src/toolbar/toolbarview.js +717 -717
  118. package/src/tooltipmanager.d.ts +180 -180
  119. package/src/tooltipmanager.js +353 -353
  120. package/src/view.d.ts +422 -422
  121. package/src/view.js +396 -396
  122. package/src/viewcollection.d.ts +139 -139
  123. package/src/viewcollection.js +206 -206
@@ -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
+ };