Дозаливка

inx/ckeditor/plugins/panelbutton/plugin.js

@@ -0,0 +1,161 @@
+/**
+ * @license Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+CKEDITOR.plugins.add( 'panelbutton', {
+	requires: 'button',
+	onLoad: function() {
+		function clickFn( editor ) {
+			var _ = this._;
+
+			if ( _.state == CKEDITOR.TRISTATE_DISABLED )
+				return;
+
+			this.createPanel( editor );
+
+			if ( _.on ) {
+				_.panel.hide();
+				return;
+			}
+
+			_.panel.showBlock( this._.id, this.document.getById( this._.id ), 4 );
+		}
+
+		/**
+		 * @class
+		 * @extends CKEDITOR.ui.button
+		 * @todo class and methods
+		 */
+		CKEDITOR.ui.panelButton = CKEDITOR.tools.createClass( {
+			base: CKEDITOR.ui.button,
+
+			/**
+			 * Creates a panelButton class instance.
+			 *
+			 * @constructor
+			 */
+			$: function( definition ) {
+				// We don't want the panel definition in this object.
+				var panelDefinition = definition.panel || {};
+
+				delete definition.panel;
+
+				this.base( definition );
+
+				this.document = ( panelDefinition.parent && panelDefinition.parent.getDocument() ) || CKEDITOR.document;
+
+				panelDefinition.block = {
+					attributes: panelDefinition.attributes
+				};
+				panelDefinition.toolbarRelated = true;
+
+				this.hasArrow = 'listbox';
+
+				this.click = clickFn;
+
+				this._ = {
+					panelDefinition: panelDefinition
+				};
+			},
+
+			statics: {
+				handler: {
+					create: function( definition ) {
+						return new CKEDITOR.ui.panelButton( definition );
+					}
+				}
+			},
+
+			proto: {
+				createPanel: function( editor ) {
+					var _ = this._;
+
+					if ( _.panel ) {
+						return;
+					}
+
+					var panelDefinition = this._.panelDefinition,
+						panelBlockDefinition = this._.panelDefinition.block,
+						panelParentElement = panelDefinition.parent || CKEDITOR.document.getBody(),
+						panel = this._.panel = new CKEDITOR.ui.floatPanel( editor, panelParentElement, panelDefinition ),
+						block = panel.addBlock( _.id, panelBlockDefinition ),
+						me = this,
+						command = editor.getCommand( this.command );
+
+					panel.onShow = function() {
+						if ( me.className ) {
+							this.element.addClass( me.className + '_panel' );
+						}
+
+						me.setState( CKEDITOR.TRISTATE_ON );
+
+						_.on = 1;
+
+						me.editorFocus && editor.focus();
+
+						if ( me.onOpen ) {
+							me.onOpen();
+						}
+					};
+
+					panel.onHide = function( preventOnClose ) {
+						if ( me.className ) {
+							this.element.getFirst().removeClass( me.className + '_panel' );
+						}
+
+						// Defined `modes` has priority over the command for a backward compatibility (#3727).
+						if ( !me.modes && command ) {
+							me.setStateFromCommand( command );
+						} else {
+							me.setState( me.modes && me.modes[ editor.mode ] ? CKEDITOR.TRISTATE_OFF : CKEDITOR.TRISTATE_DISABLED );
+						}
+
+						_.on = 0;
+
+						if ( !preventOnClose && me.onClose ) {
+							me.onClose();
+						}
+					};
+
+					panel.onEscape = function() {
+						panel.hide( 1 );
+						me.document.getById( _.id ).focus();
+					};
+
+					if ( this.onBlock ) {
+						this.onBlock( panel, block );
+					}
+
+					block.onHide = function() {
+						_.on = 0;
+
+						// Defined `modes` has priority over the command for a backward compatibility (#3727).
+						if ( !me.modes && me.command ) {
+							me.setStateFromCommand( command );
+						} else {
+							me.setState( CKEDITOR.TRISTATE_OFF );
+						}
+					};
+				},
+
+				setStateFromCommand: function( command ) {
+					this.setState( command.state );
+				}
+			}
+		} );
+
+	},
+	beforeInit: function( editor ) {
+		editor.ui.addHandler( CKEDITOR.UI_PANELBUTTON, CKEDITOR.ui.panelButton.handler );
+	}
+} );
+
+/**
+ * Button UI element.
+ *
+ * @readonly
+ * @property {String} [='panelbutton']
+ * @member CKEDITOR
+ */
+CKEDITOR.UI_PANELBUTTON = 'panelbutton';