@ckeditor/ckeditor5-widget 37.0.0-alpha.1 → 37.0.0-alpha.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-widget",
-  "version": "37.0.0-alpha.1",
+  "version": "37.0.0-alpha.3",
   "description": "Widget API for CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -11,29 +11,29 @@
   ],
   "main": "src/index.js",
   "dependencies": {
-    "@ckeditor/ckeditor5-core": "^37.0.0-alpha.1",
-    "@ckeditor/ckeditor5-engine": "^37.0.0-alpha.1",
-    "@ckeditor/ckeditor5-enter": "^37.0.0-alpha.1",
-    "@ckeditor/ckeditor5-ui": "^37.0.0-alpha.1",
-    "@ckeditor/ckeditor5-utils": "^37.0.0-alpha.1",
-    "@ckeditor/ckeditor5-typing": "^37.0.0-alpha.1",
+    "@ckeditor/ckeditor5-core": "^37.0.0-alpha.3",
+    "@ckeditor/ckeditor5-engine": "^37.0.0-alpha.3",
+    "@ckeditor/ckeditor5-enter": "^37.0.0-alpha.3",
+    "@ckeditor/ckeditor5-ui": "^37.0.0-alpha.3",
+    "@ckeditor/ckeditor5-utils": "^37.0.0-alpha.3",
+    "@ckeditor/ckeditor5-typing": "^37.0.0-alpha.3",
     "lodash-es": "^4.17.15"
   },
   "devDependencies": {
-    "@ckeditor/ckeditor5-basic-styles": "^37.0.0-alpha.1",
-    "@ckeditor/ckeditor5-block-quote": "^37.0.0-alpha.1",
-    "@ckeditor/ckeditor5-clipboard": "^37.0.0-alpha.1",
-    "@ckeditor/ckeditor5-editor-balloon": "^37.0.0-alpha.1",
-    "@ckeditor/ckeditor5-editor-classic": "^37.0.0-alpha.1",
-    "@ckeditor/ckeditor5-essentials": "^37.0.0-alpha.1",
-    "@ckeditor/ckeditor5-heading": "^37.0.0-alpha.1",
-    "@ckeditor/ckeditor5-horizontal-line": "^37.0.0-alpha.1",
-    "@ckeditor/ckeditor5-image": "^37.0.0-alpha.1",
-    "@ckeditor/ckeditor5-link": "^37.0.0-alpha.1",
-    "@ckeditor/ckeditor5-media-embed": "^37.0.0-alpha.1",
-    "@ckeditor/ckeditor5-paragraph": "^37.0.0-alpha.1",
-    "@ckeditor/ckeditor5-table": "^37.0.0-alpha.1",
-    "@ckeditor/ckeditor5-undo": "^37.0.0-alpha.1",
+    "@ckeditor/ckeditor5-basic-styles": "^37.0.0-alpha.3",
+    "@ckeditor/ckeditor5-block-quote": "^37.0.0-alpha.3",
+    "@ckeditor/ckeditor5-clipboard": "^37.0.0-alpha.3",
+    "@ckeditor/ckeditor5-editor-balloon": "^37.0.0-alpha.3",
+    "@ckeditor/ckeditor5-editor-classic": "^37.0.0-alpha.3",
+    "@ckeditor/ckeditor5-essentials": "^37.0.0-alpha.3",
+    "@ckeditor/ckeditor5-heading": "^37.0.0-alpha.3",
+    "@ckeditor/ckeditor5-horizontal-line": "^37.0.0-alpha.3",
+    "@ckeditor/ckeditor5-image": "^37.0.0-alpha.3",
+    "@ckeditor/ckeditor5-link": "^37.0.0-alpha.3",
+    "@ckeditor/ckeditor5-media-embed": "^37.0.0-alpha.3",
+    "@ckeditor/ckeditor5-paragraph": "^37.0.0-alpha.3",
+    "@ckeditor/ckeditor5-table": "^37.0.0-alpha.3",
+    "@ckeditor/ckeditor5-undo": "^37.0.0-alpha.3",
     "typescript": "^4.8.4",
     "webpack": "^5.58.1",
     "webpack-cli": "^4.9.0"

package/src/widget.d.ts

@@ -5,8 +5,10 @@
 /**
  * @module widget/widget
  */
-import { Plugin, type PluginDependencies } from '@ckeditor/ckeditor5-core';
+import { Plugin } from '@ckeditor/ckeditor5-core';
 import { type Element, type Node } from '@ckeditor/ckeditor5-engine';
+import { Delete } from '@ckeditor/ckeditor5-typing';
+import WidgetTypeAround from './widgettypearound/widgettypearound';
 import '../theme/widget.css';
 /**
  * The widget plugin. It enables base support for widgets.
@@ -33,7 +35,7 @@ export default class Widget extends Plugin {
     /**
      * @inheritDoc
      */
-    static get requires(): PluginDependencies;
+    static get requires(): readonly [typeof WidgetTypeAround, typeof Delete];
     /**
      * @inheritDoc
      */

package/src/widgetresize/resizerstate.js

@@ -76,12 +76,25 @@ export default class ResizeState extends ObservableMixin() {
     }
 }
 /**
- * Calculates a relative width of a `domResizeHost` compared to it's parent in percents.
+ * Calculates a relative width of a `domResizeHost` compared to its ancestor in percents.
  */
 function calculateHostPercentageWidth(domResizeHost, resizeHostRect) {
     const domResizeHostParent = domResizeHost.parentElement;
     // Need to use computed style as it properly excludes parent's paddings from the returned value.
-    const parentWidth = parseFloat(domResizeHostParent.ownerDocument.defaultView.getComputedStyle(domResizeHostParent).width);
+    let parentWidth = parseFloat(domResizeHostParent.ownerDocument.defaultView.getComputedStyle(domResizeHostParent).width);
+    // 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
+    const ancestorLevelLimit = 5;
+    let currentLevel = 0;
+    let checkedElement = domResizeHostParent;
+    while (isNaN(parentWidth)) {
+        checkedElement = checkedElement.parentElement;
+        if (++currentLevel > ancestorLevelLimit) {
+            return 0;
+        }
+        parentWidth = parseFloat(domResizeHostParent.ownerDocument.defaultView.getComputedStyle(checkedElement).width);
+    }
     return resizeHostRect.width / parentWidth * 100;
 }
 /**

package/src/widgettoolbarrepository.d.ts

@@ -5,8 +5,9 @@
 /**
  * @module widget/widgettoolbarrepository
  */
-import { Plugin, type PluginDependencies, type ToolbarConfigItem } from '@ckeditor/ckeditor5-core';
+import { Plugin, type ToolbarConfigItem } from '@ckeditor/ckeditor5-core';
 import type { ViewDocumentSelection, ViewElement } from '@ckeditor/ckeditor5-engine';
+import { ContextualBalloon } from '@ckeditor/ckeditor5-ui';
 /**
  * Widget toolbar repository plugin. A central point for registering widget toolbars. This plugin handles the whole
  * toolbar rendering process and exposes a concise API.
@@ -42,7 +43,7 @@ export default class WidgetToolbarRepository extends Plugin {
     /**
      * @inheritDoc
      */
-    static get requires(): PluginDependencies;
+    static get requires(): readonly [typeof ContextualBalloon];
     /**
      * @inheritDoc
      */

package/src/widgettypearound/widgettypearound.d.ts

@@ -5,7 +5,9 @@
 /**
  * @module widget/widgettypearound/widgettypearound
  */
-import { Plugin, type PluginDependencies } from '@ckeditor/ckeditor5-core';
+import { Plugin } from '@ckeditor/ckeditor5-core';
+import { Enter } from '@ckeditor/ckeditor5-enter';
+import { Delete } from '@ckeditor/ckeditor5-typing';
 import '../../theme/widgettypearound.css';
 /**
  * A plugin that allows users to type around widgets where normally it is impossible to place the caret due
@@ -31,7 +33,7 @@ export default class WidgetTypeAround extends Plugin {
     /**
      * @inheritDoc
      */
-    static get requires(): PluginDependencies;
+    static get requires(): readonly [typeof Enter, typeof Delete];
     /**
      * @inheritDoc
      */