@ckeditor/ckeditor5-ui 44.3.0-alpha.7 → 45.0.0-alpha.0

package/dist/translations/be.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
+
+import type { Translations } from '@ckeditor/ckeditor5-utils';
+declare const translations: Translations;
+export default translations;

package/dist/translations/be.js

@@ -0,0 +1,5 @@
+/**
+ * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
+export default {"be":{"dictionary":{"Rich Text Editor":"Рэдактар","Edit block":"Рэдагаваць блок","Click to edit block":"Націсніце, каб рэдагаваць блок","Drag to move":"Перацягніце","Next":"Наступны","Previous":"Папярэдні","Editor toolbar":"Панэль інструментаў рэдактара","Dropdown toolbar":"Выпадаючая панэль інструментаў","Dropdown menu":"Выпадаючае меню","Black":"Чорны","Dim grey":"Цёмны серы","Grey":"Серы","Light grey":"Светла-серы","White":"Белы","Red":"Чырвоны","Orange":"Аранжавы","Yellow":"Жоўты","Light green":"Салатавы","Green":"Зялёны","Aquamarine":"Аквамарынавы","Turquoise":"Бірузовы","Light blue":"Блакітны","Blue":"Сіні","Purple":"Фіялетавы","Editor block content toolbar":"Панэль інструментаў рэдактара","Editor contextual toolbar":"Кантэкстуальная панэль інструментаў рэдактара","HEX":"HEX","No results found":"Няма вынікаў","No searchable items":"Няма элементаў для пошуку","Editor dialog":"Дыялогавае акно рэдактара","Close":"Закрыць","Help Contents. To close this dialog press ESC.":"Змест дапамогі. Каб закрыць гэта дыялогавае акно, націсніце ESC.","Below, you can find a list of keyboard shortcuts that can be used in the editor.":"Ніжэй вы можаце знайсці спіс камбінацый клавіш, якія можна выкарыстоўваць у рэдактары.","(may require <kbd>Fn</kbd>)":"(можа патрабаваць <kbd>Fn</kbd>)","Accessibility":"Даступнасць","Accessibility help":"Дапамога па спецыяльных магчымасцях","Press %0 for help.":"Націсніце %0 для атрымання дапамогі.","Move focus in and out of an active dialog window":"Перамясціць фокус у актыўнае дыялогавае акно і наадварот.","MENU_BAR_MENU_FILE":"Файл","MENU_BAR_MENU_EDIT":"Рэдагаваць","MENU_BAR_MENU_VIEW":"Паглядзець","MENU_BAR_MENU_INSERT":"Уставіць","MENU_BAR_MENU_FORMAT":"Фармат","MENU_BAR_MENU_TOOLS":"Інструменты","MENU_BAR_MENU_HELP":"Дапамога","MENU_BAR_MENU_TEXT":"Тэкст","MENU_BAR_MENU_FONT":"Шрыфт","Editor menu bar":"Панэль меню рэдактара","Please enter a valid color (e.g. \"ff0000\").":"Увядзіце сапраўдны колер (напрыклад, \"ff0000\")."},getPluralForm(n){return (n % 10 == 1 && n % 100 != 11 ? 0 : n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 10 || n % 100 >= 20) ? 1 : 2);}}}

package/dist/translations/be.umd.js

@@ -0,0 +1,11 @@
+/**
+ * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
+
+( e => {
+const { [ 'be' ]: { dictionary, getPluralForm } } = {"be":{"dictionary":{"Rich Text Editor":"Рэдактар","Edit block":"Рэдагаваць блок","Click to edit block":"Націсніце, каб рэдагаваць блок","Drag to move":"Перацягніце","Next":"Наступны","Previous":"Папярэдні","Editor toolbar":"Панэль інструментаў рэдактара","Dropdown toolbar":"Выпадаючая панэль інструментаў","Dropdown menu":"Выпадаючае меню","Black":"Чорны","Dim grey":"Цёмны серы","Grey":"Серы","Light grey":"Светла-серы","White":"Белы","Red":"Чырвоны","Orange":"Аранжавы","Yellow":"Жоўты","Light green":"Салатавы","Green":"Зялёны","Aquamarine":"Аквамарынавы","Turquoise":"Бірузовы","Light blue":"Блакітны","Blue":"Сіні","Purple":"Фіялетавы","Editor block content toolbar":"Панэль інструментаў рэдактара","Editor contextual toolbar":"Кантэкстуальная панэль інструментаў рэдактара","HEX":"HEX","No results found":"Няма вынікаў","No searchable items":"Няма элементаў для пошуку","Editor dialog":"Дыялогавае акно рэдактара","Close":"Закрыць","Help Contents. To close this dialog press ESC.":"Змест дапамогі. Каб закрыць гэта дыялогавае акно, націсніце ESC.","Below, you can find a list of keyboard shortcuts that can be used in the editor.":"Ніжэй вы можаце знайсці спіс камбінацый клавіш, якія можна выкарыстоўваць у рэдактары.","(may require <kbd>Fn</kbd>)":"(можа патрабаваць <kbd>Fn</kbd>)","Accessibility":"Даступнасць","Accessibility help":"Дапамога па спецыяльных магчымасцях","Press %0 for help.":"Націсніце %0 для атрымання дапамогі.","Move focus in and out of an active dialog window":"Перамясціць фокус у актыўнае дыялогавае акно і наадварот.","MENU_BAR_MENU_FILE":"Файл","MENU_BAR_MENU_EDIT":"Рэдагаваць","MENU_BAR_MENU_VIEW":"Паглядзець","MENU_BAR_MENU_INSERT":"Уставіць","MENU_BAR_MENU_FORMAT":"Фармат","MENU_BAR_MENU_TOOLS":"Інструменты","MENU_BAR_MENU_HELP":"Дапамога","MENU_BAR_MENU_TEXT":"Тэкст","MENU_BAR_MENU_FONT":"Шрыфт","Editor menu bar":"Панэль меню рэдактара","Please enter a valid color (e.g. \"ff0000\").":"Увядзіце сапраўдны колер (напрыклад, \"ff0000\")."},getPluralForm(n){return (n % 10 == 1 && n % 100 != 11 ? 0 : n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 10 || n % 100 >= 20) ? 1 : 2);}}};
+e[ 'be' ] ||= { dictionary: {}, getPluralForm: null };
+e[ 'be' ].dictionary = Object.assign( e[ 'be' ].dictionary, dictionary );
+e[ 'be' ].getPluralForm = getPluralForm;
+} )( window.CKEDITOR_TRANSLATIONS ||= {} );

package/lang/translations/be.po

@@ -0,0 +1,208 @@
+# Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
+#
+# Want to contribute to this file? Submit your changes via a GitHub Pull Request.
+#
+# Check out the official contributor's guide:
+# https://ckeditor.com/docs/ckeditor5/latest/framework/guides/contributing/contributing.html
+#
+msgid ""
+msgstr ""
+"Language: be\n"
+"Plural-Forms: nplurals=3; plural=(n % 10 == 1 && n % 100 != 11 ? 0 : n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 10 || n % 100 >= 20) ? 1 : 2);\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+
+msgctxt "Title of the CKEditor5 editor."
+msgid "Rich Text Editor"
+msgstr "Рэдактар"
+
+msgctxt "Label of the block toolbar icon (a block toolbar is displayed next to each paragraph, heading, list item, etc. and contains e.g. block formatting options)"
+msgid "Edit block"
+msgstr "Рэдагаваць блок"
+
+msgctxt "First part of the label of the block toolbar icon when functionality of drag and drop is available (a block toolbar is displayed next to each paragraph, heading, list item, etc. and contains e.g. block formatting options)"
+msgid "Click to edit block"
+msgstr "Націсніце, каб рэдагаваць блок"
+
+msgctxt "Second part of the label of the block toolbar icon when functionality of drag and drop is available (a block toolbar is displayed next to each paragraph, heading, list item, etc. and contains e.g. block formatting options)"
+msgid "Drag to move"
+msgstr "Перацягніце"
+
+msgctxt "Label for a button showing the next thing (tab, page, etc.)."
+msgid "Next"
+msgstr "Наступны"
+
+msgctxt "Label for a button showing the previous thing (tab, page, etc.)."
+msgid "Previous"
+msgstr "Папярэдні"
+
+msgctxt "Label used by assistive technologies describing a generic editor toolbar."
+msgid "Editor toolbar"
+msgstr "Панэль інструментаў рэдактара"
+
+msgctxt "Label used by assistive technologies describing a toolbar displayed inside a dropdown."
+msgid "Dropdown toolbar"
+msgstr "Выпадаючая панэль інструментаў"
+
+msgctxt "Label used by assistive technologies describing a menu displayed inside a dropdown."
+msgid "Dropdown menu"
+msgstr "Выпадаючае меню"
+
+msgctxt "Label of a button that applies a black color in color pickers."
+msgid "Black"
+msgstr "Чорны"
+
+msgctxt "Label of a button that applies a dim grey color in color pickers."
+msgid "Dim grey"
+msgstr "Цёмны серы"
+
+msgctxt "Label of a button that applies a grey color in color pickers."
+msgid "Grey"
+msgstr "Серы"
+
+msgctxt "Label of a button that applies a light grey color in color pickers."
+msgid "Light grey"
+msgstr "Светла-серы"
+
+msgctxt "Label of a button that applies a white color in color pickers."
+msgid "White"
+msgstr "Белы"
+
+msgctxt "Label of a button that applies a red color in color pickers."
+msgid "Red"
+msgstr "Чырвоны"
+
+msgctxt "Label of a button that applies a orange color in color pickers."
+msgid "Orange"
+msgstr "Аранжавы"
+
+msgctxt "Label of a button that applies a yellow color in color pickers."
+msgid "Yellow"
+msgstr "Жоўты"
+
+msgctxt "Label of a button that applies a light green color in color pickers."
+msgid "Light green"
+msgstr "Салатавы"
+
+msgctxt "Label of a button that applies a green color in color pickers."
+msgid "Green"
+msgstr "Зялёны"
+
+msgctxt "Label of a button that applies a aquamarine color in color pickers."
+msgid "Aquamarine"
+msgstr "Аквамарынавы"
+
+msgctxt "Label of a button that applies a turquoise color in color pickers."
+msgid "Turquoise"
+msgstr "Бірузовы"
+
+msgctxt "Label of a button that applies a light blue color in color pickers."
+msgid "Light blue"
+msgstr "Блакітны"
+
+msgctxt "Label of a button that applies a blue color in color pickers."
+msgid "Blue"
+msgstr "Сіні"
+
+msgctxt "Label of a button that applies a purple color in color pickers."
+msgid "Purple"
+msgstr "Фіялетавы"
+
+msgctxt "Accessible label of a toolbar that shows up next to the blocks of content (e.g. headings, paragraphs)."
+msgid "Editor block content toolbar"
+msgstr "Панэль інструментаў рэдактара"
+
+msgctxt "Accessible label of a balloon toolbar that shows up right next to the user selection (the caret)."
+msgid "Editor contextual toolbar"
+msgstr "Кантэкстуальная панэль інструментаў рэдактара"
+
+msgctxt "Label of an input field for typing colors in the HEX color format."
+msgid "HEX"
+msgstr "HEX"
+
+msgctxt "The main text of the message shown to the user when given query does not match any results."
+msgid "No results found"
+msgstr "Няма вынікаў"
+
+msgctxt "The main text of the message shown to the user when no results are available."
+msgid "No searchable items"
+msgstr "Няма элементаў для пошуку"
+
+msgctxt "A default label of a dialog window displayed on top the editor."
+msgid "Editor dialog"
+msgstr "Дыялогавае акно рэдактара"
+
+msgctxt "The label and the tooltip for the close button in the dialog header."
+msgid "Close"
+msgstr "Закрыць"
+
+msgctxt "Accessibility help dialog assistive technologies label telling users how to exit the dialog."
+msgid "Help Contents. To close this dialog press ESC."
+msgstr "Змест дапамогі. Каб закрыць гэта дыялогавае акно, націсніце ESC."
+
+msgctxt "Accessibility help dialog text explaining what can be found in that dialog."
+msgid "Below, you can find a list of keyboard shortcuts that can be used in the editor."
+msgstr "Ніжэй вы можаце знайсці спіс камбінацый клавіш, якія можна выкарыстоўваць у рэдактары."
+
+msgctxt "Accessibility help dialog text displayed next to keystrokes that may require the Fn key on Mac."
+msgid "(may require <kbd>Fn</kbd>)"
+msgstr "(можа патрабаваць <kbd>Fn</kbd>)"
+
+msgctxt "The label for the button that opens the Accessibility help dialog from the application menu bar."
+msgid "Accessibility"
+msgstr "Даступнасць"
+
+msgctxt "Accessibility help dialog title."
+msgid "Accessibility help"
+msgstr "Дапамога па спецыяльных магчымасцях"
+
+msgctxt "Assistive technologies label added to each editor editing area informing users about the possibility of opening the accessibility help dialog."
+msgid "Press %0 for help."
+msgstr "Націсніце %0 для атрымання дапамогі."
+
+msgctxt "Keystroke description for assistive technologies: keystroke for moving focus out of an active dialog window."
+msgid "Move focus in and out of an active dialog window"
+msgstr "Перамясціць фокус у актыўнае дыялогавае акно і наадварот."
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features related to the whole document (e.g. export to PDF, import from Word, etc.)."
+msgid "MENU_BAR_MENU_FILE"
+msgstr "Файл"
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features related to general editing (e.g. undo, redo, select all, etc.)."
+msgid "MENU_BAR_MENU_EDIT"
+msgstr "Рэдагаваць"
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features related to the view of the editor (e.g. show source)."
+msgid "MENU_BAR_MENU_VIEW"
+msgstr "Паглядзець"
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features that insert content (e.g. insert table, insert image, etc.)."
+msgid "MENU_BAR_MENU_INSERT"
+msgstr "Уставіць"
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features related to content formatting (e.g. bold, font color, heading, etc.)."
+msgid "MENU_BAR_MENU_FORMAT"
+msgstr "Фармат"
+
+msgctxt "The label of the top-level application menu bar menu containing various editor tools (e.g. AI assistant, track changes, etc.)."
+msgid "MENU_BAR_MENU_TOOLS"
+msgstr "Інструменты"
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features helping users to learn about the editor (e.g. accessibility help)."
+msgid "MENU_BAR_MENU_HELP"
+msgstr "Дапамога"
+
+msgctxt "The label of the application menu bar menu containing buttons and features that apply formatting to a text (e.g. bold, italic, etc.)."
+msgid "MENU_BAR_MENU_TEXT"
+msgstr "Тэкст"
+
+msgctxt "The label of the application menu bar menu containing buttons and features that control the font of the edited content (e.g. font size, font color, etc.)."
+msgid "MENU_BAR_MENU_FONT"
+msgstr "Шрыфт"
+
+msgctxt "The accessible label of the editor menu bar used by assistive technologies."
+msgid "Editor menu bar"
+msgstr "Панэль меню рэдактара"
+
+msgctxt "An error text displayed when user attempted to enter an color that is not in HEX format."
+msgid "Please enter a valid color (e.g. \"ff0000\")."
+msgstr "Увядзіце сапраўдны колер (напрыклад, \"ff0000\")."

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-ui",
-  "version": "44.3.0-alpha.7",
+  "version": "45.0.0-alpha.0",
   "description": "The UI framework and standard UI library of CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -9,17 +9,23 @@
     "ckeditor5-lib",
     "ckeditor5-dll"
   ],
+  "sideEffects": [
+    "*.css",
+    "build/**/*.js",
+    "dist/translations/*.umd.js"
+  ],
   "type": "module",
   "main": "src/index.js",
   "dependencies": {
-    "@ckeditor/ckeditor5-core": "44.3.0-alpha.7",
-    "@ckeditor/ckeditor5-editor-multi-root": "44.3.0-alpha.7",
-    "@ckeditor/ckeditor5-engine": "44.3.0-alpha.7",
-    "@ckeditor/ckeditor5-utils": "44.3.0-alpha.7",
+    "@ckeditor/ckeditor5-core": "45.0.0-alpha.0",
+    "@ckeditor/ckeditor5-editor-multi-root": "45.0.0-alpha.0",
+    "@ckeditor/ckeditor5-engine": "45.0.0-alpha.0",
+    "@ckeditor/ckeditor5-icons": "45.0.0-alpha.0",
+    "@ckeditor/ckeditor5-utils": "45.0.0-alpha.0",
     "@types/color-convert": "2.0.4",
     "color-convert": "2.0.1",
     "color-parse": "1.4.2",
-    "lodash-es": "4.17.21",
+    "es-toolkit": "1.32.0",
     "vanilla-colorful": "0.7.2"
   },
   "author": "CKSource (http://cksource.com/)",

package/src/arialiveannouncer.js

@@ -31,6 +31,14 @@ export const AriaLiveAnnouncerPoliteness = {
  * ```
  */
 export default class AriaLiveAnnouncer {
+    /**
+     * The editor instance.
+     */
+    editor;
+    /**
+     * The view that aggregates all `aria-live` regions.
+     */
+    view;
     /**
      * @inheritDoc
      */
@@ -87,6 +95,10 @@ export default class AriaLiveAnnouncer {
  * The view that aggregates all `aria-live` regions.
  */
 export class AriaLiveAnnouncerView extends View {
+    /**
+     * A collection of all views that represent individual `aria-live` regions.
+     */
+    regionViews;
     constructor(locale) {
         super(locale);
         this.regionViews = this.createCollection();
@@ -106,6 +118,18 @@ export class AriaLiveAnnouncerView extends View {
  * The view that represents a single `aria-live`.
  */
 export class AriaLiveAnnouncerRegionView extends View {
+    /**
+     * Current politeness level of the region.
+     */
+    politeness;
+    /**
+     * DOM converter used to sanitize unsafe HTML passed to {@link #announce} method.
+     */
+    _domConverter;
+    /**
+     * Interval used to remove additions. It prevents accumulation of added nodes in region.
+     */
+    _pruneAnnouncementsInterval;
     constructor(editor, politeness) {
         super(editor.locale);
         this.setTemplate({

package/src/autocomplete/autocompleteview.js

@@ -14,6 +14,10 @@ import '../../theme/components/autocomplete/autocomplete.css';
  * the component.
  */
 class AutocompleteView extends SearchTextView {
+    /**
+     * The configuration of the autocomplete view.
+     */
+    _config;
     /**
      * @inheritDoc
      */
@@ -125,30 +129,30 @@ class AutocompleteView extends SearchTextView {
         const queryLength = this.queryView.fieldView.element.value.length;
         this.resultsView.isVisible = this.focusTracker.isFocused && this.isEnabled && queryLength >= queryMinChars;
     }
+    /**
+     * Positions for the autocomplete results view. Two positions are defined by default:
+     * * `s` - below the search field,
+     * * `n` - above the search field.
+     */
+    static defaultResultsPositions = [
+        (fieldRect => {
+            return {
+                top: fieldRect.bottom,
+                left: fieldRect.left,
+                name: 's'
+            };
+        }),
+        ((fieldRect, resultsRect) => {
+            return {
+                top: fieldRect.top - resultsRect.height,
+                left: fieldRect.left,
+                name: 'n'
+            };
+        })
+    ];
+    /**
+     * A function used to calculate the optimal position for the dropdown panel.
+     */
+    static _getOptimalPosition = getOptimalPosition;
 }
-/**
- * Positions for the autocomplete results view. Two positions are defined by default:
- * * `s` - below the search field,
- * * `n` - above the search field.
- */
-AutocompleteView.defaultResultsPositions = [
-    (fieldRect => {
-        return {
-            top: fieldRect.bottom,
-            left: fieldRect.left,
-            name: 's'
-        };
-    }),
-    ((fieldRect, resultsRect) => {
-        return {
-            top: fieldRect.top - resultsRect.height,
-            left: fieldRect.left,
-            name: 'n'
-        };
-    })
-];
-/**
- * A function used to calculate the optimal position for the dropdown panel.
- */
-AutocompleteView._getOptimalPosition = getOptimalPosition;
 export default AutocompleteView;

package/src/badge/badge.js

@@ -4,7 +4,7 @@
  */
 import { Rect, DomEmitterMixin } from '@ckeditor/ckeditor5-utils';
 import BalloonPanelView from '../panel/balloon/balloonpanelview.js';
-import { throttle } from 'lodash-es';
+import { throttle } from 'es-toolkit/compat';
 // ⚠ Note, whenever changing the threshold, make sure to update the docs/support/managing-ckeditor-logo.md docs
 // as this information is also mentioned there ⚠.
 const NARROW_ROOT_HEIGHT_THRESHOLD = 50;
@@ -16,26 +16,34 @@ const NARROW_ROOT_WIDTH_THRESHOLD = 350;
  * @private
  */
 export default class Badge extends /* #__PURE__ */ DomEmitterMixin() {
+    /**
+     * Editor instance the helper was created for.
+     */
+    editor;
+    /**
+     * A reference to the balloon panel hosting and positioning the badge content.
+     */
+    _balloonView = null;
+    /**
+     * A throttled version of the {@link #_showBalloon} method meant for frequent use to avoid performance loss.
+     */
+    _showBalloonThrottled = throttle(() => this._showBalloon(), 50, { leading: true });
+    /**
+     * A reference to the last editable element (root, source editing area, etc.) focused by the user.
+     * Since the focus can move to other focusable elements in the UI, this reference allows positioning the balloon over the
+     * right element whether the user is typing or using the UI.
+     */
+    _lastFocusedEditableElement = null;
+    /**
+     * An additional CSS class added to the `BalloonView`.
+     */
+    _balloonClass;
     /**
      * Creates a badge for a given editor. The feature is initialized on Editor#ready
      * event.
      */
     constructor(editor, options = {}) {
         super();
-        /**
-         * A reference to the balloon panel hosting and positioning the badge content.
-         */
-        this._balloonView = null;
-        /**
-         * A throttled version of the {@link #_showBalloon} method meant for frequent use to avoid performance loss.
-         */
-        this._showBalloonThrottled = throttle(() => this._showBalloon(), 50, { leading: true });
-        /**
-         * A reference to the last editable element (root, source editing area, etc.) focused by the user.
-         * Since the focus can move to other focusable elements in the UI, this reference allows positioning the balloon over the
-         * right element whether the user is typing or using the UI.
-         */
-        this._lastFocusedEditableElement = null;
         this.editor = editor;
         this._balloonClass = options.balloonClass;
         editor.on('ready', () => this._handleEditorReady());

package/src/bindings/draggableviewmixin.js

@@ -23,23 +23,23 @@ import { global } from '@ckeditor/ckeditor5-utils';
  */
 export default function DraggableViewMixin(view) {
     class DraggableMixin extends view {
+        /**
+         * A bound version of {@link #_onDrag}.
+         */
+        _onDragBound = this._onDrag.bind(this);
+        /**
+         * A bound version of {@link #_onDragEnd}.
+         */
+        _onDragEndBound = this._onDragEnd.bind(this);
+        /**
+         * The last coordinates of the view. It is updated on every mouse move.
+         */
+        _lastDraggingCoordinates = { x: 0, y: 0 };
         /**
          * @inheritDoc
          */
         constructor(...args) {
             super(...args);
-            /**
-             * A bound version of {@link #_onDrag}.
-             */
-            this._onDragBound = this._onDrag.bind(this);
-            /**
-             * A bound version of {@link #_onDragEnd}.
-             */
-            this._onDragEndBound = this._onDragEnd.bind(this);
-            /**
-             * The last coordinates of the view. It is updated on every mouse move.
-             */
-            this._lastDraggingCoordinates = { x: 0, y: 0 };
             this.on('render', () => {
                 this._attachListeners();
             });

package/src/button/buttonview.js

@@ -29,6 +29,32 @@ import '../../theme/components/button/button.css';
  * ```
  */
 export default class ButtonView extends View {
+    /**
+     * Collection of the child views inside of the button {@link #element}.
+     */
+    children;
+    /**
+     * Label of the button view. Its text is configurable using the {@link #label label attribute}.
+     *
+     * If not configured otherwise in the `constructor()`, by default the label is an instance
+     * of {@link module:ui/button/buttonlabelview~ButtonLabelView}.
+     */
+    labelView;
+    /**
+     * The icon view of the button. Will be added to {@link #children} when the
+     * {@link #icon icon attribute} is defined.
+     */
+    iconView;
+    /**
+     * A view displaying the keystroke of the button next to the {@link #labelView label}.
+     * Added to {@link #children} when the {@link #withKeystroke `withKeystroke` attribute}
+     * is defined.
+     */
+    keystrokeView;
+    /**
+     * Delayed focus function for focus handling in Safari.
+     */
+    _focusDelayed = null;
     /**
      * Creates an instance of the button view class.
      *
@@ -38,10 +64,6 @@ export default class ButtonView extends View {
      */
     constructor(locale, labelView = new ButtonLabelView()) {
         super(locale);
-        /**
-         * Delayed focus function for focus handling in Safari.
-         */
-        this._focusDelayed = null;
         const bind = this.bindTemplate;
         const ariaLabelUid = uid();
         // Implement the Button interface.
@@ -73,6 +95,7 @@ export default class ButtonView extends View {
                 class: 'ck-button__icon'
             }
         });
+        this.iconView.bind('content').to(this, 'icon');
         this.keystrokeView = this._createKeystrokeView();
         this.bind('_tooltipString').to(this, 'tooltip', this, 'label', this, 'keystroke', this._getTooltipString.bind(this));
         const template = {
@@ -148,9 +171,16 @@ export default class ButtonView extends View {
     render() {
         super.render();
         if (this.icon) {
-            this.iconView.bind('content').to(this, 'icon');
             this.children.add(this.iconView);
         }
+        this.on('change:icon', (evt, prop, newIcon, oldIcon) => {
+            if (newIcon && !oldIcon) {
+                this.children.add(this.iconView, 0);
+            }
+            else if (!newIcon && oldIcon) {
+                this.children.remove(this.iconView);
+            }
+        });
         this.children.add(this.labelView);
         if (this.withKeystroke && this.keystroke) {
             this.children.add(this.keystrokeView);

package/src/button/filedialogbuttonview.js

@@ -72,6 +72,16 @@ export class FileDialogListItemButtonView extends /* #__PURE__ */ FileDialogView
  */
 function FileDialogViewMixin(view) {
     class FileDialogView extends view {
+        /**
+         * The button view of the component.
+         *
+         * @deprecated
+         */
+        buttonView;
+        /**
+         * A hidden `<input>` view used to execute file dialog.
+         */
+        _fileInputView;
         /**
          * @inheritDoc
          */
@@ -128,7 +138,7 @@ class FileInputView extends View {
             on: {
                 // Removing from code coverage since we cannot programmatically set input element files.
                 change: bind.to(/* istanbul ignore next -- @preserve */ () => {
-                    if (this.element && this.element.files && this.element.files.length) {
+                    if (this.element?.files?.length) {
                         this.fire('done', this.element.files);
                     }
                     this.element.value = '';

package/src/button/listitembuttonview.js

@@ -2,7 +2,7 @@
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-import { icons } from '@ckeditor/ckeditor5-core';
+import { IconCheck } from '@ckeditor/ckeditor5-icons';
 import ButtonView from './buttonview.js';
 import ButtonLabelView from './buttonlabelview.js';
 import IconView from '../icon/iconview.js';
@@ -12,15 +12,15 @@ import '../../theme/components/button/listitembutton.css';
  * Button that is used as dropdown list item entry.
  */
 export default class ListItemButtonView extends ButtonView {
+    /**
+     * Holds the view for the check icon of a button list item.
+     */
+    _checkIconHolderView = new CheckIconHolderView();
     /**
      * @inheritDoc
      */
     constructor(locale, labelView = new ButtonLabelView()) {
         super(locale, labelView);
-        /**
-         * Holds the view for the check icon of a button list item.
-         */
-        this._checkIconHolderView = new CheckIconHolderView();
         this.set({
             hasCheckSpace: false,
             _hasCheck: this.isToggleable
@@ -65,15 +65,19 @@ export default class ListItemButtonView extends ButtonView {
     }
 }
 export class CheckIconHolderView extends View {
+    /**
+     * Collection of child views.
+     */
+    children;
+    /**
+     * The view for the check icon of the button list item.
+     */
+    _checkIconView = this._createCheckIconView();
     /**
      * @inheritDoc
      */
     constructor() {
         super();
-        /**
-         * The view for the check icon of the button list item.
-         */
-        this._checkIconView = this._createCheckIconView();
         const bind = this.bindTemplate;
         this.children = this.createCollection();
         this.set('isOn', false);
@@ -118,7 +122,7 @@ export class CheckIconHolderView extends View {
      */
     _createCheckIconView() {
         const iconView = new IconView();
-        iconView.content = icons.check;
+        iconView.content = IconCheck;
         iconView.extendTemplate({
             attributes: {
                 class: 'ck-list-item-button__check-icon'

package/src/button/switchbuttonview.js

@@ -25,6 +25,10 @@ import '../../theme/components/button/switchbutton.css';
  * ```
  */
 export default class SwitchButtonView extends ButtonView {
+    /**
+     * The toggle switch of the button.
+     */
+    toggleSwitchView;
     /**
      * @inheritDoc
      */