@ckeditor/ckeditor5-ui 41.4.2 → 42.0.0-alpha.1

package/src/panel/balloon/balloonpanelview.js

@@ -9,8 +9,7 @@ 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';
-const toPx = toUnit('px');
-const defaultLimiterElement = global.document.body;
+const toPx = /* #__PURE__ */ toUnit('px');
 // A static balloon panel positioning function that moves the balloon far off the viewport.
 // It is used as a fallback when there is no way to position the balloon using provided
 // positioning functions (see: `getOptimalPosition()`), for instance, when the target the
@@ -166,7 +165,7 @@ class BalloonPanelView extends View {
                 defaultPositions.northArrowSouthEast,
                 defaultPositions.viewportStickyNorth
             ],
-            limiter: defaultLimiterElement,
+            limiter: global.document.body,
             fitInViewport: true
         }, options);
         const optimalPosition = BalloonPanelView._getOptimalPosition(positionOptions) || POSITION_OFF_SCREEN;
@@ -254,7 +253,7 @@ class BalloonPanelView extends View {
     _startPinning(options) {
         this.attachTo(options);
         const targetElement = getDomElement(options.target);
-        const limiterElement = options.limiter ? getDomElement(options.limiter) : defaultLimiterElement;
+        const limiterElement = options.limiter ? getDomElement(options.limiter) : global.document.body;
         // Then we need to listen on scroll event of eny element in the document.
         this.listenTo(global.document, 'scroll', (evt, domEvt) => {
             const scrollTarget = domEvt.target;
@@ -280,6 +279,269 @@ class BalloonPanelView extends View {
         this.stopListening(global.document, 'scroll');
         this.stopListening(global.window, 'resize');
     }
+    /**
+     * Returns available {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView}
+     * {@link module:utils/dom/position~PositioningFunction positioning functions} adjusted by the specific offsets.
+     *
+     * @internal
+     * @param options Options to generate positions. If not specified, this helper will simply return
+     * {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView.defaultPositions}.
+     * @param options.sideOffset A custom side offset (in pixels) of each position. If
+     * not specified, {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView.arrowSideOffset the default value}
+     * will be used.
+     * @param options.heightOffset A custom height offset (in pixels) of each position. If
+     * not specified, {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView.arrowHeightOffset the default value}
+     * will be used.
+     * @param options.stickyVerticalOffset A custom offset (in pixels) of the `viewportStickyNorth` positioning function.
+     * If not specified, {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView.stickyVerticalOffset the default value}
+     * will be used.
+     * @param options.config Additional configuration of the balloon balloon panel view.
+     * Currently only {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView#withArrow} is supported. Learn more
+     * about {@link module:utils/dom/position~PositioningFunction positioning functions}.
+     */
+    static generatePositions(options = {}) {
+        const { sideOffset = BalloonPanelView.arrowSideOffset, heightOffset = BalloonPanelView.arrowHeightOffset, stickyVerticalOffset = BalloonPanelView.stickyVerticalOffset, config } = options;
+        return {
+            // ------- North west
+            northWestArrowSouthWest: (targetRect, balloonRect) => ({
+                top: getNorthTop(targetRect, balloonRect),
+                left: targetRect.left - sideOffset,
+                name: 'arrow_sw',
+                ...(config && { config })
+            }),
+            northWestArrowSouthMiddleWest: (targetRect, balloonRect) => ({
+                top: getNorthTop(targetRect, balloonRect),
+                left: targetRect.left - (balloonRect.width * .25) - sideOffset,
+                name: 'arrow_smw',
+                ...(config && { config })
+            }),
+            northWestArrowSouth: (targetRect, balloonRect) => ({
+                top: getNorthTop(targetRect, balloonRect),
+                left: targetRect.left - balloonRect.width / 2,
+                name: 'arrow_s',
+                ...(config && { config })
+            }),
+            northWestArrowSouthMiddleEast: (targetRect, balloonRect) => ({
+                top: getNorthTop(targetRect, balloonRect),
+                left: targetRect.left - (balloonRect.width * .75) + sideOffset,
+                name: 'arrow_sme',
+                ...(config && { config })
+            }),
+            northWestArrowSouthEast: (targetRect, balloonRect) => ({
+                top: getNorthTop(targetRect, balloonRect),
+                left: targetRect.left - balloonRect.width + sideOffset,
+                name: 'arrow_se',
+                ...(config && { config })
+            }),
+            // ------- North
+            northArrowSouthWest: (targetRect, balloonRect) => ({
+                top: getNorthTop(targetRect, balloonRect),
+                left: targetRect.left + targetRect.width / 2 - sideOffset,
+                name: 'arrow_sw',
+                ...(config && { config })
+            }),
+            northArrowSouthMiddleWest: (targetRect, balloonRect) => ({
+                top: getNorthTop(targetRect, balloonRect),
+                left: targetRect.left + targetRect.width / 2 - (balloonRect.width * .25) - sideOffset,
+                name: 'arrow_smw',
+                ...(config && { config })
+            }),
+            northArrowSouth: (targetRect, balloonRect) => ({
+                top: getNorthTop(targetRect, balloonRect),
+                left: targetRect.left + targetRect.width / 2 - balloonRect.width / 2,
+                name: 'arrow_s',
+                ...(config && { config })
+            }),
+            northArrowSouthMiddleEast: (targetRect, balloonRect) => ({
+                top: getNorthTop(targetRect, balloonRect),
+                left: targetRect.left + targetRect.width / 2 - (balloonRect.width * .75) + sideOffset,
+                name: 'arrow_sme',
+                ...(config && { config })
+            }),
+            northArrowSouthEast: (targetRect, balloonRect) => ({
+                top: getNorthTop(targetRect, balloonRect),
+                left: targetRect.left + targetRect.width / 2 - balloonRect.width + sideOffset,
+                name: 'arrow_se',
+                ...(config && { config })
+            }),
+            // ------- North east
+            northEastArrowSouthWest: (targetRect, balloonRect) => ({
+                top: getNorthTop(targetRect, balloonRect),
+                left: targetRect.right - sideOffset,
+                name: 'arrow_sw',
+                ...(config && { config })
+            }),
+            northEastArrowSouthMiddleWest: (targetRect, balloonRect) => ({
+                top: getNorthTop(targetRect, balloonRect),
+                left: targetRect.right - (balloonRect.width * .25) - sideOffset,
+                name: 'arrow_smw',
+                ...(config && { config })
+            }),
+            northEastArrowSouth: (targetRect, balloonRect) => ({
+                top: getNorthTop(targetRect, balloonRect),
+                left: targetRect.right - balloonRect.width / 2,
+                name: 'arrow_s',
+                ...(config && { config })
+            }),
+            northEastArrowSouthMiddleEast: (targetRect, balloonRect) => ({
+                top: getNorthTop(targetRect, balloonRect),
+                left: targetRect.right - (balloonRect.width * .75) + sideOffset,
+                name: 'arrow_sme',
+                ...(config && { config })
+            }),
+            northEastArrowSouthEast: (targetRect, balloonRect) => ({
+                top: getNorthTop(targetRect, balloonRect),
+                left: targetRect.right - balloonRect.width + sideOffset,
+                name: 'arrow_se',
+                ...(config && { config })
+            }),
+            // ------- South west
+            southWestArrowNorthWest: targetRect => ({
+                top: getSouthTop(targetRect),
+                left: targetRect.left - sideOffset,
+                name: 'arrow_nw',
+                ...(config && { config })
+            }),
+            southWestArrowNorthMiddleWest: (targetRect, balloonRect) => ({
+                top: getSouthTop(targetRect),
+                left: targetRect.left - (balloonRect.width * .25) - sideOffset,
+                name: 'arrow_nmw',
+                ...(config && { config })
+            }),
+            southWestArrowNorth: (targetRect, balloonRect) => ({
+                top: getSouthTop(targetRect),
+                left: targetRect.left - balloonRect.width / 2,
+                name: 'arrow_n',
+                ...(config && { config })
+            }),
+            southWestArrowNorthMiddleEast: (targetRect, balloonRect) => ({
+                top: getSouthTop(targetRect),
+                left: targetRect.left - (balloonRect.width * .75) + sideOffset,
+                name: 'arrow_nme',
+                ...(config && { config })
+            }),
+            southWestArrowNorthEast: (targetRect, balloonRect) => ({
+                top: getSouthTop(targetRect),
+                left: targetRect.left - balloonRect.width + sideOffset,
+                name: 'arrow_ne',
+                ...(config && { config })
+            }),
+            // ------- South
+            southArrowNorthWest: targetRect => ({
+                top: getSouthTop(targetRect),
+                left: targetRect.left + targetRect.width / 2 - sideOffset,
+                name: 'arrow_nw',
+                ...(config && { config })
+            }),
+            southArrowNorthMiddleWest: (targetRect, balloonRect) => ({
+                top: getSouthTop(targetRect),
+                left: targetRect.left + targetRect.width / 2 - (balloonRect.width * 0.25) - sideOffset,
+                name: 'arrow_nmw',
+                ...(config && { config })
+            }),
+            southArrowNorth: (targetRect, balloonRect) => ({
+                top: getSouthTop(targetRect),
+                left: targetRect.left + targetRect.width / 2 - balloonRect.width / 2,
+                name: 'arrow_n',
+                ...(config && { config })
+            }),
+            southArrowNorthMiddleEast: (targetRect, balloonRect) => ({
+                top: getSouthTop(targetRect),
+                left: targetRect.left + targetRect.width / 2 - (balloonRect.width * 0.75) + sideOffset,
+                name: 'arrow_nme',
+                ...(config && { config })
+            }),
+            southArrowNorthEast: (targetRect, balloonRect) => ({
+                top: getSouthTop(targetRect),
+                left: targetRect.left + targetRect.width / 2 - balloonRect.width + sideOffset,
+                name: 'arrow_ne',
+                ...(config && { config })
+            }),
+            // ------- South east
+            southEastArrowNorthWest: targetRect => ({
+                top: getSouthTop(targetRect),
+                left: targetRect.right - sideOffset,
+                name: 'arrow_nw',
+                ...(config && { config })
+            }),
+            southEastArrowNorthMiddleWest: (targetRect, balloonRect) => ({
+                top: getSouthTop(targetRect),
+                left: targetRect.right - (balloonRect.width * .25) - sideOffset,
+                name: 'arrow_nmw',
+                ...(config && { config })
+            }),
+            southEastArrowNorth: (targetRect, balloonRect) => ({
+                top: getSouthTop(targetRect),
+                left: targetRect.right - balloonRect.width / 2,
+                name: 'arrow_n',
+                ...(config && { config })
+            }),
+            southEastArrowNorthMiddleEast: (targetRect, balloonRect) => ({
+                top: getSouthTop(targetRect),
+                left: targetRect.right - (balloonRect.width * .75) + sideOffset,
+                name: 'arrow_nme',
+                ...(config && { config })
+            }),
+            southEastArrowNorthEast: (targetRect, balloonRect) => ({
+                top: getSouthTop(targetRect),
+                left: targetRect.right - balloonRect.width + sideOffset,
+                name: 'arrow_ne',
+                ...(config && { config })
+            }),
+            // ------- West
+            westArrowEast: (targetRect, balloonRect) => ({
+                top: targetRect.top + targetRect.height / 2 - balloonRect.height / 2,
+                left: targetRect.left - balloonRect.width - heightOffset,
+                name: 'arrow_e',
+                ...(config && { config })
+            }),
+            // ------- East
+            eastArrowWest: (targetRect, balloonRect) => ({
+                top: targetRect.top + targetRect.height / 2 - balloonRect.height / 2,
+                left: targetRect.right + heightOffset,
+                name: 'arrow_w',
+                ...(config && { config })
+            }),
+            // ------- Sticky
+            viewportStickyNorth: (targetRect, balloonRect, viewportRect, limiterRect) => {
+                const boundaryRect = limiterRect || viewportRect;
+                if (!targetRect.getIntersection(boundaryRect)) {
+                    return null;
+                }
+                // Engage when the target top and bottom edges are close or off the boundary.
+                // By close, it means there's not enough space for the balloon arrow (offset).
+                if (boundaryRect.height - targetRect.height > stickyVerticalOffset) {
+                    return null;
+                }
+                return {
+                    top: boundaryRect.top + stickyVerticalOffset,
+                    left: targetRect.left + targetRect.width / 2 - balloonRect.width / 2,
+                    name: 'arrowless',
+                    config: {
+                        withArrow: false,
+                        ...config
+                    }
+                };
+            }
+        };
+        /**
+         * Returns the top coordinate for positions starting with `north*`.
+         *
+         * @param targetRect A rect of the target.
+         * @param balloonRect A rect of the balloon.
+         */
+        function getNorthTop(targetRect, balloonRect) {
+            return targetRect.top - balloonRect.height - heightOffset;
+        }
+        /**
+         * Returns the top coordinate for positions starting with `south*`.
+         *
+         * @param targetRect A rect of the target.
+         */
+        function getSouthTop(targetRect) {
+            return targetRect.bottom + heightOffset;
+        }
+    }
 }
 /**
  * A side offset of the arrow tip from the edge of the balloon. Controlled by CSS.
@@ -723,12 +985,12 @@ BalloonPanelView._getOptimalPosition = getOptimalPosition;
  * 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}.
+ * {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView.generatePositions}.
  *
  * The name that the position function returns will be reflected in the balloon panel's class that
  * controls the placement of the "arrow". See {@link #position} to learn more.
  */
-BalloonPanelView.defaultPositions = generatePositions();
+BalloonPanelView.defaultPositions = BalloonPanelView.generatePositions();
 export default BalloonPanelView;
 /**
  * Returns the DOM element for given object or null, if there is none,
@@ -746,266 +1008,3 @@ function getDomElement(object) {
     }
     return null;
 }
-/**
- * Returns available {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView}
- * {@link module:utils/dom/position~PositioningFunction positioning functions} adjusted by the specific offsets.
- *
- * @internal
- * @param options Options to generate positions. If not specified, this helper will simply return
- * {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView.defaultPositions}.
- * @param options.sideOffset A custom side offset (in pixels) of each position. If
- * not specified, {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView.arrowSideOffset the default value}
- * will be used.
- * @param options.heightOffset A custom height offset (in pixels) of each position. If
- * not specified, {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView.arrowHeightOffset the default value}
- * will be used.
- * @param options.stickyVerticalOffset A custom offset (in pixels) of the `viewportStickyNorth` positioning function.
- * If not specified, {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView.stickyVerticalOffset the default value}
- * will be used.
- * @param options.config Additional configuration of the balloon balloon panel view.
- * Currently only {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView#withArrow} is supported. Learn more
- * about {@link module:utils/dom/position~PositioningFunction positioning functions}.
- */
-export function generatePositions(options = {}) {
-    const { sideOffset = BalloonPanelView.arrowSideOffset, heightOffset = BalloonPanelView.arrowHeightOffset, stickyVerticalOffset = BalloonPanelView.stickyVerticalOffset, config } = options;
-    return {
-        // ------- North west
-        northWestArrowSouthWest: (targetRect, balloonRect) => ({
-            top: getNorthTop(targetRect, balloonRect),
-            left: targetRect.left - sideOffset,
-            name: 'arrow_sw',
-            ...(config && { config })
-        }),
-        northWestArrowSouthMiddleWest: (targetRect, balloonRect) => ({
-            top: getNorthTop(targetRect, balloonRect),
-            left: targetRect.left - (balloonRect.width * .25) - sideOffset,
-            name: 'arrow_smw',
-            ...(config && { config })
-        }),
-        northWestArrowSouth: (targetRect, balloonRect) => ({
-            top: getNorthTop(targetRect, balloonRect),
-            left: targetRect.left - balloonRect.width / 2,
-            name: 'arrow_s',
-            ...(config && { config })
-        }),
-        northWestArrowSouthMiddleEast: (targetRect, balloonRect) => ({
-            top: getNorthTop(targetRect, balloonRect),
-            left: targetRect.left - (balloonRect.width * .75) + sideOffset,
-            name: 'arrow_sme',
-            ...(config && { config })
-        }),
-        northWestArrowSouthEast: (targetRect, balloonRect) => ({
-            top: getNorthTop(targetRect, balloonRect),
-            left: targetRect.left - balloonRect.width + sideOffset,
-            name: 'arrow_se',
-            ...(config && { config })
-        }),
-        // ------- North
-        northArrowSouthWest: (targetRect, balloonRect) => ({
-            top: getNorthTop(targetRect, balloonRect),
-            left: targetRect.left + targetRect.width / 2 - sideOffset,
-            name: 'arrow_sw',
-            ...(config && { config })
-        }),
-        northArrowSouthMiddleWest: (targetRect, balloonRect) => ({
-            top: getNorthTop(targetRect, balloonRect),
-            left: targetRect.left + targetRect.width / 2 - (balloonRect.width * .25) - sideOffset,
-            name: 'arrow_smw',
-            ...(config && { config })
-        }),
-        northArrowSouth: (targetRect, balloonRect) => ({
-            top: getNorthTop(targetRect, balloonRect),
-            left: targetRect.left + targetRect.width / 2 - balloonRect.width / 2,
-            name: 'arrow_s',
-            ...(config && { config })
-        }),
-        northArrowSouthMiddleEast: (targetRect, balloonRect) => ({
-            top: getNorthTop(targetRect, balloonRect),
-            left: targetRect.left + targetRect.width / 2 - (balloonRect.width * .75) + sideOffset,
-            name: 'arrow_sme',
-            ...(config && { config })
-        }),
-        northArrowSouthEast: (targetRect, balloonRect) => ({
-            top: getNorthTop(targetRect, balloonRect),
-            left: targetRect.left + targetRect.width / 2 - balloonRect.width + sideOffset,
-            name: 'arrow_se',
-            ...(config && { config })
-        }),
-        // ------- North east
-        northEastArrowSouthWest: (targetRect, balloonRect) => ({
-            top: getNorthTop(targetRect, balloonRect),
-            left: targetRect.right - sideOffset,
-            name: 'arrow_sw',
-            ...(config && { config })
-        }),
-        northEastArrowSouthMiddleWest: (targetRect, balloonRect) => ({
-            top: getNorthTop(targetRect, balloonRect),
-            left: targetRect.right - (balloonRect.width * .25) - sideOffset,
-            name: 'arrow_smw',
-            ...(config && { config })
-        }),
-        northEastArrowSouth: (targetRect, balloonRect) => ({
-            top: getNorthTop(targetRect, balloonRect),
-            left: targetRect.right - balloonRect.width / 2,
-            name: 'arrow_s',
-            ...(config && { config })
-        }),
-        northEastArrowSouthMiddleEast: (targetRect, balloonRect) => ({
-            top: getNorthTop(targetRect, balloonRect),
-            left: targetRect.right - (balloonRect.width * .75) + sideOffset,
-            name: 'arrow_sme',
-            ...(config && { config })
-        }),
-        northEastArrowSouthEast: (targetRect, balloonRect) => ({
-            top: getNorthTop(targetRect, balloonRect),
-            left: targetRect.right - balloonRect.width + sideOffset,
-            name: 'arrow_se',
-            ...(config && { config })
-        }),
-        // ------- South west
-        southWestArrowNorthWest: targetRect => ({
-            top: getSouthTop(targetRect),
-            left: targetRect.left - sideOffset,
-            name: 'arrow_nw',
-            ...(config && { config })
-        }),
-        southWestArrowNorthMiddleWest: (targetRect, balloonRect) => ({
-            top: getSouthTop(targetRect),
-            left: targetRect.left - (balloonRect.width * .25) - sideOffset,
-            name: 'arrow_nmw',
-            ...(config && { config })
-        }),
-        southWestArrowNorth: (targetRect, balloonRect) => ({
-            top: getSouthTop(targetRect),
-            left: targetRect.left - balloonRect.width / 2,
-            name: 'arrow_n',
-            ...(config && { config })
-        }),
-        southWestArrowNorthMiddleEast: (targetRect, balloonRect) => ({
-            top: getSouthTop(targetRect),
-            left: targetRect.left - (balloonRect.width * .75) + sideOffset,
-            name: 'arrow_nme',
-            ...(config && { config })
-        }),
-        southWestArrowNorthEast: (targetRect, balloonRect) => ({
-            top: getSouthTop(targetRect),
-            left: targetRect.left - balloonRect.width + sideOffset,
-            name: 'arrow_ne',
-            ...(config && { config })
-        }),
-        // ------- South
-        southArrowNorthWest: targetRect => ({
-            top: getSouthTop(targetRect),
-            left: targetRect.left + targetRect.width / 2 - sideOffset,
-            name: 'arrow_nw',
-            ...(config && { config })
-        }),
-        southArrowNorthMiddleWest: (targetRect, balloonRect) => ({
-            top: getSouthTop(targetRect),
-            left: targetRect.left + targetRect.width / 2 - (balloonRect.width * 0.25) - sideOffset,
-            name: 'arrow_nmw',
-            ...(config && { config })
-        }),
-        southArrowNorth: (targetRect, balloonRect) => ({
-            top: getSouthTop(targetRect),
-            left: targetRect.left + targetRect.width / 2 - balloonRect.width / 2,
-            name: 'arrow_n',
-            ...(config && { config })
-        }),
-        southArrowNorthMiddleEast: (targetRect, balloonRect) => ({
-            top: getSouthTop(targetRect),
-            left: targetRect.left + targetRect.width / 2 - (balloonRect.width * 0.75) + sideOffset,
-            name: 'arrow_nme',
-            ...(config && { config })
-        }),
-        southArrowNorthEast: (targetRect, balloonRect) => ({
-            top: getSouthTop(targetRect),
-            left: targetRect.left + targetRect.width / 2 - balloonRect.width + sideOffset,
-            name: 'arrow_ne',
-            ...(config && { config })
-        }),
-        // ------- South east
-        southEastArrowNorthWest: targetRect => ({
-            top: getSouthTop(targetRect),
-            left: targetRect.right - sideOffset,
-            name: 'arrow_nw',
-            ...(config && { config })
-        }),
-        southEastArrowNorthMiddleWest: (targetRect, balloonRect) => ({
-            top: getSouthTop(targetRect),
-            left: targetRect.right - (balloonRect.width * .25) - sideOffset,
-            name: 'arrow_nmw',
-            ...(config && { config })
-        }),
-        southEastArrowNorth: (targetRect, balloonRect) => ({
-            top: getSouthTop(targetRect),
-            left: targetRect.right - balloonRect.width / 2,
-            name: 'arrow_n',
-            ...(config && { config })
-        }),
-        southEastArrowNorthMiddleEast: (targetRect, balloonRect) => ({
-            top: getSouthTop(targetRect),
-            left: targetRect.right - (balloonRect.width * .75) + sideOffset,
-            name: 'arrow_nme',
-            ...(config && { config })
-        }),
-        southEastArrowNorthEast: (targetRect, balloonRect) => ({
-            top: getSouthTop(targetRect),
-            left: targetRect.right - balloonRect.width + sideOffset,
-            name: 'arrow_ne',
-            ...(config && { config })
-        }),
-        // ------- West
-        westArrowEast: (targetRect, balloonRect) => ({
-            top: targetRect.top + targetRect.height / 2 - balloonRect.height / 2,
-            left: targetRect.left - balloonRect.width - heightOffset,
-            name: 'arrow_e',
-            ...(config && { config })
-        }),
-        // ------- East
-        eastArrowWest: (targetRect, balloonRect) => ({
-            top: targetRect.top + targetRect.height / 2 - balloonRect.height / 2,
-            left: targetRect.right + heightOffset,
-            name: 'arrow_w',
-            ...(config && { config })
-        }),
-        // ------- Sticky
-        viewportStickyNorth: (targetRect, balloonRect, viewportRect, limiterRect) => {
-            const boundaryRect = limiterRect || viewportRect;
-            if (!targetRect.getIntersection(boundaryRect)) {
-                return null;
-            }
-            // Engage when the target top and bottom edges are close or off the boundary.
-            // By close, it means there's not enough space for the balloon arrow (offset).
-            if (boundaryRect.height - targetRect.height > stickyVerticalOffset) {
-                return null;
-            }
-            return {
-                top: boundaryRect.top + stickyVerticalOffset,
-                left: targetRect.left + targetRect.width / 2 - balloonRect.width / 2,
-                name: 'arrowless',
-                config: {
-                    withArrow: false,
-                    ...config
-                }
-            };
-        }
-    };
-    /**
-     * Returns the top coordinate for positions starting with `north*`.
-     *
-     * @param targetRect A rect of the target.
-     * @param balloonRect A rect of the balloon.
-     */
-    function getNorthTop(targetRect, balloonRect) {
-        return targetRect.top - balloonRect.height - heightOffset;
-    }
-    /**
-     * Returns the top coordinate for positions starting with `south*`.
-     *
-     * @param targetRect A rect of the target.
-     */
-    function getSouthTop(targetRect) {
-        return targetRect.bottom + heightOffset;
-    }
-}

package/src/panel/balloon/contextualballoon.js

@@ -12,7 +12,7 @@ import { Plugin, icons } from '@ckeditor/ckeditor5-core';
 import { CKEditorError, FocusTracker, Rect, toUnit } from '@ckeditor/ckeditor5-utils';
 import '../../../theme/components/panel/balloonrotator.css';
 import '../../../theme/components/panel/fakepanel.css';
-const toPx = toUnit('px');
+const toPx = /* #__PURE__ */ toUnit('px');
 /**
  * Provides the common contextual balloon for the editor.
  *

package/src/panel/sticky/stickypanelview.js

@@ -13,7 +13,7 @@ import { global, toUnit, Rect } from '@ckeditor/ckeditor5-utils';
 // @if CK_DEBUG_STICKYPANEL // 	diagonalStylesBlack
 // @if CK_DEBUG_STICKYPANEL // } = require( '@ckeditor/ckeditor5-utils/tests/_utils/rectdrawer' );
 import '../../../theme/components/panel/stickypanel.css';
-const toPx = toUnit('px');
+const toPx = /* #__PURE__ */ toUnit('px');
 /**
  * The sticky panel view class.
  */

package/src/template.d.ts

@@ -50,7 +50,7 @@ declare const Template_base: {
  * See {@link module:ui/template~TemplateDefinition} to know more about templates and complex
  * template definitions.
  */
-export default class Template extends Template_base {
+export default class Template extends /* #__PURE__ */ Template_base {
     ns?: string;
     /**
      * The tag (`tagName`) of this template, e.g. `div`. It also indicates that the template

package/src/template.js

@@ -49,7 +49,7 @@ const xhtmlNs = 'http://www.w3.org/1999/xhtml';
  * See {@link module:ui/template~TemplateDefinition} to know more about templates and complex
  * template definitions.
  */
-export default class Template extends EmitterMixin() {
+export default class Template extends /* #__PURE__ */ EmitterMixin() {
     /**
      * Creates an instance of the {@link ~Template} class.
      *

package/src/toolbar/balloon/balloontoolbar.js

@@ -7,12 +7,12 @@
  */
 import ContextualBalloon from '../../panel/balloon/contextualballoon.js';
 import ToolbarView from '../toolbarview.js';
-import BalloonPanelView, { generatePositions } from '../../panel/balloon/balloonpanelview.js';
+import BalloonPanelView from '../../panel/balloon/balloonpanelview.js';
 import normalizeToolbarConfig from '../normalizetoolbarconfig.js';
 import { Plugin } from '@ckeditor/ckeditor5-core';
 import { FocusTracker, Rect, ResizeObserver, env, global, toUnit } from '@ckeditor/ckeditor5-utils';
 import { debounce } from 'lodash-es';
-const toPx = toUnit('px');
+const toPx = /* #__PURE__ */ toUnit('px');
 /**
  * The contextual toolbar.
  *
@@ -251,7 +251,7 @@ export default class BalloonToolbar extends Plugin {
     _getBalloonPositions(isBackward) {
         const isSafariIniOS = env.isSafari && env.isiOS;
         // https://github.com/ckeditor/ckeditor5/issues/7707
-        const positions = isSafariIniOS ? generatePositions({
+        const positions = isSafariIniOS ? BalloonPanelView.generatePositions({
             // 20px when zoomed out. Less then 20px when zoomed in; the "radius" of the native selection handle gets
             // smaller as the user zooms in. No less than the default v-offset, though.
             heightOffset: Math.max(BalloonPanelView.arrowHeightOffset, Math.round(20 / global.window.visualViewport.scale))

package/src/toolbar/block/blockbuttonview.js

@@ -8,7 +8,7 @@
 import ButtonView from '../../button/buttonview.js';
 import { toUnit } from '@ckeditor/ckeditor5-utils';
 import '../../../theme/components/toolbar/blocktoolbar.css';
-const toPx = toUnit('px');
+const toPx = /* #__PURE__ */ toUnit('px');
 /**
  * The block button view class.
  *

package/src/toolbar/block/blocktoolbar.js

@@ -13,7 +13,7 @@ import BalloonPanelView from '../../panel/balloon/balloonpanelview.js';
 import ToolbarView, { NESTED_TOOLBAR_ICONS } from '../toolbarview.js';
 import clickOutsideHandler from '../../bindings/clickoutsidehandler.js';
 import normalizeToolbarConfig from '../normalizetoolbarconfig.js';
-const toPx = toUnit('px');
+const toPx = /* #__PURE__ */ toUnit('px');
 /**
  * The block toolbar plugin.
  *