@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,99 +1,99 @@
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/colorpicker/utils
7
- */
8
- /* eslint-disable @typescript-eslint/ban-ts-comment */
9
- // There are no available types for 'color-parse' module.
10
- // @ts-ignore
11
- import { default as parse } from 'color-parse';
12
- import * as convert from 'color-convert';
13
- /**
14
- * Parses and converts the color string to requested format. Handles variety of color spaces
15
- * like `hsl`, `hex` or `rgb`.
16
- *
17
- * @param color
18
- * @returns A color string.
19
- */
20
- export function convertColor(color, outputFormat) {
21
- if (!color) {
22
- return '';
23
- }
24
- const colorObject = parseColorString(color);
25
- if (!colorObject) {
26
- return '';
27
- }
28
- if (colorObject.space === outputFormat) {
29
- return color;
30
- }
31
- if (!canConvertParsedColor(colorObject)) {
32
- return '';
33
- }
34
- const fromColorSpace = convert[colorObject.space];
35
- const toColorSpace = fromColorSpace[outputFormat];
36
- if (!toColorSpace) {
37
- return '';
38
- }
39
- const convertedColorChannels = toColorSpace(colorObject.space === 'hex' ? colorObject.hexValue : colorObject.values);
40
- return formatColorOutput(convertedColorChannels, outputFormat);
41
- }
42
- /**
43
- * Converts a color string to hex format.
44
- *
45
- * @param color
46
- * @returns A color string.
47
- */
48
- export function convertToHex(color) {
49
- if (!color) {
50
- return '';
51
- }
52
- const colorObject = parseColorString(color);
53
- if (!colorObject) {
54
- return '#000';
55
- }
56
- if (colorObject.space === 'hex') {
57
- return colorObject.hexValue;
58
- }
59
- return convertColor(color, 'hex');
60
- }
61
- /**
62
- * Formats the passed color channels according to the requested format.
63
- *
64
- * @param values
65
- * @param format
66
- * @returns A color string.
67
- */
68
- function formatColorOutput(values, format) {
69
- switch (format) {
70
- case 'hex': return `#${values}`;
71
- case 'rgb': return `rgb( ${values[0]}, ${values[1]}, ${values[2]} )`;
72
- case 'hsl': return `hsl( ${values[0]}, ${values[1]}%, ${values[2]}% )`;
73
- case 'hwb': return `hwb( ${values[0]}, ${values[1]}, ${values[2]} )`;
74
- case 'lab': return `lab( ${values[0]}% ${values[1]} ${values[2]} )`;
75
- case 'lch': return `lch( ${values[0]}% ${values[1]} ${values[2]} )`;
76
- default: return '';
77
- }
78
- }
79
- function parseColorString(colorString) {
80
- // Parser library treats `hex` format as belonging to `rgb` space | which messes up further conversion.
81
- // Let's parse such strings on our own.
82
- if (colorString.startsWith('#')) {
83
- const parsedHex = parse(colorString);
84
- return {
85
- space: 'hex',
86
- values: parsedHex.values,
87
- hexValue: colorString,
88
- alpha: parsedHex.alpha
89
- };
90
- }
91
- const parsed = parse(colorString);
92
- if (!parsed.space) {
93
- return null;
94
- }
95
- return parsed;
96
- }
97
- function canConvertParsedColor(parsedColor) {
98
- return Object.keys(convert).includes(parsedColor.space);
99
- }
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/colorpicker/utils
7
+ */
8
+ /* eslint-disable @typescript-eslint/ban-ts-comment */
9
+ // There are no available types for 'color-parse' module.
10
+ // @ts-ignore
11
+ import { default as parse } from 'color-parse';
12
+ import * as convert from 'color-convert';
13
+ /**
14
+ * Parses and converts the color string to requested format. Handles variety of color spaces
15
+ * like `hsl`, `hex` or `rgb`.
16
+ *
17
+ * @param color
18
+ * @returns A color string.
19
+ */
20
+ export function convertColor(color, outputFormat) {
21
+ if (!color) {
22
+ return '';
23
+ }
24
+ const colorObject = parseColorString(color);
25
+ if (!colorObject) {
26
+ return '';
27
+ }
28
+ if (colorObject.space === outputFormat) {
29
+ return color;
30
+ }
31
+ if (!canConvertParsedColor(colorObject)) {
32
+ return '';
33
+ }
34
+ const fromColorSpace = convert[colorObject.space];
35
+ const toColorSpace = fromColorSpace[outputFormat];
36
+ if (!toColorSpace) {
37
+ return '';
38
+ }
39
+ const convertedColorChannels = toColorSpace(colorObject.space === 'hex' ? colorObject.hexValue : colorObject.values);
40
+ return formatColorOutput(convertedColorChannels, outputFormat);
41
+ }
42
+ /**
43
+ * Converts a color string to hex format.
44
+ *
45
+ * @param color
46
+ * @returns A color string.
47
+ */
48
+ export function convertToHex(color) {
49
+ if (!color) {
50
+ return '';
51
+ }
52
+ const colorObject = parseColorString(color);
53
+ if (!colorObject) {
54
+ return '#000';
55
+ }
56
+ if (colorObject.space === 'hex') {
57
+ return colorObject.hexValue;
58
+ }
59
+ return convertColor(color, 'hex');
60
+ }
61
+ /**
62
+ * Formats the passed color channels according to the requested format.
63
+ *
64
+ * @param values
65
+ * @param format
66
+ * @returns A color string.
67
+ */
68
+ function formatColorOutput(values, format) {
69
+ switch (format) {
70
+ case 'hex': return `#${values}`;
71
+ case 'rgb': return `rgb( ${values[0]}, ${values[1]}, ${values[2]} )`;
72
+ case 'hsl': return `hsl( ${values[0]}, ${values[1]}%, ${values[2]}% )`;
73
+ case 'hwb': return `hwb( ${values[0]}, ${values[1]}, ${values[2]} )`;
74
+ case 'lab': return `lab( ${values[0]}% ${values[1]} ${values[2]} )`;
75
+ case 'lch': return `lch( ${values[0]}% ${values[1]} ${values[2]} )`;
76
+ default: return '';
77
+ }
78
+ }
79
+ function parseColorString(colorString) {
80
+ // Parser library treats `hex` format as belonging to `rgb` space | which messes up further conversion.
81
+ // Let's parse such strings on our own.
82
+ if (colorString.startsWith('#')) {
83
+ const parsedHex = parse(colorString);
84
+ return {
85
+ space: 'hex',
86
+ values: parsedHex.values,
87
+ hexValue: colorString,
88
+ alpha: parsedHex.alpha
89
+ };
90
+ }
91
+ const parsed = parse(colorString);
92
+ if (!parsed.space) {
93
+ return null;
94
+ }
95
+ return parsed;
96
+ }
97
+ function canConvertParsedColor(parsedColor) {
98
+ return Object.keys(convert).includes(parsedColor.space);
99
+ }
@@ -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
+ }
@@ -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 {};