@ckeditor/ckeditor5-font 40.2.0 → 41.1.0

package/src/fontsize/fontsizeui.js

@@ -1,15 +1,15 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module font/fontsize/fontsizeui
  */
-import { Plugin } from 'ckeditor5/src/core';
-import { Model, createDropdown, addListToDropdown } from 'ckeditor5/src/ui';
-import { Collection } from 'ckeditor5/src/utils';
-import { normalizeOptions } from './utils';
-import { FONT_SIZE } from '../utils';
+import { Plugin } from 'ckeditor5/src/core.js';
+import { ViewModel, createDropdown, addListToDropdown } from 'ckeditor5/src/ui.js';
+import { Collection } from 'ckeditor5/src/utils.js';
+import { normalizeOptions } from './utils.js';
+import { FONT_SIZE } from '../utils.js';
 import '../../theme/fontsize.css';
 import fontSizeIcon from '../../theme/icons/font-size.svg';
 /**
@@ -97,7 +97,7 @@ function _prepareListOptions(options, command) {
     for (const option of options) {
         const def = {
             type: 'button',
-            model: new Model({
+            model: new ViewModel({
                 commandName: FONT_SIZE,
                 commandParam: option.model,
                 label: option.title,

package/src/fontsize/utils.d.ts

@@ -1,8 +1,8 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
-import { type FontSizeOption } from '../fontconfig';
+import { type FontSizeOption } from '../fontconfig.js';
 /**
  * Normalizes and translates the {@link module:font/fontconfig~FontSizeConfig#options configuration options}
  * to the {@link module:font/fontconfig~FontSizeOption} format.

package/src/fontsize/utils.js

@@ -1,11 +1,11 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module font/fontsize/utils
  */
-import { CKEditorError } from 'ckeditor5/src/utils';
+import { CKEditorError } from 'ckeditor5/src/utils.js';
 /**
  * Normalizes and translates the {@link module:font/fontconfig~FontSizeConfig#options configuration options}
  * to the {@link module:font/fontconfig~FontSizeOption} format.

package/src/fontsize.d.ts

@@ -1,14 +1,14 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module font/fontsize
  */
-import { Plugin } from 'ckeditor5/src/core';
-import FontSizeEditing from './fontsize/fontsizeediting';
-import FontSizeUI from './fontsize/fontsizeui';
-import type { FontSizeOption } from './fontconfig';
+import { Plugin } from 'ckeditor5/src/core.js';
+import FontSizeEditing from './fontsize/fontsizeediting.js';
+import FontSizeUI from './fontsize/fontsizeui.js';
+import type { FontSizeOption } from './fontconfig.js';
 /**
  * The font size plugin.
  *

package/src/fontsize.js

@@ -1,14 +1,14 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module font/fontsize
  */
-import { Plugin } from 'ckeditor5/src/core';
-import FontSizeEditing from './fontsize/fontsizeediting';
-import FontSizeUI from './fontsize/fontsizeui';
-import { normalizeOptions } from './fontsize/utils';
+import { Plugin } from 'ckeditor5/src/core.js';
+import FontSizeEditing from './fontsize/fontsizeediting.js';
+import FontSizeUI from './fontsize/fontsizeui.js';
+import { normalizeOptions } from './fontsize/utils.js';
 /**
  * The font size plugin.
  *

package/src/index.d.ts

@@ -1,27 +1,27 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module font
  */
-export { default as Font } from './font';
-export { default as FontBackgroundColor } from './fontbackgroundcolor';
-export { default as FontColor } from './fontcolor';
-export { default as FontFamily } from './fontfamily';
-export { default as FontSize } from './fontsize';
-export { default as FontBackgroundColorEditing } from './fontbackgroundcolor/fontbackgroundcolorediting';
-export { default as FontBackgroundColorUI } from './fontbackgroundcolor/fontbackgroundcolorui';
-export { default as FontColorEditing } from './fontcolor/fontcolorediting';
-export { default as FontColorUI } from './fontcolor/fontcolorui';
-export { default as FontFamilyEditing } from './fontfamily/fontfamilyediting';
-export { default as FontFamilyUI } from './fontfamily/fontfamilyui';
-export { default as FontSizeEditing } from './fontsize/fontsizeediting';
-export { default as FontSizeUI } from './fontsize/fontsizeui';
-export type { default as FontBackgroundColorCommand } from './fontbackgroundcolor/fontbackgroundcolorcommand';
-export type { default as FontColorCommand } from './fontcolor/fontcolorcommand';
-export type { default as FontFamilyCommand } from './fontfamily/fontfamilycommand';
-export type { default as FontSizeCommand } from './fontsize/fontsizecommand';
-export type { FONT_BACKGROUND_COLOR, FONT_COLOR, FONT_FAMILY, FONT_SIZE } from './utils';
-export type { FontColorConfig, FontFamilyConfig, FontSizeConfig } from './fontconfig';
-import './augmentation';
+export { default as Font } from './font.js';
+export { default as FontBackgroundColor } from './fontbackgroundcolor.js';
+export { default as FontColor } from './fontcolor.js';
+export { default as FontFamily } from './fontfamily.js';
+export { default as FontSize } from './fontsize.js';
+export { default as FontBackgroundColorEditing } from './fontbackgroundcolor/fontbackgroundcolorediting.js';
+export { default as FontBackgroundColorUI } from './fontbackgroundcolor/fontbackgroundcolorui.js';
+export { default as FontColorEditing } from './fontcolor/fontcolorediting.js';
+export { default as FontColorUI } from './fontcolor/fontcolorui.js';
+export { default as FontFamilyEditing } from './fontfamily/fontfamilyediting.js';
+export { default as FontFamilyUI } from './fontfamily/fontfamilyui.js';
+export { default as FontSizeEditing } from './fontsize/fontsizeediting.js';
+export { default as FontSizeUI } from './fontsize/fontsizeui.js';
+export type { default as FontBackgroundColorCommand } from './fontbackgroundcolor/fontbackgroundcolorcommand.js';
+export type { default as FontColorCommand } from './fontcolor/fontcolorcommand.js';
+export type { default as FontFamilyCommand } from './fontfamily/fontfamilycommand.js';
+export type { default as FontSizeCommand } from './fontsize/fontsizecommand.js';
+export type { FONT_BACKGROUND_COLOR, FONT_COLOR, FONT_FAMILY, FONT_SIZE } from './utils.js';
+export type { FontColorConfig, FontFamilyConfig, FontSizeConfig } from './fontconfig.js';
+import './augmentation.js';

package/src/index.js

@@ -1,21 +1,21 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module font
  */
-export { default as Font } from './font';
-export { default as FontBackgroundColor } from './fontbackgroundcolor';
-export { default as FontColor } from './fontcolor';
-export { default as FontFamily } from './fontfamily';
-export { default as FontSize } from './fontsize';
-export { default as FontBackgroundColorEditing } from './fontbackgroundcolor/fontbackgroundcolorediting';
-export { default as FontBackgroundColorUI } from './fontbackgroundcolor/fontbackgroundcolorui';
-export { default as FontColorEditing } from './fontcolor/fontcolorediting';
-export { default as FontColorUI } from './fontcolor/fontcolorui';
-export { default as FontFamilyEditing } from './fontfamily/fontfamilyediting';
-export { default as FontFamilyUI } from './fontfamily/fontfamilyui';
-export { default as FontSizeEditing } from './fontsize/fontsizeediting';
-export { default as FontSizeUI } from './fontsize/fontsizeui';
-import './augmentation';
+export { default as Font } from './font.js';
+export { default as FontBackgroundColor } from './fontbackgroundcolor.js';
+export { default as FontColor } from './fontcolor.js';
+export { default as FontFamily } from './fontfamily.js';
+export { default as FontSize } from './fontsize.js';
+export { default as FontBackgroundColorEditing } from './fontbackgroundcolor/fontbackgroundcolorediting.js';
+export { default as FontBackgroundColorUI } from './fontbackgroundcolor/fontbackgroundcolorui.js';
+export { default as FontColorEditing } from './fontcolor/fontcolorediting.js';
+export { default as FontColorUI } from './fontcolor/fontcolorui.js';
+export { default as FontFamilyEditing } from './fontfamily/fontfamilyediting.js';
+export { default as FontFamilyUI } from './fontfamily/fontfamilyui.js';
+export { default as FontSizeEditing } from './fontsize/fontsizeediting.js';
+export { default as FontSizeUI } from './fontsize/fontsizeui.js';
+import './augmentation.js';

package/src/ui/colorui.d.ts

@@ -1,13 +1,12 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module font/ui/colorui
  */
-import { Plugin, type Editor } from 'ckeditor5/src/core';
-import { type ColorSelectorView } from 'ckeditor5/src/ui';
-import { type FONT_BACKGROUND_COLOR, type FONT_COLOR } from '../utils';
+import { Plugin, type Editor } from 'ckeditor5/src/core.js';
+import { type FONT_BACKGROUND_COLOR, type FONT_COLOR } from '../utils.js';
 /**
  * The color UI plugin which isolates the common logic responsible for displaying dropdowns with color grids.
  *
@@ -36,10 +35,6 @@ export default class ColorUI extends Plugin {
      * The number of columns in the color grid.
      */
     columns: number;
-    /**
-     * Keeps a reference to {@link module:ui/colorselector/colorselectorview~ColorSelectorView}.
-     */
-    colorSelectorView: ColorSelectorView | undefined;
     /**
      * Keeps all changes in color picker in one batch while dropdown is open.
      */

package/src/ui/colorui.js

@@ -1,13 +1,13 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module font/ui/colorui
  */
-import { Plugin } from 'ckeditor5/src/core';
-import { createDropdown, normalizeColorOptions, getLocalizedColorOptions, focusChildOnDropdownOpen } from 'ckeditor5/src/ui';
-import { addColorSelectorToDropdown } from '../utils';
+import { Plugin } from 'ckeditor5/src/core.js';
+import { createDropdown, normalizeColorOptions, getLocalizedColorOptions, focusChildOnDropdownOpen } from 'ckeditor5/src/ui.js';
+import { addColorSelectorToDropdown } from '../utils.js';
 /**
  * The color UI plugin which isolates the common logic responsible for displaying dropdowns with color grids.
  *
@@ -33,7 +33,6 @@ export default class ColorUI extends Plugin {
         this.icon = icon;
         this.dropdownLabel = dropdownLabel;
         this.columns = editor.config.get(`${this.componentName}.columns`);
-        this.colorSelectorView = undefined;
     }
     /**
     * @inheritDoc
@@ -53,7 +52,7 @@ export default class ColorUI extends Plugin {
             const dropdownView = createDropdown(locale);
             // Font color dropdown rendering is deferred once it gets open to improve performance (#6192).
             let dropdownContentRendered = false;
-            this.colorSelectorView = addColorSelectorToDropdown({
+            const colorSelectorView = addColorSelectorToDropdown({
                 dropdownView,
                 colors: localizedColors.map(option => ({
                     label: option.label,
@@ -69,7 +68,7 @@ export default class ColorUI extends Plugin {
                 documentColorsCount: documentColorsCount === undefined ? this.columns : documentColorsCount,
                 colorPickerViewConfig: hasColorPicker ? (componentConfig.colorPicker || {}) : false
             });
-            this.colorSelectorView.bind('selectedColor').to(command, 'value');
+            colorSelectorView.bind('selectedColor').to(command, 'value');
             dropdownView.buttonView.set({
                 label: this.dropdownLabel,
                 icon: this.icon,
@@ -81,7 +80,7 @@ export default class ColorUI extends Plugin {
                 }
             });
             dropdownView.bind('isEnabled').to(command);
-            this.colorSelectorView.on('execute', (evt, data) => {
+            colorSelectorView.on('execute', (evt, data) => {
                 if (dropdownView.isOpen) {
                     editor.execute(this.commandName, {
                         value: data.value,
@@ -95,10 +94,10 @@ export default class ColorUI extends Plugin {
                     dropdownView.isOpen = false;
                 }
             });
-            this.colorSelectorView.on('colorPicker:show', () => {
+            colorSelectorView.on('colorPicker:show', () => {
                 this._undoStepBatch = editor.model.createBatch();
             });
-            this.colorSelectorView.on('colorPicker:cancel', () => {
+            colorSelectorView.on('colorPicker:cancel', () => {
                 if (this._undoStepBatch.operations.length) {
                     // We need to close the dropdown before the undo batch.
                     // Otherwise, ColorUI treats undo as a selected color change,
@@ -116,10 +115,10 @@ export default class ColorUI extends Plugin {
                 }
                 if (isVisible) {
                     if (documentColorsCount !== 0) {
-                        this.colorSelectorView.updateDocumentColors(editor.model, this.componentName);
+                        colorSelectorView.updateDocumentColors(editor.model, this.componentName);
                     }
-                    this.colorSelectorView.updateSelectedColors();
-                    this.colorSelectorView.showColorGridsFragment();
+                    colorSelectorView.updateSelectedColors();
+                    colorSelectorView.showColorGridsFragment();
                 }
             });
             // Accessibility: focus the first active color when opening the dropdown.

package/src/utils.d.ts

@@ -1,14 +1,14 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module font/utils
  */
-import type { FontFamilyOption, FontSizeOption } from './fontconfig';
-import { ColorSelectorView, type ColorDefinition, type ColorPickerViewConfig, type DropdownView } from 'ckeditor5/src/ui';
-import type { ArrayOrItem } from 'ckeditor5/src/utils';
-import type { ViewAttributeElement, ViewElement, MatcherPattern, ViewElementDefinition, DowncastConversionApi } from 'ckeditor5/src/engine';
+import type { FontFamilyOption, FontSizeOption } from './fontconfig.js';
+import { ColorSelectorView, type ColorDefinition, type ColorPickerViewConfig, type DropdownView } from 'ckeditor5/src/ui.js';
+import type { ArrayOrItem } from 'ckeditor5/src/utils.js';
+import type { ViewAttributeElement, ViewElement, MatcherPattern, ViewElementDefinition, DowncastConversionApi } from 'ckeditor5/src/engine.js';
 /**
  * The name of the font size plugin.
  */

package/src/utils.js

@@ -1,8 +1,8 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
-import { ColorSelectorView } from 'ckeditor5/src/ui';
+import { ColorSelectorView } from 'ckeditor5/src/ui.js';
 /**
  * The name of the font size plugin.
  */

package/theme/fontsize.css

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */