qms-angular 1.0.54 → 1.0.58

package/src/assets/qms-ckeditor-plugin/package.json

@@ -54,7 +54,6 @@
     "@ckeditor/ckeditor5-clipboard": "27.1.0",
     "@wiris/mathtype-ckeditor5": "^7.27.0",
     "@ckeditor/ckeditor5-page-break": "^27.1.0",
-    "@ckeditor/ckeditor5-horizontal-line": "^27.1.0",
     "qms-angular": "^1.0.2"
   }
 }

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

@@ -25,9 +25,6 @@ import List from '@ckeditor/ckeditor5-list/src/list.js';
 import Paragraph from '@ckeditor/ckeditor5-paragraph/src/paragraph.js';
 import PasteFromOffice from '@ckeditor/ckeditor5-paste-from-office/src/pastefromoffice';
 import Table from '@ckeditor/ckeditor5-table/src/table.js';
-import TableProperties from '@ckeditor/ckeditor5-table/src/tableproperties';
-import TableCellProperties from '@ckeditor/ckeditor5-table/src/tablecellproperties.js';
-import TableSelection from '@ckeditor/ckeditor5-table/src/tableselection.js';
 import TableToolbar from '@ckeditor/ckeditor5-table/src/tabletoolbar.js';
 import TextTransformation from '@ckeditor/ckeditor5-typing/src/texttransformation.js';
 import WordCount from '@ckeditor/ckeditor5-word-count/src/wordcount';
@@ -59,15 +56,12 @@ import SpecialCharactersMathematical from './plugins/ckeditor5-special-character
 import Clipboard from '@ckeditor/ckeditor5-clipboard/src/clipboard';
 import FindAndReplace from './plugins/ckeditor5-find-and-replace/src/findandreplace.js';
 import Tooltip from './plugins/tooltip/tooltip.js';
+import QMSCKEditorBpmnPlugin from './plugins/bpmn/qmsCKEditorBpmnPlugin.js';
 import PageBreak from '@ckeditor/ckeditor5-page-break/src/pagebreak';
 import ImageMap from './plugins/imagemap/imagemap.js';
 import Indent from '@ckeditor/ckeditor5-indent/src/indent';
 import IndentBlock from '@ckeditor/ckeditor5-indent/src/indentblock';
-import AboutCKEditor from './plugins/aboutckeditor/aboutckeditor.js';
-import HorizontalLine from '@ckeditor/ckeditor5-horizontal-line/src/horizontalline';
 import ToggleToolbar from './plugins/toggletoolbar/toggletoolbar.js';
-import QMSCKEditorBpmnPlugin from './plugins/bpmn/qmsCKEditorBpmnPlugin.js';
-import QMSCKEditorFlowchartPlugin from './plugins/flowchart/qmsCKEditorFlowchartPlugin.js';
 
 class Editor extends ClassicEditor {}
 
@@ -101,9 +95,6 @@ Editor.builtinPlugins = [
 	Paragraph,
 	Table,
 	TableToolbar,
-  TableProperties,
-  TableCellProperties,
-  TableSelection,
 	TextTransformation,
 	QMSCKEditorFullscreenPlugin,
 	QMSCKEditorTemplatePlugin,
@@ -127,21 +118,11 @@ Editor.builtinPlugins = [
 	SpecialCharactersMathematical,
 	Clipboard,
 	PasteFromOffice,
-	Tooltip,
+  	Tooltip,
 	FindAndReplace,
 	PageBreak,
 	ImageMap,
-	QMSCKEditorBpmnPlugin,
-	PageBreak,
-	Indent,
-	IndentBlock,
-	AboutCKEditor,
-	PageBreak,
-	Indent,
-	IndentBlock,
-	HorizontalLine,
-  QMSCKEditorBpmnPlugin,
-  QMSCKEditorFlowchartPlugin,
+  	QMSCKEditorBpmnPlugin,
 	PageBreak,
 	Indent,
 	IndentBlock,

package/src/assets/qms-ckeditor-plugin/src/plugins/bpmn/qmsCKEditorBpmnPlugin.js

@@ -3,7 +3,7 @@ import ButtonView from '@ckeditor/ckeditor5-ui/src/button/buttonview';
 import BpmnIcon from '../../themes/icons/bpmn.svg';
 import * as QMSCKEditorConstant from '../common/qmsCKEditorConstant';
 import * as QMSCKEditorService from '../common/qmsCKEditorService';
-import { ImageMapCommands, createInsertedEvent, debounced } from '../imagemap/utils';
+
 export default class QMSCKEditorBpmnPlugin extends Plugin {
     init() {
         const editor = this.editor;
@@ -29,40 +29,21 @@ export default class QMSCKEditorBpmnPlugin extends Plugin {
               else {
                 QMSCKEditorService.bpmnNotify('');
               }
-              window[QMSCKEditorConstant.QMSCK_BPMN_IS_PROCESSING] = false;
               window.addEventListener(QMSCKEditorConstant.QMSCK_BPMN_PLUGIN_RESP, function (evt) {
-                if (window[QMSCKEditorConstant.QMSCK_BPMN_IS_PROCESSING]) {
-                    return;
-                }
-                window[QMSCKEditorConstant.QMSCK_BPMN_IS_PROCESSING] = true;
                 editor.model.change( writer => {
-                    const imagemap = evt.detail.imagemap || {};
                     const imageElement = writer.createElement( 'image', {
                         src: evt.detail.values,
                         alt: evt.detail.key
-                    });
+                    } );
                     // Insert the image in the current selection location.
                     editor.model.insertContent( imageElement, editor.model.document.selection );
-                    const insertImageMapCommand = editor.commands.get(ImageMapCommands.INSERT);
-                    const resizeImageMapCommand = editor.commands.get(ImageMapCommands.RESIZE);
-                    if(!!imagemap.areas && imagemap.areas.length > 0 && !!insertImageMapCommand){
-                        editor.model.createSelection(imageElement, "in");//Set the current selection in the inserted image
-                        imagemap.oldName = imagemap.name;//Delete old image map if any
-                        insertImageMapCommand.execute(imagemap);
-                        //resize image map when image width is greater than 600px
-                        if(imagemap.imageWidth > 600 && !!resizeImageMapCommand){
-                          insertImageMapCommand.once(createInsertedEvent(imagemap.name), debounced(() => {
-                              resizeImageMapCommand.execute();
-                          }, 500));
-                        }
-                    }
-                });
-
+                } );
               },
               { once: true });
             });
+
             return view;
-        });
+        })
     }
 
     isBpmnImage( element, image ) {

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

@@ -21,12 +21,6 @@ export const QMSCK_IMAGEMAP_IS_PROCESSING = 'QMSCK_IMAGEMAP_IS_PROCESSING';
 export const QMSCK_BPMN_PLUGIN_MSG = 'QMSCK_BPMN_PLUGIN_MSG';
 export const QMSCK_BPMN_PLUGIN_RESP = 'QMSCK_BPMN_PLUGIN_RESP';
 export const QMSCK_BPMN = 'bpmn';
-/* About CKEditor */
-export const QMSCK_ABOUT_CKEDITOR_PLUGIN_MSG = 'QMSCK_ABOUT_CKEDITOR_PLUGIN_MSG';
-export const QMSCK_BPMN_IS_PROCESSING = 'QMSCK_BPMN_IS_PROCESSING';
-/* Flowchart */
-export const QMSCK_FLOWCHART_PLUGIN_MSG = 'QMSCK_FLOWCHART_PLUGIN_MSG';
-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';
+ 

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

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

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

@@ -1,7 +1,6 @@
 import { Plugin } from '@ckeditor/ckeditor5-core';
 import InsertImageMapCommand from './insertimagemapcommand'; 
 import ResizeImageMapCommand from './resizeimagemapcommand'; 
-import OpenImageMapCommand from './openimagemapcommand'; 
 import { ImageMapAttributes, ImageMapElements, debounced, trimStart, drawMap, ImageMapCommands, HtmlAttributes, HtmlElements, findMapNodes } from './utils';
 import ImageLoadObserver from '@ckeditor/ckeditor5-image/src/image/imageloadobserver';
 import { downcastImageWidthAttribute, downcastImageHeightAttribute, downcastImageSavedSrcAttribute, downcastImageMapAttribute, 
@@ -72,32 +71,28 @@ import { isWidget } from  '@ckeditor/ckeditor5-widget/src/utils';
             editor.execute(ImageMapCommands.RESIZE);
         }, 100));
 
-        this.listenTo(editingView.document, 'delete', ( evt, data ) => {
-            this.allowDeleteMap = true;
-		}, { context: [isWidget] });
- 
+        // this.listenTo(editingView.document, 'delete', ( evt, data ) => {
+        //     this.allowDeleteMap = true;
+		// }, {  context: [isWidget]  });
+
+        // this.listenTo(model.document, 'change:data', (event) => {
+        //     if(this.allowDeleteMap == true){
+        //         this.allowDeleteMap == false;
+        //         OnImageDeleted(model, event);
+        //     }
+        // });
+   
         this.listenTo(editingView.document, 'imageLoaded', (evt, domEvent) => {
             onImageLoaded(domEvent);
         });
  
-        model.document.on('change:data', (evt, batch) => {
-            if(this.allowDeleteMap == true){
-                this.allowDeleteMap = false;
-                OnImageDeleted(model, batch);
-            }
-        } );
-
-        editor.commands.add(ImageMapCommands.OPEN, new OpenImageMapCommand(editor));
         editor.commands.add(ImageMapCommands.INSERT, new InsertImageMapCommand(editor));
         editor.commands.add(ImageMapCommands.RESIZE, new ResizeImageMapCommand(editor));
     } 
 } 
  
-function OnImageDeleted(model, batch){
-    if( batch.type == 'transparent'){
-        return;
-    }
-    const differ = model.document.differ;
+function OnImageDeleted(model, event){
+    const differ = event.source.differ;
     // if no difference
     if (differ.isEmpty) { return; }
     const changes = differ.getChanges({ includeChangesInGraveyard: true });
@@ -108,7 +103,7 @@ function OnImageDeleted(model, batch){
     for (let i = 0; i < changes.length; i++){
         const change = changes[i]
         // if image remove exists
-        if (change && change.type === 'remove' && change.name === ImageMapElements.IMAGE) {
+        if (change && change.type === 'remove' && change.name === 'image') {
             hasNoImageRemoved = false
             break
         }
@@ -117,7 +112,7 @@ function OnImageDeleted(model, batch){
     // if not image remove stop execution
     if (hasNoImageRemoved) { return; }
     // get removed nodes
-    const removedNodes = changes.filter(change => (change.type === 'insert' && change.name === ImageMapElements.IMAGE))
+    const removedNodes = changes.filter(change => (change.type === 'insert' && change.name === 'image'))
  
     // removed image nodes
     const removedMapNames = []
@@ -134,7 +129,8 @@ function OnImageDeleted(model, batch){
         const existingMapElements = findMapNodes(removedMapNames, range);
 
         if(existingMapElements && existingMapElements.length > 0){
-            model.enqueueChange(batch, writer => {
+            const redoingBatch = model.createBatch( 'transparent' );
+            model.enqueueChange(redoingBatch, writer => {
                 existingMapElements.forEach(element => {
                     writer.remove(element);
                 });
@@ -154,34 +150,34 @@ function onImageLoaded(domEvent){
  
         const originalSrc =  domEvent.target.getAttribute(HtmlAttributes.SRC);
         const mapName =  trimStart(domEvent.target.getAttribute(HtmlAttributes.USE_MAP), '#');
-        const selector = `${HtmlElements.MAP}[${HtmlAttributes.NAME}='${mapName}']`;
-        const map = document.querySelector(selector);
-        if(map && map.childNodes){
-            const areas = [];
-            map.childNodes.forEach((child) =>{
-                if(child.nodeName && child.nodeName.toLowerCase() === HtmlElements.AREA){
-                    let area = {};
-                    area[HtmlAttributes.COORDS] = child.getAttribute(HtmlAttributes.COORDS);
-                    area[HtmlAttributes.SHAPE] = child.getAttribute(HtmlAttributes.SHAPE) || '';
-                    areas.push(area);
-                }
-            });
-            if(areas.length > 0){
-                const width =  map.getAttribute(HtmlAttributes.WIDTH) || domEvent.target.width;
-                const height =  map.getAttribute(HtmlAttributes.HEIGHT) || domEvent.target.height;
-                const target = domEvent.target;
-                drawMap(originalSrc, width, height, areas, (oldsrc, newsrc) => {
-                    if(target){
-                        target.setAttribute(HtmlAttributes.SRC, newsrc);
-                        target.setAttribute(HtmlAttributes.SAVED_SRC, oldsrc);
+            const selector = `${HtmlElements.MAP}[${HtmlAttributes.NAME}='${mapName}']`;
+            const map = document.querySelector(selector);
+            if(map && map.childNodes){
+                const areas = [];
+                map.childNodes.forEach((child) =>{
+                    if(child.nodeName && child.nodeName.toLowerCase() === HtmlElements.AREA){
+                        let area = {};
+                        area[HtmlAttributes.COORDS] = child.getAttribute(HtmlAttributes.COORDS);
+                        area[HtmlAttributes.SHAPE] = child.getAttribute(HtmlAttributes.SHAPE) || '';
+                        areas.push(area);
                     }
+                });
+                if(areas.length > 0){
+                    const width =  map.getAttribute(HtmlAttributes.WIDTH) || domEvent.target.width;
+                    const height =  map.getAttribute(HtmlAttributes.HEIGHT) || domEvent.target.height;
+                    const target = domEvent.target;
+                    drawMap(originalSrc, width, height, areas, (oldsrc, newsrc) => {
+                        if(target){
+                            target.setAttribute(HtmlAttributes.SRC, newsrc);
+                            target.setAttribute(HtmlAttributes.SAVED_SRC, oldsrc);
+                        }
 
-                    if(map){
-                        map.setAttribute(HtmlAttributes.WIDTH, width);
-                        map.setAttribute(HtmlAttributes.HEIGHT, height);
-                    } 
-                })
+                        if(map){
+                            map.setAttribute(HtmlAttributes.WIDTH, width);
+                            map.setAttribute(HtmlAttributes.HEIGHT, height);
+                        } 
+                    })
+                }
             }
-        }
     }
 }

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

@@ -39,7 +39,7 @@ import { ImageMapCommands } from './utils';
              view.bind('isEnabled').to(command, 'isEnabled');
  
              this.listenTo(view, 'execute', () => {
-                editor.execute(ImageMapCommands.OPEN, {});
+                editor.execute(ImageMapCommands.INSERT, {});
              });
  
              return view;

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

@@ -1,92 +1,128 @@
 
 import { Command } from '@ckeditor/ckeditor5-core';
 import { isImage } from '@ckeditor/ckeditor5-image/src/image/utils';
-import { ImageMapAttributes, ImageMapElements, trimStart, findMapNodes, drawMap, createInsertedEvent, createRemovedEvent } from './utils';
-
+import * as QMSCKEditorConstant from '../common/qmsCKEditorConstant';
+import * as QMSCKEditorService from '../common/qmsCKEditorService';
+import { ImageMapAttributes, ImageMapElements, trimStart, parsePixelToFloat, findFirstMapNode, findMapNodes, drawMap } from './utils';
+import  { getSelectedImageWidget } from '@ckeditor/ckeditor5-image/src/image/utils';
+ 
 export default class InsertImageMapCommand extends Command {
-	// refresh() {
-	// 	const element = this.editor.model.document.selection.getSelectedElement();
-	// 	this.isEnabled = isImage(element);
-	// }
-
-	execute( options = {} ) {
+	 
+	refresh() {
+		const element = this.editor.model.document.selection.getSelectedElement();
+		this.isEnabled = isImage(element);
+	}
+ 
+	execute() {
 		const editor = this.editor;
 		const model = editor.model;
-		model.change(writer => {
-			var newName =  trimStart(options.name, '#');
-			const areas = options.areas;
-			const width = options.imageWidth;
-			const height = options.imageHeight;
-			const imageElement = model.document.selection.getSelectedElement();
-			if(!imageElement | !isImage(imageElement)){
-				return;
-			}
-			const oldName = imageElement.getAttribute(ImageMapAttributes.IMAGE_USE_MAP) || options.oldName;
+		const view = editor.editing.view;
+		const selectedElement = model.document.selection.getSelectedElement();
+ 
+		const mapName = selectedElement.getAttribute(ImageMapAttributes.IMAGE_USE_MAP);
+		let originalImageSrc = selectedElement.getAttribute(ImageMapAttributes.IMAGE_SRC);
+		if(selectedElement.hasAttribute(ImageMapAttributes.IMAGE_SAVED_SRC) && selectedElement.getAttribute(ImageMapAttributes.IMAGE_SAVED_SRC)){
+			originalImageSrc = selectedElement.getAttribute(ImageMapAttributes.IMAGE_SAVED_SRC);
+		}
 
-			if(!!oldName){
-				const range = model.createRangeIn(model.document.getRoot());
-				const existingMapElements = findMapNodes([trimStart(oldName, '#')], range);
-				if(existingMapElements && existingMapElements.length > 0){
-					existingMapElements.forEach(element => {
-						writer.remove(element);
-					});
-				}
-			}
+		const data = {'imageUrl': originalImageSrc, 'areas': [], imageWidth: null, imageHeight: null};
+		const imageWidget = getSelectedImageWidget( view.document.selection);
+		const widgetResizePlugin = editor.plugins.get('WidgetResize');
+        const resizer = widgetResizePlugin.getResizerByViewElement( imageWidget );
 
-			if(!!areas && areas.length > 0)
-			{
-				writer.setAttribute(ImageMapAttributes.IMAGE_USE_MAP, '#' + newName, imageElement);
-				writer.setAttribute(ImageMapAttributes.IMAGE_WIDTH, width, imageElement);
-				writer.setAttribute(ImageMapAttributes.IMAGE_HEIGHT, height, imageElement);
+		if(resizer){
+			const resizerWrapper = resizer._viewResizerWrapper;
+			data.imageWidth = parsePixelToFloat(resizerWrapper.getStyle('width', 0));
+			data.imageHeight = parsePixelToFloat(resizerWrapper.getStyle('height', 0));
+		}
+ 
+		if(!!mapName){
+			const range = model.createRangeIn(model.document.getRoot());
+			const existingMapElement = findFirstMapNode(trimStart(mapName, '#'), range);
+			if(existingMapElement){
+				data.areas = JSON.parse(existingMapElement.getAttribute(ImageMapAttributes.MAP_AREAS) || []);
+			}
+		}
+ 
+		QMSCKEditorService.imageMapNotify(data);
+        window[QMSCKEditorConstant.QMSCK_IMAGEMAP_IS_PROCESSING] = false;
+        window.addEventListener(QMSCKEditorConstant.QMSCK_IMAGEMAP_PLUGIN_RESP, (evt) => {
+            if (window[QMSCKEditorConstant.QMSCK_IMAGEMAP_IS_PROCESSING]) { 
+                return; 
+            }
+            window[QMSCKEditorConstant.QMSCK_IMAGEMAP_IS_PROCESSING] = true;    
+            model.change(writer => {
+				var newMapName =  trimStart(evt.detail.name, '#');
+				const areas = evt.detail.areas;
+				const width = evt.detail.imageWidth;
+				const height = evt.detail.imageHeight;
+				const imageElement = model.document.selection.getSelectedElement();
+				const oldMapName = imageElement.getAttribute(ImageMapAttributes.IMAGE_USE_MAP);
 
-				let originalImageSrc = imageElement.getAttribute(ImageMapAttributes.IMAGE_SRC);
-				if(!imageElement.hasAttribute(ImageMapAttributes.IMAGE_SAVED_SRC) || !imageElement.getAttribute(ImageMapAttributes.IMAGE_SAVED_SRC)){
-					writer.setAttribute(ImageMapAttributes.IMAGE_SAVED_SRC, originalImageSrc, imageElement);
-				}
-				else{
-					originalImageSrc = imageElement.getAttribute(ImageMapAttributes.IMAGE_SAVED_SRC);
+				if(!!oldMapName){
+					const range = model.createRangeIn(model.document.getRoot());
+					const existingMapElements = findMapNodes([trimStart(oldMapName, '#')], range);
+					if(existingMapElements && existingMapElements.length > 0){
+						existingMapElements.forEach(element => {
+							writer.remove(element);
+						});
+					}
 				}
 
-				let attrs = {};
-				attrs[ImageMapAttributes.MAP_NAME] = newName;
-				attrs[ImageMapAttributes.MAP_AREAS] = JSON.stringify(areas);
-				attrs[ImageMapAttributes.MAP_WIDTH] = width;
-				attrs[ImageMapAttributes.MAP_HEIGHT] = height;
-				const mapElement = writer.createElement(ImageMapElements.MAP, attrs);
-
-				writer.insert(mapElement, writer.createPositionAt(imageElement, "after"));
+				if(!!areas && areas.length > 0) 
+				{
+					writer.setAttribute(ImageMapAttributes.IMAGE_USE_MAP, '#' + newMapName, imageElement);
+					writer.setAttribute(ImageMapAttributes.IMAGE_WIDTH, width, imageElement);
+					writer.setAttribute(ImageMapAttributes.IMAGE_HEIGHT, height, imageElement);
 
-				drawMap(originalImageSrc, width, height, areas, (oldsrc, newsrc) =>{
-					model.enqueueChange(writer.batch, writer => {
-						writer.setAttribute(ImageMapAttributes.IMAGE_SRC, newsrc, imageElement);
-						this.fire(createInsertedEvent(newName));
+					let originalImageSrc = imageElement.getAttribute(ImageMapAttributes.IMAGE_SRC);
+					if(!imageElement.hasAttribute(ImageMapAttributes.IMAGE_SAVED_SRC) || !imageElement.getAttribute(ImageMapAttributes.IMAGE_SAVED_SRC)){
+						writer.setAttribute(ImageMapAttributes.IMAGE_SAVED_SRC, originalImageSrc, imageElement);
+					}
+					else{
+						originalImageSrc = imageElement.getAttribute(ImageMapAttributes.IMAGE_SAVED_SRC);
+					}
+  
+					drawMap(originalImageSrc, width, height, areas, (oldsrc, newsrc) =>{
+						model.enqueueChange(writer => {
+							writer.setAttribute(ImageMapAttributes.IMAGE_SRC, newsrc, imageElement);
+						} );
 					});
-				});
-			}
-			else {
-				if(imageElement.hasAttribute(ImageMapAttributes.IMAGE_USE_MAP)){
-					writer.removeAttribute(ImageMapAttributes.IMAGE_USE_MAP, imageElement);
-				}
+	 
+					let attrs = {};
+					attrs[ImageMapAttributes.MAP_NAME] = newMapName;
+					attrs[ImageMapAttributes.MAP_AREAS] = JSON.stringify(areas);
+					attrs[ImageMapAttributes.MAP_WIDTH] = width;
+					attrs[ImageMapAttributes.MAP_HEIGHT] = height;
+					const mapElement = writer.createElement(ImageMapElements.MAP, attrs);	 
 
-				if(imageElement.hasAttribute(ImageMapAttributes.IMAGE_SAVED_SRC)){
-
-					let src = imageElement.getAttribute(ImageMapAttributes.IMAGE_SAVED_SRC);
-					if(!!src){
-						writer.setAttribute(ImageMapAttributes.IMAGE_SRC, src, imageElement);
+					writer.insert(mapElement, writer.createPositionAt(imageElement, "after"));
+				} 
+				else {
+					if(imageElement.hasAttribute(ImageMapAttributes.IMAGE_USE_MAP)){
+						writer.removeAttribute(ImageMapAttributes.IMAGE_USE_MAP, imageElement);
+					}
+ 
+					if(imageElement.hasAttribute(ImageMapAttributes.IMAGE_SAVED_SRC)){
+						 
+						let src = imageElement.getAttribute(ImageMapAttributes.IMAGE_SAVED_SRC);
+						if(!!src){
+							writer.setAttribute(ImageMapAttributes.IMAGE_SRC, src, imageElement);
+						}
+						writer.removeAttribute(ImageMapAttributes.IMAGE_SAVED_SRC, imageElement);
+					}
+ 
+					if(imageElement.hasAttribute(ImageMapAttributes.IMAGE_HEIGHT)){
+						writer.removeAttribute(ImageMapAttributes.IMAGE_HEIGHT, imageElement);
 					}
-					writer.removeAttribute(ImageMapAttributes.IMAGE_SAVED_SRC, imageElement);
-				}
-
-				if(imageElement.hasAttribute(ImageMapAttributes.IMAGE_HEIGHT)){
-					writer.removeAttribute(ImageMapAttributes.IMAGE_HEIGHT, imageElement);
-				}
 
-				if(imageElement.hasAttribute(ImageMapAttributes.IMAGE_WIDTH)){
-					writer.removeAttribute(ImageMapAttributes.IMAGE_WIDTH, imageElement);
+					if(imageElement.hasAttribute(ImageMapAttributes.IMAGE_WIDTH)){
+						writer.removeAttribute(ImageMapAttributes.IMAGE_WIDTH, imageElement);
+					}
 				}
-				this.fire(createRemovedEvent(newName));
-			}
-		},{ once: true });
+            });
+        },
+		{ once: true });
 	}
 }
 

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

@@ -1,7 +1,7 @@
 
 import { Command } from '@ckeditor/ckeditor5-core';
 import { isImage } from '@ckeditor/ckeditor5-image/src/image/utils';
-import { ImageMapAttributes, trimStart, parsePixelToFloat, findFirstMapNode, drawMap, resizeAreaWidth, resizeAreaHeight, createResizedEvent } from './utils';
+import { ImageMapAttributes, trimStart, parsePixelToFloat, findFirstMapNode, drawMap, resizeAreaWidth, resizeAreaHeight } from './utils';
 import  { getSelectedImageWidget} from '@ckeditor/ckeditor5-image/src/image/utils';
 
 export default class ResizeImageMapCommand extends Command {
@@ -11,7 +11,7 @@ export default class ResizeImageMapCommand extends Command {
 		this.isEnabled = isImage(element) && element.hasAttribute(ImageMapAttributes.IMAGE_USE_MAP);
 	}
  
-	execute( options = {}) {
+	execute() {
         const editor = this.editor;
         const model = editor.model;
         const view = this.editor.editing.view;
@@ -68,9 +68,8 @@ export default class ResizeImageMapCommand extends Command {
                             writer.setAttribute(ImageMapAttributes.IMAGE_HEIGHT, newHeight, imageElement);
 
                             drawMap(originalImageSrc, newWidth, newHeight, areas, (oldsrc, newsrc) =>{
-                                model.enqueueChange(writer.batch, writer => {
+                                model.enqueueChange(writer => {
                                     writer.setAttribute(ImageMapAttributes.IMAGE_SRC, newsrc, imageElement);
-                                    this.fire(createResizedEvent(mapName));
                                 });
                             });
                         });

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

@@ -34,7 +34,6 @@ export const ImageMapAttributes = {
 }
 
 export const ImageMapCommands = {
-	OPEN: 'openImageMap',
 	INSERT: 'insertImageMap',
 	RESIZE: 'resizeImageMap'
 }
@@ -44,18 +43,6 @@ export const ImageMapElements = {
 	IMAGE: 'image'//It is already defined by the image plugin
 }
 
-export function createInsertedEvent(mapname){
-	return trimStart(mapname, '#') + '_inserted';
-}
-
-export function createRemovedEvent(mapname){
-	return trimStart(mapname, '#') + '_removed';
-}
-
-export function createResizedEvent(mapname){
-	return trimStart(mapname, '#') + '_resized';
-}
-
 export function trimStart(text, charToRemove){
 	if(text && text.length > 0){
 		if(text.charAt(0) == charToRemove){

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

@@ -10,19 +10,19 @@ import { toMap } from '@ckeditor/ckeditor5-utils';
  * The default DateTime pattern is dd/MM/yyyy hh:mm:ss aaa
  *
  * DateTime Patterns:
- *
+ * 
  * yy = 2-digit year; yyyy = full year
- *
+ * 
  * M = digit month; MM = 2-digit month
- *
+ * 
  * d = digit day; dd = 2-digit day
- *
+ * 
  * h = hours am/pm; hh = 2-digit hours am/pm; H = hours; HH = 2-digit hours
- *
+ * 
  * m = minutes; mm = 2-digit minutes; aaa = AM/PM
- *
+ * 
  * s = seconds; ss = 2-digit seconds
- *
+ * 
  * S = miliseconds
  */
 export default class Timestamp extends Plugin {
@@ -37,7 +37,7 @@ export default class Timestamp extends Plugin {
             buttonView.set( {
                 label: t('Timestamp'),
                 icon: timestampIcon,
-                withText: false,
+                withText: true,
                 tooltip: true
             } );