@ckeditor/ckeditor5-widget 0.0.0-nightly-next-20250225.0 → 0.0.0-nightly-next-20250226.0

package/dist/index.js

@@ -2157,7 +2157,7 @@ function selectionWillShrink(selection, isForward) {
 	 * @param options.items Array of toolbar items.
 	 * @param options.getRelatedElement Callback which returns an element the toolbar should be attached to.
 	 * @param options.balloonClassName CSS class for the widget balloon.
-	 */ register(toolbarId, { ariaLabel, items, getRelatedElement, balloonClassName = 'ck-toolbar-container' }) {
+	 */ register(toolbarId, { ariaLabel, items, getRelatedElement, balloonClassName = 'ck-toolbar-container', positions }) {
         // Trying to register a toolbar without any item.
         if (!items.length) {
             /**
@@ -2197,6 +2197,7 @@ function selectionWillShrink(selection, isForward) {
             getRelatedElement,
             balloonClassName,
             itemsConfig: items,
+            positions,
             initialized: false
         };
         // Register the toolbar so it becomes available for Alt+F10 and Esc navigation.
@@ -2261,7 +2262,7 @@ function selectionWillShrink(selection, isForward) {
 	 * should be still visible after the {@link module:ui/editorui/editorui~EditorUI#event:update}.
 	 */ _showToolbar(toolbarDefinition, relatedElement) {
         if (this._isToolbarVisible(toolbarDefinition)) {
-            repositionContextualBalloon(this.editor, relatedElement);
+            repositionContextualBalloon(this.editor, relatedElement, toolbarDefinition.positions);
         } else if (!this._isToolbarInBalloon(toolbarDefinition)) {
             if (!toolbarDefinition.initialized) {
                 toolbarDefinition.initialized = true;
@@ -2269,7 +2270,7 @@ function selectionWillShrink(selection, isForward) {
             }
             this._balloon.add({
                 view: toolbarDefinition.view,
-                position: getBalloonPositionData(this.editor, relatedElement),
+                position: getBalloonPositionData(this.editor, relatedElement, toolbarDefinition.positions),
                 balloonClassName: toolbarDefinition.balloonClassName
             });
             // Update toolbar position each time stack with toolbar view is switched to visible.
@@ -2280,7 +2281,7 @@ function selectionWillShrink(selection, isForward) {
                 for (const definition of this._toolbarDefinitions.values()){
                     if (this._isToolbarVisible(definition)) {
                         const relatedElement = definition.getRelatedElement(this.editor.editing.view.document.selection);
-                        repositionContextualBalloon(this.editor, relatedElement);
+                        repositionContextualBalloon(this.editor, relatedElement, toolbarDefinition.positions);
                     }
                 }
             });
@@ -2293,17 +2294,17 @@ function selectionWillShrink(selection, isForward) {
         return this._balloon.hasView(toolbar.view);
     }
 }
-function repositionContextualBalloon(editor, relatedElement) {
+function repositionContextualBalloon(editor, relatedElement, positions) {
     const balloon = editor.plugins.get('ContextualBalloon');
-    const position = getBalloonPositionData(editor, relatedElement);
+    const position = getBalloonPositionData(editor, relatedElement, positions);
     balloon.updatePosition(position);
 }
-function getBalloonPositionData(editor, relatedElement) {
+function getBalloonPositionData(editor, relatedElement, positions) {
     const editingView = editor.editing.view;
     const defaultPositions = BalloonPanelView.defaultPositions;
     return {
         target: editingView.domConverter.mapViewToDom(relatedElement),
-        positions: [
+        positions: positions || [
             defaultPositions.northArrowSouth,
             defaultPositions.northArrowSouthWest,
             defaultPositions.northArrowSouthEast,