@ckeditor/ckeditor5-ui 40.0.0 → 40.1.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.
- package/LICENSE.md +3 -3
- package/lang/translations/pt-br.po +1 -1
- package/lang/translations/ug.po +26 -26
- package/package.json +3 -3
- package/src/arialiveannouncer.d.ts +94 -0
- package/src/arialiveannouncer.js +113 -0
- package/src/augmentation.d.ts +86 -86
- package/src/augmentation.js +5 -5
- package/src/autocomplete/autocompleteview.d.ts +81 -81
- package/src/autocomplete/autocompleteview.js +153 -146
- package/src/bindings/addkeyboardhandlingforgrid.d.ts +27 -27
- package/src/bindings/addkeyboardhandlingforgrid.js +107 -107
- package/src/bindings/clickoutsidehandler.d.ts +28 -28
- package/src/bindings/clickoutsidehandler.js +36 -36
- package/src/bindings/csstransitiondisablermixin.d.ts +40 -40
- package/src/bindings/csstransitiondisablermixin.js +55 -55
- package/src/bindings/injectcsstransitiondisabler.d.ts +59 -59
- package/src/bindings/injectcsstransitiondisabler.js +71 -71
- package/src/bindings/preventdefault.d.ts +33 -33
- package/src/bindings/preventdefault.js +34 -34
- package/src/bindings/submithandler.d.ts +57 -57
- package/src/bindings/submithandler.js +47 -47
- package/src/button/button.d.ts +172 -178
- package/src/button/button.js +5 -5
- package/src/button/buttonlabel.d.ts +34 -34
- package/src/button/buttonlabel.js +5 -5
- package/src/button/buttonlabelview.d.ts +31 -31
- package/src/button/buttonlabelview.js +42 -42
- package/src/button/buttonview.d.ts +181 -185
- package/src/button/buttonview.js +217 -219
- package/src/button/switchbuttonview.d.ts +45 -45
- package/src/button/switchbuttonview.js +75 -75
- package/src/colorgrid/colorgridview.d.ts +132 -132
- package/src/colorgrid/colorgridview.js +124 -124
- package/src/colorgrid/colortileview.d.ts +28 -28
- package/src/colorgrid/colortileview.js +40 -40
- package/src/colorgrid/utils.d.ts +47 -47
- package/src/colorgrid/utils.js +84 -84
- package/src/colorpicker/colorpickerview.d.ts +137 -137
- package/src/colorpicker/colorpickerview.js +270 -270
- package/src/colorpicker/utils.d.ts +43 -43
- package/src/colorpicker/utils.js +99 -99
- package/src/colorselector/colorgridsfragmentview.d.ts +194 -194
- package/src/colorselector/colorgridsfragmentview.js +289 -289
- package/src/colorselector/colorpickerfragmentview.d.ts +128 -128
- package/src/colorselector/colorpickerfragmentview.js +205 -205
- package/src/colorselector/colorselectorview.d.ts +242 -242
- package/src/colorselector/colorselectorview.js +256 -256
- package/src/colorselector/documentcolorcollection.d.ts +70 -70
- package/src/colorselector/documentcolorcollection.js +42 -42
- package/src/componentfactory.d.ts +81 -81
- package/src/componentfactory.js +104 -104
- package/src/dropdown/button/dropdownbutton.d.ts +25 -25
- package/src/dropdown/button/dropdownbutton.js +5 -5
- package/src/dropdown/button/dropdownbuttonview.d.ts +48 -48
- package/src/dropdown/button/dropdownbuttonview.js +66 -66
- package/src/dropdown/button/splitbuttonview.d.ts +161 -161
- package/src/dropdown/button/splitbuttonview.js +152 -152
- package/src/dropdown/dropdownpanelfocusable.d.ts +21 -21
- package/src/dropdown/dropdownpanelfocusable.js +5 -5
- package/src/dropdown/dropdownpanelview.d.ts +62 -62
- package/src/dropdown/dropdownpanelview.js +97 -97
- package/src/dropdown/dropdownview.d.ts +315 -315
- package/src/dropdown/dropdownview.js +379 -379
- package/src/dropdown/utils.d.ts +235 -235
- package/src/dropdown/utils.js +463 -458
- package/src/editableui/editableuiview.d.ts +72 -72
- package/src/editableui/editableuiview.js +112 -112
- package/src/editableui/inline/inlineeditableuiview.d.ts +40 -40
- package/src/editableui/inline/inlineeditableuiview.js +48 -48
- package/src/editorui/bodycollection.d.ts +55 -55
- package/src/editorui/bodycollection.js +84 -84
- package/src/editorui/boxed/boxededitoruiview.d.ts +40 -40
- package/src/editorui/boxed/boxededitoruiview.js +81 -81
- package/src/editorui/editorui.d.ts +288 -282
- package/src/editorui/editorui.js +412 -410
- package/src/editorui/editoruiview.d.ts +39 -39
- package/src/editorui/editoruiview.js +38 -38
- package/src/editorui/poweredby.d.ts +71 -71
- package/src/editorui/poweredby.js +276 -276
- package/src/focuscycler.d.ts +226 -226
- package/src/focuscycler.js +245 -245
- package/src/formheader/formheaderview.d.ts +59 -59
- package/src/formheader/formheaderview.js +69 -69
- package/src/highlightedtext/highlightedtextview.d.ts +38 -38
- package/src/highlightedtext/highlightedtextview.js +102 -102
- package/src/icon/iconview.d.ts +85 -85
- package/src/icon/iconview.js +114 -114
- package/src/iframe/iframeview.d.ts +50 -50
- package/src/iframe/iframeview.js +63 -63
- package/src/index.d.ts +73 -73
- package/src/index.js +70 -70
- package/src/input/inputbase.d.ts +107 -107
- package/src/input/inputbase.js +110 -110
- package/src/input/inputview.d.ts +36 -36
- package/src/input/inputview.js +24 -24
- package/src/inputnumber/inputnumberview.d.ts +49 -49
- package/src/inputnumber/inputnumberview.js +40 -40
- package/src/inputtext/inputtextview.d.ts +18 -18
- package/src/inputtext/inputtextview.js +27 -27
- package/src/label/labelview.d.ts +36 -36
- package/src/label/labelview.js +41 -41
- package/src/labeledfield/labeledfieldview.d.ts +187 -187
- package/src/labeledfield/labeledfieldview.js +157 -157
- package/src/labeledfield/utils.d.ts +123 -123
- package/src/labeledfield/utils.js +176 -176
- package/src/labeledinput/labeledinputview.d.ts +125 -125
- package/src/labeledinput/labeledinputview.js +125 -125
- package/src/list/listitemgroupview.d.ts +59 -51
- package/src/list/listitemgroupview.js +63 -75
- package/src/list/listitemview.d.ts +36 -36
- package/src/list/listitemview.js +42 -42
- package/src/list/listseparatorview.d.ts +18 -18
- package/src/list/listseparatorview.js +28 -28
- package/src/list/listview.d.ts +122 -122
- package/src/list/listview.js +187 -187
- package/src/model.d.ts +22 -22
- package/src/model.js +31 -31
- package/src/notification/notification.d.ts +211 -211
- package/src/notification/notification.js +187 -187
- package/src/panel/balloon/balloonpanelview.d.ts +685 -685
- package/src/panel/balloon/balloonpanelview.js +1010 -1010
- package/src/panel/balloon/contextualballoon.d.ts +299 -299
- package/src/panel/balloon/contextualballoon.js +572 -572
- package/src/panel/sticky/stickypanelview.d.ts +156 -156
- package/src/panel/sticky/stickypanelview.js +234 -234
- package/src/search/filteredview.d.ts +31 -31
- package/src/search/filteredview.js +5 -5
- package/src/search/searchinfoview.d.ts +45 -45
- package/src/search/searchinfoview.js +59 -59
- package/src/search/searchresultsview.d.ts +54 -54
- package/src/search/searchresultsview.js +65 -65
- package/src/search/text/searchtextqueryview.d.ts +76 -76
- package/src/search/text/searchtextqueryview.js +75 -75
- package/src/search/text/searchtextview.d.ts +219 -219
- package/src/search/text/searchtextview.js +201 -201
- package/src/spinner/spinnerview.d.ts +25 -25
- package/src/spinner/spinnerview.js +38 -38
- package/src/template.d.ts +942 -942
- package/src/template.js +1294 -1294
- package/src/textarea/textareaview.d.ts +88 -88
- package/src/textarea/textareaview.js +142 -140
- package/src/toolbar/balloon/balloontoolbar.d.ts +122 -122
- package/src/toolbar/balloon/balloontoolbar.js +300 -300
- package/src/toolbar/block/blockbuttonview.d.ts +35 -35
- package/src/toolbar/block/blockbuttonview.js +41 -41
- package/src/toolbar/block/blocktoolbar.d.ts +161 -161
- package/src/toolbar/block/blocktoolbar.js +395 -395
- package/src/toolbar/normalizetoolbarconfig.d.ts +40 -40
- package/src/toolbar/normalizetoolbarconfig.js +52 -51
- package/src/toolbar/toolbarlinebreakview.d.ts +18 -18
- package/src/toolbar/toolbarlinebreakview.js +28 -28
- package/src/toolbar/toolbarseparatorview.d.ts +18 -18
- package/src/toolbar/toolbarseparatorview.js +28 -28
- package/src/toolbar/toolbarview.d.ts +266 -266
- package/src/toolbar/toolbarview.js +719 -719
- package/src/tooltipmanager.d.ts +180 -180
- package/src/tooltipmanager.js +353 -353
- package/src/view.d.ts +422 -422
- package/src/view.js +396 -396
- package/src/viewcollection.d.ts +139 -139
- package/src/viewcollection.js +206 -206
- package/theme/components/arialiveannouncer/arialiveannouncer.css +10 -0
- package/theme/components/button/button.css +9 -1
- package/theme/components/formheader/formheader.css +0 -4
|
@@ -1,42 +1,42 @@
|
|
|
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
|
-
import { Collection, ObservableMixin } from '@ckeditor/ckeditor5-utils';
|
|
6
|
-
/**
|
|
7
|
-
* A collection to store document colors. It enforces colors to be unique.
|
|
8
|
-
*/
|
|
9
|
-
export default class DocumentColorCollection extends ObservableMixin((Collection)) {
|
|
10
|
-
constructor(options) {
|
|
11
|
-
super(options);
|
|
12
|
-
this.set('isEmpty', true);
|
|
13
|
-
this.on('change', () => {
|
|
14
|
-
this.set('isEmpty', this.length === 0);
|
|
15
|
-
});
|
|
16
|
-
}
|
|
17
|
-
/**
|
|
18
|
-
* Adds a color to the document color collection.
|
|
19
|
-
*
|
|
20
|
-
* This method ensures that no color duplicates are inserted (compared using
|
|
21
|
-
* the color value of the {@link module:ui/colorgrid/colorgridview~ColorDefinition}).
|
|
22
|
-
*
|
|
23
|
-
* If the item does not have an ID, it will be automatically generated and set on the item.
|
|
24
|
-
*
|
|
25
|
-
* @param index The position of the item in the collection. The item is pushed to the collection when `index` is not specified.
|
|
26
|
-
* @fires add
|
|
27
|
-
* @fires change
|
|
28
|
-
*/
|
|
29
|
-
add(item, index) {
|
|
30
|
-
if (this.find(element => element.color === item.color)) {
|
|
31
|
-
// No duplicates are allowed.
|
|
32
|
-
return this;
|
|
33
|
-
}
|
|
34
|
-
return super.add(item, index);
|
|
35
|
-
}
|
|
36
|
-
/**
|
|
37
|
-
* Checks if an object with given colors is present in the document color collection.
|
|
38
|
-
*/
|
|
39
|
-
hasColor(color) {
|
|
40
|
-
return !!this.find(item => item.color === color);
|
|
41
|
-
}
|
|
42
|
-
}
|
|
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
|
+
import { Collection, ObservableMixin } from '@ckeditor/ckeditor5-utils';
|
|
6
|
+
/**
|
|
7
|
+
* A collection to store document colors. It enforces colors to be unique.
|
|
8
|
+
*/
|
|
9
|
+
export default class DocumentColorCollection extends ObservableMixin((Collection)) {
|
|
10
|
+
constructor(options) {
|
|
11
|
+
super(options);
|
|
12
|
+
this.set('isEmpty', true);
|
|
13
|
+
this.on('change', () => {
|
|
14
|
+
this.set('isEmpty', this.length === 0);
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* Adds a color to the document color collection.
|
|
19
|
+
*
|
|
20
|
+
* This method ensures that no color duplicates are inserted (compared using
|
|
21
|
+
* the color value of the {@link module:ui/colorgrid/colorgridview~ColorDefinition}).
|
|
22
|
+
*
|
|
23
|
+
* If the item does not have an ID, it will be automatically generated and set on the item.
|
|
24
|
+
*
|
|
25
|
+
* @param index The position of the item in the collection. The item is pushed to the collection when `index` is not specified.
|
|
26
|
+
* @fires add
|
|
27
|
+
* @fires change
|
|
28
|
+
*/
|
|
29
|
+
add(item, index) {
|
|
30
|
+
if (this.find(element => element.color === item.color)) {
|
|
31
|
+
// No duplicates are allowed.
|
|
32
|
+
return this;
|
|
33
|
+
}
|
|
34
|
+
return super.add(item, index);
|
|
35
|
+
}
|
|
36
|
+
/**
|
|
37
|
+
* Checks if an object with given colors is present in the document color collection.
|
|
38
|
+
*/
|
|
39
|
+
hasColor(color) {
|
|
40
|
+
return !!this.find(item => item.color === color);
|
|
41
|
+
}
|
|
42
|
+
}
|
|
@@ -1,81 +1,81 @@
|
|
|
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/componentfactory
|
|
7
|
-
*/
|
|
8
|
-
import { type Locale } from '@ckeditor/ckeditor5-utils';
|
|
9
|
-
import type { Editor } from '@ckeditor/ckeditor5-core';
|
|
10
|
-
import type View from './view';
|
|
11
|
-
/**
|
|
12
|
-
* A helper class implementing the UI component ({@link module:ui/view~View view}) factory.
|
|
13
|
-
*
|
|
14
|
-
* It allows functions producing specific UI components to be registered under their unique names
|
|
15
|
-
* in the factory. A registered component can be then instantiated by providing its name.
|
|
16
|
-
* Note that the names are case insensitive.
|
|
17
|
-
*
|
|
18
|
-
* ```ts
|
|
19
|
-
* // The editor provides localization tools for the factory.
|
|
20
|
-
* const factory = new ComponentFactory( editor );
|
|
21
|
-
*
|
|
22
|
-
* factory.add( 'foo', locale => new FooView( locale ) );
|
|
23
|
-
* factory.add( 'bar', locale => new BarView( locale ) );
|
|
24
|
-
*
|
|
25
|
-
* // An instance of FooView.
|
|
26
|
-
* const fooInstance = factory.create( 'foo' );
|
|
27
|
-
*
|
|
28
|
-
* // Names are case insensitive so this is also allowed:
|
|
29
|
-
* const barInstance = factory.create( 'Bar' );
|
|
30
|
-
* ```
|
|
31
|
-
*
|
|
32
|
-
* The {@link module:core/editor/editor~Editor#locale editor locale} is passed to the factory
|
|
33
|
-
* function when {@link module:ui/componentfactory~ComponentFactory#create} is called.
|
|
34
|
-
*/
|
|
35
|
-
export default class ComponentFactory {
|
|
36
|
-
/**
|
|
37
|
-
* The editor instance that the factory belongs to.
|
|
38
|
-
*/
|
|
39
|
-
readonly editor: Editor;
|
|
40
|
-
/**
|
|
41
|
-
* Registered component factories.
|
|
42
|
-
*/
|
|
43
|
-
private readonly _components;
|
|
44
|
-
/**
|
|
45
|
-
* Creates an instance of the factory.
|
|
46
|
-
*
|
|
47
|
-
* @param editor The editor instance.
|
|
48
|
-
*/
|
|
49
|
-
constructor(editor: Editor);
|
|
50
|
-
/**
|
|
51
|
-
* Returns an iterator of registered component names. Names are returned in lower case.
|
|
52
|
-
*/
|
|
53
|
-
names(): IterableIterator<string>;
|
|
54
|
-
/**
|
|
55
|
-
* Registers a component factory function that will be used by the
|
|
56
|
-
* {@link #create create} method and called with the
|
|
57
|
-
* {@link module:core/editor/editor~Editor#locale editor locale} as an argument,
|
|
58
|
-
* allowing localization of the {@link module:ui/view~View view}.
|
|
59
|
-
*
|
|
60
|
-
* @param name The name of the component.
|
|
61
|
-
* @param callback The callback that returns the component.
|
|
62
|
-
*/
|
|
63
|
-
add(name: string, callback: (locale: Locale) => View): void;
|
|
64
|
-
/**
|
|
65
|
-
* Creates an instance of a component registered in the factory under a specific name.
|
|
66
|
-
*
|
|
67
|
-
* When called, the {@link module:core/editor/editor~Editor#locale editor locale} is passed to
|
|
68
|
-
* the previously {@link #add added} factory function, allowing localization of the
|
|
69
|
-
* {@link module:ui/view~View view}.
|
|
70
|
-
*
|
|
71
|
-
* @param name The name of the component.
|
|
72
|
-
* @returns The instantiated component view.
|
|
73
|
-
*/
|
|
74
|
-
create(name: string): View;
|
|
75
|
-
/**
|
|
76
|
-
* Checks if a component of a given name is registered in the factory.
|
|
77
|
-
*
|
|
78
|
-
* @param name The name of the component.
|
|
79
|
-
*/
|
|
80
|
-
has(name: string): boolean;
|
|
81
|
-
}
|
|
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/componentfactory
|
|
7
|
+
*/
|
|
8
|
+
import { type Locale } from '@ckeditor/ckeditor5-utils';
|
|
9
|
+
import type { Editor } from '@ckeditor/ckeditor5-core';
|
|
10
|
+
import type View from './view';
|
|
11
|
+
/**
|
|
12
|
+
* A helper class implementing the UI component ({@link module:ui/view~View view}) factory.
|
|
13
|
+
*
|
|
14
|
+
* It allows functions producing specific UI components to be registered under their unique names
|
|
15
|
+
* in the factory. A registered component can be then instantiated by providing its name.
|
|
16
|
+
* Note that the names are case insensitive.
|
|
17
|
+
*
|
|
18
|
+
* ```ts
|
|
19
|
+
* // The editor provides localization tools for the factory.
|
|
20
|
+
* const factory = new ComponentFactory( editor );
|
|
21
|
+
*
|
|
22
|
+
* factory.add( 'foo', locale => new FooView( locale ) );
|
|
23
|
+
* factory.add( 'bar', locale => new BarView( locale ) );
|
|
24
|
+
*
|
|
25
|
+
* // An instance of FooView.
|
|
26
|
+
* const fooInstance = factory.create( 'foo' );
|
|
27
|
+
*
|
|
28
|
+
* // Names are case insensitive so this is also allowed:
|
|
29
|
+
* const barInstance = factory.create( 'Bar' );
|
|
30
|
+
* ```
|
|
31
|
+
*
|
|
32
|
+
* The {@link module:core/editor/editor~Editor#locale editor locale} is passed to the factory
|
|
33
|
+
* function when {@link module:ui/componentfactory~ComponentFactory#create} is called.
|
|
34
|
+
*/
|
|
35
|
+
export default class ComponentFactory {
|
|
36
|
+
/**
|
|
37
|
+
* The editor instance that the factory belongs to.
|
|
38
|
+
*/
|
|
39
|
+
readonly editor: Editor;
|
|
40
|
+
/**
|
|
41
|
+
* Registered component factories.
|
|
42
|
+
*/
|
|
43
|
+
private readonly _components;
|
|
44
|
+
/**
|
|
45
|
+
* Creates an instance of the factory.
|
|
46
|
+
*
|
|
47
|
+
* @param editor The editor instance.
|
|
48
|
+
*/
|
|
49
|
+
constructor(editor: Editor);
|
|
50
|
+
/**
|
|
51
|
+
* Returns an iterator of registered component names. Names are returned in lower case.
|
|
52
|
+
*/
|
|
53
|
+
names(): IterableIterator<string>;
|
|
54
|
+
/**
|
|
55
|
+
* Registers a component factory function that will be used by the
|
|
56
|
+
* {@link #create create} method and called with the
|
|
57
|
+
* {@link module:core/editor/editor~Editor#locale editor locale} as an argument,
|
|
58
|
+
* allowing localization of the {@link module:ui/view~View view}.
|
|
59
|
+
*
|
|
60
|
+
* @param name The name of the component.
|
|
61
|
+
* @param callback The callback that returns the component.
|
|
62
|
+
*/
|
|
63
|
+
add(name: string, callback: (locale: Locale) => View): void;
|
|
64
|
+
/**
|
|
65
|
+
* Creates an instance of a component registered in the factory under a specific name.
|
|
66
|
+
*
|
|
67
|
+
* When called, the {@link module:core/editor/editor~Editor#locale editor locale} is passed to
|
|
68
|
+
* the previously {@link #add added} factory function, allowing localization of the
|
|
69
|
+
* {@link module:ui/view~View view}.
|
|
70
|
+
*
|
|
71
|
+
* @param name The name of the component.
|
|
72
|
+
* @returns The instantiated component view.
|
|
73
|
+
*/
|
|
74
|
+
create(name: string): View;
|
|
75
|
+
/**
|
|
76
|
+
* Checks if a component of a given name is registered in the factory.
|
|
77
|
+
*
|
|
78
|
+
* @param name The name of the component.
|
|
79
|
+
*/
|
|
80
|
+
has(name: string): boolean;
|
|
81
|
+
}
|
package/src/componentfactory.js
CHANGED
|
@@ -1,104 +1,104 @@
|
|
|
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/componentfactory
|
|
7
|
-
*/
|
|
8
|
-
import { CKEditorError } from '@ckeditor/ckeditor5-utils';
|
|
9
|
-
/**
|
|
10
|
-
* A helper class implementing the UI component ({@link module:ui/view~View view}) factory.
|
|
11
|
-
*
|
|
12
|
-
* It allows functions producing specific UI components to be registered under their unique names
|
|
13
|
-
* in the factory. A registered component can be then instantiated by providing its name.
|
|
14
|
-
* Note that the names are case insensitive.
|
|
15
|
-
*
|
|
16
|
-
* ```ts
|
|
17
|
-
* // The editor provides localization tools for the factory.
|
|
18
|
-
* const factory = new ComponentFactory( editor );
|
|
19
|
-
*
|
|
20
|
-
* factory.add( 'foo', locale => new FooView( locale ) );
|
|
21
|
-
* factory.add( 'bar', locale => new BarView( locale ) );
|
|
22
|
-
*
|
|
23
|
-
* // An instance of FooView.
|
|
24
|
-
* const fooInstance = factory.create( 'foo' );
|
|
25
|
-
*
|
|
26
|
-
* // Names are case insensitive so this is also allowed:
|
|
27
|
-
* const barInstance = factory.create( 'Bar' );
|
|
28
|
-
* ```
|
|
29
|
-
*
|
|
30
|
-
* The {@link module:core/editor/editor~Editor#locale editor locale} is passed to the factory
|
|
31
|
-
* function when {@link module:ui/componentfactory~ComponentFactory#create} is called.
|
|
32
|
-
*/
|
|
33
|
-
export default class ComponentFactory {
|
|
34
|
-
/**
|
|
35
|
-
* Creates an instance of the factory.
|
|
36
|
-
*
|
|
37
|
-
* @param editor The editor instance.
|
|
38
|
-
*/
|
|
39
|
-
constructor(editor) {
|
|
40
|
-
/**
|
|
41
|
-
* Registered component factories.
|
|
42
|
-
*/
|
|
43
|
-
this._components = new Map();
|
|
44
|
-
this.editor = editor;
|
|
45
|
-
}
|
|
46
|
-
/**
|
|
47
|
-
* Returns an iterator of registered component names. Names are returned in lower case.
|
|
48
|
-
*/
|
|
49
|
-
*names() {
|
|
50
|
-
for (const value of this._components.values()) {
|
|
51
|
-
yield value.originalName;
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
/**
|
|
55
|
-
* Registers a component factory function that will be used by the
|
|
56
|
-
* {@link #create create} method and called with the
|
|
57
|
-
* {@link module:core/editor/editor~Editor#locale editor locale} as an argument,
|
|
58
|
-
* allowing localization of the {@link module:ui/view~View view}.
|
|
59
|
-
*
|
|
60
|
-
* @param name The name of the component.
|
|
61
|
-
* @param callback The callback that returns the component.
|
|
62
|
-
*/
|
|
63
|
-
add(name, callback) {
|
|
64
|
-
this._components.set(getNormalized(name), { callback, originalName: name });
|
|
65
|
-
}
|
|
66
|
-
/**
|
|
67
|
-
* Creates an instance of a component registered in the factory under a specific name.
|
|
68
|
-
*
|
|
69
|
-
* When called, the {@link module:core/editor/editor~Editor#locale editor locale} is passed to
|
|
70
|
-
* the previously {@link #add added} factory function, allowing localization of the
|
|
71
|
-
* {@link module:ui/view~View view}.
|
|
72
|
-
*
|
|
73
|
-
* @param name The name of the component.
|
|
74
|
-
* @returns The instantiated component view.
|
|
75
|
-
*/
|
|
76
|
-
create(name) {
|
|
77
|
-
if (!this.has(name)) {
|
|
78
|
-
/**
|
|
79
|
-
* The required component is not registered in the component factory. Please make sure
|
|
80
|
-
* the provided name is correct and the component has been correctly
|
|
81
|
-
* {@link module:ui/componentfactory~ComponentFactory#add added} to the factory.
|
|
82
|
-
*
|
|
83
|
-
* @error componentfactory-item-missing
|
|
84
|
-
* @param name The name of the missing component.
|
|
85
|
-
*/
|
|
86
|
-
throw new CKEditorError('componentfactory-item-missing', this, { name });
|
|
87
|
-
}
|
|
88
|
-
return this._components.get(getNormalized(name)).callback(this.editor.locale);
|
|
89
|
-
}
|
|
90
|
-
/**
|
|
91
|
-
* Checks if a component of a given name is registered in the factory.
|
|
92
|
-
*
|
|
93
|
-
* @param name The name of the component.
|
|
94
|
-
*/
|
|
95
|
-
has(name) {
|
|
96
|
-
return this._components.has(getNormalized(name));
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
/**
|
|
100
|
-
* Ensures that the component name used as the key in the internal map is in lower case.
|
|
101
|
-
*/
|
|
102
|
-
function getNormalized(name) {
|
|
103
|
-
return String(name).toLowerCase();
|
|
104
|
-
}
|
|
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/componentfactory
|
|
7
|
+
*/
|
|
8
|
+
import { CKEditorError } from '@ckeditor/ckeditor5-utils';
|
|
9
|
+
/**
|
|
10
|
+
* A helper class implementing the UI component ({@link module:ui/view~View view}) factory.
|
|
11
|
+
*
|
|
12
|
+
* It allows functions producing specific UI components to be registered under their unique names
|
|
13
|
+
* in the factory. A registered component can be then instantiated by providing its name.
|
|
14
|
+
* Note that the names are case insensitive.
|
|
15
|
+
*
|
|
16
|
+
* ```ts
|
|
17
|
+
* // The editor provides localization tools for the factory.
|
|
18
|
+
* const factory = new ComponentFactory( editor );
|
|
19
|
+
*
|
|
20
|
+
* factory.add( 'foo', locale => new FooView( locale ) );
|
|
21
|
+
* factory.add( 'bar', locale => new BarView( locale ) );
|
|
22
|
+
*
|
|
23
|
+
* // An instance of FooView.
|
|
24
|
+
* const fooInstance = factory.create( 'foo' );
|
|
25
|
+
*
|
|
26
|
+
* // Names are case insensitive so this is also allowed:
|
|
27
|
+
* const barInstance = factory.create( 'Bar' );
|
|
28
|
+
* ```
|
|
29
|
+
*
|
|
30
|
+
* The {@link module:core/editor/editor~Editor#locale editor locale} is passed to the factory
|
|
31
|
+
* function when {@link module:ui/componentfactory~ComponentFactory#create} is called.
|
|
32
|
+
*/
|
|
33
|
+
export default class ComponentFactory {
|
|
34
|
+
/**
|
|
35
|
+
* Creates an instance of the factory.
|
|
36
|
+
*
|
|
37
|
+
* @param editor The editor instance.
|
|
38
|
+
*/
|
|
39
|
+
constructor(editor) {
|
|
40
|
+
/**
|
|
41
|
+
* Registered component factories.
|
|
42
|
+
*/
|
|
43
|
+
this._components = new Map();
|
|
44
|
+
this.editor = editor;
|
|
45
|
+
}
|
|
46
|
+
/**
|
|
47
|
+
* Returns an iterator of registered component names. Names are returned in lower case.
|
|
48
|
+
*/
|
|
49
|
+
*names() {
|
|
50
|
+
for (const value of this._components.values()) {
|
|
51
|
+
yield value.originalName;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
/**
|
|
55
|
+
* Registers a component factory function that will be used by the
|
|
56
|
+
* {@link #create create} method and called with the
|
|
57
|
+
* {@link module:core/editor/editor~Editor#locale editor locale} as an argument,
|
|
58
|
+
* allowing localization of the {@link module:ui/view~View view}.
|
|
59
|
+
*
|
|
60
|
+
* @param name The name of the component.
|
|
61
|
+
* @param callback The callback that returns the component.
|
|
62
|
+
*/
|
|
63
|
+
add(name, callback) {
|
|
64
|
+
this._components.set(getNormalized(name), { callback, originalName: name });
|
|
65
|
+
}
|
|
66
|
+
/**
|
|
67
|
+
* Creates an instance of a component registered in the factory under a specific name.
|
|
68
|
+
*
|
|
69
|
+
* When called, the {@link module:core/editor/editor~Editor#locale editor locale} is passed to
|
|
70
|
+
* the previously {@link #add added} factory function, allowing localization of the
|
|
71
|
+
* {@link module:ui/view~View view}.
|
|
72
|
+
*
|
|
73
|
+
* @param name The name of the component.
|
|
74
|
+
* @returns The instantiated component view.
|
|
75
|
+
*/
|
|
76
|
+
create(name) {
|
|
77
|
+
if (!this.has(name)) {
|
|
78
|
+
/**
|
|
79
|
+
* The required component is not registered in the component factory. Please make sure
|
|
80
|
+
* the provided name is correct and the component has been correctly
|
|
81
|
+
* {@link module:ui/componentfactory~ComponentFactory#add added} to the factory.
|
|
82
|
+
*
|
|
83
|
+
* @error componentfactory-item-missing
|
|
84
|
+
* @param name The name of the missing component.
|
|
85
|
+
*/
|
|
86
|
+
throw new CKEditorError('componentfactory-item-missing', this, { name });
|
|
87
|
+
}
|
|
88
|
+
return this._components.get(getNormalized(name)).callback(this.editor.locale);
|
|
89
|
+
}
|
|
90
|
+
/**
|
|
91
|
+
* Checks if a component of a given name is registered in the factory.
|
|
92
|
+
*
|
|
93
|
+
* @param name The name of the component.
|
|
94
|
+
*/
|
|
95
|
+
has(name) {
|
|
96
|
+
return this._components.has(getNormalized(name));
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
/**
|
|
100
|
+
* Ensures that the component name used as the key in the internal map is in lower case.
|
|
101
|
+
*/
|
|
102
|
+
function getNormalized(name) {
|
|
103
|
+
return String(name).toLowerCase();
|
|
104
|
+
}
|
|
@@ -1,25 +1,25 @@
|
|
|
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/dropdown/button/dropdownbutton
|
|
7
|
-
*/
|
|
8
|
-
import type Button from '../../button/button';
|
|
9
|
-
import type ViewCollection from '../../viewcollection';
|
|
10
|
-
/**
|
|
11
|
-
* The dropdown button interface.
|
|
12
|
-
*/
|
|
13
|
-
export default interface DropdownButton extends Button {
|
|
14
|
-
children: ViewCollection;
|
|
15
|
-
}
|
|
16
|
-
/**
|
|
17
|
-
* Fired when the dropdown should be opened.
|
|
18
|
-
* It will not be fired when the button {@link module:ui/dropdown/button/dropdownbutton~DropdownButton#isEnabled is disabled}.
|
|
19
|
-
*
|
|
20
|
-
* @eventName ~DropdownButton#open
|
|
21
|
-
*/
|
|
22
|
-
export type DropdownButtonOpenEvent = {
|
|
23
|
-
name: 'open';
|
|
24
|
-
args: [];
|
|
25
|
-
};
|
|
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/dropdown/button/dropdownbutton
|
|
7
|
+
*/
|
|
8
|
+
import type Button from '../../button/button';
|
|
9
|
+
import type ViewCollection from '../../viewcollection';
|
|
10
|
+
/**
|
|
11
|
+
* The dropdown button interface.
|
|
12
|
+
*/
|
|
13
|
+
export default interface DropdownButton extends Button {
|
|
14
|
+
children: ViewCollection;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* Fired when the dropdown should be opened.
|
|
18
|
+
* It will not be fired when the button {@link module:ui/dropdown/button/dropdownbutton~DropdownButton#isEnabled is disabled}.
|
|
19
|
+
*
|
|
20
|
+
* @eventName ~DropdownButton#open
|
|
21
|
+
*/
|
|
22
|
+
export type DropdownButtonOpenEvent = {
|
|
23
|
+
name: 'open';
|
|
24
|
+
args: [];
|
|
25
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
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
|
-
export {};
|
|
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
|
+
export {};
|
|
@@ -1,48 +1,48 @@
|
|
|
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/dropdown/button/dropdownbuttonview
|
|
7
|
-
*/
|
|
8
|
-
import ButtonView from '../../button/buttonview';
|
|
9
|
-
import type DropdownButton from './dropdownbutton';
|
|
10
|
-
import IconView from '../../icon/iconview';
|
|
11
|
-
import type { Locale } from '@ckeditor/ckeditor5-utils';
|
|
12
|
-
/**
|
|
13
|
-
* The default dropdown button view class.
|
|
14
|
-
*
|
|
15
|
-
* ```ts
|
|
16
|
-
* const view = new DropdownButtonView();
|
|
17
|
-
*
|
|
18
|
-
* view.set( {
|
|
19
|
-
* label: 'A button',
|
|
20
|
-
* keystroke: 'Ctrl+B',
|
|
21
|
-
* tooltip: true
|
|
22
|
-
* } );
|
|
23
|
-
*
|
|
24
|
-
* view.render();
|
|
25
|
-
*
|
|
26
|
-
* document.body.append( view.element );
|
|
27
|
-
* ```
|
|
28
|
-
*
|
|
29
|
-
* Also see the {@link module:ui/dropdown/utils~createDropdown `createDropdown()` util}.
|
|
30
|
-
*/
|
|
31
|
-
export default class DropdownButtonView extends ButtonView implements DropdownButton {
|
|
32
|
-
/**
|
|
33
|
-
* An icon that displays arrow to indicate a dropdown button.
|
|
34
|
-
*/
|
|
35
|
-
readonly arrowView: IconView;
|
|
36
|
-
/**
|
|
37
|
-
* @inheritDoc
|
|
38
|
-
*/
|
|
39
|
-
constructor(locale?: Locale);
|
|
40
|
-
/**
|
|
41
|
-
* @inheritDoc
|
|
42
|
-
*/
|
|
43
|
-
render(): void;
|
|
44
|
-
/**
|
|
45
|
-
* Creates a {@link module:ui/icon/iconview~IconView} instance as {@link #arrowView}.
|
|
46
|
-
*/
|
|
47
|
-
private _createArrowView;
|
|
48
|
-
}
|
|
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/dropdown/button/dropdownbuttonview
|
|
7
|
+
*/
|
|
8
|
+
import ButtonView from '../../button/buttonview';
|
|
9
|
+
import type DropdownButton from './dropdownbutton';
|
|
10
|
+
import IconView from '../../icon/iconview';
|
|
11
|
+
import type { Locale } from '@ckeditor/ckeditor5-utils';
|
|
12
|
+
/**
|
|
13
|
+
* The default dropdown button view class.
|
|
14
|
+
*
|
|
15
|
+
* ```ts
|
|
16
|
+
* const view = new DropdownButtonView();
|
|
17
|
+
*
|
|
18
|
+
* view.set( {
|
|
19
|
+
* label: 'A button',
|
|
20
|
+
* keystroke: 'Ctrl+B',
|
|
21
|
+
* tooltip: true
|
|
22
|
+
* } );
|
|
23
|
+
*
|
|
24
|
+
* view.render();
|
|
25
|
+
*
|
|
26
|
+
* document.body.append( view.element );
|
|
27
|
+
* ```
|
|
28
|
+
*
|
|
29
|
+
* Also see the {@link module:ui/dropdown/utils~createDropdown `createDropdown()` util}.
|
|
30
|
+
*/
|
|
31
|
+
export default class DropdownButtonView extends ButtonView implements DropdownButton {
|
|
32
|
+
/**
|
|
33
|
+
* An icon that displays arrow to indicate a dropdown button.
|
|
34
|
+
*/
|
|
35
|
+
readonly arrowView: IconView;
|
|
36
|
+
/**
|
|
37
|
+
* @inheritDoc
|
|
38
|
+
*/
|
|
39
|
+
constructor(locale?: Locale);
|
|
40
|
+
/**
|
|
41
|
+
* @inheritDoc
|
|
42
|
+
*/
|
|
43
|
+
render(): void;
|
|
44
|
+
/**
|
|
45
|
+
* Creates a {@link module:ui/icon/iconview~IconView} instance as {@link #arrowView}.
|
|
46
|
+
*/
|
|
47
|
+
private _createArrowView;
|
|
48
|
+
}
|