@ckeditor/ckeditor5-ckbox 0.0.0-nightly-20241219.0 → 0.0.0-nightly-20241219.2

package/dist/index.js

@@ -21,18 +21,18 @@ import { isEqual } from 'lodash-es';
  * It also integrates with the `insertImage` toolbar component and `menuBar:insertImage` menu component.
  */ class CKBoxUI extends Plugin {
     /**
-     * @inheritDoc
-     */ static get pluginName() {
+	 * @inheritDoc
+	 */ static get pluginName() {
         return 'CKBoxUI';
     }
     /**
-     * @inheritDoc
-     */ static get isOfficialPlugin() {
+	 * @inheritDoc
+	 */ static get isOfficialPlugin() {
         return true;
     }
     /**
-     * @inheritDoc
-     */ afterInit() {
+	 * @inheritDoc
+	 */ afterInit() {
         const editor = this.editor;
         // Do not register the `ckbox` button if the command does not exist.
         // This might happen when CKBox library is not loaded on the page.
@@ -52,8 +52,8 @@ import { isEqual } from 'lodash-es';
         }
     }
     /**
-     * Creates the base for various kinds of the button component provided by this feature.
-     */ _createButton(ButtonClass) {
+	 * Creates the base for various kinds of the button component provided by this feature.
+	 */ _createButton(ButtonClass) {
         const editor = this.editor;
         const locale = editor.locale;
         const view = new ButtonClass(locale);
@@ -65,8 +65,8 @@ import { isEqual } from 'lodash-es';
         return view;
     }
     /**
-     * Creates a simple toolbar button for files management, with an icon and a tooltip.
-     */ _createFileToolbarButton() {
+	 * Creates a simple toolbar button for files management, with an icon and a tooltip.
+	 */ _createFileToolbarButton() {
         const t = this.editor.locale.t;
         const button = this._createButton(ButtonView);
         button.icon = icons.browseFiles;
@@ -75,8 +75,8 @@ import { isEqual } from 'lodash-es';
         return button;
     }
     /**
-     * Creates a simple toolbar button for images management, with an icon and a tooltip.
-     */ _createImageToolbarButton() {
+	 * Creates a simple toolbar button for images management, with an icon and a tooltip.
+	 */ _createImageToolbarButton() {
         const t = this.editor.locale.t;
         const imageInsertUI = this.editor.plugins.get('ImageInsertUI');
         const button = this._createButton(ButtonView);
@@ -86,8 +86,8 @@ import { isEqual } from 'lodash-es';
         return button;
     }
     /**
-     * Creates a button for images management for the dropdown view, with an icon, text and no tooltip.
-     */ _createImageDropdownButton() {
+	 * Creates a button for images management for the dropdown view, with an icon, text and no tooltip.
+	 */ _createImageDropdownButton() {
         const t = this.editor.locale.t;
         const imageInsertUI = this.editor.plugins.get('ImageInsertUI');
         const button = this._createButton(ButtonView);
@@ -100,8 +100,8 @@ import { isEqual } from 'lodash-es';
         return button;
     }
     /**
-     * Creates a button for files management for the menu bar.
-     */ _createFileMenuBarButton() {
+	 * Creates a button for files management for the menu bar.
+	 */ _createFileMenuBarButton() {
         const t = this.editor.locale.t;
         const button = this._createButton(MenuBarMenuListItemButtonView);
         button.icon = icons.browseFiles;
@@ -110,8 +110,8 @@ import { isEqual } from 'lodash-es';
         return button;
     }
     /**
-     * Creates a button for images management for the menu bar.
-     */ _createImageMenuBarButton(type) {
+	 * Creates a button for images management for the menu bar.
+	 */ _createImageMenuBarButton(type) {
         // Use t() stored in a variable with a different name to reuse existing translations from another package.
         const translateVariableKey = this.editor.locale.t;
         const t = this.editor.locale.t;
@@ -312,53 +312,53 @@ const ASSET_INSERTION_WAIT_TIMEOUT = 1000;
  * {@link module:link/link~Link Link feature}.
  */ class CKBoxCommand extends Command {
     /**
-     * @inheritDoc
-     */ constructor(editor){
+	 * A set of all chosen assets. They are stored temporarily and they are automatically removed 1 second after being chosen.
+	 * Chosen assets have to be "remembered" for a while to be able to map the given asset with the element inserted into the model.
+	 * This association map is then used to set the ID on the model element.
+	 *
+	 * All chosen assets are automatically removed after the timeout, because (theoretically) it may happen that they will never be
+	 * inserted into the model, even if the {@link module:link/linkcommand~LinkCommand `'link'`} command or the
+	 * {@link module:image/image/insertimagecommand~InsertImageCommand `'insertImage'`} command is enabled. Such a case may arise when
+	 * another plugin blocks the command execution. Then, in order not to keep the chosen (but not inserted) assets forever, we delete
+	 * them automatically to prevent memory leakage. The 1 second timeout is enough to insert the asset into the model and extract the
+	 * ID from the chosen asset.
+	 *
+	 * The assets are stored only if
+	 * the {@link module:ckbox/ckboxconfig~CKBoxConfig#ignoreDataId `config.ckbox.ignoreDataId`} option is set to `false` (by default).
+	 *
+	 * @internal
+	 */ _chosenAssets = new Set();
+    /**
+	 * The DOM element that acts as a mounting point for the CKBox dialog.
+	 */ _wrapper = null;
+    /**
+	 * @inheritDoc
+	 */ constructor(editor){
         super(editor);
-        /**
-         * A set of all chosen assets. They are stored temporarily and they are automatically removed 1 second after being chosen.
-         * Chosen assets have to be "remembered" for a while to be able to map the given asset with the element inserted into the model.
-         * This association map is then used to set the ID on the model element.
-         *
-         * All chosen assets are automatically removed after the timeout, because (theoretically) it may happen that they will never be
-         * inserted into the model, even if the {@link module:link/linkcommand~LinkCommand `'link'`} command or the
-         * {@link module:image/image/insertimagecommand~InsertImageCommand `'insertImage'`} command is enabled. Such a case may arise when
-         * another plugin blocks the command execution. Then, in order not to keep the chosen (but not inserted) assets forever, we delete
-         * them automatically to prevent memory leakage. The 1 second timeout is enough to insert the asset into the model and extract the
-         * ID from the chosen asset.
-         *
-         * The assets are stored only if
-         * the {@link module:ckbox/ckboxconfig~CKBoxConfig#ignoreDataId `config.ckbox.ignoreDataId`} option is set to `false` (by default).
-         *
-         * @internal
-         */ this._chosenAssets = new Set();
-        /**
-         * The DOM element that acts as a mounting point for the CKBox dialog.
-         */ this._wrapper = null;
         this._initListeners();
     }
     /**
-     * @inheritDoc
-     */ refresh() {
+	 * @inheritDoc
+	 */ refresh() {
         this.value = this._getValue();
         this.isEnabled = this._checkEnabled();
     }
     /**
-     * @inheritDoc
-     */ execute() {
+	 * @inheritDoc
+	 */ execute() {
         this.fire('ckbox:open');
     }
     /**
-     * Indicates if the CKBox dialog is already opened.
-     *
-     * @protected
-     * @returns {Boolean}
-     */ _getValue() {
+	 * Indicates if the CKBox dialog is already opened.
+	 *
+	 * @protected
+	 * @returns {Boolean}
+	 */ _getValue() {
         return this._wrapper !== null;
     }
     /**
-     * Checks whether the command can be enabled in the current context.
-     */ _checkEnabled() {
+	 * Checks whether the command can be enabled in the current context.
+	 */ _checkEnabled() {
         const imageCommand = this.editor.commands.get('insertImage');
         const linkCommand = this.editor.commands.get('link');
         if (!imageCommand.isEnabled && !linkCommand.isEnabled) {
@@ -367,29 +367,29 @@ const ASSET_INSERTION_WAIT_TIMEOUT = 1000;
         return true;
     }
     /**
-     * Creates the options object for the CKBox dialog.
-     *
-     * @returns The object with properties:
-     * - theme The theme for CKBox dialog.
-     * - language The language for CKBox dialog.
-     * - tokenUrl The token endpoint URL.
-     * - serviceOrigin The base URL of the API service.
-     * - forceDemoLabel Whether to force "Powered by CKBox" link.
-     * - assets.onChoose The callback function invoked after choosing the assets.
-     * - dialog.onClose The callback function invoked after closing the CKBox dialog.
-     * - dialog.width The dialog width in pixels.
-     * - dialog.height The dialog height in pixels.
-     * - categories.icons Allows setting custom icons for categories.
-     * - view.openLastView Sets if the last view visited by the user will be reopened
-     * on the next startup.
-     * - view.startupFolderId Sets the ID of the folder that will be opened on startup.
-     * - view.startupCategoryId Sets the ID of the category that will be opened on startup.
-     * - view.hideMaximizeButton Sets whether to hide the ‘Maximize’ button.
-     * - view.componentsHideTimeout Sets timeout after which upload components are hidden
-     * after completed upload.
-     * - view.dialogMinimizeTimeout Sets timeout after which upload dialog is minimized
-     * after completed upload.
-     */ _prepareOptions() {
+	 * Creates the options object for the CKBox dialog.
+	 *
+	 * @returns The object with properties:
+	 * - theme The theme for CKBox dialog.
+	 * - language The language for CKBox dialog.
+	 * - tokenUrl The token endpoint URL.
+	 * - serviceOrigin The base URL of the API service.
+	 * - forceDemoLabel Whether to force "Powered by CKBox" link.
+	 * - assets.onChoose The callback function invoked after choosing the assets.
+	 * - dialog.onClose The callback function invoked after closing the CKBox dialog.
+	 * - dialog.width The dialog width in pixels.
+	 * - dialog.height The dialog height in pixels.
+	 * - categories.icons Allows setting custom icons for categories.
+	 * - view.openLastView Sets if the last view visited by the user will be reopened
+	 * on the next startup.
+	 * - view.startupFolderId Sets the ID of the folder that will be opened on startup.
+	 * - view.startupCategoryId Sets the ID of the category that will be opened on startup.
+	 * - view.hideMaximizeButton Sets whether to hide the ‘Maximize’ button.
+	 * - view.componentsHideTimeout Sets timeout after which upload components are hidden
+	 * after completed upload.
+	 * - view.dialogMinimizeTimeout Sets timeout after which upload dialog is minimized
+	 * after completed upload.
+	 */ _prepareOptions() {
         const editor = this.editor;
         const ckboxConfig = editor.config.get('ckbox');
         const dialog = ckboxConfig.dialog;
@@ -427,8 +427,8 @@ const ASSET_INSERTION_WAIT_TIMEOUT = 1000;
         };
     }
     /**
-     * Initializes various event listeners for the `ckbox:*` events, because all functionality of the `ckbox` command is event-based.
-     */ _initListeners() {
+	 * Initializes various event listeners for the `ckbox:*` events, because all functionality of the `ckbox` command is event-based.
+	 */ _initListeners() {
         const editor = this.editor;
         const model = editor.model;
         const shouldInsertDataId = !editor.config.get('ckbox.ignoreDataId');
@@ -497,13 +497,13 @@ const ASSET_INSERTION_WAIT_TIMEOUT = 1000;
         });
     }
     /**
-     * Inserts the asset into the model.
-     *
-     * @param asset The asset to be inserted.
-     * @param isLastAsset Indicates if the current asset is the last one from the chosen set.
-     * @param writer An instance of the model writer.
-     * @param isSingleAsset It's true when only one asset is processed.
-     */ _insertAsset(asset, isLastAsset, writer, isSingleAsset) {
+	 * Inserts the asset into the model.
+	 *
+	 * @param asset The asset to be inserted.
+	 * @param isLastAsset Indicates if the current asset is the last one from the chosen set.
+	 * @param writer An instance of the model writer.
+	 * @param isSingleAsset It's true when only one asset is processed.
+	 */ _insertAsset(asset, isLastAsset, writer, isSingleAsset) {
         const editor = this.editor;
         const model = editor.model;
         const selection = model.document.selection;
@@ -521,10 +521,10 @@ const ASSET_INSERTION_WAIT_TIMEOUT = 1000;
         }
     }
     /**
-     * Inserts the image by calling the `insertImage` command.
-     *
-     * @param asset The asset to be inserted.
-     */ _insertImage(asset) {
+	 * Inserts the image by calling the `insertImage` command.
+	 *
+	 * @param asset The asset to be inserted.
+	 */ _insertImage(asset) {
         const editor = this.editor;
         const { imageFallbackUrl, imageSources, imageTextAlternative, imageWidth, imageHeight, imagePlaceholder } = asset.attributes;
         editor.execute('insertImage', {
@@ -541,12 +541,12 @@ const ASSET_INSERTION_WAIT_TIMEOUT = 1000;
         });
     }
     /**
-     * Inserts the link to the asset by calling the `link` command.
-     *
-     * @param asset The asset to be inserted.
-     * @param writer An instance of the model writer.
-     * @param isSingleAsset It's true when only one asset is processed.
-     */ _insertLink(asset, writer, isSingleAsset) {
+	 * Inserts the link to the asset by calling the `link` command.
+	 *
+	 * @param asset The asset to be inserted.
+	 * @param writer An instance of the model writer.
+	 * @param isSingleAsset It's true when only one asset is processed.
+	 */ _insertLink(asset, writer, isSingleAsset) {
         const editor = this.editor;
         const model = editor.model;
         const selection = model.document.selection;
@@ -641,25 +641,28 @@ const DEFAULT_CKBOX_THEME_NAME = 'lark';
  * The CKBox utilities plugin.
  */ class CKBoxUtils extends Plugin {
     /**
-     * @inheritDoc
-     */ static get pluginName() {
+	 * CKEditor Cloud Services access token.
+	 */ _token;
+    /**
+	 * @inheritDoc
+	 */ static get pluginName() {
         return 'CKBoxUtils';
     }
     /**
-     * @inheritDoc
-     */ static get isOfficialPlugin() {
+	 * @inheritDoc
+	 */ static get isOfficialPlugin() {
         return true;
     }
     /**
-     * @inheritDoc
-     */ static get requires() {
+	 * @inheritDoc
+	 */ static get requires() {
         return [
             'CloudServices'
         ];
     }
     /**
-     * @inheritDoc
-     */ init() {
+	 * @inheritDoc
+	 */ init() {
         const editor = this.editor;
         const hasConfiguration = !!editor.config.get('ckbox');
         const isLibraryLoaded = !!window.CKBox;
@@ -681,22 +684,22 @@ const DEFAULT_CKBOX_THEME_NAME = 'lark';
         const ckboxTokenUrl = editor.config.get('ckbox.tokenUrl');
         if (!ckboxTokenUrl) {
             /**
-             * The {@link module:ckbox/ckboxconfig~CKBoxConfig#tokenUrl `config.ckbox.tokenUrl`} or the
-             * {@link module:cloud-services/cloudservicesconfig~CloudServicesConfig#tokenUrl `config.cloudServices.tokenUrl`}
-             * configuration is required for the CKBox plugin.
-             *
-             * ```ts
-             * ClassicEditor.create( document.createElement( 'div' ), {
-             * 	ckbox: {
-             * 		tokenUrl: "YOUR_TOKEN_URL"
-             * 		// ...
-             * 	}
-             * 	// ...
-             * } );
-             * ```
-             *
-             * @error ckbox-plugin-missing-token-url
-             */ throw new CKEditorError('ckbox-plugin-missing-token-url', this);
+			 * The {@link module:ckbox/ckboxconfig~CKBoxConfig#tokenUrl `config.ckbox.tokenUrl`} or the
+			 * {@link module:cloud-services/cloudservicesconfig~CloudServicesConfig#tokenUrl `config.cloudServices.tokenUrl`}
+			 * configuration is required for the CKBox plugin.
+			 *
+			 * ```ts
+			 * ClassicEditor.create( document.createElement( 'div' ), {
+			 * 	ckbox: {
+			 * 		tokenUrl: "YOUR_TOKEN_URL"
+			 * 		// ...
+			 * 	}
+			 * 	// ...
+			 * } );
+			 * ```
+			 *
+			 * @error ckbox-plugin-missing-token-url
+			 */ throw new CKEditorError('ckbox-plugin-missing-token-url', this);
         }
         if (ckboxTokenUrl == cloudServicesTokenUrl) {
             this._token = Promise.resolve(cloudServices.token);
@@ -705,30 +708,30 @@ const DEFAULT_CKBOX_THEME_NAME = 'lark';
         }
     }
     /**
-     * Returns a token used by the CKBox plugin for communication with the CKBox service.
-     */ getToken() {
+	 * Returns a token used by the CKBox plugin for communication with the CKBox service.
+	 */ getToken() {
         return this._token;
     }
     /**
-     * The ID of workspace to use when uploading an image.
-     */ async getWorkspaceId() {
+	 * The ID of workspace to use when uploading an image.
+	 */ async getWorkspaceId() {
         const t = this.editor.t;
         const cannotAccessDefaultWorkspaceError = t('Cannot access default workspace.');
         const defaultWorkspaceId = this.editor.config.get('ckbox.defaultUploadWorkspaceId');
         const workspaceId = getWorkspaceId(await this._token, defaultWorkspaceId);
         if (workspaceId == null) {
             /**
-             * The user is not authorized to access the workspace defined in  the`ckbox.defaultUploadWorkspaceId` configuration.
-             *
-             * @error ckbox-access-default-workspace-error
-             */ logError('ckbox-access-default-workspace-error');
+			 * The user is not authorized to access the workspace defined in  the`ckbox.defaultUploadWorkspaceId` configuration.
+			 *
+			 * @error ckbox-access-default-workspace-error
+			 */ logError('ckbox-access-default-workspace-error');
             throw cannotAccessDefaultWorkspaceError;
         }
         return workspaceId;
     }
     /**
-     * Resolves a promise with an object containing a category with which the uploaded file is associated or an error code.
-     */ async getCategoryIdForFile(fileOrUrl, options) {
+	 * Resolves a promise with an object containing a category with which the uploaded file is associated or an error code.
+	 */ async getCategoryIdForFile(fileOrUrl, options) {
         const t = this.editor.t;
         const cannotFindCategoryError = t('Cannot determine a category for the uploaded file.');
         const defaultCategories = this.editor.config.get('ckbox.defaultUploadCategories');
@@ -761,10 +764,10 @@ const DEFAULT_CKBOX_THEME_NAME = 'lark';
         return category.id;
     }
     /**
-     * Resolves a promise with an array containing available categories with which the uploaded file can be associated.
-     *
-     * If the API returns limited results, the method will collect all items.
-     */ async _getAvailableCategories(options) {
+	 * Resolves a promise with an array containing available categories with which the uploaded file can be associated.
+	 *
+	 * If the API returns limited results, the method will collect all items.
+	 */ async _getAvailableCategories(options) {
         const ITEMS_PER_REQUEST = 50;
         const editor = this.editor;
         const token = this._token;
@@ -785,10 +788,10 @@ const DEFAULT_CKBOX_THEME_NAME = 'lark';
         } catch  {
             signal.throwIfAborted();
             /**
-             * Fetching a list of available categories with which an uploaded file can be associated failed.
-             *
-             * @error ckbox-fetch-category-http-error
-             */ logError('ckbox-fetch-category-http-error');
+			 * Fetching a list of available categories with which an uploaded file can be associated failed.
+			 *
+			 * @error ckbox-fetch-category-http-error
+			 */ logError('ckbox-fetch-category-http-error');
             return undefined;
         }
         async function fetchCategories(offset) {
@@ -815,8 +818,8 @@ const DEFAULT_CKBOX_THEME_NAME = 'lark';
  * other ways to upload images into CKEditor 5.
  */ class CKBoxUploadAdapter extends Plugin {
     /**
-     * @inheritDoc
-     */ static get requires() {
+	 * @inheritDoc
+	 */ static get requires() {
         return [
             'ImageUploadEditing',
             'ImageUploadProgress',
@@ -825,18 +828,18 @@ const DEFAULT_CKBOX_THEME_NAME = 'lark';
         ];
     }
     /**
-     * @inheritDoc
-     */ static get pluginName() {
+	 * @inheritDoc
+	 */ static get pluginName() {
         return 'CKBoxUploadAdapter';
     }
     /**
-     * @inheritDoc
-     */ static get isOfficialPlugin() {
+	 * @inheritDoc
+	 */ static get isOfficialPlugin() {
         return true;
     }
     /**
-     * @inheritDoc
-     */ async afterInit() {
+	 * @inheritDoc
+	 */ async afterInit() {
         const editor = this.editor;
         const hasConfiguration = !!editor.config.get('ckbox');
         const isLibraryLoaded = !!window.CKBox;
@@ -865,8 +868,26 @@ const DEFAULT_CKBOX_THEME_NAME = 'lark';
  * Upload adapter for CKBox.
  */ class Adapter {
     /**
-     * Creates a new adapter instance.
-     */ constructor(loader, editor, ckboxUtils){
+	 * FileLoader instance to use during the upload.
+	 */ loader;
+    /**
+	 * CKEditor Cloud Services access token.
+	 */ token;
+    /**
+	 * The editor instance.
+	 */ editor;
+    /**
+	 * The abort controller for aborting asynchronous processes.
+	 */ controller;
+    /**
+	 * The base URL where all requests should be sent.
+	 */ serviceOrigin;
+    /**
+	 * The reference to CKBoxUtils plugin.
+	 */ ckboxUtils;
+    /**
+	 * Creates a new adapter instance.
+	 */ constructor(loader, editor, ckboxUtils){
         this.loader = loader;
         this.token = ckboxUtils.getToken();
         this.ckboxUtils = ckboxUtils;
@@ -875,10 +896,10 @@ const DEFAULT_CKBOX_THEME_NAME = 'lark';
         this.serviceOrigin = editor.config.get('ckbox.serviceOrigin');
     }
     /**
-     * Starts the upload process.
-     *
-     * @see module:upload/filerepository~UploadAdapter#upload
-     */ async upload() {
+	 * Starts the upload process.
+	 *
+	 * @see module:upload/filerepository~UploadAdapter#upload
+	 */ async upload() {
         const ckboxUtils = this.ckboxUtils;
         const t = this.editor.t;
         const file = await this.loader.file;
@@ -916,10 +937,10 @@ const DEFAULT_CKBOX_THEME_NAME = 'lark';
         });
     }
     /**
-     * Aborts the upload process.
-     *
-     * @see module:upload/filerepository~UploadAdapter#abort
-     */ abort() {
+	 * Aborts the upload process.
+	 *
+	 * @see module:upload/filerepository~UploadAdapter#abort
+	 */ abort() {
         this.controller.abort();
     }
 }
@@ -930,18 +951,18 @@ const COMMAND_FORCE_DISABLE_ID = 'NoPermission';
  * {@link module:ckbox/ckboxuploadadapter~CKBoxUploadAdapter CKBox upload adapter}.
  */ class CKBoxEditing extends Plugin {
     /**
-     * @inheritDoc
-     */ static get pluginName() {
+	 * @inheritDoc
+	 */ static get pluginName() {
         return 'CKBoxEditing';
     }
     /**
-     * @inheritDoc
-     */ static get isOfficialPlugin() {
+	 * @inheritDoc
+	 */ static get isOfficialPlugin() {
         return true;
     }
     /**
-     * @inheritDoc
-     */ static get requires() {
+	 * @inheritDoc
+	 */ static get requires() {
         return [
             'LinkEditing',
             'PictureEditing',
@@ -950,8 +971,8 @@ const COMMAND_FORCE_DISABLE_ID = 'NoPermission';
         ];
     }
     /**
-     * @inheritDoc
-     */ init() {
+	 * @inheritDoc
+	 */ init() {
         const editor = this.editor;
         if (!this._shouldBeInitialised()) {
             return;
@@ -969,8 +990,8 @@ const COMMAND_FORCE_DISABLE_ID = 'NoPermission';
         });
     }
     /**
-     * @inheritDoc
-     */ afterInit() {
+	 * @inheritDoc
+	 */ afterInit() {
         const editor = this.editor;
         if (!this._shouldBeInitialised()) {
             return;
@@ -984,16 +1005,16 @@ const COMMAND_FORCE_DISABLE_ID = 'NoPermission';
         }
     }
     /**
-     * Returns true only when the integrator intentionally wants to use the plugin, i.e. when the `config.ckbox` exists or
-     * the CKBox JavaScript library is loaded.
-     */ _shouldBeInitialised() {
+	 * Returns true only when the integrator intentionally wants to use the plugin, i.e. when the `config.ckbox` exists or
+	 * the CKBox JavaScript library is loaded.
+	 */ _shouldBeInitialised() {
         const editor = this.editor;
         const hasConfiguration = !!editor.config.get('ckbox');
         return hasConfiguration || isLibraryLoaded();
     }
     /**
-     * Blocks `uploadImage` and `ckboxImageEdit` commands.
-     */ _blockImageCommands() {
+	 * Blocks `uploadImage` and `ckboxImageEdit` commands.
+	 */ _blockImageCommands() {
         const editor = this.editor;
         const uploadImageCommand = editor.commands.get('uploadImage');
         const imageEditingCommand = editor.commands.get('ckboxImageEdit');
@@ -1006,27 +1027,27 @@ const COMMAND_FORCE_DISABLE_ID = 'NoPermission';
         }
     }
     /**
-     * Checks if at least one image plugin is loaded.
-     */ _checkImagePlugins() {
+	 * Checks if at least one image plugin is loaded.
+	 */ _checkImagePlugins() {
         const editor = this.editor;
         if (!editor.plugins.has('ImageBlockEditing') && !editor.plugins.has('ImageInlineEditing')) {
             /**
-             * The CKBox feature requires one of the following plugins to be loaded to work correctly:
-             *
-             * * {@link module:image/imageblock~ImageBlock},
-             * * {@link module:image/imageinline~ImageInline},
-             * * {@link module:image/image~Image} (loads both `ImageBlock` and `ImageInline`)
-             *
-             * Please make sure your editor configuration is correct.
-             *
-             * @error ckbox-plugin-image-feature-missing
-             * @param {module:core/editor/editor~Editor} editor
-             */ logError('ckbox-plugin-image-feature-missing', editor);
+			 * The CKBox feature requires one of the following plugins to be loaded to work correctly:
+			 *
+			 * * {@link module:image/imageblock~ImageBlock},
+			 * * {@link module:image/imageinline~ImageInline},
+			 * * {@link module:image/image~Image} (loads both `ImageBlock` and `ImageInline`)
+			 *
+			 * Please make sure your editor configuration is correct.
+			 *
+			 * @error ckbox-plugin-image-feature-missing
+			 * @param {module:core/editor/editor~Editor} editor
+			 */ logError('ckbox-plugin-image-feature-missing', editor);
         }
     }
     /**
-     * Extends the schema to allow the `ckboxImageId` and `ckboxLinkId` attributes for links and images.
-     */ _initSchema() {
+	 * Extends the schema to allow the `ckboxImageId` and `ckboxLinkId` attributes for links and images.
+	 */ _initSchema() {
         const editor = this.editor;
         const schema = editor.model.schema;
         schema.extend('$text', {
@@ -1056,8 +1077,8 @@ const COMMAND_FORCE_DISABLE_ID = 'NoPermission';
         }, 'ckboxLinkId');
     }
     /**
-     * Configures the upcast and downcast conversions for the `ckboxImageId` and `ckboxLinkId` attributes.
-     */ _initConversion() {
+	 * Configures the upcast and downcast conversions for the `ckboxImageId` and `ckboxLinkId` attributes.
+	 */ _initConversion() {
         const editor = this.editor;
         // Convert `ckboxLinkId` => `data-ckbox-resource-id`.
         editor.conversion.for('downcast').add((dispatcher)=>{
@@ -1178,8 +1199,8 @@ const COMMAND_FORCE_DISABLE_ID = 'NoPermission';
         }
     }
     /**
-     * Registers post-fixers that add or remove the `ckboxLinkId` and `ckboxImageId` attributes.
-     */ _initFixers() {
+	 * Registers post-fixers that add or remove the `ckboxLinkId` and `ckboxImageId` attributes.
+	 */ _initFixers() {
         const editor = this.editor;
         const model = editor.model;
         const selection = model.document.selection;
@@ -1320,18 +1341,18 @@ const COMMAND_FORCE_DISABLE_ID = 'NoPermission';
  * images into CKEditor 5.
  */ class CKBox extends Plugin {
     /**
-     * @inheritDoc
-     */ static get pluginName() {
+	 * @inheritDoc
+	 */ static get pluginName() {
         return 'CKBox';
     }
     /**
-     * @inheritDoc
-     */ static get isOfficialPlugin() {
+	 * @inheritDoc
+	 */ static get isOfficialPlugin() {
         return true;
     }
     /**
-     * @inheritDoc
-     */ static get requires() {
+	 * @inheritDoc
+	 */ static get requires() {
         return [
             CKBoxEditing,
             CKBoxUI
@@ -1381,38 +1402,44 @@ function createUrlChecker(allowExternalImagesEditing) {
  * Opens the CKBox dialog for editing the image.
  */ class CKBoxImageEditCommand extends Command {
     /**
-     * @inheritDoc
-     */ constructor(editor){
+	 * The DOM element that acts as a mounting point for the CKBox Edit Image dialog.
+	 */ _wrapper = null;
+    /**
+	 * The states of image processing in progress.
+	 */ _processInProgress = new Set();
+    /**
+	 * Determines if the element can be edited.
+	 */ _canEdit;
+    /**
+	 * A wrapper function to prepare mount options. Ensures that at most one preparation is in-flight.
+	 */ _prepareOptions;
+    /**
+	* CKBox's onClose function runs before the final cleanup, potentially causing
+	* page layout changes after it finishes. To address this, we use a setTimeout hack
+	* to ensure that floating elements on the page maintain their correct position.
+	*
+	* See: https://github.com/ckeditor/ckeditor5/issues/16153.
+	*/ _updateUiDelayed = delay(()=>this.editor.ui.update(), 0);
+    /**
+	 * @inheritDoc
+	 */ constructor(editor){
         super(editor);
-        /**
-         * The DOM element that acts as a mounting point for the CKBox Edit Image dialog.
-         */ this._wrapper = null;
-        /**
-         * The states of image processing in progress.
-         */ this._processInProgress = new Set();
-        /**
-        * CKBox's onClose function runs before the final cleanup, potentially causing
-        * page layout changes after it finishes. To address this, we use a setTimeout hack
-        * to ensure that floating elements on the page maintain their correct position.
-        *
-        * See: https://github.com/ckeditor/ckeditor5/issues/16153.
-        */ this._updateUiDelayed = delay(()=>this.editor.ui.update(), 0);
         this.value = false;
         this._canEdit = createEditabilityChecker(editor.config.get('ckbox.allowExternalImagesEditing'));
         this._prepareOptions = abortableDebounce((signal, state)=>this._prepareOptionsAbortable(signal, state));
         this._prepareListeners();
     }
     /**
-     * @inheritDoc
-     */ refresh() {
+	 * @inheritDoc
+	 */ refresh() {
         const editor = this.editor;
         this.value = this._getValue();
         const selectedElement = editor.model.document.selection.getSelectedElement();
         this.isEnabled = !!selectedElement && this._canEdit(selectedElement) && !this._checkIfElementIsBeingProcessed(selectedElement);
     }
     /**
-     * Opens the CKBox Image Editor dialog for editing the image.
-     */ execute() {
+	 * Opens the CKBox Image Editor dialog for editing the image.
+	 */ execute() {
         if (this._getValue()) {
             return;
         }
@@ -1439,8 +1466,8 @@ function createUrlChecker(allowExternalImagesEditing) {
         });
     }
     /**
-     * @inheritDoc
-     */ destroy() {
+	 * @inheritDoc
+	 */ destroy() {
         this._handleImageEditorClose();
         this._prepareOptions.abort();
         this._updateUiDelayed.cancel();
@@ -1450,13 +1477,13 @@ function createUrlChecker(allowExternalImagesEditing) {
         super.destroy();
     }
     /**
-     * Indicates if the CKBox Image Editor dialog is already opened.
-     */ _getValue() {
+	 * Indicates if the CKBox Image Editor dialog is already opened.
+	 */ _getValue() {
         return this._wrapper !== null;
     }
     /**
-     * Creates the options object for the CKBox Image Editor dialog.
-     */ async _prepareOptionsAbortable(signal, state) {
+	 * Creates the options object for the CKBox Image Editor dialog.
+	 */ async _prepareOptionsAbortable(signal, state) {
         const editor = this.editor;
         const ckboxConfig = editor.config.get('ckbox');
         const ckboxUtils = editor.plugins.get(CKBoxUtils);
@@ -1491,8 +1518,8 @@ function createUrlChecker(allowExternalImagesEditing) {
         };
     }
     /**
-     * Initializes event lister for an event of removing an image.
-     */ _prepareListeners() {
+	 * Initializes event lister for an event of removing an image.
+	 */ _prepareListeners() {
         // Abort editing processing when the image has been removed.
         this.listenTo(this.editor.model.document, 'change:data', ()=>{
             const processingStates = this._getProcessingStatesOfDeletedImages();
@@ -1502,8 +1529,8 @@ function createUrlChecker(allowExternalImagesEditing) {
         });
     }
     /**
-     * Gets processing states of images that have been deleted in the mean time.
-     */ _getProcessingStatesOfDeletedImages() {
+	 * Gets processing states of images that have been deleted in the mean time.
+	 */ _getProcessingStatesOfDeletedImages() {
         const states = [];
         for (const state of this._processInProgress.values()){
             if (state.element.root.rootName == '$graveyard') {
@@ -1521,8 +1548,8 @@ function createUrlChecker(allowExternalImagesEditing) {
         return false;
     }
     /**
-     * Closes the CKBox Image Editor dialog.
-     */ _handleImageEditorClose() {
+	 * Closes the CKBox Image Editor dialog.
+	 */ _handleImageEditorClose() {
         if (!this._wrapper) {
             return;
         }
@@ -1533,9 +1560,9 @@ function createUrlChecker(allowExternalImagesEditing) {
         this.refresh();
     }
     /**
-     * Save edited image. In case server respond with "success" replace with edited image,
-     * otherwise show notification error.
-     */ _handleImageEditorSave(state, asset) {
+	 * Save edited image. In case server respond with "success" replace with edited image,
+	 * otherwise show notification error.
+	 */ _handleImageEditorSave(state, asset) {
         const t = this.editor.locale.t;
         const notification = this.editor.plugins.get(Notification);
         const pendingActions = this.editor.plugins.get(PendingActions);
@@ -1565,9 +1592,9 @@ function createUrlChecker(allowExternalImagesEditing) {
         });
     }
     /**
-     * Get asset's status on server. If server responds with "success" status then
-     * image is already proceeded and ready for saving.
-     */ async _getAssetStatusFromServer(id, signal) {
+	 * Get asset's status on server. If server responds with "success" status then
+	 * image is already proceeded and ready for saving.
+	 */ async _getAssetStatusFromServer(id, signal) {
         const ckboxUtils = this.editor.plugins.get(CKBoxUtils);
         const url = new URL('assets/' + id, this.editor.config.get('ckbox.serviceOrigin'));
         const response = await sendHttpRequest({
@@ -1578,10 +1605,10 @@ function createUrlChecker(allowExternalImagesEditing) {
         const status = response.metadata.metadataProcessingStatus;
         if (!status || status == 'queued') {
             /**
-             * Image has not been processed yet.
-             *
-             * @error ckbox-image-not-processed
-             */ throw new CKEditorError('ckbox-image-not-processed');
+			 * Image has not been processed yet.
+			 *
+			 * @error ckbox-image-not-processed
+			 */ throw new CKEditorError('ckbox-image-not-processed');
         }
         return {
             data: {
@@ -1590,27 +1617,27 @@ function createUrlChecker(allowExternalImagesEditing) {
         };
     }
     /**
-     * Waits for an asset to be processed.
-     * It retries retrieving asset status from the server in case of failure.
-     */ async _waitForAssetProcessed(id, signal) {
+	 * Waits for an asset to be processed.
+	 * It retries retrieving asset status from the server in case of failure.
+	 */ async _waitForAssetProcessed(id, signal) {
         const result = await retry(()=>this._getAssetStatusFromServer(id, signal), {
             signal,
             maxAttempts: 5
         });
         if (result.data.metadata.metadataProcessingStatus != 'success') {
             /**
-             * The image processing failed.
-             *
-             * @error ckbox-image-processing-failed
-             */ throw new CKEditorError('ckbox-image-processing-failed');
+			 * The image processing failed.
+			 *
+			 * @error ckbox-image-processing-failed
+			 */ throw new CKEditorError('ckbox-image-processing-failed');
         }
         return result;
     }
     /**
-     * Shows processing indicator while image is processing.
-     *
-     * @param asset Data about certain asset.
-     */ _showImageProcessingIndicator(element, asset) {
+	 * Shows processing indicator while image is processing.
+	 *
+	 * @param asset Data about certain asset.
+	 */ _showImageProcessingIndicator(element, asset) {
         const editor = this.editor;
         editor.editing.view.change((writer)=>{
             const imageElementView = editor.editing.mapper.toViewElement(element);
@@ -1625,8 +1652,8 @@ function createUrlChecker(allowExternalImagesEditing) {
         });
     }
     /**
-     * Replace the edited image with the new one.
-     */ _replaceImage(element, asset) {
+	 * Replace the edited image with the new one.
+	 */ _replaceImage(element, asset) {
         const editor = this.editor;
         const { imageFallbackUrl, imageSources, imageWidth, imageHeight, imagePlaceholder } = prepareImageAssetAttributes(asset);
         const previousSelectionRanges = Array.from(editor.model.document.selection.getRanges());
@@ -1662,18 +1689,18 @@ function createUrlChecker(allowExternalImagesEditing) {
  * The CKBox image edit editing plugin.
  */ class CKBoxImageEditEditing extends Plugin {
     /**
-     * @inheritDoc
-     */ static get pluginName() {
+	 * @inheritDoc
+	 */ static get pluginName() {
         return 'CKBoxImageEditEditing';
     }
     /**
-     * @inheritDoc
-     */ static get isOfficialPlugin() {
+	 * @inheritDoc
+	 */ static get isOfficialPlugin() {
         return true;
     }
     /**
-     * @inheritDoc
-     */ static get requires() {
+	 * @inheritDoc
+	 */ static get requires() {
         return [
             CKBoxEditing,
             CKBoxUtils,
@@ -1684,8 +1711,8 @@ function createUrlChecker(allowExternalImagesEditing) {
         ];
     }
     /**
-     * @inheritDoc
-     */ init() {
+	 * @inheritDoc
+	 */ init() {
         const { editor } = this;
         editor.commands.add('ckboxImageEdit', new CKBoxImageEditCommand(editor));
     }
@@ -1700,18 +1727,18 @@ var ckboxImageEditIcon = "<svg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2
  * that allows you to open the CKBox dialog and edit the image.
  */ class CKBoxImageEditUI extends Plugin {
     /**
-     * @inheritDoc
-     */ static get pluginName() {
+	 * @inheritDoc
+	 */ static get pluginName() {
         return 'CKBoxImageEditUI';
     }
     /**
-     * @inheritDoc
-     */ static get isOfficialPlugin() {
+	 * @inheritDoc
+	 */ static get isOfficialPlugin() {
         return true;
     }
     /**
-     * @inheritDoc
-     */ init() {
+	 * @inheritDoc
+	 */ init() {
         const editor = this.editor;
         editor.ui.componentFactory.add('ckboxImageEdit', (locale)=>{
             const command = editor.commands.get('ckboxImageEdit');
@@ -1739,18 +1766,18 @@ var ckboxImageEditIcon = "<svg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2
  * The CKBox image edit feature.
  */ class CKBoxImageEdit extends Plugin {
     /**
-     * @inheritDoc
-     */ static get pluginName() {
+	 * @inheritDoc
+	 */ static get pluginName() {
         return 'CKBoxImageEdit';
     }
     /**
-     * @inheritDoc
-     */ static get isOfficialPlugin() {
+	 * @inheritDoc
+	 */ static get isOfficialPlugin() {
         return true;
     }
     /**
-     * @inheritDoc
-     */ static get requires() {
+	 * @inheritDoc
+	 */ static get requires() {
         return [
             CKBoxImageEditEditing,
             CKBoxImageEditUI