@ckeditor/ckeditor5-widget 0.0.0-nightly-20240507.0 → 0.0.0-nightly-20240509.0

package/dist/index.js

@@ -10,7 +10,7 @@ import { IconView, Template, ContextualBalloon, ToolbarView, BalloonPanelView, V
 import { Enter } from '@ckeditor/ckeditor5-enter/dist/index.js';
 import { throttle } from 'lodash-es';
 
-class HighlightStack extends EmitterMixin() {
+class HighlightStack extends /* #__PURE__ */ EmitterMixin() {
     /**
      * Adds highlight descriptor to the stack.
      *
@@ -447,17 +447,21 @@ var dragHandleIcon = "<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/
  * Starting from a DOM resize host element (an element that receives dimensions as a result of resizing),
  * this helper returns the width of the found ancestor element.
  *
- * **Note**: This helper searches up to 5 levels of ancestors only.
+ *	* It searches up to 5 levels of ancestors only.
  *
  * @param domResizeHost Resize host DOM element that receives dimensions as a result of resizing.
  * @returns Width of ancestor element in pixels or 0 if no ancestor with a computed width has been found.
  */ function calculateResizeHostAncestorWidth(domResizeHost) {
+    const getElementComputedWidth = (element)=>{
+        const { width, paddingLeft, paddingRight } = element.ownerDocument.defaultView.getComputedStyle(element);
+        return parseFloat(width) - (parseFloat(paddingLeft) || 0) - (parseFloat(paddingRight) || 0);
+    };
     const domResizeHostParent = domResizeHost.parentElement;
     if (!domResizeHostParent) {
         return 0;
     }
     // Need to use computed style as it properly excludes parent's paddings from the returned value.
-    let parentWidth = parseFloat(domResizeHostParent.ownerDocument.defaultView.getComputedStyle(domResizeHostParent).width);
+    let parentWidth = getElementComputedWidth(domResizeHostParent);
     // Sometimes parent width cannot be accessed. If that happens we should go up in the elements tree
     // and try to get width from next ancestor.
     // https://github.com/ckeditor/ckeditor5/issues/10776
@@ -469,7 +473,7 @@ var dragHandleIcon = "<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/
         if (++currentLevel > ancestorLevelLimit) {
             return 0;
         }
-        parentWidth = parseFloat(domResizeHostParent.ownerDocument.defaultView.getComputedStyle(checkedElement).width);
+        parentWidth = getElementComputedWidth(checkedElement);
     }
     return parentWidth;
 }
@@ -1619,6 +1623,10 @@ class Widget extends Plugin {
             id: 'widget',
             label: t('Keystrokes that can be used when a widget is selected (for example: image, table, etc.)'),
             keystrokes: [
+                {
+                    label: t('Move focus from an editable area back to the parent widget'),
+                    keystroke: 'Esc'
+                },
                 {
                     label: t('Insert a new paragraph directly after a widget'),
                     keystroke: 'Enter'
@@ -2203,7 +2211,7 @@ function isWidgetSelected(selection) {
     return !!(viewElement && isWidget(viewElement));
 }
 
-class ResizeState extends ObservableMixin() {
+class ResizeState extends /* #__PURE__ */ ObservableMixin() {
     /**
      * The original width (pixels) of the resized object when the resize process was started.
      */ get originalWidth() {
@@ -2366,7 +2374,7 @@ class SizeView extends View {
     }
 }
 
-class Resizer extends ObservableMixin() {
+class Resizer extends /* #__PURE__ */ ObservableMixin() {
     /**
      * Stores the state of the resizable host geometry, such as the original width, the currently proposed height, etc.
      *