@ckeditor/ckeditor5-ui 40.1.0 → 41.0.0

package/src/input/inputview.js

@@ -1,8 +1,8 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
-import InputBase from './inputbase';
+import InputBase from './inputbase.js';
 import '../../theme/components/input/input.css';
 /**
  * The input view class.

package/src/inputnumber/inputnumberview.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/inputnumber/inputnumberview
  */
-import InputView from '../input/inputview';
+import InputView from '../input/inputview.js';
 import type { Locale } from '@ckeditor/ckeditor5-utils';
 /**
  * The number input view class.

package/src/inputnumber/inputnumberview.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/inputnumber/inputnumberview
  */
-import InputView from '../input/inputview';
+import InputView from '../input/inputview.js';
 /**
  * The number input view class.
  */

package/src/inputtext/inputtextview.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/inputtext/inputtextview
  */
-import InputView from '../input/inputview';
+import InputView from '../input/inputview.js';
 import type { Locale } from '@ckeditor/ckeditor5-utils';
 /**
  * The text input view class.

package/src/inputtext/inputtextview.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/inputtext/inputtextview
  */
-import InputView from '../input/inputview';
+import InputView from '../input/inputview.js';
 /**
  * The text input view class.
  */

package/src/label/labelview.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/label/labelview
  */
-import View from '../view';
+import View from '../view.js';
 import { type Locale } from '@ckeditor/ckeditor5-utils';
 import '../../theme/components/label/label.css';
 /**

package/src/label/labelview.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/label/labelview
  */
-import View from '../view';
+import View from '../view.js';
 import { uid } from '@ckeditor/ckeditor5-utils';
 import '../../theme/components/label/label.css';
 /**

package/src/labeledfield/labeledfieldview.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/labeledfield/labeledfieldview
  */
-import View from '../view';
-import LabelView from '../label/labelview';
-import type { FocusableView } from '../focuscycler';
-import type ViewCollection from '../viewcollection';
+import View from '../view.js';
+import LabelView from '../label/labelview.js';
+import type { FocusableView } from '../focuscycler.js';
+import type ViewCollection from '../viewcollection.js';
 import { type Locale } from '@ckeditor/ckeditor5-utils';
 import '../../theme/components/labeledfield/labeledfieldview.css';
 /**

package/src/labeledfield/labeledfieldview.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/labeledfield/labeledfieldview
  */
-import View from '../view';
-import LabelView from '../label/labelview';
+import View from '../view.js';
+import LabelView from '../label/labelview.js';
 import { uid } from '@ckeditor/ckeditor5-utils';
 import '../../theme/components/labeledfield/labeledfieldview.css';
 /**

package/src/labeledfield/utils.d.ts

@@ -1,15 +1,15 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module ui/labeledfield/utils
  */
-import InputTextView from '../inputtext/inputtextview';
-import InputNumberView from '../inputnumber/inputnumberview';
-import TextareaView from '../textarea/textareaview';
-import type DropdownView from '../dropdown/dropdownview';
-import type { LabeledFieldViewCreator } from './labeledfieldview';
+import InputTextView from '../inputtext/inputtextview.js';
+import InputNumberView from '../inputnumber/inputnumberview.js';
+import TextareaView from '../textarea/textareaview.js';
+import type DropdownView from '../dropdown/dropdownview.js';
+import type { LabeledFieldViewCreator } from './labeledfieldview.js';
 /**
  * A helper for creating labeled inputs.
  *
@@ -31,9 +31,9 @@ import type { LabeledFieldViewCreator } from './labeledfieldview';
  * ```
  *
  * @param labeledFieldView The instance of the labeled field view.
- * @param viewUid An UID string that allows DOM logical connection between the
+ * @param viewUid A UID string that allows DOM logical connection between the
  * {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView#labelView labeled view's label} and the input.
- * @param statusUid An UID string that allows DOM logical connection between the
+ * @param statusUid A UID string that allows DOM logical connection between the
  * {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView#statusView labeled view's status} and the input.
  * @returns The input text view instance.
  */
@@ -59,9 +59,9 @@ declare const createLabeledInputText: LabeledFieldViewCreator<InputTextView>;
  * ```
  *
  * @param labeledFieldView The instance of the labeled field view.
- * @param viewUid An UID string that allows DOM logical connection between the
+ * @param viewUid A UID string that allows DOM logical connection between the
  * {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView#labelView labeled view's label} and the input.
- * @param statusUid An UID string that allows DOM logical connection between the
+ * @param statusUid A UID string that allows DOM logical connection between the
  * {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView#statusView labeled view's status} and the input.
  * @returns The input number view instance.
  */
@@ -87,9 +87,9 @@ declare const createLabeledInputNumber: LabeledFieldViewCreator<InputNumberView>
  * ```
  *
  * @param labeledFieldView The instance of the labeled field view.
- * @param viewUid An UID string that allows DOM logical connection between the
+ * @param viewUid A UID string that allows DOM logical connection between the
  * {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView#labelView labeled view's label} and the textarea.
- * @param statusUid An UID string that allows DOM logical connection between the
+ * @param statusUid A UID string that allows DOM logical connection between the
  * {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView#statusView labeled view's status} and the textarea.
  * @returns The textarea view instance.
  */
@@ -113,9 +113,9 @@ declare const createLabeledTextarea: LabeledFieldViewCreator<TextareaView>;
  * ```
  *
  * @param labeledFieldView The instance of the labeled field view.
- * @param viewUid An UID string that allows DOM logical connection between the
+ * @param viewUid A UID string that allows DOM logical connection between the
  * {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView#labelView labeled view label} and the dropdown.
- * @param statusUid An UID string that allows DOM logical connection between the
+ * @param statusUid A UID string that allows DOM logical connection between the
  * {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView#statusView labeled view status} and the dropdown.
  * @returns The dropdown view instance.
  */

package/src/labeledfield/utils.js

@@ -1,14 +1,14 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module ui/labeledfield/utils
  */
-import InputTextView from '../inputtext/inputtextview';
-import InputNumberView from '../inputnumber/inputnumberview';
-import TextareaView from '../textarea/textareaview';
-import { createDropdown } from '../dropdown/utils';
+import InputTextView from '../inputtext/inputtextview.js';
+import InputNumberView from '../inputnumber/inputnumberview.js';
+import TextareaView from '../textarea/textareaview.js';
+import { createDropdown } from '../dropdown/utils.js';
 /**
  * A helper for creating labeled inputs.
  *
@@ -30,9 +30,9 @@ import { createDropdown } from '../dropdown/utils';
  * ```
  *
  * @param labeledFieldView The instance of the labeled field view.
- * @param viewUid An UID string that allows DOM logical connection between the
+ * @param viewUid A UID string that allows DOM logical connection between the
  * {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView#labelView labeled view's label} and the input.
- * @param statusUid An UID string that allows DOM logical connection between the
+ * @param statusUid A UID string that allows DOM logical connection between the
  * {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView#statusView labeled view's status} and the input.
  * @returns The input text view instance.
  */
@@ -73,9 +73,9 @@ const createLabeledInputText = (labeledFieldView, viewUid, statusUid) => {
  * ```
  *
  * @param labeledFieldView The instance of the labeled field view.
- * @param viewUid An UID string that allows DOM logical connection between the
+ * @param viewUid A UID string that allows DOM logical connection between the
  * {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView#labelView labeled view's label} and the input.
- * @param statusUid An UID string that allows DOM logical connection between the
+ * @param statusUid A UID string that allows DOM logical connection between the
  * {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView#statusView labeled view's status} and the input.
  * @returns The input number view instance.
  */
@@ -117,9 +117,9 @@ const createLabeledInputNumber = (labeledFieldView, viewUid, statusUid) => {
  * ```
  *
  * @param labeledFieldView The instance of the labeled field view.
- * @param viewUid An UID string that allows DOM logical connection between the
+ * @param viewUid A UID string that allows DOM logical connection between the
  * {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView#labelView labeled view's label} and the textarea.
- * @param statusUid An UID string that allows DOM logical connection between the
+ * @param statusUid A UID string that allows DOM logical connection between the
  * {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView#statusView labeled view's status} and the textarea.
  * @returns The textarea view instance.
  */
@@ -158,9 +158,9 @@ const createLabeledTextarea = (labeledFieldView, viewUid, statusUid) => {
  * ```
  *
  * @param labeledFieldView The instance of the labeled field view.
- * @param viewUid An UID string that allows DOM logical connection between the
+ * @param viewUid A UID string that allows DOM logical connection between the
  * {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView#labelView labeled view label} and the dropdown.
- * @param statusUid An UID string that allows DOM logical connection between the
+ * @param statusUid A UID string that allows DOM logical connection between the
  * {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView#statusView labeled view status} and the dropdown.
  * @returns The dropdown view instance.
  */

package/src/labeledinput/labeledinputview.d.ts

@@ -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/labeledinput/labeledinputview
  */
-import View from '../view';
-import LabelView from '../label/labelview';
-import type { default as InputView } from '../input/inputview';
+import View from '../view.js';
+import LabelView from '../label/labelview.js';
+import type { default as InputView } from '../input/inputview.js';
 import { type Locale } from '@ckeditor/ckeditor5-utils';
 import '../../theme/components/labeledinput/labeledinput.css';
 /**

package/src/labeledinput/labeledinputview.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/labeledinput/labeledinputview
  */
-import View from '../view';
-import LabelView from '../label/labelview';
+import View from '../view.js';
+import LabelView from '../label/labelview.js';
 import { uid } from '@ckeditor/ckeditor5-utils';
 import '../../theme/components/labeledinput/labeledinput.css';
 /**

package/src/list/listitemgroupview.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/list/listitemgroupview
  */
-import View from '../view';
-import type ViewCollection from '../viewcollection';
-import ListView from './listview';
-import LabelView from '../label/labelview';
+import View from '../view.js';
+import type ViewCollection from '../viewcollection.js';
+import ListView from './listview.js';
+import LabelView from '../label/labelview.js';
 import { type Locale } from '@ckeditor/ckeditor5-utils';
 /**
  * The list item group view class.
@@ -53,7 +53,7 @@ export default class ListItemGroupView extends View {
      */
     constructor(locale?: Locale, labelView?: LabelView);
     /**
-     * Focuses the list item.
+     * Focuses the list item (which is not a separator).
      */
     focus(): void;
 }

package/src/list/listitemgroupview.js

@@ -1,13 +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/list/listitemgroupview
  */
-import View from '../view';
-import ListView from './listview';
-import LabelView from '../label/labelview';
+import View from '../view.js';
+import ListView from './listview.js';
+import LabelView from '../label/labelview.js';
+import ListSeparatorView from './listseparatorview.js';
 /**
  * The list item group view class.
  */
@@ -53,11 +54,14 @@ export default class ListItemGroupView extends View {
         });
     }
     /**
-     * Focuses the list item.
+     * Focuses the list item (which is not a separator).
      */
     focus() {
-        if (this.items.first) {
-            this.items.first.focus();
+        if (this.items) {
+            const firstListItem = this.items.find(item => !(item instanceof ListSeparatorView));
+            if (firstListItem) {
+                firstListItem.focus();
+            }
         }
     }
 }

package/src/list/listitemview.d.ts

@@ -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/list/listitemview
  */
-import View from '../view';
-import type { FocusableView } from '../focuscycler';
-import type ViewCollection from '../viewcollection';
+import View from '../view.js';
+import type { FocusableView } from '../focuscycler.js';
+import type ViewCollection from '../viewcollection.js';
 import type { Locale } from '@ckeditor/ckeditor5-utils';
 /**
  * The list item view class.

package/src/list/listitemview.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/list/listitemview
  */
-import View from '../view';
+import View from '../view.js';
 /**
  * The list item view class.
  */

package/src/list/listseparatorview.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/list/listseparatorview
  */
-import View from '../view';
+import View from '../view.js';
 import type { Locale } from '@ckeditor/ckeditor5-utils';
 /**
  * The list separator view class.

package/src/list/listseparatorview.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/list/listseparatorview
  */
-import View from '../view';
+import View from '../view.js';
 /**
  * The list separator view class.
  */

package/src/list/listview.d.ts

@@ -1,15 +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/list/listview
  */
-import View from '../view';
-import type ListItemView from './listitemview';
-import ListItemGroupView from './listitemgroupview';
-import type DropdownPanelFocusable from '../dropdown/dropdownpanelfocusable';
-import ViewCollection from '../viewcollection';
+import View from '../view.js';
+import { type FocusableView } from '../focuscycler.js';
+import ListItemView from './listitemview.js';
+import ListItemGroupView from './listitemgroupview.js';
+import type ListSeparatorView from './listseparatorview.js';
+import type DropdownPanelFocusable from '../dropdown/dropdownpanelfocusable.js';
+import ViewCollection from '../viewcollection.js';
 import { FocusTracker, KeystrokeHandler, type Locale } from '@ckeditor/ckeditor5-utils';
 import '../../theme/components/list/list.css';
 /**
@@ -21,11 +23,11 @@ export default class ListView extends View<HTMLUListElement> implements Dropdown
      * between the {@link module:ui/list/listitemview~ListItemView list items} and
      * {@link module:ui/list/listitemgroupview~ListItemGroupView list groups}.
      */
-    readonly focusables: ViewCollection;
+    readonly focusables: ViewCollection<FocusableView>;
     /**
      * Collection of the child list views.
      */
-    readonly items: ViewCollection<ListItemView | ListItemGroupView>;
+    readonly items: ViewCollection<ListItemView | ListItemGroupView | ListSeparatorView>;
     /**
      * Tracks information about DOM focus in the list.
      */

package/src/list/listview.js

@@ -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/list/listview
  */
-import View from '../view';
-import FocusCycler from '../focuscycler';
-import ListItemGroupView from './listitemgroupview';
-import ViewCollection from '../viewcollection';
+import View from '../view.js';
+import FocusCycler from '../focuscycler.js';
+import ListItemView from './listitemview.js';
+import ListItemGroupView from './listitemgroupview.js';
+import ViewCollection from '../viewcollection.js';
 import { FocusTracker, KeystrokeHandler } from '@ckeditor/ckeditor5-utils';
 import '../../theme/components/list/list.css';
 /**
@@ -69,7 +70,7 @@ export default class ListView extends View {
             if (item instanceof ListItemGroupView) {
                 this._registerFocusableItemsGroup(item);
             }
-            else {
+            else if (item instanceof ListItemView) {
                 this._registerFocusableListItem(item);
             }
         }

package/src/model.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
  */
 declare const Model_base: {

package/src/model.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/notification/notification.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/notification/notification.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/panel/balloon/balloonpanelview.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/panel/balloon/balloonpanelview
  */
-import View from '../../view';
-import type ViewCollection from '../../viewcollection';
+import View from '../../view.js';
+import type ViewCollection from '../../viewcollection.js';
 import { type Locale, type PositionOptions, type PositioningFunction } from '@ckeditor/ckeditor5-utils';
 import '../../../theme/components/panel/balloonpanel.css';
 /**
@@ -647,7 +647,7 @@ export default class BalloonPanelView extends View {
      *
      * See {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView#attachTo}.
      *
-     * Positioning functions must be compatible with {@link module:utils/dom/position~Position}.
+     * Positioning functions must be compatible with {@link module:utils/dom/position~DomPoint}.
      *
      * Default positioning functions with customized offsets can be generated using
      * {@link module:ui/panel/balloon/balloonpanelview~generatePositions}.

package/src/panel/balloon/balloonpanelview.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/panel/balloon/balloonpanelview
  */
-import View from '../../view';
+import View from '../../view.js';
 import { getOptimalPosition, global, isRange, toUnit } from '@ckeditor/ckeditor5-utils';
 import { isElement } from 'lodash-es';
 import '../../../theme/components/panel/balloonpanel.css';
@@ -66,7 +66,7 @@ const POSITION_OFF_SCREEN = {
  * } );
  * ```
  */
-export default class BalloonPanelView extends View {
+class BalloonPanelView extends View {
     /**
      * @inheritDoc
      */
@@ -720,7 +720,7 @@ BalloonPanelView._getOptimalPosition = getOptimalPosition;
  *
  * See {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView#attachTo}.
  *
- * Positioning functions must be compatible with {@link module:utils/dom/position~Position}.
+ * Positioning functions must be compatible with {@link module:utils/dom/position~DomPoint}.
  *
  * Default positioning functions with customized offsets can be generated using
  * {@link module:ui/panel/balloon/balloonpanelview~generatePositions}.
@@ -729,6 +729,7 @@ BalloonPanelView._getOptimalPosition = getOptimalPosition;
  * controls the placement of the "arrow". See {@link #position} to learn more.
  */
 BalloonPanelView.defaultPositions = generatePositions();
+export default BalloonPanelView;
 /**
  * Returns the DOM element for given object or null, if there is none,
  * e.g. when the passed object is a Rect instance or so.

package/src/panel/balloon/contextualballoon.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/panel/balloon/contextualballoon
  */
-import BalloonPanelView from './balloonpanelview';
-import View from '../../view';
-import ButtonView from '../../button/buttonview';
-import type ViewCollection from '../../viewcollection';
+import BalloonPanelView from './balloonpanelview.js';
+import View from '../../view.js';
+import ButtonView from '../../button/buttonview.js';
+import type ViewCollection from '../../viewcollection.js';
 import { Plugin, type Editor } from '@ckeditor/ckeditor5-core';
 import { FocusTracker, type Locale, type PositionOptions } from '@ckeditor/ckeditor5-utils';
 import '../../../theme/components/panel/balloonrotator.css';