@ckeditor/ckeditor5-link 0.0.0-nightly-20240602.0 → 0.0.0-nightly-20240604.0

package/dist/index.js

@@ -5,31 +5,24 @@
 import { Command, Plugin, icons } from '@ckeditor/ckeditor5-core/dist/index.js';
 import { findAttributeRange, TwoStepCaretMovement, Input, inlineHighlight, Delete, TextWatcher, getLastTextLine } from '@ckeditor/ckeditor5-typing/dist/index.js';
 import { ClipboardPipeline } from '@ckeditor/ckeditor5-clipboard/dist/index.js';
-import { toMap, Collection, first, ObservableMixin, env, keyCodes, FocusTracker, KeystrokeHandler } from '@ckeditor/ckeditor5-utils/dist/index.js';
+import { toMap, first, Collection, ObservableMixin, env, keyCodes, FocusTracker, KeystrokeHandler } from '@ckeditor/ckeditor5-utils/dist/index.js';
 import { upperFirst } from 'lodash-es';
 import { ClickObserver, Matcher } from '@ckeditor/ckeditor5-engine/dist/index.js';
-import { View, ViewCollection, FocusCycler, submitHandler, LabeledFieldView, createLabeledInputText, ButtonView, SwitchButtonView, ContextualBalloon, CssTransitionDisablerMixin, MenuBarMenuListItemButtonView, clickOutsideHandler } from '@ckeditor/ckeditor5-ui/dist/index.js';
+import { View, submitHandler, LabeledFieldView, createLabeledInputText, ButtonView, SwitchButtonView, ViewCollection, FocusCycler, ContextualBalloon, CssTransitionDisablerMixin, MenuBarMenuListItemButtonView, clickOutsideHandler } from '@ckeditor/ckeditor5-ui/dist/index.js';
 import { isWidget } from '@ckeditor/ckeditor5-widget/dist/index.js';
 
-/**
- * Helper class that ties together all {@link module:link/linkconfig~LinkDecoratorAutomaticDefinition} and provides
- * the {@link module:engine/conversion/downcasthelpers~DowncastHelpers#attributeToElement downcast dispatchers} for them.
- */ class AutomaticDecorators {
-    /**
-	 * Stores the definition of {@link module:link/linkconfig~LinkDecoratorAutomaticDefinition automatic decorators}.
-	 * This data is used as a source for a downcast dispatcher to create a proper conversion to output data.
-	 */ _definitions = new Set();
+class AutomaticDecorators {
     /**
-	 * Gives information about the number of decorators stored in the {@link module:link/utils/automaticdecorators~AutomaticDecorators}
-	 * instance.
-	 */ get length() {
+     * Gives information about the number of decorators stored in the {@link module:link/utils/automaticdecorators~AutomaticDecorators}
+     * instance.
+     */ get length() {
         return this._definitions.size;
     }
     /**
-	 * Adds automatic decorator objects or an array with them to be used during downcasting.
-	 *
-	 * @param item A configuration object of automatic rules for decorating links. It might also be an array of such objects.
-	 */ add(item) {
+     * Adds automatic decorator objects or an array with them to be used during downcasting.
+     *
+     * @param item A configuration object of automatic rules for decorating links. It might also be an array of such objects.
+     */ add(item) {
         if (Array.isArray(item)) {
             item.forEach((item)=>this._definitions.add(item));
         } else {
@@ -37,10 +30,10 @@ import { isWidget } from '@ckeditor/ckeditor5-widget/dist/index.js';
         }
     }
     /**
-	 * Provides the conversion helper used in the {@link module:engine/conversion/downcasthelpers~DowncastHelpers#add} method.
-	 *
-	 * @returns A dispatcher function used as conversion helper in {@link module:engine/conversion/downcasthelpers~DowncastHelpers#add}.
-	 */ getDispatcher() {
+     * Provides the conversion helper used in the {@link module:engine/conversion/downcasthelpers~DowncastHelpers#add} method.
+     *
+     * @returns A dispatcher function used as conversion helper in {@link module:engine/conversion/downcasthelpers~DowncastHelpers#add}.
+     */ getDispatcher() {
         return (dispatcher)=>{
             dispatcher.on('attribute:linkHref', (evt, data, conversionApi)=>{
                 // There is only test as this behavior decorates links and
@@ -83,11 +76,11 @@ import { isWidget } from '@ckeditor/ckeditor5-widget/dist/index.js';
         };
     }
     /**
-	 * Provides the conversion helper used in the {@link module:engine/conversion/downcasthelpers~DowncastHelpers#add} method
-	 * when linking images.
-	 *
-	 * @returns A dispatcher function used as conversion helper in {@link module:engine/conversion/downcasthelpers~DowncastHelpers#add}.
-	 */ getDispatcherForLinkedImage() {
+     * Provides the conversion helper used in the {@link module:engine/conversion/downcasthelpers~DowncastHelpers#add} method
+     * when linking images.
+     *
+     * @returns A dispatcher function used as conversion helper in {@link module:engine/conversion/downcasthelpers~DowncastHelpers#add}.
+     */ getDispatcherForLinkedImage() {
         return (dispatcher)=>{
             dispatcher.on('attribute:linkHref:imageBlock', (evt, data, { writer, mapper })=>{
                 const viewFigure = mapper.toViewElement(data.item);
@@ -129,6 +122,12 @@ import { isWidget } from '@ckeditor/ckeditor5-widget/dist/index.js';
             });
         };
     }
+    constructor(){
+        /**
+         * Stores the definition of {@link module:link/linkconfig~LinkDecoratorAutomaticDefinition automatic decorators}.
+         * This data is used as a source for a downcast dispatcher to create a proper conversion to output data.
+         */ this._definitions = new Set();
+    }
 }
 
 const ATTRIBUTE_WHITESPACES = /[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205f\u3000]/g; // eslint-disable-line no-control-regex
@@ -256,29 +255,17 @@ const DEFAULT_LINK_PROTOCOLS = [
     window.open(link, '_blank', 'noopener');
 }
 
-/**
- * The link command. It is used by the {@link module:link/link~Link link feature}.
- */ class LinkCommand extends Command {
+class LinkCommand extends Command {
     /**
-	 * A collection of {@link module:link/utils/manualdecorator~ManualDecorator manual decorators}
-	 * corresponding to the {@link module:link/linkconfig~LinkConfig#decorators decorator configuration}.
-	 *
-	 * You can consider it a model with states of manual decorators added to the currently selected link.
-	 */ manualDecorators = new Collection();
-    /**
-	 * An instance of the helper that ties together all {@link module:link/linkconfig~LinkDecoratorAutomaticDefinition}
-	 * that are used by the {@glink features/link link} and the {@glink features/images/images-linking linking images} features.
-	 */ automaticDecorators = new AutomaticDecorators();
-    /**
-	 * Synchronizes the state of {@link #manualDecorators} with the currently present elements in the model.
-	 */ restoreManualDecoratorStates() {
+     * Synchronizes the state of {@link #manualDecorators} with the currently present elements in the model.
+     */ restoreManualDecoratorStates() {
         for (const manualDecorator of this.manualDecorators){
             manualDecorator.value = this._getDecoratorStateFromModel(manualDecorator.id);
         }
     }
     /**
-	 * @inheritDoc
-	 */ refresh() {
+     * @inheritDoc
+     */ refresh() {
         const model = this.editor.model;
         const selection = model.document.selection;
         const selectedElement = selection.getSelectedElement() || first(selection.getSelectedBlocks());
@@ -296,70 +283,70 @@ const DEFAULT_LINK_PROTOCOLS = [
         }
     }
     /**
-	 * Executes the command.
-	 *
-	 * When the selection is non-collapsed, the `linkHref` attribute will be applied to nodes inside the selection, but only to
-	 * those nodes where the `linkHref` attribute is allowed (disallowed nodes will be omitted).
-	 *
-	 * When the selection is collapsed and is not inside the text with the `linkHref` attribute, a
-	 * new {@link module:engine/model/text~Text text node} with the `linkHref` attribute will be inserted in place of the caret, but
-	 * only if such element is allowed in this place. The `_data` of the inserted text will equal the `href` parameter.
-	 * The selection will be updated to wrap the just inserted text node.
-	 *
-	 * When the selection is collapsed and inside the text with the `linkHref` attribute, the attribute value will be updated.
-	 *
-	 * # Decorators and model attribute management
-	 *
-	 * There is an optional argument to this command that applies or removes model
-	 * {@glink framework/architecture/editing-engine#text-attributes text attributes} brought by
-	 * {@link module:link/utils/manualdecorator~ManualDecorator manual link decorators}.
-	 *
-	 * Text attribute names in the model correspond to the entries in the {@link module:link/linkconfig~LinkConfig#decorators
-	 * configuration}.
-	 * For every decorator configured, a model text attribute exists with the "link" prefix. For example, a `'linkMyDecorator'` attribute
-	 * corresponds to `'myDecorator'` in the configuration.
-	 *
-	 * To learn more about link decorators, check out the {@link module:link/linkconfig~LinkConfig#decorators `config.link.decorators`}
-	 * documentation.
-	 *
-	 * Here is how to manage decorator attributes with the link command:
-	 *
-	 * ```ts
-	 * const linkCommand = editor.commands.get( 'link' );
-	 *
-	 * // Adding a new decorator attribute.
-	 * linkCommand.execute( 'http://example.com', {
-	 * 	linkIsExternal: true
-	 * } );
-	 *
-	 * // Removing a decorator attribute from the selection.
-	 * linkCommand.execute( 'http://example.com', {
-	 * 	linkIsExternal: false
-	 * } );
-	 *
-	 * // Adding multiple decorator attributes at the same time.
-	 * linkCommand.execute( 'http://example.com', {
-	 * 	linkIsExternal: true,
-	 * 	linkIsDownloadable: true,
-	 * } );
-	 *
-	 * // Removing and adding decorator attributes at the same time.
-	 * linkCommand.execute( 'http://example.com', {
-	 * 	linkIsExternal: false,
-	 * 	linkFoo: true,
-	 * 	linkIsDownloadable: false,
-	 * } );
-	 * ```
-	 *
-	 * **Note**: If the decorator attribute name is not specified, its state remains untouched.
-	 *
-	 * **Note**: {@link module:link/unlinkcommand~UnlinkCommand#execute `UnlinkCommand#execute()`} removes all
-	 * decorator attributes.
-	 *
-	 * @fires execute
-	 * @param href Link destination.
-	 * @param manualDecoratorIds The information about manual decorator attributes to be applied or removed upon execution.
-	 */ execute(href, manualDecoratorIds = {}) {
+     * Executes the command.
+     *
+     * When the selection is non-collapsed, the `linkHref` attribute will be applied to nodes inside the selection, but only to
+     * those nodes where the `linkHref` attribute is allowed (disallowed nodes will be omitted).
+     *
+     * When the selection is collapsed and is not inside the text with the `linkHref` attribute, a
+     * new {@link module:engine/model/text~Text text node} with the `linkHref` attribute will be inserted in place of the caret, but
+     * only if such element is allowed in this place. The `_data` of the inserted text will equal the `href` parameter.
+     * The selection will be updated to wrap the just inserted text node.
+     *
+     * When the selection is collapsed and inside the text with the `linkHref` attribute, the attribute value will be updated.
+     *
+     * # Decorators and model attribute management
+     *
+     * There is an optional argument to this command that applies or removes model
+     * {@glink framework/architecture/editing-engine#text-attributes text attributes} brought by
+     * {@link module:link/utils/manualdecorator~ManualDecorator manual link decorators}.
+     *
+     * Text attribute names in the model correspond to the entries in the {@link module:link/linkconfig~LinkConfig#decorators
+     * configuration}.
+     * For every decorator configured, a model text attribute exists with the "link" prefix. For example, a `'linkMyDecorator'` attribute
+     * corresponds to `'myDecorator'` in the configuration.
+     *
+     * To learn more about link decorators, check out the {@link module:link/linkconfig~LinkConfig#decorators `config.link.decorators`}
+     * documentation.
+     *
+     * Here is how to manage decorator attributes with the link command:
+     *
+     * ```ts
+     * const linkCommand = editor.commands.get( 'link' );
+     *
+     * // Adding a new decorator attribute.
+     * linkCommand.execute( 'http://example.com', {
+     * 	linkIsExternal: true
+     * } );
+     *
+     * // Removing a decorator attribute from the selection.
+     * linkCommand.execute( 'http://example.com', {
+     * 	linkIsExternal: false
+     * } );
+     *
+     * // Adding multiple decorator attributes at the same time.
+     * linkCommand.execute( 'http://example.com', {
+     * 	linkIsExternal: true,
+     * 	linkIsDownloadable: true,
+     * } );
+     *
+     * // Removing and adding decorator attributes at the same time.
+     * linkCommand.execute( 'http://example.com', {
+     * 	linkIsExternal: false,
+     * 	linkFoo: true,
+     * 	linkIsDownloadable: false,
+     * } );
+     * ```
+     *
+     * **Note**: If the decorator attribute name is not specified, its state remains untouched.
+     *
+     * **Note**: {@link module:link/unlinkcommand~UnlinkCommand#execute `UnlinkCommand#execute()`} removes all
+     * decorator attributes.
+     *
+     * @fires execute
+     * @param href Link destination.
+     * @param manualDecoratorIds The information about manual decorator attributes to be applied or removed upon execution.
+     */ execute(href, manualDecoratorIds = {}) {
         const model = this.editor.model;
         const selection = model.document.selection;
         // Stores information about manual decorators to turn them on/off when command is applied.
@@ -455,11 +442,11 @@ const DEFAULT_LINK_PROTOCOLS = [
         });
     }
     /**
-	 * Provides information whether a decorator with a given name is present in the currently processed selection.
-	 *
-	 * @param decoratorName The name of the manual decorator used in the model
-	 * @returns The information whether a given decorator is currently present in the selection.
-	 */ _getDecoratorStateFromModel(decoratorName) {
+     * Provides information whether a decorator with a given name is present in the currently processed selection.
+     *
+     * @param decoratorName The name of the manual decorator used in the model
+     * @returns The information whether a given decorator is currently present in the selection.
+     */ _getDecoratorStateFromModel(decoratorName) {
         const model = this.editor.model;
         const selection = model.document.selection;
         const selectedElement = selection.getSelectedElement();
@@ -471,11 +458,11 @@ const DEFAULT_LINK_PROTOCOLS = [
         return selection.getAttribute(decoratorName);
     }
     /**
-	 * Checks whether specified `range` is inside an element that accepts the `linkHref` attribute.
-	 *
-	 * @param range A range to check.
-	 * @param allowedRanges An array of ranges created on elements where the attribute is accepted.
-	 */ _isRangeToUpdate(range, allowedRanges) {
+     * Checks whether specified `range` is inside an element that accepts the `linkHref` attribute.
+     *
+     * @param range A range to check.
+     * @param allowedRanges An array of ranges created on elements where the attribute is accepted.
+     */ _isRangeToUpdate(range, allowedRanges) {
         for (const allowedRange of allowedRanges){
             // A range is inside an element that will have the `linkHref` attribute. Do not modify its nodes.
             if (allowedRange.containsRange(range)) {
@@ -485,18 +472,31 @@ const DEFAULT_LINK_PROTOCOLS = [
         return true;
     }
     /**
-	 * Updates selected link with a new value as its content and as its href attribute.
-	 *
-	 * @param model Model is need to insert content.
-	 * @param writer Writer is need to create text element in model.
-	 * @param range A range where should be inserted content.
-	 * @param href A link value which should be in the href attribute and in the content.
-	 */ _updateLinkContent(model, writer, range, href) {
+     * Updates selected link with a new value as its content and as its href attribute.
+     *
+     * @param model Model is need to insert content.
+     * @param writer Writer is need to create text element in model.
+     * @param range A range where should be inserted content.
+     * @param href A link value which should be in the href attribute and in the content.
+     */ _updateLinkContent(model, writer, range, href) {
         const text = writer.createText(href, {
             linkHref: href
         });
         return model.insertContent(text, range);
     }
+    constructor(){
+        super(...arguments);
+        /**
+         * A collection of {@link module:link/utils/manualdecorator~ManualDecorator manual decorators}
+         * corresponding to the {@link module:link/linkconfig~LinkConfig#decorators decorator configuration}.
+         *
+         * You can consider it a model with states of manual decorators added to the currently selected link.
+         */ this.manualDecorators = new Collection();
+        /**
+         * An instance of the helper that ties together all {@link module:link/linkconfig~LinkDecoratorAutomaticDefinition}
+         * that are used by the {@glink features/link link} and the {@glink features/images/images-linking linking images} features.
+         */ this.automaticDecorators = new AutomaticDecorators();
+    }
 }
 // Returns a text of a link under the collapsed selection or a selection that contains the entire link.
 function extractTextFromSelection(selection) {
@@ -516,12 +516,10 @@ function extractTextFromSelection(selection) {
     }
 }
 
-/**
- * The unlink command. It is used by the {@link module:link/link~Link link plugin}.
- */ class UnlinkCommand extends Command {
+class UnlinkCommand extends Command {
     /**
-	 * @inheritDoc
-	 */ refresh() {
+     * @inheritDoc
+     */ refresh() {
         const model = this.editor.model;
         const selection = model.document.selection;
         const selectedElement = selection.getSelectedElement();
@@ -534,18 +532,18 @@ function extractTextFromSelection(selection) {
         }
     }
     /**
-	 * Executes the command.
-	 *
-	 * When the selection is collapsed, it removes the `linkHref` attribute from each node with the same `linkHref` attribute value.
-	 * When the selection is non-collapsed, it removes the `linkHref` attribute from each node in selected ranges.
-	 *
-	 * # Decorators
-	 *
-	 * If {@link module:link/linkconfig~LinkConfig#decorators `config.link.decorators`} is specified,
-	 * all configured decorators are removed together with the `linkHref` attribute.
-	 *
-	 * @fires execute
-	 */ execute() {
+     * Executes the command.
+     *
+     * When the selection is collapsed, it removes the `linkHref` attribute from each node with the same `linkHref` attribute value.
+     * When the selection is non-collapsed, it removes the `linkHref` attribute from each node in selected ranges.
+     *
+     * # Decorators
+     *
+     * If {@link module:link/linkconfig~LinkConfig#decorators `config.link.decorators`} is specified,
+     * all configured decorators are removed together with the `linkHref` attribute.
+     *
+     * @fires execute
+     */ execute() {
         const editor = this.editor;
         const model = this.editor.model;
         const selection = model.document.selection;
@@ -569,42 +567,28 @@ function extractTextFromSelection(selection) {
     }
 }
 
-/**
- * Helper class that stores manual decorators with observable {@link module:link/utils/manualdecorator~ManualDecorator#value}
- * to support integration with the UI state. An instance of this class is a model with the state of individual manual decorators.
- * These decorators are kept as collections in {@link module:link/linkcommand~LinkCommand#manualDecorators}.
- */ class ManualDecorator extends /* #__PURE__ */ ObservableMixin() {
-    /**
-	 * An ID of a manual decorator which is the name of the attribute in the model, for example: 'linkManualDecorator0'.
-	 */ id;
-    /**
-	 * The default value of manual decorator.
-	 */ defaultValue;
-    /**
-	 * The label used in the user interface to toggle the manual decorator.
-	 */ label;
-    /**
-	 * A set of attributes added to downcasted data when the decorator is activated for a specific link.
-	 * Attributes should be added in a form of attributes defined in {@link module:engine/view/elementdefinition~ElementDefinition}.
-	 */ attributes;
-    /**
-	 * A set of classes added to downcasted data when the decorator is activated for a specific link.
-	 * Classes should be added in a form of classes defined in {@link module:engine/view/elementdefinition~ElementDefinition}.
-	 */ classes;
-    /**
-	 * A set of styles added to downcasted data when the decorator is activated for a specific link.
-	 * Styles should be added in a form of styles defined in {@link module:engine/view/elementdefinition~ElementDefinition}.
-	 */ styles;
-    /**
-	 * Creates a new instance of {@link module:link/utils/manualdecorator~ManualDecorator}.
-	 *
-	 * @param config.id The name of the attribute used in the model that represents a given manual decorator.
-	 * For example: `'linkIsExternal'`.
-	 * @param config.label The label used in the user interface to toggle the manual decorator.
-	 * @param config.attributes A set of attributes added to output data when the decorator is active for a specific link.
-	 * Attributes should keep the format of attributes defined in {@link module:engine/view/elementdefinition~ElementDefinition}.
-	 * @param [config.defaultValue] Controls whether the decorator is "on" by default.
-	 */ constructor({ id, label, attributes, classes, styles, defaultValue }){
+class ManualDecorator extends ObservableMixin() {
+    /**
+     * Returns {@link module:engine/view/matcher~MatcherPattern} with decorator attributes.
+     *
+     * @internal
+     */ _createPattern() {
+        return {
+            attributes: this.attributes,
+            classes: this.classes,
+            styles: this.styles
+        };
+    }
+    /**
+     * Creates a new instance of {@link module:link/utils/manualdecorator~ManualDecorator}.
+     *
+     * @param config.id The name of the attribute used in the model that represents a given manual decorator.
+     * For example: `'linkIsExternal'`.
+     * @param config.label The label used in the user interface to toggle the manual decorator.
+     * @param config.attributes A set of attributes added to output data when the decorator is active for a specific link.
+     * Attributes should keep the format of attributes defined in {@link module:engine/view/elementdefinition~ElementDefinition}.
+     * @param [config.defaultValue] Controls whether the decorator is "on" by default.
+     */ constructor({ id, label, attributes, classes, styles, defaultValue }){
         super();
         this.id = id;
         this.set('value', undefined);
@@ -614,37 +598,21 @@ function extractTextFromSelection(selection) {
         this.classes = classes;
         this.styles = styles;
     }
-    /**
-	 * Returns {@link module:engine/view/matcher~MatcherPattern} with decorator attributes.
-	 *
-	 * @internal
-	 */ _createPattern() {
-        return {
-            attributes: this.attributes,
-            classes: this.classes,
-            styles: this.styles
-        };
-    }
 }
 
 const HIGHLIGHT_CLASS = 'ck-link_selected';
 const DECORATOR_AUTOMATIC = 'automatic';
 const DECORATOR_MANUAL = 'manual';
 const EXTERNAL_LINKS_REGEXP = /^(https?:)?\/\//;
-/**
- * The link engine feature.
- *
- * It introduces the `linkHref="url"` attribute in the model which renders to the view as a `<a href="url">` element
- * as well as `'link'` and `'unlink'` commands.
- */ class LinkEditing extends Plugin {
+class LinkEditing extends Plugin {
     /**
-	 * @inheritDoc
-	 */ static get pluginName() {
+     * @inheritDoc
+     */ static get pluginName() {
         return 'LinkEditing';
     }
     /**
-	 * @inheritDoc
-	 */ static get requires() {
+     * @inheritDoc
+     */ static get requires() {
         // Clipboard is required for handling cut and paste events while typing over the link.
         return [
             TwoStepCaretMovement,
@@ -653,17 +621,8 @@ const EXTERNAL_LINKS_REGEXP = /^(https?:)?\/\//;
         ];
     }
     /**
-	 * @inheritDoc
-	 */ constructor(editor){
-        super(editor);
-        editor.config.define('link', {
-            allowCreatingEmptyLinks: false,
-            addTargetToExternalLinks: false
-        });
-    }
-    /**
-	 * @inheritDoc
-	 */ init() {
+     * @inheritDoc
+     */ init() {
         const editor = this.editor;
         const allowedProtocols = this.editor.config.get('link.allowedProtocols');
         // Allow link attribute on all inline nodes.
@@ -711,14 +670,14 @@ const EXTERNAL_LINKS_REGEXP = /^(https?:)?\/\//;
         this._enableClipboardIntegration();
     }
     /**
-	 * Processes an array of configured {@link module:link/linkconfig~LinkDecoratorAutomaticDefinition automatic decorators}
-	 * and registers a {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher downcast dispatcher}
-	 * for each one of them. Downcast dispatchers are obtained using the
-	 * {@link module:link/utils/automaticdecorators~AutomaticDecorators#getDispatcher} method.
-	 *
-	 * **Note**: This method also activates the automatic external link decorator if enabled with
-	 * {@link module:link/linkconfig~LinkConfig#addTargetToExternalLinks `config.link.addTargetToExternalLinks`}.
-	 */ _enableAutomaticDecorators(automaticDecoratorDefinitions) {
+     * Processes an array of configured {@link module:link/linkconfig~LinkDecoratorAutomaticDefinition automatic decorators}
+     * and registers a {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher downcast dispatcher}
+     * for each one of them. Downcast dispatchers are obtained using the
+     * {@link module:link/utils/automaticdecorators~AutomaticDecorators#getDispatcher} method.
+     *
+     * **Note**: This method also activates the automatic external link decorator if enabled with
+     * {@link module:link/linkconfig~LinkConfig#addTargetToExternalLinks `config.link.addTargetToExternalLinks`}.
+     */ _enableAutomaticDecorators(automaticDecoratorDefinitions) {
         const editor = this.editor;
         // Store automatic decorators in the command instance as we do the same with manual decorators.
         // Thanks to that, `LinkImageEditing` plugin can re-use the same definitions.
@@ -742,14 +701,14 @@ const EXTERNAL_LINKS_REGEXP = /^(https?:)?\/\//;
         }
     }
     /**
-	 * Processes an array of configured {@link module:link/linkconfig~LinkDecoratorManualDefinition manual decorators},
-	 * transforms them into {@link module:link/utils/manualdecorator~ManualDecorator} instances and stores them in the
-	 * {@link module:link/linkcommand~LinkCommand#manualDecorators} collection (a model for manual decorators state).
-	 *
-	 * Also registers an {@link module:engine/conversion/downcasthelpers~DowncastHelpers#attributeToElement attribute-to-element}
-	 * converter for each manual decorator and extends the {@link module:engine/model/schema~Schema model's schema}
-	 * with adequate model attributes.
-	 */ _enableManualDecorators(manualDecoratorDefinitions) {
+     * Processes an array of configured {@link module:link/linkconfig~LinkDecoratorManualDefinition manual decorators},
+     * transforms them into {@link module:link/utils/manualdecorator~ManualDecorator} instances and stores them in the
+     * {@link module:link/linkcommand~LinkCommand#manualDecorators} collection (a model for manual decorators state).
+     *
+     * Also registers an {@link module:engine/conversion/downcasthelpers~DowncastHelpers#attributeToElement attribute-to-element}
+     * converter for each manual decorator and extends the {@link module:engine/model/schema~Schema model's schema}
+     * with adequate model attributes.
+     */ _enableManualDecorators(manualDecoratorDefinitions) {
         if (!manualDecoratorDefinitions.length) {
             return;
         }
@@ -797,9 +756,9 @@ const EXTERNAL_LINKS_REGEXP = /^(https?:)?\/\//;
         });
     }
     /**
-	 * Attaches handlers for {@link module:engine/view/document~Document#event:enter} and
-	 * {@link module:engine/view/document~Document#event:click} to enable link following.
-	 */ _enableLinkOpen() {
+     * Attaches handlers for {@link module:engine/view/document~Document#event:enter} and
+     * {@link module:engine/view/document~Document#event:click} to enable link following.
+     */ _enableLinkOpen() {
         const editor = this.editor;
         const view = editor.editing.view;
         const viewDocument = view.document;
@@ -838,10 +797,10 @@ const EXTERNAL_LINKS_REGEXP = /^(https?:)?\/\//;
         });
     }
     /**
-	 * Watches the DocumentSelection attribute changes and removes link decorator attributes when the linkHref attribute is removed.
-	 *
-	 * This is to ensure that there is no left-over link decorator attributes on the document selection that is no longer in a link.
-	 */ _enableSelectionAttributesFixer() {
+     * Watches the DocumentSelection attribute changes and removes link decorator attributes when the linkHref attribute is removed.
+     *
+     * This is to ensure that there is no left-over link decorator attributes on the document selection that is no longer in a link.
+     */ _enableSelectionAttributesFixer() {
         const editor = this.editor;
         const model = editor.model;
         const selection = model.document.selection;
@@ -855,8 +814,8 @@ const EXTERNAL_LINKS_REGEXP = /^(https?:)?\/\//;
         });
     }
     /**
-	 * Enables URL fixing on pasting.
-	 */ _enableClipboardIntegration() {
+     * Enables URL fixing on pasting.
+     */ _enableClipboardIntegration() {
         const editor = this.editor;
         const model = editor.model;
         const defaultProtocol = this.editor.config.get('link.defaultProtocol');
@@ -875,6 +834,15 @@ const EXTERNAL_LINKS_REGEXP = /^(https?:)?\/\//;
             });
         });
     }
+    /**
+     * @inheritDoc
+     */ constructor(editor){
+        super(editor);
+        editor.config.define('link', {
+            allowCreatingEmptyLinks: false,
+            addTargetToExternalLinks: false
+        });
+    }
 }
 /**
  * Make the selection free of link-related model attributes.
@@ -893,105 +861,22 @@ const EXTERNAL_LINKS_REGEXP = /^(https?:)?\/\//;
     return textAttributes.filter((attribute)=>attribute.startsWith('link'));
 }
 
-/**
- * The link form view controller class.
- *
- * See {@link module:link/ui/linkformview~LinkFormView}.
- */ class LinkFormView extends View {
-    /**
-	 * Tracks information about DOM focus in the form.
-	 */ focusTracker = new FocusTracker();
-    /**
-	 * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.
-	 */ keystrokes = new KeystrokeHandler();
-    /**
-	 * The URL input view.
-	 */ urlInputView;
-    /**
-	 * The Save button view.
-	 */ saveButtonView;
-    /**
-	 * The Cancel button view.
-	 */ cancelButtonView;
-    /**
-	 * A collection of {@link module:ui/button/switchbuttonview~SwitchButtonView},
-	 * which corresponds to {@link module:link/linkcommand~LinkCommand#manualDecorators manual decorators}
-	 * configured in the editor.
-	 */ _manualDecoratorSwitches;
-    /**
-	 * A collection of 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:link/ui/linkformview~LinkFormView} class.
-	 *
-	 * Also see {@link #render}.
-	 *
-	 * @param locale The localization services instance.
-	 * @param linkCommand Reference to {@link module:link/linkcommand~LinkCommand}.
-	 * @param validators  Form validators used by {@link #isValid}.
-	 */ constructor(locale, linkCommand, validators){
-        super(locale);
-        const t = locale.t;
-        this._validators = validators;
-        this.urlInputView = this._createUrlInput();
-        this.saveButtonView = this._createButton(t('Save'), icons.check, 'ck-button-save');
-        this.saveButtonView.type = 'submit';
-        this.cancelButtonView = this._createButton(t('Cancel'), icons.cancel, 'ck-button-cancel', 'cancel');
-        this._manualDecoratorSwitches = this._createManualDecoratorSwitches(linkCommand);
-        this.children = this._createFormChildren(linkCommand.manualDecorators);
-        this._focusCycler = new FocusCycler({
-            focusables: this._focusables,
-            focusTracker: this.focusTracker,
-            keystrokeHandler: this.keystrokes,
-            actions: {
-                // Navigate form fields backwards using the Shift + Tab keystroke.
-                focusPrevious: 'shift + tab',
-                // Navigate form fields forwards using the Tab key.
-                focusNext: 'tab'
-            }
-        });
-        const classList = [
-            'ck',
-            'ck-link-form',
-            'ck-responsive-form'
-        ];
-        if (linkCommand.manualDecorators.length) {
-            classList.push('ck-link-form_layout-vertical', 'ck-vertical-form');
-        }
-        this.setTemplate({
-            tag: 'form',
-            attributes: {
-                class: classList,
-                // https://github.com/ckeditor/ckeditor5-link/issues/90
-                tabindex: '-1'
-            },
-            children: this.children
-        });
-    }
-    /**
-	 * Obtains the state of the {@link module:ui/button/switchbuttonview~SwitchButtonView switch buttons} representing
-	 * {@link module:link/linkcommand~LinkCommand#manualDecorators manual link decorators}
-	 * in the {@link module:link/ui/linkformview~LinkFormView}.
-	 *
-	 * @returns Key-value pairs, where the key is the name of the decorator and the value is its state.
-	 */ getDecoratorSwitchesState() {
+class LinkFormView extends View {
+    /**
+     * Obtains the state of the {@link module:ui/button/switchbuttonview~SwitchButtonView switch buttons} representing
+     * {@link module:link/linkcommand~LinkCommand#manualDecorators manual link decorators}
+     * in the {@link module:link/ui/linkformview~LinkFormView}.
+     *
+     * @returns Key-value pairs, where the key is the name of the decorator and the value is its state.
+     */ getDecoratorSwitchesState() {
         return Array.from(this._manualDecoratorSwitches).reduce((accumulator, switchButton)=>{
             accumulator[switchButton.name] = switchButton.isOn;
             return accumulator;
         }, {});
     }
     /**
-	 * @inheritDoc
-	 */ render() {
+     * @inheritDoc
+     */ render() {
         super.render();
         submitHandler({
             view: this
@@ -1012,20 +897,20 @@ const EXTERNAL_LINKS_REGEXP = /^(https?:)?\/\//;
         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);
@@ -1039,33 +924,32 @@ const EXTERNAL_LINKS_REGEXP = /^(https?:)?\/\//;
         return true;
     }
     /**
-	 * Cleans up the supplementary error and information text of the {@link #urlInputView}
-	 * 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 #urlInputView}
+     * bringing them back to the state when the form has been displayed for the first time.
+     *
+     * See {@link #isValid}.
+     */ resetFormStatus() {
         this.urlInputView.errorText = null;
     }
     /**
-	 * Creates a labeled input view.
-	 *
-	 * @returns Labeled field view instance.
-	 */ _createUrlInput() {
+     * Creates a labeled input view.
+     *
+     * @returns Labeled field view instance.
+     */ _createUrlInput() {
         const t = this.locale.t;
         const labeledInput = new LabeledFieldView(this.locale, createLabeledInputText);
-        labeledInput.fieldView.inputMode = 'url';
         labeledInput.label = t('Link URL');
         return labeledInput;
     }
     /**
-	 * Creates a button view.
-	 *
-	 * @param label The button label.
-	 * @param icon The button icon.
-	 * @param className The additional button CSS class name.
-	 * @param eventName An event name that the `ButtonView#execute` event will be delegated to.
-	 * @returns The button view instance.
-	 */ _createButton(label, icon, className, eventName) {
+     * Creates a button view.
+     *
+     * @param label The button label.
+     * @param icon The button icon.
+     * @param className The additional button CSS class name.
+     * @param eventName An event name that the `ButtonView#execute` event will be delegated to.
+     * @returns The button view instance.
+     */ _createButton(label, icon, className, eventName) {
         const button = new ButtonView(this.locale);
         button.set({
             label,
@@ -1083,12 +967,12 @@ const EXTERNAL_LINKS_REGEXP = /^(https?:)?\/\//;
         return button;
     }
     /**
-	 * Populates {@link module:ui/viewcollection~ViewCollection} of {@link module:ui/button/switchbuttonview~SwitchButtonView}
-	 * made based on {@link module:link/linkcommand~LinkCommand#manualDecorators}.
-	 *
-	 * @param linkCommand A reference to the link command.
-	 * @returns ViewCollection of switch buttons.
-	 */ _createManualDecoratorSwitches(linkCommand) {
+     * Populates {@link module:ui/viewcollection~ViewCollection} of {@link module:ui/button/switchbuttonview~SwitchButtonView}
+     * made based on {@link module:link/linkcommand~LinkCommand#manualDecorators}.
+     *
+     * @param linkCommand A reference to the link command.
+     * @returns ViewCollection of switch buttons.
+     */ _createManualDecoratorSwitches(linkCommand) {
         const switches = this.createCollection();
         for (const manualDecorator of linkCommand.manualDecorators){
             const switchButton = new SwitchButtonView(this.locale);
@@ -1111,16 +995,16 @@ const EXTERNAL_LINKS_REGEXP = /^(https?:)?\/\//;
         return switches;
     }
     /**
-	 * Populates the {@link #children} collection of the form.
-	 *
-	 * If {@link module:link/linkcommand~LinkCommand#manualDecorators manual decorators} are configured in the editor, it creates an
-	 * additional `View` wrapping all {@link #_manualDecoratorSwitches} switch buttons corresponding
-	 * to these decorators.
-	 *
-	 * @param manualDecorators A reference to
-	 * the collection of manual decorators stored in the link command.
-	 * @returns The children of link form view.
-	 */ _createFormChildren(manualDecorators) {
+     * Populates the {@link #children} collection of the form.
+     *
+     * If {@link module:link/linkcommand~LinkCommand#manualDecorators manual decorators} are configured in the editor, it creates an
+     * additional `View` wrapping all {@link #_manualDecoratorSwitches} switch buttons corresponding
+     * to these decorators.
+     *
+     * @param manualDecorators A reference to
+     * the collection of manual decorators stored in the link command.
+     * @returns The children of link form view.
+     */ _createFormChildren(manualDecorators) {
         const children = this.createCollection();
         children.add(this.urlInputView);
         if (manualDecorators.length) {
@@ -1154,89 +1038,81 @@ const EXTERNAL_LINKS_REGEXP = /^(https?:)?\/\//;
         return children;
     }
     /**
-	 * The native DOM `value` of the {@link #urlInputView} 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 url() {
+     * The native DOM `value` of the {@link #urlInputView} 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 url() {
         const { element } = this.urlInputView.fieldView;
         if (!element) {
             return null;
         }
         return element.value.trim();
     }
-}
-
-var unlinkIcon = "<svg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m11.077 15 .991-1.416a.75.75 0 1 1 1.229.86l-1.148 1.64a.748.748 0 0 1-.217.206 5.251 5.251 0 0 1-8.503-5.955.741.741 0 0 1 .12-.274l1.147-1.639a.75.75 0 1 1 1.228.86L4.933 10.7l.006.003a3.75 3.75 0 0 0 6.132 4.294l.006.004zm5.494-5.335a.748.748 0 0 1-.12.274l-1.147 1.639a.75.75 0 1 1-1.228-.86l.86-1.23a3.75 3.75 0 0 0-6.144-4.301l-.86 1.229a.75.75 0 0 1-1.229-.86l1.148-1.64a.748.748 0 0 1 .217-.206 5.251 5.251 0 0 1 8.503 5.955zm-4.563-2.532a.75.75 0 0 1 .184 1.045l-3.155 4.505a.75.75 0 1 1-1.229-.86l3.155-4.506a.75.75 0 0 1 1.045-.184zm4.919 10.562-1.414 1.414a.75.75 0 1 1-1.06-1.06l1.414-1.415-1.415-1.414a.75.75 0 0 1 1.061-1.06l1.414 1.414 1.414-1.415a.75.75 0 0 1 1.061 1.061l-1.414 1.414 1.414 1.415a.75.75 0 0 1-1.06 1.06l-1.415-1.414z\"/></svg>";
-
-/**
- * The link actions view class. This view displays the link preview, allows
- * unlinking or editing the link.
- */ class LinkActionsView extends View {
-    /**
-	 * Tracks information about DOM focus in the actions.
-	 */ focusTracker = new FocusTracker();
-    /**
-	 * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.
-	 */ keystrokes = new KeystrokeHandler();
     /**
-	 * The href preview view.
-	 */ previewButtonView;
-    /**
-	 * The unlink button view.
-	 */ unlinkButtonView;
-    /**
-	 * The edit link 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;
-    _linkConfig;
-    /**
-	 * @inheritDoc
-	 */ constructor(locale, linkConfig = {}){
+     * Creates an instance of the {@link module:link/ui/linkformview~LinkFormView} class.
+     *
+     * Also see {@link #render}.
+     *
+     * @param locale The localization services instance.
+     * @param linkCommand Reference to {@link module:link/linkcommand~LinkCommand}.
+     * @param validators  Form validators used by {@link #isValid}.
+     */ constructor(locale, linkCommand, 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.previewButtonView = this._createPreviewButton();
-        this.unlinkButtonView = this._createButton(t('Unlink'), unlinkIcon, 'unlink');
-        this.editButtonView = this._createButton(t('Edit link'), icons.pencil, 'edit');
-        this.set('href', undefined);
-        this._linkConfig = linkConfig;
+        this._validators = validators;
+        this.urlInputView = this._createUrlInput();
+        this.saveButtonView = this._createButton(t('Save'), icons.check, 'ck-button-save');
+        this.saveButtonView.type = 'submit';
+        this.cancelButtonView = this._createButton(t('Cancel'), icons.cancel, 'ck-button-cancel', 'cancel');
+        this._manualDecoratorSwitches = this._createManualDecoratorSwitches(linkCommand);
+        this.children = this._createFormChildren(linkCommand.manualDecorators);
         this._focusCycler = new FocusCycler({
             focusables: this._focusables,
             focusTracker: this.focusTracker,
             keystrokeHandler: this.keystrokes,
             actions: {
-                // Navigate fields backwards using the Shift + Tab keystroke.
+                // Navigate form fields backwards using the Shift + Tab keystroke.
                 focusPrevious: 'shift + tab',
-                // Navigate fields forwards using the Tab key.
+                // Navigate form fields forwards using the Tab key.
                 focusNext: 'tab'
             }
         });
+        const classList = [
+            'ck',
+            'ck-link-form',
+            'ck-responsive-form'
+        ];
+        if (linkCommand.manualDecorators.length) {
+            classList.push('ck-link-form_layout-vertical', 'ck-vertical-form');
+        }
         this.setTemplate({
-            tag: 'div',
+            tag: 'form',
             attributes: {
-                class: [
-                    'ck',
-                    'ck-link-actions',
-                    'ck-responsive-form'
-                ],
+                class: classList,
                 // https://github.com/ckeditor/ckeditor5-link/issues/90
                 tabindex: '-1'
             },
-            children: [
-                this.previewButtonView,
-                this.editButtonView,
-                this.unlinkButtonView
-            ]
+            children: this.children
         });
     }
+}
+
+var unlinkIcon = "<svg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m11.077 15 .991-1.416a.75.75 0 1 1 1.229.86l-1.148 1.64a.748.748 0 0 1-.217.206 5.251 5.251 0 0 1-8.503-5.955.741.741 0 0 1 .12-.274l1.147-1.639a.75.75 0 1 1 1.228.86L4.933 10.7l.006.003a3.75 3.75 0 0 0 6.132 4.294l.006.004zm5.494-5.335a.748.748 0 0 1-.12.274l-1.147 1.639a.75.75 0 1 1-1.228-.86l.86-1.23a3.75 3.75 0 0 0-6.144-4.301l-.86 1.229a.75.75 0 0 1-1.229-.86l1.148-1.64a.748.748 0 0 1 .217-.206 5.251 5.251 0 0 1 8.503 5.955zm-4.563-2.532a.75.75 0 0 1 .184 1.045l-3.155 4.505a.75.75 0 1 1-1.229-.86l3.155-4.506a.75.75 0 0 1 1.045-.184zm4.919 10.562-1.414 1.414a.75.75 0 1 1-1.06-1.06l1.414-1.415-1.415-1.414a.75.75 0 0 1 1.061-1.06l1.414 1.414 1.414-1.415a.75.75 0 0 1 1.061 1.061l-1.414 1.414 1.414 1.415a.75.75 0 0 1-1.06 1.06l-1.415-1.414z\"/></svg>";
+
+class LinkActionsView extends View {
     /**
-	 * @inheritDoc
-	 */ render() {
+     * @inheritDoc
+     */ render() {
         super.render();
         const childViews = [
             this.previewButtonView,
@@ -1253,25 +1129,25 @@ var unlinkIcon = "<svg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\
         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.
-	 * @returns The button view instance.
-	 */ _createButton(label, icon, eventName) {
+     * 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.
+     * @returns The button view instance.
+     */ _createButton(label, icon, eventName) {
         const button = new ButtonView(this.locale);
         button.set({
             label,
@@ -1282,10 +1158,10 @@ var unlinkIcon = "<svg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\
         return button;
     }
     /**
-	 * Creates a link href preview button.
-	 *
-	 * @returns The button view instance.
-	 */ _createPreviewButton() {
+     * Creates a link href preview button.
+     *
+     * @returns The button view instance.
+     */ _createPreviewButton() {
         const button = new ButtonView(this.locale);
         const bind = this.bindTemplate;
         const t = this.t;
@@ -1312,41 +1188,75 @@ var unlinkIcon = "<svg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\
         button.template.eventListeners = {};
         return button;
     }
+    /**
+     * @inheritDoc
+     */ constructor(locale, linkConfig = {}){
+        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.previewButtonView = this._createPreviewButton();
+        this.unlinkButtonView = this._createButton(t('Unlink'), unlinkIcon, 'unlink');
+        this.editButtonView = this._createButton(t('Edit link'), icons.pencil, 'edit');
+        this.set('href', undefined);
+        this._linkConfig = linkConfig;
+        this._focusCycler = new FocusCycler({
+            focusables: this._focusables,
+            focusTracker: this.focusTracker,
+            keystrokeHandler: this.keystrokes,
+            actions: {
+                // Navigate fields backwards using the Shift + Tab keystroke.
+                focusPrevious: 'shift + tab',
+                // Navigate fields forwards using the Tab key.
+                focusNext: 'tab'
+            }
+        });
+        this.setTemplate({
+            tag: 'div',
+            attributes: {
+                class: [
+                    'ck',
+                    'ck-link-actions',
+                    'ck-responsive-form'
+                ],
+                // https://github.com/ckeditor/ckeditor5-link/issues/90
+                tabindex: '-1'
+            },
+            children: [
+                this.previewButtonView,
+                this.editButtonView,
+                this.unlinkButtonView
+            ]
+        });
+    }
 }
 
 var linkIcon = "<svg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m11.077 15 .991-1.416a.75.75 0 1 1 1.229.86l-1.148 1.64a.748.748 0 0 1-.217.206 5.251 5.251 0 0 1-8.503-5.955.741.741 0 0 1 .12-.274l1.147-1.639a.75.75 0 1 1 1.228.86L4.933 10.7l.006.003a3.75 3.75 0 0 0 6.132 4.294l.006.004zm5.494-5.335a.748.748 0 0 1-.12.274l-1.147 1.639a.75.75 0 1 1-1.228-.86l.86-1.23a3.75 3.75 0 0 0-6.144-4.301l-.86 1.229a.75.75 0 0 1-1.229-.86l1.148-1.64a.748.748 0 0 1 .217-.206 5.251 5.251 0 0 1 8.503 5.955zm-4.563-2.532a.75.75 0 0 1 .184 1.045l-3.155 4.505a.75.75 0 1 1-1.229-.86l3.155-4.506a.75.75 0 0 1 1.045-.184z\"/></svg>";
 
 const VISUAL_SELECTION_MARKER_NAME = 'link-ui';
-/**
- * The link UI plugin. It introduces the `'link'` and `'unlink'` buttons and support for the <kbd>Ctrl+K</kbd> keystroke.
- *
- * It uses the
- * {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon contextual balloon plugin}.
- */ class LinkUI extends Plugin {
-    /**
-	 * The actions view displayed inside of the balloon.
-	 */ actionsView = null;
+class LinkUI extends Plugin {
     /**
-	 * The form view displayed inside the balloon.
-	 */ formView = null;
-    /**
-	 * The contextual balloon plugin instance.
-	 */ _balloon;
-    /**
-	 * @inheritDoc
-	 */ static get requires() {
+     * @inheritDoc
+     */ static get requires() {
         return [
             ContextualBalloon
         ];
     }
     /**
-	 * @inheritDoc
-	 */ static get pluginName() {
+     * @inheritDoc
+     */ static get pluginName() {
         return 'LinkUI';
     }
     /**
-	 * @inheritDoc
-	 */ init() {
+     * @inheritDoc
+     */ init() {
         const editor = this.editor;
         const t = this.editor.t;
         editor.editing.view.addObserver(ClickObserver);
@@ -1398,8 +1308,8 @@ const VISUAL_SELECTION_MARKER_NAME = 'link-ui';
         });
     }
     /**
-	 * @inheritDoc
-	 */ destroy() {
+     * @inheritDoc
+     */ destroy() {
         super.destroy();
         // Destroy created UI components as they are not automatically destroyed (see ckeditor5#1341).
         if (this.formView) {
@@ -1410,16 +1320,16 @@ const VISUAL_SELECTION_MARKER_NAME = 'link-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:link/ui/linkactionsview~LinkActionsView} instance.
-	 */ _createActionsView() {
+     * Creates the {@link module:link/ui/linkactionsview~LinkActionsView} instance.
+     */ _createActionsView() {
         const editor = this.editor;
         const actionsView = new LinkActionsView(editor.locale, editor.config.get('link'));
         const linkCommand = editor.commands.get('link');
@@ -1449,8 +1359,8 @@ const VISUAL_SELECTION_MARKER_NAME = 'link-ui';
         return actionsView;
     }
     /**
-	 * Creates the {@link module:link/ui/linkformview~LinkFormView} instance.
-	 */ _createFormView() {
+     * Creates the {@link module:link/ui/linkformview~LinkFormView} instance.
+     */ _createFormView() {
         const editor = this.editor;
         const linkCommand = editor.commands.get('link');
         const defaultProtocol = editor.config.get('link.defaultProtocol');
@@ -1485,9 +1395,9 @@ const VISUAL_SELECTION_MARKER_NAME = 'link-ui';
         return formView;
     }
     /**
-	 * Creates a toolbar Link button. Clicking this button will show
-	 * a {@link #_balloon} attached to the selection.
-	 */ _createToolbarLinkButton() {
+     * Creates a toolbar Link button. Clicking this button will show
+     * a {@link #_balloon} attached to the selection.
+     */ _createToolbarLinkButton() {
         const editor = this.editor;
         const linkCommand = editor.commands.get('link');
         editor.ui.componentFactory.add('link', ()=>{
@@ -1504,8 +1414,8 @@ const VISUAL_SELECTION_MARKER_NAME = 'link-ui';
         });
     }
     /**
-	 * Creates a button for link command to use either in toolbar or in menu bar.
-	 */ _createButton(ButtonClass) {
+     * Creates a button for link command to use either in toolbar or in menu bar.
+     */ _createButton(ButtonClass) {
         const editor = this.editor;
         const locale = editor.locale;
         const command = editor.commands.get('link');
@@ -1522,9 +1432,9 @@ const VISUAL_SELECTION_MARKER_NAME = 'link-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 link element.
@@ -1546,9 +1456,9 @@ const VISUAL_SELECTION_MARKER_NAME = 'link-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) {
@@ -1579,10 +1489,10 @@ const VISUAL_SELECTION_MARKER_NAME = 'link-ui';
         });
     }
     /**
-	 * 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();
         }
@@ -1595,8 +1505,8 @@ const VISUAL_SELECTION_MARKER_NAME = 'link-ui';
         });
     }
     /**
-	 * Adds the {@link #formView} to the {@link #_balloon}.
-	 */ _addFormView() {
+     * Adds the {@link #formView} to the {@link #_balloon}.
+     */ _addFormView() {
         if (!this.formView) {
             this._createViews();
         }
@@ -1625,12 +1535,12 @@ const VISUAL_SELECTION_MARKER_NAME = 'link-ui';
         this.formView.enableCssTransitions();
     }
     /**
-	 * Closes the form view. Decides whether the balloon should be hidden completely or if the action view should be shown. This is
-	 * decided upon the link command value (which has a value if the document selection is in the link).
-	 *
-	 * Additionally, if any {@link module:link/linkconfig~LinkConfig#decorators} are defined in the editor configuration, the state of
-	 * switch buttons responsible for manual decorator handling is restored.
-	 */ _closeFormView() {
+     * Closes the form view. Decides whether the balloon should be hidden completely or if the action view should be shown. This is
+     * decided upon the link command value (which has a value if the document selection is in the link).
+     *
+     * Additionally, if any {@link module:link/linkconfig~LinkConfig#decorators} are defined in the editor configuration, the state of
+     * switch buttons responsible for manual decorator handling is restored.
+     */ _closeFormView() {
         const linkCommand = this.editor.commands.get('link');
         // Restore manual decorator states to represent the current model state. This case is important to reset the switch buttons
         // when the user cancels the editing form.
@@ -1642,8 +1552,8 @@ const VISUAL_SELECTION_MARKER_NAME = 'link-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.
@@ -1658,10 +1568,10 @@ const VISUAL_SELECTION_MARKER_NAME = 'link-ui';
         }
     }
     /**
-	 * Shows the correct UI type. It is either {@link #formView} or {@link #actionsView}.
-	 *
-	 * @internal
-	 */ _showUI(forceVisible = false) {
+     * Shows the correct UI type. It is either {@link #formView} or {@link #actionsView}.
+     *
+     * @internal
+     */ _showUI(forceVisible = false) {
         if (!this.formView) {
             this._createViews();
         }
@@ -1692,10 +1602,10 @@ const VISUAL_SELECTION_MARKER_NAME = 'link-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;
         }
@@ -1712,11 +1622,11 @@ const VISUAL_SELECTION_MARKER_NAME = 'link-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 prevSelectedLink = this._getSelectedLinkElement();
@@ -1752,40 +1662,40 @@ const VISUAL_SELECTION_MARKER_NAME = 'link-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.
-	 *
-	 * If the selection is collapsed and inside a link element, the panel will be attached to the
-	 * entire link element. Otherwise, it will be attached to the selection.
-	 */ _getBalloonPositionData() {
+     * Returns positioning options for the {@link #_balloon}. They control the way the balloon is attached
+     * to the target element or selection.
+     *
+     * If the selection is collapsed and inside a link element, the panel will be attached to the
+     * entire link element. Otherwise, it will be attached to the selection.
+     */ _getBalloonPositionData() {
         const view = this.editor.editing.view;
         const model = this.editor.model;
         const viewDocument = view.document;
@@ -1812,14 +1722,14 @@ const VISUAL_SELECTION_MARKER_NAME = 'link-ui';
         };
     }
     /**
-	 * Returns the link {@link module:engine/view/attributeelement~AttributeElement} under
-	 * the {@link module:engine/view/document~Document editing view's} selection or `null`
-	 * if there is none.
-	 *
-	 * **Note**: For a non–collapsed selection, the link element is returned when **fully**
-	 * selected and the **only** element within the selection boundaries, or when
-	 * a linked widget is selected.
-	 */ _getSelectedLinkElement() {
+     * Returns the link {@link module:engine/view/attributeelement~AttributeElement} under
+     * the {@link module:engine/view/document~Document editing view's} selection or `null`
+     * if there is none.
+     *
+     * **Note**: For a non–collapsed selection, the link element is returned when **fully**
+     * selected and the **only** element within the selection boundaries, or when
+     * a linked widget is selected.
+     */ _getSelectedLinkElement() {
         const view = this.editor.editing.view;
         const selection = view.document.selection;
         const selectedElement = selection.getSelectedElement();
@@ -1844,10 +1754,10 @@ const VISUAL_SELECTION_MARKER_NAME = 'link-ui';
         }
     }
     /**
-	 * Displays a fake visual selection when the contextual balloon is displayed.
-	 *
-	 * This adds a 'link-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 'link-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();
@@ -1876,8 +1786,8 @@ const VISUAL_SELECTION_MARKER_NAME = 'link-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)=>{
@@ -1885,6 +1795,15 @@ const VISUAL_SELECTION_MARKER_NAME = 'link-ui';
             });
         }
     }
+    constructor(){
+        super(...arguments);
+        /**
+         * The actions view displayed inside of the balloon.
+         */ this.actionsView = null;
+        /**
+         * The form view displayed inside the balloon.
+         */ this.formView = null;
+    }
 }
 /**
  * Returns a link element if there's one among the ancestors of the provided `Position`.
@@ -1932,25 +1851,23 @@ const URL_REG_EXP = new RegExp(// Group 1: Line start or after a space.
 '((?![-_])(?:[-_a-z0-9\\u00a1-\\uffff]{1,63}\\.))+' + // TLD identifier name.
 '(?:[a-z\\u00a1-\\uffff]{2,63})' + ')' + ')$', 'i');
 const URL_GROUP_IN_MATCH = 2;
-/**
- * The autolink plugin.
- */ class AutoLink extends Plugin {
+class AutoLink extends Plugin {
     /**
-	 * @inheritDoc
-	 */ static get requires() {
+     * @inheritDoc
+     */ static get requires() {
         return [
             Delete,
             LinkEditing
         ];
     }
     /**
-	 * @inheritDoc
-	 */ static get pluginName() {
+     * @inheritDoc
+     */ static get pluginName() {
         return 'AutoLink';
     }
     /**
-	 * @inheritDoc
-	 */ init() {
+     * @inheritDoc
+     */ init() {
         const editor = this.editor;
         const selection = editor.model.document.selection;
         selection.on('change:range', ()=>{
@@ -1960,17 +1877,17 @@ const URL_GROUP_IN_MATCH = 2;
         this._enableTypingHandling();
     }
     /**
-	 * @inheritDoc
-	 */ afterInit() {
+     * @inheritDoc
+     */ afterInit() {
         this._enableEnterHandling();
         this._enableShiftEnterHandling();
         this._enablePasteLinking();
     }
     /**
-	 * For given position, returns a range that includes the whole link that contains the position.
-	 *
-	 * If position is not inside a link, returns `null`.
-	 */ _expandLinkRange(model, position) {
+     * For given position, returns a range that includes the whole link that contains the position.
+     *
+     * If position is not inside a link, returns `null`.
+     */ _expandLinkRange(model, position) {
         if (position.textNode && position.textNode.hasAttribute('linkHref')) {
             return findAttributeRange(position, 'linkHref', position.textNode.getAttribute('linkHref'), model);
         } else {
@@ -1978,8 +1895,8 @@ const URL_GROUP_IN_MATCH = 2;
         }
     }
     /**
-	 * Extends the document selection to includes all links that intersects with given `selectedRange`.
-	 */ _selectEntireLinks(writer, selectedRange) {
+     * Extends the document selection to includes all links that intersects with given `selectedRange`.
+     */ _selectEntireLinks(writer, selectedRange) {
         const editor = this.editor;
         const model = editor.model;
         const selection = model.document.selection;
@@ -1995,8 +1912,8 @@ const URL_GROUP_IN_MATCH = 2;
         }
     }
     /**
-	 * Enables autolinking on pasting a URL when some content is selected.
-	 */ _enablePasteLinking() {
+     * Enables autolinking on pasting a URL when some content is selected.
+     */ _enablePasteLinking() {
         const editor = this.editor;
         const model = editor.model;
         const selection = model.document.selection;
@@ -2031,8 +1948,8 @@ const URL_GROUP_IN_MATCH = 2;
         });
     }
     /**
-	 * Enables autolinking on typing.
-	 */ _enableTypingHandling() {
+     * Enables autolinking on typing.
+     */ _enableTypingHandling() {
         const editor = this.editor;
         const watcher = new TextWatcher(editor.model, (text)=>{
             // 1. Detect <kbd>Space</kbd> after a text with a potential link.
@@ -2060,8 +1977,8 @@ const URL_GROUP_IN_MATCH = 2;
         watcher.bind('isEnabled').to(this);
     }
     /**
-	 * Enables autolinking on the <kbd>Enter</kbd> key.
-	 */ _enableEnterHandling() {
+     * Enables autolinking on the <kbd>Enter</kbd> key.
+     */ _enableEnterHandling() {
         const editor = this.editor;
         const model = editor.model;
         const enterCommand = editor.commands.get('enter');
@@ -2078,8 +1995,8 @@ const URL_GROUP_IN_MATCH = 2;
         });
     }
     /**
-	 * Enables autolinking on the <kbd>Shift</kbd>+<kbd>Enter</kbd> keyboard shortcut.
-	 */ _enableShiftEnterHandling() {
+     * Enables autolinking on the <kbd>Shift</kbd>+<kbd>Enter</kbd> keyboard shortcut.
+     */ _enableShiftEnterHandling() {
         const editor = this.editor;
         const model = editor.model;
         const shiftEnterCommand = editor.commands.get('shiftEnter');
@@ -2093,8 +2010,8 @@ const URL_GROUP_IN_MATCH = 2;
         });
     }
     /**
-	 * Checks if the passed range contains a linkable text.
-	 */ _checkAndApplyAutoLinkOnRange(rangeToCheck) {
+     * Checks if the passed range contains a linkable text.
+     */ _checkAndApplyAutoLinkOnRange(rangeToCheck) {
         const model = this.editor.model;
         const { text, range } = getLastTextLine(rangeToCheck, model);
         const url = getUrlAtTextEnd(text);
@@ -2104,11 +2021,11 @@ const URL_GROUP_IN_MATCH = 2;
         }
     }
     /**
-	 * Applies a link on a given range if the link should be applied.
-	 *
-	 * @param url The URL to link.
-	 * @param range The text range to apply the link attribute to.
-	 */ _applyAutoLink(url, range) {
+     * Applies a link on a given range if the link should be applied.
+     *
+     * @param url The URL to link.
+     * @param range The text range to apply the link attribute to.
+     */ _applyAutoLink(url, range) {
         const model = this.editor.model;
         const defaultProtocol = this.editor.config.get('link.defaultProtocol');
         const fullUrl = addLinkProtocolIfApplicable(url, defaultProtocol);
@@ -2118,11 +2035,11 @@ const URL_GROUP_IN_MATCH = 2;
         this._persistAutoLink(fullUrl, range);
     }
     /**
-	 * Enqueues autolink changes in the model.
-	 *
-	 * @param url The URL to link.
-	 * @param range The text range to apply the link attribute to.
-	 */ _persistAutoLink(url, range) {
+     * Enqueues autolink changes in the model.
+     *
+     * @param url The URL to link.
+     * @param range The text range to apply the link attribute to.
+     */ _persistAutoLink(url, range) {
         const model = this.editor.model;
         const deletePlugin = this.editor.plugins.get('Delete');
         // Enqueue change to make undo step.
@@ -2150,15 +2067,10 @@ function linkIsAlreadySet(range) {
     return !!item && item.hasAttribute('linkHref');
 }
 
-/**
- * The link plugin.
- *
- * This is a "glue" plugin that loads the {@link module:link/linkediting~LinkEditing link editing feature}
- * and {@link module:link/linkui~LinkUI link UI feature}.
- */ class Link extends Plugin {
+class Link extends Plugin {
     /**
-	 * @inheritDoc
-	 */ static get requires() {
+     * @inheritDoc
+     */ static get requires() {
         return [
             LinkEditing,
             LinkUI,
@@ -2166,21 +2078,16 @@ function linkIsAlreadySet(range) {
         ];
     }
     /**
-	 * @inheritDoc
-	 */ static get pluginName() {
+     * @inheritDoc
+     */ static get pluginName() {
         return 'Link';
     }
 }
 
-/**
- * The link image engine feature.
- *
- * It accepts the `linkHref="url"` attribute in the model for the {@link module:image/image~Image `<imageBlock>`} element
- * which allows linking images.
- */ class LinkImageEditing extends Plugin {
+class LinkImageEditing extends Plugin {
     /**
-	 * @inheritDoc
-	 */ static get requires() {
+     * @inheritDoc
+     */ static get requires() {
         return [
             'ImageEditing',
             'ImageUtils',
@@ -2188,13 +2095,13 @@ function linkIsAlreadySet(range) {
         ];
     }
     /**
-	 * @inheritDoc
-	 */ static get pluginName() {
+     * @inheritDoc
+     */ static get pluginName() {
         return 'LinkImageEditing';
     }
     /**
-	 * @inheritDoc
-	 */ afterInit() {
+     * @inheritDoc
+     */ afterInit() {
         const editor = this.editor;
         const schema = editor.model.schema;
         if (editor.plugins.has('ImageBlockEditing')) {
@@ -2211,9 +2118,9 @@ function linkIsAlreadySet(range) {
         this._enableManualDecorators();
     }
     /**
-	 * Processes {@link module:link/linkconfig~LinkDecoratorAutomaticDefinition automatic decorators} definitions and
-	 * attaches proper converters that will work when linking an image.`
-	 */ _enableAutomaticDecorators() {
+     * Processes {@link module:link/linkconfig~LinkDecoratorAutomaticDefinition automatic decorators} definitions and
+     * attaches proper converters that will work when linking an image.`
+     */ _enableAutomaticDecorators() {
         const editor = this.editor;
         const command = editor.commands.get('link');
         const automaticDecorators = command.automaticDecorators;
@@ -2222,9 +2129,9 @@ function linkIsAlreadySet(range) {
         }
     }
     /**
-	 * Processes transformed {@link module:link/utils/manualdecorator~ManualDecorator} instances and attaches proper converters
-	 * that will work when linking an image.
-	 */ _enableManualDecorators() {
+     * Processes transformed {@link module:link/utils/manualdecorator~ManualDecorator} instances and attaches proper converters
+     * that will work when linking an image.
+     */ _enableManualDecorators() {
         const editor = this.editor;
         const command = editor.commands.get('link');
         for (const decorator of command.manualDecorators){
@@ -2417,15 +2324,10 @@ function linkIsAlreadySet(range) {
     };
 }
 
-/**
- * The link image UI plugin.
- *
- * This plugin provides the `'linkImage'` button that can be displayed in the {@link module:image/imagetoolbar~ImageToolbar}.
- * It can be used to wrap images in links.
- */ class LinkImageUI extends Plugin {
+class LinkImageUI extends Plugin {
     /**
-	 * @inheritDoc
-	 */ static get requires() {
+     * @inheritDoc
+     */ static get requires() {
         return [
             LinkEditing,
             LinkUI,
@@ -2433,13 +2335,13 @@ function linkIsAlreadySet(range) {
         ];
     }
     /**
-	 * @inheritDoc
-	 */ static get pluginName() {
+     * @inheritDoc
+     */ static get pluginName() {
         return 'LinkImageUI';
     }
     /**
-	 * @inheritDoc
-	 */ init() {
+     * @inheritDoc
+     */ init() {
         const editor = this.editor;
         const viewDocument = editor.editing.view.document;
         this.listenTo(viewDocument, 'click', (evt, data)=>{
@@ -2456,12 +2358,12 @@ function linkIsAlreadySet(range) {
         this._createToolbarLinkImageButton();
     }
     /**
-	 * Creates a `LinkImageUI` button view.
-	 *
-	 * Clicking this button shows a {@link module:link/linkui~LinkUI#_balloon} attached to the selection.
-	 * When an image is already linked, the view shows {@link module:link/linkui~LinkUI#actionsView} or
-	 * {@link module:link/linkui~LinkUI#formView} if it is not.
-	 */ _createToolbarLinkImageButton() {
+     * Creates a `LinkImageUI` button view.
+     *
+     * Clicking this button shows a {@link module:link/linkui~LinkUI#_balloon} attached to the selection.
+     * When an image is already linked, the view shows {@link module:link/linkui~LinkUI#actionsView} or
+     * {@link module:link/linkui~LinkUI#formView} if it is not.
+     */ _createToolbarLinkImageButton() {
         const editor = this.editor;
         const t = editor.t;
         editor.ui.componentFactory.add('linkImage', (locale)=>{
@@ -2491,32 +2393,27 @@ function linkIsAlreadySet(range) {
         });
     }
     /**
-	 * Returns true if a linked image (either block or inline) is the only selected element
-	 * in the model document.
-	 */ _isSelectedLinkedImage(selection) {
+     * Returns true if a linked image (either block or inline) is the only selected element
+     * in the model document.
+     */ _isSelectedLinkedImage(selection) {
         const selectedModelElement = selection.getSelectedElement();
         const imageUtils = this.editor.plugins.get('ImageUtils');
         return imageUtils.isImage(selectedModelElement) && selectedModelElement.hasAttribute('linkHref');
     }
 }
 
-/**
- * The `LinkImage` plugin.
- *
- * This is a "glue" plugin that loads the {@link module:link/linkimageediting~LinkImageEditing link image editing feature}
- * and {@link module:link/linkimageui~LinkImageUI link image UI feature}.
- */ class LinkImage extends Plugin {
+class LinkImage extends Plugin {
     /**
-	 * @inheritDoc
-	 */ static get requires() {
+     * @inheritDoc
+     */ static get requires() {
         return [
             LinkImageEditing,
             LinkImageUI
         ];
     }
     /**
-	 * @inheritDoc
-	 */ static get pluginName() {
+     * @inheritDoc
+     */ static get pluginName() {
         return 'LinkImage';
     }
 }