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

package/dist/index.js

@@ -14,23 +14,38 @@ import { FocusTracker, KeystrokeHandler, logWarning } from '@ckeditor/ckeditor5-
  * See {@link module:bookmark/ui/bookmarkformview~BookmarkFormView}.
  */ class BookmarkFormView extends View {
     /**
-     * Creates an instance of the {@link module:bookmark/ui/bookmarkformview~BookmarkFormView} class.
-     *
-     * Also see {@link #render}.
-     *
-     * @param locale The localization services instance.
-     * @param validators  Form validators used by {@link #isValid}.
-     */ constructor(locale, validators){
+	 * Tracks information about DOM focus in the form.
+	 */ focusTracker = new FocusTracker();
+    /**
+	 * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.
+	 */ keystrokes = new KeystrokeHandler();
+    /**
+	 * The ID input view.
+	 */ idInputView;
+    /**
+	 * The Submit button view.
+	 */ buttonView;
+    /**
+	 * A collection of form child views in the form.
+	 */ children;
+    /**
+	 * An array of form validators used by {@link #isValid}.
+	 */ _validators;
+    /**
+	 * A collection of views that can be focused in the form.
+	 */ _focusables = new ViewCollection();
+    /**
+	 * Helps cycling over {@link #_focusables} in the form.
+	 */ _focusCycler;
+    /**
+	 * Creates an instance of the {@link module:bookmark/ui/bookmarkformview~BookmarkFormView} class.
+	 *
+	 * Also see {@link #render}.
+	 *
+	 * @param locale The localization services instance.
+	 * @param validators  Form validators used by {@link #isValid}.
+	 */ constructor(locale, validators){
         super(locale);
-        /**
-         * Tracks information about DOM focus in the form.
-         */ this.focusTracker = new FocusTracker();
-        /**
-         * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.
-         */ this.keystrokes = new KeystrokeHandler();
-        /**
-         * A collection of views that can be focused in the form.
-         */ this._focusables = new ViewCollection();
         const t = locale.t;
         this._validators = validators;
         this.idInputView = this._createIdInput();
@@ -63,8 +78,8 @@ import { FocusTracker, KeystrokeHandler, logWarning } from '@ckeditor/ckeditor5-
         });
     }
     /**
-     * @inheritDoc
-     */ render() {
+	 * @inheritDoc
+	 */ render() {
         super.render();
         submitHandler({
             view: this
@@ -83,20 +98,20 @@ import { FocusTracker, KeystrokeHandler, logWarning } from '@ckeditor/ckeditor5-
         this.keystrokes.listenTo(this.element);
     }
     /**
-     * @inheritDoc
-     */ destroy() {
+	 * @inheritDoc
+	 */ destroy() {
         super.destroy();
         this.focusTracker.destroy();
         this.keystrokes.destroy();
     }
     /**
-     * Focuses the fist {@link #_focusables} in the form.
-     */ focus() {
+	 * Focuses the fist {@link #_focusables} in the form.
+	 */ focus() {
         this._focusCycler.focusFirst();
     }
     /**
-     * Validates the form and returns `false` when some fields are invalid.
-     */ isValid() {
+	 * Validates the form and returns `false` when some fields are invalid.
+	 */ isValid() {
         this.resetFormStatus();
         for (const validator of this._validators){
             const errorText = validator(this);
@@ -110,16 +125,16 @@ import { FocusTracker, KeystrokeHandler, logWarning } from '@ckeditor/ckeditor5-
         return true;
     }
     /**
-     * Cleans up the supplementary error and information text of the {@link #idInputView}
-     * bringing them back to the state when the form has been displayed for the first time.
-     *
-     * See {@link #isValid}.
-     */ resetFormStatus() {
+	 * Cleans up the supplementary error and information text of the {@link #idInputView}
+	 * bringing them back to the state when the form has been displayed for the first time.
+	 *
+	 * See {@link #isValid}.
+	 */ resetFormStatus() {
         this.idInputView.errorText = null;
     }
     /**
-     * Creates header and form view.
-     */ _createViewChildren() {
+	 * Creates header and form view.
+	 */ _createViewChildren() {
         const children = this.createCollection();
         const t = this.t;
         children.add(new FormHeaderView(this.locale, {
@@ -129,8 +144,8 @@ import { FocusTracker, KeystrokeHandler, logWarning } from '@ckeditor/ckeditor5-
         return children;
     }
     /**
-     * Creates form content view with input and button.
-     */ _createFormContentView() {
+	 * Creates form content view with input and button.
+	 */ _createFormContentView() {
         const view = new View(this.locale);
         const children = this.createCollection();
         const classList = [
@@ -150,10 +165,10 @@ import { FocusTracker, KeystrokeHandler, logWarning } from '@ckeditor/ckeditor5-
         return view;
     }
     /**
-     * Creates a labeled input view.
-     *
-     * @returns Labeled field view instance.
-     */ _createIdInput() {
+	 * Creates a labeled input view.
+	 *
+	 * @returns Labeled field view instance.
+	 */ _createIdInput() {
         const t = this.locale.t;
         const labeledInput = new LabeledFieldView(this.locale, createLabeledInputText);
         labeledInput.label = t('Bookmark name');
@@ -161,12 +176,12 @@ import { FocusTracker, KeystrokeHandler, logWarning } from '@ckeditor/ckeditor5-
         return labeledInput;
     }
     /**
-     * Creates a button view.
-     *
-     * @param label The button label.
-     * @param className The additional button CSS class name.
-     * @returns The button view instance.
-     */ _createButton(label, className) {
+	 * Creates a button view.
+	 *
+	 * @param label The button label.
+	 * @param className The additional button CSS class name.
+	 * @returns The button view instance.
+	 */ _createButton(label, className) {
         const button = new ButtonView(this.locale);
         button.set({
             label,
@@ -180,11 +195,11 @@ import { FocusTracker, KeystrokeHandler, logWarning } from '@ckeditor/ckeditor5-
         return button;
     }
     /**
-     * The native DOM `value` of the {@link #idInputView} element.
-     *
-     * **Note**: Do not confuse it with the {@link module:ui/inputtext/inputtextview~InputTextView#value}
-     * which works one way only and may not represent the actual state of the component in the DOM.
-     */ get id() {
+	 * The native DOM `value` of the {@link #idInputView} element.
+	 *
+	 * **Note**: Do not confuse it with the {@link module:ui/inputtext/inputtextview~InputTextView#value}
+	 * which works one way only and may not represent the actual state of the component in the DOM.
+	 */ get id() {
         const { element } = this.idInputView.fieldView;
         if (!element) {
             return null;
@@ -198,18 +213,30 @@ import { FocusTracker, KeystrokeHandler, logWarning } from '@ckeditor/ckeditor5-
  * removing or editing the bookmark.
  */ class BookmarkActionsView extends View {
     /**
-     * @inheritDoc
-     */ constructor(locale){
+	 * Tracks information about DOM focus in the actions.
+	 */ focusTracker = new FocusTracker();
+    /**
+	 * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.
+	 */ keystrokes = new KeystrokeHandler();
+    /**
+	 * The bookmark preview view.
+	 */ bookmarkPreviewView;
+    /**
+	 * The remove button view.
+	 */ removeButtonView;
+    /**
+	 * The edit bookmark button view.
+	 */ editButtonView;
+    /**
+	 * A collection of views that can be focused in the view.
+	 */ _focusables = new ViewCollection();
+    /**
+	 * Helps cycling over {@link #_focusables} in the view.
+	 */ _focusCycler;
+    /**
+	 * @inheritDoc
+	 */ constructor(locale){
         super(locale);
-        /**
-         * Tracks information about DOM focus in the actions.
-         */ this.focusTracker = new FocusTracker();
-        /**
-         * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.
-         */ this.keystrokes = new KeystrokeHandler();
-        /**
-         * A collection of views that can be focused in the view.
-         */ this._focusables = new ViewCollection();
         const t = locale.t;
         this.bookmarkPreviewView = this._createBookmarkPreviewView();
         this.removeButtonView = this._createButton(t('Remove bookmark'), icons.remove, 'remove', this.bookmarkPreviewView);
@@ -245,8 +272,8 @@ import { FocusTracker, KeystrokeHandler, logWarning } from '@ckeditor/ckeditor5-
         });
     }
     /**
-     * @inheritDoc
-     */ render() {
+	 * @inheritDoc
+	 */ render() {
         super.render();
         const childViews = [
             this.editButtonView,
@@ -262,26 +289,26 @@ import { FocusTracker, KeystrokeHandler, logWarning } from '@ckeditor/ckeditor5-
         this.keystrokes.listenTo(this.element);
     }
     /**
-     * @inheritDoc
-     */ destroy() {
+	 * @inheritDoc
+	 */ destroy() {
         super.destroy();
         this.focusTracker.destroy();
         this.keystrokes.destroy();
     }
     /**
-     * Focuses the fist {@link #_focusables} in the actions.
-     */ focus() {
+	 * Focuses the fist {@link #_focusables} in the actions.
+	 */ focus() {
         this._focusCycler.focusFirst();
     }
     /**
-     * Creates a button view.
-     *
-     * @param label The button label.
-     * @param icon The button icon.
-     * @param eventName An event name that the `ButtonView#execute` event will be delegated to.
-     * @param additionalLabel An additional label outside the button.
-     * @returns The button view instance.
-     */ _createButton(label, icon, eventName, additionalLabel) {
+	 * Creates a button view.
+	 *
+	 * @param label The button label.
+	 * @param icon The button icon.
+	 * @param eventName An event name that the `ButtonView#execute` event will be delegated to.
+	 * @param additionalLabel An additional label outside the button.
+	 * @returns The button view instance.
+	 */ _createButton(label, icon, eventName, additionalLabel) {
         const button = new ButtonView(this.locale);
         button.set({
             label,
@@ -300,10 +327,10 @@ import { FocusTracker, KeystrokeHandler, logWarning } from '@ckeditor/ckeditor5-
         return button;
     }
     /**
-     * Creates a bookmark name preview label.
-     *
-     * @returns The label view instance.
-     */ _createBookmarkPreviewView() {
+	 * Creates a bookmark name preview label.
+	 *
+	 * @returns The label view instance.
+	 */ _createBookmarkPreviewView() {
         const label = new LabelView(this.locale);
         label.extendTemplate({
             attributes: {
@@ -354,32 +381,32 @@ import { FocusTracker, KeystrokeHandler, logWarning } from '@ckeditor/ckeditor5-
  * ```
  */ class InsertBookmarkCommand extends Command {
     /**
-     * @inheritDoc
-     */ refresh() {
+	 * @inheritDoc
+	 */ refresh() {
         const model = this.editor.model;
         const selection = model.document.selection;
         const position = this._getPositionToInsertBookmark(selection);
         this.isEnabled = !!position;
     }
     /**
-     * Executes the command.
-     *
-     * @fires execute
-     * @param options Command options.
-     * @param options.bookmarkId The value of the `bookmarkId` attribute.
-     */ execute(options) {
+	 * Executes the command.
+	 *
+	 * @fires execute
+	 * @param options Command options.
+	 * @param options.bookmarkId The value of the `bookmarkId` attribute.
+	 */ execute(options) {
         if (!options) {
             return;
         }
         const { bookmarkId } = options;
         if (!isBookmarkIdValid(bookmarkId)) {
             /**
-             * Insert bookmark command can be executed only with a valid name.
-             *
-             * A valid bookmark name must be a non-empty string and must not contain any spaces.
-             *
-             * @error insert-bookmark-command-executed-with-invalid-name
-             */ logWarning('insert-bookmark-command-executed-with-invalid-name');
+			 * Insert bookmark command can be executed only with a valid name.
+			 *
+			 * A valid bookmark name must be a non-empty string and must not contain any spaces.
+			 *
+			 * @error insert-bookmark-command-executed-with-invalid-name
+			 */ logWarning('insert-bookmark-command-executed-with-invalid-name');
             return;
         }
         const editor = this.editor;
@@ -409,9 +436,9 @@ import { FocusTracker, KeystrokeHandler, logWarning } from '@ckeditor/ckeditor5-
         });
     }
     /**
-     * Returns the position where the bookmark can be inserted. And if it is not possible to insert a bookmark,
-     * check if it is possible to insert a paragraph.
-     */ _getPositionToInsertBookmark(selection) {
+	 * Returns the position where the bookmark can be inserted. And if it is not possible to insert a bookmark,
+	 * check if it is possible to insert a paragraph.
+	 */ _getPositionToInsertBookmark(selection) {
         const model = this.editor.model;
         const schema = model.schema;
         const firstRange = selection.getFirstRange();
@@ -456,8 +483,8 @@ import { FocusTracker, KeystrokeHandler, logWarning } from '@ckeditor/ckeditor5-
  * ```
  */ class UpdateBookmarkCommand extends Command {
     /**
-     * @inheritDoc
-     */ refresh() {
+	 * @inheritDoc
+	 */ refresh() {
         const model = this.editor.model;
         const selection = model.document.selection;
         const selectedBookmark = getSelectedBookmark(selection);
@@ -465,24 +492,24 @@ import { FocusTracker, KeystrokeHandler, logWarning } from '@ckeditor/ckeditor5-
         this.value = selectedBookmark ? selectedBookmark.getAttribute('bookmarkId') : undefined;
     }
     /**
-     * Executes the command.
-     *
-     * @fires execute
-     * @param options Command options.
-     * @param options.bookmarkId The new value of the `bookmarkId` attribute to set.
-     */ execute(options) {
+	 * Executes the command.
+	 *
+	 * @fires execute
+	 * @param options Command options.
+	 * @param options.bookmarkId The new value of the `bookmarkId` attribute to set.
+	 */ execute(options) {
         if (!options) {
             return;
         }
         const { bookmarkId } = options;
         if (!isBookmarkIdValid(bookmarkId)) {
             /**
-             * Update bookmark command can be executed only with a valid name.
-             *
-             * A valid bookmark name must be a non-empty string and must not contain any spaces.
-             *
-             * @error update-bookmark-command-executed-with-invalid-name
-             */ logWarning('update-bookmark-command-executed-with-invalid-name');
+			 * Update bookmark command can be executed only with a valid name.
+			 *
+			 * A valid bookmark name must be a non-empty string and must not contain any spaces.
+			 *
+			 * @error update-bookmark-command-executed-with-invalid-name
+			 */ logWarning('update-bookmark-command-executed-with-invalid-name');
             return;
         }
         const model = this.editor.model;
@@ -508,25 +535,22 @@ import { FocusTracker, KeystrokeHandler, logWarning } from '@ckeditor/ckeditor5-
 /**
  * The bookmark editing plugin.
  */ class BookmarkEditing extends Plugin {
-    constructor(){
-        super(...arguments);
-        /**
-         * A collection of bookmarks elements in the document.
-         */ this._bookmarkElements = new Map();
-    }
     /**
-     * @inheritDoc
-     */ static get pluginName() {
+	 * A collection of bookmarks elements in the document.
+	 */ _bookmarkElements = new Map();
+    /**
+	 * @inheritDoc
+	 */ static get pluginName() {
         return 'BookmarkEditing';
     }
     /**
-     * @inheritDoc
-     */ static get isOfficialPlugin() {
+	 * @inheritDoc
+	 */ static get isOfficialPlugin() {
         return true;
     }
     /**
-     * @inheritDoc
-     */ init() {
+	 * @inheritDoc
+	 */ init() {
         const { editor } = this;
         this._defineSchema();
         this._defineConverters();
@@ -537,8 +561,8 @@ import { FocusTracker, KeystrokeHandler, logWarning } from '@ckeditor/ckeditor5-
         });
     }
     /**
-     * Returns the model element for the given bookmark ID if it exists.
-     */ getElementForBookmarkId(bookmarkId) {
+	 * Returns the model element for the given bookmark ID if it exists.
+	 */ getElementForBookmarkId(bookmarkId) {
         for (const [element, id] of this._bookmarkElements){
             if (id == bookmarkId) {
                 return element;
@@ -547,8 +571,8 @@ import { FocusTracker, KeystrokeHandler, logWarning } from '@ckeditor/ckeditor5-
         return null;
     }
     /**
-     * Defines the schema for the bookmark feature.
-     */ _defineSchema() {
+	 * Defines the schema for the bookmark feature.
+	 */ _defineSchema() {
         const schema = this.editor.model.schema;
         schema.register('bookmark', {
             inheritAllFrom: '$inlineObject',
@@ -560,8 +584,8 @@ import { FocusTracker, KeystrokeHandler, logWarning } from '@ckeditor/ckeditor5-
         });
     }
     /**
-     * Defines the converters for the bookmark feature.
-     */ _defineConverters() {
+	 * Defines the converters for the bookmark feature.
+	 */ _defineConverters() {
         const { editor } = this;
         const { conversion, t } = editor;
         editor.data.htmlProcessor.domConverter.registerInlineObjectMatcher((element)=>upcastMatcher(element));
@@ -609,8 +633,8 @@ import { FocusTracker, KeystrokeHandler, logWarning } from '@ckeditor/ckeditor5-
         conversion.for('upcast').add((dispatcher)=>dispatcher.on('element:a', dataViewModelAnchorInsertion(editor)));
     }
     /**
-     * Creates a UI element for the `bookmark` representation in editing view.
-     */ _createBookmarkUIElement(writer) {
+	 * Creates a UI element for the `bookmark` representation in editing view.
+	 */ _createBookmarkUIElement(writer) {
         return writer.createUIElement('span', {
             class: 'ck-bookmark__icon'
         }, function(domDocument) {
@@ -626,8 +650,8 @@ import { FocusTracker, KeystrokeHandler, logWarning } from '@ckeditor/ckeditor5-
         });
     }
     /**
-     * Tracking the added or removed bookmark elements.
-     */ _trackBookmarkElements() {
+	 * Tracking the added or removed bookmark elements.
+	 */ _trackBookmarkElements() {
         this._bookmarkElements.forEach((id, element)=>{
             if (element.root.rootName === '$graveyard') {
                 this._bookmarkElements.delete(element);
@@ -727,36 +751,36 @@ const VISUAL_SELECTION_MARKER_NAME = 'bookmark-ui';
  * It registers the `'bookmark'` UI button in the editor's {@link module:ui/componentfactory~ComponentFactory component factory}
  * which inserts the `bookmark` element upon selection.
  */ class BookmarkUI extends Plugin {
-    constructor(){
-        super(...arguments);
-        /**
-         * The actions view displayed inside of the balloon.
-         */ this.actionsView = null;
-        /**
-         * The form view displayed inside the balloon.
-         */ this.formView = null;
-    }
-    /**
-     * @inheritDoc
-     */ static get requires() {
+    /**
+	 * The actions view displayed inside of the balloon.
+	 */ actionsView = null;
+    /**
+	 * The form view displayed inside the balloon.
+	 */ formView = null;
+    /**
+	 * The contextual balloon plugin instance.
+	 */ _balloon;
+    /**
+	 * @inheritDoc
+	 */ static get requires() {
         return [
             BookmarkEditing,
             ContextualBalloon
         ];
     }
     /**
-     * @inheritDoc
-     */ static get pluginName() {
+	 * @inheritDoc
+	 */ static get pluginName() {
         return 'BookmarkUI';
     }
     /**
-     * @inheritDoc
-     */ static get isOfficialPlugin() {
+	 * @inheritDoc
+	 */ static get isOfficialPlugin() {
         return true;
     }
     /**
-     * @inheritDoc
-     */ init() {
+	 * @inheritDoc
+	 */ init() {
         const editor = this.editor;
         editor.editing.view.addObserver(ClickObserver);
         this._balloon = editor.plugins.get(ContextualBalloon);
@@ -789,8 +813,8 @@ const VISUAL_SELECTION_MARKER_NAME = 'bookmark-ui';
         });
     }
     /**
-     * @inheritDoc
-     */ destroy() {
+	 * @inheritDoc
+	 */ destroy() {
         super.destroy();
         // Destroy created UI components as they are not automatically destroyed (see ckeditor5#1341).
         if (this.formView) {
@@ -801,16 +825,16 @@ const VISUAL_SELECTION_MARKER_NAME = 'bookmark-ui';
         }
     }
     /**
-     * Creates views.
-     */ _createViews() {
+	 * Creates views.
+	 */ _createViews() {
         this.actionsView = this._createActionsView();
         this.formView = this._createFormView();
         // Attach lifecycle actions to the the balloon.
         this._enableUserBalloonInteractions();
     }
     /**
-     * Creates the {@link module:bookmark/ui/bookmarkactionsview~BookmarkActionsView} instance.
-     */ _createActionsView() {
+	 * Creates the {@link module:bookmark/ui/bookmarkactionsview~BookmarkActionsView} instance.
+	 */ _createActionsView() {
         const editor = this.editor;
         const actionsView = new BookmarkActionsView(editor.locale);
         const updateBookmarkCommand = editor.commands.get('updateBookmark');
@@ -835,8 +859,8 @@ const VISUAL_SELECTION_MARKER_NAME = 'bookmark-ui';
         return actionsView;
     }
     /**
-     * Creates the {@link module:bookmark/ui/bookmarkformview~BookmarkFormView} instance.
-     */ _createFormView() {
+	 * Creates the {@link module:bookmark/ui/bookmarkformview~BookmarkFormView} instance.
+	 */ _createFormView() {
         const editor = this.editor;
         const locale = editor.locale;
         const insertBookmarkCommand = editor.commands.get('insertBookmark');
@@ -879,9 +903,9 @@ const VISUAL_SELECTION_MARKER_NAME = 'bookmark-ui';
         return formView;
     }
     /**
-     * Creates a toolbar Bookmark button. Clicking this button will show
-     * a {@link #_balloon} attached to the selection.
-     */ _createToolbarBookmarkButton() {
+	 * Creates a toolbar Bookmark button. Clicking this button will show
+	 * a {@link #_balloon} attached to the selection.
+	 */ _createToolbarBookmarkButton() {
         const editor = this.editor;
         editor.ui.componentFactory.add('bookmark', ()=>{
             const buttonView = this._createButton(ButtonView);
@@ -895,8 +919,8 @@ const VISUAL_SELECTION_MARKER_NAME = 'bookmark-ui';
         });
     }
     /**
-     * Creates a button for `bookmark` command to use either in toolbar or in menu bar.
-     */ _createButton(ButtonClass) {
+	 * Creates a button for `bookmark` command to use either in toolbar or in menu bar.
+	 */ _createButton(ButtonClass) {
         const editor = this.editor;
         const locale = editor.locale;
         const view = new ButtonClass(locale);
@@ -917,9 +941,9 @@ const VISUAL_SELECTION_MARKER_NAME = 'bookmark-ui';
         return view;
     }
     /**
-     * Attaches actions that control whether the balloon panel containing the
-     * {@link #formView} should be displayed.
-     */ _enableBalloonActivators() {
+	 * Attaches actions that control whether the balloon panel containing the
+	 * {@link #formView} should be displayed.
+	 */ _enableBalloonActivators() {
         const editor = this.editor;
         const viewDocument = editor.editing.view.document;
         // Handle click on view document and show panel when selection is placed inside the bookmark element.
@@ -933,9 +957,9 @@ const VISUAL_SELECTION_MARKER_NAME = 'bookmark-ui';
         });
     }
     /**
-     * Attaches actions that control whether the balloon panel containing the
-     * {@link #formView} is visible or not.
-     */ _enableUserBalloonInteractions() {
+	 * Attaches actions that control whether the balloon panel containing the
+	 * {@link #formView} is visible or not.
+	 */ _enableUserBalloonInteractions() {
         // Focus the form if the balloon is visible and the Tab key has been pressed.
         this.editor.keystrokes.set('Tab', (data, cancel)=>{
             if (this._areActionsVisible && !this.actionsView.focusTracker.isFocused) {
@@ -965,17 +989,17 @@ const VISUAL_SELECTION_MARKER_NAME = 'bookmark-ui';
         });
     }
     /**
-     * Updates the button label. If bookmark is selected label is set to 'Update' otherwise
-     * it is 'Insert'.
-     */ _updateFormButtonLabel(isBookmarkSelected) {
+	 * Updates the button label. If bookmark is selected label is set to 'Update' otherwise
+	 * it is 'Insert'.
+	 */ _updateFormButtonLabel(isBookmarkSelected) {
         const t = this.editor.locale.t;
         this.formView.buttonView.label = isBookmarkSelected ? t('Update') : t('Insert');
     }
     /**
-     * Adds the {@link #actionsView} to the {@link #_balloon}.
-     *
-     * @internal
-     */ _addActionsView() {
+	 * Adds the {@link #actionsView} to the {@link #_balloon}.
+	 *
+	 * @internal
+	 */ _addActionsView() {
         if (!this.actionsView) {
             this._createViews();
         }
@@ -988,8 +1012,8 @@ const VISUAL_SELECTION_MARKER_NAME = 'bookmark-ui';
         });
     }
     /**
-     * Adds the {@link #formView} to the {@link #_balloon}.
-     */ _addFormView() {
+	 * Adds the {@link #formView} to the {@link #_balloon}.
+	 */ _addFormView() {
         if (!this.formView) {
             this._createViews();
         }
@@ -1012,8 +1036,8 @@ const VISUAL_SELECTION_MARKER_NAME = 'bookmark-ui';
         this.formView.enableCssTransitions();
     }
     /**
-     * Closes the form view. Decides whether the balloon should be hidden completely.
-     */ _closeFormView() {
+	 * Closes the form view. Decides whether the balloon should be hidden completely.
+	 */ _closeFormView() {
         const updateBookmarkCommand = this.editor.commands.get('updateBookmark');
         if (updateBookmarkCommand.value !== undefined) {
             this._removeFormView();
@@ -1022,8 +1046,8 @@ const VISUAL_SELECTION_MARKER_NAME = 'bookmark-ui';
         }
     }
     /**
-     * Removes the {@link #formView} from the {@link #_balloon}.
-     */ _removeFormView() {
+	 * Removes the {@link #formView} from the {@link #_balloon}.
+	 */ _removeFormView() {
         if (this._isFormInPanel) {
             // Blur the input element before removing it from DOM to prevent issues in some browsers.
             // See https://github.com/ckeditor/ckeditor5/issues/1501.
@@ -1038,8 +1062,8 @@ const VISUAL_SELECTION_MARKER_NAME = 'bookmark-ui';
         }
     }
     /**
-     * Shows the correct UI type. It is either {@link #formView} or {@link #actionsView}.
-     */ _showUI(forceVisible = false) {
+	 * Shows the correct UI type. It is either {@link #formView} or {@link #actionsView}.
+	 */ _showUI(forceVisible = false) {
         if (!this.formView) {
             this._createViews();
         }
@@ -1069,10 +1093,10 @@ const VISUAL_SELECTION_MARKER_NAME = 'bookmark-ui';
         this._startUpdatingUI();
     }
     /**
-     * Removes the {@link #formView} from the {@link #_balloon}.
-     *
-     * See {@link #_addFormView}, {@link #_addActionsView}.
-     */ _hideUI() {
+	 * Removes the {@link #formView} from the {@link #_balloon}.
+	 *
+	 * See {@link #_addFormView}, {@link #_addActionsView}.
+	 */ _hideUI() {
         if (!this._isUIInPanel) {
             return;
         }
@@ -1089,11 +1113,11 @@ const VISUAL_SELECTION_MARKER_NAME = 'bookmark-ui';
         this._hideFakeVisualSelection();
     }
     /**
-     * Makes the UI react to the {@link module:ui/editorui/editorui~EditorUI#event:update} event to
-     * reposition itself when the editor UI should be refreshed.
-     *
-     * See: {@link #_hideUI} to learn when the UI stops reacting to the `update` event.
-     */ _startUpdatingUI() {
+	 * Makes the UI react to the {@link module:ui/editorui/editorui~EditorUI#event:update} event to
+	 * reposition itself when the editor UI should be refreshed.
+	 *
+	 * See: {@link #_hideUI} to learn when the UI stops reacting to the `update` event.
+	 */ _startUpdatingUI() {
         const editor = this.editor;
         const viewDocument = editor.editing.view.document;
         let prevSelectedBookmark = this._getSelectedBookmarkElement();
@@ -1129,37 +1153,37 @@ const VISUAL_SELECTION_MARKER_NAME = 'bookmark-ui';
         this.listenTo(this._balloon, 'change:visibleView', update);
     }
     /**
-     * Returns `true` when {@link #formView} is in the {@link #_balloon}.
-     */ get _isFormInPanel() {
+	 * Returns `true` when {@link #formView} is in the {@link #_balloon}.
+	 */ get _isFormInPanel() {
         return !!this.formView && this._balloon.hasView(this.formView);
     }
     /**
-     * Returns `true` when {@link #actionsView} is in the {@link #_balloon}.
-     */ get _areActionsInPanel() {
+	 * Returns `true` when {@link #actionsView} is in the {@link #_balloon}.
+	 */ get _areActionsInPanel() {
         return !!this.actionsView && this._balloon.hasView(this.actionsView);
     }
     /**
-     * Returns `true` when {@link #actionsView} is in the {@link #_balloon} and it is
-     * currently visible.
-     */ get _areActionsVisible() {
+	 * Returns `true` when {@link #actionsView} is in the {@link #_balloon} and it is
+	 * currently visible.
+	 */ get _areActionsVisible() {
         return !!this.actionsView && this._balloon.visibleView === this.actionsView;
     }
     /**
-     * Returns `true` when {@link #actionsView} or {@link #formView} is in the {@link #_balloon}.
-     */ get _isUIInPanel() {
+	 * Returns `true` when {@link #actionsView} or {@link #formView} is in the {@link #_balloon}.
+	 */ get _isUIInPanel() {
         return this._isFormInPanel || this._areActionsInPanel;
     }
     /**
-     * Returns `true` when {@link #actionsView} or {@link #formView} is in the {@link #_balloon} and it is
-     * currently visible.
-     */ get _isUIVisible() {
+	 * Returns `true` when {@link #actionsView} or {@link #formView} is in the {@link #_balloon} and it is
+	 * currently visible.
+	 */ get _isUIVisible() {
         const visibleView = this._balloon.visibleView;
         return !!this.formView && visibleView == this.formView || this._areActionsVisible;
     }
     /**
-     * Returns positioning options for the {@link #_balloon}. They control the way the balloon is attached
-     * to the target element or selection.
-     */ _getBalloonPositionData() {
+	 * Returns positioning options for the {@link #_balloon}. They control the way the balloon is attached
+	 * to the target element or selection.
+	 */ _getBalloonPositionData() {
         const view = this.editor.editing.view;
         const model = this.editor.model;
         let target;
@@ -1182,10 +1206,10 @@ const VISUAL_SELECTION_MARKER_NAME = 'bookmark-ui';
         };
     }
     /**
-     * Returns the bookmark {@link module:engine/view/attributeelement~AttributeElement} under
-     * the {@link module:engine/view/document~Document editing view's} selection or `null`
-     * if there is none.
-     */ _getSelectedBookmarkElement() {
+	 * Returns the bookmark {@link module:engine/view/attributeelement~AttributeElement} under
+	 * the {@link module:engine/view/document~Document editing view's} selection or `null`
+	 * if there is none.
+	 */ _getSelectedBookmarkElement() {
         const selection = this.editor.model.document.selection;
         const element = selection.getSelectedElement();
         if (element && element.is('element', 'bookmark')) {
@@ -1194,10 +1218,10 @@ const VISUAL_SELECTION_MARKER_NAME = 'bookmark-ui';
         return null;
     }
     /**
-     * Displays a fake visual selection when the contextual balloon is displayed.
-     *
-     * This adds a 'bookmark-ui' marker into the document that is rendered as a highlight on selected text fragment.
-     */ _showFakeVisualSelection() {
+	 * Displays a fake visual selection when the contextual balloon is displayed.
+	 *
+	 * This adds a 'bookmark-ui' marker into the document that is rendered as a highlight on selected text fragment.
+	 */ _showFakeVisualSelection() {
         const model = this.editor.model;
         model.change((writer)=>{
             const range = model.document.selection.getFirstRange();
@@ -1226,8 +1250,8 @@ const VISUAL_SELECTION_MARKER_NAME = 'bookmark-ui';
         });
     }
     /**
-     * Hides the fake visual selection created in {@link #_showFakeVisualSelection}.
-     */ _hideFakeVisualSelection() {
+	 * Hides the fake visual selection created in {@link #_showFakeVisualSelection}.
+	 */ _hideFakeVisualSelection() {
         const model = this.editor.model;
         if (model.markers.has(VISUAL_SELECTION_MARKER_NAME)) {
             model.change((writer)=>{
@@ -1272,13 +1296,13 @@ const VISUAL_SELECTION_MARKER_NAME = 'bookmark-ui';
  * For a detailed overview, check the {@glink features/bookmarks Bookmarks} feature guide.
  */ class Bookmark extends Plugin {
     /**
-     * @inheritDoc
-     */ static get pluginName() {
+	 * @inheritDoc
+	 */ static get pluginName() {
         return 'Bookmark';
     }
     /**
-     * @inheritDoc
-     */ static get requires() {
+	 * @inheritDoc
+	 */ static get requires() {
         return [
             BookmarkEditing,
             BookmarkUI,
@@ -1286,8 +1310,8 @@ const VISUAL_SELECTION_MARKER_NAME = 'bookmark-ui';
         ];
     }
     /**
-     * @inheritDoc
-     */ static get isOfficialPlugin() {
+	 * @inheritDoc
+	 */ static get isOfficialPlugin() {
         return true;
     }
 }