@ckeditor/ckeditor5-ckbox 0.0.0-nightly-20241216.0 → 0.0.0-nightly-20241218.0

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 {
     /**
-	 * 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){
+     * @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,28 +641,25 @@ const DEFAULT_CKBOX_THEME_NAME = 'lark';
  * The CKBox utilities plugin.
  */ class CKBoxUtils extends Plugin {
     /**
-	 * CKEditor Cloud Services access token.
-	 */ _token;
-    /**
-	 * @inheritDoc
-	 */ static get pluginName() {
+     * @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;
@@ -684,22 +681,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);
@@ -708,30 +705,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');
@@ -764,10 +761,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;
@@ -788,10 +785,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) {
@@ -818,8 +815,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',
@@ -828,18 +825,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;
@@ -868,26 +865,8 @@ const DEFAULT_CKBOX_THEME_NAME = 'lark';
  * Upload adapter for CKBox.
  */ class Adapter {
     /**
-	 * 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){
+     * Creates a new adapter instance.
+     */ constructor(loader, editor, ckboxUtils){
         this.loader = loader;
         this.token = ckboxUtils.getToken();
         this.ckboxUtils = ckboxUtils;
@@ -896,10 +875,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;
@@ -937,10 +916,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();
     }
 }
@@ -951,18 +930,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',
@@ -971,8 +950,8 @@ const COMMAND_FORCE_DISABLE_ID = 'NoPermission';
         ];
     }
     /**
-	 * @inheritDoc
-	 */ init() {
+     * @inheritDoc
+     */ init() {
         const editor = this.editor;
         if (!this._shouldBeInitialised()) {
             return;
@@ -990,8 +969,8 @@ const COMMAND_FORCE_DISABLE_ID = 'NoPermission';
         });
     }
     /**
-	 * @inheritDoc
-	 */ afterInit() {
+     * @inheritDoc
+     */ afterInit() {
         const editor = this.editor;
         if (!this._shouldBeInitialised()) {
             return;
@@ -1005,16 +984,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');
@@ -1027,27 +1006,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', {
@@ -1077,8 +1056,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)=>{
@@ -1199,8 +1178,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;
@@ -1341,18 +1320,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
@@ -1402,44 +1381,38 @@ function createUrlChecker(allowExternalImagesEditing) {
  * Opens the CKBox dialog for editing the image.
  */ class CKBoxImageEditCommand extends Command {
     /**
-	 * 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){
+     * @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;
         }
@@ -1466,8 +1439,8 @@ function createUrlChecker(allowExternalImagesEditing) {
         });
     }
     /**
-	 * @inheritDoc
-	 */ destroy() {
+     * @inheritDoc
+     */ destroy() {
         this._handleImageEditorClose();
         this._prepareOptions.abort();
         this._updateUiDelayed.cancel();
@@ -1477,13 +1450,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);
@@ -1518,8 +1491,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();
@@ -1529,8 +1502,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') {
@@ -1548,8 +1521,8 @@ function createUrlChecker(allowExternalImagesEditing) {
         return false;
     }
     /**
-	 * Closes the CKBox Image Editor dialog.
-	 */ _handleImageEditorClose() {
+     * Closes the CKBox Image Editor dialog.
+     */ _handleImageEditorClose() {
         if (!this._wrapper) {
             return;
         }
@@ -1560,9 +1533,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);
@@ -1592,9 +1565,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({
@@ -1605,10 +1578,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: {
@@ -1617,27 +1590,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);
@@ -1652,8 +1625,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());
@@ -1689,18 +1662,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,
@@ -1711,8 +1684,8 @@ function createUrlChecker(allowExternalImagesEditing) {
         ];
     }
     /**
-	 * @inheritDoc
-	 */ init() {
+     * @inheritDoc
+     */ init() {
         const { editor } = this;
         editor.commands.add('ckboxImageEdit', new CKBoxImageEditCommand(editor));
     }
@@ -1727,18 +1700,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');
@@ -1766,18 +1739,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