@ckeditor/ckeditor5-ui 40.2.0 → 41.1.0

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.

package/src/list/listitemgroupview.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/list/listitemgroupview
  */
-import View from '../view';
-import ListView from './listview';
-import LabelView from '../label/labelview';
-import ListSeparatorView from './listseparatorview';
+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.
  */

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,16 +1,17 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module ui/list/listview
  */
-import View from '../view';
-import ListItemView from './listitemview';
-import ListItemGroupView from './listitemgroupview';
-import type ListSeparatorView from './listseparatorview';
-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';
 /**
@@ -22,7 +23,7 @@ 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.
      */

package/src/list/listview.js

@@ -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/list/listview
  */
-import View from '../view';
-import FocusCycler from '../focuscycler';
-import ListItemView from './listitemview';
-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';
 /**
@@ -79,7 +79,7 @@ export default class ListView extends View {
                 if (removed instanceof ListItemGroupView) {
                     this._deregisterFocusableItemsGroup(removed);
                 }
-                else {
+                else if (removed instanceof ListItemView) {
                     this._deregisterFocusableListItem(removed);
                 }
             }

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';

package/src/panel/balloon/contextualballoon.js

@@ -1,17 +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/panel/balloon/contextualballoon
  */
-import BalloonPanelView from './balloonpanelview';
-import View from '../../view';
-import ButtonView from '../../button/buttonview';
-import { Plugin } from '@ckeditor/ckeditor5-core';
+import BalloonPanelView from './balloonpanelview.js';
+import View from '../../view.js';
+import ButtonView from '../../button/buttonview.js';
+import { Plugin, icons } from '@ckeditor/ckeditor5-core';
 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';
 import '../../../theme/components/panel/fakepanel.css';
 const toPx = toUnit('px');
@@ -406,8 +404,8 @@ export class RotatorView extends View {
         const bind = this.bindTemplate;
         this.set('isNavigationVisible', true);
         this.focusTracker = new FocusTracker();
-        this.buttonPrevView = this._createButtonView(t('Previous'), prevIcon);
-        this.buttonNextView = this._createButtonView(t('Next'), nextIcon);
+        this.buttonPrevView = this._createButtonView(t('Previous'), icons.previousArrow);
+        this.buttonNextView = this._createButtonView(t('Next'), icons.nextArrow);
         this.content = this.createCollection();
         this.setTemplate({
             tag: 'div',

package/src/panel/sticky/stickypanelview.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/sticky/stickypanelview
  */
-import View from '../../view';
-import type ViewCollection from '../../viewcollection';
+import View from '../../view.js';
+import type ViewCollection from '../../viewcollection.js';
 import { type Locale } from '@ckeditor/ckeditor5-utils';
 import '../../../theme/components/panel/stickypanel.css';
 /**
@@ -70,6 +70,11 @@ export default class StickyPanelView extends View {
      * @default 0
      */
     viewportTopOffset: number;
+    /**
+     * The panel which accepts children into {@link #content} collection.
+     * Also an element which is positioned when {@link #isSticky}.
+     */
+    contentPanelElement: HTMLElement;
     /**
      * Controls the `margin-left` CSS style of the panel.
      *
@@ -109,11 +114,6 @@ export default class StickyPanelView extends View {
      * actual panel is sticky. It prevents flickering of the UI.
      */
     private _contentPanelPlaceholder;
-    /**
-     * The panel which accepts children into {@link #content} collection.
-     * Also an element which is positioned when {@link #isSticky}.
-     */
-    private _contentPanel;
     /**
      * @inheritDoc
      */
@@ -148,7 +148,7 @@ export default class StickyPanelView extends View {
      */
     private _unstick;
     /**
-     * Returns the bounding rect of the {@link #_contentPanel}.
+     * Returns the bounding rect of the {@link #contentPanelElement}.
      *
      * @private
      */

package/src/panel/sticky/stickypanelview.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/panel/sticky/stickypanelview
  */
-import View from '../../view';
-import Template from '../../template';
+import View from '../../view.js';
+import Template from '../../template.js';
 import { global, toUnit, Rect } from '@ckeditor/ckeditor5-utils';
 // @if CK_DEBUG_STICKYPANEL // const {
 // @if CK_DEBUG_STICKYPANEL // 	default: RectDrawer,
@@ -49,7 +49,7 @@ export default class StickyPanelView extends View {
                 }
             }
         }).render();
-        this._contentPanel = new Template({
+        this.contentPanelElement = new Template({
             tag: 'div',
             attributes: {
                 class: [
@@ -80,7 +80,7 @@ export default class StickyPanelView extends View {
             },
             children: [
                 this._contentPanelPlaceholder,
-                this._contentPanel
+                this.contentPanelElement
             ]
         });
     }
@@ -224,11 +224,11 @@ export default class StickyPanelView extends View {
         this._marginLeft = null;
     }
     /**
-     * Returns the bounding rect of the {@link #_contentPanel}.
+     * Returns the bounding rect of the {@link #contentPanelElement}.
      *
      * @private
      */
     get _contentPanelRect() {
-        return new Rect(this._contentPanel);
+        return new Rect(this.contentPanelElement);
     }
 }

package/src/search/filteredview.d.ts

@@ -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 type { FocusableView } from '../focuscycler';
+import type { FocusableView } from '../focuscycler.js';
 /**
  * @module ui/search/filteredview
  */

package/src/search/filteredview.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
  */
 export {};

package/src/search/searchinfoview.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/search/searchinfoview
 */
-import type { FocusableView } from '../focuscycler';
-import View from '../view';
+import type { FocusableView } from '../focuscycler.js';
+import View from '../view.js';
 /**
  * A view displaying an information text related to different states of {@link module:ui/search/text/searchtextview~SearchTextView}.
  *