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

package/dist/types/highlightstack.d.ts

@@ -22,7 +22,7 @@ declare const HighlightStack_base: {
  *
  * This way, highlight will be applied with the same rules it is applied on texts.
  */
-export default class HighlightStack extends HighlightStack_base {
+export default class HighlightStack extends /* #__PURE__ */ HighlightStack_base {
     private readonly _stack;
     /**
      * Adds highlight descriptor to the stack.

package/dist/types/utils.d.ts

@@ -204,7 +204,7 @@ export declare function viewToModelPositionOutsideModelElement(model: Model, vie
  * 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.

package/dist/types/widgetresize/resizer.d.ts

@@ -16,7 +16,7 @@ declare const Resizer_base: {
 /**
  * Represents a resizer for a single resizable object.
  */
-export default class Resizer extends Resizer_base {
+export default class Resizer extends /* #__PURE__ */ Resizer_base {
     /**
      * Flag that indicates whether resizer can be used.
      *

package/dist/types/widgetresize/resizerstate.d.ts

@@ -14,7 +14,7 @@ declare const ResizeState_base: {
 /**
  * Stores the internal state of a single resizable object.
  */
-export default class ResizeState extends ResizeState_base {
+export default class ResizeState extends /* #__PURE__ */ ResizeState_base {
     /**
      * The position of the handle that initiated the resizing. E.g. `"top-left"`, `"bottom-right"` etc. or `null`
      * if unknown.

package/lang/contexts.json

@@ -7,5 +7,6 @@
 	"Insert a new paragraph directly after a widget": "Accessibility help dialog entry explaining the meaning of the keystroke that inserts a paragraph after a widget.",
 	"Insert a new paragraph directly before a widget": "Accessibility help dialog entry explaining the meaning of the keystroke that inserts a paragraph before a widget.",
 	"Move the caret to allow typing directly before a widget": "Accessibility help dialog entry explaining the meaning of the keystroke that moves the caret before a widget.",
-	"Move the caret to allow typing directly after a widget": "Accessibility help dialog entry explaining the meaning of the keystroke that moves the caret after a widget."
+	"Move the caret to allow typing directly after a widget": "Accessibility help dialog entry explaining the meaning of the keystroke that moves the caret after a widget.",
+	"Move focus from an editable area back to the parent widget": "Accessibility help dialog entry explaining the meaning of the keystroke that moves selection from a nested editable area back to the parent widget."
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-widget",
-  "version": "0.0.0-nightly-20240507.0",
+  "version": "0.0.0-nightly-20240509.0",
   "description": "Widget API for CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -12,12 +12,12 @@
   "type": "module",
   "main": "src/index.js",
   "dependencies": {
-    "@ckeditor/ckeditor5-core": "0.0.0-nightly-20240507.0",
-    "@ckeditor/ckeditor5-engine": "0.0.0-nightly-20240507.0",
-    "@ckeditor/ckeditor5-enter": "0.0.0-nightly-20240507.0",
-    "@ckeditor/ckeditor5-ui": "0.0.0-nightly-20240507.0",
-    "@ckeditor/ckeditor5-utils": "0.0.0-nightly-20240507.0",
-    "@ckeditor/ckeditor5-typing": "0.0.0-nightly-20240507.0",
+    "@ckeditor/ckeditor5-core": "0.0.0-nightly-20240509.0",
+    "@ckeditor/ckeditor5-engine": "0.0.0-nightly-20240509.0",
+    "@ckeditor/ckeditor5-enter": "0.0.0-nightly-20240509.0",
+    "@ckeditor/ckeditor5-ui": "0.0.0-nightly-20240509.0",
+    "@ckeditor/ckeditor5-utils": "0.0.0-nightly-20240509.0",
+    "@ckeditor/ckeditor5-typing": "0.0.0-nightly-20240509.0",
     "lodash-es": "4.17.21"
   },
   "author": "CKSource (http://cksource.com/)",

package/src/highlightstack.d.ts

@@ -18,7 +18,7 @@ declare const HighlightStack_base: {
  *
  * This way, highlight will be applied with the same rules it is applied on texts.
  */
-export default class HighlightStack extends HighlightStack_base {
+export default class HighlightStack extends /* #__PURE__ */ HighlightStack_base {
     private readonly _stack;
     /**
      * Adds highlight descriptor to the stack.

package/src/highlightstack.js

@@ -17,7 +17,7 @@ import { EmitterMixin } from '@ckeditor/ckeditor5-utils';
  *
  * This way, highlight will be applied with the same rules it is applied on texts.
  */
-export default class HighlightStack extends EmitterMixin() {
+export default class HighlightStack extends /* #__PURE__ */ EmitterMixin() {
     constructor() {
         super(...arguments);
         this._stack = [];

package/src/utils.d.ts

@@ -200,7 +200,7 @@ export declare function viewToModelPositionOutsideModelElement(model: Model, vie
  * 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.

package/src/utils.js

@@ -350,18 +350,22 @@ function addSelectionHandle(widgetElement, writer) {
  * 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.
  */
 export 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
@@ -373,7 +377,7 @@ export function calculateResizeHostAncestorWidth(domResizeHost) {
         if (++currentLevel > ancestorLevelLimit) {
             return 0;
         }
-        parentWidth = parseFloat(domResizeHostParent.ownerDocument.defaultView.getComputedStyle(checkedElement).width);
+        parentWidth = getElementComputedWidth(checkedElement);
     }
     return parentWidth;
 }

package/src/widget.js

@@ -186,6 +186,10 @@ export default 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'

package/src/widgetresize/resizer.d.ts

@@ -12,7 +12,7 @@ declare const Resizer_base: {
 /**
  * Represents a resizer for a single resizable object.
  */
-export default class Resizer extends Resizer_base {
+export default class Resizer extends /* #__PURE__ */ Resizer_base {
     /**
      * Flag that indicates whether resizer can be used.
      *

package/src/widgetresize/resizer.js

@@ -12,7 +12,7 @@ import SizeView from './sizeview.js';
 /**
  * Represents a resizer for a single resizable object.
  */
-export default class Resizer extends ObservableMixin() {
+export default class Resizer extends /* #__PURE__ */ ObservableMixin() {
     /**
      * @param options Resizer options.
      */

package/src/widgetresize/resizerstate.d.ts

@@ -10,7 +10,7 @@ declare const ResizeState_base: {
 /**
  * Stores the internal state of a single resizable object.
  */
-export default class ResizeState extends ResizeState_base {
+export default class ResizeState extends /* #__PURE__ */ ResizeState_base {
     /**
      * The position of the handle that initiated the resizing. E.g. `"top-left"`, `"bottom-right"` etc. or `null`
      * if unknown.

package/src/widgetresize/resizerstate.js

@@ -10,7 +10,7 @@ import { calculateResizeHostPercentageWidth } from '../utils.js';
 /**
  * Stores the internal state of a single resizable object.
  */
-export default class ResizeState extends ObservableMixin() {
+export default class ResizeState extends /* #__PURE__ */ ObservableMixin() {
     /**
      * @param options Resizer options.
      */