qms-angular 1.0.86 → 1.0.89

package/src/assets/qms-ckeditor-plugin/src/plugins/table/tablecellproperties/commands/tablecellpaddingcommand.js

@@ -0,0 +1,62 @@
+/**
+ * @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 table/tablecellproperties/commands/tablecellpaddingcommand
+ */
+
+import TableCellPropertyCommand from './tablecellpropertycommand';
+import { addDefaultUnitToNumericValue, getSingleValue } from '../../utils/table-properties';
+
+/**
+ * The table cell padding command.
+ *
+ * The command is registered by the {@link module:table/tablecellproperties/tablecellpropertiesediting~TableCellPropertiesEditing} as
+ * the `'tableCellPadding'` editor command.
+ *
+ * To change the padding of selected cells, execute the command:
+ *
+ *		editor.execute( 'tableCellPadding', {
+ *			value: '5px'
+ *		} );
+ *
+ * **Note**: This command adds the default `'px'` unit to numeric values. Executing:
+ *
+ *		editor.execute( 'tableCellPadding', {
+ *			value: '5'
+ *		} );
+ *
+ * will set the `padding` attribute to `'5px'` in the model.
+ *
+ * @extends module:table/tablecellproperties/commands/tablecellpropertycommand~TableCellPropertyCommand
+ */
+export default class TableCellPaddingCommand extends TableCellPropertyCommand {
+	/**
+	 * Creates a new `TableCellPaddingCommand` instance.
+	 *
+	 * @param {module:core/editor/editor~Editor} editor An editor in which this command will be used.
+	 */
+	constructor( editor ) {
+		super( editor, 'padding' );
+	}
+
+	/**
+	 * @inheritDoc
+	 */
+	_getAttribute( tableCell ) {
+		if ( !tableCell ) {
+			return;
+		}
+
+		return getSingleValue( tableCell.getAttribute( this.attributeName ) );
+	}
+
+	/**
+	 * @inheritDoc
+	 */
+	_getValueToSet( value ) {
+		return addDefaultUnitToNumericValue( value, 'px' );
+	}
+}

package/src/assets/qms-ckeditor-plugin/src/plugins/table/tablecellproperties/commands/tablecellpropertycommand.js

@@ -0,0 +1,110 @@
+/**
+ * @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 table/tablecellproperties/commands/tablecellpropertycommand
+ */
+
+import { Command } from 'ckeditor5/src/core';
+import { getSelectionAffectedTableCells } from '../../utils/selection';
+
+/**
+ * The table cell attribute command.
+ *
+ * The command is a base command for other table cell property commands.
+ *
+ * @extends module:core/command~Command
+ */
+export default class TableCellPropertyCommand extends Command {
+	/**
+	 * Creates a new `TableCellPropertyCommand` instance.
+	 *
+	 * @param {module:core/editor/editor~Editor} editor An editor in which this command will be used.
+	 * @param {String} attributeName Table cell attribute name.
+	 */
+	constructor( editor, attributeName ) {
+		super( editor );
+
+		this.attributeName = attributeName;
+	}
+
+	/**
+	 * @inheritDoc
+	 */
+	refresh() {
+		const editor = this.editor;
+		const selectedTableCells = getSelectionAffectedTableCells( editor.model.document.selection );
+
+		this.isEnabled = !!selectedTableCells.length;
+		this.value = this._getSingleValue( selectedTableCells );
+	}
+
+	/**
+	 * Executes the command.
+	 *
+	 * @fires execute
+	 * @param {Object} [options]
+	 * @param {*} [options.value] If set, the command will set the attribute on selected table cells.
+	 * If it is not set, the command will remove the attribute from the selected table cells.
+	 * @param {module:engine/model/batch~Batch} [options.batch] Pass the model batch instance to the command to aggregate changes,
+	 * for example to allow a single undo step for multiple executions.
+	 */
+	execute( options = {} ) {
+		const { value, batch } = options;
+		const model = this.editor.model;
+		const tableCells = getSelectionAffectedTableCells( model.document.selection );
+		const valueToSet = this._getValueToSet( value );
+
+		model.enqueueChange( batch || 'default', writer => {
+			if ( valueToSet ) {
+				tableCells.forEach( tableCell => writer.setAttribute( this.attributeName, valueToSet, tableCell ) );
+			} else {
+				tableCells.forEach( tableCell => writer.removeAttribute( this.attributeName, tableCell ) );
+			}
+		} );
+	}
+
+	/**
+	 * Returns the attribute value for a table cell.
+	 *
+	 * @param {module:engine/model/element~Element} tableCell
+	 * @returns {String|undefined}
+	 * @private
+	 */
+	_getAttribute( tableCell ) {
+		if ( !tableCell ) {
+			return;
+		}
+
+		return tableCell.getAttribute( this.attributeName );
+	}
+
+	/**
+	 * Returns the proper model value. It can be used to add a default unit to numeric values.
+	 *
+	 * @private
+	 * @param {*} value
+	 * @returns {*}
+	 */
+	_getValueToSet( value ) {
+		return value;
+	}
+
+	/**
+	 * Returns a single value for all selected table cells. If the value is the same for all cells,
+	 * it will be returned (`undefined` otherwise).
+	 *
+	 * @param {Array.<module:engine/model/element~Element>} tableCell
+	 * @returns {*}
+	 * @private
+	 */
+	_getSingleValue( tableCell ) {
+		const firstCellValue = this._getAttribute( tableCell[ 0 ] );
+
+		const everyCellHasAttribute = tableCell.every( tableCell => this._getAttribute( tableCell ) === firstCellValue );
+
+		return everyCellHasAttribute ? firstCellValue : undefined;
+	}
+}

package/src/assets/qms-ckeditor-plugin/src/plugins/table/tablecellproperties/commands/tablecellverticalalignmentcommand.js

@@ -0,0 +1,43 @@
+/**
+ * @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 table/tablecellproperties/commands/tablecellverticalalignmentcommand
+ */
+
+import TableCellPropertyCommand from './tablecellpropertycommand';
+
+/**
+ * The table cell vertical alignment command.
+ *
+ * The command is registered by the {@link module:table/tablecellproperties/tablecellpropertiesediting~TableCellPropertiesEditing} as
+ * the `'tableCellVerticalAlignment'` editor command.
+ *
+ * To change the vertical text alignment of selected cells, execute the command:
+ *
+ *		editor.execute( 'tableCellVerticalAlignment', {
+ *			value: 'top'
+ *		} );
+ *
+ * The following values, corresponding to the
+ * [`vertical-align` CSS attribute](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align), are allowed:
+ *
+ * * `'top'`
+ * * `'bottom'`
+ *
+ * The `'middle'` value is the default one so there is no need to set it.
+ *
+ * @extends module:table/tablecellproperties/commands/tablecellpropertycommand~TableCellPropertyCommand
+ */
+export default class TableCellVerticalAlignmentCommand extends TableCellPropertyCommand {
+	/**
+	 * Creates a new `TableCellVerticalAlignmentCommand` instance.
+	 *
+	 * @param {module:core/editor/editor~Editor} editor An editor in which this command will be used.
+	 */
+	constructor( editor ) {
+		super( editor, 'verticalAlignment' );
+	}
+}

package/src/assets/qms-ckeditor-plugin/src/plugins/table/tablecellproperties/commands/tablecellwidthcommand.js

@@ -0,0 +1,51 @@
+/**
+ * @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 table/tablecellproperties/commands/tablecellwidthcommand
+ */
+
+import TableCellPropertyCommand from './tablecellpropertycommand';
+import { addDefaultUnitToNumericValue } from '../../utils/table-properties';
+
+/**
+ * The table cell width command.
+ *
+ * The command is registered by the {@link module:table/tablecellproperties/tablecellpropertiesediting~TableCellPropertiesEditing} as
+ * the `'tableCellWidth'` editor command.
+ *
+ * To change the width of selected cells, execute the command:
+ *
+ *		editor.execute( 'tableCellWidth', {
+ *			value: '50px'
+ *		} );
+ *
+ * **Note**: This command adds a default `'px'` unit to numeric values. Executing:
+ *
+ *		editor.execute( 'tableCellWidth', {
+ *			value: '50'
+ *		} );
+ *
+ * will set the `width` attribute to `'50px'` in the model.
+ *
+ * @extends module:table/tablecellproperties/commands/tablecellpropertycommand~TableCellPropertyCommand
+ */
+export default class TableCellWidthCommand extends TableCellPropertyCommand {
+	/**
+	 * Creates a new `TableCellWidthCommand` instance.
+	 *
+	 * @param {module:core/editor/editor~Editor} editor An editor in which this command will be used.
+	 */
+	constructor( editor ) {
+		super( editor, 'width' );
+	}
+
+	/**
+	 * @inheritDoc
+	 */
+	_getValueToSet( value ) {
+		return addDefaultUnitToNumericValue( value, 'px' );
+	}
+}

package/src/assets/qms-ckeditor-plugin/src/plugins/table/tablecellproperties/tablecellpropertiesediting.js

@@ -0,0 +1,204 @@
+/**
+ * @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 table/tablecellproperties/tablecellpropertiesediting
+ */
+
+import { Plugin } from 'ckeditor5/src/core';
+import { addBorderRules, addPaddingRules, addBackgroundRules } from 'ckeditor5/src/engine';
+
+import { downcastAttributeToStyle, upcastStyleToAttribute, upcastBorderStyles } from './../converters/tableproperties';
+import TableEditing from './../tableediting';
+import TableCellPaddingCommand from './commands/tablecellpaddingcommand';
+import TableCellWidthCommand from './commands/tablecellwidthcommand';
+import TableCellHeightCommand from './commands/tablecellheightcommand';
+import TableCellBackgroundColorCommand from './commands/tablecellbackgroundcolorcommand';
+import TableCellVerticalAlignmentCommand from './commands/tablecellverticalalignmentcommand';
+import TableCellHorizontalAlignmentCommand from './commands/tablecellhorizontalalignmentcommand';
+import TableCellBorderStyleCommand from './commands/tablecellborderstylecommand';
+import TableCellBorderColorCommand from './commands/tablecellbordercolorcommand';
+import TableCellBorderWidthCommand from './commands/tablecellborderwidthcommand';
+
+const VALIGN_VALUES_REG_EXP = /^(top|bottom)$/;
+
+/**
+ * The table cell properties editing feature.
+ *
+ * Introduces table cell model attributes and their conversion:
+ *
+ * - border: `borderStyle`, `borderColor` and `borderWidth`
+ * - background color: `backgroundColor`
+ * - cell padding: `padding`
+ * - horizontal and vertical alignment: `horizontalAlignment`, `verticalAlignment`
+ * - cell width and height: `width`, `height`
+ *
+ * It also registers commands used to manipulate the above attributes:
+ *
+ * - border: the `'tableCellBorderStyle'`, `'tableCellBorderColor'` and `'tableCellBorderWidth'` commands
+ * - background color: the `'tableCellBackgroundColor'` command
+ * - cell padding: the `'tableCellPadding'` command
+ * - horizontal and vertical alignment: the `'tableCellHorizontalAlignment'` and `'tableCellVerticalAlignment'` commands
+ * - width and height: the `'tableCellWidth'` and `'tableCellHeight'` commands
+ *
+ * @extends module:core/plugin~Plugin
+ */
+export default class TableCellPropertiesEditing extends Plugin {
+	/**
+	 * @inheritDoc
+	 */
+	static get pluginName() {
+		return 'TableCellPropertiesEditing';
+	}
+
+	/**
+	 * @inheritDoc
+	 */
+	static get requires() {
+		return [ TableEditing ];
+	}
+
+	/**
+	 * @inheritDoc
+	 */
+	init() {
+		const editor = this.editor;
+		const schema = editor.model.schema;
+		const conversion = editor.conversion;
+		const locale = editor.locale;
+
+		editor.data.addStyleProcessorRules( addBorderRules );
+		enableBorderProperties( schema, conversion );
+		editor.commands.add( 'tableCellBorderStyle', new TableCellBorderStyleCommand( editor ) );
+		editor.commands.add( 'tableCellBorderColor', new TableCellBorderColorCommand( editor ) );
+		editor.commands.add( 'tableCellBorderWidth', new TableCellBorderWidthCommand( editor ) );
+
+		enableHorizontalAlignmentProperty( schema, conversion, locale );
+		editor.commands.add( 'tableCellHorizontalAlignment', new TableCellHorizontalAlignmentCommand( editor ) );
+
+		enableProperty( schema, conversion, 'width', 'width' );
+		editor.commands.add( 'tableCellWidth', new TableCellWidthCommand( editor ) );
+
+		enableProperty( schema, conversion, 'height', 'height' );
+		editor.commands.add( 'tableCellHeight', new TableCellHeightCommand( editor ) );
+
+		editor.data.addStyleProcessorRules( addPaddingRules );
+		enableProperty( schema, conversion, 'padding', 'padding' );
+		editor.commands.add( 'tableCellPadding', new TableCellPaddingCommand( editor ) );
+
+		editor.data.addStyleProcessorRules( addBackgroundRules );
+		enableProperty( schema, conversion, 'backgroundColor', 'background-color' );
+		editor.commands.add( 'tableCellBackgroundColor', new TableCellBackgroundColorCommand( editor ) );
+
+		enableVerticalAlignmentProperty( schema, conversion );
+		editor.commands.add( 'tableCellVerticalAlignment', new TableCellVerticalAlignmentCommand( editor ) );
+	}
+}
+
+// Enables the `'borderStyle'`, `'borderColor'` and `'borderWidth'` attributes for table cells.
+//
+// @param {module:engine/model/schema~Schema} schema
+// @param {module:engine/conversion/conversion~Conversion} conversion
+function enableBorderProperties( schema, conversion ) {
+	schema.extend( 'tableCell', {
+		allowAttributes: [ 'borderWidth', 'borderColor', 'borderStyle' ]
+	} );
+	upcastBorderStyles( conversion, 'td' );
+	upcastBorderStyles( conversion, 'th' );
+	downcastAttributeToStyle( conversion, 'tableCell', 'borderStyle', 'border-style' );
+	downcastAttributeToStyle( conversion, 'tableCell', 'borderColor', 'border-color' );
+	downcastAttributeToStyle( conversion, 'tableCell', 'borderWidth', 'border-width' );
+}
+
+// Enables the `'horizontalAlignment'` attribute for table cells.
+//
+// @param {module:engine/model/schema~Schema} schema
+// @param {module:engine/conversion/conversion~Conversion} conversion
+// @param {module:utils/locale~Locale} locale The {@link module:core/editor/editor~Editor#locale} instance.
+function enableHorizontalAlignmentProperty( schema, conversion, locale ) {
+	schema.extend( 'tableCell', {
+		allowAttributes: [ 'horizontalAlignment' ]
+	} );
+
+	const options = [ locale.contentLanguageDirection == 'rtl' ? 'left' : 'right', 'center', 'justify' ];
+
+	conversion.attributeToAttribute( {
+		model: {
+			name: 'tableCell',
+			key: 'horizontalAlignment',
+			values: options
+		},
+		view: options.reduce( ( result, option ) => ( {
+			...result,
+			[ option ]: {
+				key: 'style',
+				value: {
+					'text-align': option
+				}
+			}
+		} ), {} )
+	} );
+}
+
+// Enables the `'verticalAlignment'` attribute for table cells.
+//
+// @param {module:engine/model/schema~Schema} schema
+// @param {module:engine/conversion/conversion~Conversion} conversion
+function enableVerticalAlignmentProperty( schema, conversion ) {
+	schema.extend( 'tableCell', {
+		allowAttributes: [ 'verticalAlignment' ]
+	} );
+
+	conversion.attributeToAttribute( {
+		model: {
+			name: 'tableCell',
+			key: 'verticalAlignment',
+			values: [ 'top', 'bottom' ]
+		},
+		view: {
+			top: {
+				key: 'style',
+				value: {
+					'vertical-align': 'top'
+				}
+			},
+			bottom: {
+				key: 'style',
+				value: {
+					'vertical-align': 'bottom'
+				}
+			}
+		}
+	} );
+
+	conversion.for( 'upcast' )
+		// Support for backwards compatibility and pasting from other sources.
+		.attributeToAttribute( {
+			view: {
+				attributes: {
+					valign: VALIGN_VALUES_REG_EXP
+				}
+			},
+			model: {
+				name: 'tableCell',
+				key: 'verticalAlignment',
+				value: viewElement => viewElement.getAttribute( 'valign' )
+			}
+		} );
+}
+
+// Enables conversion for an attribute for simple view-model mappings.
+//
+// @param {String} modelAttribute
+// @param {String} styleName
+// @param {module:engine/model/schema~Schema} schema
+// @param {module:engine/conversion/conversion~Conversion} conversion
+function enableProperty( schema, conversion, modelAttribute, styleName ) {
+	schema.extend( 'tableCell', {
+		allowAttributes: [ modelAttribute ]
+	} );
+	upcastStyleToAttribute( conversion, 'tableCell', modelAttribute, styleName );
+	downcastAttributeToStyle( conversion, 'tableCell', modelAttribute, styleName );
+}