qms-angular 1.0.71 → 1.0.75

package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-source-editing/src/utils/formathtml.js

@@ -0,0 +1,142 @@
+/**
+ * @license Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+/**
+ * @module source-editing/utils/formathtml
+ */
+
+/**
+ * A simple (and naive) HTML code formatter that returns a formatted HTML markup that can be easily
+ * parsed by human eyes. It beautifies the HTML code by adding new lines between elements that behave like block elements
+ * (https://developer.mozilla.org/en-US/docs/Web/HTML/Block-level_elements
+ * and a few more like `tr`, `td`, and similar ones) and inserting indents for nested content.
+ *
+ * WARNING: This function works only on a text that does not contain any indentations or new lines.
+ * Calling this function on the already formatted text will damage the formatting.
+ *
+ * @param {String} input An HTML string to format.
+ * @returns {String}
+ */
+export function formatHtml( input ) {
+	// A list of block-like elements around which the new lines should be inserted, and within which
+	// the indentation of their children should be increased.
+	// The list is partially based on https://developer.mozilla.org/en-US/docs/Web/HTML/Block-level_elements that contains
+	// a full list of HTML block-level elements.
+	// A void element is an element that cannot have any child - https://html.spec.whatwg.org/multipage/syntax.html#void-elements.
+	const elementsToFormat = [
+		{ name: 'address', isVoid: false },
+		{ name: 'article', isVoid: false },
+		{ name: 'aside', isVoid: false },
+		{ name: 'blockquote', isVoid: false },
+		{ name: 'br', isVoid: true },
+		{ name: 'details', isVoid: false },
+		{ name: 'dialog', isVoid: false },
+		{ name: 'dd', isVoid: false },
+		{ name: 'div', isVoid: false },
+		{ name: 'dl', isVoid: false },
+		{ name: 'dt', isVoid: false },
+		{ name: 'fieldset', isVoid: false },
+		{ name: 'figcaption', isVoid: false },
+		{ name: 'figure', isVoid: false },
+		{ name: 'footer', isVoid: false },
+		{ name: 'form', isVoid: false },
+		{ name: 'h1', isVoid: false },
+		{ name: 'h2', isVoid: false },
+		{ name: 'h3', isVoid: false },
+		{ name: 'h4', isVoid: false },
+		{ name: 'h5', isVoid: false },
+		{ name: 'h6', isVoid: false },
+		{ name: 'header', isVoid: false },
+		{ name: 'hgroup', isVoid: false },
+		{ name: 'hr', isVoid: true },
+		{ name: 'input', isVoid: true },
+		{ name: 'li', isVoid: false },
+		{ name: 'main', isVoid: false },
+		{ name: 'nav', isVoid: false },
+		{ name: 'ol', isVoid: false },
+		{ name: 'p', isVoid: false },
+		{ name: 'pre', isVoid: false },
+		{ name: 'section', isVoid: false },
+		{ name: 'table', isVoid: false },
+		{ name: 'tbody', isVoid: false },
+		{ name: 'td', isVoid: false },
+		{ name: 'textarea', isVoid: false },
+		{ name: 'th', isVoid: false },
+		{ name: 'thead', isVoid: false },
+		{ name: 'tr', isVoid: false },
+		{ name: 'ul', isVoid: false }
+	];
+
+	const elementNamesToFormat = elementsToFormat.map( element => element.name ).join( '|' );
+
+	// It is not the fastest way to format the HTML markup but the performance should be good enough.
+	const lines = input
+		// Add new line before and after `<tag>` and `</tag>`.
+		// It may separate individual elements with two new lines, but this will be fixed below.
+		.replace( new RegExp( `</?(${ elementNamesToFormat })( .*?)?>`, 'g' ), '\n$&\n' )
+		// Divide input string into lines, which start with either an opening tag, a closing tag, or just a text.
+		.split( '\n' );
+
+	let indentCount = 0;
+
+	return lines
+		.filter( line => line.length )
+		.map( line => {
+			if ( isNonVoidOpeningTag( line, elementsToFormat ) ) {
+				return indentLine( line, indentCount++ );
+			}
+
+			if ( isClosingTag( line, elementsToFormat ) ) {
+				return indentLine( line, --indentCount );
+			}
+
+			return indentLine( line, indentCount );
+		} )
+		.join( '\n' );
+}
+
+// Checks, if an argument is an opening tag of a non-void element to be formatted.
+//
+// @param {String} line String to check.
+// @param {Array} elementsToFormat Elements to be formatted.
+// @param {String} elementsToFormat.name Element name.
+// @param {Boolean} elementsToFormat.isVoid Flag indicating whether element is a void one.
+// @returns {Boolean}
+function isNonVoidOpeningTag( line, elementsToFormat ) {
+	return elementsToFormat.some( element => {
+		if ( element.isVoid ) {
+			return false;
+		}
+
+		if ( !new RegExp( `<${ element.name }( .*?)?>` ).test( line ) ) {
+			return false;
+		}
+
+		return true;
+	} );
+}
+
+// Checks, if an argument is a closing tag.
+//
+// @param {String} line String to check.
+// @param {Array} elementsToFormat Elements to be formatted.
+// @param {String} elementsToFormat.name Element name.
+// @param {Boolean} elementsToFormat.isVoid Flag indicating whether element is a void one.
+// @returns {Boolean}
+function isClosingTag( line, elementsToFormat ) {
+	return elementsToFormat.some( element => {
+		return new RegExp( `</${ element.name }>` ).test( line );
+	} );
+}
+
+// Indents a line by a specified number of characters.
+//
+// @param {String} line Line to indent.
+// @param {Number} indentCount Number of characters to use for indentation.
+// @param {String} [indentChar] Indentation character(s). 4 spaces by default.
+// @returns {String}
+function indentLine( line, indentCount, indentChar = '    ' ) {
+	return `${ indentChar.repeat( indentCount ) }${ line }`;
+}

package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-source-editing/theme/icons/source-editing.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="m12.5 0 5 4.5v15.003h-16V0h11zM3 1.5v3.25l-1.497 1-.003 8 1.5 1v3.254L7.685 18l-.001 1.504H17.5V8.002L16 9.428l-.004-4.22-4.222-3.692L3 1.5z"/><path d="M4.06 6.64a.75.75 0 0 1 .958 1.15l-.085.07L2.29 9.75l2.646 1.89c.302.216.4.62.232.951l-.058.095a.75.75 0 0 1-.951.232l-.095-.058-3.5-2.5V9.14l3.496-2.5zm4.194 6.22a.75.75 0 0 1-.958-1.149l.085-.07 2.643-1.89-2.646-1.89a.75.75 0 0 1-.232-.952l.058-.095a.75.75 0 0 1 .95-.232l.096.058 3.5 2.5v1.22l-3.496 2.5zm7.644-.836 2.122 2.122-5.825 5.809-2.125-.005.003-2.116zm2.539-1.847 1.414 1.414a.5.5 0 0 1 0 .707l-1.06 1.06-2.122-2.12 1.061-1.061a.5.5 0 0 1 .707 0z"/></svg>

package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-source-editing/theme/sourceediting.css

@@ -0,0 +1,48 @@
+/*
+ * Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+@import "@ckeditor/ckeditor5-theme-lark/theme/mixins/_rounded.css";
+@import "@ckeditor/ckeditor5-theme-lark/theme/mixins/_focus.css";
+@import "@ckeditor/ckeditor5-theme-lark/theme/mixins/_shadow.css";
+
+.ck-source-editing-area {
+	display: inline-grid;
+	width: 100%;
+	font-family: monospace;
+}
+
+.ck-source-editing-area::after,
+.ck-source-editing-area textarea {
+	grid-area: 1/1;
+	padding: var(--ck-spacing-large);
+	margin: 0;
+	border: 1px solid transparent;
+	line-height: var(--ck-line-height-base);
+	font-size: var(--ck-font-size-normal);
+	white-space: pre-wrap;
+}
+
+.ck-source-editing-area::after {
+	content: attr(data-value) " ";
+	visibility: hidden;
+}
+
+.ck-source-editing-area textarea {
+	resize: none;
+	outline: none;
+	overflow: hidden;
+
+	border-color: var(--ck-color-base-border);
+
+	@mixin ck-rounded-corners {
+		border-top-left-radius: 0;
+		border-top-right-radius: 0;
+	}
+
+	&:not([readonly]):focus {
+		@mixin ck-focus-ring;
+		@mixin ck-box-shadow var(--ck-inner-shadow);
+	}
+}

package/src/assets/qms-ckeditor-plugin/src/plugins/common/qmsCKEditorConstant.js

@@ -30,3 +30,7 @@ export const QMSCK_FLOWCHART_PLUGIN_RESP = 'QMSCK_FLOWCHART_PLUGIN_RESP';
 export const QMSCK_FLOWCHART = 'flowchart';
 /* Toolbar Toggle */
 export const QMSCK_TOGGLE_TOOLBAR_MSG = 'QMSCK_TOGGLE_TOOLBAR_MSG';
+/* Browse Video */
+export const QMSCK_BROWSE_VIDEO_MSG = 'QMSCK_BROWSE_VIDEO_MSG';
+export const QMSCK_BROWSE_VIDEO_RESP = 'QMSCK_BROWSE_VIDEO_RESP';
+export const QMSCK_BROWSE_VIDEO_IS_PROCESSING = 'QMSCK_BROWSE_VIDEO_IS_PROCESSING';

package/src/assets/qms-ckeditor-plugin/src/plugins/common/qmsCKEditorService.js

@@ -79,3 +79,24 @@ export function bpmnNotify(value) {
       '*'
   );
 }
+
+
+export function uploadVideoNotify(value) {
+    window.postMessage(
+        {
+            eventName: constant.QMSCK_BROWSE_VIDEO_MSG,
+            value
+        },
+        '*'
+    );
+}
+
+export function aboutCKEditorNotify(value) {
+  window.postMessage(
+      {
+          eventName: constant.QMSCK_ABOUT_CKEDITOR_PLUGIN_MSG,
+          value
+      },
+      '*'
+  );
+}

package/src/assets/qms-ckeditor-plugin/src/plugins/fullscreen/qmsCKEditorFullscreenPlugin.js

@@ -1,38 +1,45 @@
 import Plugin from '@ckeditor/ckeditor5-core/src/plugin';
 import ButtonView from '@ckeditor/ckeditor5-ui/src/button/buttonview';
 import fullscreenIcon from '../../themes/icons/fullscreen.svg';
+import fullscreenExitIcon from '../../themes/icons/fullscreen_exit.svg'
 import * as QMSCKEditorService from '../common/qmsCKEditorService';
+import * as constant from '../common/qmsCKEditorConstant';
 
 export default class QMSCKEditorFullscreenPlugin extends Plugin {
     init() {
         const editor = this.editor;
-        editor.editing.view.change( writer => {
-            // writer.setStyle( 'height', 'calc(100vh - 180px)', editor.editing.view.document.getRoot() );
-        } );
-
         editor.ui.componentFactory.add('qmsFullscreen', locale => {
             const view = new ButtonView(locale);
 
             view.set({
-                label: 'Maximine/Minimine',
+                label: 'Maximine',
                 icon: fullscreenIcon,
                 tooltip: true
             });
+            const fullscreenClass = this.editor.config.get('fullScreenConfig.class') || 'qmsckeditor__fullscreen';
 
             view.on('execute', () => {
-                const fullscreen = window.parent.document.getElementsByClassName('qmsckeditor__fullscreen');
-                if (fullscreen && fullscreen.length > 0) {
-                    editor.editing.view.change( writer => {
-                        writer.setStyle( 'height', 'calc(100vh - 180px)', editor.editing.view.document.getRoot() );
-                    } );
+                const ck = window.document.getElementById('qmsckeditor');
+                const isFullscreen = ck && ck.classList.contains(fullscreenClass);
+                if (!isFullscreen) {
+                    view.set({
+                        label: 'Minimine',
+                        icon: fullscreenExitIcon,
+                        tooltip: true
+                    });
+                    ck.classList.add(fullscreenClass);
                 }
                 else {
-                    editor.editing.view.change( writer => {
-                        writer.setStyle( 'height', 'calc(100vh - 150px)', editor.editing.view.document.getRoot() );
-                    } );
+                    view.set({
+                        label: 'Maximine',
+                        icon: fullscreenIcon,
+                        tooltip: true
+                    });
+                    if (ck.classList.contains(fullscreenClass)) {
+                        ck.classList.remove(fullscreenClass);
+                    }
                 }
-
-                QMSCKEditorService.fullscreenNotify(null);
+                QMSCKEditorService.fullscreenNotify(isFullscreen);
             })
 
             return view;

package/src/assets/qms-ckeditor-plugin/src/plugins/imagemap/imagemapcommand.js

@@ -90,3 +90,4 @@ export default class ImageMapCommand extends Command {
 		},{ once: true });
 	}
 }
+

package/src/assets/qms-ckeditor-plugin/src/plugins/imagemap/utils.js

@@ -219,7 +219,7 @@ export function drawMap(imageSrc, imageWidth, imageHeight, areas, callback){
 			}, false);
 		}
 		catch(err){
-
+			 console.log(err);
 		}
 	}
 }

package/src/assets/qms-ckeditor-plugin/src/plugins/link/linkcommand.js

@@ -11,8 +11,6 @@ import { Command } from '@ckeditor/ckeditor5-core';
 import { findAttributeRange } from '@ckeditor/ckeditor5-typing';
 import { Collection, first, toMap } from '@ckeditor/ckeditor5-utils';
 import * as QMSCKEditorConstant from '../common/qmsCKEditorConstant';
-import * as QMSCKEditorEnum from '../common/qmsCKEditorEnum';
-import * as QMSCKEditorService from '../common/qmsCKEditorService';
 import { isImageAllowed } from './utils';
 import AutomaticDecorators from './utils/automaticdecorators';
 
@@ -150,168 +148,143 @@ export default class LinkCommand extends Command {
 	 * @param {String} href Link destination.
 	 * @param {Object} [manualDecoratorIds={}] The information about manual decorator attributes to be applied or removed upon execution.
 	 */
-	execute() {
-
+	execute(options) {
         const model = this.editor.model;
         const selection = model.document.selection;
-        const ranges = selection.getFirstRange();
         const manualDecoratorIds = {};
         const linkDecorators = this.editor.config.get( 'link.decorators' );
         const selectedRange = 'link'+ linkDecorators.length;
+  
+		const url = options.url;
+		const href = url.substring(2, url.length);
+		const title = options.title ? options.title : url;
 
-        let link = QMSCKEditorEnum.hyperLink;
-        link.typeId = 0;
-        link.targetId = 0;
-        link.protocolId = 0;
-        link.url = '';
-        link.title = '';
-        link.editorContent = '';
-        for (const item of ranges.getItems()) {
-            if (item.data) {
-                link.title = item.data;
-            }
-        }
-        QMSCKEditorService.linkNotify(link);
-        window[QMSCKEditorConstant.QMSCK_LINKED] = false;
-        window.addEventListener(QMSCKEditorConstant.QMSCK_LINK_PLUGIN_RESP, function(evt) {
-            if (window[QMSCKEditorConstant.QMSCK_LINKED]){
-                return;
-            }
-            const response = evt.detail;
-            const target = QMSCKEditorEnum.protocolEnum[response.protocolId];
-            const url = response.url;
-            const href = url.substring(2, url.length);
-            const title = response.title ? response.title : url;
-
-            for(let i= 0; i < linkDecorators.length-2; i++){
-                manualDecoratorIds['link' + i] = (i === response.targetId)? true : false;
-            }
-            // Stores information about manual decorators to turn them on/off when command is applied.
-            const truthyManualDecorators = [];
-            const falsyManualDecorators = [];
-
-            for ( const name in manualDecoratorIds ) {
-                if ( manualDecoratorIds[ name ] ) {
-                    truthyManualDecorators.push( name );
-                } else {
-                    falsyManualDecorators.push( name );
-                }
-            }
-
-            model.change( writer => {
-                // set link option value
-                window[QMSCKEditorConstant.QMSCK_LINK_OPTION] = url.substring(0, 2);
-                // If selection is collapsed then update selected link or insert new one at the place of caret.
-                if ( selection.isCollapsed ) {
-                    const position = selection.getFirstPosition();
-
-                    // When selection is inside text with `linkHref` attribute.
-                    if ( selection.hasAttribute( 'linkHref' ) ) {
-                        // Then update `linkHref` value.
-                        const linkRange = findAttributeRange( position, 'linkHref', selection.getAttribute( 'linkHref' ), model );
-                        if (!selection.hasAttribute(selectedRange)) {
-                            writer.remove(linkRange);
-                            const newPosition = selection.getFirstPosition();
-                            const attributes = toMap( selection.getAttributes() );
-                            attributes.set( 'linkHref', href );
-                            truthyManualDecorators.forEach( item => {
-                                attributes.set( item, true );
-                            } );
-                            const { end: positionAfter } = model.insertContent( writer.createText( title, attributes ), newPosition );
-                            writer.setSelection( positionAfter );
-                        }
-                        else {
-                            writer.setAttribute( 'linkHref', href, linkRange );
-                            truthyManualDecorators.forEach( item => {
-                                writer.setAttribute( item, true, linkRange );
-                            } );
-                            falsyManualDecorators.forEach( item => {
-                                writer.removeAttribute( item, linkRange );
-                            } );
-                            // Put the selection at the end of the updated link.
-                            writer.setSelection( writer.createPositionAfter( linkRange.end.nodeBefore ) );
-                        }
-                    }
-                    // If not then insert text node with `linkHref` attribute in place of caret.
-                    // However, since selection is collapsed, attribute value will be used as data for text node.
-                    // So, if `href` is empty, do not create text node.
-                    else if ( href !== '' ) {
-                        const attributes = toMap( selection.getAttributes() );
-
-                        attributes.set( 'linkHref', href );
-
-                        truthyManualDecorators.forEach( item => {
-                            attributes.set( item, true );
-                        } );
-
-                        const { end: positionAfter } = model.insertContent( writer.createText( title, attributes ), position );
-
-                        // Put the selection at the end of the inserted link.
-                        // Using end of range returned from insertContent in case nodes with the same attributes got merged.
-                        writer.setSelection( positionAfter );
-                    }
-
-                    // Remove the `linkHref` attribute and all link decorators from the selection.
-                    // It stops adding a new content into the link element.
-                    [ 'linkHref', ...truthyManualDecorators, ...falsyManualDecorators ].forEach( item => {
-                        writer.removeSelectionAttribute( item );
-                    } );
-                } else {
-                    // If selection has non-collapsed ranges, we change attribute on nodes inside those ranges
-                    // omitting nodes where the `linkHref` attribute is disallowed.
-                    const ranges = model.schema.getValidRanges( selection.getRanges(), 'linkHref' );
-
-                    // But for the first, check whether the `linkHref` attribute is allowed on selected blocks (e.g. the "image" element).
-                    const allowedRanges = [];
-
-                    for ( const element of selection.getSelectedBlocks() ) {
-                        if ( model.schema.checkAttribute( element, 'linkHref' ) ) {
-                            allowedRanges.push( writer.createRangeOn( element ) );
-                        }
-                    }
-
-                    // Ranges that accept the `linkHref` attribute. Since we will iterate over `allowedRanges`, let's clone it.
-                    const rangesToUpdate = allowedRanges.slice();
-
-                    // eslint-disable-next-line max-len
-                    // For all selection ranges we want to check whether given range is inside an element that accepts the `linkHref` attribute.
-                    // If so, we don't want to propagate applying the attribute to its children.
-                    // for ( const range of ranges ) {
-                    //     if ( this._isRangeToUpdate( range, allowedRanges ) ) {
-                    //         rangesToUpdate.push( range );
-                    //     }
-                    // }
-
-                    for ( const range of ranges ) {
-                        const _isRangeToUpdate = true;
-                        for ( const allowedRange of allowedRanges ) {
-                            if ( allowedRange.containsRange( range ) ) {
-                                _isRangeToUpdate = false;
-                                break;
-                            }
-                        }
-                        if (_isRangeToUpdate) {
-                            rangesToUpdate.push( range );
-                        }
-                    }
-
-                    for ( const range of rangesToUpdate ) {
-                        writer.setAttribute('linkHref', href, range);
-                        writer.setAttribute(selectedRange, true, range);
-
-                        truthyManualDecorators.forEach( item => {
-                            writer.setAttribute( item, true, range );
-                        } );
-
-                        falsyManualDecorators.forEach( item => {
-                            writer.removeAttribute( item, range );
-                        } );
-                    }
-                }
-            } );
-            window[QMSCKEditorConstant.QMSCK_LINKED] = true;
-        },
-		{ once: true });
+		for(let i= 0; i < linkDecorators.length-2; i++){
+			manualDecoratorIds['link' + i] = (i === options.targetId)? true : false;
+		}
+		// Stores information about manual decorators to turn them on/off when command is applied.
+		const truthyManualDecorators = [];
+		const falsyManualDecorators = [];
+
+		for ( const name in manualDecoratorIds ) {
+			if ( manualDecoratorIds[ name ] ) {
+				truthyManualDecorators.push( name );
+			} else {
+				falsyManualDecorators.push( name );
+			}
+		}
+
+		model.change( writer => {
+			// set link option value
+			window[QMSCKEditorConstant.QMSCK_LINK_OPTION] = url.substring(0, 2);
+			// If selection is collapsed then update selected link or insert new one at the place of caret.
+			if ( selection.isCollapsed ) {
+				const position = selection.getFirstPosition();
+
+				// When selection is inside text with `linkHref` attribute.
+				if ( selection.hasAttribute( 'linkHref' ) ) {
+					// Then update `linkHref` value.
+					const linkRange = findAttributeRange( position, 'linkHref', selection.getAttribute( 'linkHref' ), model );
+					if (!selection.hasAttribute(selectedRange)) {
+						writer.remove(linkRange);
+						const newPosition = selection.getFirstPosition();
+						const attributes = toMap( selection.getAttributes() );
+						attributes.set( 'linkHref', href );
+						truthyManualDecorators.forEach( item => {
+							attributes.set( item, true );
+						} );
+						const { end: positionAfter } = model.insertContent( writer.createText( title, attributes ), newPosition );
+						writer.setSelection( positionAfter );
+					}
+					else {
+						writer.setAttribute( 'linkHref', href, linkRange );
+						truthyManualDecorators.forEach( item => {
+							writer.setAttribute( item, true, linkRange );
+						} );
+						falsyManualDecorators.forEach( item => {
+							writer.removeAttribute( item, linkRange );
+						} );
+						// Put the selection at the end of the updated link.
+						writer.setSelection( writer.createPositionAfter( linkRange.end.nodeBefore ) );
+					}
+				}
+				// If not then insert text node with `linkHref` attribute in place of caret.
+				// However, since selection is collapsed, attribute value will be used as data for text node.
+				// So, if `href` is empty, do not create text node.
+				else if ( href !== '' ) {
+					const attributes = toMap( selection.getAttributes() );
+
+					attributes.set( 'linkHref', href );
+
+					truthyManualDecorators.forEach( item => {
+						attributes.set( item, true );
+					} );
+
+					const { end: positionAfter } = model.insertContent( writer.createText( title, attributes ), position );
+
+					// Put the selection at the end of the inserted link.
+					// Using end of range returned from insertContent in case nodes with the same attributes got merged.
+					writer.setSelection( positionAfter );
+				}
+
+				// Remove the `linkHref` attribute and all link decorators from the selection.
+				// It stops adding a new content into the link element.
+				[ 'linkHref', ...truthyManualDecorators, ...falsyManualDecorators ].forEach( item => {
+					writer.removeSelectionAttribute( item );
+				} );
+			} else {
+				// If selection has non-collapsed ranges, we change attribute on nodes inside those ranges
+				// omitting nodes where the `linkHref` attribute is disallowed.
+				const ranges = model.schema.getValidRanges( selection.getRanges(), 'linkHref' );
+
+				// But for the first, check whether the `linkHref` attribute is allowed on selected blocks (e.g. the "image" element).
+				const allowedRanges = [];
+
+				for ( const element of selection.getSelectedBlocks() ) {
+					if ( model.schema.checkAttribute( element, 'linkHref' ) ) {
+						allowedRanges.push( writer.createRangeOn( element ) );
+					}
+				}
+
+				// Ranges that accept the `linkHref` attribute. Since we will iterate over `allowedRanges`, let's clone it.
+				const rangesToUpdate = allowedRanges.slice();
+
+				// eslint-disable-next-line max-len
+				// For all selection ranges we want to check whether given range is inside an element that accepts the `linkHref` attribute.
+				// If so, we don't want to propagate applying the attribute to its children.
+				// for ( const range of ranges ) {
+				//     if ( this._isRangeToUpdate( range, allowedRanges ) ) {
+				//         rangesToUpdate.push( range );
+				//     }
+				// }
+
+				for ( const range of ranges ) {
+					const _isRangeToUpdate = true;
+					for ( const allowedRange of allowedRanges ) {
+						if ( allowedRange.containsRange( range ) ) {
+							_isRangeToUpdate = false;
+							break;
+						}
+					}
+					if (_isRangeToUpdate) {
+						rangesToUpdate.push( range );
+					}
+				}
+
+				for ( const range of rangesToUpdate ) {
+					writer.setAttribute('linkHref', href, range);
+					writer.setAttribute(selectedRange, true, range);
+
+					truthyManualDecorators.forEach( item => {
+						writer.setAttribute( item, true, range );
+					} );
+
+					falsyManualDecorators.forEach( item => {
+						writer.removeAttribute( item, range );
+					} );
+				}
+			}
+		} );
 	}
 
 	/**
@@ -336,22 +309,4 @@ export default class LinkCommand extends Command {
 		return doc.selection.getAttribute( decoratorName );
 	}
 
-	/**
-	 * Checks whether specified `range` is inside an element that accepts the `linkHref` attribute.
-	 *
-	 * @private
-	 * @param {module:engine/view/range~Range} range A range to check.
-	 * @param {Array.<module:engine/view/range~Range>} allowedRanges An array of ranges created on elements where the attribute is accepted.
-	 * @returns {Boolean}
-	 */
-	_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 ) ) {
-				return false;
-			}
-		}
-
-		return true;
-	}
 }