qms-angular 1.1.26 → 1.1.28

package/src/assets/qms-ckeditor-plugin/src/plugins/anchor/anchorcommand.js

@@ -145,8 +145,10 @@ export default class AnchorCommand extends Command {
 	 * @fires execute
 	 * @param {String} id Anchor destination.
 	 * @param {Object} [manualDecoratorIds={}] The information about manual decorator attributes to be applied or removed upon execution.
+	 * @param {boolean} isEmptyAnchorContent Check anchor content is empty or not empty.
+
 	 */
-	execute( id, manualDecoratorIds = {} ) {
+	execute( id, manualDecoratorIds = {}, isEmptyAnchorContent) {
 		const model = this.editor.model;
 		const selection = model.document.selection;
 		// Stores information about manual decorators to turn them on/off when command is applied.
@@ -189,14 +191,22 @@ export default class AnchorCommand extends Command {
 				// So, if `id` is empty, do not create text node.
 				else if ( id !== '' ) {
 					const attributes = toMap( selection.getAttributes() );
-
 					attributes.set( 'anchorId', id );
 
 					truthyManualDecorators.forEach( item => {
 						attributes.set( item, true );
 					} );
 
-					const { end: positionAfter } = model.insertContent( writer.createText( id, attributes ), position );
+					var newAnchorContent = null;
+					if(isEmptyAnchorContent) {
+						// When anchor content is empty, set anchor content equal  
+						newAnchorContent = writer.createText( " ", attributes );
+					} else {
+						// When anchor content is not empty, set anchor content equal  
+						newAnchorContent = writer.createText( id, attributes );
+					}
+
+					const { end: positionAfter } = model.insertContent( newAnchorContent, position );
 
 					// Put the selection at the end of the inserted anchor.
 					// Using end of range returned from insertContent in case nodes with the same attributes got merged.

package/src/assets/qms-ckeditor-plugin/src/plugins/anchor/anchorui.js

@@ -175,7 +175,13 @@ export default class AnchorUI extends Plugin {
 		this.listenTo( formView, 'submit', () => {
 			const { value } = formView.urlInputView.fieldView.element;
 			const parsedUrl = addAnchorProtocolIfApplicable( value, defaultProtocol );
-			editor.execute( 'anchor', parsedUrl, formView.getDecoratorSwitchesState() );
+			if(editor.model.document.selection.anchor.nodeAfter) {
+				// Case anchor content is not empty
+				editor.execute( 'anchor', parsedUrl, formView.getDecoratorSwitchesState() , false);
+			} else {
+				// Case anchor content is empty
+				editor.execute( 'anchor', parsedUrl, formView.getDecoratorSwitchesState() , true);
+			}
 			this._closeFormView();
 		} );
 

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

@@ -26,10 +26,19 @@ export default class BpmnDialogCommand extends Command {
       window[QMSCKEditorConstant.QMSCK_BPMN_IS_PROCESSING] = true;
       editor.model.change( writer => {
         const options = evt.detail.imagemap || {};
-          const imageElement = writer.createElement( 'image', {
-              src: evt.detail.values,
-              alt: evt.detail.key
+        let imageElement = null;
+        if(options.imageWidth > 600) {
+          imageElement = writer.createElement( 'image', {
+            src: evt.detail.values,
+            alt: evt.detail.key
           });
+        } else {
+          imageElement = writer.createElement( 'image', {
+            src: evt.detail.values,
+            alt: evt.detail.key,
+            width: options.imageWidth.toString() + "px"
+          });
+        }
           // Insert the image in the current selection location.
           editor.model.insertContent( imageElement, editor.model.document.selection );
           if(!!options.areas && options.areas.length > 0){

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

@@ -149,18 +149,19 @@ export default class LinkCommand extends Command {
 	 * @param {Object} [manualDecoratorIds={}] The information about manual decorator attributes to be applied or removed upon execution.
 	 */
 	execute(options) {
-        const model = this.editor.model;
-        const selection = model.document.selection;
-        const manualDecoratorIds = {};
-        const linkDecorators = this.editor.config.get( 'link.decorators' );
-        const selectedRange = 'link'+ linkDecorators.length;
+		const model = this.editor.model;
+		const selection = model.document.selection;
+		const manualDecoratorIds = {};
+		const linkDecorators = this.editor.config.get( 'link.decorators' );
+		const selectedRange = 'link'+ linkDecorators.length;
   
-		const url = options.url;
+		const url =  options ? options.url : '';
 		const href = url.substring(2, url.length);
+		const linkOption = url.substring(0, 2);
 		const title = options.title ? options.title : url;
 
-		for(let i= 0; i < linkDecorators.length-2; i++){
-			manualDecoratorIds['link' + i] = (i === options.targetId)? true : false;
+		for(let i = 0; i < linkDecorators.length-1; i++){
+			manualDecoratorIds['link' + i] = (i === options.targetId);
 		}
 		// Stores information about manual decorators to turn them on/off when command is applied.
 		const truthyManualDecorators = [];
@@ -185,28 +186,28 @@ export default class LinkCommand extends Command {
 				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 ) );
-					}
+
+					const attributes = toMap( selection.getAttributes() );
+					
+					writer.remove(linkRange);
+					const newPosition = linkRange.start;
+
+					attributes.set('linkHref', href );
+					attributes.set('linkOption', linkOption);
+
+					// set decorators to determine the target of this link
+					truthyManualDecorators.forEach( item => {
+						attributes.set( item, true );
+					} );
+					
+					const createdRange = model.insertContent( writer.createText( title, attributes ), newPosition );
+
+					// remove old decorators
+					falsyManualDecorators.forEach( item => {
+						writer.removeAttribute( item, createdRange );
+					} );
+
+					writer.setSelection( createdRange.end );
 				}
 				// 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.
@@ -214,7 +215,8 @@ export default class LinkCommand extends Command {
 				else if ( href !== '' ) {
 					const attributes = toMap( selection.getAttributes() );
 
-					attributes.set( 'linkHref', href );
+					attributes.set('linkHref', href );
+					attributes.set('linkOption', linkOption);
 
 					truthyManualDecorators.forEach( item => {
 						attributes.set( item, true );
@@ -229,7 +231,7 @@ export default class LinkCommand extends Command {
 
 				// 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 => {
+				[ 'linkHref', 'linkOption', ...truthyManualDecorators, ...falsyManualDecorators ].forEach( item => {
 					writer.removeSelectionAttribute( item );
 				} );
 			} else {
@@ -273,7 +275,7 @@ export default class LinkCommand extends Command {
 
 				for ( const range of rangesToUpdate ) {
 					writer.setAttribute('linkHref', href, range);
-					writer.setAttribute(selectedRange, true, range);
+					writer.setAttribute('linkOption', linkOption, range);
 
 					truthyManualDecorators.forEach( item => {
 						writer.setAttribute( item, true, range );

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

@@ -62,12 +62,15 @@ import AutomaticDecorators from './utils/automaticdecorators';
         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);
+					if (window[QMSCKEditorConstant.QMSCK_LINKED]){
+							return;
+					}
+					window[QMSCKEditorConstant.QMSCK_LINKED] = true;
+					const options = evt.detail;
+					// Return options = null when user cancel link dialog instead of not returning anything to avoid redundant event listener
+					if (options) {
+						editor.commands.get('link').execute(options);
+					}
         }, { once: true });
      }
 

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

@@ -16,7 +16,7 @@ import { keyCodes } from '@ckeditor/ckeditor5-utils';
 import LinkCommand from './linkcommand';
 import UnlinkCommand from './unlinkcommand';
 import ManualDecorator from './utils/manualdecorator';
-import { createLinkElement, ensureSafeUrl, getLocalizedDecorators, normalizeDecorators } from './utils';
+import { createLinkElement, ensureSafeUrl, getLocalizedDecorators, normalizeDecorators, createLinkOptionElement } from './utils';
 import * as QMSCKEditorConstant from '../common/qmsCKEditorConstant';
 import '../../themes/styles/link.css';
 import { isLinkElement } from './utils';
@@ -69,7 +69,8 @@ export default class LinkEditing extends Plugin {
 		const editor = this.editor;
 
 		// Allow link attribute on all inline nodes.
-		editor.model.schema.extend( '$text', { allowAttributes: 'linkHref' } );
+		editor.model.schema.extend( '$text', { allowAttributes: ['linkHref', 'linkOption'] } );
+
 
 		editor.conversion.for( 'dataDowncast' )
 			.attributeToElement( { model: 'linkHref', view: createLinkElement } );
@@ -93,6 +94,28 @@ export default class LinkEditing extends Plugin {
 				}
 			} );
 
+		editor.conversion.for( 'dataDowncast' )
+		.attributeToElement( { model: 'linkOption', view: createLinkOptionElement } );
+
+		editor.conversion.for( 'editingDowncast' )
+			.attributeToElement( { model: 'linkOption', view: ( href, conversionApi ) => {
+				return createLinkOptionElement(href, conversionApi );
+			} } );
+			
+		editor.conversion.for( 'upcast' )
+		.elementToAttribute( {
+			view: {
+				name: 'a',
+				attributes: {
+					option: true
+				}
+			},
+			model: {
+				key: 'linkOption',
+				value: viewElement => viewElement.getAttribute( 'option' )
+			}
+		});
+		
 		// Create linking commands.
 		editor.commands.add( 'link', new LinkCommand( editor ) );
 		editor.commands.add( 'linkdialog', new LinkDialogCommand( editor ) );
@@ -192,25 +215,15 @@ export default class LinkEditing extends Plugin {
 			editor.conversion.for( 'downcast' ).attributeToElement( {
 				model: decorator.id,
 				view: ( manualDecoratorName, { writer } ) => {
-					if ( manualDecoratorName) {
+					if ( manualDecoratorName ) {
 						const attributes = manualDecorators.get( decorator.id ).attributes;
-            let linkOption = window[QMSCKEditorConstant.QMSCK_LINK_OPTION]? window[QMSCKEditorConstant.QMSCK_LINK_OPTION] : '00';
-            let parentLink = this._getSelectedLinkElement();
-            if (parentLink && window[QMSCKEditorConstant.QMSCK_LINKED]) {
-              try {
-                linkOption = parentLink.parent.getChild(0).getAttribute('url');
-              } catch{
-                linkOption = parentLink.parent.getChild(1).getAttribute('url');
-              }
-            }
-            attributes.url = linkOption;
             const element = writer.createAttributeElement( 'a', attributes, { priority: 5 } );
             writer.setCustomProperty( 'link', true, element );
 
             return element;
 					}
 				} } );
-
+			
 			editor.conversion.for( 'upcast' ).elementToAttribute( {
 				view: {
 					name: 'a',
@@ -555,6 +568,7 @@ export default class LinkEditing extends Plugin {
 // @param {module:utils/collection~Collection} manualDecorators
 function removeLinkAttributesFromSelection( writer, manualDecorators ) {
 	writer.removeSelectionAttribute( 'linkHref' );
+	writer.removeSelectionAttribute( 'linkOption' );
 
 	for ( const decorator of manualDecorators ) {
 		writer.removeSelectionAttribute( decorator.id );

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

@@ -185,7 +185,7 @@ function downcastImageLink( options ) {
 			} else {
 				// But if it does not exist. Let's wrap already converted image by newly created link element.
 				// 1. Create an empty link element.
-				const linkElement = writer.createContainerElement( 'a', { href: data.attributeNewValue } );
+				const linkElement = writer.createContainerElement( 'a', { href: data.attributeNewValue, target: '_blank' } );
 
 				// 2. Insert link inside the associated image.
 				writer.insert( writer.createPositionAt( viewFigure, 0 ), linkElement );

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

@@ -7,17 +7,17 @@
  * @module link/linkimageui
  */
 
-import { ButtonView } from '@ckeditor/ckeditor5-ui';
-import { Plugin } from '@ckeditor/ckeditor5-core';
+import { ButtonView } from "@ckeditor/ckeditor5-ui";
+import { Plugin } from "@ckeditor/ckeditor5-core";
 
-import LinkUI from './linkui';
-import LinkEditing from './linkediting';
+import LinkUI from "./linkui";
+import LinkEditing from "./linkediting";
 
-import { LINK_KEYSTROKE } from './utils';
+import { LINK_KEYSTROKE } from "./utils";
 
-import linkIcon from '../../themes/icons/link.svg';
-import * as QMSCKEditorEnum from '../common/qmsCKEditorEnum';
-import * as QMSCKEditorService from '../common/qmsCKEditorService';
+import linkIcon from "../../themes/icons/link.svg";
+import * as QMSCKEditorEnum from "../common/qmsCKEditorEnum";
+import * as QMSCKEditorService from "../common/qmsCKEditorService";
 
 /**
  * The link image UI plugin.
@@ -28,96 +28,101 @@ import * as QMSCKEditorService from '../common/qmsCKEditorService';
  * @extends module:core/plugin~Plugin
  */
 export default class LinkImageUI extends Plugin {
-	/**
-	 * @inheritDoc
-	 */
-	static get requires() {
-		return [ LinkEditing, LinkUI, 'Image' ];
-	}
-
-	/**
-	 * @inheritDoc
-	 */
-	static get pluginName() {
-		return 'LinkImageUI';
-	}
-
-	/**
-	 * @inheritDoc
-	 */
-	init() {
-		const editor = this.editor;
-		const viewDocument = editor.editing.view.document;
-
-		this.listenTo( viewDocument, 'click', ( evt, data ) => {
-			const hasLink = isImageLinked( viewDocument.selection.getSelectedElement(), editor.plugins.get( 'Image' ) );
-
-			if ( hasLink ) {
-				data.preventDefault();
-			}
-		} );
-
-		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.
-	 *
-	 * @private
-	 */
-	_createToolbarLinkImageButton() {
-		const editor = this.editor;
-		const t = editor.t;
-
-		editor.ui.componentFactory.add( 'linkImage', locale => {
-			const button = new ButtonView( locale );
-			const plugin = editor.plugins.get( 'LinkUI' );
-			const linkCommand = editor.commands.get( 'link' );
-
-			button.set( {
-				isEnabled: true,
-				label: t( 'Link image' ),
-				icon: linkIcon,
-				keystroke: LINK_KEYSTROKE,
-				tooltip: true,
-				isToggleable: true
-			} );
-
-			// Bind button to the command.
-			button.bind( 'isEnabled' ).to( linkCommand, 'isEnabled' );
-			button.bind( 'isOn' ).to( linkCommand, 'value', value => !!value );
-
-			// Show the actionsView or formView (both from LinkUI) on button click depending on whether the image is linked already.
-			this.listenTo( button, 'execute', () => {
-				const hasLink = isImageLinked( editor.editing.view.document.selection.getSelectedElement(), editor.plugins.get( 'Image' ) );
-
-				if ( hasLink ) {
-					plugin._addActionsView();
-				} else {
-					// plugin._showUI( true );
-          this.editor.execute('link');
-				}
-			} );
-
-			return button;
-		} );
-	}
+  /**
+   * @inheritDoc
+   */
+  static get requires() {
+    return [LinkEditing, LinkUI, "Image"];
+  }
+
+  /**
+   * @inheritDoc
+   */
+  static get pluginName() {
+    return "LinkImageUI";
+  }
+
+  /**
+   * @inheritDoc
+   */
+  init() {
+    const editor = this.editor;
+    const viewDocument = editor.editing.view.document;
+    this.listenTo(viewDocument, "click", (evt, data) => {
+      const hasLink = isImageLinked(
+        viewDocument.selection.getSelectedElement(),
+        editor.plugins.get("Image")
+      );
+
+      if (hasLink) {
+        data.preventDefault();
+      }
+    });
+    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.
+   *
+   * @private
+   */
+  _createToolbarLinkImageButton() {
+    const editor = this.editor;
+    const t = editor.t;
+    editor.ui.componentFactory.add("linkImage", (locale) => {
+      const button = new ButtonView(locale);
+      const plugin = editor.plugins.get("LinkUI");
+      const linkCommand = editor.commands.get("link");
+
+      button.set({
+        isEnabled: true,
+        label: t("Link image"),
+        icon: linkIcon,
+        keystroke: LINK_KEYSTROKE,
+        tooltip: true,
+        isToggleable: true,
+      });
+
+      // Bind button to the command.
+      button.bind("isEnabled").to(linkCommand, "isEnabled");
+      button.bind("isOn").to(linkCommand, "value", (value) => !!value);
+
+      // Show the actionsView or formView (both from LinkUI) on button click depending on whether the image is linked already.
+      this.listenTo(button, "execute", () => {
+        const hasLink = isImageLinked(
+          editor.editing.view.document.selection.getSelectedElement(),
+          editor.plugins.get("Image")
+        );
+
+        if (hasLink) {
+          //plugin._showUI( true );
+          plugin._addActionsView();
+        } else {
+          plugin._showUI(true);
+          //this.editor.execute('link');
+          // plugin._addActionsView();
+        }
+      });
+
+      return button;
+    });
+  }
 }
 
 // A helper function that checks whether the element is a linked image.
 //
 // @param {module:engine/model/element~Element} element
 // @returns {Boolean}
-function isImageLinked( element, image ) {
-	const isImage = element && image.isImageWidget( element );
+function isImageLinked(element, image) {
+  const isImage = element && image.isImageWidget(element);
 
-	if ( !isImage ) {
-		return false;
-	}
+  if (!isImage) {
+    return false;
+  }
 
-	return element.getChild( 0 ).is( 'element', 'a' );
+  return element.getChild(0).is("element", "a");
 }

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

@@ -129,41 +129,47 @@ export default class LinkUI extends Plugin {
 
 		// Execute unlink command after clicking on the "Edit" button.
 		this.listenTo( actionsView, 'edit', () => {
-				//this._addFormView();
+			//this._addFormView();
+			const hasLink = this.isImageLinked( editor.editing.view.document.selection.getSelectedElement(), editor.plugins.get('Image') );
+
 			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);
+				parentLink = this._getSelectedLinkElement();
+				this._showUI();		
 			}
 			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();
 			}
 
-			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.
@@ -223,8 +229,10 @@ export default class LinkUI extends Plugin {
 		this.listenTo( formView, 'submit', () => {
 			const { value } = formView.urlInputView.fieldView.element;
 			const parsedUrl = addLinkProtocolIfApplicable( value, defaultProtocol );
-			editor.execute( 'link', parsedUrl, formView.getDecoratorSwitchesState() );
-			this._closeFormView();
+			//editor.execute( 'link', parsedUrl, formView.getDecoratorSwitchesState() );
+			const options = {url: '00' + parsedUrl};
+			editor.execute( 'link', options, formView.getDecoratorSwitchesState() );
+			this._closeFormView();		
 		} );
 
 		// Hide the panel after clicking the "Cancel" button.
@@ -367,6 +375,10 @@ export default class LinkUI extends Plugin {
 		const editor = this.editor;
 		const linkCommand = editor.commands.get( 'link' );
 
+		if(!linkCommand.value) {
+			linkCommand.value = editor.editing.view.document.selection.getSelectedElement()._children[0]._attrs.get('src');
+		}
+
 		this.formView.disableCssTransitions();
 
 		this._balloon.add( {