@ckeditor/ckeditor5-engine 44.1.0 → 44.2.0-alpha.0

package/dist/view/filler.d.ts

@@ -1,115 +0,0 @@
-/**
- * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-/**
- * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-import type View from './view.js';
-/**
- * Set of utilities related to handling block and inline fillers.
- *
- * Browsers do not allow to put caret in elements which does not have height. Because of it, we need to fill all
- * empty elements which should be selectable with elements or characters called "fillers". Unfortunately there is no one
- * universal filler, this is why two types are uses:
- *
- * * Block filler is an element which fill block elements, like `<p>`. CKEditor uses `<br>` as a block filler during the editing,
- * as browsers do natively. So instead of an empty `<p>` there will be `<p><br></p>`. The advantage of block filler is that
- * it is transparent for the selection, so when the caret is before the `<br>` and user presses right arrow he will be
- * moved to the next paragraph, not after the `<br>`. The disadvantage is that it breaks a block, so it can not be used
- * in the middle of a line of text. The {@link module:engine/view/filler~BR_FILLER `<br>` filler} can be replaced with any other
- * character in the data output, for instance {@link module:engine/view/filler~NBSP_FILLER non-breaking space} or
- * {@link module:engine/view/filler~MARKED_NBSP_FILLER marked non-breaking space}.
- *
- * * Inline filler is a filler which does not break a line of text, so it can be used inside the text, for instance in the empty
- * `<b>` surrendered by text: `foo<b></b>bar`, if we want to put the caret there. CKEditor uses a sequence of the zero-width
- * spaces as an {@link module:engine/view/filler~INLINE_FILLER inline filler} having the predetermined
- * {@link module:engine/view/filler~INLINE_FILLER_LENGTH length}. A sequence is used, instead of a single character to
- * avoid treating random zero-width spaces as the inline filler. Disadvantage of the inline filler is that it is not
- * transparent for the selection. The arrow key moves the caret between zero-width spaces characters, so the additional
- * code is needed to handle the caret.
- *
- * Both inline and block fillers are handled by the {@link module:engine/view/renderer~Renderer renderer} and are not present in the
- * view.
- *
- * @module engine/view/filler
- */
-/**
- * Non-breaking space filler creator. This function creates the `&nbsp;` text node.
- * It defines how the filler is created.
- *
- * @see module:engine/view/filler~MARKED_NBSP_FILLER
- * @see module:engine/view/filler~BR_FILLER
- */
-export declare const NBSP_FILLER: (domDocument: Document) => Text;
-/**
- * Marked non-breaking space filler creator. This function creates the `<span data-cke-filler="true">&nbsp;</span>` element.
- * It defines how the filler is created.
- *
- * @see module:engine/view/filler~NBSP_FILLER
- * @see module:engine/view/filler~BR_FILLER
- */
-export declare const MARKED_NBSP_FILLER: (domDocument: Document) => HTMLSpanElement;
-/**
- * `<br>` filler creator. This function creates the `<br data-cke-filler="true">` element.
- * It defines how the filler is created.
- *
- * @see module:engine/view/filler~NBSP_FILLER
- * @see module:engine/view/filler~MARKED_NBSP_FILLER
- */
-export declare const BR_FILLER: (domDocument: Document) => HTMLBRElement;
-/**
- * Length of the {@link module:engine/view/filler~INLINE_FILLER INLINE_FILLER}.
- */
-export declare const INLINE_FILLER_LENGTH = 7;
-/**
- * Inline filler which is a sequence of the word joiners.
- */
-export declare const INLINE_FILLER: string;
-/**
- * Checks if the node is a text node which starts with the {@link module:engine/view/filler~INLINE_FILLER inline filler}.
- *
- * ```ts
- * startsWithFiller( document.createTextNode( INLINE_FILLER ) ); // true
- * startsWithFiller( document.createTextNode( INLINE_FILLER + 'foo' ) ); // true
- * startsWithFiller( document.createTextNode( 'foo' ) ); // false
- * startsWithFiller( document.createElement( 'p' ) ); // false
- * ```
- *
- * @param domNode DOM node.
- * @returns True if the text node starts with the {@link module:engine/view/filler~INLINE_FILLER inline filler}.
- */
-export declare function startsWithFiller(domNode: Node | string): boolean;
-/**
- * Checks if the text node contains only the {@link module:engine/view/filler~INLINE_FILLER inline filler}.
- *
- * ```ts
- * isInlineFiller( document.createTextNode( INLINE_FILLER ) ); // true
- * isInlineFiller( document.createTextNode( INLINE_FILLER + 'foo' ) ); // false
- * ```
- *
- * @param domText DOM text node.
- * @returns True if the text node contains only the {@link module:engine/view/filler~INLINE_FILLER inline filler}.
- */
-export declare function isInlineFiller(domText: Text): boolean;
-/**
- * Get string data from the text node, removing an {@link module:engine/view/filler~INLINE_FILLER inline filler} from it,
- * if text node contains it.
- *
- * ```ts
- * getDataWithoutFiller( document.createTextNode( INLINE_FILLER + 'foo' ) ) == 'foo' // true
- * getDataWithoutFiller( document.createTextNode( 'foo' ) ) == 'foo' // true
- * ```
- *
- * @param domText DOM text node, possible with inline filler.
- * @returns Data without filler.
- */
-export declare function getDataWithoutFiller(domText: Text | string): string;
-/**
- * Assign key observer which move cursor from the end of the inline filler to the beginning of it when
- * the left arrow is pressed, so the filler does not break navigation.
- *
- * @param view View controller instance we should inject quirks handling on.
- */
-export declare function injectQuirksHandling(view: View): void;

package/dist/view/item.d.ts

@@ -1,18 +0,0 @@
-/**
- * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-/**
- * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-import type Node from './node.js';
-import type TextProxy from './textproxy.js';
-/**
- * @module engine/view/item
- */
-/**
- * Item is a {@link module:engine/view/node~Node Node} or {@link module:engine/view/textproxy~TextProxy TextProxy}.
- */
-type Item = Node | TextProxy;
-export default Item;

package/dist/view/matcher.d.ts

@@ -1,490 +0,0 @@
-/**
- * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-/**
- * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-/**
- * @module engine/view/matcher
- */
-import type Element from './element.js';
-/**
- * View matcher class.
- * Instance of this class can be used to find {@link module:engine/view/element~Element elements} that match given pattern.
- */
-export default class Matcher {
-    private readonly _patterns;
-    /**
-     * Creates new instance of Matcher.
-     *
-     * @param pattern Match patterns. See {@link module:engine/view/matcher~Matcher#add add method} for more information.
-     */
-    constructor(...pattern: Array<MatcherPattern>);
-    /**
-     * Adds pattern or patterns to matcher instance.
-     *
-     * ```ts
-     * // String.
-     * matcher.add( 'div' );
-     *
-     * // Regular expression.
-     * matcher.add( /^\w/ );
-     *
-     * // Single class.
-     * matcher.add( {
-     * 	classes: 'foobar'
-     * } );
-     * ```
-     *
-     * See {@link module:engine/view/matcher~MatcherPattern} for more examples.
-     *
-     * Multiple patterns can be added in one call:
-     *
-     * ```ts
-     * matcher.add( 'div', { classes: 'foobar' } );
-     * ```
-     *
-     * @param pattern Object describing pattern details. If string or regular expression
-     * is provided it will be used to match element's name. Pattern can be also provided in a form
-     * of a function - then this function will be called with each {@link module:engine/view/element~Element element} as a parameter.
-     * Function's return value will be stored under `match` key of the object returned from
-     * {@link module:engine/view/matcher~Matcher#match match} or {@link module:engine/view/matcher~Matcher#matchAll matchAll} methods.
-     */
-    add(...pattern: Array<MatcherPattern>): void;
-    /**
-     * Matches elements for currently stored patterns. Returns match information about first found
-     * {@link module:engine/view/element~Element element}, otherwise returns `null`.
-     *
-     * Example of returned object:
-     *
-     * ```ts
-     * {
-     * 	element: <instance of found element>,
-     * 	pattern: <pattern used to match found element>,
-     * 	match: {
-     * 		name: true,
-     * 		attributes: [ 'title', 'href' ],
-     * 		classes: [ 'foo' ],
-     * 		styles: [ 'color', 'position' ]
-     * 	}
-     * }
-     * ```
-     *
-     * @see module:engine/view/matcher~Matcher#add
-     * @see module:engine/view/matcher~Matcher#matchAll
-     * @param element View element to match against stored patterns.
-     */
-    match(...element: Array<Element>): MatchResult | null;
-    /**
-     * Matches elements for currently stored patterns. Returns array of match information with all found
-     * {@link module:engine/view/element~Element elements}. If no element is found - returns `null`.
-     *
-     * @see module:engine/view/matcher~Matcher#add
-     * @see module:engine/view/matcher~Matcher#match
-     * @param element View element to match against stored patterns.
-     * @returns Array with match information about found elements or `null`. For more information
-     * see {@link module:engine/view/matcher~Matcher#match match method} description.
-     */
-    matchAll(...element: Array<Element>): Array<MatchResult> | null;
-    /**
-     * Returns the name of the element to match if there is exactly one pattern added to the matcher instance
-     * and it matches element name defined by `string` (not `RegExp`). Otherwise, returns `null`.
-     *
-     * @returns Element name trying to match.
-     */
-    getElementName(): string | null;
-}
-/**
- * An entity that is a valid pattern recognized by a matcher. `MatcherPattern` is used by {@link ~Matcher} to recognize
- * if a view element fits in a group of view elements described by the pattern.
- *
- * `MatcherPattern` can be given as a `String`, a `RegExp`, an `Object` or a `Function`.
- *
- * If `MatcherPattern` is given as a `String` or `RegExp`, it will match any view element that has a matching name:
- *
- * ```ts
- * // Match any element with name equal to 'div'.
- * const pattern = 'div';
- *
- * // Match any element which name starts on 'p'.
- * const pattern = /^p/;
- * ```
- *
- * If `MatcherPattern` is given as an `Object`, all the object's properties will be matched with view element properties.
- * If the view element does not meet all of the object's pattern properties, the match will not happen.
- * Available `Object` matching properties:
- *
- * Matching view element:
- *
- * ```ts
- * // Match view element's name using String:
- * const pattern = { name: 'p' };
- *
- * // or by providing RegExp:
- * const pattern = { name: /^(ul|ol)$/ };
- *
- * // The name can also be skipped to match any view element with matching attributes:
- * const pattern = {
- * 	attributes: {
- * 		'title': true
- * 	}
- * };
- * ```
- *
- * Matching view element attributes:
- *
- * ```ts
- * // Match view element with any attribute value.
- * const pattern = {
- * 	name: 'p',
- * 	attributes: true
- * };
- *
- * // Match view element which has matching attributes (String).
- * const pattern = {
- * 	name: 'figure',
- * 	attributes: 'title' // Match title attribute (can be empty).
- * };
- *
- * // Match view element which has matching attributes (RegExp).
- * const pattern = {
- * 	name: 'figure',
- * 	attributes: /^data-.*$/ // Match attributes starting with `data-` e.g. `data-foo` with any value (can be empty).
- * };
- *
- * // Match view element which has matching attributes (Object).
- * const pattern = {
- * 	name: 'figure',
- * 	attributes: {
- * 		title: 'foobar',           // Match `title` attribute with 'foobar' value.
- * 		alt: true,                 // Match `alt` attribute with any value (can be empty).
- * 		'data-type': /^(jpg|png)$/ // Match `data-type` attribute with `jpg` or `png` value.
- * 	}
- * };
- *
- * // Match view element which has matching attributes (Array).
- * const pattern = {
- * 	name: 'figure',
- * 	attributes: [
- * 		'title',    // Match `title` attribute (can be empty).
- * 		/^data-*$/ // Match attributes starting with `data-` e.g. `data-foo` with any value (can be empty).
- * 	]
- * };
- *
- * // Match view element which has matching attributes (key-value pairs).
- * const pattern = {
- * 	name: 'input',
- * 	attributes: [
- * 		{
- * 			key: 'type',                     // Match `type` as an attribute key.
- * 			value: /^(text|number|date)$/	 // Match `text`, `number` or `date` values.
- * 		},
- * 		{
- * 			key: /^data-.*$/,                // Match attributes starting with `data-` e.g. `data-foo`.
- * 			value: true                      // Match any value (can be empty).
- * 		}
- * 	]
- * };
- * ```
- *
- * Matching view element styles:
- *
- * ```ts
- * // Match view element with any style.
- * const pattern = {
- * 	name: 'p',
- * 	styles: true
- * };
- *
- * // Match view element which has matching styles (String).
- * const pattern = {
- * 	name: 'p',
- * 	styles: 'color' // Match attributes with `color` style.
- * };
- *
- * // Match view element which has matching styles (RegExp).
- * const pattern = {
- * 	name: 'p',
- * 	styles: /^border.*$/ // Match view element with any border style.
- * };
- *
- * // Match view element which has matching styles (Object).
- * const pattern = {
- * 	name: 'p',
- * 	styles: {
- * 		color: /rgb\((\d{1,3}), (\d{1,3}), (\d{1,3})\)/, // Match `color` in RGB format only.
- * 		'font-weight': 600,                              // Match `font-weight` only if it's `600`.
- * 		'text-decoration': true                          // Match any text decoration.
- * 	}
- * };
- *
- * // Match view element which has matching styles (Array).
- * const pattern = {
- * 	name: 'p',
- * 	styles: [
- * 		'color',      // Match `color` with any value.
- * 		/^border.*$/ // Match all border properties.
- * 	]
- * };
- *
- * // Match view element which has matching styles (key-value pairs).
- * const pattern = {
- * 	name: 'p',
- * 	styles: [
- * 		{
- * 			key: 'color',                                  		// Match `color` as an property key.
- * 			value: /rgb\((\d{1,3}), (\d{1,3}), (\d{1,3})\)/		// Match RGB format only.
- * 		},
- * 		{
- * 			key: /^border.*$/, // Match any border style.
- * 			value: true        // Match any value.
- * 		}
- * 	]
- * };
- * ```
- *
- * Matching view element classes:
- *
- * ```ts
- * // Match view element with any class.
- * const pattern = {
- * 	name: 'p',
- * 	classes: true
- * };
- *
- * // Match view element which has matching class (String).
- * const pattern = {
- * 	name: 'p',
- * 	classes: 'highlighted' // Match `highlighted` class.
- * };
- *
- * // Match view element which has matching classes (RegExp).
- * const pattern = {
- * 	name: 'figure',
- * 	classes: /^image-side-(left|right)$/ // Match `image-side-left` or `image-side-right` class.
- * };
- *
- * // Match view element which has matching classes (Object).
- * const pattern = {
- * 	name: 'p',
- * 	classes: {
- * 		highlighted: true, // Match `highlighted` class.
- * 		marker: true       // Match `marker` class.
- * 	}
- * };
- *
- * // Match view element which has matching classes (Array).
- * const pattern = {
- * 	name: 'figure',
- * 	classes: [
- * 		'image',                    // Match `image` class.
- * 		/^image-side-(left|right)$/ // Match `image-side-left` or `image-side-right` class.
- * 	]
- * };
- *
- * // Match view element which has matching classes (key-value pairs).
- * const pattern = {
- * 	name: 'figure',
- * 	classes: [
- * 		{
- * 			key: 'image', // Match `image` class.
- * 			value: true
- * 		},
- * 		{
- * 			key: /^image-side-(left|right)$/, // Match `image-side-left` or `image-side-right` class.
- * 			value: true
- * 		}
- * 	]
- * };
- * ```
- *
- * Pattern can combine multiple properties allowing for more complex view element matching:
- *
- * ```ts
- * const pattern = {
- * 	name: 'span',
- * 	attributes: [ 'title' ],
- * 	styles: {
- * 		'font-weight': 'bold'
- * 	},
- * 	classes: 'highlighted'
- * };
- * ```
- *
- * If `MatcherPattern` is given as a `Function`, the function takes a view element as a first and only parameter and
- * the function should decide whether that element matches. If so, it should return what part of the view element has been matched.
- * Otherwise, the function should return `null`. The returned result will be included in `match` property of the object
- * returned by {@link ~Matcher#match} call.
- *
- * ```ts
- * // Match an empty <div> element.
- * const pattern = element => {
- * 	if ( element.name == 'div' && element.childCount > 0 ) {
- * 		// Return which part of the element was matched.
- * 		return { name: true };
- * 	}
- *
- * 	return null;
- * };
- *
- * // Match a <p> element with big font ("heading-like" element).
- * const pattern = element => {
- * 	if ( element.name == 'p' ) {
- * 		const fontSize = element.getStyle( 'font-size' );
- * 		const size = fontSize.match( /(\d+)/px );
- *
- * 		if ( size && Number( size[ 1 ] ) > 26 ) {
- * 			return { name: true, attributes: [ 'font-size' ] };
- * 		}
- * 	}
- *
- * 	return null;
- * };
- * ```
- *
- * `MatcherPattern` is defined in a way that it is a superset of {@link module:engine/view/elementdefinition~ElementDefinition},
- * that is, every `ElementDefinition` also can be used as a `MatcherPattern`.
- */
-export type MatcherPattern = string | RegExp | MatcherFunctionPattern | MatcherObjectPattern;
-/**
- * A function describing `MatcherPattern`. See {@link ~MatcherPattern} for examples and other options.
- */
-export type MatcherFunctionPattern = (element: Element) => Match | null;
-/**
- * An object describing `MatcherPattern`. See {@link ~MatcherPattern} for examples and other options.
- */
-export interface MatcherObjectPattern {
-    /**
-     * View element name to match.
-     */
-    name?: string | RegExp;
-    key?: string;
-    /**
-     * View element's classes to match.
-     */
-    classes?: ClassPatterns;
-    /**
-     * View element's styles to match.
-     */
-    styles?: StylePatterns;
-    /**
-     * View element's attributes to match.
-     */
-    attributes?: AttributePatterns;
-}
-/**
- * An object representing matched element parts.
- */
-export interface Match {
-    /**
-     * True if name of the element was matched.
-     */
-    name?: boolean;
-    /**
-     * Array with matched attribute names.
-     */
-    attributes?: Array<string>;
-    /**
-     * Array with matched class names.
-     */
-    classes?: Array<string>;
-    /**
-     * Array with matched style names.
-     */
-    styles?: Array<string>;
-}
-/**
- * The result of {@link ~Matcher#match}.
- */
-export interface MatchResult {
-    /**
-     * Matched view element.
-     */
-    element: Element;
-    /**
-     * Pattern that was used to find matched element.
-     */
-    pattern: MatcherFunctionPattern | MatcherObjectPattern;
-    /**
-     * An object representing matched element parts.
-     */
-    match: Match;
-}
-export type PropertyPatterns<ValuePattern = string | RegExp> = true | string | RegExp | Record<string, true | ValuePattern> | Array<string | RegExp | {
-    key: string | RegExp;
-    value: true | ValuePattern;
-}>;
-export type AttributePatterns = PropertyPatterns;
-export type StylePatterns = PropertyPatterns;
-export type ClassPatterns = PropertyPatterns<never>;
-/**
- * The key-value matcher pattern is missing key or value. Both must be present.
- * Refer the documentation: {@link module:engine/view/matcher~MatcherPattern}.
- *
- * @param pattern Pattern with missing properties.
- * @error matcher-pattern-missing-key-or-value
- */
-/**
- * The key-value matcher pattern for `attributes` option is using deprecated `style` key.
- *
- * Use `styles` matcher pattern option instead:
- *
- * ```ts
- * // Instead of:
- * const pattern = {
- * 	attributes: {
- * 		key1: 'value1',
- * 		key2: 'value2',
- * 		style: /^border.*$/
- * 	}
- * }
- *
- * // Use:
- * const pattern = {
- * 	attributes: {
- * 		key1: 'value1',
- * 		key2: 'value2'
- * 	},
- * 	styles: /^border.*$/
- * }
- * ```
- *
- * Refer to the {@glink updating/guides/update-to-29##update-to-ckeditor-5-v2910 Migration to v29.1.0} guide
- * and {@link module:engine/view/matcher~MatcherPattern} documentation.
- *
- * @param pattern Pattern with missing properties.
- * @error matcher-pattern-deprecated-attributes-style-key
- */
-/**
- * The key-value matcher pattern for `attributes` option is using deprecated `class` key.
- *
- * Use `classes` matcher pattern option instead:
- *
- * ```ts
- * // Instead of:
- * const pattern = {
- * 	attributes: {
- * 		key1: 'value1',
- * 		key2: 'value2',
- * 		class: 'foobar'
- * 	}
- * }
- *
- * // Use:
- * const pattern = {
- * 	attributes: {
- * 		key1: 'value1',
- * 		key2: 'value2'
- * 	},
- * 	classes: 'foobar'
- * }
- * ```
- *
- * Refer to the {@glink updating/guides/update-to-29##update-to-ckeditor-5-v2910 Migration to v29.1.0} guide
- * and the {@link module:engine/view/matcher~MatcherPattern} documentation.
- *
- * @param pattern Pattern with missing properties.
- * @error matcher-pattern-deprecated-attributes-class-key
- */