qms-angular 1.0.69 → 1.0.73

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;
-	}
 }

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

@@ -0,0 +1,88 @@
+
+import { Command } from '@ckeditor/ckeditor5-core';
+import { Collection, first } 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';
+  
+ export default class LinkDialogCommand extends Command {
+    constructor( editor ) {
+		super( editor );
+		this.manualDecorators = new Collection();
+		this.automaticDecorators = new AutomaticDecorators();
+	}
+ 
+	restoreManualDecoratorStates() {
+		for ( const manualDecorator of this.manualDecorators ) {
+			manualDecorator.value = this._getDecoratorStateFromModel( manualDecorator.id );
+		}
+	}
+ 
+	refresh() {
+		const model = this.editor.model;
+		const doc = model.document;
+
+		const selectedElement = first( doc.selection.getSelectedBlocks() );
+
+		// A check for the `LinkImage` plugin. If the selection contains an element, get values from the element.
+		// Currently the selection reads attributes from text nodes only. See #7429 and #7465.
+		if ( isImageAllowed( selectedElement, model.schema ) ) {
+			this.value = selectedElement.getAttribute( 'linkHref' );
+			this.isEnabled = model.schema.checkAttribute( selectedElement, 'linkHref' );
+		} else {
+			this.value = doc.selection.getAttribute( 'linkHref' );
+			this.isEnabled = model.schema.checkAttributeInSelection( doc.selection, 'linkHref' );
+		}
+
+		for ( const manualDecorator of this.manualDecorators ) {
+			manualDecorator.value = this._getDecoratorStateFromModel( manualDecorator.id );
+		}
+	}
+  
+     execute() {
+        const editor = this.editor;
+        const model = editor.model;
+        const selection = model.document.selection;
+        const ranges = selection.getFirstRange();
+
+        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;
+            }
+			window[QMSCKEditorConstant.QMSCK_LINKED] = true;
+            const options = evt.detail;
+			editor.commands.get('link').execute(options);
+        }, { once: true });
+     }
+
+     _getDecoratorStateFromModel( decoratorName ) {
+		const model = this.editor.model;
+		const doc = model.document;
+		const selectedElement = first( doc.selection.getSelectedBlocks() );
+
+		// A check for the `LinkImage` plugin. If the selection contains an element, get values from the element.
+		// Currently the selection reads attributes from text nodes only. See #7429 and #7465.
+		if ( isImageAllowed( selectedElement, model.schema ) ) {
+			return selectedElement.getAttribute( decoratorName );
+		}
+
+		return doc.selection.getAttribute( decoratorName );
+	}
+ }
+ 

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

@@ -20,6 +20,7 @@ import { createLinkElement, ensureSafeUrl, getLocalizedDecorators, normalizeDeco
 import * as QMSCKEditorConstant from '../common/qmsCKEditorConstant';
 import '../../themes/styles/link.css';
 import { isLinkElement } from './utils';
+import LinkDialogCommand  from './linkdialogcommand';
 
 const HIGHLIGHT_CLASS = 'ck-link_selected';
 const DECORATOR_AUTOMATIC = 'automatic';
@@ -94,6 +95,7 @@ export default class LinkEditing extends Plugin {
 
 		// Create linking commands.
 		editor.commands.add( 'link', new LinkCommand( editor ) );
+		editor.commands.add( 'linkdialog', new LinkDialogCommand( editor ) );
 		editor.commands.add( 'unlink', new UnlinkCommand( editor ) );
 
 		const linkDecorators = getLocalizedDecorators( editor.t, normalizeDecorators( editor.config.get( 'link.decorators' ) ) );

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

@@ -130,31 +130,40 @@ export default class LinkUI extends Plugin {
 		// Execute unlink command after clicking on the "Edit" button.
 		this.listenTo( actionsView, 'edit', () => {
 				//this._addFormView();
-        let link = QMSCKEditorEnum.hyperLink;
-        const href = this.actionsView.href;
-        const hasLink = this.isImageLinked( editor.editing.view.document.selection.getSelectedElement(), editor.plugins.get('Image') );
-        let parentLink;
-        if (hasLink) {
-          parentLink = editor.editing.view.document.selection.getSelectedElement().getChild(0);
-        }
-        else {
-          parentLink = this._getSelectedLinkElement();
-        }
-        const linkOption = parentLink.getAttribute('url');
-        link.typeId = QMSCKEditorUtil.getLinkType(linkOption);
-        link.targetId = parentLink.getAttribute('target') ? QMSCKEditorEnum.targetEnum[parentLink.getAttribute('target')] : 0;
-        if (parentLink._children.length > 0) {
-          link.title = parentLink._children[0]._textData ? parentLink._children[0]._textData.trim() : '';
-        }
-        else {
-          link.title = '';
-        }
-        link.protocolId = QMSCKEditorUtil.getProtocolId(linkOption);
-        link.url = href;
-        link.edit = true;
-        window[QMSCKEditorConstant.QMSCK_LINKED] = false;
-        QMSCKEditorService.linkNotify(link);
-        this._hideUI();
+			let link = QMSCKEditorEnum.hyperLink;
+			const href = this.actionsView.href;
+			const hasLink = this.isImageLinked( editor.editing.view.document.selection.getSelectedElement(), editor.plugins.get('Image') );
+			let parentLink;
+			if (hasLink) {
+				parentLink = editor.editing.view.document.selection.getSelectedElement().getChild(0);
+			}
+			else {
+				parentLink = this._getSelectedLinkElement();
+			}
+
+			const linkOption = parentLink.getAttribute('url');
+			link.typeId = QMSCKEditorUtil.getLinkType(linkOption);
+			link.targetId = parentLink.getAttribute('target') ? QMSCKEditorEnum.targetEnum[parentLink.getAttribute('target')] : 0;
+			if (parentLink._children.length > 0) {
+				link.title = parentLink._children[0]._textData ? parentLink._children[0]._textData.trim() : '';
+			}
+			else {
+				link.title = '';
+			}
+			link.protocolId = QMSCKEditorUtil.getProtocolId(linkOption);
+			link.url = href;
+			link.edit = true;
+			QMSCKEditorService.linkNotify(link);
+			window[QMSCKEditorConstant.QMSCK_LINKED] = false;
+			window.addEventListener(QMSCKEditorConstant.QMSCK_LINK_PLUGIN_RESP, function(evt) {
+				if (window[QMSCKEditorConstant.QMSCK_LINKED]){
+					return;
+				}
+				window[QMSCKEditorConstant.QMSCK_LINKED] = true;
+				const options = evt.detail;
+				editor.commands.get('link').execute(options);
+			}, { once: true });
+			this._hideUI();
 		} );
 
 		// Execute unlink command after clicking on the "Unlink" button.
@@ -240,7 +249,7 @@ export default class LinkUI extends Plugin {
 	 */
 	_createToolbarLinkButton() {
 		const editor = this.editor;
-		const linkCommand = editor.commands.get( 'link' );
+		const linkDialogCommand = editor.commands.get( 'linkdialog' );
 		const t = editor.t;
 
 		// Handle the `Ctrl+K` keystroke and show the panel.
@@ -248,9 +257,9 @@ export default class LinkUI extends Plugin {
 			// Prevent focusing the search bar in FF, Chrome and Edge. See https://github.com/ckeditor/ckeditor5/issues/4811.
 			cancel();
 
-			if ( linkCommand.isEnabled ) {
+			if ( linkDialogCommand.isEnabled ) {
 				// this._showUI( true );
-        this.editor.execute('link');
+        		this.editor.execute('linkdialog');
 			}
 		} );
 
@@ -265,14 +274,14 @@ export default class LinkUI extends Plugin {
 			button.isToggleable = true;
 
 			// Bind button to the command.
-            const linkCommand = editor.commands.get('link');
-			button.bind( 'isEnabled' ).to( linkCommand, 'isEnabled' );
-			button.bind( 'isOn' ).to( linkCommand, 'value', value => !!value );
+            const linkDialogCommand = editor.commands.get( 'linkdialog' );
+			button.bind( 'isEnabled' ).to( linkDialogCommand, 'isEnabled' );
+			button.bind( 'isOn' ).to( linkDialogCommand, 'value', value => !!value );
 
 			// Show the panel on button click.
 			//this.listenTo( button, 'execute', () => this._showUI( true ) );
             this.listenTo(button, 'execute', () => {
-                this.editor.execute('link');
+                this.editor.execute('linkdialog');
             });
 
 			return button;

package/src/assets/qms-ckeditor-plugin/src/plugins/tableofcontents/tableofcontents.js

@@ -0,0 +1,14 @@
+import { Plugin } from '@ckeditor/ckeditor5-core';
+import TableOfContentsEditing from './tableofcontentsediting';
+import TableOfContentsUI from './tableofcontentsui';
+ 
+export default class TableOfContents extends Plugin {
+	static get requires() {
+		return [TableOfContentsEditing, TableOfContentsUI];
+	}
+ 
+	static get pluginName() {
+		return 'TableOfContents';
+	}
+}
+ 

package/src/assets/qms-ckeditor-plugin/src/plugins/tableofcontents/tableofcontentscommand.js

@@ -0,0 +1,87 @@
+import { Command } from '@ckeditor/ckeditor5-core';
+import { rangeToText, getAttributeValueOn, setAttributeOn, TOC_ELEMENTS, TOC_ATTRIBUTES} from './utils';
+import { findOptimalInsertionPosition } from '@ckeditor/ckeditor5-widget/src/utils';
+import { trimStart } from '../common/qmsCKEditorUtil';
+
+export default class TableOfContentsCommand extends Command {
+
+    execute( options = {} ) {
+        const editor = this.editor;
+        const model = editor.model;
+        model.change(writer => {
+            const headingObject = this._findHeadingElements(options.headings);
+            if(Object.keys(headingObject).length > 0){
+                const tocObject = this._buildTOCElements(headingObject);
+                this._setAnchorIdAttribute(headingObject, tocObject, writer);
+                this._insertTOCElements(tocObject, writer);
+            }
+        });
+    }
+    
+    _insertTOCElements(tocObject, writer){
+        let position;
+        Object.keys(tocObject).forEach((key) => {
+            const section = tocObject[key];
+            const paragraphElement = writer.createElement(TOC_ELEMENTS.PARAGRAPH, { ...section.attributes });
+            const textElement = writer.createText(section.text, { [TOC_ATTRIBUTES.LINK_HREF]: '#' + section.id });
+            writer.insert(textElement, writer.createPositionAt(paragraphElement, 0));
+            if(!position){
+                position = findOptimalInsertionPosition(this.editor.model.document.selection, this.editor.model);
+            }
+            const { end: positionAfter } = this.editor.model.insertContent(paragraphElement, position);
+            position = positionAfter;
+        });
+    }
+ 
+    _setAnchorIdAttribute(headingObject, tocObject, writer){
+        Object.keys(tocObject).forEach((key) =>{
+            const node = headingObject[key];
+            const sectionOject = tocObject[key];
+            if(!sectionOject.hasAnchorId){
+                const range = this.editor.model.createRangeIn(node);
+                const attribute = { key: TOC_ATTRIBUTES.ANCHOR_ID, value: sectionOject.id }
+                const hasAnchorId = setAttributeOn(range, this.editor.model.schema, writer, attribute);
+                if(!hasAnchorId){
+                    let childNode = writer.createText('\u00A0', { [TOC_ATTRIBUTES.ANCHOR_ID]: sectionOject.id });//insert non-breaking space
+                    writer.insert(childNode, writer.createPositionAt(node, 0));
+                }
+            }
+        });
+    }
+
+    _buildTOCElements(headingObject){
+        const tocObject = {};
+        let index = 1;
+        Object.keys(headingObject).forEach(key =>{
+            const node = headingObject[key];
+            const range = this.editor.model.createRangeIn(node);
+            const attributes = Object.fromEntries(node.getAttributes());
+            const name = node.name.toLowerCase();
+            attributes[TOC_ATTRIBUTES.HEADING_CLASS] = name;  
+            const text = rangeToText(range) || '';
+            let id = trimStart(text, '#').replace(/[^a-z0-9\+]/gi, '').toLowerCase() + index;
+            let hasAnchorId = false;
+            const anchorId = getAttributeValueOn(range, TOC_ATTRIBUTES.ANCHOR_ID);
+            if(!!anchorId){
+                id = trimStart(anchorId, '#');
+                hasAnchorId = true;
+            }
+            tocObject[key] = { id, name, text, hasAnchorId, attributes };
+            index++;
+        });
+        return tocObject;
+    }
+
+    _findHeadingElements(supportedHeadings){
+        const headingObject = {};
+        const range = this.editor.model.createRangeIn(this.editor.model.document.getRoot());
+        for (const value of range.getWalker()) {
+            const node = value.item;
+            if (node.is('element') && supportedHeadings.indexOf(node.name) > -1) {
+                let path = node.getPath();
+                headingObject[path] = node;
+            }
+        }
+        return headingObject;
+    }
+}