@ckeditor/ckeditor5-ui 41.4.0-alpha.0 → 41.4.1

package/src/menubar/utils.d.ts

@@ -4,8 +4,9 @@
  */
 import type MenuBarMenuView from './menubarmenuview.js';
 import type { default as MenuBarView, MenuBarConfig, MenuBarConfigObject, NormalizedMenuBarConfigObject } from './menubarview.js';
-import { type Locale, type PositioningFunction } from '@ckeditor/ckeditor5-utils';
 import type ComponentFactory from '../componentfactory.js';
+import type { Editor } from '@ckeditor/ckeditor5-core';
+import { type Locale, type PositioningFunction } from '@ckeditor/ckeditor5-utils';
 type DeepReadonly<T> = Readonly<{
     [K in keyof T]: T[K] extends string ? Readonly<T[K]> : T[K] extends Array<infer A> ? Readonly<Array<DeepReadonly<A>>> : DeepReadonly<T[K]>;
 }>;
@@ -429,4 +430,10 @@ export declare function processMenuBarConfig({ normalizedConfig, locale, compone
     locale: Locale;
     componentFactory: ComponentFactory;
 }): NormalizedMenuBarConfigObject;
+/**
+ * Initializes menu bar for given editor.
+ *
+ * @internal
+ */
+export declare function _initMenuBar(editor: Editor, menuBarView: MenuBarView): void;
 export {};

package/src/menubar/utils.js

@@ -5,10 +5,10 @@
 /**
  * @module ui/menubar/utils
  */
-import clickOutsideHandler from '../bindings/clickoutsidehandler.js';
 import MenuBarMenuListItemView from './menubarmenulistitemview.js';
-import { cloneDeep } from 'lodash-es';
+import clickOutsideHandler from '../bindings/clickoutsidehandler.js';
 import { logWarning } from '@ckeditor/ckeditor5-utils';
+import { cloneDeep } from 'lodash-es';
 const NESTED_PANEL_HORIZONTAL_OFFSET = 5;
 /**
  * Behaviors of the {@link module:ui/menubar/menubarview~MenuBarView} component.
@@ -1318,3 +1318,27 @@ function getIdFromGroupItem(item) {
 function isMenuDefinition(definition) {
     return typeof definition === 'object' && 'menuId' in definition;
 }
+/**
+ * Initializes menu bar for given editor.
+ *
+ * @internal
+ */
+export function _initMenuBar(editor, menuBarView) {
+    const menuBarViewElement = menuBarView.element;
+    editor.ui.focusTracker.add(menuBarViewElement);
+    editor.keystrokes.listenTo(menuBarViewElement);
+    const normalizedMenuBarConfig = normalizeMenuBarConfig(editor.config.get('menuBar') || {});
+    menuBarView.fillFromConfig(normalizedMenuBarConfig, editor.ui.componentFactory);
+    editor.keystrokes.set('Esc', (data, cancel) => {
+        if (menuBarViewElement.contains(editor.ui.focusTracker.focusedElement)) {
+            editor.editing.view.focus();
+            cancel();
+        }
+    });
+    editor.keystrokes.set('Alt+F9', (data, cancel) => {
+        if (!menuBarViewElement.contains(editor.ui.focusTracker.focusedElement)) {
+            menuBarView.focus();
+            cancel();
+        }
+    });
+}

package/src/tooltipmanager.js

@@ -348,6 +348,11 @@ class TooltipManager extends DomEmitterMixin() {
      * Hides the tooltip when the element is no longer visible in DOM or the tooltip text was removed.
      */
     _updateTooltipPosition() {
+        // The tooltip might get removed by focus listener triggered by the same UI `update` event.
+        // See https://github.com/ckeditor/ckeditor5/pull/16363.
+        if (!this._currentElementWithTooltip) {
+            return;
+        }
         const tooltipData = getTooltipData(this._currentElementWithTooltip);
         // This could happen if the tooltip was attached somewhere in a contextual content toolbar and the toolbar
         // disappeared (e.g. removed an image), or the tooltip text was removed.

package/theme/mixins/_mediacolors.css

@@ -0,0 +1,20 @@
+/*
+ * 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
+ */
+
+@define-mixin ck-media-forced-colors {
+	@media (forced-colors: active) {
+		& {
+			@mixin-content;
+		}
+	}
+}
+
+@define-mixin ck-media-default-colors {
+	@media (forced-colors: none) {
+		& {
+			@mixin-content;
+		}
+	}
+}