@ckeditor/ckeditor5-ui 38.2.0-alpha.1 → 39.0.1

package/lang/translations/sv.po

@@ -114,4 +114,8 @@ msgstr "Ordbehandlarens kontextuella verktygsfält"
 
 msgctxt "Label of an input field for typing colors in the HEX color format."
 msgid "HEX"
-msgstr ""
+msgstr "HEX"
+
+msgctxt "Label of the button closing the color picker and confirming the changes done in the color selector component."
+msgid "Accept"
+msgstr "Acceptera"

package/lang/translations/th.po

@@ -114,4 +114,8 @@ msgstr "แถบเครื่องมือแก้ไขข้อควา
 
 msgctxt "Label of an input field for typing colors in the HEX color format."
 msgid "HEX"
-msgstr ""
+msgstr "HEX"
+
+msgctxt "Label of the button closing the color picker and confirming the changes done in the color selector component."
+msgid "Accept"
+msgstr "ยอมรับ"

package/lang/translations/tk.po

@@ -115,3 +115,7 @@ msgstr ""
 msgctxt "Label of an input field for typing colors in the HEX color format."
 msgid "HEX"
 msgstr ""
+
+msgctxt "Label of the button closing the color picker and confirming the changes done in the color selector component."
+msgid "Accept"
+msgstr ""

package/lang/translations/tr.po

@@ -114,4 +114,8 @@ msgstr "Düzenleyici içeriksel araç çubuğu"
 
 msgctxt "Label of an input field for typing colors in the HEX color format."
 msgid "HEX"
-msgstr ""
+msgstr "ONALTILIK"
+
+msgctxt "Label of the button closing the color picker and confirming the changes done in the color selector component."
+msgid "Accept"
+msgstr "Kabul et"

package/lang/translations/tt.po

@@ -115,3 +115,7 @@ msgstr ""
 msgctxt "Label of an input field for typing colors in the HEX color format."
 msgid "HEX"
 msgstr ""
+
+msgctxt "Label of the button closing the color picker and confirming the changes done in the color selector component."
+msgid "Accept"
+msgstr ""

package/lang/translations/ug.po

@@ -115,3 +115,7 @@ msgstr ""
 msgctxt "Label of an input field for typing colors in the HEX color format."
 msgid "HEX"
 msgstr ""
+
+msgctxt "Label of the button closing the color picker and confirming the changes done in the color selector component."
+msgid "Accept"
+msgstr "قوشۇل"

package/lang/translations/uk.po

@@ -114,4 +114,8 @@ msgstr "Контекстна панель інструментів редакт
 
 msgctxt "Label of an input field for typing colors in the HEX color format."
 msgid "HEX"
-msgstr ""
+msgstr "Шістнадцятковий"
+
+msgctxt "Label of the button closing the color picker and confirming the changes done in the color selector component."
+msgid "Accept"
+msgstr "Прийняти"

package/lang/translations/ur.po

@@ -115,3 +115,7 @@ msgstr ""
 msgctxt "Label of an input field for typing colors in the HEX color format."
 msgid "HEX"
 msgstr ""
+
+msgctxt "Label of the button closing the color picker and confirming the changes done in the color selector component."
+msgid "Accept"
+msgstr ""

package/lang/translations/uz.po

@@ -115,3 +115,7 @@ msgstr ""
 msgctxt "Label of an input field for typing colors in the HEX color format."
 msgid "HEX"
 msgstr ""
+
+msgctxt "Label of the button closing the color picker and confirming the changes done in the color selector component."
+msgid "Accept"
+msgstr ""

package/lang/translations/vi.po

@@ -114,4 +114,8 @@ msgstr "Thanh công cụ chỉnh sửa theo ngữ cảnh"
 
 msgctxt "Label of an input field for typing colors in the HEX color format."
 msgid "HEX"
-msgstr ""
+msgstr "HEX"
+
+msgctxt "Label of the button closing the color picker and confirming the changes done in the color selector component."
+msgid "Accept"
+msgstr "Chấp nhận"

package/lang/translations/zh-cn.po

@@ -114,4 +114,8 @@ msgstr "编辑器上下文工具栏"
 
 msgctxt "Label of an input field for typing colors in the HEX color format."
 msgid "HEX"
-msgstr ""
+msgstr "十六进制"
+
+msgctxt "Label of the button closing the color picker and confirming the changes done in the color selector component."
+msgid "Accept"
+msgstr "接受"

package/lang/translations/zh.po

@@ -114,4 +114,8 @@ msgstr "編輯器關聯式工具列"
 
 msgctxt "Label of an input field for typing colors in the HEX color format."
 msgid "HEX"
-msgstr ""
+msgstr "十六進位"
+
+msgctxt "Label of the button closing the color picker and confirming the changes done in the color selector component."
+msgid "Accept"
+msgstr "接受"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-ui",
-  "version": "38.2.0-alpha.1",
+  "version": "39.0.1",
   "description": "The UI framework and standard UI library of CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -10,13 +10,12 @@
     "ckeditor5-dll"
   ],
   "main": "src/index.js",
-  "type": "module",
   "dependencies": {
-    "@ckeditor/ckeditor5-core": "38.2.0-alpha.1",
-    "@ckeditor/ckeditor5-utils": "38.2.0-alpha.1",
+    "@ckeditor/ckeditor5-core": "39.0.1",
+    "@ckeditor/ckeditor5-utils": "39.0.1",
     "color-convert": "2.0.1",
     "color-parse": "1.4.2",
-    "lodash-es": "^4.17.15",
+    "lodash-es": "4.17.21",
     "vanilla-colorful": "0.7.2"
   },
   "engines": {

package/src/augmentation.d.ts

@@ -2,7 +2,7 @@
  * @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
  */
-import type { BalloonToolbar, BlockToolbar, ContextualBalloon, Notification } from './index.js';
+import type { BalloonToolbar, BlockToolbar, ContextualBalloon, Notification } from './index';
 import type { ToolbarConfig } from '@ckeditor/ckeditor5-core';
 declare module '@ckeditor/ckeditor5-core' {
     interface EditorConfig {

package/src/bindings/addkeyboardhandlingforgrid.d.ts

@@ -6,7 +6,7 @@
  * @module ui/bindings/addkeyboardhandlingforgrid
  */
 import type { FocusTracker, KeystrokeHandler } from '@ckeditor/ckeditor5-utils';
-import type ViewCollection from '../viewcollection.js';
+import type ViewCollection from '../viewcollection';
 /**
  * A helper that adds a keyboard navigation support (arrow up/down/left/right) for grids.
  *

package/src/bindings/csstransitiondisablermixin.d.ts

@@ -6,7 +6,7 @@
  * @module ui/bindings/csstransitiondisablermixin
  */
 import type { Constructor, Mixed } from '@ckeditor/ckeditor5-utils';
-import type View from '../view.js';
+import type View from '../view';
 /**
  * A mixin that brings the possibility to temporarily disable CSS transitions using
  * {@link module:ui/view~View} methods. It is helpful when, for instance, the transitions should not happen

package/src/bindings/injectcsstransitiondisabler.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module ui/bindings/injectcsstransitiondisabler
  */
-import type View from '../view.js';
+import type View from '../view';
 /**
  * A decorator that brings the possibility to temporarily disable CSS transitions using
  * {@link module:ui/view~View} methods. It is helpful when, for instance, the transitions should not happen
@@ -21,7 +21,7 @@ import type View from '../view.js';
  * {@link module:ui/view~View#setTemplate} is called:
  *
  * ```ts
- * import injectCssTransitionDisabler from '@ckeditor/ckeditor5-ui/src/bindings/injectcsstransitiondisabler.js';
+ * import injectCssTransitionDisabler from '@ckeditor/ckeditor5-ui/src/bindings/injectcsstransitiondisabler';
  *
  * class MyView extends View {
  * 	constructor() {

package/src/bindings/injectcsstransitiondisabler.js

@@ -17,7 +17,7 @@
  * {@link module:ui/view~View#setTemplate} is called:
  *
  * ```ts
- * import injectCssTransitionDisabler from '@ckeditor/ckeditor5-ui/src/bindings/injectcsstransitiondisabler.js';
+ * import injectCssTransitionDisabler from '@ckeditor/ckeditor5-ui/src/bindings/injectcsstransitiondisabler';
  *
  * class MyView extends View {
  * 	constructor() {

package/src/bindings/preventdefault.d.ts

@@ -5,8 +5,8 @@
 /**
  * @module ui/bindings/preventdefault
  */
-import type { ListenerBinding } from '../template.js';
-import type View from '../view.js';
+import type { ListenerBinding } from '../template';
+import type View from '../view';
 /**
  * A helper which executes a native `Event.preventDefault()` if the target of an event equals the
  * {@link module:ui/view~View#element element of the view}. It shortens the definition of a
@@ -14,7 +14,7 @@ import type View from '../view.js';
  *
  * ```ts
  * // In a class extending View.
- * import preventDefault from '@ckeditor/ckeditor5-ui/src/bindings/preventdefault.js';
+ * import preventDefault from '@ckeditor/ckeditor5-ui/src/bindings/preventdefault';
  *
  * // ...
  *

package/src/bindings/preventdefault.js

@@ -9,7 +9,7 @@
  *
  * ```ts
  * // In a class extending View.
- * import preventDefault from '@ckeditor/ckeditor5-ui/src/bindings/preventdefault.js';
+ * import preventDefault from '@ckeditor/ckeditor5-ui/src/bindings/preventdefault';
  *
  * // ...
  *

package/src/bindings/submithandler.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module ui/bindings/submithandler
  */
-import type View from '../view.js';
+import type View from '../view';
 /**
  * A handler useful for {@link module:ui/view~View views} working as HTML forms. It intercepts a native DOM
  * `submit` event, prevents the default web browser behavior (navigation and page reload) and
@@ -13,7 +13,7 @@ import type View from '../view.js';
  * {@link module:utils/dom/emittermixin~DomEmitter emitter}, e.g. to serialize the form data.
  *
  * ```ts
- * import submitHandler from '@ckeditor/ckeditor5-ui/src/bindings/submithandler.js';
+ * import submitHandler from '@ckeditor/ckeditor5-ui/src/bindings/submithandler';
  *
  * // ...
  *

package/src/bindings/submithandler.js

@@ -9,7 +9,7 @@
  * {@link module:utils/dom/emittermixin~DomEmitter emitter}, e.g. to serialize the form data.
  *
  * ```ts
- * import submitHandler from '@ckeditor/ckeditor5-ui/src/bindings/submithandler.js';
+ * import submitHandler from '@ckeditor/ckeditor5-ui/src/bindings/submithandler';
  *
  * // ...
  *

package/src/button/buttonview.d.ts

@@ -5,10 +5,10 @@
 /**
  * @module ui/button/buttonview
  */
-import View from '../view.js';
-import IconView from '../icon/iconview.js';
-import type ViewCollection from '../viewcollection.js';
-import type { default as Button } from './button.js';
+import View from '../view';
+import IconView from '../icon/iconview';
+import type ViewCollection from '../viewcollection';
+import type { default as Button } from './button';
 import { type Locale } from '@ckeditor/ckeditor5-utils';
 import '../../theme/components/button/button.css';
 /**

package/src/button/buttonview.js

@@ -5,8 +5,8 @@
 /**
  * @module ui/button/buttonview
  */
-import View from '../view.js';
-import IconView from '../icon/iconview.js';
+import View from '../view';
+import IconView from '../icon/iconview';
 import { env, getEnvKeystrokeText, uid, delay } from '@ckeditor/ckeditor5-utils';
 import '../../theme/components/button/button.css';
 /**

package/src/button/switchbuttonview.d.ts

@@ -5,8 +5,8 @@
 /**
  * @module ui/button/switchbuttonview
  */
-import View from '../view.js';
-import ButtonView from './buttonview.js';
+import View from '../view';
+import ButtonView from './buttonview';
 import type { Locale } from '@ckeditor/ckeditor5-utils';
 import '../../theme/components/button/switchbutton.css';
 /**

package/src/button/switchbuttonview.js

@@ -5,8 +5,8 @@
 /**
  * @module ui/button/switchbuttonview
  */
-import View from '../view.js';
-import ButtonView from './buttonview.js';
+import View from '../view';
+import ButtonView from './buttonview';
 import '../../theme/components/button/switchbutton.css';
 /**
  * The switch button view class.

package/src/colorgrid/colorgridview.d.ts

@@ -5,10 +5,10 @@
 /**
  * @module ui/colorgrid/colorgridview
  */
-import View from '../view.js';
-import ColorTileView from './colortileview.js';
-import type DropdownPanelFocusable from '../dropdown/dropdownpanelfocusable.js';
-import type ViewCollection from '../viewcollection.js';
+import View from '../view';
+import ColorTileView from './colortileview';
+import type DropdownPanelFocusable from '../dropdown/dropdownpanelfocusable';
+import type ViewCollection from '../viewcollection';
 import { FocusTracker, KeystrokeHandler, type Locale } from '@ckeditor/ckeditor5-utils';
 import '../../theme/components/colorgrid/colorgrid.css';
 /**

package/src/colorgrid/colorgridview.js

@@ -5,9 +5,9 @@
 /**
  * @module ui/colorgrid/colorgridview
  */
-import View from '../view.js';
-import ColorTileView from './colortileview.js';
-import addKeyboardHandlingForGrid from '../bindings/addkeyboardhandlingforgrid.js';
+import View from '../view';
+import ColorTileView from './colortileview';
+import addKeyboardHandlingForGrid from '../bindings/addkeyboardhandlingforgrid';
 import { FocusTracker, KeystrokeHandler } from '@ckeditor/ckeditor5-utils';
 import '../../theme/components/colorgrid/colorgrid.css';
 /**

package/src/colorgrid/colortileview.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module ui/colorgrid/colortileview
  */
-import ButtonView from '../button/buttonview.js';
+import ButtonView from '../button/buttonview';
 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

@@ -5,7 +5,7 @@
 /**
  * @module ui/colorgrid/colortileview
  */
-import ButtonView from '../button/buttonview.js';
+import ButtonView from '../button/buttonview';
 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/colorpicker/colorpickerview.d.ts

@@ -5,10 +5,10 @@
 /**
  * @module ui/colorpicker/colorpickerview
  */
-import { type ColorPickerViewConfig } from './utils.js';
+import { type ColorPickerViewConfig } from './utils';
 import { type Locale } from '@ckeditor/ckeditor5-utils';
-import View from '../view.js';
-import type ViewCollection from '../viewcollection.js';
+import View from '../view';
+import type ViewCollection from '../viewcollection';
 import 'vanilla-colorful/hex-color-picker.js';
 import '../../theme/components/colorpicker/colorpicker.css';
 /**

package/src/colorpicker/colorpickerview.js

@@ -5,12 +5,12 @@
 /**
  * @module ui/colorpicker/colorpickerview
  */
-import { convertColor, convertToHex } from './utils.js';
+import { convertColor, convertToHex } from './utils';
 import { global, env } from '@ckeditor/ckeditor5-utils';
 import { debounce } from 'lodash-es';
-import View from '../view.js';
-import LabeledFieldView from '../labeledfield/labeledfieldview.js';
-import { createLabeledInputText } from '../labeledfield/utils.js';
+import View from '../view';
+import LabeledFieldView from '../labeledfield/labeledfieldview';
+import { createLabeledInputText } from '../labeledfield/utils';
 import 'vanilla-colorful/hex-color-picker.js';
 import '../../theme/components/colorpicker/colorpicker.css';
 const waitingTime = 150;

package/src/colorselector/colorgridsfragmentview.js

@@ -80,8 +80,7 @@ export default class ColorGridsFragmentView extends View {
         const document = model.document;
         const maxCount = this.documentColorsCount;
         this.documentColors.clear();
-        for (const rootName of document.getRootNames()) {
-            const root = document.getRoot(rootName);
+        for (const root of document.getRoots()) {
             const range = model.createRangeIn(root);
             for (const node of range.getItems()) {
                 if (node.is('$textProxy') && node.hasAttribute(attributeName)) {

package/src/colorselector/documentcolorcollection.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module ui/colorselector/documentcolorcollection
  */
-import type { ColorDefinition } from '../colorgrid/colorgridview.js';
+import type { ColorDefinition } from '../colorgrid/colorgridview';
 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/componentfactory.d.ts

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

package/src/dropdown/button/dropdownbutton.d.ts

@@ -5,8 +5,8 @@
 /**
  * @module ui/dropdown/button/dropdownbutton
  */
-import type Button from '../../button/button.js';
-import type ViewCollection from '../../viewcollection.js';
+import type Button from '../../button/button';
+import type ViewCollection from '../../viewcollection';
 /**
  * The dropdown button interface.
  */

package/src/dropdown/button/dropdownbuttonview.d.ts

@@ -5,9 +5,9 @@
 /**
  * @module ui/dropdown/button/dropdownbuttonview
  */
-import ButtonView from '../../button/buttonview.js';
-import type DropdownButton from './dropdownbutton.js';
-import IconView from '../../icon/iconview.js';
+import ButtonView from '../../button/buttonview';
+import type DropdownButton from './dropdownbutton';
+import IconView from '../../icon/iconview';
 import type { Locale } from '@ckeditor/ckeditor5-utils';
 /**
  * The default dropdown button view class.

package/src/dropdown/button/dropdownbuttonview.js

@@ -5,8 +5,8 @@
 /**
  * @module ui/dropdown/button/dropdownbuttonview
  */
-import ButtonView from '../../button/buttonview.js';
-import IconView from '../../icon/iconview.js';
+import ButtonView from '../../button/buttonview';
+import IconView from '../../icon/iconview';
 import dropdownArrowIcon from '../../../theme/icons/dropdown-arrow.svg';
 /**
  * The default dropdown button view class.

package/src/dropdown/button/splitbuttonview.d.ts

@@ -5,11 +5,11 @@
 /**
  * @module ui/dropdown/button/splitbuttonview
  */
-import View from '../../view.js';
-import ButtonView from '../../button/buttonview.js';
-import type ViewCollection from '../../viewcollection.js';
-import type Button from '../../button/button.js';
-import type DropdownButton from './dropdownbutton.js';
+import View from '../../view';
+import ButtonView from '../../button/buttonview';
+import type ViewCollection from '../../viewcollection';
+import type Button from '../../button/button';
+import type DropdownButton from './dropdownbutton';
 import { KeystrokeHandler, FocusTracker, type Locale } from '@ckeditor/ckeditor5-utils';
 import '../../../theme/components/dropdown/splitbutton.css';
 /**

package/src/dropdown/button/splitbuttonview.js

@@ -5,8 +5,8 @@
 /**
  * @module ui/dropdown/button/splitbuttonview
  */
-import View from '../../view.js';
-import ButtonView from '../../button/buttonview.js';
+import View from '../../view';
+import ButtonView from '../../button/buttonview';
 import { KeystrokeHandler, FocusTracker } from '@ckeditor/ckeditor5-utils';
 import dropdownArrowIcon from '../../../theme/icons/dropdown-arrow.svg';
 import '../../../theme/components/dropdown/splitbutton.css';

package/src/dropdown/dropdownpanelview.d.ts

@@ -5,9 +5,9 @@
 /**
  * @module ui/dropdown/dropdownpanelview
  */
-import View from '../view.js';
-import type ViewCollection from '../viewcollection.js';
-import type DropdownPanelFocusable from './dropdownpanelfocusable.js';
+import View from '../view';
+import type ViewCollection from '../viewcollection';
+import type DropdownPanelFocusable from './dropdownpanelfocusable';
 import { type Locale } from '@ckeditor/ckeditor5-utils';
 /**
  * The dropdown panel view class.

package/src/dropdown/dropdownpanelview.js

@@ -5,7 +5,7 @@
 /**
  * @module ui/dropdown/dropdownpanelview
  */
-import View from '../view.js';
+import View from '../view';
 import { logWarning } from '@ckeditor/ckeditor5-utils';
 /**
  * The dropdown panel view class.
@@ -31,7 +31,8 @@ export default class DropdownPanelView extends View {
                     'ck-dropdown__panel',
                     bind.to('position', value => `ck-dropdown__panel_${value}`),
                     bind.if('isVisible', 'ck-dropdown__panel-visible')
-                ]
+                ],
+                tabindex: '-1'
             },
             children: this.children,
             on: {

package/src/dropdown/dropdownview.d.ts

@@ -5,12 +5,12 @@
 /**
  * @module ui/dropdown/dropdownview
  */
-import View from '../view.js';
-import type { default as DropdownButton } from './button/dropdownbutton.js';
-import type { default as DropdownPanelView, PanelPosition } from './dropdownpanelview.js';
-import type { FocusableView } from '../focuscycler.js';
-import type ListView from '../list/listview.js';
-import type ToolbarView from '../toolbar/toolbarview.js';
+import View from '../view';
+import type { default as DropdownButton } from './button/dropdownbutton';
+import type { default as DropdownPanelView, PanelPosition } from './dropdownpanelview';
+import type { FocusableView } from '../focuscycler';
+import type ListView from '../list/listview';
+import type ToolbarView from '../toolbar/toolbarview';
 import { KeystrokeHandler, FocusTracker, type Locale, type PositioningFunction } from '@ckeditor/ckeditor5-utils';
 import '../../theme/components/dropdown/dropdown.css';
 /**

package/src/dropdown/dropdownview.js

@@ -5,7 +5,7 @@
 /**
  * @module ui/dropdown/dropdownview
  */
-import View from '../view.js';
+import View from '../view';
 import { KeystrokeHandler, FocusTracker, getOptimalPosition } from '@ckeditor/ckeditor5-utils';
 import '../../theme/components/dropdown/dropdown.css';
 /**

package/src/dropdown/utils.d.ts

@@ -2,13 +2,13 @@
  * @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
  */
-import DropdownView from './dropdownview.js';
-import ViewCollection from '../viewcollection.js';
-import type { default as View } from '../view.js';
-import type Model from '../model.js';
-import type DropdownButton from './button/dropdownbutton.js';
-import type { FocusableView } from '../focuscycler.js';
-import type { FalsyValue } from '../template.js';
+import DropdownView from './dropdownview';
+import ViewCollection from '../viewcollection';
+import type { default as View } from '../view';
+import type Model from '../model';
+import type DropdownButton from './button/dropdownbutton';
+import type { FocusableView } from '../focuscycler';
+import type { FalsyValue } from '../template';
 import { type Collection, type Locale } from '@ckeditor/ckeditor5-utils';
 import '../../theme/components/dropdown/toolbardropdown.css';
 import '../../theme/components/dropdown/listdropdown.css';

package/src/dropdown/utils.js

@@ -5,18 +5,18 @@
 /**
  * @module ui/dropdown/utils
  */
-import DropdownPanelView from './dropdownpanelview.js';
-import DropdownView from './dropdownview.js';
-import DropdownButtonView from './button/dropdownbuttonview.js';
-import ToolbarView from '../toolbar/toolbarview.js';
-import ListView from '../list/listview.js';
-import ListItemView from '../list/listitemview.js';
-import ListSeparatorView from '../list/listseparatorview.js';
-import ButtonView from '../button/buttonview.js';
-import SplitButtonView from './button/splitbuttonview.js';
-import SwitchButtonView from '../button/switchbuttonview.js';
-import ViewCollection from '../viewcollection.js';
-import clickOutsideHandler from '../bindings/clickoutsidehandler.js';
+import DropdownPanelView from './dropdownpanelview';
+import DropdownView from './dropdownview';
+import DropdownButtonView from './button/dropdownbuttonview';
+import ToolbarView from '../toolbar/toolbarview';
+import ListView from '../list/listview';
+import ListItemView from '../list/listitemview';
+import ListSeparatorView from '../list/listseparatorview';
+import ButtonView from '../button/buttonview';
+import SplitButtonView from './button/splitbuttonview';
+import SwitchButtonView from '../button/switchbuttonview';
+import ViewCollection from '../viewcollection';
+import clickOutsideHandler from '../bindings/clickoutsidehandler';
 import { global, priorities, logWarning } from '@ckeditor/ckeditor5-utils';
 import '../../theme/components/dropdown/toolbardropdown.css';
 import '../../theme/components/dropdown/listdropdown.css';