glebtv-ckeditor 4.7.3 → 4.14.1

data/lib/ckeditor/backend/refile.rb

@@ -1,39 +0,0 @@
-module Ckeditor
-  module Backend
-    module Refile
-      extend ActiveSupport::Concern
-
-      included do
-        validates :data, presence: true
-        delegate :rewind, :download, :to_io, :exists?, :delete, :close, :eof?, :read, to: :data
-        alias_attribute :data_file_name, :data_filename
-        alias_attribute :data_file_size, :data_size
-      end
-
-      class_methods do
-        def attachment_file_types
-          @attachment_file_types ||= Ckeditor.attachment_file_types.map(&:to_s)
-        end
-
-        def image_file_types
-          @image_file_types ||= Ckeditor.image_file_types.map(&:to_s)
-        end
-      end
-
-      def url(*attrs)
-        ::Refile.attachment_url(self, :data, *attrs)
-      end
-
-      def magick
-        @magick ||= MiniMagick::Image.open(model.to_io)
-      end
-
-      def extract_dimensions
-        if model.image? && model.has_dimensions?
-          model.width = magick.width
-          model.height = magick.height
-        end
-      end
-    end
-  end
-end

data/lib/ckeditor/utils/content_type_detector.rb

@@ -1,38 +0,0 @@
-# encoding: utf-8
-require 'cocaine'
-
-module Ckeditor
-  module Utils
-    class ContentTypeDetector
-      EMPTY_CONTENT_TYPE = 'inode/x-empty'.freeze
-      DEFAULT_CONTENT_TYPE = 'application/octet-stream'.freeze
-
-      def initialize(file_path)
-        @file_path = file_path
-      end
-
-      # content type detection strategy:
-      #
-      # 1. empty file: returns 'inode/x-empty'
-      # 2. nonempty file: if the file is not empty then returns the content type using file command
-      # 3. invalid file: file command raises error and returns 'application/octet-stream'
-
-      def detect
-        empty_file? ? EMPTY_CONTENT_TYPE : content_type_from_file_command
-      end
-
-      private
-
-      def empty_file?
-        return true if @file_path.blank?
-        File.exist?(@file_path) && File.size(@file_path).zero?
-      end
-
-      def content_type_from_file_command
-        Cocaine::CommandLine.new('file', '-b --mime-type :file').run(file: @file_path).strip
-      rescue Cocaine::CommandLineError
-        DEFAULT_CONTENT_TYPE
-      end
-    end
-  end
-end

data/lib/generators/ckeditor/templates/active_record/dragonfly/migration_versioned.rb

@@ -1,23 +0,0 @@
-class CreateCkeditorAssets < ActiveRecord::Migration<%= migration_version %>
-  def self.up
-    create_table :ckeditor_assets do |t|
-      t.string  :data_uid, null: false
-      t.string  :data_name, null: false
-      t.string  :data_mime_type
-      t.integer :data_size
-      t.string  :type, limit: 30
-
-      # Uncomment these to save image dimensions, if your need them.
-      t.integer :data_width
-      t.integer :data_height
-
-      t.timestamps null: false
-    end
-
-    add_index :ckeditor_assets, :type
-  end
-
-  def self.down
-    drop_table :ckeditor_assets
-  end
-end

data/lib/generators/ckeditor/templates/active_record/paperclip/migration_versioned.rb

@@ -1,23 +0,0 @@
-class CreateCkeditorAssets < ActiveRecord::Migration<%= migration_version %>
-  def self.up
-    create_table :ckeditor_assets do |t|
-      t.string  :data_file_name, null: false
-      t.string  :data_content_type
-      t.integer :data_file_size
-      t.string  :data_fingerprint
-      t.string  :type, limit: 30
-
-      # Uncomment	it to save images dimensions, if your need it
-      t.integer :width
-      t.integer :height
-
-      t.timestamps null: false
-    end
-
-    add_index :ckeditor_assets, :type
-  end
-
-  def self.down
-    drop_table :ckeditor_assets
-  end
-end

data/lib/generators/ckeditor/templates/active_record/refile/ckeditor/picture.rb

@@ -1,11 +0,0 @@
-class Ckeditor::Picture < Ckeditor::Asset
-  attachment :data, extension: image_file_types
-
-  def url_content
-    url
-  end
-
-  def url_thumb
-    url(:fill, 118, 100)
-  end
-end

data/lib/generators/ckeditor/templates/active_record/refile/migration.rb

@@ -1,23 +0,0 @@
-class CreateCkeditorAssets < ActiveRecord::Migration
-  def self.up
-    create_table :ckeditor_assets do |t|
-      t.string  :data_id, null: false
-      t.string  :data_filename, null: false
-      t.integer :data_size
-      t.string  :data_content_type
-      t.string  :type, limit: 30
-
-      # Uncomment it to save images dimensions, if your need it
-      t.integer :width
-      t.integer :height
-
-      t.timestamps null: false
-    end
-
-    add_index :ckeditor_assets, :type
-  end
-
-  def self.down
-    drop_table :ckeditor_assets
-  end
-end

data/lib/generators/ckeditor/templates/active_record/refile/migration_versioned.rb

@@ -1,23 +0,0 @@
-class CreateCkeditorAssets < ActiveRecord::Migration<%= migration_version %>
-  def self.up
-    create_table :ckeditor_assets do |t|
-      t.string  :data_id, null: false
-      t.string  :data_filename, null: false
-      t.integer :data_size
-      t.string  :data_content_type
-      t.string  :type, limit: 30
-
-      # Uncomment it to save images dimensions, if your need it
-      t.integer :width
-      t.integer :height
-
-      t.timestamps null: false
-    end
-
-    add_index :ckeditor_assets, :type
-  end
-
-  def self.down
-    drop_table :ckeditor_assets
-  end
-end

data/test/support/raw_post.rb

@@ -1,9 +0,0 @@
-module RawPost
-  def raw_post(action, params, body, content_type = nil)
-    @request.env['RAW_POST_DATA'] = body
-    @request.env['CONTENT_TYPE'] = content_type
-    response = post(action, params)
-    @request.env.delete('RAW_POST_DATA')
-    response
-  end
-end

data/vendor/assets/javascripts/ckeditor/plugins/iframedialog/plugin.js

@@ -1,169 +0,0 @@
-/**
- * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
- * For licensing, see LICENSE.md or http://ckeditor.com/license
- */
-
-/**
- * @fileOverview Plugin for making iframe based dialogs.
- */
-
-CKEDITOR.plugins.add( 'iframedialog', {
-	requires: 'dialog',
-	onLoad: function() {
-		/**
-		 * An iframe base dialog.
-		 *
-		 * @static
-		 * @member CKEDITOR.dialog
-		 * @param {String} name Name of the dialog.
-		 * @param {String} title Title of the dialog.
-		 * @param {Number} minWidth Minimum width of the dialog.
-		 * @param {Number} minHeight Minimum height of the dialog.
-		 * @param {Function} [onContentLoad] Function called when the iframe has been loaded.
-		 * If it isn't specified, the inner frame is notified of the dialog events (`'load'`,
-		 * `'resize'`, `'ok'` and `'cancel'`) on a function called `'onDialogEvent'`.
-		 * @param {Object} [userDefinition] Additional properties for the dialog definition.
-		 */
-		CKEDITOR.dialog.addIframe = function( name, title, src, minWidth, minHeight, onContentLoad, userDefinition ) {
-			var element = {
-				type: 'iframe',
-				src: src,
-				width: '100%',
-				height: '100%'
-			};
-
-			if ( typeof onContentLoad == 'function' )
-				element.onContentLoad = onContentLoad;
-			else {
-				element.onContentLoad = function() {
-					var element = this.getElement(), childWindow = element.$.contentWindow;
-
-					// If the inner frame has defined a "onDialogEvent" function, setup listeners
-					if ( childWindow.onDialogEvent ) {
-						var dialog = this.getDialog(), notifyEvent = function( e ) {
-							return childWindow.onDialogEvent( e );
-						};
-
-						dialog.on( 'ok', notifyEvent );
-						dialog.on( 'cancel', notifyEvent );
-						dialog.on( 'resize', notifyEvent );
-
-						// Clear listeners
-						dialog.on( 'hide', function( e ) {
-							dialog.removeListener( 'ok', notifyEvent );
-							dialog.removeListener( 'cancel', notifyEvent );
-							dialog.removeListener( 'resize', notifyEvent );
-
-							e.removeListener();
-						} );
-
-						// Notify child iframe of load:
-						childWindow.onDialogEvent( {
-							name: 'load', sender: this, editor: dialog._.editor
-						} );
-					}
-				};
-			}
-
-			var definition = {
-				title: title,
-				minWidth: minWidth,
-				minHeight: minHeight,
-				contents: [ {
-					id: 'iframe',
-					label: title,
-					expand: true,
-					elements: [ element ],
-					style: 'width:' + element.width + ';height:' + element.height
-				} ]
-			};
-
-			for ( var i in userDefinition )
-				definition[ i ] = userDefinition[ i ];
-
-			this.add( name, function() {
-				return definition;
-			} );
-		};
-
-		( function() {
-			/**
-			 * An iframe element.
-			 *
-			 * @class CKEDITOR.ui.dialog.iframeElement
-			 * @extends CKEDITOR.ui.dialog.uiElement
-			 * @constructor
-			 * @private
-			 * @param {CKEDITOR.dialog} dialog Parent dialog object.
-			 * @param {CKEDITOR.dialog.definition.uiElement} elementDefinition
-			 * The element definition. Accepted fields:
-			 *
-			 * * `src` (Required) The src field of the iframe.
-			 * * `width` (Required) The iframe's width.
-			 * * `height` (Required) The iframe's height.
-			 * * `onContentLoad` (Optional) A function to be executed
-			 *     after the iframe's contents has finished loading.
-			 *
-			 * @param {Array} htmlList List of HTML code to output to.
-			 */
-			var iframeElement = function( dialog, elementDefinition, htmlList ) {
-					if ( arguments.length < 3 )
-						return;
-
-					var _ = ( this._ || ( this._ = {} ) ),
-						contentLoad = elementDefinition.onContentLoad && CKEDITOR.tools.bind( elementDefinition.onContentLoad, this ),
-						cssWidth = CKEDITOR.tools.cssLength( elementDefinition.width ),
-						cssHeight = CKEDITOR.tools.cssLength( elementDefinition.height );
-					_.frameId = CKEDITOR.tools.getNextId() + '_iframe';
-
-					// IE BUG: Parent container does not resize to contain the iframe automatically.
-					dialog.on( 'load', function() {
-						var iframe = CKEDITOR.document.getById( _.frameId ),
-							parentContainer = iframe.getParent();
-
-						parentContainer.setStyles( {
-							width: cssWidth,
-							height: cssHeight
-						} );
-					} );
-
-					var attributes = {
-						src: '%2',
-						id: _.frameId,
-						frameborder: 0,
-						allowtransparency: true
-					};
-					var myHtml = [];
-
-					if ( typeof elementDefinition.onContentLoad == 'function' )
-						attributes.onload = 'CKEDITOR.tools.callFunction(%1);';
-
-					CKEDITOR.ui.dialog.uiElement.call( this, dialog, elementDefinition, myHtml, 'iframe', {
-						width: cssWidth,
-						height: cssHeight
-					}, attributes, '' );
-
-					// Put a placeholder for the first time.
-					htmlList.push( '<div style="width:' + cssWidth + ';height:' + cssHeight + ';" id="' + this.domId + '"></div>' );
-
-					// Iframe elements should be refreshed whenever it is shown.
-					myHtml = myHtml.join( '' );
-					dialog.on( 'show', function() {
-						var iframe = CKEDITOR.document.getById( _.frameId ),
-							parentContainer = iframe.getParent(),
-							callIndex = CKEDITOR.tools.addFunction( contentLoad ),
-							html = myHtml.replace( '%1', callIndex ).replace( '%2', CKEDITOR.tools.htmlEncode( elementDefinition.src ) );
-						parentContainer.setHtml( html );
-					} );
-				};
-
-			iframeElement.prototype = new CKEDITOR.ui.dialog.uiElement();
-
-			CKEDITOR.dialog.addUIElement( 'iframe', {
-				build: function( dialog, elementDefinition, output ) {
-					return new iframeElement( dialog, elementDefinition, output );
-				}
-			} );
-		} )();
-	}
-} );

data/vendor/assets/javascripts/ckeditor/plugins/lineheight/lang/ru.js

@@ -1,3 +0,0 @@
-CKEDITOR.plugins.setLang('lineheight','ru', {
-    title: 'Высота строки'
-} );

data/vendor/assets/javascripts/ckeditor/plugins/loremipsum/lang/ru.js

@@ -1,8 +0,0 @@
-CKEDITOR.plugins.setLang( 'loremipsum', 'ru', {
-	title: 'Генератор Lorem Ipsum',
-	toolbar: 'Генератор Lorem Ipsum',
-	paragraph: 'Параграф',
-	sentence: 'Предложение',
-	paragraphs: 'Параграфы',
-	sentences: 'Предложения'
-} );

data/vendor/assets/javascripts/ckeditor/plugins/notification/lang/en.js

@@ -1,7 +0,0 @@
-/*
-Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
-For licensing, see LICENSE.md or http://ckeditor.com/license
-*/
-CKEDITOR.plugins.setLang( 'notification', 'en', {
-	closed: 'Notification closed.'
-} );

data/vendor/assets/javascripts/ckeditor/plugins/notification/lang/ru.js

@@ -1,7 +0,0 @@
-/*
-Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
-For licensing, see LICENSE.md or http://ckeditor.com/license
-*/
-CKEDITOR.plugins.setLang( 'notification', 'ru', {
-	closed: 'Уведомление закрыто'
-} );

data/vendor/assets/javascripts/ckeditor/plugins/notification/plugin.js

@@ -1,929 +0,0 @@
-/**
- * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
- * For licensing, see LICENSE.md or http://ckeditor.com/license
- */
-
-/**
- * @fileOverview The "Notification" plugin.
- *
- */
-
-'use strict';
-
-CKEDITOR.plugins.add( 'notification', {
-	lang: 'en,ru', // %REMOVE_LINE_CORE%
-
-	init: function( editor ) {
-		editor._.notificationArea = new Area( editor );
-
-		// Overwrites default `editor.showNotification`.
-		editor.showNotification = function( message, type, progressOrDuration ) {
-			var progress, duration;
-
-			if ( type == 'progress' ) {
-				progress = progressOrDuration;
-			} else {
-				duration = progressOrDuration;
-			}
-
-			var notification = new CKEDITOR.plugins.notification( editor, {
-				message: message,
-				type: type,
-				progress: progress,
-				duration: duration
-			} );
-
-			notification.show();
-
-			return notification;
-		};
-
-		// Close the last notification on ESC.
-		editor.on( 'key', function( evt ) {
-			if ( evt.data.keyCode == 27 ) { /* ESC */
-				var notifications = editor._.notificationArea.notifications;
-
-				if ( !notifications.length ) {
-					return;
-				}
-
-				// As long as this is not a common practice to inform screen-reader users about actions, in this case
-				// this is the best solution (unfortunately there is no standard for accessibility for notifications).
-				// Notification has an `alert` aria role what means that it does not get a focus nor is needed to be
-				// closed (unlike `alertdialog`). However notification will capture ESC key so we need to inform user
-				// why it does not do other actions.
-				say( editor.lang.notification.closed );
-
-				// Hide last.
-				notifications[ notifications.length - 1 ].hide();
-
-				evt.cancel();
-			}
-		} );
-
-		// Send the message to the screen readers.
-		function say( text ) {
-			var message = new CKEDITOR.dom.element( 'div' );
-			message.setStyles( {
-				position: 'fixed',
-				'margin-left': '-9999px'
-			} );
-			message.setAttributes( {
-				'aria-live': 'assertive',
-				'aria-atomic': 'true'
-			} );
-			message.setText( text );
-
-			CKEDITOR.document.getBody().append( message );
-
-			setTimeout( function() {
-				message.remove();
-			}, 100 );
-		}
-	}
-} );
-
-/**
- * Notification class. Notifications are used to display short messages to the user. They might be used to show the result of
- * asynchronous actions or information about changes in the editor content. It is recommended to use them instead of
- * alert dialogs. They should **not** be used if a user response is required nor with dialog windows (e.g. in dialog validation).
- *
- * There are four types of notifications available, see the {@link #type} property.
- *
- * Note that the notification constructor only creates a notification instance. To show it, use the {@link #show} method:
- *
- *		var notification = new CKEDITOR.plugins.notification( editor, { message: 'Foo' } );
- *		notification.show();
- *
- * You can also use the {@link CKEDITOR.editor#showNotification} method:
- *
- *		editor.showNotification( 'Foo' );
- *
- * All of the notification actions: ({@link #show}, {@link #update} and {@link #hide}) fire cancelable events
- * on the related {@link CKEDITOR.editor} instance so you can integrate editor notifications with your website notifications.
- *
- * Refer to the [Notifications](http://docs.ckeditor.com/#!/guide/dev_notifications) article for more information about this feature.
- *
- * @since 4.5
- * @class CKEDITOR.plugins.notification
- * @constructor Create a notification object. Call {@link #show} to show the created notification.
- * @param {CKEDITOR.editor} editor The editor instance.
- * @param {Object} options
- * @param {String} options.message The message displayed in the notification.
- * @param {String} [options.type='info'] Notification type, see {@link #type}.
- * @param {Number} [options.progress=0] If the type is `progress` this may be a progress from 0 to 1.
- * @param {Number} [options.duration] How long the notification will be visible, see {@link #duration}.
- */
-function Notification( editor, options ) {
-	CKEDITOR.tools.extend( this, options, {
-		editor: editor,
-		id: 'cke-' + CKEDITOR.tools.getUniqueId(),
-		area: editor._.notificationArea
-	} );
-
-	if ( !options.type ) {
-		this.type = 'info';
-	}
-
-	this.element = this._createElement();
-
-	// Don't allow dragging on notification (http://dev.ckeditor.com/ticket/13184).
-	editor.plugins.clipboard && CKEDITOR.plugins.clipboard.preventDefaultDropOnElement( this.element );
-}
-
-/**
- * The editor instance.
- *
- * @readonly
- * @property {CKEDITOR.editor} editor
- */
-
-/**
- * Message displayed in the notification.
- *
- * @readonly
- * @property {String} message
- */
-
-/**
- * Notification type. There are four types available:
- *
- * * `info` (default) – Information for the user (e.g. "File is uploading.", "ACF modified content."),
- * * `warning` – Warning or error message (e.g. "This type of file is not supported.",
- * "You cannot paste the script."),
- * * `success` – Information that an operation finished successfully (e.g. "File uploaded.", "Data imported.").
- * * `progress` – Information about the progress of an operation. When the operation is done, the notification
- * type should be changed to `success`.
- *
- * @readonly
- * @property {String} type
- */
-
-/**
- * If the notification {@link #type} is `'progress'`, this is the progress from `0` to `1`.
- *
- * @readonly
- * @property {Number} progress
- */
-
-/**
- * Notification duration. Determines after how many milliseconds the notification should close automatically.
- * `0` means that the notification will not close automatically and that the user needs to close it manually.
- * The default value for `warning` and `progress` notifications is `0`. For `info` and `success` the value can
- * either be set through the {@link CKEDITOR.config#notification_duration} configuration option or equals `5000`
- * if the configuration option is not set.
- *
- * @readonly
- * @property {Number} duration
- */
-
-/**
- * Unique notification ID.
- *
- * @readonly
- * @property {Number} id
- */
-
-/**
- * Notification DOM element. There is one element per notification. It is created when the notification is created,
- * even if it is not shown. If the notification is hidden, the element is detached from the document but not deleted.
- * It will be reused if the notification is shown again.
- *
- * @readonly
- * @property {CKEDITOR.dom.element} element
- */
-
-/**
- * {@link CKEDITOR.plugins.notification.area Notification area} reference.
- *
- * @readonly
- * @property {CKEDITOR.plugins.notification.area} area
- */
-
-Notification.prototype = {
-	/**
-	 * Adds the notification element to the notification area. The notification will be hidden automatically if
-	 * {@link #duration} is set.
-	 *
-	 * Fires the {@link CKEDITOR.editor#notificationShow} event.
-	 */
-	show: function() {
-		if ( this.editor.fire( 'notificationShow', { notification: this } ) === false ) {
-			return;
-		}
-
-		this.area.add( this );
-
-		this._hideAfterTimeout();
-	},
-
-	/**
-	 * Updates the notification object and element.
-	 *
-	 * Fires the {@link CKEDITOR.editor#notificationUpdate} event.
-	 *
-	 * @param {Object} options
-	 * @param {String} [options.message] {@link #message}
-	 * @param {String} [options.type] {@link #type}
-	 * @param {Number} [options.progress] {@link #progress}
-	 * @param {Number} [options.duration] {@link #duration}
-	 * @param {Boolean} [options.important=false] If the update is important, the notification will be shown
-	 * if it was hidden and read by screen readers.
-	 */
-	update: function( options ) {
-		var show = true;
-
-		if ( this.editor.fire( 'notificationUpdate', { notification: this, options: options } ) === false ) {
-			// The idea of cancelable event is to let user create his own way of displaying notification, so if
-			// `notificationUpdate` event will be canceled there will be no interaction with notification area, but on
-			// the other hand the logic should work anyway so object will be updated (including `element` property).
-			// Note: we can safely update the element's attributes below, because this element is created inside
-			// the constructor. If the notificatinShow event was canceled as well, the element is detached from DOM.
-			show = false;
-		}
-
-		var element = this.element,
-			messageElement = element.findOne( '.cke_notification_message' ),
-			progressElement = element.findOne( '.cke_notification_progress' ),
-			type = options.type;
-
-		element.removeAttribute( 'role' );
-
-		// Change type to progress if `options.progress` is set.
-		if ( options.progress && this.type != 'progress' ) {
-			type = 'progress';
-		}
-
-		if ( type ) {
-			element.removeClass( this._getClass() );
-			element.removeAttribute( 'aria-label' );
-
-			this.type = type;
-
-			element.addClass( this._getClass() );
-			element.setAttribute( 'aria-label', this.type );
-
-			if ( this.type == 'progress' && !progressElement ) {
-				progressElement = this._createProgressElement();
-				progressElement.insertBefore( messageElement );
-			} else if ( this.type != 'progress' && progressElement ) {
-				progressElement.remove();
-			}
-		}
-
-		if ( options.message !== undefined ) {
-			this.message = options.message;
-			messageElement.setHtml( this.message );
-		}
-
-		if ( options.progress !== undefined ) {
-			this.progress = options.progress;
-
-			if ( progressElement ) {
-				progressElement.setStyle( 'width', this._getPercentageProgress() );
-			}
-		}
-
-		if ( show && options.important ) {
-			element.setAttribute( 'role', 'alert' );
-
-			if ( !this.isVisible() ) {
-				this.area.add( this );
-			}
-		}
-
-		// Overwrite even if it is undefined.
-		this.duration = options.duration;
-
-		this._hideAfterTimeout();
-	},
-
-	/**
-	 * Removes the notification element from the notification area.
-	 *
-	 * Fires the {@link CKEDITOR.editor#notificationHide} event.
-	 */
-	hide: function() {
-		if ( this.editor.fire( 'notificationHide', { notification: this } ) === false ) {
-			return;
-		}
-
-		this.area.remove( this );
-	},
-
-	/**
-	 * Returns `true` if the notification is in the notification area.
-	 *
-	 * @returns {Boolean} `true` if the notification is in the notification area.
-	 */
-	isVisible: function() {
-		return CKEDITOR.tools.indexOf( this.area.notifications, this ) >= 0;
-	},
-
-	/**
-	 * Creates the notification DOM element.
-	 *
-	 * @private
-	 * @returns {CKEDITOR.dom.element} Notification DOM element.
-	 */
-	_createElement: function() {
-		var notification = this,
-			notificationElement, notificationMessageElement, notificationCloseElement,
-			close = this.editor.lang.common.close;
-
-		notificationElement = new CKEDITOR.dom.element( 'div' );
-		notificationElement.addClass( 'cke_notification' );
-		notificationElement.addClass( this._getClass() );
-		notificationElement.setAttributes( {
-			id: this.id,
-			role: 'alert',
-			'aria-label': this.type
-		} );
-
-		if ( this.type == 'progress' )
-			notificationElement.append( this._createProgressElement() );
-
-		notificationMessageElement = new CKEDITOR.dom.element( 'p' );
-		notificationMessageElement.addClass( 'cke_notification_message' );
-		notificationMessageElement.setHtml( this.message );
-		notificationElement.append( notificationMessageElement );
-
-		notificationCloseElement = CKEDITOR.dom.element.createFromHtml(
-			'<a class="cke_notification_close" href="javascript:void(0)" title="' + close + '" role="button" tabindex="-1">' +
-				'<span class="cke_label">X</span>' +
-			'</a>' );
-		notificationElement.append( notificationCloseElement );
-
-		notificationCloseElement.on( 'click', function() {
-			// Focus editor on close (http://dev.ckeditor.com/ticket/12865)
-			notification.editor.focus();
-
-			notification.hide();
-		} );
-
-		return notificationElement;
-	},
-
-	/**
-	 * Gets the notification CSS class.
-	 *
-	 * @private
-	 * @returns {String} Notification CSS class.
-	 */
-	_getClass: function() {
-		return ( this.type == 'progress' ) ?
-			'cke_notification_info' :
-			( 'cke_notification_' + this.type );
-	},
-
-	/**
-	 * Creates a progress element for the notification element.
-	 *
-	 * @private
-	 * @returns {CKEDITOR.dom.element} Progress element for the notification element.
-	 */
-	_createProgressElement: function() {
-		var element = new CKEDITOR.dom.element( 'span' );
-		element.addClass( 'cke_notification_progress' );
-		element.setStyle( 'width', this._getPercentageProgress() );
-		return element;
-	},
-
-	/**
-	 * Gets the progress as a percentage (ex. `0.3` -> `30%`).
-	 *
-	 * @private
-	 * @returns {String} Progress as a percentage.
-	 */
-	_getPercentageProgress: function() {
-		return Math.round( ( this.progress || 0 ) * 100 ) + '%';
-	},
-
-	/**
-	 * Hides the notification after a timeout.
-	 *
-	 * @private
-	 */
-	_hideAfterTimeout: function() {
-		var notification = this,
-			duration;
-
-		if ( this._hideTimeoutId ) {
-			clearTimeout( this._hideTimeoutId );
-		}
-
-		if ( typeof this.duration == 'number' ) {
-			duration = this.duration;
-		} else if ( this.type == 'info' || this.type == 'success' ) {
-			duration = ( typeof this.editor.config.notification_duration == 'number' ) ?
-				this.editor.config.notification_duration :
-				5000;
-		}
-
-		if ( duration ) {
-			notification._hideTimeoutId = setTimeout( function() {
-				notification.hide();
-			}, duration );
-		}
-	}
-};
-
-/**
- * Notification area is an area where all notifications are put. The area is laid out dynamically.
- * When the first notification is added, the area is shown and all listeners are added.
- * When the last notification is removed, the area is hidden and all listeners are removed.
- *
- * @since 4.5
- * @private
- * @class CKEDITOR.plugins.notification.area
- * @constructor
- * @param {CKEDITOR.editor} editor The editor instance.
- */
-function Area( editor ) {
-	var that = this;
-
-	this.editor = editor;
-	this.notifications = [];
-	this.element = this._createElement();
-	this._uiBuffer = CKEDITOR.tools.eventsBuffer( 10, this._layout, this );
-	this._changeBuffer = CKEDITOR.tools.eventsBuffer( 500, this._layout, this );
-
-	editor.on( 'destroy', function() {
-		that._removeListeners();
-		that.element.remove();
-	} );
-}
-
-/**
- * The editor instance.
- *
- * @readonly
- * @property {CKEDITOR.editor} editor
- */
-
-/**
- * The array of added notifications.
- *
- * @readonly
- * @property {Array} notifications
- */
-
-/**
- * Notification area DOM element. This element is created when the area object is created. It will be attached to the document
- * when the first notification is added and removed when the last notification is removed.
- *
- * @readonly
- * @property {CKEDITOR.dom.element} element
- */
-
-/**
- * Notification width. Cached for performance reasons.
- *
- * @private
- * @property {CKEDITOR.dom.element} _notificationWidth
- */
-
-/**
- * Notification margin. Cached for performance reasons.
- *
- * @private
- * @property {CKEDITOR.dom.element} _notificationMargin
- */
-
-/**
- * Event buffer object for UI events to optimize performance.
- *
- * @private
- * @property {Object} _uiBuffer
- */
-
-/**
- * Event buffer object for editor change events to optimize performance.
- *
- * @private
- * @property {Object} _changeBuffer
- */
-
-Area.prototype = {
-	/**
-	 * Adds the notification to the notification area. If it is the first notification, the area will also be attached to
-	 * the document and listeners will be attached.
-	 *
-	 * Note that the proper way to show a notification is to call the {@link CKEDITOR.plugins.notification#show} method.
-	 *
-	 * @param {CKEDITOR.plugins.notification} notification Notification to add.
-	 */
-	add: function( notification ) {
-		this.notifications.push( notification );
-
-		this.element.append( notification.element );
-
-		if ( this.element.getChildCount() == 1 ) {
-			CKEDITOR.document.getBody().append( this.element );
-			this._attachListeners();
-		}
-
-		this._layout();
-	},
-
-	/**
-	 * Removes the notification from the notification area. If it is the last notification, the area will also be
-	 * detached from the document and listeners will be detached.
-	 *
-	 * Note that the proper way to hide a notification is to call the {@link CKEDITOR.plugins.notification#hide} method.
-	 *
-	 * @param {CKEDITOR.plugins.notification} notification Notification to remove.
-	 */
-	remove: function( notification ) {
-		var i = CKEDITOR.tools.indexOf( this.notifications, notification );
-
-		if ( i < 0 ) {
-			return;
-		}
-
-		this.notifications.splice( i, 1 );
-
-		notification.element.remove();
-
-		if ( !this.element.getChildCount() ) {
-			this._removeListeners();
-			this.element.remove();
-		}
-	},
-
-	/**
-	 * Creates the notification area element.
-	 *
-	 * @private
-	 * @returns {CKEDITOR.dom.element} Notification area element.
-	 */
-	_createElement: function() {
-		var editor = this.editor,
-			config = editor.config,
-			notificationArea = new CKEDITOR.dom.element( 'div' );
-
-		notificationArea.addClass( 'cke_notifications_area' );
-		notificationArea.setAttribute( 'id', 'cke_notifications_area_' + editor.name );
-		notificationArea.setStyle( 'z-index', config.baseFloatZIndex - 2 );
-
-		return notificationArea;
-	},
-
-	/**
-	 * Attaches listeners to the notification area.
-	 *
-	 * @private
-	 */
-	_attachListeners: function() {
-		var win = CKEDITOR.document.getWindow(),
-			editor = this.editor;
-
-		win.on( 'scroll', this._uiBuffer.input );
-		win.on( 'resize', this._uiBuffer.input );
-		editor.on( 'change', this._changeBuffer.input );
-		editor.on( 'floatingSpaceLayout', this._layout, this, null, 20 );
-		editor.on( 'blur', this._layout, this, null, 20 );
-	},
-
-	/**
-	 * Detaches listeners from the notification area.
-	 *
-	 * @private
-	 */
-	_removeListeners: function() {
-		var win = CKEDITOR.document.getWindow(),
-			editor = this.editor;
-
-		win.removeListener( 'scroll', this._uiBuffer.input );
-		win.removeListener( 'resize', this._uiBuffer.input );
-		editor.removeListener( 'change', this._changeBuffer.input );
-		editor.removeListener( 'floatingSpaceLayout', this._layout );
-		editor.removeListener( 'blur', this._layout );
-	},
-
-	/**
-	 * Sets the position of the notification area based on the editor content, toolbar as well as
-	 * viewport position and dimensions.
-	 *
-	 * @private
-	 */
-	_layout: function() {
-		var area = this.element,
-			editor = this.editor,
-			contentsRect = editor.ui.contentsElement.getClientRect(),
-			contentsPos = editor.ui.contentsElement.getDocumentPosition(),
-			top,
-			topRect,
-			areaRect = area.getClientRect(),
-			notification,
-			notificationWidth = this._notificationWidth,
-			notificationMargin = this._notificationMargin,
-			win = CKEDITOR.document.getWindow(),
-			scrollPos = win.getScrollPosition(),
-			viewRect = win.getViewPaneSize(),
-			body = CKEDITOR.document.getBody(),
-			bodyPos = body.getDocumentPosition(),
-			cssLength = CKEDITOR.tools.cssLength;
-
-		// Cache for optimization
-		if ( !notificationWidth || !notificationMargin ) {
-			notification = this.element.getChild( 0 );
-			notificationWidth = this._notificationWidth = notification.getClientRect().width;
-			notificationMargin = this._notificationMargin =
-				parseInt( notification.getComputedStyle( 'margin-left' ), 10 ) +
-				parseInt( notification.getComputedStyle( 'margin-right' ), 10 );
-		}
-
-		// Check if toolbar exist and if so, then assign values to it (#491).
-		if ( editor.toolbar ) {
-			top = editor.ui.space( 'top' );
-			topRect = top.getClientRect();
-		}
-
-
-		// --------------------------------------- Horizontal layout ----------------------------------------
-
-		// +---Viewport-------------------------------+          +---Viewport-------------------------------+
-		// |                                          |          |                                          |
-		// | +---Toolbar----------------------------+ |          | +---Content----------------------------+ |
-		// | |                                      | |          | |                                      | |
-		// | +---Content----------------------------+ |          | |                                      | |
-		// | |                                      | |          | +---Toolbar----------------------+     | |
-		// | |      +------Notification------+      | |          | |                                |     | |
-		// | |                                      | |    OR    | +--------------------------------+     | |
-		// | |                                      | |          | |                                      | |
-		// | |                                      | |          | |      +------Notification------+      | |
-		// | |                                      | |          | |                                      | |
-		// | |                                      | |          | |                                      | |
-		// | +--------------------------------------+ |          | +--------------------------------------+ |
-		// +------------------------------------------+          +------------------------------------------+
-		if ( top && top.isVisible() &&
-			topRect.bottom > contentsRect.top &&
-			topRect.bottom < contentsRect.bottom - areaRect.height ) {
-			setBelowToolbar();
-
-		// +---Viewport-------------------------------+
-		// |                                          |
-		// | +---Content----------------------------+ |
-		// | |                                      | |
-		// | |      +------Notification------+      | |
-		// | |                                      | |
-		// | |                                      | |
-		// | |                                      | |
-		// | +--------------------------------------+ |
-		// |                                          |
-		// +------------------------------------------+
-		} else if ( contentsRect.top > 0 ) {
-			setTopStandard();
-
-		//   +---Content----------------------------+
-		//   |                                      |
-		// +---Viewport-------------------------------+
-		// | |                                      | |
-		// | |      +------Notification------+      | |
-		// | |                                      | |
-		// | |                                      | |
-		// | |                                      | |
-		// | +--------------------------------------+ |
-		// |                                          |
-		// +------------------------------------------+
-		} else if ( contentsPos.y + contentsRect.height - areaRect.height > scrollPos.y ) {
-			setTopFixed();
-
-		//   +---Content----------------------------+              +---Content----------------------------+
-		//   |                                      |              |                                      |
-		//   |                                      |              |                                      |
-		//   |                                      |              |      +------Notification------+      |
-		//   |                                      |              |                                      |
-		//   |                                      |      OR      +--------------------------------------+
-		// +---Viewport-------------------------------+
-		// | |      +------Notification------+      | |          +---Viewport-------------------------------+
-		// | |                                      | |          |                                          |
-		// | +--------------------------------------+ |          |                                          |
-		// |                                          |          |                                          |
-		// +------------------------------------------+          +------------------------------------------+
-		} else {
-			setBottom();
-		}
-
-		function setTopStandard() {
-			area.setStyles( {
-				position: 'absolute',
-				top: cssLength( contentsPos.y )
-			} );
-		}
-
-		function setBelowToolbar() {
-			area.setStyles( {
-				position: 'fixed',
-				top: cssLength( topRect.bottom )
-			} );
-		}
-
-		function setTopFixed() {
-			area.setStyles( {
-				position: 'fixed',
-				top: 0
-			} );
-		}
-
-		function setBottom() {
-			area.setStyles( {
-				position: 'absolute',
-				top: cssLength( contentsPos.y + contentsRect.height - areaRect.height )
-			} );
-		}
-
-		// ---------------------------------------- Vertical layout -----------------------------------------
-
-		var leftBase = area.getStyle( 'position' ) == 'fixed' ?
-			contentsRect.left :
-			body.getComputedStyle( 'position' ) != 'static' ? contentsPos.x - bodyPos.x : contentsPos.x;
-
-		// Content is narrower than notification
-		if ( contentsRect.width < notificationWidth + notificationMargin ) {
-
-			// +---Viewport-------------------------------+
-			// |                                          |
-			// |                 +---Content------------+ |
-			// |                 |                      | |
-			// |             +------Notification------+ | |
-			// |                 |                      | |
-			// |                 +----------------------+ |
-			// |                                          |
-			// +------------------------------------------+
-			if ( contentsPos.x + notificationWidth + notificationMargin > scrollPos.x + viewRect.width ) {
-				setRight();
-
-			// +---Viewport-------------------------------+               +---Viewport--------------------------+
-			// |                                          |               |                                     |
-			// |     +---Content------------+             |            +---Content------------+                 |
-			// |     |                      |             |            |  |                   |                 |
-			// |     | +------Notification------+         |    OR      | +------Notification------+             |
-			// |     |                      |             |            |  |                   |                 |
-			// |     +----------------------+             |            +----------------------+                 |
-			// |                                          |               |                                     |
-			// +------------------------------------------+               +-------------------------------------+
-			} else {
-				setLeft();
-			}
-
-		// Content is wider than notification.
-		} else {
-
-			//                       +--+Viewport+------------------------+
-			//                       |                                    |
-			//                       |             +---Content-----------------------------------------+
-			//                       |             |                      |                            |
-			//                       |             | +-----+Notification+-----+                        |
-			//                       |             |                      |                            |
-			//                       |             |                      |                            |
-			//                       |             |                      |                            |
-			//                       |             +---------------------------------------------------+
-			//                       |                                    |
-			//                       +------------------------------------+
-			if ( contentsPos.x + notificationWidth + notificationMargin > scrollPos.x + viewRect.width ) {
-				setLeft();
-
-			//                       +---Viewport-------------------------+
-			//                       |                                    |
-			//                       |  +---Content----------------------------------------------+
-			//                       |  |                                 |                      |
-			//                       |  |      +------Notification------+ |                      |
-			//                       |  |                                 |                      |
-			//                       |  |                                 |                      |
-			//                       |  +--------------------------------------------------------+
-			//                       |                                    |
-			//                       +------------------------------------+
-			} else if ( contentsPos.x + contentsRect.width / 2 +
-				notificationWidth / 2 + notificationMargin > scrollPos.x + viewRect.width ) {
-				setRightFixed();
-
-			//                       +---Viewport-------------------------+
-			//                       |                                    |
-			//   +---Content----------------------------+                 |
-			//   |                   |                  |                 |
-			//   |           +------Notification------+ |                 |
-			//   |                   |                  |                 |
-			//   |                   |                  |                 |
-			//   +--------------------------------------+                 |
-			//                       |                                    |
-			//                       +------------------------------------+
-			} else if ( contentsRect.left + contentsRect.width - notificationWidth - notificationMargin < 0 ) {
-				setRight();
-
-			//                       +---Viewport-------------------------+
-			//                       |                                    |
-			// +---Content---------------------------------------------+  |
-			// |                     |                                 |  |
-			// |                     | +------Notification------+      |  |
-			// |                     |                                 |  |
-			// |                     |                                 |  |
-			// +-------------------------------------------------------+  |
-			//                       |                                    |
-			//                       +------------------------------------+
-			} else if ( contentsRect.left + contentsRect.width / 2 - notificationWidth / 2 < 0 ) {
-				setLeftFixed();
-
-			//                       +---Viewport-------------------------+
-			//                       |                                    |
-			//                       | +---Content----------------------+ |
-			//                       | |                                | |
-			//                       | |    +-----Notification-----+    | |
-			//                       | |                                | |
-			//                       | |                                | |
-			//                       | +--------------------------------+ |
-			//                       |                                    |
-			//                       +------------------------------------+
-			} else {
-				setCenter();
-			}
-		}
-
-		function setLeft() {
-			area.setStyle( 'left', cssLength( leftBase ) );
-		}
-
-		function setLeftFixed() {
-			area.setStyle( 'left', cssLength( leftBase - contentsPos.x + scrollPos.x ) );
-		}
-
-		function setCenter() {
-			area.setStyle( 'left', cssLength( leftBase + contentsRect.width / 2 - notificationWidth / 2 - notificationMargin / 2 ) );
-		}
-
-		function setRight() {
-			area.setStyle( 'left', cssLength( leftBase + contentsRect.width - notificationWidth - notificationMargin ) );
-		}
-
-		function setRightFixed() {
-			area.setStyle( 'left', cssLength( leftBase - contentsPos.x + scrollPos.x + viewRect.width -
-				notificationWidth - notificationMargin ) );
-		}
-	}
-};
-
-CKEDITOR.plugins.notification = Notification;
-
-/**
- * After how many milliseconds the notification of the `info` and `success`
- * {@link CKEDITOR.plugins.notification#type type} should close automatically.
- * `0` means that notifications will not close automatically.
- * Note that `warning` and `progress` notifications will never close automatically.
- *
- * Refer to the [Notifications](http://docs.ckeditor.com/#!/guide/dev_notifications) article
- * for more information about this feature.
- *
- * @since 4.5
- * @cfg {Number} [notification_duration=5000]
- * @member CKEDITOR.config
- */
-
-/**
- * Event fired when the {@link CKEDITOR.plugins.notification#show} method is called, before the
- * notification is shown. If this event is canceled, the notification will not be shown.
- *
- * Using this event allows you to fully customize how a notification will be shown. It may be used to integrate
- * the CKEditor notification system with your web page notifications.
- *
- * @since 4.5
- * @event notificationShow
- * @member CKEDITOR.editor
- * @param data
- * @param {CKEDITOR.plugins.notification} data.notification Notification which will be shown.
- * @param {CKEDITOR.editor} editor The editor instance.
- */
-
-/**
- * Event fired when the {@link CKEDITOR.plugins.notification#update} method is called, before the
- * notification is updated. If this event is canceled, the notification will not be shown even if the update was important,
- * but the object will be updated anyway. Note that canceling this event does not prevent updating {@link #element}
- * attributes, but if {@link #notificationShow} was canceled as well, this element is detached from the DOM.
- *
- * Using this event allows you to fully customize how a notification will be updated. It may be used to integrate
- * the CKEditor notification system with your web page notifications.
- *
- * @since 4.5
- * @event notificationUpdate
- * @member CKEDITOR.editor
- * @param data
- * @param {CKEDITOR.plugins.notification} data.notification Notification which will be updated.
- * Note that it contains the data that has not been updated yet.
- * @param {Object} data.options Update options, see {@link CKEDITOR.plugins.notification#update}.
- * @param {CKEDITOR.editor} editor The editor instance.
- */
-
-/**
- * Event fired when the {@link CKEDITOR.plugins.notification#hide} method is called, before the
- * notification is hidden. If this event is canceled, the notification will not be hidden.
- *
- * Using this event allows you to fully customize how a notification will be hidden. It may be used to integrate
- * the CKEditor notification system with your web page notifications.
- *
- * @since 4.5
- * @event notificationHide
- * @member CKEDITOR.editor
- * @param data
- * @param {CKEDITOR.plugins.notification} data.notification Notification which will be hidden.
- * @param {CKEDITOR.editor} editor The editor instance.
- */