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

package/src/editableui/editableuiview.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module ui/editableui/editableuiview
  */
-import View from '../view.js';
+import View from '../view';
 import type { View as EditingView } from '@ckeditor/ckeditor5-engine';
 import type { Locale } from '@ckeditor/ckeditor5-utils';
 /**

package/src/editableui/editableuiview.js

@@ -5,7 +5,7 @@
 /**
  * @module ui/editableui/editableuiview
  */
-import View from '../view.js';
+import View from '../view';
 /**
  * The editable UI view class.
  */

package/src/editableui/inline/inlineeditableuiview.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module ui/editableui/inline/inlineeditableuiview
  */
-import EditableUIView from '../editableuiview.js';
+import EditableUIView from '../editableuiview';
 import type { View } from '@ckeditor/ckeditor5-engine';
 import type { Locale } from '@ckeditor/ckeditor5-utils';
 /**

package/src/editableui/inline/inlineeditableuiview.js

@@ -5,7 +5,7 @@
 /**
  * @module ui/editableui/inline/inlineeditableuiview
  */
-import EditableUIView from '../editableuiview.js';
+import EditableUIView from '../editableuiview';
 /**
  * The inline editable UI class implementing an inline {@link module:ui/editableui/editableuiview~EditableUIView}.
  */

package/src/editorui/bodycollection.d.ts

@@ -2,8 +2,8 @@
  * @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 ViewCollection from '../viewcollection.js';
-import type View from '../view.js';
+import ViewCollection from '../viewcollection';
+import type View from '../view';
 import { type Locale } from '@ckeditor/ckeditor5-utils';
 /**
  * This is a special {@link module:ui/viewcollection~ViewCollection} dedicated to elements that are detached

package/src/editorui/bodycollection.js

@@ -6,8 +6,8 @@
  * @module ui/editorui/bodycollection
  */
 /* globals document */
-import Template from '../template.js';
-import ViewCollection from '../viewcollection.js';
+import Template from '../template';
+import ViewCollection from '../viewcollection';
 import { createElement } from '@ckeditor/ckeditor5-utils';
 /**
  * This is a special {@link module:ui/viewcollection~ViewCollection} dedicated to elements that are detached

package/src/editorui/boxed/boxededitoruiview.d.ts

@@ -5,8 +5,8 @@
 /**
  * @module ui/editorui/boxed/boxededitoruiview
  */
-import EditorUIView from '../editoruiview.js';
-import type ViewCollection from '../../viewcollection.js';
+import EditorUIView from '../editoruiview';
+import type ViewCollection from '../../viewcollection';
 import type { Locale } from '@ckeditor/ckeditor5-utils';
 /**
  * The boxed editor UI view class. This class represents an editor interface

package/src/editorui/boxed/boxededitoruiview.js

@@ -5,8 +5,8 @@
 /**
  * @module ui/editorui/boxed/boxededitoruiview
  */
-import EditorUIView from '../editoruiview.js';
-import LabelView from '../../label/labelview.js';
+import EditorUIView from '../editoruiview';
+import LabelView from '../../label/labelview';
 /**
  * The boxed editor UI view class. This class represents an editor interface
  * consisting of a toolbar and an editable area, enclosed within a box.

package/src/editorui/editorui.d.ts

@@ -5,11 +5,11 @@
 /**
  * @module ui/editorui/editorui
  */
-import ComponentFactory from '../componentfactory.js';
-import TooltipManager from '../tooltipmanager.js';
-import PoweredBy from './poweredby.js';
-import type EditorUIView from './editoruiview.js';
-import type ToolbarView from '../toolbar/toolbarview.js';
+import ComponentFactory from '../componentfactory';
+import TooltipManager from '../tooltipmanager';
+import PoweredBy from './poweredby';
+import type EditorUIView from './editoruiview';
+import type ToolbarView from '../toolbar/toolbarview';
 import { FocusTracker } from '@ckeditor/ckeditor5-utils';
 import type { Editor } from '@ckeditor/ckeditor5-core';
 declare const EditorUI_base: {

package/src/editorui/editorui.js

@@ -6,9 +6,9 @@
  * @module ui/editorui/editorui
  */
 /* globals console */
-import ComponentFactory from '../componentfactory.js';
-import TooltipManager from '../tooltipmanager.js';
-import PoweredBy from './poweredby.js';
+import ComponentFactory from '../componentfactory';
+import TooltipManager from '../tooltipmanager';
+import PoweredBy from './poweredby';
 import { ObservableMixin, isVisible, FocusTracker } from '@ckeditor/ckeditor5-utils';
 /**
  * A class providing the minimal interface that is required to successfully bootstrap any editor UI.

package/src/editorui/editoruiview.d.ts

@@ -5,9 +5,9 @@
 /**
  * @module ui/editorui/editoruiview
  */
-import View from '../view.js';
-import BodyCollection from './bodycollection.js';
-import type EditableUIView from '../editableui/editableuiview.js';
+import View from '../view';
+import BodyCollection from './bodycollection';
+import type EditableUIView from '../editableui/editableuiview';
 import type { Locale, LocaleTranslate } from '@ckeditor/ckeditor5-utils';
 import '../../theme/components/editorui/editorui.css';
 /**

package/src/editorui/editoruiview.js

@@ -5,8 +5,8 @@
 /**
  * @module ui/editorui/editoruiview
  */
-import View from '../view.js';
-import BodyCollection from './bodycollection.js';
+import View from '../view';
+import BodyCollection from './bodycollection';
 import '../../theme/components/editorui/editorui.css';
 /**
  * The editor UI view class. Base class for the editor main views.

package/src/editorui/poweredby.js

@@ -3,9 +3,9 @@
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 import { Rect, DomEmitterMixin, findClosestScrollableAncestor, verifyLicense } from '@ckeditor/ckeditor5-utils';
-import BalloonPanelView from '../panel/balloon/balloonpanelview.js';
-import IconView from '../icon/iconview.js';
-import View from '../view.js';
+import BalloonPanelView from '../panel/balloon/balloonpanelview';
+import IconView from '../icon/iconview';
+import View from '../view';
 import { throttle } from 'lodash-es';
 import poweredByIcon from '../../theme/icons/project-logo.svg';
 const ICON_WIDTH = 53;
@@ -264,8 +264,13 @@ function getLowerCornerPosition(focusedEditableElement, config, getBalloonLeft)
             const firstScrollableEditableElementAncestor = findClosestScrollableAncestor(focusedEditableElement);
             if (firstScrollableEditableElementAncestor) {
                 const firstScrollableEditableElementAncestorRect = new Rect(firstScrollableEditableElementAncestor);
+                const notVisibleVertically = visibleEditableElementRect.bottom + balloonRect.height / 2 >
+                    firstScrollableEditableElementAncestorRect.bottom;
+                const notVisibleHorizontally = config.side === 'left' ?
+                    editableElementRect.left < firstScrollableEditableElementAncestorRect.left :
+                    editableElementRect.right > firstScrollableEditableElementAncestorRect.right;
                 // The watermark cannot be positioned in this corner because the corner is "not visible enough".
-                if (visibleEditableElementRect.bottom + balloonRect.height / 2 > firstScrollableEditableElementAncestorRect.bottom) {
+                if (notVisibleVertically || notVisibleHorizontally) {
                     return OFF_THE_SCREEN_POSITION;
                 }
             }

package/src/focuscycler.d.ts

@@ -6,8 +6,8 @@
  * @module ui/focuscycler
  */
 import { type ArrayOrItem, type FocusTracker, type KeystrokeHandler } from '@ckeditor/ckeditor5-utils';
-import type View from './view.js';
-import type ViewCollection from './viewcollection.js';
+import type View from './view';
+import type ViewCollection from './viewcollection';
 /**
  * A utility class that helps cycling over focusable {@link module:ui/view~View views} in a
  * {@link module:ui/viewcollection~ViewCollection} when the focus is tracked by the

package/src/formheader/formheaderview.d.ts

@@ -5,8 +5,8 @@
 /**
  * @module ui/formheader/formheaderview
  */
-import View from '../view.js';
-import type ViewCollection from '../viewcollection.js';
+import View from '../view';
+import type ViewCollection from '../viewcollection';
 import type { Locale } from '@ckeditor/ckeditor5-utils';
 import '../../theme/components/formheader/formheader.css';
 /**

package/src/formheader/formheaderview.js

@@ -5,7 +5,7 @@
 /**
  * @module ui/formheader/formheaderview
  */
-import View from '../view.js';
+import View from '../view';
 import '../../theme/components/formheader/formheader.css';
 /**
  * The class component representing a form header view. It should be used in more advanced forms to

package/src/icon/iconview.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module ui/icon/iconview
  */
-import View from '../view.js';
+import View from '../view';
 import '../../theme/components/icon/icon.css';
 /**
  * The icon view class.

package/src/icon/iconview.js

@@ -6,7 +6,7 @@
 /**
  * @module ui/icon/iconview
  */
-import View from '../view.js';
+import View from '../view';
 import '../../theme/components/icon/icon.css';
 /**
  * The icon view class.

package/src/iframe/iframeview.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module ui/iframe/iframeview
  */
-import View from '../view.js';
+import View from '../view';
 import type { Locale } from '@ckeditor/ckeditor5-utils';
 /**
  * The iframe view class.

package/src/iframe/iframeview.js

@@ -5,7 +5,7 @@
 /**
  * @module ui/iframe/iframeview
  */
-import View from '../view.js';
+import View from '../view';
 /**
  * The iframe view class.
  *

package/src/index.d.ts

@@ -5,59 +5,59 @@
 /**
  * @module ui
  */
-export { default as clickOutsideHandler } from './bindings/clickoutsidehandler.js';
-export { default as injectCssTransitionDisabler } from './bindings/injectcsstransitiondisabler.js';
-export { default as CssTransitionDisablerMixin, type ViewWithCssTransitionDisabler } from './bindings/csstransitiondisablermixin.js';
-export { default as submitHandler } from './bindings/submithandler.js';
-export { default as addKeyboardHandlingForGrid } from './bindings/addkeyboardhandlingforgrid.js';
-export { default as BodyCollection } from './editorui/bodycollection.js';
-export { type ButtonExecuteEvent } from './button/button.js';
-export { default as ButtonView } from './button/buttonview.js';
-export { default as SwitchButtonView } from './button/switchbuttonview.js';
-export * from './colorgrid/utils.js';
-export { default as ColorGridView, type ColorDefinition } from './colorgrid/colorgridview.js';
-export { default as ColorTileView } from './colorgrid/colortileview.js';
-export { default as ColorPickerView } from './colorpicker/colorpickerview.js';
-export type { ColorPickerConfig, ColorPickerViewConfig, ColorPickerOutputFormat } from './colorpicker/utils.js';
-export { default as ColorSelectorView, type ColorSelectorExecuteEvent, type ColorSelectorColorPickerCancelEvent, type ColorSelectorColorPickerShowEvent } from './colorselector/colorselectorview.js';
-export { default as ComponentFactory } from './componentfactory.js';
-export { default as DropdownView } from './dropdown/dropdownview.js';
-export { default as DropdownPanelView } from './dropdown/dropdownpanelview.js';
-export { default as DropdownButtonView } from './dropdown/button/dropdownbuttonview.js';
-export { default as SplitButtonView } from './dropdown/button/splitbuttonview.js';
-export * from './dropdown/utils.js';
-export { default as EditorUI, type EditorUIReadyEvent, type EditorUIUpdateEvent } from './editorui/editorui.js';
-export { default as EditorUIView } from './editorui/editoruiview.js';
-export { default as BoxedEditorUIView } from './editorui/boxed/boxededitoruiview.js';
-export { default as InlineEditableUIView } from './editableui/inline/inlineeditableuiview.js';
-export { default as FormHeaderView } from './formheader/formheaderview.js';
-export { default as FocusCycler, type FocusableView } from './focuscycler.js';
-export { default as IconView } from './icon/iconview.js';
-export { default as InputView } from './input/inputview.js';
-export { default as InputTextView } from './inputtext/inputtextview.js';
-export { default as InputNumberView } from './inputnumber/inputnumberview.js';
-export { default as IframeView } from './iframe/iframeview.js';
-export { default as LabelView } from './label/labelview.js';
-export { default as LabeledFieldView } from './labeledfield/labeledfieldview.js';
-export * from './labeledfield/utils.js';
-export { default as ListItemView } from './list/listitemview.js';
-export { default as ListView } from './list/listview.js';
-export { default as Notification } from './notification/notification.js';
-export { default as Model } from './model.js';
-export { default as BalloonPanelView } from './panel/balloon/balloonpanelview.js';
-export { default as ContextualBalloon } from './panel/balloon/contextualballoon.js';
-export { default as StickyPanelView } from './panel/sticky/stickypanelview.js';
-export { default as TooltipManager } from './tooltipmanager.js';
-export { default as Template, type TemplateDefinition } from './template.js';
-export { default as ToolbarView } from './toolbar/toolbarview.js';
-export { default as ToolbarLineBreakView } from './toolbar/toolbarlinebreakview.js';
-export { default as ToolbarSeparatorView } from './toolbar/toolbarseparatorview.js';
-export { default as normalizeToolbarConfig } from './toolbar/normalizetoolbarconfig.js';
-export { default as BalloonToolbar, type BalloonToolbarShowEvent } from './toolbar/balloon/balloontoolbar.js';
-export { default as BlockToolbar } from './toolbar/block/blocktoolbar.js';
-export { default as View, type UIViewRenderEvent } from './view.js';
-export { default as ViewCollection } from './viewcollection.js';
+export { default as clickOutsideHandler } from './bindings/clickoutsidehandler';
+export { default as injectCssTransitionDisabler } from './bindings/injectcsstransitiondisabler';
+export { default as CssTransitionDisablerMixin, type ViewWithCssTransitionDisabler } from './bindings/csstransitiondisablermixin';
+export { default as submitHandler } from './bindings/submithandler';
+export { default as addKeyboardHandlingForGrid } from './bindings/addkeyboardhandlingforgrid';
+export { default as BodyCollection } from './editorui/bodycollection';
+export { type ButtonExecuteEvent } from './button/button';
+export { default as ButtonView } from './button/buttonview';
+export { default as SwitchButtonView } from './button/switchbuttonview';
+export * from './colorgrid/utils';
+export { default as ColorGridView, type ColorDefinition } from './colorgrid/colorgridview';
+export { default as ColorTileView } from './colorgrid/colortileview';
+export { default as ColorPickerView } from './colorpicker/colorpickerview';
+export type { ColorPickerConfig, ColorPickerViewConfig, ColorPickerOutputFormat } from './colorpicker/utils';
+export { default as ColorSelectorView, type ColorSelectorExecuteEvent, type ColorSelectorColorPickerCancelEvent, type ColorSelectorColorPickerShowEvent } from './colorselector/colorselectorview';
+export { default as ComponentFactory } from './componentfactory';
+export { default as DropdownView } from './dropdown/dropdownview';
+export { default as DropdownPanelView } from './dropdown/dropdownpanelview';
+export { default as DropdownButtonView } from './dropdown/button/dropdownbuttonview';
+export { default as SplitButtonView } from './dropdown/button/splitbuttonview';
+export * from './dropdown/utils';
+export { default as EditorUI, type EditorUIReadyEvent, type EditorUIUpdateEvent } from './editorui/editorui';
+export { default as EditorUIView } from './editorui/editoruiview';
+export { default as BoxedEditorUIView } from './editorui/boxed/boxededitoruiview';
+export { default as InlineEditableUIView } from './editableui/inline/inlineeditableuiview';
+export { default as FormHeaderView } from './formheader/formheaderview';
+export { default as FocusCycler, type FocusableView } from './focuscycler';
+export { default as IconView } from './icon/iconview';
+export { default as InputView } from './input/inputview';
+export { default as InputTextView } from './inputtext/inputtextview';
+export { default as InputNumberView } from './inputnumber/inputnumberview';
+export { default as IframeView } from './iframe/iframeview';
+export { default as LabelView } from './label/labelview';
+export { default as LabeledFieldView } from './labeledfield/labeledfieldview';
+export * from './labeledfield/utils';
+export { default as ListItemView } from './list/listitemview';
+export { default as ListView } from './list/listview';
+export { default as Notification } from './notification/notification';
+export { default as Model } from './model';
+export { default as BalloonPanelView } from './panel/balloon/balloonpanelview';
+export { default as ContextualBalloon } from './panel/balloon/contextualballoon';
+export { default as StickyPanelView } from './panel/sticky/stickypanelview';
+export { default as TooltipManager } from './tooltipmanager';
+export { default as Template, type TemplateDefinition } from './template';
+export { default as ToolbarView } from './toolbar/toolbarview';
+export { default as ToolbarLineBreakView } from './toolbar/toolbarlinebreakview';
+export { default as ToolbarSeparatorView } from './toolbar/toolbarseparatorview';
+export { default as normalizeToolbarConfig } from './toolbar/normalizetoolbarconfig';
+export { default as BalloonToolbar, type BalloonToolbarShowEvent } from './toolbar/balloon/balloontoolbar';
+export { default as BlockToolbar } from './toolbar/block/blocktoolbar';
+export { default as View, type UIViewRenderEvent } from './view';
+export { default as ViewCollection } from './viewcollection';
 export declare const icons: {
     colorPaletteIcon: string;
 };
-import './augmentation.js';
+import './augmentation';

package/src/index.js

@@ -5,58 +5,58 @@
 /**
  * @module ui
  */
-export { default as clickOutsideHandler } from './bindings/clickoutsidehandler.js';
-export { default as injectCssTransitionDisabler } from './bindings/injectcsstransitiondisabler.js';
-export { default as CssTransitionDisablerMixin } from './bindings/csstransitiondisablermixin.js';
-export { default as submitHandler } from './bindings/submithandler.js';
-export { default as addKeyboardHandlingForGrid } from './bindings/addkeyboardhandlingforgrid.js';
-export { default as BodyCollection } from './editorui/bodycollection.js';
-export { default as ButtonView } from './button/buttonview.js';
-export { default as SwitchButtonView } from './button/switchbuttonview.js';
-export * from './colorgrid/utils.js';
-export { default as ColorGridView } from './colorgrid/colorgridview.js';
-export { default as ColorTileView } from './colorgrid/colortileview.js';
-export { default as ColorPickerView } from './colorpicker/colorpickerview.js';
-export { default as ColorSelectorView } from './colorselector/colorselectorview.js';
-export { default as ComponentFactory } from './componentfactory.js';
-export { default as DropdownView } from './dropdown/dropdownview.js';
-export { default as DropdownPanelView } from './dropdown/dropdownpanelview.js';
-export { default as DropdownButtonView } from './dropdown/button/dropdownbuttonview.js';
-export { default as SplitButtonView } from './dropdown/button/splitbuttonview.js';
-export * from './dropdown/utils.js';
-export { default as EditorUI } from './editorui/editorui.js';
-export { default as EditorUIView } from './editorui/editoruiview.js';
-export { default as BoxedEditorUIView } from './editorui/boxed/boxededitoruiview.js';
-export { default as InlineEditableUIView } from './editableui/inline/inlineeditableuiview.js';
-export { default as FormHeaderView } from './formheader/formheaderview.js';
-export { default as FocusCycler } from './focuscycler.js';
-export { default as IconView } from './icon/iconview.js';
-export { default as InputView } from './input/inputview.js';
-export { default as InputTextView } from './inputtext/inputtextview.js';
-export { default as InputNumberView } from './inputnumber/inputnumberview.js';
-export { default as IframeView } from './iframe/iframeview.js';
-export { default as LabelView } from './label/labelview.js';
-export { default as LabeledFieldView } from './labeledfield/labeledfieldview.js';
-export * from './labeledfield/utils.js';
-export { default as ListItemView } from './list/listitemview.js';
-export { default as ListView } from './list/listview.js';
-export { default as Notification } from './notification/notification.js';
-export { default as Model } from './model.js';
-export { default as BalloonPanelView } from './panel/balloon/balloonpanelview.js';
-export { default as ContextualBalloon } from './panel/balloon/contextualballoon.js';
-export { default as StickyPanelView } from './panel/sticky/stickypanelview.js';
-export { default as TooltipManager } from './tooltipmanager.js';
-export { default as Template } from './template.js';
-export { default as ToolbarView } from './toolbar/toolbarview.js';
-export { default as ToolbarLineBreakView } from './toolbar/toolbarlinebreakview.js';
-export { default as ToolbarSeparatorView } from './toolbar/toolbarseparatorview.js';
-export { default as normalizeToolbarConfig } from './toolbar/normalizetoolbarconfig.js';
-export { default as BalloonToolbar } from './toolbar/balloon/balloontoolbar.js';
-export { default as BlockToolbar } from './toolbar/block/blocktoolbar.js';
-export { default as View } from './view.js';
-export { default as ViewCollection } from './viewcollection.js';
+export { default as clickOutsideHandler } from './bindings/clickoutsidehandler';
+export { default as injectCssTransitionDisabler } from './bindings/injectcsstransitiondisabler';
+export { default as CssTransitionDisablerMixin } from './bindings/csstransitiondisablermixin';
+export { default as submitHandler } from './bindings/submithandler';
+export { default as addKeyboardHandlingForGrid } from './bindings/addkeyboardhandlingforgrid';
+export { default as BodyCollection } from './editorui/bodycollection';
+export { default as ButtonView } from './button/buttonview';
+export { default as SwitchButtonView } from './button/switchbuttonview';
+export * from './colorgrid/utils';
+export { default as ColorGridView } from './colorgrid/colorgridview';
+export { default as ColorTileView } from './colorgrid/colortileview';
+export { default as ColorPickerView } from './colorpicker/colorpickerview';
+export { default as ColorSelectorView } from './colorselector/colorselectorview';
+export { default as ComponentFactory } from './componentfactory';
+export { default as DropdownView } from './dropdown/dropdownview';
+export { default as DropdownPanelView } from './dropdown/dropdownpanelview';
+export { default as DropdownButtonView } from './dropdown/button/dropdownbuttonview';
+export { default as SplitButtonView } from './dropdown/button/splitbuttonview';
+export * from './dropdown/utils';
+export { default as EditorUI } from './editorui/editorui';
+export { default as EditorUIView } from './editorui/editoruiview';
+export { default as BoxedEditorUIView } from './editorui/boxed/boxededitoruiview';
+export { default as InlineEditableUIView } from './editableui/inline/inlineeditableuiview';
+export { default as FormHeaderView } from './formheader/formheaderview';
+export { default as FocusCycler } from './focuscycler';
+export { default as IconView } from './icon/iconview';
+export { default as InputView } from './input/inputview';
+export { default as InputTextView } from './inputtext/inputtextview';
+export { default as InputNumberView } from './inputnumber/inputnumberview';
+export { default as IframeView } from './iframe/iframeview';
+export { default as LabelView } from './label/labelview';
+export { default as LabeledFieldView } from './labeledfield/labeledfieldview';
+export * from './labeledfield/utils';
+export { default as ListItemView } from './list/listitemview';
+export { default as ListView } from './list/listview';
+export { default as Notification } from './notification/notification';
+export { default as Model } from './model';
+export { default as BalloonPanelView } from './panel/balloon/balloonpanelview';
+export { default as ContextualBalloon } from './panel/balloon/contextualballoon';
+export { default as StickyPanelView } from './panel/sticky/stickypanelview';
+export { default as TooltipManager } from './tooltipmanager';
+export { default as Template } from './template';
+export { default as ToolbarView } from './toolbar/toolbarview';
+export { default as ToolbarLineBreakView } from './toolbar/toolbarlinebreakview';
+export { default as ToolbarSeparatorView } from './toolbar/toolbarseparatorview';
+export { default as normalizeToolbarConfig } from './toolbar/normalizetoolbarconfig';
+export { default as BalloonToolbar } from './toolbar/balloon/balloontoolbar';
+export { default as BlockToolbar } from './toolbar/block/blocktoolbar';
+export { default as View } from './view';
+export { default as ViewCollection } from './viewcollection';
 import { default as colorPaletteIcon } from '../theme/icons/color-palette.svg';
 export const icons = {
     colorPaletteIcon
 };
-import './augmentation.js';
+import './augmentation';

package/src/input/inputview.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module ui/input/inputview
  */
-import View from '../view.js';
+import View from '../view';
 import { FocusTracker, type Locale } from '@ckeditor/ckeditor5-utils';
 import '../../theme/components/input/input.css';
 /**

package/src/input/inputview.js

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

package/src/inputnumber/inputnumberview.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module ui/inputnumber/inputnumberview
  */
-import InputView from '../input/inputview.js';
+import InputView from '../input/inputview';
 import type { Locale } from '@ckeditor/ckeditor5-utils';
 /**
  * The number input view class.

package/src/inputnumber/inputnumberview.js

@@ -5,7 +5,7 @@
 /**
  * @module ui/inputnumber/inputnumberview
  */
-import InputView from '../input/inputview.js';
+import InputView from '../input/inputview';
 /**
  * The number input view class.
  */

package/src/inputtext/inputtextview.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module ui/inputtext/inputtextview
  */
-import InputView from '../input/inputview.js';
+import InputView from '../input/inputview';
 import type { Locale } from '@ckeditor/ckeditor5-utils';
 /**
  * The text input view class.

package/src/inputtext/inputtextview.js

@@ -5,7 +5,7 @@
 /**
  * @module ui/inputtext/inputtextview
  */
-import InputView from '../input/inputview.js';
+import InputView from '../input/inputview';
 /**
  * The text input view class.
  */

package/src/label/labelview.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module ui/label/labelview
  */
-import View from '../view.js';
+import View from '../view';
 import { type Locale } from '@ckeditor/ckeditor5-utils';
 import '../../theme/components/label/label.css';
 /**

package/src/label/labelview.js

@@ -5,7 +5,7 @@
 /**
  * @module ui/label/labelview
  */
-import View from '../view.js';
+import View from '../view';
 import { uid } from '@ckeditor/ckeditor5-utils';
 import '../../theme/components/label/label.css';
 /**

package/src/labeledfield/labeledfieldview.d.ts

@@ -5,10 +5,10 @@
 /**
  * @module ui/labeledfield/labeledfieldview
  */
-import View from '../view.js';
-import LabelView from '../label/labelview.js';
-import type { FocusableView } from '../focuscycler.js';
-import type ViewCollection from '../viewcollection.js';
+import View from '../view';
+import LabelView from '../label/labelview';
+import type { FocusableView } from '../focuscycler';
+import type ViewCollection from '../viewcollection';
 import { type Locale } from '@ckeditor/ckeditor5-utils';
 import '../../theme/components/labeledfield/labeledfieldview.css';
 /**

package/src/labeledfield/labeledfieldview.js

@@ -5,8 +5,8 @@
 /**
  * @module ui/labeledfield/labeledfieldview
  */
-import View from '../view.js';
-import LabelView from '../label/labelview.js';
+import View from '../view';
+import LabelView from '../label/labelview';
 import { uid } from '@ckeditor/ckeditor5-utils';
 import '../../theme/components/labeledfield/labeledfieldview.css';
 /**

package/src/labeledfield/utils.d.ts

@@ -5,10 +5,10 @@
 /**
  * @module ui/labeledfield/utils
  */
-import InputTextView from '../inputtext/inputtextview.js';
-import InputNumberView from '../inputnumber/inputnumberview.js';
-import type LabeledFieldView from './labeledfieldview.js';
-import type DropdownView from '../dropdown/dropdownview.js';
+import InputTextView from '../inputtext/inputtextview';
+import InputNumberView from '../inputnumber/inputnumberview';
+import type LabeledFieldView from './labeledfieldview';
+import type DropdownView from '../dropdown/dropdownview';
 /**
  * A helper for creating labeled inputs.
  *