@ckeditor/ckeditor5-ui 35.3.2 → 36.0.0

package/src/list/listitemview.js

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

package/src/list/listseparatorview.js

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

package/src/list/listview.js

@@ -1,14 +1,13 @@
 /**
- * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module ui/list/listview
  */
 import View from '../view';
-import FocusTracker from '@ckeditor/ckeditor5-utils/src/focustracker';
 import FocusCycler from '../focuscycler';
-import KeystrokeHandler from '@ckeditor/ckeditor5-utils/src/keystrokehandler';
+import { FocusTracker, KeystrokeHandler } from '@ckeditor/ckeditor5-utils';
 import '../../theme/components/list/list.css';
 /**
  * The list view class.
@@ -22,6 +21,7 @@ export default class ListView extends View {
      */
     constructor(locale) {
         super(locale);
+        const bind = this.bindTemplate;
         /**
          * Collection of the child list views.
          *
@@ -61,6 +61,12 @@ export default class ListView extends View {
                 focusNext: 'arrowdown'
             }
         });
+        /**
+         * Label used by assistive technologies to describe this list element.
+         *
+         * @member {String} #ariaLabel
+         */
+        this.set('ariaLabel', undefined);
         this.setTemplate({
             tag: 'ul',
             attributes: {
@@ -68,7 +74,8 @@ export default class ListView extends View {
                     'ck',
                     'ck-reset',
                     'ck-list'
-                ]
+                ],
+                'aria-label': bind.to('ariaLabel')
             },
             children: this.items
         });

package/src/model.js

@@ -1,18 +1,18 @@
 /**
- * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module ui/model
  */
-import { Observable } from '@ckeditor/ckeditor5-utils/src/observablemixin';
+import { ObservableMixin } from '@ckeditor/ckeditor5-utils';
 import { extend } from 'lodash-es';
 /**
  * The base MVC model class.
  *
  * @mixes module:utils/observablemixin~ObservableMixin
  */
-export default class Model extends Observable {
+export default class Model extends ObservableMixin() {
     /**
      * Creates a new Model instance.
      *

package/src/notification/notification.js

@@ -1,12 +1,12 @@
 /**
- * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module ui/notification/notification
  */
 /* globals window */
-import ContextPlugin from '@ckeditor/ckeditor5-core/src/contextplugin';
+import { ContextPlugin } from '@ckeditor/ckeditor5-core';
 /**
  * The Notification plugin.
  *

package/src/panel/balloon/balloonpanelview.js

@@ -1,15 +1,12 @@
 /**
- * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module ui/panel/balloon/balloonpanelview
  */
 import View from '../../view';
-import { getOptimalPosition } from '@ckeditor/ckeditor5-utils/src/dom/position';
-import isRange from '@ckeditor/ckeditor5-utils/src/dom/isrange';
-import toUnit from '@ckeditor/ckeditor5-utils/src/dom/tounit';
-import global from '@ckeditor/ckeditor5-utils/src/dom/global';
+import { getOptimalPosition, global, isRange, toUnit } from '@ckeditor/ckeditor5-utils';
 import { isElement } from 'lodash-es';
 import '../../../theme/components/panel/balloonpanel.css';
 const toPx = toUnit('px');

package/src/panel/balloon/contextualballoon.js

@@ -1,18 +1,15 @@
 /**
- * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module ui/panel/balloon/contextualballoon
  */
-import Plugin from '@ckeditor/ckeditor5-core/src/plugin';
+import { Plugin } from '@ckeditor/ckeditor5-core';
 import BalloonPanelView from './balloonpanelview';
 import View from '../../view';
 import ButtonView from '../../button/buttonview';
-import CKEditorError from '@ckeditor/ckeditor5-utils/src/ckeditorerror';
-import FocusTracker from '@ckeditor/ckeditor5-utils/src/focustracker';
-import toUnit from '@ckeditor/ckeditor5-utils/src/dom/tounit';
-import Rect from '@ckeditor/ckeditor5-utils/src/dom/rect';
+import { CKEditorError, FocusTracker, Rect, toUnit } from '@ckeditor/ckeditor5-utils';
 import prevIcon from '../../../theme/icons/previous-arrow.svg';
 import nextIcon from '../../../theme/icons/next-arrow.svg';
 import '../../../theme/components/panel/balloonrotator.css';
@@ -66,6 +63,9 @@ export default class ContextualBalloon extends Plugin {
      */
     constructor(editor) {
         super(editor);
+        this._view = null;
+        this._rotatorView = null;
+        this._fakePanelsView = null;
         /**
          * The {@link module:utils/dom/position~Options#limiter position limiter}
          * for the {@link #view balloon}, used when no `limiter` has been passed into {@link #add}
@@ -94,15 +94,6 @@ export default class ContextualBalloon extends Plugin {
          * @member {module:ui/view~View|null} #visibleView
          */
         this.set('visibleView', null);
-        /**
-         * The common balloon panel view.
-         *
-         * @readonly
-         * @member {module:ui/panel/balloon/balloonpanelview~BalloonPanelView} #view
-         */
-        this.view = new BalloonPanelView(editor.locale);
-        editor.ui.view.body.add(this.view);
-        editor.ui.focusTracker.add(this.view.element);
         /**
          * The map of views and their stacks.
          *
@@ -142,23 +133,38 @@ export default class ContextualBalloon extends Plugin {
          * @private
          * @type {module:ui/panel/balloon/contextualballoon~RotatorView}
          */
-        this._rotatorView = this._createRotatorView();
+        this._rotatorView = null;
         /**
          * Displays fake panels under the balloon panel view when multiple stacks are added to the balloon.
          *
          * @private
          * @type {module:ui/view~View}
          */
-        this._fakePanelsView = this._createFakePanelsView();
+        this._fakePanelsView = null;
     }
     /**
      * @inheritDoc
      */
     destroy() {
         super.destroy();
-        this.view.destroy();
-        this._rotatorView.destroy();
-        this._fakePanelsView.destroy();
+        if (this._view) {
+            this._view.destroy();
+        }
+        if (this._rotatorView) {
+            this._rotatorView.destroy();
+        }
+        if (this._fakePanelsView) {
+            this._fakePanelsView.destroy();
+        }
+    }
+    /**
+     * The common balloon panel view.
+     */
+    get view() {
+        if (!this._view) {
+            this._createPanelView();
+        }
+        return this._view;
     }
     /**
      * Returns `true` when the given view is in one of the stacks. Otherwise returns `false`.
@@ -182,6 +188,9 @@ export default class ContextualBalloon extends Plugin {
      * @param {Boolean} [data.singleViewMode=false] Whether the view should be the only visible view even if other stacks were added.
      */
     add(data) {
+        if (!this._view) {
+            this._createPanelView();
+        }
         if (this.hasView(data.view)) {
             /**
              * Trying to add configuration of the same view more than once.
@@ -294,6 +303,16 @@ export default class ContextualBalloon extends Plugin {
         }
         this._showView(Array.from(stack.values()).pop());
     }
+    /**
+     * Initializes view instances.
+     */
+    _createPanelView() {
+        this._view = new BalloonPanelView(this.editor.locale);
+        this.editor.ui.view.body.add(this._view);
+        this.editor.ui.focusTracker.add(this._view.element);
+        this._rotatorView = this._createRotatorView();
+        this._fakePanelsView = this._createFakePanelsView();
+    }
     /**
      * Returns the stack of the currently visible view.
      *

package/src/panel/sticky/stickypanelview.js

@@ -1,14 +1,13 @@
 /**
- * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module ui/panel/sticky/stickypanelview
  */
-import global from '@ckeditor/ckeditor5-utils/src/dom/global';
 import View from '../../view';
 import Template from '../../template';
-import toUnit from '@ckeditor/ckeditor5-utils/src/dom/tounit';
+import { global, toUnit } from '@ckeditor/ckeditor5-utils';
 import '../../../theme/components/panel/stickypanel.css';
 const toPx = toUnit('px');
 /**

package/src/template.js

@@ -1,18 +1,15 @@
 /**
- * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module ui/template
  */
 /* global document */
-import CKEditorError from '@ckeditor/ckeditor5-utils/src/ckeditorerror';
-import { Emitter } from '@ckeditor/ckeditor5-utils/src/emittermixin';
 import View from './view';
 import ViewCollection from './viewcollection';
-import isNode from '@ckeditor/ckeditor5-utils/src/dom/isnode';
+import { CKEditorError, EmitterMixin, isNode, toArray } from '@ckeditor/ckeditor5-utils';
 import { isObject, cloneDeepWith } from 'lodash-es';
-import toArray from '@ckeditor/ckeditor5-utils/src/toarray';
 const xhtmlNs = 'http://www.w3.org/1999/xhtml';
 /**
  * A basic Template class. It renders a DOM HTML element or text from a
@@ -50,7 +47,7 @@ const xhtmlNs = 'http://www.w3.org/1999/xhtml';
  *
 * @mixes module:utils/emittermixin~EmitterMixin
  */
-export default class Template extends Emitter {
+export default class Template extends EmitterMixin() {
     /**
      * Creates an instance of the {@link ~Template} class.
      *

package/src/toolbar/balloon/balloontoolbar.js

@@ -1,21 +1,17 @@
 /**
- * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module ui/toolbar/balloon/balloontoolbar
  */
-import Plugin from '@ckeditor/ckeditor5-core/src/plugin';
+import { Plugin } from '@ckeditor/ckeditor5-core';
+import { FocusTracker, Rect, ResizeObserver, env, global, toUnit } from '@ckeditor/ckeditor5-utils';
 import ContextualBalloon from '../../panel/balloon/contextualballoon';
 import ToolbarView from '../toolbarview';
 import BalloonPanelView, { generatePositions } from '../../panel/balloon/balloonpanelview';
-import FocusTracker from '@ckeditor/ckeditor5-utils/src/focustracker';
-import Rect from '@ckeditor/ckeditor5-utils/src/dom/rect';
 import normalizeToolbarConfig from '../normalizetoolbarconfig';
 import { debounce } from 'lodash-es';
-import ResizeObserver from '@ckeditor/ckeditor5-utils/src/dom/resizeobserver';
-import toUnit from '@ckeditor/ckeditor5-utils/src/dom/tounit';
-import { env, global } from '@ckeditor/ckeditor5-utils';
 const toPx = toUnit('px');
 /**
  * The contextual toolbar.
@@ -143,11 +139,11 @@ export default class BalloonToolbar extends Plugin {
             this.listenTo(editor, 'ready', () => {
                 const editableElement = editor.ui.view.editable.element;
                 // Set #toolbarView's max-width on the initialization and update it on the editable resize.
-                this._resizeObserver = new ResizeObserver(editableElement, () => {
+                this._resizeObserver = new ResizeObserver(editableElement, entry => {
                     // The max-width equals 90% of the editable's width for the best user experience.
                     // The value keeps the balloon very close to the boundaries of the editable and limits the cases
                     // when the balloon juts out from the editable element it belongs to.
-                    this.toolbarView.maxWidth = toPx(new Rect(editableElement).width * .9);
+                    this.toolbarView.maxWidth = toPx(entry.contentRect.width * .9);
                 });
             });
         }

package/src/toolbar/block/blockbuttonview.js

@@ -1,13 +1,13 @@
 /**
- * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module ui/toolbar/block/blockbuttonview
  */
 import ButtonView from '../../button/buttonview';
-import toUnit from '@ckeditor/ckeditor5-utils/src/dom/tounit';
 import '../../../theme/components/toolbar/blocktoolbar.css';
+import { toUnit } from '@ckeditor/ckeditor5-utils';
 const toPx = toUnit('px');
 /**
  * The block button view class.

package/src/toolbar/block/blocktoolbar.js

@@ -1,24 +1,20 @@
 /**
- * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module ui/toolbar/block/blocktoolbar
  */
 /* global window */
-import Plugin from '@ckeditor/ckeditor5-core/src/plugin';
-import pilcrow from '@ckeditor/ckeditor5-core/theme/icons/pilcrow.svg';
+import { Plugin, icons } from '@ckeditor/ckeditor5-core';
+import { Rect, ResizeObserver, getOptimalPosition, env, toUnit } from '@ckeditor/ckeditor5-utils';
 import BlockButtonView from './blockbuttonview';
 import BalloonPanelView from '../../panel/balloon/balloonpanelview';
 import ToolbarView from '../toolbarview';
 import clickOutsideHandler from '../../bindings/clickoutsidehandler';
-import { getOptimalPosition } from '@ckeditor/ckeditor5-utils/src/dom/position';
-import Rect from '@ckeditor/ckeditor5-utils/src/dom/rect';
 import normalizeToolbarConfig from '../normalizetoolbarconfig';
-import ResizeObserver from '@ckeditor/ckeditor5-utils/src/dom/resizeobserver';
-import toUnit from '@ckeditor/ckeditor5-utils/src/dom/tounit';
-import env from '@ckeditor/ckeditor5-utils/src/env';
 const toPx = toUnit('px');
+const { pilcrow } = icons;
 /**
  * The block toolbar plugin.
  *

package/src/toolbar/normalizetoolbarconfig.js

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

package/src/toolbar/toolbarlinebreakview.js

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

package/src/toolbar/toolbarseparatorview.js

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

package/src/toolbar/toolbarview.js

@@ -1,27 +1,21 @@
 /**
- * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module ui/toolbar/toolbarview
  */
 import View from '../view';
-import FocusTracker from '@ckeditor/ckeditor5-utils/src/focustracker';
 import FocusCycler from '../focuscycler';
-import KeystrokeHandler from '@ckeditor/ckeditor5-utils/src/keystrokehandler';
 import ToolbarSeparatorView from './toolbarseparatorview';
 import ToolbarLineBreakView from './toolbarlinebreakview';
-import ResizeObserver from '@ckeditor/ckeditor5-utils/src/dom/resizeobserver';
 import preventDefault from '../bindings/preventdefault';
-import Rect from '@ckeditor/ckeditor5-utils/src/dom/rect';
-import isVisible from '@ckeditor/ckeditor5-utils/src/dom/isvisible';
-import global from '@ckeditor/ckeditor5-utils/src/dom/global';
 import { createDropdown, addToolbarToDropdown } from '../dropdown/utils';
-import { logWarning } from '@ckeditor/ckeditor5-utils/src/ckeditorerror';
 import normalizeToolbarConfig from './normalizetoolbarconfig';
+import { FocusTracker, KeystrokeHandler, Rect, ResizeObserver, global, isVisible, logWarning } from '@ckeditor/ckeditor5-utils';
+import { icons } from '@ckeditor/ckeditor5-core';
 import { isObject } from 'lodash-es';
 import '../../theme/components/toolbar/toolbar.css';
-import { icons } from '@ckeditor/ckeditor5-core';
 const { threeVerticalDots } = icons;
 const NESTED_TOOLBAR_ICONS = {
     alignLeft: icons.alignLeft,
@@ -263,6 +257,17 @@ export default class ToolbarView extends View {
      * to this toolbar and all nested ones as well.
      */
     fillFromConfig(itemsOrConfig, factory, removeItems) {
+        this.items.addMany(this._buildItemsFromConfig(itemsOrConfig, factory, removeItems));
+    }
+    /**
+     * A utility that expands the plain toolbar configuration into a list of view items using a given component factory.
+     *
+     * @param {Array.<String>|Object} itemsOrConfig The toolbar items or the entire toolbar configuration object.
+     * @param {module:ui/componentfactory~ComponentFactory} factory A factory producing toolbar items.
+     * @param {Array.<String>} [removeItems] An array of items names to be removed from the configuration. When present, applies
+     * to this toolbar and all nested ones as well.
+     */
+    _buildItemsFromConfig(itemsOrConfig, factory, removeItems) {
         const config = normalizeToolbarConfig(itemsOrConfig);
         const normalizedRemoveItems = removeItems || config.removeItems;
         const itemsToAdd = this._cleanItemsConfiguration(config.items, factory, normalizedRemoveItems)
@@ -279,7 +284,7 @@ export default class ToolbarView extends View {
             return factory.create(item);
         })
             .filter((item) => !!item);
-        this.items.addMany(itemsToAdd);
+        return itemsToAdd;
     }
     /**
      * Cleans up the {@link module:ui/toolbar/toolbarview~ToolbarView#items} of the toolbar by removing unwanted items and
@@ -445,8 +450,7 @@ export default class ToolbarView extends View {
         else {
             dropdownView.buttonView.withText = true;
         }
-        addToolbarToDropdown(dropdownView, []);
-        dropdownView.toolbarView.fillFromConfig(items, componentFactory, removeItems);
+        addToolbarToDropdown(dropdownView, () => (dropdownView.toolbarView._buildItemsFromConfig(items, componentFactory, removeItems)));
         return dropdownView;
     }
 }
@@ -666,11 +670,9 @@ class DynamicGrouping {
         // Only those items that were not grouped are visible to the user.
         view.itemsView.children.bindTo(this.ungroupedItems).using(item => item);
         // Make sure all #items visible in the main space of the toolbar are "focuscycleable".
-        this.ungroupedItems.on('add', this._updateFocusCycleableItems.bind(this));
-        this.ungroupedItems.on('remove', this._updateFocusCycleableItems.bind(this));
+        this.ungroupedItems.on('change', this._updateFocusCycleableItems.bind(this));
         // Make sure the #groupedItemsDropdown is also included in cycling when it appears.
-        view.children.on('add', this._updateFocusCycleableItems.bind(this));
-        view.children.on('remove', this._updateFocusCycleableItems.bind(this));
+        view.children.on('change', this._updateFocusCycleableItems.bind(this));
         // ToolbarView#items is dynamic. When an item is added or removed, it should be automatically
         // represented in either grouped or ungrouped items at the right index.
         // In other words #items == concat( #ungroupedItems, #groupedItems )
@@ -904,15 +906,13 @@ class DynamicGrouping {
         // Make sure the dropdown never sticks out to the left/right. It should be under the main toolbar.
         // (https://github.com/ckeditor/ckeditor5/issues/5608)
         dropdown.panelPosition = locale.uiLanguageDirection === 'ltr' ? 'sw' : 'se';
-        addToolbarToDropdown(dropdown, []);
+        addToolbarToDropdown(dropdown, this.groupedItems);
         dropdown.buttonView.set({
             label: t('Show more items'),
             tooltip: true,
             tooltipPosition: locale.uiLanguageDirection === 'rtl' ? 'se' : 'sw',
             icon: threeVerticalDots
         });
-        // 1:1 pass–through binding.
-        dropdown.toolbarView.items.bindTo(this.groupedItems).using(item => item);
         return dropdown;
     }
     /**

package/src/tooltipmanager.js

@@ -1,5 +1,5 @@
 /**
- * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
@@ -7,8 +7,7 @@
  */
 import View from './view';
 import BalloonPanelView, { generatePositions } from './panel/balloon/balloonpanelview';
-import { Emitter as DomEmitter } from '@ckeditor/ckeditor5-utils/src/dom/emittermixin';
-import { global, isVisible, first, ResizeObserver } from '@ckeditor/ckeditor5-utils';
+import { DomEmitterMixin, ResizeObserver, first, global, isVisible } from '@ckeditor/ckeditor5-utils';
 import { isElement, debounce } from 'lodash-es';
 import '../theme/components/tooltip/tooltip.css';
 const BALLOON_CLASS = 'ck-tooltip';
@@ -59,7 +58,7 @@ const BALLOON_CLASS = 'ck-tooltip';
  *
  * @mixes module:utils/domemittermixin~DomEmitterMixin
  */
-export default class TooltipManager extends DomEmitter {
+export default class TooltipManager extends DomEmitterMixin() {
     /**
      * Creates an instance of the tooltip manager.
      *

package/src/view.js

@@ -1,18 +1,14 @@
 /**
- * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
-/* eslint-disable @typescript-eslint/no-invalid-void-type, new-cap */
+/* eslint-disable @typescript-eslint/no-invalid-void-type */
 /**
  * @module ui/view
  */
-import CKEditorError from '@ckeditor/ckeditor5-utils/src/ckeditorerror';
 import ViewCollection from './viewcollection';
 import Template from './template';
-import DomEmitterMixin from '@ckeditor/ckeditor5-utils/src/dom/emittermixin';
-import { Observable } from '@ckeditor/ckeditor5-utils/src/observablemixin';
-import Collection from '@ckeditor/ckeditor5-utils/src/collection';
-import isIterable from '@ckeditor/ckeditor5-utils/src/isiterable';
+import { CKEditorError, Collection, DomEmitterMixin, ObservableMixin, isIterable } from '@ckeditor/ckeditor5-utils';
 import '../theme/globals/globals.css';
 /**
  * The basic view class, which represents an HTML element created out of a
@@ -79,7 +75,7 @@ import '../theme/globals/globals.css';
  *
  * @mixes module:utils/observablemixin~ObservableMixin
  */
-export default class View extends DomEmitterMixin(Observable) {
+export default class View extends DomEmitterMixin(ObservableMixin()) {
     /**
      * Creates an instance of the {@link module:ui/view~View} class.
      *

package/src/viewcollection.js

@@ -1,12 +1,11 @@
 /**
- * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module ui/viewcollection
  */
-import CKEditorError from '@ckeditor/ckeditor5-utils/src/ckeditorerror';
-import Collection from '@ckeditor/ckeditor5-utils/src/collection';
+import { CKEditorError, Collection } from '@ckeditor/ckeditor5-utils';
 /**
  * Collects {@link module:ui/view~View} instances.
  *

package/theme/components/button/button.css

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

package/theme/components/button/switchbutton.css

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

package/theme/components/colorgrid/colorgrid.css

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

package/theme/components/dropdown/dropdown.css

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

package/theme/components/dropdown/listdropdown.css

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

package/theme/components/dropdown/splitbutton.css

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

package/theme/components/dropdown/toolbardropdown.css

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

package/theme/components/editorui/editorui.css

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

package/theme/components/formheader/formheader.css

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