@ckeditor/ckeditor5-ui 40.1.0 → 41.0.0

package/src/focuscycler.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
  */
 /**
@@ -94,7 +94,7 @@ export default class FocusCycler extends EmitterMixin() {
      * **Note**: Hidden views (e.g. with `display: none`) are ignored.
      */
     get first() {
-        return (this.focusables.find(isFocusable) || null);
+        return (this.focusables.find(isDomFocusable) || null);
     }
     /**
      * Returns the last focusable view in {@link #focusables}.
@@ -103,7 +103,7 @@ export default class FocusCycler extends EmitterMixin() {
      * **Note**: Hidden views (e.g. with `display: none`) are ignored.
      */
     get last() {
-        return (this.focusables.filter(isFocusable).slice(-1)[0] || null);
+        return (this.focusables.filter(isDomFocusable).slice(-1)[0] || null);
     }
     /**
      * Returns the next focusable view in {@link #focusables} based on {@link #current}.
@@ -112,7 +112,7 @@ export default class FocusCycler extends EmitterMixin() {
      * **Note**: Hidden views (e.g. with `display: none`) are ignored.
      */
     get next() {
-        return this._getFocusableItem(1);
+        return this._getDomFocusableItem(1);
     }
     /**
      * Returns the previous focusable view in {@link #focusables} based on {@link #current}.
@@ -121,7 +121,7 @@ export default class FocusCycler extends EmitterMixin() {
      * **Note**: Hidden views (e.g. with `display: none`) are ignored.
      */
     get previous() {
-        return this._getFocusableItem(-1);
+        return this._getDomFocusableItem(-1);
     }
     /**
      * An index of the view in the {@link #focusables} which is focused according
@@ -165,7 +165,12 @@ export default class FocusCycler extends EmitterMixin() {
      */
     focusNext() {
         const next = this.next;
+        // If there's only one focusable item, we need to let the outside world know
+        // that the next cycle is about to happen. This may be useful
+        // e.g. if you want to move the focus to the parent focus cycler.
+        // Note that the focus is not actually moved in this case.
         if (next && this.focusables.getIndex(next) === this.current) {
+            this.fire('forwardCycle');
             return;
         }
         if (next === this.first) {
@@ -183,6 +188,7 @@ export default class FocusCycler extends EmitterMixin() {
     focusPrevious() {
         const previous = this.previous;
         if (previous && this.focusables.getIndex(previous) === this.current) {
+            this.fire('backwardCycle');
             return;
         }
         if (previous === this.last) {
@@ -200,7 +206,11 @@ export default class FocusCycler extends EmitterMixin() {
      * @returns
      */
     _focus(view, direction) {
-        if (view) {
+        // Don't fire focus events if the view is already focused.
+        // Such attempt may occur when cycling with only one focusable item:
+        // even though `focusNext()` method returns without changing focus,
+        // the `forwardCycle` event is fired, triggering the `focusFirst()` method.
+        if (view && this.focusTracker.focusedElement !== view.element) {
             view.focus(direction);
         }
     }
@@ -210,36 +220,55 @@ export default class FocusCycler extends EmitterMixin() {
      *
      * @param step Either `1` for checking forward from {@link #current} or `-1` for checking backwards.
      */
-    _getFocusableItem(step) {
+    _getDomFocusableItem(step) {
         // Cache for speed.
-        const current = this.current;
         const collectionLength = this.focusables.length;
         if (!collectionLength) {
             return null;
         }
+        const current = this.current;
         // Start from the beginning if no view is focused.
         // https://github.com/ckeditor/ckeditor5-ui/issues/206
         if (current === null) {
             return this[step === 1 ? 'first' : 'last'];
         }
+        // Note: If current is the only focusable view, it will also be returned for the given step.
+        let focusableItem = this.focusables.get(current);
         // Cycle in both directions.
         let index = (current + collectionLength + step) % collectionLength;
         do {
-            const view = this.focusables.get(index);
-            if (isFocusable(view)) {
-                return view;
+            const focusableItemCandidate = this.focusables.get(index);
+            if (isDomFocusable(focusableItemCandidate)) {
+                focusableItem = focusableItemCandidate;
+                break;
             }
             // Cycle in both directions.
             index = (index + collectionLength + step) % collectionLength;
         } while (index !== current);
-        return null;
+        return focusableItem;
     }
 }
 /**
- * Checks whether a view is focusable.
+ * Checks whether a view can be focused (has `focus()` method and is visible).
+ *
+ * @param view A view to be checked.
+ */
+function isDomFocusable(view) {
+    return isFocusable(view) && isVisible(view.element);
+}
+/**
+ * Checks whether a view is {@link ~FocusableView}.
+ *
+ * @param view A view to be checked.
+ */
+export function isFocusable(view) {
+    return !!('focus' in view && typeof view.focus == 'function');
+}
+/**
+ * Checks whether a view is an instance of {@link ~ViewWithFocusCycler}.
  *
  * @param view A view to be checked.
  */
-function isFocusable(view) {
-    return !!('focus' in view && isVisible(view.element));
+export function isViewWithFocusCycler(view) {
+    return isFocusable(view) && 'focusCycler' in view && view.focusCycler instanceof FocusCycler;
 }

package/src/formheader/formheaderview.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/formheader/formheaderview
  */
-import View from '../view';
-import type ViewCollection from '../viewcollection';
-import IconView from '../icon/iconview';
+import View from '../view.js';
+import type ViewCollection from '../viewcollection.js';
+import IconView from '../icon/iconview.js';
 import type { Locale } from '@ckeditor/ckeditor5-utils';
 import '../../theme/components/formheader/formheader.css';
 /**

package/src/formheader/formheaderview.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/formheader/formheaderview
  */
-import View from '../view';
-import IconView from '../icon/iconview';
+import View from '../view.js';
+import IconView from '../icon/iconview.js';
 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/highlightedtext/highlightedtextview.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/highlightedtext/highlightedtextview
  */
-import View from '../view';
+import View from '../view.js';
 import '../../theme/components/highlightedtext/highlightedtext.css';
 /**
  * A class representing a view that displays a text which subset can be highlighted using the

package/src/highlightedtext/highlightedtextview.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/highlightedtext/highlightedtextview
  */
-import View from '../view';
+import View from '../view.js';
 import { escape } from 'lodash-es';
 import '../../theme/components/highlightedtext/highlightedtext.css';
 /**

package/src/icon/iconview.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/icon/iconview
  */
-import View from '../view';
+import View from '../view.js';
 import '../../theme/components/icon/icon.css';
 /**
  * The icon view class.

package/src/icon/iconview.js

@@ -1,17 +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
  */
 /* global DOMParser */
 /**
  * @module ui/icon/iconview
  */
-import View from '../view';
+import View from '../view.js';
 import '../../theme/components/icon/icon.css';
 /**
  * The icon view class.
  */
-export default class IconView extends View {
+class IconView extends View {
     /**
      * @inheritDoc
      */
@@ -112,3 +112,4 @@ IconView.presentationalAttributeNames = [
     'text-anchor', 'text-decoration', 'text-overflow', 'text-rendering', 'transform', 'unicode-bidi', 'vector-effect',
     'visibility', 'white-space', 'word-spacing', 'writing-mode'
 ];
+export default IconView;

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

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

package/src/index.d.ts

@@ -1,73 +1,73 @@
 /**
- * @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
  */
-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 { type default as ButtonLabel } from './button/buttonlabel';
-export { default as ButtonView } from './button/buttonview';
-export { default as ButtonLabelView } from './button/buttonlabelview';
-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, type FocusCyclerForwardCycleEvent, type FocusCyclerBackwardCycleEvent } 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 TextareaView, type TextareaViewUpdateEvent } from './textarea/textareaview';
-export { default as IframeView } from './iframe/iframeview';
-export { default as LabelView } from './label/labelview';
-export { type LabeledFieldViewCreator, default as LabeledFieldView } from './labeledfield/labeledfieldview';
-export * from './labeledfield/utils';
-export { default as ListItemGroupView } from './list/listitemgroupview';
-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 AutocompleteView, type AutocompleteViewConfig, type AutocompleteResultsView } from './autocomplete/autocompleteview';
-export { default as SearchTextView, type SearchTextViewSearchEvent, type SearchTextViewConfig } from './search/text/searchtextview';
-export { default as SearchInfoView } from './search/searchinfoview';
-export { default as FilteredView, type FilteredViewExecuteEvent } from './search/filteredview';
-export { default as HighlightedTextView } from './highlightedtext/highlightedtextview';
-export { default as TooltipManager } from './tooltipmanager';
-export { default as Template, type TemplateDefinition } from './template';
-export { default as SpinnerView } from './spinner/spinnerview';
-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';
+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 type { default as ButtonLabel } from './button/buttonlabel.js';
+export { default as ButtonView } from './button/buttonview.js';
+export { default as ButtonLabelView } from './button/buttonlabelview.js';
+export { default as SwitchButtonView } from './button/switchbuttonview.js';
+export { default as CollapsibleView } from './collapsible/collapsibleview.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 Dialog } from './dialog/dialog.js';
+export { default as DialogView, DialogViewPosition, type DialogViewMoveToEvent } from './dialog/dialogview.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, type ViewWithFocusCycler, type FocusCyclerForwardCycleEvent, type FocusCyclerBackwardCycleEvent, isViewWithFocusCycler, isFocusable } 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 TextareaView, type TextareaViewUpdateEvent } from './textarea/textareaview.js';
+export { default as IframeView } from './iframe/iframeview.js';
+export { default as LabelView } from './label/labelview.js';
+export { type LabeledFieldViewCreator, default as LabeledFieldView } from './labeledfield/labeledfieldview.js';
+export * from './labeledfield/utils.js';
+export { default as ListItemGroupView } from './list/listitemgroupview.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 ViewModel } 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 AutocompleteView, type AutocompleteViewConfig, type AutocompleteResultsView } from './autocomplete/autocompleteview.js';
+export { default as SearchTextView, type SearchTextViewSearchEvent, type SearchTextViewConfig } from './search/text/searchtextview.js';
+export { default as SearchInfoView } from './search/searchinfoview.js';
+export { default as FilteredView, type FilteredViewExecuteEvent } from './search/filteredview.js';
+export { default as HighlightedTextView } from './highlightedtext/highlightedtextview.js';
+export { default as TooltipManager } from './tooltipmanager.js';
+export { default as Template, type TemplateDefinition } from './template.js';
+export { default as SpinnerView } from './spinner/spinnerview.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';
+import './augmentation.js';

package/src/index.js

@@ -1,70 +1,69 @@
 /**
- * @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
  */
-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 ButtonLabelView } from './button/buttonlabelview';
-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 TextareaView } from './textarea/textareaview';
-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 ListItemGroupView } from './list/listitemgroupview';
-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 AutocompleteView } from './autocomplete/autocompleteview';
-export { default as SearchTextView } from './search/text/searchtextview';
-export { default as SearchInfoView } from './search/searchinfoview';
-export { default as HighlightedTextView } from './highlightedtext/highlightedtextview';
-export { default as TooltipManager } from './tooltipmanager';
-export { default as Template } from './template';
-export { default as SpinnerView } from './spinner/spinnerview';
-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';
+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 ButtonLabelView } from './button/buttonlabelview.js';
+export { default as SwitchButtonView } from './button/switchbuttonview.js';
+export { default as CollapsibleView } from './collapsible/collapsibleview.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 Dialog } from './dialog/dialog.js';
+export { default as DialogView, DialogViewPosition } from './dialog/dialogview.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, isViewWithFocusCycler, isFocusable } 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 TextareaView } from './textarea/textareaview.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 ListItemGroupView } from './list/listitemgroupview.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 ViewModel } 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 AutocompleteView } from './autocomplete/autocompleteview.js';
+export { default as SearchTextView } from './search/text/searchtextview.js';
+export { default as SearchInfoView } from './search/searchinfoview.js';
+export { default as HighlightedTextView } from './highlightedtext/highlightedtextview.js';
+export { default as TooltipManager } from './tooltipmanager.js';
+export { default as Template } from './template.js';
+export { default as SpinnerView } from './spinner/spinnerview.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';
+import './augmentation.js';

package/src/input/inputbase.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/input/inputbase
  */
-import View from '../view';
+import View from '../view.js';
 import { FocusTracker, type Locale } from '@ckeditor/ckeditor5-utils';
 /**
  * The base input view class.

package/src/input/inputbase.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/input/inputbase
  */
-import View from '../view';
+import View from '../view.js';
 import { FocusTracker } from '@ckeditor/ckeditor5-utils';
 /**
  * The base input view class.

package/src/input/inputview.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/input/inputview
  */
 import { type Locale } from '@ckeditor/ckeditor5-utils';
-import InputBase from './inputbase';
+import InputBase from './inputbase.js';
 import '../../theme/components/input/input.css';
 /**
  * The input view class.