@ckeditor/ckeditor5-ui 40.2.0 → 41.1.0

package/src/button/switchbuttonview.d.ts

@@ -1,12 +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 ui/button/switchbuttonview
  */
-import View from '../view';
-import ButtonView from './buttonview';
+import View from '../view.js';
+import ButtonView from './buttonview.js';
 import type { Locale } from '@ckeditor/ckeditor5-utils';
 import '../../theme/components/button/switchbutton.css';
 /**

package/src/button/switchbuttonview.js

@@ -1,12 +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 ui/button/switchbuttonview
  */
-import View from '../view';
-import ButtonView from './buttonview';
+import View from '../view.js';
+import ButtonView from './buttonview.js';
 import '../../theme/components/button/switchbutton.css';
 /**
  * The switch button view class.

package/src/collapsible/collapsibleview.d.ts

@@ -1,14 +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 ui/collapsible/collapsibleview
  */
 import type { Locale } from '@ckeditor/ckeditor5-utils';
-import View from '../view';
-import ButtonView from '../button/buttonview';
-import type ViewCollection from '../viewcollection';
+import View from '../view.js';
+import ButtonView from '../button/buttonview.js';
+import type ViewCollection from '../viewcollection.js';
+import type { FocusableView } from '../focuscycler.js';
 import '../../theme/components/collapsible/collapsible.css';
 /**
  * A collapsible UI component. Consists of a labeled button and a container which can be collapsed
@@ -46,14 +47,14 @@ export default class CollapsibleView extends View {
     /**
      * A collection of the child views that can be collapsed by clicking the {@link #buttonView}.
      */
-    readonly children: ViewCollection;
+    readonly children: ViewCollection<FocusableView>;
     /**
      * Creates an instance of the collapsible view.
      *
      * @param locale The {@link module:core/editor/editor~Editor#locale} instance.
      * @param childViews An optional array of initial child views to be inserted into the collapsible.
      */
-    constructor(locale: Locale, childViews?: Array<View>);
+    constructor(locale: Locale, childViews?: Array<FocusableView>);
     /**
      * @inheritDoc
      */

package/src/collapsible/collapsibleview.js

@@ -1,9 +1,9 @@
 /**
- * @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 View from '../view';
-import ButtonView from '../button/buttonview';
+import View from '../view.js';
+import ButtonView from '../button/buttonview.js';
 import dropdownArrowIcon from '../../theme/icons/dropdown-arrow.svg';
 import '../../theme/components/collapsible/collapsible.css';
 /**

package/src/colorgrid/colorgridview.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 ui/colorgrid/colorgridview
  */
-import View from '../view';
-import ColorTileView from './colortileview';
-import type DropdownPanelFocusable from '../dropdown/dropdownpanelfocusable';
-import type ViewCollection from '../viewcollection';
+import View from '../view.js';
+import ColorTileView from './colortileview.js';
+import type DropdownPanelFocusable from '../dropdown/dropdownpanelfocusable.js';
+import type ViewCollection from '../viewcollection.js';
 import { FocusTracker, KeystrokeHandler, type Locale } from '@ckeditor/ckeditor5-utils';
 import '../../theme/components/colorgrid/colorgrid.css';
 /**

package/src/colorgrid/colorgridview.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 ui/colorgrid/colorgridview
  */
-import View from '../view';
-import ColorTileView from './colortileview';
-import addKeyboardHandlingForGrid from '../bindings/addkeyboardhandlingforgrid';
+import View from '../view.js';
+import ColorTileView from './colortileview.js';
+import addKeyboardHandlingForGrid from '../bindings/addkeyboardhandlingforgrid.js';
 import { FocusTracker, KeystrokeHandler } from '@ckeditor/ckeditor5-utils';
 import '../../theme/components/colorgrid/colorgrid.css';
 /**

package/src/colorgrid/colortileview.d.ts

@@ -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 ui/colorgrid/colortileview
  */
-import ButtonView from '../button/buttonview';
+import ButtonView from '../button/buttonview.js';
 import type { Locale } from '@ckeditor/ckeditor5-utils';
 /**
  * This class represents a single color tile in the {@link module:ui/colorgrid/colorgridview~ColorGridView}.

package/src/colorgrid/colortileview.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 ui/colorgrid/colortileview
  */
-import ButtonView from '../button/buttonview';
+import ButtonView from '../button/buttonview.js';
 import checkIcon from '../../theme/icons/color-tile-check.svg';
 /**
  * This class represents a single color tile in the {@link module:ui/colorgrid/colorgridview~ColorGridView}.

package/src/colorgrid/utils.d.ts

@@ -1,5 +1,5 @@
 /**
- * @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
  */
 /**

package/src/colorgrid/utils.js

@@ -1,5 +1,5 @@
 /**
- * @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
  */
 /**

package/src/colorpicker/colorpickerview.d.ts

@@ -1,16 +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 ui/colorpicker/colorpickerview
  */
-import { type ColorPickerViewConfig } from './utils';
+import { type ColorPickerViewConfig } from './utils.js';
 import { type Locale } from '@ckeditor/ckeditor5-utils';
-import View from '../view';
-import type ViewCollection from '../viewcollection';
-import 'vanilla-colorful/hex-color-picker.js';
+import View from '../view.js';
+import type ViewCollection from '../viewcollection.js';
+import { HexBase } from 'vanilla-colorful/lib/entrypoints/hex';
 import '../../theme/components/colorpicker/colorpicker.css';
+declare global {
+    interface HTMLElementTagNameMap {
+        'hex-color-picker': HexBase;
+    }
+}
 /**
  * A class which represents a color picker with an input field for defining custom colors.
  */
@@ -18,7 +23,7 @@ export default class ColorPickerView extends View {
     /**
      * Element with saturation and hue sliders.
      */
-    picker: HTMLElement;
+    picker: HexBase;
     /**
      * Container for a `#` sign prefix and an input for displaying and defining custom colors
      * in HEX format.
@@ -96,7 +101,7 @@ export default class ColorPickerView extends View {
 }
 declare class SliderView extends View {
     /**
-     * @param element HTML elemnt of slider in color picker.
+     * @param element HTML element of slider in color picker.
      */
     constructor(element: HTMLElement);
     /**

package/src/colorpicker/colorpickerview.js

@@ -1,17 +1,19 @@
 /**
- * @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 ui/colorpicker/colorpickerview
  */
-import { convertColor, convertToHex } from './utils';
+import { convertColor, convertToHex, registerCustomElement } from './utils.js';
 import { global, env } from '@ckeditor/ckeditor5-utils';
 import { debounce } from 'lodash-es';
-import View from '../view';
-import LabeledFieldView from '../labeledfield/labeledfieldview';
-import { createLabeledInputText } from '../labeledfield/utils';
-import 'vanilla-colorful/hex-color-picker.js';
+import View from '../view.js';
+import LabeledFieldView from '../labeledfield/labeledfieldview.js';
+import { createLabeledInputText } from '../labeledfield/utils.js';
+// Custom export due to https://github.com/ckeditor/ckeditor5/issues/15698.
+// eslint-disable-next-line ckeditor5-rules/require-file-extensions-in-imports
+import { HexBase } from 'vanilla-colorful/lib/entrypoints/hex';
 import '../../theme/components/colorpicker/colorpicker.css';
 const waitingTime = 150;
 /**
@@ -79,6 +81,8 @@ export default class ColorPickerView extends View {
      */
     render() {
         super.render();
+        // Extracted to the helper to make it testable.
+        registerCustomElement('hex-color-picker', HexBase);
         this.picker = global.document.createElement('hex-color-picker');
         this.picker.setAttribute('class', 'hex-color-picker');
         this.picker.setAttribute('tabindex', '-1');
@@ -100,8 +104,7 @@ export default class ColorPickerView extends View {
             this.picker.shadowRoot.appendChild(styleSheetForFocusedColorPicker);
         }
         this.picker.addEventListener('color-changed', event => {
-            const customEvent = event;
-            const color = customEvent.detail.value;
+            const color = event.detail.value;
             this._debounceColorPickerEvent(color);
         });
     }
@@ -213,7 +216,7 @@ function convertColorToCommonHexFormat(inputColor) {
 // View abstraction over pointer in color picker.
 class SliderView extends View {
     /**
-     * @param element HTML elemnt of slider in color picker.
+     * @param element HTML element of slider in color picker.
      */
     constructor(element) {
         super();

package/src/colorpicker/utils.d.ts

@@ -1,5 +1,5 @@
 /**
- * @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
  */
 /**
@@ -41,3 +41,8 @@ export declare function convertColor(color: string, outputFormat: ColorPickerOut
  * @returns A color string.
  */
 export declare function convertToHex(color: string): string;
+/**
+ * Registers the custom element in the
+ * [CustomElementsRegistry](https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry).
+ */
+export declare function registerCustomElement(elementName: string, constructor: CustomElementConstructor): void;

package/src/colorpicker/utils.js

@@ -1,5 +1,5 @@
 /**
- * @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
  */
 /**
@@ -58,6 +58,15 @@ export function convertToHex(color) {
     }
     return convertColor(color, 'hex');
 }
+/**
+ * Registers the custom element in the
+ * [CustomElementsRegistry](https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry).
+ */
+export function registerCustomElement(elementName, constructor) {
+    if (customElements.get(elementName) === undefined) {
+        customElements.define(elementName, constructor);
+    }
+}
 /**
  * Formats the passed color channels according to the requested format.
  *

package/src/colorselector/colorgridsfragmentview.d.ts

@@ -1,17 +1,18 @@
 /**
- * @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 ui/colorselector/colorgridsfragmentview
  */
-import View from '../view';
-import ButtonView from '../button/buttonview';
-import ColorGridView, { type ColorDefinition } from '../colorgrid/colorgridview';
-import DocumentColorCollection from './documentcolorcollection';
+import View from '../view.js';
+import ButtonView from '../button/buttonview.js';
+import ColorGridView, { type ColorDefinition } from '../colorgrid/colorgridview.js';
+import DocumentColorCollection from './documentcolorcollection.js';
 import type { Model } from '@ckeditor/ckeditor5-engine';
 import type { FocusTracker, Locale } from '@ckeditor/ckeditor5-utils';
-import type ViewCollection from '../viewcollection';
+import type ViewCollection from '../viewcollection.js';
+import type { FocusableView } from '../focuscycler.js';
 /**
  * One of the fragments of {@link module:ui/colorselector/colorselectorview~ColorSelectorView}.
  *
@@ -94,7 +95,7 @@ export default class ColorGridsFragmentView extends View {
      *
      * @readonly
      */
-    protected _focusables: ViewCollection;
+    protected _focusables: ViewCollection<FocusableView>;
     /**
      * Document color section's label.
      *
@@ -130,7 +131,7 @@ export default class ColorGridsFragmentView extends View {
         documentColorsLabel?: string;
         documentColorsCount?: number;
         focusTracker: FocusTracker;
-        focusables: ViewCollection;
+        focusables: ViewCollection<FocusableView>;
     });
     /**
      * Scans through the editor model and searches for text node attributes with the given attribute name.

package/src/colorselector/colorgridsfragmentview.js

@@ -1,19 +1,19 @@
 /**
- * @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 ui/colorselector/colorgridsfragmentview
  */
-import View from '../view';
-import ButtonView from '../button/buttonview';
-import ColorGridView from '../colorgrid/colorgridview';
-import ColorTileView from '../colorgrid/colortileview';
-import LabelView from '../label/labelview';
-import Template from '../template';
-import DocumentColorCollection from './documentcolorcollection';
-import removeButtonIcon from '@ckeditor/ckeditor5-core/theme/icons/eraser.svg';
-import colorPaletteIcon from '../../theme/icons/color-palette.svg';
+import View from '../view.js';
+import ButtonView from '../button/buttonview.js';
+import ColorGridView from '../colorgrid/colorgridview.js';
+import ColorTileView from '../colorgrid/colortileview.js';
+import LabelView from '../label/labelview.js';
+import Template from '../template.js';
+import DocumentColorCollection from './documentcolorcollection.js';
+import { icons } from '@ckeditor/ckeditor5-core';
+const { eraser: removeButtonIcon, colorPalette: colorPaletteIcon } = icons;
 /**
  * One of the fragments of {@link module:ui/colorselector/colorselectorview~ColorSelectorView}.
  *
@@ -133,7 +133,6 @@ export default class ColorGridsFragmentView extends View {
         }
         this._createColorPickerButton();
         this._addColorSelectorElementsToFocusTracker();
-        this.focus();
     }
     /**
      * Focuses the component.

package/src/colorselector/colorpickerfragmentview.d.ts

@@ -1,16 +1,17 @@
 /**
- * @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 ui/colorselector/colorpickerfragmentview
  */
-import View from '../view';
-import ButtonView from '../button/buttonview';
-import type ViewCollection from '../viewcollection';
-import { default as ColorPickerView } from '../colorpicker/colorpickerview';
+import View from '../view.js';
+import ButtonView from '../button/buttonview.js';
+import type ViewCollection from '../viewcollection.js';
+import type { FocusableView } from '../focuscycler.js';
+import { default as ColorPickerView } from '../colorpicker/colorpickerview.js';
 import type { FocusTracker, KeystrokeHandler, Locale } from '@ckeditor/ckeditor5-utils';
-import type { ColorPickerViewConfig } from '../colorpicker/utils';
+import type { ColorPickerViewConfig } from '../colorpicker/utils.js';
 /**
  * One of the fragments of {@link module:ui/colorselector/colorselectorview~ColorSelectorView}.
  *
@@ -64,7 +65,7 @@ export default class ColorPickerFragmentView extends View {
      *
      * @readonly
      */
-    protected _focusables: ViewCollection;
+    protected _focusables: ViewCollection<FocusableView>;
     /**
      * A reference to the configuration of {@link #colorPickerView}. `false` when the view was
      * configured without a color picker.
@@ -84,7 +85,7 @@ export default class ColorPickerFragmentView extends View {
      */
     constructor(locale: Locale, { focusTracker, focusables, keystrokes, colorPickerViewConfig }: {
         focusTracker: FocusTracker;
-        focusables: ViewCollection;
+        focusables: ViewCollection<FocusableView>;
         keystrokes: KeystrokeHandler;
         colorPickerViewConfig: ColorPickerViewConfig | false;
     });

package/src/colorselector/colorpickerfragmentview.js

@@ -1,15 +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 ui/colorselector/colorpickerfragmentview
  */
-import View from '../view';
-import ButtonView from '../button/buttonview';
-import { default as ColorPickerView } from '../colorpicker/colorpickerview';
-import checkButtonIcon from '@ckeditor/ckeditor5-core/theme/icons/check.svg';
-import cancelButtonIcon from '@ckeditor/ckeditor5-core/theme/icons/cancel.svg';
+import View from '../view.js';
+import ButtonView from '../button/buttonview.js';
+import { default as ColorPickerView } from '../colorpicker/colorpickerview.js';
+import { icons } from '@ckeditor/ckeditor5-core';
 /**
  * One of the fragments of {@link module:ui/colorselector/colorselectorview~ColorSelectorView}.
  *
@@ -163,14 +162,14 @@ export default class ColorPickerFragmentView extends View {
         const saveButtonView = new ButtonView(locale);
         const cancelButtonView = new ButtonView(locale);
         saveButtonView.set({
-            icon: checkButtonIcon,
+            icon: icons.check,
             class: 'ck-button-save',
             type: 'button',
             withText: false,
             label: t('Accept')
         });
         cancelButtonView.set({
-            icon: cancelButtonIcon,
+            icon: icons.cancel,
             class: 'ck-button-cancel',
             type: 'button',
             withText: false,

package/src/colorselector/colorselectorview.d.ts

@@ -1,19 +1,19 @@
 /**
- * @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 ui/colorselector/colorselectorview
  */
-import FocusCycler from '../focuscycler';
-import View from '../view';
-import ViewCollection from '../viewcollection';
+import FocusCycler, { type FocusableView } from '../focuscycler.js';
+import View from '../view.js';
+import ViewCollection from '../viewcollection.js';
 import { FocusTracker, KeystrokeHandler, type Locale } from '@ckeditor/ckeditor5-utils';
-import type { ColorPickerViewConfig } from '../colorpicker/utils';
-import type { ColorDefinition } from '../colorgrid/colorgridview';
+import type { ColorPickerViewConfig } from '../colorpicker/utils.js';
+import type { ColorDefinition } from '../colorgrid/colorgridview.js';
 import type { Model } from '@ckeditor/ckeditor5-engine';
-import ColorGridsFragmentView from './colorgridsfragmentview';
-import ColorPickerFragmentView from './colorpickerfragmentview';
+import ColorGridsFragmentView from './colorgridsfragmentview.js';
+import ColorPickerFragmentView from './colorpickerfragmentview.js';
 import '../../theme/components/colorselector/colorselector.css';
 /**
  * The configurable color selector view class. It allows users to select colors from a predefined set of colors as well as from
@@ -111,7 +111,7 @@ export default class ColorSelectorView extends View {
      *
      * @readonly
      */
-    protected _focusables: ViewCollection;
+    protected _focusables: ViewCollection<FocusableView>;
     /**
      * The configuration of color picker sub-component.
      */

package/src/colorselector/colorselectorview.js

@@ -1,16 +1,16 @@
 /**
- * @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 ui/colorselector/colorselectorview
  */
-import FocusCycler from '../focuscycler';
-import View from '../view';
-import ViewCollection from '../viewcollection';
+import FocusCycler from '../focuscycler.js';
+import View from '../view.js';
+import ViewCollection from '../viewcollection.js';
 import { FocusTracker, KeystrokeHandler } from '@ckeditor/ckeditor5-utils';
-import ColorGridsFragmentView from './colorgridsfragmentview';
-import ColorPickerFragmentView from './colorpickerfragmentview';
+import ColorGridsFragmentView from './colorgridsfragmentview.js';
+import ColorPickerFragmentView from './colorpickerfragmentview.js';
 import '../../theme/components/colorselector/colorselector.css';
 /**
  * The configurable color selector view class. It allows users to select colors from a predefined set of colors as well as from

package/src/colorselector/documentcolorcollection.d.ts

@@ -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 ui/colorselector/documentcolorcollection
  */
-import type { ColorDefinition } from '../colorgrid/colorgridview';
+import type { ColorDefinition } from '../colorgrid/colorgridview.js';
 import { Collection, type CollectionAddEvent, type CollectionRemoveEvent, type CollectionChangeEvent } from '@ckeditor/ckeditor5-utils';
 declare const DocumentColorCollection_base: import("@ckeditor/ckeditor5-utils").Mixed<{
     new (options?: {

package/src/colorselector/documentcolorcollection.js

@@ -1,5 +1,5 @@
 /**
- * @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 { Collection, ObservableMixin } from '@ckeditor/ckeditor5-utils';

package/src/componentfactory.d.ts

@@ -1,5 +1,5 @@
 /**
- * @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
  */
 /**
@@ -7,7 +7,7 @@
  */
 import { type Locale } from '@ckeditor/ckeditor5-utils';
 import type { Editor } from '@ckeditor/ckeditor5-core';
-import type View from './view';
+import type View from './view.js';
 /**
  * A helper class implementing the UI component ({@link module:ui/view~View view}) factory.
  *

package/src/componentfactory.js

@@ -1,5 +1,5 @@
 /**
- * @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
  */
 /**