qms-angular 1.1.70 → 1.1.72

package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-special-characters/src/specialcharacters.js

@@ -1,254 +1,255 @@
-/**
- * @license Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-
-/**
- * @module special-characters/specialcharacters
- */
-
-import { Plugin } from '@ckeditor/ckeditor5-core';
-import { Typing } from '@ckeditor/ckeditor5-typing';
-import { createDropdown } from '@ckeditor/ckeditor5-ui';
-import { CKEditorError } from '@ckeditor/ckeditor5-utils';
-import SpecialCharactersNavigationView from './ui/specialcharactersnavigationview';
-import CharacterGridView from './ui/charactergridview';
-import CharacterInfoView from './ui/characterinfoview';
-
-import specialCharactersIcon from '../theme/icons/specialcharacters.svg';
-import '../theme/specialcharacters.css';
-
-const ALL_SPECIAL_CHARACTERS_GROUP = 'All';
-
-/**
- * The special characters feature.
- *
- * Introduces the `'specialCharacters'` dropdown.
- *
- * @extends module:core/plugin~Plugin
- */
-export default class SpecialCharacters extends Plugin {
-	/**
-	 * @inheritDoc
-	 */
-	static get requires() {
-		return [ Typing ];
-	}
-
-	/**
-	 * @inheritDoc
-	 */
-	static get pluginName() {
-		return 'SpecialCharacters';
-	}
-
-	/**
-	 * @inheritDoc
-	 */
-	constructor( editor ) {
-		super( editor );
-
-		/**
-		 * Registered characters. A pair of a character name and its symbol.
-		 *
-		 * @private
-		 * @member {Map.<String, String>} #_characters
-		 */
-		this._characters = new Map();
-
-		/**
-		 * Registered groups. Each group contains a collection with symbol names.
-		 *
-		 * @private
-		 * @member {Map.<String, Set.<String>>} #_groups
-		 */
-		this._groups = new Map();
-	}
-
-	/**
-	 * @inheritDoc
-	 */
-	init() {
-		const editor = this.editor;
-		const t = editor.t;
-
-		const inputCommand = editor.commands.get( 'input' );
-
-		// Add the `specialCharacters` dropdown button to feature components.
-		editor.ui.componentFactory.add( 'specialCharacters', locale => {
-			const dropdownView = createDropdown( locale );
-			let dropdownPanelContent;
-
-			dropdownView.buttonView.set( {
-				label: t( 'Special characters' ),
-				icon: specialCharactersIcon,
-				tooltip: true
-			} );
-
-			dropdownView.bind( 'isEnabled' ).to( inputCommand );
-
-			// Insert a special character when a tile was clicked.
-			dropdownView.on( 'execute', ( evt, data ) => {
-				editor.execute( 'input', { text: data.character } );
-				editor.editing.view.focus();
-			} );
-
-			dropdownView.on( 'change:isOpen', () => {
-				if ( !dropdownPanelContent ) {
-					dropdownPanelContent = this._createDropdownPanelContent( locale, dropdownView );
-
-					dropdownView.panelView.children.add( dropdownPanelContent.navigationView );
-					dropdownView.panelView.children.add( dropdownPanelContent.gridView );
-					dropdownView.panelView.children.add( dropdownPanelContent.infoView );
-				}
-
-				dropdownPanelContent.infoView.set( {
-					character: null,
-					name: null
-				} );
-			} );
-
-			return dropdownView;
-		} );
-	}
-
-	/**
-	 * Adds a collection of special characters to the specified group. The title of a special character must be unique.
-	 *
-	 * **Note:** The "All" category name is reserved by the plugin and cannot be used as a new name for a special
-	 * characters category.
-	 *
-	 * @param {String} groupName
-	 * @param {Array.<module:special-characters/specialcharacters~SpecialCharacterDefinition>} items
-	 */
-	addItems( groupName, items ) {
-		if ( groupName === ALL_SPECIAL_CHARACTERS_GROUP ) {
-			/**
-			 * The name "All" for a special category group cannot be used because it is a special category that displays all
-			 * available special characters.
-			 *
-			 * @error special-character-invalid-group-name
-			 */
-			throw new CKEditorError(
-				`special-character-invalid-group-name: The name "${ ALL_SPECIAL_CHARACTERS_GROUP }" is reserved and cannot be used.`
-			);
-		}
-
-		const group = this._getGroup( groupName );
-
-		for ( const item of items ) {
-			group.add( item.title );
-			this._characters.set( item.title, item.character );
-		}
-	}
-
-	/**
-	 * Returns an iterator of special characters groups.
-	 *
-	 * @returns {Iterable.<String>}
-	 */
-	getGroups() {
-		return this._groups.keys();
-	}
-
-	/**
-	 * Returns a collection of special characters symbol names (titles).
-	 *
-	 * @param {String} groupName
-	 * @returns {Set.<String>|undefined}
-	 */
-	getCharactersForGroup( groupName ) {
-		if ( groupName === ALL_SPECIAL_CHARACTERS_GROUP ) {
-			return new Set( this._characters.keys() );
-		}
-
-		return this._groups.get( groupName );
-	}
-
-	/**
-	 * Returns the symbol of a special character for the specified name. If the special character could not be found, `undefined`
-	 * is returned.
-	 *
-	 * @param {String} title The title of a special character.
-	 * @returns {String|undefined}
-	 */
-	getCharacter( title ) {
-		return this._characters.get( title );
-	}
-
-	/**
-	 * Returns a group of special characters. If the group with the specified name does not exist, it will be created.
-	 *
-	 * @private
-	 * @param {String} groupName The name of the group to create.
-	 */
-	_getGroup( groupName ) {
-		if ( !this._groups.has( groupName ) ) {
-			this._groups.set( groupName, new Set() );
-		}
-
-		return this._groups.get( groupName );
-	}
-
-	/**
-	 * Updates the symbol grid depending on the currently selected character group.
-	 *
-	 * @private
-	 * @param {String} currentGroupName
-	 * @param {module:special-characters/ui/charactergridview~CharacterGridView} gridView
-	 */
-	_updateGrid( currentGroupName, gridView ) {
-		// Updating the grid starts with removing all tiles belonging to the old group.
-		gridView.tiles.clear();
-
-		const characterTitles = this.getCharactersForGroup( currentGroupName );
-
-		for ( const title of characterTitles ) {
-			const character = this.getCharacter( title );
-
-			gridView.tiles.add( gridView.createTile( character, title ) );
-		}
-	}
-
-	/**
-	 * Initializes the dropdown, used for lazy loading.
-	 *
-	 * @private
-	 * @param {module:utils/locale~Locale} locale
-	 * @param {module:ui/dropdown/dropdownview~DropdownView} dropdownView
-	 * @returns {Object} Returns an object with `navigationView`, `gridView` and `infoView` properties, containing UI parts.
-	 */
-	_createDropdownPanelContent( locale, dropdownView ) {
-		const specialCharsGroups = [ ...this.getGroups() ];
-
-		// Add a special group that shows all available special characters.
-		specialCharsGroups.unshift( ALL_SPECIAL_CHARACTERS_GROUP );
-
-		const navigationView = new SpecialCharactersNavigationView( locale, specialCharsGroups );
-		const gridView = new CharacterGridView( locale );
-		const infoView = new CharacterInfoView( locale );
-
-		gridView.delegate( 'execute' ).to( dropdownView );
-
-		gridView.on( 'tileHover', ( evt, data ) => {
-			infoView.set( data );
-		} );
-
-		// Update the grid of special characters when a user changed the character group.
-		navigationView.on( 'execute', () => {
-			this._updateGrid( navigationView.currentGroupName, gridView );
-		} );
-
-		// Set the initial content of the special characters grid.
-		this._updateGrid( navigationView.currentGroupName, gridView );
-
-		return { navigationView, gridView, infoView };
-	}
-}
-
-/**
- * @typedef {Object} module:special-characters/specialcharacters~SpecialCharacterDefinition
- *
- * @property {String} title A unique name of the character (e.g. "greek small letter epsilon").
- * @property {String} character A human-readable character displayed as the label (e.g. "ε").
- */
+/**
+ * @license Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+/**
+ * @module special-characters/specialcharacters
+ */
+
+import { Plugin } from '@ckeditor/ckeditor5-core';
+import { Typing } from '@ckeditor/ckeditor5-typing';
+import { createDropdown } from '@ckeditor/ckeditor5-ui';
+import { CKEditorError } from '@ckeditor/ckeditor5-utils';
+import SpecialCharactersNavigationView from './ui/specialcharactersnavigationview';
+import CharacterGridView from './ui/charactergridview';
+import CharacterInfoView from './ui/characterinfoview';
+
+import specialCharactersIcon from '../theme/icons/specialcharacters.svg';
+import '../theme/specialcharacters.css';
+
+const ALL_SPECIAL_CHARACTERS_GROUP = 'All';
+
+/**
+ * The special characters feature.
+ *
+ * Introduces the `'specialCharacters'` dropdown.
+ *
+ * @extends module:core/plugin~Plugin
+ */
+export default class SpecialCharacters extends Plugin {
+	/**
+	 * @inheritDoc
+	 */
+	static get requires() {
+		return [ Typing ];
+	}
+
+	/**
+	 * @inheritDoc
+	 */
+	static get pluginName() {
+		return 'SpecialCharacters';
+	}
+
+	/**
+	 * @inheritDoc
+	 */
+	constructor( editor ) {
+		super( editor );
+
+		/**
+		 * Registered characters. A pair of a character name and its symbol.
+		 *
+		 * @private
+		 * @member {Map.<String, String>} #_characters
+		 */
+		this._characters = new Map();
+
+		/**
+		 * Registered groups. Each group contains a collection with symbol names.
+		 *
+		 * @private
+		 * @member {Map.<String, Set.<String>>} #_groups
+		 */
+		this._groups = new Map();
+	}
+
+	/**
+	 * @inheritDoc
+	 */
+	init() {
+		const editor = this.editor;
+		const t = editor.t;
+
+		const inputCommand = editor.commands.get( 'input' );
+
+		// Add the `specialCharacters` dropdown button to feature components.
+		editor.ui.componentFactory.add( 'specialCharacters', locale => {
+			const dropdownView = createDropdown( locale );
+			let dropdownPanelContent;
+
+			dropdownView.buttonView.set( {
+				label: t( 'Special characters' ),
+				icon: specialCharactersIcon,
+				tooltip: true
+			} );
+
+			dropdownView.bind( 'isEnabled' ).to( inputCommand );
+
+			// Insert a special character when a tile was clicked.
+			dropdownView.on( 'execute', ( evt, data ) => {
+				editor.execute( 'input', { text: data.character } );
+				editor.editing.view.focus();
+			} );
+
+			dropdownView.on( 'change:isOpen', () => {
+				if ( !dropdownPanelContent ) {
+					dropdownPanelContent = this._createDropdownPanelContent( locale, dropdownView );
+
+					dropdownView.panelView.children.add( dropdownPanelContent.navigationView );
+					dropdownView.panelView.children.add( dropdownPanelContent.gridView );
+					dropdownView.panelView.children.add( dropdownPanelContent.infoView );
+				}
+
+				dropdownPanelContent.infoView.set( {
+					character: null,
+					name: null
+				} );
+			} );
+
+			return dropdownView;
+		} );
+	}
+
+	/**
+	 * Adds a collection of special characters to the specified group. The title of a special character must be unique.
+	 *
+	 * **Note:** The "All" category name is reserved by the plugin and cannot be used as a new name for a special
+	 * characters category.
+	 *
+	 * @param {String} groupName
+	 * @param {Array.<module:special-characters/specialcharacters~SpecialCharacterDefinition>} items
+	 */
+	addItems( groupName, items ) {
+		if ( groupName === ALL_SPECIAL_CHARACTERS_GROUP ) {
+			/**
+			 * The name "All" for a special category group cannot be used because it is a special category that displays all
+			 * available special characters.
+			 *
+			 * @error special-character-invalid-group-name
+			 */
+			throw new CKEditorError(
+				`special-character-invalid-group-name: The name "${ ALL_SPECIAL_CHARACTERS_GROUP }" is reserved and cannot be used.`
+			);
+		}
+
+		const group = this._getGroup( groupName );
+
+		for ( const item of items ) {
+			group.add( item.title );
+			this._characters.set( item.title, item.character );
+		}
+	}
+
+	/**
+	 * Returns an iterator of special characters groups.
+	 *
+	 * @returns {Iterable.<String>}
+	 */
+	getGroups() {
+		return this._groups.keys();
+	}
+
+	/**
+	 * Returns a collection of special characters symbol names (titles).
+	 *
+	 * @param {String} groupName
+	 * @returns {Set.<String>|undefined}
+	 */
+	getCharactersForGroup( groupName ) {
+		if ( groupName === ALL_SPECIAL_CHARACTERS_GROUP ) {
+			return new Set( this._characters.keys() );
+		}
+
+		return this._groups.get( groupName );
+	}
+
+	/**
+	 * Returns the symbol of a special character for the specified name. If the special character could not be found, `undefined`
+	 * is returned.
+	 *
+	 * @param {String} title The title of a special character.
+	 * @returns {String|undefined}
+	 */
+	getCharacter( title ) {
+		return this._characters.get( title );
+	}
+
+	/**
+	 * Returns a group of special characters. If the group with the specified name does not exist, it will be created.
+	 *
+	 * @private
+	 * @param {String} groupName The name of the group to create.
+	 */
+	_getGroup( groupName ) {
+		if ( !this._groups.has( groupName ) ) {
+			this._groups.set( groupName, new Set() );
+		}
+
+		return this._groups.get( groupName );
+	}
+
+	/**
+	 * Updates the symbol grid depending on the currently selected character group.
+	 *
+	 * @private
+	 * @param {String} currentGroupName
+	 * @param {module:special-characters/ui/charactergridview~CharacterGridView} gridView
+	 */
+	_updateGrid( currentGroupName, gridView ) {
+		// Updating the grid starts with removing all tiles belonging to the old group.
+		gridView.tiles.clear();
+
+		const characterTitles = this.getCharactersForGroup( currentGroupName );
+
+		for ( const title of characterTitles ) {
+			const character = this.getCharacter( title );
+
+			gridView.tiles.add( gridView.createTile( character, title ) );
+		}
+	}
+
+	/**
+	 * Initializes the dropdown, used for lazy loading.
+	 *
+	 * @private
+	 * @param {module:utils/locale~Locale} locale
+	 * @param {module:ui/dropdown/dropdownview~DropdownView} dropdownView
+	 * @returns {Object} Returns an object with `navigationView`, `gridView` and `infoView` properties, containing UI parts.
+	 */
+	_createDropdownPanelContent( locale, dropdownView ) {
+		const specialCharsGroups = [ ...this.getGroups() ];
+
+		// Add a special group that shows all available special characters.
+		// Commented, not use 'All' group
+		// specialCharsGroups.unshift( ALL_SPECIAL_CHARACTERS_GROUP );
+
+		const navigationView = new SpecialCharactersNavigationView( locale, specialCharsGroups );
+		const gridView = new CharacterGridView( locale );
+		const infoView = new CharacterInfoView( locale );
+
+		gridView.delegate( 'execute' ).to( dropdownView );
+
+		gridView.on( 'tileHover', ( evt, data ) => {
+			infoView.set( data );
+		} );
+
+		// Update the grid of special characters when a user changed the character group.
+		navigationView.on( 'execute', () => {
+			this._updateGrid( navigationView.currentGroupName, gridView );
+		} );
+
+		// Set the initial content of the special characters grid.
+		this._updateGrid( navigationView.currentGroupName, gridView );
+
+		return { navigationView, gridView, infoView };
+	}
+}
+
+/**
+ * @typedef {Object} module:special-characters/specialcharacters~SpecialCharacterDefinition
+ *
+ * @property {String} title A unique name of the character (e.g. "greek small letter epsilon").
+ * @property {String} character A human-readable character displayed as the label (e.g. "ε").
+ */