@ckeditor/ckeditor5-engine 40.0.0 → 40.1.0

package/src/conversion/conversion.js

@@ -1,601 +1,601 @@
-/**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-/**
- * @module engine/conversion/conversion
- */
-import { CKEditorError, toArray } from '@ckeditor/ckeditor5-utils';
-import UpcastHelpers from './upcasthelpers';
-import DowncastHelpers from './downcasthelpers';
-/**
- * A utility class that helps add converters to upcast and downcast dispatchers.
- *
- * We recommend reading the {@glink framework/deep-dive/conversion/intro editor conversion} guide first to
- * understand the core concepts of the conversion mechanisms.
- *
- * An instance of the conversion manager is available in the
- * {@link module:core/editor/editor~Editor#conversion `editor.conversion`} property
- * and by default has the following groups of dispatchers (i.e. directions of conversion):
- *
- * * `downcast` (editing and data downcasts)
- * * `editingDowncast`
- * * `dataDowncast`
- * * `upcast`
- *
- * # One-way converters
- *
- * To add a converter to a specific group, use the {@link module:engine/conversion/conversion~Conversion#for `for()`}
- * method:
- *
- * ```ts
- * // Add a converter to editing downcast and data downcast.
- * editor.conversion.for( 'downcast' ).elementToElement( config ) );
- *
- * // Add a converter to the data pipepline only:
- * editor.conversion.for( 'dataDowncast' ).elementToElement( dataConversionConfig ) );
- *
- * // And a slightly different one for the editing pipeline:
- * editor.conversion.for( 'editingDowncast' ).elementToElement( editingConversionConfig ) );
- * ```
- *
- * See {@link module:engine/conversion/conversion~Conversion#for `for()`} method documentation to learn more about
- * available conversion helpers and how to use your custom ones.
- *
- * # Two-way converters
- *
- * Besides using one-way converters via the `for()` method, you can also use other methods available in this
- * class to add two-way converters (upcast and downcast):
- *
- * * {@link module:engine/conversion/conversion~Conversion#elementToElement `elementToElement()`} –
- * Model element to view element and vice versa.
- * * {@link module:engine/conversion/conversion~Conversion#attributeToElement `attributeToElement()`} –
- * Model attribute to view element and vice versa.
- * * {@link module:engine/conversion/conversion~Conversion#attributeToAttribute `attributeToAttribute()`} –
- * Model attribute to view attribute and vice versa.
- */
-export default class Conversion {
-    /**
-     * Creates a new conversion instance.
-     */
-    constructor(downcastDispatchers, upcastDispatchers) {
-        /**
-         * Maps dispatchers group name to ConversionHelpers instances.
-         */
-        this._helpers = new Map();
-        // Define default 'downcast' & 'upcast' dispatchers groups. Those groups are always available as two-way converters needs them.
-        this._downcast = toArray(downcastDispatchers);
-        this._createConversionHelpers({ name: 'downcast', dispatchers: this._downcast, isDowncast: true });
-        this._upcast = toArray(upcastDispatchers);
-        this._createConversionHelpers({ name: 'upcast', dispatchers: this._upcast, isDowncast: false });
-    }
-    /**
-     * Define an alias for registered dispatcher.
-     *
-     * ```ts
-     * const conversion = new Conversion(
-     * 	[ dataDowncastDispatcher, editingDowncastDispatcher ],
-     * 	upcastDispatcher
-     * );
-     *
-     * conversion.addAlias( 'dataDowncast', dataDowncastDispatcher );
-     * ```
-     *
-     * @param alias An alias of a dispatcher.
-     * @param dispatcher Dispatcher which should have an alias.
-     */
-    addAlias(alias, dispatcher) {
-        const isDowncast = this._downcast.includes(dispatcher);
-        const isUpcast = this._upcast.includes(dispatcher);
-        if (!isUpcast && !isDowncast) {
-            /**
-             * Trying to register an alias for a dispatcher that nas not been registered.
-             *
-             * @error conversion-add-alias-dispatcher-not-registered
-             */
-            throw new CKEditorError('conversion-add-alias-dispatcher-not-registered', this);
-        }
-        this._createConversionHelpers({ name: alias, dispatchers: [dispatcher], isDowncast });
-    }
-    /**
-     * Provides a chainable API to assign converters to a conversion dispatchers group.
-     *
-     * If the given group name has not been registered, the
-     * {@link module:utils/ckeditorerror~CKEditorError `conversion-for-unknown-group` error} is thrown.
-     *
-     * You can use conversion helpers available directly in the `for()` chain or your custom ones via
-     * the {@link module:engine/conversion/conversionhelpers~ConversionHelpers#add `add()`} method.
-     *
-     * # Using built-in conversion helpers
-     *
-     * The `for()` chain comes with a set of conversion helpers which you can use like this:
-     *
-     * ```ts
-     * editor.conversion.for( 'downcast' )
-     * 	.elementToElement( config1 )        // Adds an element-to-element downcast converter.
-     * 	.attributeToElement( config2 );     // Adds an attribute-to-element downcast converter.
-     *
-     * editor.conversion.for( 'upcast' )
-     * 	.elementToAttribute( config3 );     // Adds an element-to-attribute upcast converter.
-     * ```
-     *
-     * Refer to the documentation of built-in conversion helpers to learn about their configuration options.
-     *
-     * * downcast (model-to-view) conversion helpers:
-     *
-     *	* {@link module:engine/conversion/downcasthelpers~DowncastHelpers#elementToElement `elementToElement()`},
-     *	* {@link module:engine/conversion/downcasthelpers~DowncastHelpers#attributeToElement `attributeToElement()`},
-     *	* {@link module:engine/conversion/downcasthelpers~DowncastHelpers#attributeToAttribute `attributeToAttribute()`}.
-     *	* {@link module:engine/conversion/downcasthelpers~DowncastHelpers#markerToElement `markerToElement()`}.
-     *	* {@link module:engine/conversion/downcasthelpers~DowncastHelpers#markerToHighlight `markerToHighlight()`}.
-     *
-     * * upcast (view-to-model) conversion helpers:
-     *
-     *	* {@link module:engine/conversion/upcasthelpers~UpcastHelpers#elementToElement `elementToElement()`},
-     *	* {@link module:engine/conversion/upcasthelpers~UpcastHelpers#elementToAttribute `elementToAttribute()`},
-     *	* {@link module:engine/conversion/upcasthelpers~UpcastHelpers#attributeToAttribute `attributeToAttribute()`}.
-     *	* {@link module:engine/conversion/upcasthelpers~UpcastHelpers#elementToMarker `elementToMarker()`}.
-     *
-     * # Using custom conversion helpers
-     *
-     * If you need to implement an atypical converter, you can do so by calling:
-     *
-     * ```ts
-     * editor.conversion.for( direction ).add( customHelper );
-     * ```
-     *
-     * The `.add()` method takes exactly one parameter, which is a function. This function should accept one parameter that
-     * is a dispatcher instance. The function should add an actual converter to the passed dispatcher instance.
-     *
-     * Example:
-     *
-     * ```ts
-     * editor.conversion.for( 'upcast' ).add( dispatcher => {
-     * 	dispatcher.on( 'element:a',  ( evt, data, conversionApi ) => {
-     * 		// Do something with a view <a> element.
-     * 	} );
-     * } );
-     * ```
-     *
-     * Refer to the documentation of {@link module:engine/conversion/upcastdispatcher~UpcastDispatcher}
-     * and {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher} to learn how to write
-     * custom converters.
-     *
-     * @param groupName The name of dispatchers group to add the converters to.
-     */
-    for(groupName) {
-        if (!this._helpers.has(groupName)) {
-            /**
-             * Trying to add a converter to an unknown dispatchers group.
-             *
-             * @error conversion-for-unknown-group
-             */
-            throw new CKEditorError('conversion-for-unknown-group', this);
-        }
-        return this._helpers.get(groupName);
-    }
-    /**
-     * Sets up converters between the model and the view that convert a model element to a view element (and vice versa).
-     * For example, the model `<paragraph>Foo</paragraph>` is turned into `<p>Foo</p>` in the view.
-     *
-     * ```ts
-     * // A simple conversion from the `paragraph` model element to the `<p>` view element (and vice versa).
-     * editor.conversion.elementToElement( { model: 'paragraph', view: 'p' } );
-     *
-     * // Override other converters by specifying a converter definition with a higher priority.
-     * editor.conversion.elementToElement( { model: 'paragraph', view: 'div', converterPriority: 'high' } );
-     *
-     * // View specified as an object instead of a string.
-     * editor.conversion.elementToElement( {
-     * 	model: 'fancyParagraph',
-     * 	view: {
-     * 		name: 'p',
-     * 		classes: 'fancy'
-     * 	}
-     * } );
-     *
-     * // Use `upcastAlso` to define other view elements that should also be converted to a `paragraph` element.
-     * editor.conversion.elementToElement( {
-     * 	model: 'paragraph',
-     * 	view: 'p',
-     * 	upcastAlso: [
-     * 		'div',
-     * 		{
-     * 			// Any element with the `display: block` style.
-     * 			styles: {
-     * 				display: 'block'
-     * 			}
-     * 		}
-     * 	]
-     * } );
-     *
-     * // `upcastAlso` set as callback enables a conversion of a wide range of different view elements.
-     * editor.conversion.elementToElement( {
-     * 	model: 'heading',
-     * 	view: 'h2',
-     * 	// Convert "heading-like" paragraphs to headings.
-     * 	upcastAlso: viewElement => {
-     * 		const fontSize = viewElement.getStyle( 'font-size' );
-     *
-     * 		if ( !fontSize ) {
-     * 			return null;
-     * 		}
-     *
-     * 		const match = fontSize.match( /(\d+)\s*px/ );
-     *
-     * 		if ( !match ) {
-     * 			return null;
-     * 		}
-     *
-     * 		const size = Number( match[ 1 ] );
-     *
-     * 		if ( size > 26 ) {
-     * 			// Returned value can be an object with the matched properties.
-     * 			// These properties will be "consumed" during the conversion.
-     * 			// See `engine.view.Matcher~MatcherPattern` and `engine.view.Matcher#match` for more details.
-     *
-     * 			return { name: true, styles: [ 'font-size' ] };
-     * 		}
-     *
-     * 		return null;
-     * 	}
-     * } );
-     * ```
-     *
-     * `definition.model` is a `String` with a model element name to convert from or to.
-     *
-     * @param definition The converter definition.
-     */
-    elementToElement(definition) {
-        // Set up downcast converter.
-        this.for('downcast').elementToElement(definition);
-        // Set up upcast converter.
-        for (const { model, view } of _getAllUpcastDefinitions(definition)) {
-            this.for('upcast')
-                .elementToElement({
-                model,
-                view,
-                converterPriority: definition.converterPriority
-            });
-        }
-    }
-    /**
-     * Sets up converters between the model and the view that convert a model attribute to a view element (and vice versa).
-     * For example, a model text node with `"Foo"` as data and the `bold` attribute will be turned to `<strong>Foo</strong>` in the view.
-     *
-     * ```ts
-     * // A simple conversion from the `bold=true` attribute to the `<strong>` view element (and vice versa).
-     * editor.conversion.attributeToElement( { model: 'bold', view: 'strong' } );
-     *
-     * // Override other converters by specifying a converter definition with a higher priority.
-     * editor.conversion.attributeToElement( { model: 'bold', view: 'b', converterPriority: 'high' } );
-     *
-     * // View specified as an object instead of a string.
-     * editor.conversion.attributeToElement( {
-     * 	model: 'bold',
-     * 	view: {
-     * 		name: 'span',
-     * 		classes: 'bold'
-     * 	}
-     * } );
-     *
-     * // Use `config.model.name` to define the conversion only from a given node type, `$text` in this case.
-     * // The same attribute on different elements may then be handled by a different converter.
-     * editor.conversion.attributeToElement( {
-     * 	model: {
-     * 		key: 'textDecoration',
-     * 		values: [ 'underline', 'lineThrough' ],
-     * 		name: '$text'
-     * 	},
-     * 	view: {
-     * 		underline: {
-     * 			name: 'span',
-     * 			styles: {
-     * 				'text-decoration': 'underline'
-     * 			}
-     * 		},
-     * 		lineThrough: {
-     * 			name: 'span',
-     * 			styles: {
-     * 				'text-decoration': 'line-through'
-     * 			}
-     * 		}
-     * 	}
-     * } );
-     *
-     * // Use `upcastAlso` to define other view elements that should also be converted to the `bold` attribute.
-     * editor.conversion.attributeToElement( {
-     * 	model: 'bold',
-     * 	view: 'strong',
-     * 	upcastAlso: [
-     * 		'b',
-     * 		{
-     * 			name: 'span',
-     * 			classes: 'bold'
-     * 		},
-     * 		{
-     * 			name: 'span',
-     * 			styles: {
-     * 				'font-weight': 'bold'
-     * 			}
-     * 		},
-     * 		viewElement => {
-     * 			const fontWeight = viewElement.getStyle( 'font-weight' );
-     *
-     * 			if ( viewElement.is( 'element', 'span' ) && fontWeight && /\d+/.test() && Number( fontWeight ) > 500 ) {
-     * 				// Returned value can be an object with the matched properties.
-     * 				// These properties will be "consumed" during the conversion.
-     * 				// See `engine.view.Matcher~MatcherPattern` and `engine.view.Matcher#match` for more details.
-     *
-     * 				return {
-     * 					name: true,
-     * 					styles: [ 'font-weight' ]
-     * 				};
-     * 			}
-     * 		}
-     * 	]
-     * } );
-     *
-     * // Conversion from and to a model attribute key whose value is an enum (`fontSize=big|small`).
-     * // `upcastAlso` set as callback enables a conversion of a wide range of different view elements.
-     * editor.conversion.attributeToElement( {
-     * 	model: {
-     * 		key: 'fontSize',
-     * 		values: [ 'big', 'small' ]
-     * 	},
-     * 	view: {
-     * 		big: {
-     * 			name: 'span',
-     * 			styles: {
-     * 				'font-size': '1.2em'
-     * 			}
-     * 		},
-     * 		small: {
-     * 			name: 'span',
-     * 			styles: {
-     * 				'font-size': '0.8em'
-     * 			}
-     * 		}
-     * 	},
-     * 	upcastAlso: {
-     * 		big: viewElement => {
-     * 			const fontSize = viewElement.getStyle( 'font-size' );
-     *
-     * 			if ( !fontSize ) {
-     * 				return null;
-     * 			}
-     *
-     * 			const match = fontSize.match( /(\d+)\s*px/ );
-     *
-     * 			if ( !match ) {
-     * 				return null;
-     * 			}
-     *
-     * 			const size = Number( match[ 1 ] );
-     *
-     * 			if ( viewElement.is( 'element', 'span' ) && size > 10 ) {
-     * 				// Returned value can be an object with the matched properties.
-     * 				// These properties will be "consumed" during the conversion.
-     * 				// See `engine.view.Matcher~MatcherPattern` and `engine.view.Matcher#match` for more details.
-     *
-     * 				return { name: true, styles: [ 'font-size' ] };
-     * 			}
-     *
-     * 			return null;
-     * 		},
-     * 		small: viewElement => {
-     * 			const fontSize = viewElement.getStyle( 'font-size' );
-     *
-     * 			if ( !fontSize ) {
-     * 				return null;
-     * 			}
-     *
-     * 			const match = fontSize.match( /(\d+)\s*px/ );
-     *
-     * 			if ( !match ) {
-     * 				return null;
-     * 			}
-     *
-     * 			const size = Number( match[ 1 ] );
-     *
-     * 			if ( viewElement.is( 'element', 'span' ) && size < 10 ) {
-     * 				// Returned value can be an object with the matched properties.
-     * 				// These properties will be "consumed" during the conversion.
-     * 				// See `engine.view.Matcher~MatcherPattern` and `engine.view.Matcher#match` for more details.
-     *
-     * 				return { name: true, styles: [ 'font-size' ] };
-     * 			}
-     *
-     * 			return null;
-     * 		}
-     * 	}
-     * } );
-     * ```
-     *
-     * The `definition.model` parameter specifies which model attribute should be converted from or to. It can be a `{ key, value }` object
-     * describing the attribute key and value to convert or a `String` specifying just the attribute key (in such a case
-     * `value` is set to `true`).
-     *
-     * @param definition The converter definition.
-     */
-    attributeToElement(definition) {
-        // Set up downcast converter.
-        this.for('downcast').attributeToElement(definition);
-        // Set up upcast converter.
-        for (const { model, view } of _getAllUpcastDefinitions(definition)) {
-            this.for('upcast')
-                .elementToAttribute({
-                view,
-                model,
-                converterPriority: definition.converterPriority
-            });
-        }
-    }
-    /**
-     * Sets up converters between the model and the view that convert a model attribute to a view attribute (and vice versa). For example,
-     * `<imageBlock src='foo.jpg'></imageBlock>` is converted to `<img src='foo.jpg'></img>` (the same attribute key and value).
-     * This type of converters is intended to be used with {@link module:engine/model/element~Element model element} nodes.
-     * To convert the text attributes,
-     * the {@link module:engine/conversion/conversion~Conversion#attributeToElement `attributeToElement converter`}should be set up.
-     *
-     * ```ts
-     * // A simple conversion from the `source` model attribute to the `src` view attribute (and vice versa).
-     * editor.conversion.attributeToAttribute( { model: 'source', view: 'src' } );
-     *
-     * // Attribute values are strictly specified.
-     * editor.conversion.attributeToAttribute( {
-     * 	model: {
-     * 		name: 'imageInline',
-     * 		key: 'aside',
-     * 		values: [ 'aside' ]
-     * 	},
-     * 	view: {
-     * 		aside: {
-     * 			name: 'img',
-     * 			key: 'class',
-     * 			value: [ 'aside', 'half-size' ]
-     * 		}
-     * 	}
-     * } );
-     *
-     * // Set the style attribute.
-     * editor.conversion.attributeToAttribute( {
-     * 	model: {
-     * 		name: 'imageInline',
-     * 		key: 'aside',
-     * 		values: [ 'aside' ]
-     * 	},
-     * 	view: {
-     * 		aside: {
-     * 			name: 'img',
-     * 			key: 'style',
-     * 			value: {
-     * 				float: 'right',
-     * 				width: '50%',
-     * 				margin: '5px'
-     * 			}
-     * 		}
-     * 	}
-     * } );
-     *
-     * // Conversion from and to a model attribute key whose value is an enum (`align=right|center`).
-     * // Use `upcastAlso` to define other view elements that should also be converted to the `align=right` attribute.
-     * editor.conversion.attributeToAttribute( {
-     * 	model: {
-     * 		key: 'align',
-     * 		values: [ 'right', 'center' ]
-     * 	},
-     * 	view: {
-     * 		right: {
-     * 			key: 'class',
-     * 			value: 'align-right'
-     * 		},
-     * 		center: {
-     * 			key: 'class',
-     * 			value: 'align-center'
-     * 		}
-     * 	},
-     * 	upcastAlso: {
-     * 		right: {
-     * 			styles: {
-     * 				'text-align': 'right'
-     * 			}
-     * 		},
-     * 		center: {
-     * 			styles: {
-     * 				'text-align': 'center'
-     * 			}
-     * 		}
-     * 	}
-     * } );
-     * ```
-     *
-     * The `definition.model` parameter specifies which model attribute should be converted from and to.
-     * It can be a `{ key, [ values ], [ name ] }` object or a `String`, which will be treated like `{ key: definition.model }`.
-     * The `key` property is the model attribute key to convert from and to.
-     * The `values` are the possible model attribute values. If the `values` parameter is not set, the model attribute value
-     * will be the same as the view attribute value.
-     * If `name` is set, the conversion will be set up only for model elements with the given name.
-     *
-     * The `definition.view` parameter specifies which view attribute should be converted from and to.
-     * It can be a `{ key, value, [ name ] }` object or a `String`, which will be treated like `{ key: definition.view }`.
-     * The `key` property is the view attribute key to convert from and to.
-     * The `value` is the view attribute value to convert from and to. If `definition.value` is not set, the view attribute value will be
-     * the same as the model attribute value.
-     * If `key` is `'class'`, `value` can be a `String` or an array of `String`s.
-     * If `key` is `'style'`, `value` is an object with key-value pairs.
-     * In other cases, `value` is a `String`.
-     * If `name` is set, the conversion will be set up only for model elements with the given name.
-     * If `definition.model.values` is set, `definition.view` is an object that assigns values from `definition.model.values`
-     * to `{ key, value, [ name ] }` objects.
-     *
-     * `definition.upcastAlso` specifies which other matching view elements should also be upcast to the given model configuration.
-     * If `definition.model.values` is set, `definition.upcastAlso` should be an object assigning values from `definition.model.values`
-     * to {@link module:engine/view/matcher~MatcherPattern}s or arrays of {@link module:engine/view/matcher~MatcherPattern}s.
-     *
-     * **Note:** `definition.model` and `definition.view` form should be mirrored, so the same types of parameters should
-     * be given in both parameters.
-     *
-     * @param definition The converter definition.
-     * @param definition.model The model attribute to convert from and to.
-     * @param definition.view The view attribute to convert from and to.
-     * @param definition.upcastAlso Any view element matching `definition.upcastAlso` will also be converted to the given model attribute.
-     * `definition.upcastAlso` is used only if `config.model.values` is specified.
-     */
-    attributeToAttribute(definition) {
-        // Set up downcast converter.
-        this.for('downcast').attributeToAttribute(definition);
-        // Set up upcast converter.
-        for (const { model, view } of _getAllUpcastDefinitions(definition)) {
-            this.for('upcast')
-                .attributeToAttribute({
-                view,
-                model
-            });
-        }
-    }
-    /**
-     * Creates and caches conversion helpers for given dispatchers group.
-     *
-     * @param options.name Group name.
-     */
-    _createConversionHelpers({ name, dispatchers, isDowncast }) {
-        if (this._helpers.has(name)) {
-            /**
-             * Trying to register a group name that has already been registered.
-             *
-             * @error conversion-group-exists
-             */
-            throw new CKEditorError('conversion-group-exists', this);
-        }
-        const helpers = isDowncast ?
-            new DowncastHelpers(dispatchers) :
-            new UpcastHelpers(dispatchers);
-        this._helpers.set(name, helpers);
-    }
-}
-/**
- * Helper function that creates a joint array out of an item passed in `definition.view` and items passed in
- * `definition.upcastAlso`.
- */
-function* _getAllUpcastDefinitions(definition) {
-    if (definition.model.values) {
-        for (const value of definition.model.values) {
-            const model = { key: definition.model.key, value };
-            const view = definition.view[value];
-            const upcastAlso = definition.upcastAlso ? definition.upcastAlso[value] : undefined;
-            yield* _getUpcastDefinition(model, view, upcastAlso);
-        }
-    }
-    else {
-        yield* _getUpcastDefinition(definition.model, definition.view, definition.upcastAlso);
-    }
-}
-function* _getUpcastDefinition(model, view, upcastAlso) {
-    yield { model, view };
-    if (upcastAlso) {
-        for (const upcastAlsoItem of toArray(upcastAlso)) {
-            yield { model, view: upcastAlsoItem };
-        }
-    }
-}
+/**
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module engine/conversion/conversion
+ */
+import { CKEditorError, toArray } from '@ckeditor/ckeditor5-utils';
+import UpcastHelpers from './upcasthelpers';
+import DowncastHelpers from './downcasthelpers';
+/**
+ * A utility class that helps add converters to upcast and downcast dispatchers.
+ *
+ * We recommend reading the {@glink framework/deep-dive/conversion/intro editor conversion} guide first to
+ * understand the core concepts of the conversion mechanisms.
+ *
+ * An instance of the conversion manager is available in the
+ * {@link module:core/editor/editor~Editor#conversion `editor.conversion`} property
+ * and by default has the following groups of dispatchers (i.e. directions of conversion):
+ *
+ * * `downcast` (editing and data downcasts)
+ * * `editingDowncast`
+ * * `dataDowncast`
+ * * `upcast`
+ *
+ * # One-way converters
+ *
+ * To add a converter to a specific group, use the {@link module:engine/conversion/conversion~Conversion#for `for()`}
+ * method:
+ *
+ * ```ts
+ * // Add a converter to editing downcast and data downcast.
+ * editor.conversion.for( 'downcast' ).elementToElement( config ) );
+ *
+ * // Add a converter to the data pipepline only:
+ * editor.conversion.for( 'dataDowncast' ).elementToElement( dataConversionConfig ) );
+ *
+ * // And a slightly different one for the editing pipeline:
+ * editor.conversion.for( 'editingDowncast' ).elementToElement( editingConversionConfig ) );
+ * ```
+ *
+ * See {@link module:engine/conversion/conversion~Conversion#for `for()`} method documentation to learn more about
+ * available conversion helpers and how to use your custom ones.
+ *
+ * # Two-way converters
+ *
+ * Besides using one-way converters via the `for()` method, you can also use other methods available in this
+ * class to add two-way converters (upcast and downcast):
+ *
+ * * {@link module:engine/conversion/conversion~Conversion#elementToElement `elementToElement()`} &ndash;
+ * Model element to view element and vice versa.
+ * * {@link module:engine/conversion/conversion~Conversion#attributeToElement `attributeToElement()`} &ndash;
+ * Model attribute to view element and vice versa.
+ * * {@link module:engine/conversion/conversion~Conversion#attributeToAttribute `attributeToAttribute()`} &ndash;
+ * Model attribute to view attribute and vice versa.
+ */
+export default class Conversion {
+    /**
+     * Creates a new conversion instance.
+     */
+    constructor(downcastDispatchers, upcastDispatchers) {
+        /**
+         * Maps dispatchers group name to ConversionHelpers instances.
+         */
+        this._helpers = new Map();
+        // Define default 'downcast' & 'upcast' dispatchers groups. Those groups are always available as two-way converters needs them.
+        this._downcast = toArray(downcastDispatchers);
+        this._createConversionHelpers({ name: 'downcast', dispatchers: this._downcast, isDowncast: true });
+        this._upcast = toArray(upcastDispatchers);
+        this._createConversionHelpers({ name: 'upcast', dispatchers: this._upcast, isDowncast: false });
+    }
+    /**
+     * Define an alias for registered dispatcher.
+     *
+     * ```ts
+     * const conversion = new Conversion(
+     * 	[ dataDowncastDispatcher, editingDowncastDispatcher ],
+     * 	upcastDispatcher
+     * );
+     *
+     * conversion.addAlias( 'dataDowncast', dataDowncastDispatcher );
+     * ```
+     *
+     * @param alias An alias of a dispatcher.
+     * @param dispatcher Dispatcher which should have an alias.
+     */
+    addAlias(alias, dispatcher) {
+        const isDowncast = this._downcast.includes(dispatcher);
+        const isUpcast = this._upcast.includes(dispatcher);
+        if (!isUpcast && !isDowncast) {
+            /**
+             * Trying to register an alias for a dispatcher that nas not been registered.
+             *
+             * @error conversion-add-alias-dispatcher-not-registered
+             */
+            throw new CKEditorError('conversion-add-alias-dispatcher-not-registered', this);
+        }
+        this._createConversionHelpers({ name: alias, dispatchers: [dispatcher], isDowncast });
+    }
+    /**
+     * Provides a chainable API to assign converters to a conversion dispatchers group.
+     *
+     * If the given group name has not been registered, the
+     * {@link module:utils/ckeditorerror~CKEditorError `conversion-for-unknown-group` error} is thrown.
+     *
+     * You can use conversion helpers available directly in the `for()` chain or your custom ones via
+     * the {@link module:engine/conversion/conversionhelpers~ConversionHelpers#add `add()`} method.
+     *
+     * # Using built-in conversion helpers
+     *
+     * The `for()` chain comes with a set of conversion helpers which you can use like this:
+     *
+     * ```ts
+     * editor.conversion.for( 'downcast' )
+     * 	.elementToElement( config1 )        // Adds an element-to-element downcast converter.
+     * 	.attributeToElement( config2 );     // Adds an attribute-to-element downcast converter.
+     *
+     * editor.conversion.for( 'upcast' )
+     * 	.elementToAttribute( config3 );     // Adds an element-to-attribute upcast converter.
+     * ```
+     *
+     * Refer to the documentation of built-in conversion helpers to learn about their configuration options.
+     *
+     * * downcast (model-to-view) conversion helpers:
+     *
+     *	* {@link module:engine/conversion/downcasthelpers~DowncastHelpers#elementToElement `elementToElement()`},
+     *	* {@link module:engine/conversion/downcasthelpers~DowncastHelpers#attributeToElement `attributeToElement()`},
+     *	* {@link module:engine/conversion/downcasthelpers~DowncastHelpers#attributeToAttribute `attributeToAttribute()`}.
+     *	* {@link module:engine/conversion/downcasthelpers~DowncastHelpers#markerToElement `markerToElement()`}.
+     *	* {@link module:engine/conversion/downcasthelpers~DowncastHelpers#markerToHighlight `markerToHighlight()`}.
+     *
+     * * upcast (view-to-model) conversion helpers:
+     *
+     *	* {@link module:engine/conversion/upcasthelpers~UpcastHelpers#elementToElement `elementToElement()`},
+     *	* {@link module:engine/conversion/upcasthelpers~UpcastHelpers#elementToAttribute `elementToAttribute()`},
+     *	* {@link module:engine/conversion/upcasthelpers~UpcastHelpers#attributeToAttribute `attributeToAttribute()`}.
+     *	* {@link module:engine/conversion/upcasthelpers~UpcastHelpers#elementToMarker `elementToMarker()`}.
+     *
+     * # Using custom conversion helpers
+     *
+     * If you need to implement an atypical converter, you can do so by calling:
+     *
+     * ```ts
+     * editor.conversion.for( direction ).add( customHelper );
+     * ```
+     *
+     * The `.add()` method takes exactly one parameter, which is a function. This function should accept one parameter that
+     * is a dispatcher instance. The function should add an actual converter to the passed dispatcher instance.
+     *
+     * Example:
+     *
+     * ```ts
+     * editor.conversion.for( 'upcast' ).add( dispatcher => {
+     * 	dispatcher.on( 'element:a',  ( evt, data, conversionApi ) => {
+     * 		// Do something with a view <a> element.
+     * 	} );
+     * } );
+     * ```
+     *
+     * Refer to the documentation of {@link module:engine/conversion/upcastdispatcher~UpcastDispatcher}
+     * and {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher} to learn how to write
+     * custom converters.
+     *
+     * @param groupName The name of dispatchers group to add the converters to.
+     */
+    for(groupName) {
+        if (!this._helpers.has(groupName)) {
+            /**
+             * Trying to add a converter to an unknown dispatchers group.
+             *
+             * @error conversion-for-unknown-group
+             */
+            throw new CKEditorError('conversion-for-unknown-group', this);
+        }
+        return this._helpers.get(groupName);
+    }
+    /**
+     * Sets up converters between the model and the view that convert a model element to a view element (and vice versa).
+     * For example, the model `<paragraph>Foo</paragraph>` is turned into `<p>Foo</p>` in the view.
+     *
+     * ```ts
+     * // A simple conversion from the `paragraph` model element to the `<p>` view element (and vice versa).
+     * editor.conversion.elementToElement( { model: 'paragraph', view: 'p' } );
+     *
+     * // Override other converters by specifying a converter definition with a higher priority.
+     * editor.conversion.elementToElement( { model: 'paragraph', view: 'div', converterPriority: 'high' } );
+     *
+     * // View specified as an object instead of a string.
+     * editor.conversion.elementToElement( {
+     * 	model: 'fancyParagraph',
+     * 	view: {
+     * 		name: 'p',
+     * 		classes: 'fancy'
+     * 	}
+     * } );
+     *
+     * // Use `upcastAlso` to define other view elements that should also be converted to a `paragraph` element.
+     * editor.conversion.elementToElement( {
+     * 	model: 'paragraph',
+     * 	view: 'p',
+     * 	upcastAlso: [
+     * 		'div',
+     * 		{
+     * 			// Any element with the `display: block` style.
+     * 			styles: {
+     * 				display: 'block'
+     * 			}
+     * 		}
+     * 	]
+     * } );
+     *
+     * // `upcastAlso` set as callback enables a conversion of a wide range of different view elements.
+     * editor.conversion.elementToElement( {
+     * 	model: 'heading',
+     * 	view: 'h2',
+     * 	// Convert "heading-like" paragraphs to headings.
+     * 	upcastAlso: viewElement => {
+     * 		const fontSize = viewElement.getStyle( 'font-size' );
+     *
+     * 		if ( !fontSize ) {
+     * 			return null;
+     * 		}
+     *
+     * 		const match = fontSize.match( /(\d+)\s*px/ );
+     *
+     * 		if ( !match ) {
+     * 			return null;
+     * 		}
+     *
+     * 		const size = Number( match[ 1 ] );
+     *
+     * 		if ( size > 26 ) {
+     * 			// Returned value can be an object with the matched properties.
+     * 			// These properties will be "consumed" during the conversion.
+     * 			// See `engine.view.Matcher~MatcherPattern` and `engine.view.Matcher#match` for more details.
+     *
+     * 			return { name: true, styles: [ 'font-size' ] };
+     * 		}
+     *
+     * 		return null;
+     * 	}
+     * } );
+     * ```
+     *
+     * `definition.model` is a `String` with a model element name to convert from or to.
+     *
+     * @param definition The converter definition.
+     */
+    elementToElement(definition) {
+        // Set up downcast converter.
+        this.for('downcast').elementToElement(definition);
+        // Set up upcast converter.
+        for (const { model, view } of _getAllUpcastDefinitions(definition)) {
+            this.for('upcast')
+                .elementToElement({
+                model,
+                view,
+                converterPriority: definition.converterPriority
+            });
+        }
+    }
+    /**
+     * Sets up converters between the model and the view that convert a model attribute to a view element (and vice versa).
+     * For example, a model text node with `"Foo"` as data and the `bold` attribute will be turned to `<strong>Foo</strong>` in the view.
+     *
+     * ```ts
+     * // A simple conversion from the `bold=true` attribute to the `<strong>` view element (and vice versa).
+     * editor.conversion.attributeToElement( { model: 'bold', view: 'strong' } );
+     *
+     * // Override other converters by specifying a converter definition with a higher priority.
+     * editor.conversion.attributeToElement( { model: 'bold', view: 'b', converterPriority: 'high' } );
+     *
+     * // View specified as an object instead of a string.
+     * editor.conversion.attributeToElement( {
+     * 	model: 'bold',
+     * 	view: {
+     * 		name: 'span',
+     * 		classes: 'bold'
+     * 	}
+     * } );
+     *
+     * // Use `config.model.name` to define the conversion only from a given node type, `$text` in this case.
+     * // The same attribute on different elements may then be handled by a different converter.
+     * editor.conversion.attributeToElement( {
+     * 	model: {
+     * 		key: 'textDecoration',
+     * 		values: [ 'underline', 'lineThrough' ],
+     * 		name: '$text'
+     * 	},
+     * 	view: {
+     * 		underline: {
+     * 			name: 'span',
+     * 			styles: {
+     * 				'text-decoration': 'underline'
+     * 			}
+     * 		},
+     * 		lineThrough: {
+     * 			name: 'span',
+     * 			styles: {
+     * 				'text-decoration': 'line-through'
+     * 			}
+     * 		}
+     * 	}
+     * } );
+     *
+     * // Use `upcastAlso` to define other view elements that should also be converted to the `bold` attribute.
+     * editor.conversion.attributeToElement( {
+     * 	model: 'bold',
+     * 	view: 'strong',
+     * 	upcastAlso: [
+     * 		'b',
+     * 		{
+     * 			name: 'span',
+     * 			classes: 'bold'
+     * 		},
+     * 		{
+     * 			name: 'span',
+     * 			styles: {
+     * 				'font-weight': 'bold'
+     * 			}
+     * 		},
+     * 		viewElement => {
+     * 			const fontWeight = viewElement.getStyle( 'font-weight' );
+     *
+     * 			if ( viewElement.is( 'element', 'span' ) && fontWeight && /\d+/.test() && Number( fontWeight ) > 500 ) {
+     * 				// Returned value can be an object with the matched properties.
+     * 				// These properties will be "consumed" during the conversion.
+     * 				// See `engine.view.Matcher~MatcherPattern` and `engine.view.Matcher#match` for more details.
+     *
+     * 				return {
+     * 					name: true,
+     * 					styles: [ 'font-weight' ]
+     * 				};
+     * 			}
+     * 		}
+     * 	]
+     * } );
+     *
+     * // Conversion from and to a model attribute key whose value is an enum (`fontSize=big|small`).
+     * // `upcastAlso` set as callback enables a conversion of a wide range of different view elements.
+     * editor.conversion.attributeToElement( {
+     * 	model: {
+     * 		key: 'fontSize',
+     * 		values: [ 'big', 'small' ]
+     * 	},
+     * 	view: {
+     * 		big: {
+     * 			name: 'span',
+     * 			styles: {
+     * 				'font-size': '1.2em'
+     * 			}
+     * 		},
+     * 		small: {
+     * 			name: 'span',
+     * 			styles: {
+     * 				'font-size': '0.8em'
+     * 			}
+     * 		}
+     * 	},
+     * 	upcastAlso: {
+     * 		big: viewElement => {
+     * 			const fontSize = viewElement.getStyle( 'font-size' );
+     *
+     * 			if ( !fontSize ) {
+     * 				return null;
+     * 			}
+     *
+     * 			const match = fontSize.match( /(\d+)\s*px/ );
+     *
+     * 			if ( !match ) {
+     * 				return null;
+     * 			}
+     *
+     * 			const size = Number( match[ 1 ] );
+     *
+     * 			if ( viewElement.is( 'element', 'span' ) && size > 10 ) {
+     * 				// Returned value can be an object with the matched properties.
+     * 				// These properties will be "consumed" during the conversion.
+     * 				// See `engine.view.Matcher~MatcherPattern` and `engine.view.Matcher#match` for more details.
+     *
+     * 				return { name: true, styles: [ 'font-size' ] };
+     * 			}
+     *
+     * 			return null;
+     * 		},
+     * 		small: viewElement => {
+     * 			const fontSize = viewElement.getStyle( 'font-size' );
+     *
+     * 			if ( !fontSize ) {
+     * 				return null;
+     * 			}
+     *
+     * 			const match = fontSize.match( /(\d+)\s*px/ );
+     *
+     * 			if ( !match ) {
+     * 				return null;
+     * 			}
+     *
+     * 			const size = Number( match[ 1 ] );
+     *
+     * 			if ( viewElement.is( 'element', 'span' ) && size < 10 ) {
+     * 				// Returned value can be an object with the matched properties.
+     * 				// These properties will be "consumed" during the conversion.
+     * 				// See `engine.view.Matcher~MatcherPattern` and `engine.view.Matcher#match` for more details.
+     *
+     * 				return { name: true, styles: [ 'font-size' ] };
+     * 			}
+     *
+     * 			return null;
+     * 		}
+     * 	}
+     * } );
+     * ```
+     *
+     * The `definition.model` parameter specifies which model attribute should be converted from or to. It can be a `{ key, value }` object
+     * describing the attribute key and value to convert or a `String` specifying just the attribute key (in such a case
+     * `value` is set to `true`).
+     *
+     * @param definition The converter definition.
+     */
+    attributeToElement(definition) {
+        // Set up downcast converter.
+        this.for('downcast').attributeToElement(definition);
+        // Set up upcast converter.
+        for (const { model, view } of _getAllUpcastDefinitions(definition)) {
+            this.for('upcast')
+                .elementToAttribute({
+                view,
+                model,
+                converterPriority: definition.converterPriority
+            });
+        }
+    }
+    /**
+     * Sets up converters between the model and the view that convert a model attribute to a view attribute (and vice versa). For example,
+     * `<imageBlock src='foo.jpg'></imageBlock>` is converted to `<img src='foo.jpg'></img>` (the same attribute key and value).
+     * This type of converters is intended to be used with {@link module:engine/model/element~Element model element} nodes.
+     * To convert the text attributes,
+     * the {@link module:engine/conversion/conversion~Conversion#attributeToElement `attributeToElement converter`}should be set up.
+     *
+     * ```ts
+     * // A simple conversion from the `source` model attribute to the `src` view attribute (and vice versa).
+     * editor.conversion.attributeToAttribute( { model: 'source', view: 'src' } );
+     *
+     * // Attribute values are strictly specified.
+     * editor.conversion.attributeToAttribute( {
+     * 	model: {
+     * 		name: 'imageInline',
+     * 		key: 'aside',
+     * 		values: [ 'aside' ]
+     * 	},
+     * 	view: {
+     * 		aside: {
+     * 			name: 'img',
+     * 			key: 'class',
+     * 			value: [ 'aside', 'half-size' ]
+     * 		}
+     * 	}
+     * } );
+     *
+     * // Set the style attribute.
+     * editor.conversion.attributeToAttribute( {
+     * 	model: {
+     * 		name: 'imageInline',
+     * 		key: 'aside',
+     * 		values: [ 'aside' ]
+     * 	},
+     * 	view: {
+     * 		aside: {
+     * 			name: 'img',
+     * 			key: 'style',
+     * 			value: {
+     * 				float: 'right',
+     * 				width: '50%',
+     * 				margin: '5px'
+     * 			}
+     * 		}
+     * 	}
+     * } );
+     *
+     * // Conversion from and to a model attribute key whose value is an enum (`align=right|center`).
+     * // Use `upcastAlso` to define other view elements that should also be converted to the `align=right` attribute.
+     * editor.conversion.attributeToAttribute( {
+     * 	model: {
+     * 		key: 'align',
+     * 		values: [ 'right', 'center' ]
+     * 	},
+     * 	view: {
+     * 		right: {
+     * 			key: 'class',
+     * 			value: 'align-right'
+     * 		},
+     * 		center: {
+     * 			key: 'class',
+     * 			value: 'align-center'
+     * 		}
+     * 	},
+     * 	upcastAlso: {
+     * 		right: {
+     * 			styles: {
+     * 				'text-align': 'right'
+     * 			}
+     * 		},
+     * 		center: {
+     * 			styles: {
+     * 				'text-align': 'center'
+     * 			}
+     * 		}
+     * 	}
+     * } );
+     * ```
+     *
+     * The `definition.model` parameter specifies which model attribute should be converted from and to.
+     * It can be a `{ key, [ values ], [ name ] }` object or a `String`, which will be treated like `{ key: definition.model }`.
+     * The `key` property is the model attribute key to convert from and to.
+     * The `values` are the possible model attribute values. If the `values` parameter is not set, the model attribute value
+     * will be the same as the view attribute value.
+     * If `name` is set, the conversion will be set up only for model elements with the given name.
+     *
+     * The `definition.view` parameter specifies which view attribute should be converted from and to.
+     * It can be a `{ key, value, [ name ] }` object or a `String`, which will be treated like `{ key: definition.view }`.
+     * The `key` property is the view attribute key to convert from and to.
+     * The `value` is the view attribute value to convert from and to. If `definition.value` is not set, the view attribute value will be
+     * the same as the model attribute value.
+     * If `key` is `'class'`, `value` can be a `String` or an array of `String`s.
+     * If `key` is `'style'`, `value` is an object with key-value pairs.
+     * In other cases, `value` is a `String`.
+     * If `name` is set, the conversion will be set up only for model elements with the given name.
+     * If `definition.model.values` is set, `definition.view` is an object that assigns values from `definition.model.values`
+     * to `{ key, value, [ name ] }` objects.
+     *
+     * `definition.upcastAlso` specifies which other matching view elements should also be upcast to the given model configuration.
+     * If `definition.model.values` is set, `definition.upcastAlso` should be an object assigning values from `definition.model.values`
+     * to {@link module:engine/view/matcher~MatcherPattern}s or arrays of {@link module:engine/view/matcher~MatcherPattern}s.
+     *
+     * **Note:** `definition.model` and `definition.view` form should be mirrored, so the same types of parameters should
+     * be given in both parameters.
+     *
+     * @param definition The converter definition.
+     * @param definition.model The model attribute to convert from and to.
+     * @param definition.view The view attribute to convert from and to.
+     * @param definition.upcastAlso Any view element matching `definition.upcastAlso` will also be converted to the given model attribute.
+     * `definition.upcastAlso` is used only if `config.model.values` is specified.
+     */
+    attributeToAttribute(definition) {
+        // Set up downcast converter.
+        this.for('downcast').attributeToAttribute(definition);
+        // Set up upcast converter.
+        for (const { model, view } of _getAllUpcastDefinitions(definition)) {
+            this.for('upcast')
+                .attributeToAttribute({
+                view,
+                model
+            });
+        }
+    }
+    /**
+     * Creates and caches conversion helpers for given dispatchers group.
+     *
+     * @param options.name Group name.
+     */
+    _createConversionHelpers({ name, dispatchers, isDowncast }) {
+        if (this._helpers.has(name)) {
+            /**
+             * Trying to register a group name that has already been registered.
+             *
+             * @error conversion-group-exists
+             */
+            throw new CKEditorError('conversion-group-exists', this);
+        }
+        const helpers = isDowncast ?
+            new DowncastHelpers(dispatchers) :
+            new UpcastHelpers(dispatchers);
+        this._helpers.set(name, helpers);
+    }
+}
+/**
+ * Helper function that creates a joint array out of an item passed in `definition.view` and items passed in
+ * `definition.upcastAlso`.
+ */
+function* _getAllUpcastDefinitions(definition) {
+    if (definition.model.values) {
+        for (const value of definition.model.values) {
+            const model = { key: definition.model.key, value };
+            const view = definition.view[value];
+            const upcastAlso = definition.upcastAlso ? definition.upcastAlso[value] : undefined;
+            yield* _getUpcastDefinition(model, view, upcastAlso);
+        }
+    }
+    else {
+        yield* _getUpcastDefinition(definition.model, definition.view, definition.upcastAlso);
+    }
+}
+function* _getUpcastDefinition(model, view, upcastAlso) {
+    yield { model, view };
+    if (upcastAlso) {
+        for (const upcastAlsoItem of toArray(upcastAlso)) {
+            yield { model, view: upcastAlsoItem };
+        }
+    }
+}