@ckeditor/ckeditor5-editor-balloon 48.2.0-alpha.7 → 48.3.0-alpha.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.
@@ -1,248 +1,248 @@
1
1
  /**
2
- * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
3
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
- */
2
+ * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
3
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
+ */
5
5
  /**
6
- * @module editor-balloon/ballooneditor
7
- */
8
- import { Editor, type EditorConfig } from '@ckeditor/ckeditor5-core';
9
- import { BalloonEditorUI } from './ballooneditorui.js';
10
- declare const BalloonEditor_base: import("@ckeditor/ckeditor5-utils").Mixed<typeof Editor, import("@ckeditor/ckeditor5-core").ElementApi>;
6
+ * @module editor-balloon/ballooneditor
7
+ */
8
+ import { Editor, type EditorConfig, type ElementApiMixinConstructor } from "@ckeditor/ckeditor5-core";
9
+ import { BalloonEditorUI } from "./ballooneditorui.js";
10
+ declare const BalloonEditorBase: ElementApiMixinConstructor<typeof Editor>;
11
11
  /**
12
- * The balloon editor implementation (Medium-like editor).
13
- * It uses an inline editable and a toolbar based on the {@link module:ui/toolbar/balloon/balloontoolbar~BalloonToolbar}.
14
- * See the {@glink examples/builds/balloon-editor demo}.
15
- *
16
- * In order to create a balloon editor instance, use the static
17
- * {@link module:editor-balloon/ballooneditor~BalloonEditor.create `BalloonEditor.create()`} method.
18
- */
19
- export declare class BalloonEditor extends /* #__PURE__ */ BalloonEditor_base {
20
- /**
21
- * @inheritDoc
22
- */
23
- static get editorName(): 'BalloonEditor';
24
- /**
25
- * @inheritDoc
26
- */
27
- readonly ui: BalloonEditorUI;
28
- /**
29
- * Creates an instance of the balloon editor.
30
- *
31
- * **Note:** do not use the constructor to create editor instances. Use the static
32
- * {@link module:editor-balloon/ballooneditor~BalloonEditor.create `BalloonEditor.create()`} method instead.
33
- *
34
- * @param config The editor configuration.
35
- */
36
- protected constructor(config: EditorConfig);
37
- /**
38
- * Creates an instance of the balloon editor.
39
- *
40
- * **Note:** do not use the constructor to create editor instances. Use the static
41
- * {@link module:editor-balloon/ballooneditor~BalloonEditor.create `BalloonEditor.create()`} method instead.
42
- *
43
- * **Note**: This constructor signature is deprecated and will be removed in the future release.
44
- *
45
- * @deprecated
46
- * @param sourceElementOrData The DOM element that will be the source for the created editor
47
- * (on which the editor will be initialized) or initial data for the editor. For more information see
48
- * {@link module:editor-balloon/ballooneditor~BalloonEditor.create `BalloonEditor.create()`}.
49
- * @param config The editor configuration.
50
- */
51
- protected constructor(sourceElementOrData: HTMLElement | string, config: EditorConfig);
52
- /**
53
- * Destroys the editor instance, releasing all resources used by it.
54
- *
55
- * Updates the original editor element with the data if the
56
- * {@link module:core/editor/editorconfig~EditorConfig#updateSourceElementOnDestroy `updateSourceElementOnDestroy`}
57
- * configuration option is set to `true`.
58
- */
59
- destroy(): Promise<unknown>;
60
- /**
61
- * Creates a new balloon editor instance.
62
- *
63
- * There are three general ways how the editor can be initialized.
64
- *
65
- * # Using an existing DOM element (and loading data from it)
66
- *
67
- * You can initialize the editor using an existing DOM element:
68
- *
69
- * ```ts
70
- * BalloonEditor
71
- * .create( {
72
- * root: {
73
- * element: document.querySelector( '#editor' )
74
- * }
75
- * } )
76
- * .then( editor => {
77
- * console.log( 'Editor was initialized', editor );
78
- * } )
79
- * .catch( err => {
80
- * console.error( err.stack );
81
- * } );
82
- * ```
83
- *
84
- * The element's content will be used as the editor data and the element will become the editable element.
85
- *
86
- * # Creating a detached editor
87
- *
88
- * Alternatively, you can initialize the editor by passing the initial data directly as a string.
89
- * In this case, the editor will render an element that must be inserted into the DOM for the editor to work properly:
90
- *
91
- * ```ts
92
- * BalloonEditor
93
- * .create( {
94
- * root: {
95
- * initialData: '<p>Hello world!</p>'
96
- * }
97
- * } )
98
- * .then( editor => {
99
- * console.log( 'Editor was initialized', editor );
100
- *
101
- * // Initial data was provided so the editor UI element needs to be added manually to the DOM.
102
- * document.body.appendChild( editor.ui.element );
103
- * } )
104
- * .catch( err => {
105
- * console.error( err.stack );
106
- * } );
107
- * ```
108
- *
109
- * This lets you dynamically append the editor to your web page whenever it is convenient for you. You may use this method if your
110
- * web page content is generated on the client side and the DOM structure is not ready at the moment when you initialize the editor.
111
- *
112
- * # Using an existing DOM element (and data provided in `config.root.initialData`)
113
- *
114
- * You can also mix these two ways by providing a DOM element to be used and passing the initial data through the configuration:
115
- *
116
- * ```ts
117
- * BalloonEditor
118
- * .create( {
119
- * root: {
120
- * element: document.querySelector( '#editor' ),
121
- * initialData: '<h2>Initial data</h2><p>Foo bar.</p>'
122
- * }
123
- * } )
124
- * .then( editor => {
125
- * console.log( 'Editor was initialized', editor );
126
- * } )
127
- * .catch( err => {
128
- * console.error( err.stack );
129
- * } );
130
- * ```
131
- *
132
- * This method can be used to initialize the editor on an existing element with the specified content in case if your integration
133
- * makes it difficult to set the content of the source element.
134
- *
135
- * # Configuring the editor
136
- *
137
- * See the {@link module:core/editor/editorconfig~EditorConfig editor configuration documentation} to learn more about
138
- * customizing plugins, toolbar and more.
139
- *
140
- * # Using the editor from source
141
- *
142
- * If you want to use the balloon editor, you need to define the list of
143
- * {@link module:core/editor/editorconfig~EditorConfig#plugins plugins to be initialized} and
144
- * {@link module:core/editor/editorconfig~EditorConfig#toolbar toolbar items}.
145
- *
146
- * @param config The editor configuration.
147
- * @returns A promise resolved once the editor is ready. The promise resolves with the created editor instance.
148
- */
149
- static create(config: EditorConfig): Promise<BalloonEditor>;
150
- /**
151
- * Creates a new balloon editor instance.
152
- *
153
- * **Note**: This method signature is deprecated and will be removed in the future release.
154
- *
155
- * There are three general ways how the editor can be initialized.
156
- *
157
- * # Using an existing DOM element (and loading data from it)
158
- *
159
- * You can initialize the editor using an existing DOM element:
160
- *
161
- * ```ts
162
- * BalloonEditor
163
- * .create( document.querySelector( '#editor' ) )
164
- * .then( editor => {
165
- * console.log( 'Editor was initialized', editor );
166
- * } )
167
- * .catch( err => {
168
- * console.error( err.stack );
169
- * } );
170
- * ```
171
- *
172
- * The element's content will be used as the editor data and the element will become the editable element.
173
- *
174
- * # Creating a detached editor
175
- *
176
- * Alternatively, you can initialize the editor by passing the initial data directly as a string.
177
- * In this case, the editor will render an element that must be inserted into the DOM for the editor to work properly:
178
- *
179
- * ```ts
180
- * BalloonEditor
181
- * .create( '<p>Hello world!</p>' )
182
- * .then( editor => {
183
- * console.log( 'Editor was initialized', editor );
184
- *
185
- * // Initial data was provided so the editor UI element needs to be added manually to the DOM.
186
- * document.body.appendChild( editor.ui.element );
187
- * } )
188
- * .catch( err => {
189
- * console.error( err.stack );
190
- * } );
191
- * ```
192
- *
193
- * This lets you dynamically append the editor to your web page whenever it is convenient for you. You may use this method if your
194
- * web page content is generated on the client side and the DOM structure is not ready at the moment when you initialize the editor.
195
- *
196
- * # Using an existing DOM element (and data provided in `config.root.initialData`)
197
- *
198
- * You can also mix these two ways by providing a DOM element to be used and passing the initial data through the configuration:
199
- *
200
- * ```ts
201
- * BalloonEditor
202
- * .create( document.querySelector( '#editor' ), {
203
- * root: {
204
- * initialData: '<h2>Initial data</h2><p>Foo bar.</p>'
205
- * }
206
- * } )
207
- * .then( editor => {
208
- * console.log( 'Editor was initialized', editor );
209
- * } )
210
- * .catch( err => {
211
- * console.error( err.stack );
212
- * } );
213
- * ```
214
- *
215
- * This method can be used to initialize the editor on an existing element with the specified content in case if your integration
216
- * makes it difficult to set the content of the source element.
217
- *
218
- * Note that an error will be thrown if you pass the initial data both as the first parameter and also in the configuration.
219
- *
220
- * # Configuring the editor
221
- *
222
- * See the {@link module:core/editor/editorconfig~EditorConfig editor configuration documentation} to learn more about
223
- * customizing plugins, toolbar and more.
224
- *
225
- * # Using the editor from source
226
- *
227
- * If you want to use the balloon editor, you need to define the list of
228
- * {@link module:core/editor/editorconfig~EditorConfig#plugins plugins to be initialized} and
229
- * {@link module:core/editor/editorconfig~EditorConfig#toolbar toolbar items}.
230
- *
231
- * @deprecated
232
- * @param sourceElementOrData The DOM element that will be the source for the created editor
233
- * or the editor's initial data.
234
- *
235
- * If a DOM element is passed, its content will be automatically loaded to the editor upon initialization.
236
- * The editor data will be set back to the original element once the editor is destroyed only if the
237
- * {@link module:core/editor/editorconfig~EditorConfig#updateSourceElementOnDestroy updateSourceElementOnDestroy}
238
- * option is set to `true`.
239
- *
240
- * If the initial data is passed, a detached editor will be created. In this case you need to insert it into the DOM manually.
241
- * It is available under the {@link module:editor-balloon/ballooneditorui~BalloonEditorUI#element `editor.ui.element`} property.
242
- *
243
- * @param config The editor configuration.
244
- * @returns A promise resolved once the editor is ready. The promise resolves with the created editor instance.
245
- */
246
- static create(sourceElementOrData: HTMLElement | string, config: EditorConfig): Promise<BalloonEditor>;
12
+ * The balloon editor implementation (Medium-like editor).
13
+ * It uses an inline editable and a toolbar based on the {@link module:ui/toolbar/balloon/balloontoolbar~BalloonToolbar}.
14
+ * See the {@glink examples/builds/balloon-editor demo}.
15
+ *
16
+ * In order to create a balloon editor instance, use the static
17
+ * {@link module:editor-balloon/ballooneditor~BalloonEditor.create `BalloonEditor.create()`} method.
18
+ */
19
+ export declare class BalloonEditor extends BalloonEditorBase {
20
+ /**
21
+ * @inheritDoc
22
+ */
23
+ static override get editorName(): "BalloonEditor";
24
+ /**
25
+ * @inheritDoc
26
+ */
27
+ readonly ui: BalloonEditorUI;
28
+ /**
29
+ * Creates an instance of the balloon editor.
30
+ *
31
+ * **Note:** do not use the constructor to create editor instances. Use the static
32
+ * {@link module:editor-balloon/ballooneditor~BalloonEditor.create `BalloonEditor.create()`} method instead.
33
+ *
34
+ * @param config The editor configuration.
35
+ */
36
+ protected constructor(config: EditorConfig);
37
+ /**
38
+ * Creates an instance of the balloon editor.
39
+ *
40
+ * **Note:** do not use the constructor to create editor instances. Use the static
41
+ * {@link module:editor-balloon/ballooneditor~BalloonEditor.create `BalloonEditor.create()`} method instead.
42
+ *
43
+ * **Note**: This constructor signature is deprecated and will be removed in the future release.
44
+ *
45
+ * @deprecated
46
+ * @param sourceElementOrData The DOM element that will be the source for the created editor
47
+ * (on which the editor will be initialized) or initial data for the editor. For more information see
48
+ * {@link module:editor-balloon/ballooneditor~BalloonEditor.create `BalloonEditor.create()`}.
49
+ * @param config The editor configuration.
50
+ */
51
+ protected constructor(sourceElementOrData: HTMLElement | string, config: EditorConfig);
52
+ /**
53
+ * Destroys the editor instance, releasing all resources used by it.
54
+ *
55
+ * Updates the original editor element with the data if the
56
+ * {@link module:core/editor/editorconfig~EditorConfig#updateSourceElementOnDestroy `updateSourceElementOnDestroy`}
57
+ * configuration option is set to `true`.
58
+ */
59
+ override destroy(): Promise<unknown>;
60
+ /**
61
+ * Creates a new balloon editor instance.
62
+ *
63
+ * There are three general ways how the editor can be initialized.
64
+ *
65
+ * # Using an existing DOM element (and loading data from it)
66
+ *
67
+ * You can initialize the editor using an existing DOM element:
68
+ *
69
+ * ```ts
70
+ * BalloonEditor
71
+ * .create( {
72
+ * root: {
73
+ * element: document.querySelector( '#editor' )
74
+ * }
75
+ * } )
76
+ * .then( editor => {
77
+ * console.log( 'Editor was initialized', editor );
78
+ * } )
79
+ * .catch( err => {
80
+ * console.error( err.stack );
81
+ * } );
82
+ * ```
83
+ *
84
+ * The element's content will be used as the editor data and the element will become the editable element.
85
+ *
86
+ * # Creating a detached editor
87
+ *
88
+ * Alternatively, you can initialize the editor by passing the initial data directly as a string.
89
+ * In this case, the editor will render an element that must be inserted into the DOM for the editor to work properly:
90
+ *
91
+ * ```ts
92
+ * BalloonEditor
93
+ * .create( {
94
+ * root: {
95
+ * initialData: '<p>Hello world!</p>'
96
+ * }
97
+ * } )
98
+ * .then( editor => {
99
+ * console.log( 'Editor was initialized', editor );
100
+ *
101
+ * // Initial data was provided so the editor UI element needs to be added manually to the DOM.
102
+ * document.body.appendChild( editor.ui.element );
103
+ * } )
104
+ * .catch( err => {
105
+ * console.error( err.stack );
106
+ * } );
107
+ * ```
108
+ *
109
+ * This lets you dynamically append the editor to your web page whenever it is convenient for you. You may use this method if your
110
+ * web page content is generated on the client side and the DOM structure is not ready at the moment when you initialize the editor.
111
+ *
112
+ * # Using an existing DOM element (and data provided in `config.root.initialData`)
113
+ *
114
+ * You can also mix these two ways by providing a DOM element to be used and passing the initial data through the configuration:
115
+ *
116
+ * ```ts
117
+ * BalloonEditor
118
+ * .create( {
119
+ * root: {
120
+ * element: document.querySelector( '#editor' ),
121
+ * initialData: '<h2>Initial data</h2><p>Foo bar.</p>'
122
+ * }
123
+ * } )
124
+ * .then( editor => {
125
+ * console.log( 'Editor was initialized', editor );
126
+ * } )
127
+ * .catch( err => {
128
+ * console.error( err.stack );
129
+ * } );
130
+ * ```
131
+ *
132
+ * This method can be used to initialize the editor on an existing element with the specified content in case if your integration
133
+ * makes it difficult to set the content of the source element.
134
+ *
135
+ * # Configuring the editor
136
+ *
137
+ * See the {@link module:core/editor/editorconfig~EditorConfig editor configuration documentation} to learn more about
138
+ * customizing plugins, toolbar and more.
139
+ *
140
+ * # Using the editor from source
141
+ *
142
+ * If you want to use the balloon editor, you need to define the list of
143
+ * {@link module:core/editor/editorconfig~EditorConfig#plugins plugins to be initialized} and
144
+ * {@link module:core/editor/editorconfig~EditorConfig#toolbar toolbar items}.
145
+ *
146
+ * @param config The editor configuration.
147
+ * @returns A promise resolved once the editor is ready. The promise resolves with the created editor instance.
148
+ */
149
+ static override create(config: EditorConfig): Promise<BalloonEditor>;
150
+ /**
151
+ * Creates a new balloon editor instance.
152
+ *
153
+ * **Note**: This method signature is deprecated and will be removed in the future release.
154
+ *
155
+ * There are three general ways how the editor can be initialized.
156
+ *
157
+ * # Using an existing DOM element (and loading data from it)
158
+ *
159
+ * You can initialize the editor using an existing DOM element:
160
+ *
161
+ * ```ts
162
+ * BalloonEditor
163
+ * .create( document.querySelector( '#editor' ) )
164
+ * .then( editor => {
165
+ * console.log( 'Editor was initialized', editor );
166
+ * } )
167
+ * .catch( err => {
168
+ * console.error( err.stack );
169
+ * } );
170
+ * ```
171
+ *
172
+ * The element's content will be used as the editor data and the element will become the editable element.
173
+ *
174
+ * # Creating a detached editor
175
+ *
176
+ * Alternatively, you can initialize the editor by passing the initial data directly as a string.
177
+ * In this case, the editor will render an element that must be inserted into the DOM for the editor to work properly:
178
+ *
179
+ * ```ts
180
+ * BalloonEditor
181
+ * .create( '<p>Hello world!</p>' )
182
+ * .then( editor => {
183
+ * console.log( 'Editor was initialized', editor );
184
+ *
185
+ * // Initial data was provided so the editor UI element needs to be added manually to the DOM.
186
+ * document.body.appendChild( editor.ui.element );
187
+ * } )
188
+ * .catch( err => {
189
+ * console.error( err.stack );
190
+ * } );
191
+ * ```
192
+ *
193
+ * This lets you dynamically append the editor to your web page whenever it is convenient for you. You may use this method if your
194
+ * web page content is generated on the client side and the DOM structure is not ready at the moment when you initialize the editor.
195
+ *
196
+ * # Using an existing DOM element (and data provided in `config.root.initialData`)
197
+ *
198
+ * You can also mix these two ways by providing a DOM element to be used and passing the initial data through the configuration:
199
+ *
200
+ * ```ts
201
+ * BalloonEditor
202
+ * .create( document.querySelector( '#editor' ), {
203
+ * root: {
204
+ * initialData: '<h2>Initial data</h2><p>Foo bar.</p>'
205
+ * }
206
+ * } )
207
+ * .then( editor => {
208
+ * console.log( 'Editor was initialized', editor );
209
+ * } )
210
+ * .catch( err => {
211
+ * console.error( err.stack );
212
+ * } );
213
+ * ```
214
+ *
215
+ * This method can be used to initialize the editor on an existing element with the specified content in case if your integration
216
+ * makes it difficult to set the content of the source element.
217
+ *
218
+ * Note that an error will be thrown if you pass the initial data both as the first parameter and also in the configuration.
219
+ *
220
+ * # Configuring the editor
221
+ *
222
+ * See the {@link module:core/editor/editorconfig~EditorConfig editor configuration documentation} to learn more about
223
+ * customizing plugins, toolbar and more.
224
+ *
225
+ * # Using the editor from source
226
+ *
227
+ * If you want to use the balloon editor, you need to define the list of
228
+ * {@link module:core/editor/editorconfig~EditorConfig#plugins plugins to be initialized} and
229
+ * {@link module:core/editor/editorconfig~EditorConfig#toolbar toolbar items}.
230
+ *
231
+ * @deprecated
232
+ * @param sourceElementOrData The DOM element that will be the source for the created editor
233
+ * or the editor's initial data.
234
+ *
235
+ * If a DOM element is passed, its content will be automatically loaded to the editor upon initialization.
236
+ * The editor data will be set back to the original element once the editor is destroyed only if the
237
+ * {@link module:core/editor/editorconfig~EditorConfig#updateSourceElementOnDestroy updateSourceElementOnDestroy}
238
+ * option is set to `true`.
239
+ *
240
+ * If the initial data is passed, a detached editor will be created. In this case you need to insert it into the DOM manually.
241
+ * It is available under the {@link module:editor-balloon/ballooneditorui~BalloonEditorUI#element `editor.ui.element`} property.
242
+ *
243
+ * @param config The editor configuration.
244
+ * @returns A promise resolved once the editor is ready. The promise resolves with the created editor instance.
245
+ */
246
+ static override create(sourceElementOrData: HTMLElement | string, config: EditorConfig): Promise<BalloonEditor>;
247
247
  }
248
248
  export {};
@@ -1,42 +1,42 @@
1
1
  /**
2
- * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
3
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
- */
2
+ * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
3
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
+ */
5
5
  /**
6
- * @module editor-balloon/ballooneditorui
7
- */
8
- import { type Editor } from '@ckeditor/ckeditor5-core';
9
- import { EditorUI } from '@ckeditor/ckeditor5-ui';
10
- import { type BalloonEditorUIView } from './ballooneditoruiview.js';
6
+ * @module editor-balloon/ballooneditorui
7
+ */
8
+ import { type Editor } from "@ckeditor/ckeditor5-core";
9
+ import { EditorUI } from "@ckeditor/ckeditor5-ui";
10
+ import { type BalloonEditorUIView } from "./ballooneditoruiview.js";
11
11
  /**
12
- * The balloon editor UI class.
13
- */
12
+ * The balloon editor UI class.
13
+ */
14
14
  export declare class BalloonEditorUI extends EditorUI {
15
- /**
16
- * The main (top–most) view of the editor UI.
17
- */
18
- readonly view: BalloonEditorUIView;
19
- /**
20
- * Creates an instance of the balloon editor UI class.
21
- *
22
- * @param editor The editor instance.
23
- * @param view The view of the UI.
24
- */
25
- constructor(editor: Editor, view: BalloonEditorUIView);
26
- /**
27
- * @inheritDoc
28
- */
29
- get element(): HTMLElement | null;
30
- /**
31
- * Initializes the UI.
32
- */
33
- init(): void;
34
- /**
35
- * @inheritDoc
36
- */
37
- destroy(): void;
38
- /**
39
- * Enable the placeholder text on the editing root.
40
- */
41
- private _initPlaceholder;
15
+ /**
16
+ * The main (top–most) view of the editor UI.
17
+ */
18
+ readonly view: BalloonEditorUIView;
19
+ /**
20
+ * Creates an instance of the balloon editor UI class.
21
+ *
22
+ * @param editor The editor instance.
23
+ * @param view The view of the UI.
24
+ */
25
+ constructor(editor: Editor, view: BalloonEditorUIView);
26
+ /**
27
+ * @inheritDoc
28
+ */
29
+ override get element(): HTMLElement | null;
30
+ /**
31
+ * Initializes the UI.
32
+ */
33
+ init(): void;
34
+ /**
35
+ * @inheritDoc
36
+ */
37
+ override destroy(): void;
38
+ /**
39
+ * Enable the placeholder text on the editing root.
40
+ */
41
+ private _initPlaceholder;
42
42
  }
@@ -1,39 +1,39 @@
1
1
  /**
2
- * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
3
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
- */
2
+ * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
3
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
+ */
5
5
  /**
6
- * @module editor-balloon/ballooneditoruiview
7
- */
8
- import { EditorUIView, InlineEditableUIView, MenuBarView } from '@ckeditor/ckeditor5-ui';
9
- import type { Locale } from '@ckeditor/ckeditor5-utils';
10
- import type { EditingView } from '@ckeditor/ckeditor5-engine';
11
- import type { ViewRootElementDefinition } from '@ckeditor/ckeditor5-core';
6
+ * @module editor-balloon/ballooneditoruiview
7
+ */
8
+ import { EditorUIView, InlineEditableUIView, MenuBarView } from "@ckeditor/ckeditor5-ui";
9
+ import type { Locale } from "@ckeditor/ckeditor5-utils";
10
+ import type { EditingView } from "@ckeditor/ckeditor5-engine";
11
+ import type { ViewRootElementDefinition } from "@ckeditor/ckeditor5-core";
12
12
  /**
13
- * Contextual editor UI view. Uses the {@link module:ui/editableui/inline/inlineeditableuiview~InlineEditableUIView}.
14
- */
13
+ * Contextual editor UI view. Uses the {@link module:ui/editableui/inline/inlineeditableuiview~InlineEditableUIView}.
14
+ */
15
15
  export declare class BalloonEditorUIView extends EditorUIView {
16
- /**
17
- * Editable UI view.
18
- */
19
- readonly editable: InlineEditableUIView;
20
- /**
21
- * Menu bar view instance.
22
- */
23
- menuBarView: MenuBarView;
24
- /**
25
- * Creates an instance of the balloon editor UI view.
26
- *
27
- * @param locale The {@link module:core/editor/editor~Editor#locale} instance.
28
- * @param editingView The editing view instance this view is related to.
29
- * @param editableElement The editable element. If not specified, it will be automatically created by
30
- * {@link module:ui/editableui/editableuiview~EditableUIView}. Otherwise, the given element will be used.
31
- * @param label When set, this value will be used as an accessible `aria-label` of the
32
- * {@link module:ui/editableui/editableuiview~EditableUIView editable view}.
33
- */
34
- constructor(locale: Locale, editingView: EditingView, editableElement?: HTMLElement | ViewRootElementDefinition, label?: string | Record<string, string>);
35
- /**
36
- * @inheritDoc
37
- */
38
- render(): void;
16
+ /**
17
+ * Editable UI view.
18
+ */
19
+ readonly editable: InlineEditableUIView;
20
+ /**
21
+ * Menu bar view instance.
22
+ */
23
+ override menuBarView: MenuBarView;
24
+ /**
25
+ * Creates an instance of the balloon editor UI view.
26
+ *
27
+ * @param locale The {@link module:core/editor/editor~Editor#locale} instance.
28
+ * @param editingView The editing view instance this view is related to.
29
+ * @param editableElement The editable element. If not specified, it will be automatically created by
30
+ * {@link module:ui/editableui/editableuiview~EditableUIView}. Otherwise, the given element will be used.
31
+ * @param label When set, this value will be used as an accessible `aria-label` of the
32
+ * {@link module:ui/editableui/editableuiview~EditableUIView editable view}.
33
+ */
34
+ constructor(locale: Locale, editingView: EditingView, editableElement?: HTMLElement | ViewRootElementDefinition, label?: string | Record<string, string>);
35
+ /**
36
+ * @inheritDoc
37
+ */
38
+ override render(): void;
39
39
  }