@ckeditor/ckeditor5-image 41.3.1 → 41.4.0

package/lang/translations/ug.po

@@ -113,10 +113,22 @@ msgctxt "The accessibility label of the standalone image resize reset option but
 msgid "Resize image to the original size"
 msgstr ""
 
+msgctxt "The label for image resize balloon input."
+msgid "Resize image (in %0)"
+msgstr ""
+
 msgctxt "The default label for the resize option that resets the size of the image."
 msgid "Original"
 msgstr ""
 
+msgctxt "The accessibility label of the standalone image resize custom option button in the image toolbar for screen readers."
+msgid "Custom image size"
+msgstr ""
+
+msgctxt "The label for the resize option that allows user to enter custom size of the image."
+msgid "Custom"
+msgstr ""
+
 msgctxt "The accessibility label of the image resize dropdown for screen readers."
 msgid "Image resize list"
 msgstr ""
@@ -144,3 +156,23 @@ msgstr ""
 msgctxt "Text used by screen readers do describe an image when there is a text alternative available, e.g. 'Caption for image: this is a description of the image.'"
 msgid "Caption for image: %0"
 msgstr ""
+
+msgctxt "Text used as error label when user submitted custom image resize form with blank value."
+msgid "The value must not be empty."
+msgstr ""
+
+msgctxt "Text used as error label when user submitted custom image resize form with incorrect value."
+msgid "The value should be a plain number."
+msgstr ""
+
+msgctxt "Aria status message indicating that the image is being uploaded. Example: 'Uploading image'."
+msgid "Uploading image"
+msgstr ""
+
+msgctxt "Aria status message indicating that the image has been uploaded successfully. Example: 'Image upload complete'."
+msgid "Image upload complete"
+msgstr ""
+
+msgctxt "Aria status message indicating that an error has occurred during image upload. Example: 'Error during image upload'."
+msgid "Error during image upload"
+msgstr ""

package/lang/translations/uk.po

@@ -113,10 +113,22 @@ msgctxt "The accessibility label of the standalone image resize reset option but
 msgid "Resize image to the original size"
 msgstr "Розтягнути зображення до оригінального розміру"
 
+msgctxt "The label for image resize balloon input."
+msgid "Resize image (in %0)"
+msgstr "Змінити розмір зображення (у %0)"
+
 msgctxt "The default label for the resize option that resets the size of the image."
 msgid "Original"
 msgstr "Оригінал"
 
+msgctxt "The accessibility label of the standalone image resize custom option button in the image toolbar for screen readers."
+msgid "Custom image size"
+msgstr "Власний розмір зображення"
+
+msgctxt "The label for the resize option that allows user to enter custom size of the image."
+msgid "Custom"
+msgstr "Власний"
+
 msgctxt "The accessibility label of the image resize dropdown for screen readers."
 msgid "Image resize list"
 msgstr "Перелік розмірів"
@@ -144,3 +156,23 @@ msgstr "Підпис до зображення"
 msgctxt "Text used by screen readers do describe an image when there is a text alternative available, e.g. 'Caption for image: this is a description of the image.'"
 msgid "Caption for image: %0"
 msgstr "Підпис до зображення: %0"
+
+msgctxt "Text used as error label when user submitted custom image resize form with blank value."
+msgid "The value must not be empty."
+msgstr "Значення не може бути порожнім."
+
+msgctxt "Text used as error label when user submitted custom image resize form with incorrect value."
+msgid "The value should be a plain number."
+msgstr "Значення має виражатись простим числом."
+
+msgctxt "Aria status message indicating that the image is being uploaded. Example: 'Uploading image'."
+msgid "Uploading image"
+msgstr "Зображення завантажується"
+
+msgctxt "Aria status message indicating that the image has been uploaded successfully. Example: 'Image upload complete'."
+msgid "Image upload complete"
+msgstr "Завантаження зображення завершено"
+
+msgctxt "Aria status message indicating that an error has occurred during image upload. Example: 'Error during image upload'."
+msgid "Error during image upload"
+msgstr "Під час завантаження зображення сталася помилка"

package/lang/translations/ur.po

@@ -113,10 +113,22 @@ msgctxt "The accessibility label of the standalone image resize reset option but
 msgid "Resize image to the original size"
 msgstr ""
 
+msgctxt "The label for image resize balloon input."
+msgid "Resize image (in %0)"
+msgstr ""
+
 msgctxt "The default label for the resize option that resets the size of the image."
 msgid "Original"
 msgstr ""
 
+msgctxt "The accessibility label of the standalone image resize custom option button in the image toolbar for screen readers."
+msgid "Custom image size"
+msgstr ""
+
+msgctxt "The label for the resize option that allows user to enter custom size of the image."
+msgid "Custom"
+msgstr ""
+
 msgctxt "The accessibility label of the image resize dropdown for screen readers."
 msgid "Image resize list"
 msgstr ""
@@ -144,3 +156,23 @@ msgstr ""
 msgctxt "Text used by screen readers do describe an image when there is a text alternative available, e.g. 'Caption for image: this is a description of the image.'"
 msgid "Caption for image: %0"
 msgstr ""
+
+msgctxt "Text used as error label when user submitted custom image resize form with blank value."
+msgid "The value must not be empty."
+msgstr ""
+
+msgctxt "Text used as error label when user submitted custom image resize form with incorrect value."
+msgid "The value should be a plain number."
+msgstr ""
+
+msgctxt "Aria status message indicating that the image is being uploaded. Example: 'Uploading image'."
+msgid "Uploading image"
+msgstr ""
+
+msgctxt "Aria status message indicating that the image has been uploaded successfully. Example: 'Image upload complete'."
+msgid "Image upload complete"
+msgstr ""
+
+msgctxt "Aria status message indicating that an error has occurred during image upload. Example: 'Error during image upload'."
+msgid "Error during image upload"
+msgstr ""

package/lang/translations/uz.po

@@ -113,10 +113,22 @@ msgctxt "The accessibility label of the standalone image resize reset option but
 msgid "Resize image to the original size"
 msgstr "Rasmning o'lchamini asl o'lchamiga o'zgartiring"
 
+msgctxt "The label for image resize balloon input."
+msgid "Resize image (in %0)"
+msgstr ""
+
 msgctxt "The default label for the resize option that resets the size of the image."
 msgid "Original"
 msgstr "Asl"
 
+msgctxt "The accessibility label of the standalone image resize custom option button in the image toolbar for screen readers."
+msgid "Custom image size"
+msgstr ""
+
+msgctxt "The label for the resize option that allows user to enter custom size of the image."
+msgid "Custom"
+msgstr ""
+
 msgctxt "The accessibility label of the image resize dropdown for screen readers."
 msgid "Image resize list"
 msgstr "Hajmlar ro'yxati"
@@ -144,3 +156,23 @@ msgstr ""
 msgctxt "Text used by screen readers do describe an image when there is a text alternative available, e.g. 'Caption for image: this is a description of the image.'"
 msgid "Caption for image: %0"
 msgstr ""
+
+msgctxt "Text used as error label when user submitted custom image resize form with blank value."
+msgid "The value must not be empty."
+msgstr ""
+
+msgctxt "Text used as error label when user submitted custom image resize form with incorrect value."
+msgid "The value should be a plain number."
+msgstr ""
+
+msgctxt "Aria status message indicating that the image is being uploaded. Example: 'Uploading image'."
+msgid "Uploading image"
+msgstr ""
+
+msgctxt "Aria status message indicating that the image has been uploaded successfully. Example: 'Image upload complete'."
+msgid "Image upload complete"
+msgstr ""
+
+msgctxt "Aria status message indicating that an error has occurred during image upload. Example: 'Error during image upload'."
+msgid "Error during image upload"
+msgstr ""

package/lang/translations/vi.po

@@ -113,10 +113,22 @@ msgctxt "The accessibility label of the standalone image resize reset option but
 msgid "Resize image to the original size"
 msgstr "Chỉnh về ảnh kích cỡ nguyên gốc"
 
+msgctxt "The label for image resize balloon input."
+msgid "Resize image (in %0)"
+msgstr "Đặt lại kích thước hình ảnh (bằng %0)"
+
 msgctxt "The default label for the resize option that resets the size of the image."
 msgid "Original"
 msgstr "Nguyên bản"
 
+msgctxt "The accessibility label of the standalone image resize custom option button in the image toolbar for screen readers."
+msgid "Custom image size"
+msgstr "Tùy chỉnh kích thước hình ảnh"
+
+msgctxt "The label for the resize option that allows user to enter custom size of the image."
+msgid "Custom"
+msgstr "Tùy chỉnh"
+
 msgctxt "The accessibility label of the image resize dropdown for screen readers."
 msgid "Image resize list"
 msgstr "Danh sách ảnh đã chỉnh kích thước"
@@ -144,3 +156,23 @@ msgstr "Chú thích cho hình ảnh"
 msgctxt "Text used by screen readers do describe an image when there is a text alternative available, e.g. 'Caption for image: this is a description of the image.'"
 msgid "Caption for image: %0"
 msgstr "Chú thích cho hình ảnh: %0"
+
+msgctxt "Text used as error label when user submitted custom image resize form with blank value."
+msgid "The value must not be empty."
+msgstr "Không được để trống giá trị này."
+
+msgctxt "Text used as error label when user submitted custom image resize form with incorrect value."
+msgid "The value should be a plain number."
+msgstr "Giá trị này phải là một số thường."
+
+msgctxt "Aria status message indicating that the image is being uploaded. Example: 'Uploading image'."
+msgid "Uploading image"
+msgstr "Đang tải hình ảnh lên"
+
+msgctxt "Aria status message indicating that the image has been uploaded successfully. Example: 'Image upload complete'."
+msgid "Image upload complete"
+msgstr "Hoàn tất quá trình tải hình ảnh lên"
+
+msgctxt "Aria status message indicating that an error has occurred during image upload. Example: 'Error during image upload'."
+msgid "Error during image upload"
+msgstr "Xảy ra lỗi trong quá trình tải hình ảnh lên"

package/lang/translations/zh-cn.po

@@ -113,10 +113,22 @@ msgctxt "The accessibility label of the standalone image resize reset option but
 msgid "Resize image to the original size"
 msgstr "调整图像大小为原始大小"
 
+msgctxt "The label for image resize balloon input."
+msgid "Resize image (in %0)"
+msgstr "调整图片大小（单位为 %0）"
+
 msgctxt "The default label for the resize option that resets the size of the image."
 msgid "Original"
 msgstr "原始大小"
 
+msgctxt "The accessibility label of the standalone image resize custom option button in the image toolbar for screen readers."
+msgid "Custom image size"
+msgstr "自定义图片大小"
+
+msgctxt "The label for the resize option that allows user to enter custom size of the image."
+msgid "Custom"
+msgstr "自定义"
+
 msgctxt "The accessibility label of the image resize dropdown for screen readers."
 msgid "Image resize list"
 msgstr "图片大小列表"
@@ -144,3 +156,23 @@ msgstr "图片说明："
 msgctxt "Text used by screen readers do describe an image when there is a text alternative available, e.g. 'Caption for image: this is a description of the image.'"
 msgid "Caption for image: %0"
 msgstr "图片说明：%0"
+
+msgctxt "Text used as error label when user submitted custom image resize form with blank value."
+msgid "The value must not be empty."
+msgstr "该值不能为空。"
+
+msgctxt "Text used as error label when user submitted custom image resize form with incorrect value."
+msgid "The value should be a plain number."
+msgstr "该值应当为纯数字。"
+
+msgctxt "Aria status message indicating that the image is being uploaded. Example: 'Uploading image'."
+msgid "Uploading image"
+msgstr "正在上传图片"
+
+msgctxt "Aria status message indicating that the image has been uploaded successfully. Example: 'Image upload complete'."
+msgid "Image upload complete"
+msgstr "图片上传完成"
+
+msgctxt "Aria status message indicating that an error has occurred during image upload. Example: 'Error during image upload'."
+msgid "Error during image upload"
+msgstr "图片上传时出错"

package/lang/translations/zh.po

@@ -113,10 +113,22 @@ msgctxt "The accessibility label of the standalone image resize reset option but
 msgid "Resize image to the original size"
 msgstr "縮放圖片到原始尺寸"
 
+msgctxt "The label for image resize balloon input."
+msgid "Resize image (in %0)"
+msgstr "調整圖片大小（單位為 %0）"
+
 msgctxt "The default label for the resize option that resets the size of the image."
 msgid "Original"
 msgstr "原始圖片"
 
+msgctxt "The accessibility label of the standalone image resize custom option button in the image toolbar for screen readers."
+msgid "Custom image size"
+msgstr "自訂圖片大小"
+
+msgctxt "The label for the resize option that allows user to enter custom size of the image."
+msgid "Custom"
+msgstr "自訂"
+
 msgctxt "The accessibility label of the image resize dropdown for screen readers."
 msgid "Image resize list"
 msgstr "圖片縮放清單"
@@ -144,3 +156,23 @@ msgstr "影像的標題"
 msgctxt "Text used by screen readers do describe an image when there is a text alternative available, e.g. 'Caption for image: this is a description of the image.'"
 msgid "Caption for image: %0"
 msgstr "影像標題：%0"
+
+msgctxt "Text used as error label when user submitted custom image resize form with blank value."
+msgid "The value must not be empty."
+msgstr "數值不得為空白。"
+
+msgctxt "Text used as error label when user submitted custom image resize form with incorrect value."
+msgid "The value should be a plain number."
+msgstr "數值應為純數字。"
+
+msgctxt "Aria status message indicating that the image is being uploaded. Example: 'Uploading image'."
+msgid "Uploading image"
+msgstr "正在上傳圖片"
+
+msgctxt "Aria status message indicating that the image has been uploaded successfully. Example: 'Image upload complete'."
+msgid "Image upload complete"
+msgstr "圖片上傳完成"
+
+msgctxt "Aria status message indicating that an error has occurred during image upload. Example: 'Error during image upload'."
+msgid "Error during image upload"
+msgstr "圖片上傳期間發生錯誤"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-image",
-  "version": "41.3.1",
+  "version": "41.4.0",
   "description": "Image feature for CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -13,8 +13,8 @@
   "type": "module",
   "main": "src/index.js",
   "dependencies": {
-    "@ckeditor/ckeditor5-ui": "41.3.1",
-    "ckeditor5": "41.3.1",
+    "@ckeditor/ckeditor5-ui": "41.4.0",
+    "ckeditor5": "41.4.0",
     "lodash-es": "4.17.21"
   },
   "author": "CKSource (http://cksource.com/)",
@@ -27,6 +27,7 @@
     "directory": "packages/ckeditor5-image"
   },
   "files": [
+    "dist",
     "lang",
     "src/**/*.js",
     "src/**/*.d.ts",

package/src/augmentation.d.ts

@@ -2,7 +2,7 @@
  * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
-import type { ImageConfig, AutoImage, Image, ImageBlock, ImageCaption, ImageInline, ImageInsert, ImageInsertViaUrl, ImageResize, ImageStyle, ImageTextAlternative, ImageToolbar, ImageUpload, ImageUtils, ImageBlockEditing, ImageEditing, ImageCaptionEditing, ImageCaptionUI, ImageCaptionUtils, ImageInsertUI, ImageResizeEditing, ImageSizeAttributes, ImageStyleEditing, ImageStyleUI, ImageTextAlternativeEditing, ImageTextAlternativeUI, ImageUploadEditing, ImageUploadProgress, ImageUploadUI, ImageTypeCommand, InsertImageCommand, ReplaceImageSourceCommand, ToggleImageCaptionCommand, ResizeImageCommand, ImageStyleCommand, ImageTextAlternativeCommand, UploadImageCommand } from './index.js';
+import type { ImageConfig, AutoImage, Image, ImageBlock, ImageCaption, ImageInline, ImageInsert, ImageInsertViaUrl, ImageResize, ImageStyle, ImageTextAlternative, ImageToolbar, ImageUpload, ImageUtils, ImageBlockEditing, ImageEditing, ImageCaptionEditing, ImageCaptionUI, ImageCaptionUtils, ImageInsertUI, ImageResizeEditing, ImageCustomResizeUI, ImageSizeAttributes, ImageStyleEditing, ImageStyleUI, ImageTextAlternativeEditing, ImageTextAlternativeUI, ImageUploadEditing, ImageUploadProgress, ImageUploadUI, ImageTypeCommand, InsertImageCommand, ReplaceImageSourceCommand, ToggleImageCaptionCommand, ResizeImageCommand, ImageStyleCommand, ImageTextAlternativeCommand, UploadImageCommand } from './index.js';
 declare module '@ckeditor/ckeditor5-core' {
     interface EditorConfig {
         /**
@@ -33,6 +33,7 @@ declare module '@ckeditor/ckeditor5-core' {
         [ImageCaptionUtils.pluginName]: ImageCaptionUtils;
         [ImageInsertUI.pluginName]: ImageInsertUI;
         [ImageResizeEditing.pluginName]: ImageResizeEditing;
+        [ImageCustomResizeUI.pluginName]: ImageCustomResizeUI;
         [ImageSizeAttributes.pluginName]: ImageSizeAttributes;
         [ImageStyleEditing.pluginName]: ImageStyleEditing;
         [ImageStyleUI.pluginName]: ImageStyleUI;

package/src/imageresize/imagecustomresizeui.d.ts

@@ -0,0 +1,61 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module image/imageresize/imagecustomresizeui
+ */
+import { Plugin } from 'ckeditor5/src/core.js';
+import { ContextualBalloon } from 'ckeditor5/src/ui.js';
+/**
+ * The custom resize image UI plugin.
+ *
+ * The plugin uses the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon}.
+ */
+export default class ImageCustomResizeUI extends Plugin {
+    /**
+     * The contextual balloon plugin instance.
+     */
+    private _balloon?;
+    /**
+     * A form containing a textarea and buttons, used to change the `alt` text value.
+     */
+    private _form?;
+    /**
+     * @inheritDoc
+     */
+    static get requires(): readonly [typeof ContextualBalloon];
+    /**
+     * @inheritDoc
+     */
+    static get pluginName(): "ImageCustomResizeUI";
+    /**
+     * @inheritDoc
+     */
+    destroy(): void;
+    /**
+     * Creates the {@link module:image/imageresize/ui/imagecustomresizeformview~ImageCustomResizeFormView}
+     * form.
+     */
+    private _createForm;
+    /**
+     * Shows the {@link #_form} in the {@link #_balloon}.
+     *
+     * @internal
+     */
+    _showForm(unit: string): void;
+    /**
+     * Removes the {@link #_form} from the {@link #_balloon}.
+     *
+     * @param focusEditable Controls whether the editing view is focused afterwards.
+     */
+    private _hideForm;
+    /**
+     * Returns `true` when the {@link #_form} is the visible view in the {@link #_balloon}.
+     */
+    private get _isVisible();
+    /**
+     * Returns `true` when the {@link #_form} is in the {@link #_balloon}.
+     */
+    private get _isInBalloon();
+}

package/src/imageresize/imagecustomresizeui.js

@@ -0,0 +1,168 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module image/imageresize/imagecustomresizeui
+ */
+import { Plugin } from 'ckeditor5/src/core.js';
+import { ContextualBalloon, clickOutsideHandler, CssTransitionDisablerMixin } from 'ckeditor5/src/ui.js';
+import { getBalloonPositionData } from '../image/ui/utils.js';
+import { getSelectedImageWidthInUnits } from './utils/getselectedimagewidthinunits.js';
+import ImageCustomResizeFormView from './ui/imagecustomresizeformview.js';
+import { getSelectedImagePossibleResizeRange } from './utils/getselectedimagepossibleresizerange.js';
+/**
+ * The custom resize image UI plugin.
+ *
+ * The plugin uses the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon}.
+ */
+export default class ImageCustomResizeUI extends Plugin {
+    /**
+     * @inheritDoc
+     */
+    static get requires() {
+        return [ContextualBalloon];
+    }
+    /**
+     * @inheritDoc
+     */
+    static get pluginName() {
+        return 'ImageCustomResizeUI';
+    }
+    /**
+     * @inheritDoc
+     */
+    destroy() {
+        super.destroy();
+        // Destroy created UI components as they are not automatically destroyed (see ckeditor5#1341).
+        if (this._form) {
+            this._form.destroy();
+        }
+    }
+    /**
+     * Creates the {@link module:image/imageresize/ui/imagecustomresizeformview~ImageCustomResizeFormView}
+     * form.
+     */
+    _createForm(unit) {
+        const editor = this.editor;
+        this._balloon = this.editor.plugins.get('ContextualBalloon');
+        this._form = new (CssTransitionDisablerMixin(ImageCustomResizeFormView))(editor.locale, unit, getFormValidators(editor));
+        // Render the form so its #element is available for clickOutsideHandler.
+        this._form.render();
+        this.listenTo(this._form, 'submit', () => {
+            if (this._form.isValid()) {
+                editor.execute('resizeImage', {
+                    width: this._form.sizeWithUnits
+                });
+                this._hideForm(true);
+            }
+        });
+        // Update balloon position when form error label is added .
+        this.listenTo(this._form.labeledInput, 'change:errorText', () => {
+            editor.ui.update();
+        });
+        this.listenTo(this._form, 'cancel', () => {
+            this._hideForm(true);
+        });
+        // Close the form on Esc key press.
+        this._form.keystrokes.set('Esc', (data, cancel) => {
+            this._hideForm(true);
+            cancel();
+        });
+        // Close on click outside of balloon panel element.
+        clickOutsideHandler({
+            emitter: this._form,
+            activator: () => this._isVisible,
+            contextElements: () => [this._balloon.view.element],
+            callback: () => this._hideForm()
+        });
+    }
+    /**
+     * Shows the {@link #_form} in the {@link #_balloon}.
+     *
+     * @internal
+     */
+    _showForm(unit) {
+        if (this._isVisible) {
+            return;
+        }
+        if (!this._form) {
+            this._createForm(unit);
+        }
+        const editor = this.editor;
+        const labeledInput = this._form.labeledInput;
+        this._form.disableCssTransitions();
+        this._form.resetFormStatus();
+        if (!this._isInBalloon) {
+            this._balloon.add({
+                view: this._form,
+                position: getBalloonPositionData(editor)
+            });
+        }
+        // Make sure that each time the panel shows up, the field remains in sync with the value of
+        // the command. If the user typed in the input, then canceled the balloon (`labeledInput#value`
+        // stays unaltered) and re-opened it without changing the value of the command, they would see the
+        // old value instead of the actual value of the command.
+        const currentParsedWidth = getSelectedImageWidthInUnits(editor, unit);
+        const initialInputValue = currentParsedWidth ? currentParsedWidth.value.toFixed(1) : '';
+        const possibleRange = getSelectedImagePossibleResizeRange(editor, unit);
+        labeledInput.fieldView.value = labeledInput.fieldView.element.value = initialInputValue;
+        if (possibleRange) {
+            Object.assign(labeledInput.fieldView, {
+                min: possibleRange.lower.toFixed(1),
+                max: Math.ceil(possibleRange.upper).toFixed(1)
+            });
+        }
+        this._form.labeledInput.fieldView.select();
+        this._form.enableCssTransitions();
+    }
+    /**
+     * Removes the {@link #_form} from the {@link #_balloon}.
+     *
+     * @param focusEditable Controls whether the editing view is focused afterwards.
+     */
+    _hideForm(focusEditable = false) {
+        if (!this._isInBalloon) {
+            return;
+        }
+        // Blur the input element before removing it from DOM to prevent issues in some browsers.
+        // See https://github.com/ckeditor/ckeditor5/issues/1501.
+        if (this._form.focusTracker.isFocused) {
+            this._form.saveButtonView.focus();
+        }
+        this._balloon.remove(this._form);
+        if (focusEditable) {
+            this.editor.editing.view.focus();
+        }
+    }
+    /**
+     * Returns `true` when the {@link #_form} is the visible view in the {@link #_balloon}.
+     */
+    get _isVisible() {
+        return !!this._balloon && this._balloon.visibleView === this._form;
+    }
+    /**
+     * Returns `true` when the {@link #_form} is in the {@link #_balloon}.
+     */
+    get _isInBalloon() {
+        return !!this._balloon && this._balloon.hasView(this._form);
+    }
+}
+/**
+ * Returns image resize form validation callbacks.
+ *
+ * @param editor Editor instance.
+ */
+function getFormValidators(editor) {
+    const t = editor.t;
+    return [
+        form => {
+            if (form.rawSize.trim() === '') {
+                return t('The value must not be empty.');
+            }
+            if (form.parsedSize === null) {
+                return t('The value should be a plain number.');
+            }
+        }
+    ];
+}

package/src/imageresize/imageresizebuttons.d.ts

@@ -2,9 +2,6 @@
  * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
-/**
- * @module image/imageresize/imageresizebuttons
- */
 import { Plugin, type Editor } from 'ckeditor5/src/core.js';
 import ImageResizeEditing from './imageresizeediting.js';
 /**