@ckeditor/ckeditor5-link 41.4.1 → 42.0.0-alpha.0

package/dist/index.js

@@ -5,24 +5,31 @@
 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, first, Collection, ObservableMixin, env, keyCodes, FocusTracker, KeystrokeHandler } from '@ckeditor/ckeditor5-utils/dist/index.js';
+import { toMap, Collection, first, 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, submitHandler, LabeledFieldView, createLabeledInputText, ButtonView, SwitchButtonView, ViewCollection, FocusCycler, ContextualBalloon, CssTransitionDisablerMixin, MenuBarMenuListItemButtonView, clickOutsideHandler } from '@ckeditor/ckeditor5-ui/dist/index.js';
+import { View, ViewCollection, FocusCycler, submitHandler, LabeledFieldView, createLabeledInputText, ButtonView, SwitchButtonView, ContextualBalloon, CssTransitionDisablerMixin, MenuBarMenuListItemButtonView, clickOutsideHandler } from '@ckeditor/ckeditor5-ui/dist/index.js';
 import { isWidget } from '@ckeditor/ckeditor5-widget/dist/index.js';
 
-class AutomaticDecorators {
+/**
+ * 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();
     /**
-     * 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 {
@@ -30,10 +37,10 @@ class AutomaticDecorators {
         }
     }
     /**
-     * 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
@@ -76,11 +83,11 @@ class AutomaticDecorators {
         };
     }
     /**
-     * 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);
@@ -122,12 +129,6 @@ class AutomaticDecorators {
             });
         };
     }
-    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
@@ -255,17 +256,29 @@ const DEFAULT_LINK_PROTOCOLS = [
     window.open(link, '_blank', 'noopener');
 }
 
-class LinkCommand extends Command {
+/**
+ * The link command. It is used by the {@link module:link/link~Link link feature}.
+ */ class LinkCommand extends Command {
     /**
-     * Synchronizes the state of {@link #manualDecorators} with the currently present elements in the model.
-     */ restoreManualDecoratorStates() {
+	 * 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() {
         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());
@@ -283,70 +296,70 @@ class LinkCommand extends Command {
         }
     }
     /**
-     * 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.
@@ -442,11 +455,11 @@ class LinkCommand extends Command {
         });
     }
     /**
-     * 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();
@@ -458,11 +471,11 @@ class LinkCommand extends Command {
         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)) {
@@ -472,31 +485,18 @@ class LinkCommand extends Command {
         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,10 +516,12 @@ function extractTextFromSelection(selection) {
     }
 }
 
-class UnlinkCommand extends Command {
+/**
+ * The unlink command. It is used by the {@link module:link/link~Link link plugin}.
+ */ class UnlinkCommand extends Command {
     /**
-     * @inheritDoc
-     */ refresh() {
+	 * @inheritDoc
+	 */ refresh() {
         const model = this.editor.model;
         const selection = model.document.selection;
         const selectedElement = selection.getSelectedElement();
@@ -532,18 +534,18 @@ class UnlinkCommand extends Command {
         }
     }
     /**
-     * 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;
@@ -567,28 +569,42 @@ class UnlinkCommand extends Command {
     }
 }
 
-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 }){
+/**
+ * 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 }){
         super();
         this.id = id;
         this.set('value', undefined);
@@ -598,21 +614,37 @@ class ManualDecorator extends ObservableMixin() {
         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?:)?\/\//;
-class LinkEditing extends Plugin {
+/**
+ * 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 {
     /**
-     * @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,
@@ -621,8 +653,17 @@ class LinkEditing extends Plugin {
         ];
     }
     /**
-     * @inheritDoc
-     */ init() {
+	 * @inheritDoc
+	 */ constructor(editor){
+        super(editor);
+        editor.config.define('link', {
+            allowCreatingEmptyLinks: false,
+            addTargetToExternalLinks: false
+        });
+    }
+    /**
+	 * @inheritDoc
+	 */ init() {
         const editor = this.editor;
         const allowedProtocols = this.editor.config.get('link.allowedProtocols');
         // Allow link attribute on all inline nodes.
@@ -670,14 +711,14 @@ class LinkEditing extends Plugin {
         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.
@@ -701,14 +742,14 @@ class LinkEditing extends Plugin {
         }
     }
     /**
-     * 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;
         }
@@ -756,9 +797,9 @@ class LinkEditing extends Plugin {
         });
     }
     /**
-     * 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;
@@ -797,10 +838,10 @@ class LinkEditing extends Plugin {
         });
     }
     /**
-     * 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;
@@ -814,8 +855,8 @@ class LinkEditing extends Plugin {
         });
     }
     /**
-     * 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');
@@ -834,15 +875,6 @@ class LinkEditing extends Plugin {
             });
         });
     }
-    /**
-     * @inheritDoc
-     */ constructor(editor){
-        super(editor);
-        editor.config.define('link', {
-            allowCreatingEmptyLinks: false,
-            addTargetToExternalLinks: false
-        });
-    }
 }
 /**
  * Make the selection free of link-related model attributes.
@@ -861,22 +893,105 @@ class LinkEditing extends Plugin {
     return textAttributes.filter((attribute)=>attribute.startsWith('link'));
 }
 
-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() {
+/**
+ * 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() {
         return Array.from(this._manualDecoratorSwitches).reduce((accumulator, switchButton)=>{
             accumulator[switchButton.name] = switchButton.isOn;
             return accumulator;
         }, {});
     }
     /**
-     * @inheritDoc
-     */ render() {
+	 * @inheritDoc
+	 */ render() {
         super.render();
         submitHandler({
             view: this
@@ -897,20 +1012,20 @@ class LinkFormView extends View {
         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);
@@ -924,32 +1039,33 @@ class LinkFormView extends View {
         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,
@@ -967,12 +1083,12 @@ class LinkFormView extends View {
         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);
@@ -995,16 +1111,16 @@ class LinkFormView extends View {
         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) {
@@ -1038,81 +1154,89 @@ class LinkFormView extends View {
         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();
     /**
-     * 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){
+	 * 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 = {}){
         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.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.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 form fields backwards using the Shift + Tab keystroke.
+                // Navigate fields backwards using the Shift + Tab keystroke.
                 focusPrevious: 'shift + tab',
-                // Navigate form fields forwards using the Tab key.
+                // Navigate 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',
+            tag: 'div',
             attributes: {
-                class: classList,
+                class: [
+                    'ck',
+                    'ck-link-actions',
+                    'ck-responsive-form'
+                ],
                 // https://github.com/ckeditor/ckeditor5-link/issues/90
                 tabindex: '-1'
             },
-            children: this.children
+            children: [
+                this.previewButtonView,
+                this.editButtonView,
+                this.unlinkButtonView
+            ]
         });
     }
-}
-
-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,
@@ -1129,25 +1253,25 @@ class LinkActionsView extends View {
         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,
@@ -1158,10 +1282,10 @@ class LinkActionsView extends View {
         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;
@@ -1188,75 +1312,41 @@ class LinkActionsView extends View {
         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';
-class LinkUI extends Plugin {
+/**
+ * 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;
     /**
-     * @inheritDoc
-     */ static get requires() {
+	 * The form view displayed inside the balloon.
+	 */ formView = null;
+    /**
+	 * The contextual balloon plugin instance.
+	 */ _balloon;
+    /**
+	 * @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);
@@ -1308,8 +1398,8 @@ class LinkUI extends Plugin {
         });
     }
     /**
-     * @inheritDoc
-     */ destroy() {
+	 * @inheritDoc
+	 */ destroy() {
         super.destroy();
         // Destroy created UI components as they are not automatically destroyed (see ckeditor5#1341).
         if (this.formView) {
@@ -1320,16 +1410,16 @@ class LinkUI extends Plugin {
         }
     }
     /**
-     * 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');
@@ -1359,8 +1449,8 @@ class LinkUI extends Plugin {
         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');
@@ -1395,9 +1485,9 @@ class LinkUI extends Plugin {
         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', ()=>{
@@ -1414,8 +1504,8 @@ class LinkUI extends Plugin {
         });
     }
     /**
-     * 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');
@@ -1432,9 +1522,9 @@ class LinkUI extends Plugin {
         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.
@@ -1456,9 +1546,9 @@ class LinkUI extends Plugin {
         });
     }
     /**
-     * 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) {
@@ -1489,10 +1579,10 @@ class LinkUI extends Plugin {
         });
     }
     /**
-     * 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();
         }
@@ -1505,8 +1595,8 @@ class LinkUI extends Plugin {
         });
     }
     /**
-     * Adds the {@link #formView} to the {@link #_balloon}.
-     */ _addFormView() {
+	 * Adds the {@link #formView} to the {@link #_balloon}.
+	 */ _addFormView() {
         if (!this.formView) {
             this._createViews();
         }
@@ -1535,12 +1625,12 @@ class LinkUI extends Plugin {
         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.
@@ -1552,8 +1642,8 @@ class LinkUI extends Plugin {
         }
     }
     /**
-     * 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.
@@ -1568,10 +1658,10 @@ class LinkUI extends Plugin {
         }
     }
     /**
-     * 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();
         }
@@ -1602,10 +1692,10 @@ class LinkUI extends Plugin {
         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;
         }
@@ -1622,11 +1712,11 @@ class LinkUI extends Plugin {
         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();
@@ -1662,40 +1752,40 @@ class LinkUI extends Plugin {
         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;
@@ -1722,14 +1812,14 @@ class LinkUI extends Plugin {
         };
     }
     /**
-     * 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();
@@ -1754,10 +1844,10 @@ class LinkUI extends Plugin {
         }
     }
     /**
-     * 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();
@@ -1786,8 +1876,8 @@ class LinkUI extends Plugin {
         });
     }
     /**
-     * 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)=>{
@@ -1795,15 +1885,6 @@ class LinkUI 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;
-    }
 }
 /**
  * Returns a link element if there's one among the ancestors of the provided `Position`.
@@ -1851,23 +1932,25 @@ 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;
-class AutoLink extends Plugin {
+/**
+ * The autolink 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', ()=>{
@@ -1877,17 +1960,17 @@ class AutoLink extends Plugin {
         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 {
@@ -1895,8 +1978,8 @@ class AutoLink extends Plugin {
         }
     }
     /**
-     * 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;
@@ -1912,8 +1995,8 @@ class AutoLink extends Plugin {
         }
     }
     /**
-     * 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;
@@ -1948,8 +2031,8 @@ class AutoLink extends Plugin {
         });
     }
     /**
-     * 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.
@@ -1977,8 +2060,8 @@ class AutoLink extends Plugin {
         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');
@@ -1995,8 +2078,8 @@ class AutoLink extends Plugin {
         });
     }
     /**
-     * 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');
@@ -2010,8 +2093,8 @@ class AutoLink extends Plugin {
         });
     }
     /**
-     * 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);
@@ -2021,11 +2104,11 @@ class AutoLink extends Plugin {
         }
     }
     /**
-     * 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);
@@ -2035,11 +2118,11 @@ class AutoLink extends Plugin {
         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.
@@ -2067,10 +2150,15 @@ function linkIsAlreadySet(range) {
     return !!item && item.hasAttribute('linkHref');
 }
 
-class Link extends Plugin {
+/**
+ * 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 {
     /**
-     * @inheritDoc
-     */ static get requires() {
+	 * @inheritDoc
+	 */ static get requires() {
         return [
             LinkEditing,
             LinkUI,
@@ -2078,16 +2166,21 @@ class Link extends Plugin {
         ];
     }
     /**
-     * @inheritDoc
-     */ static get pluginName() {
+	 * @inheritDoc
+	 */ static get pluginName() {
         return 'Link';
     }
 }
 
-class LinkImageEditing extends Plugin {
+/**
+ * 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 {
     /**
-     * @inheritDoc
-     */ static get requires() {
+	 * @inheritDoc
+	 */ static get requires() {
         return [
             'ImageEditing',
             'ImageUtils',
@@ -2095,13 +2188,13 @@ class LinkImageEditing extends Plugin {
         ];
     }
     /**
-     * @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')) {
@@ -2118,9 +2211,9 @@ class LinkImageEditing extends Plugin {
         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;
@@ -2129,9 +2222,9 @@ class LinkImageEditing extends Plugin {
         }
     }
     /**
-     * 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){
@@ -2324,10 +2417,15 @@ class LinkImageEditing extends Plugin {
     };
 }
 
-class LinkImageUI extends Plugin {
+/**
+ * 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 {
     /**
-     * @inheritDoc
-     */ static get requires() {
+	 * @inheritDoc
+	 */ static get requires() {
         return [
             LinkEditing,
             LinkUI,
@@ -2335,13 +2433,13 @@ class LinkImageUI extends Plugin {
         ];
     }
     /**
-     * @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)=>{
@@ -2358,12 +2456,12 @@ class LinkImageUI extends Plugin {
         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)=>{
@@ -2393,27 +2491,32 @@ class LinkImageUI extends Plugin {
         });
     }
     /**
-     * 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');
     }
 }
 
-class LinkImage extends Plugin {
+/**
+ * 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 {
     /**
-     * @inheritDoc
-     */ static get requires() {
+	 * @inheritDoc
+	 */ static get requires() {
         return [
             LinkImageEditing,
             LinkImageUI
         ];
     }
     /**
-     * @inheritDoc
-     */ static get pluginName() {
+	 * @inheritDoc
+	 */ static get pluginName() {
         return 'LinkImage';
     }
 }