@ckeditor/ckeditor5-engine

/** * @license Copyright (c) 2003-2025, 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/documentselection */ import { ViewTypeCheckable } from './typecheckable.js'; import { ViewSelection, type ViewPlaceOrOffset, type ViewSelectable, type ViewSelectionOptions, type ViewSelectionChangeEvent } from './selection.js'; import { type ViewEditableElement } from './editableelement.js'; import { type ViewElement } from './element.js'; import { type ViewNode } from './node.js'; import { type ViewItem } from './item.js'; import type { ViewPosition, ViewPositionOffset } from './position.js'; import { type ViewRange } from './range.js'; declare const ViewDocumentSelection_base: import("@ckeditor/ckeditor5-utils").Mixed<typeof ViewTypeCheckable, import("@ckeditor/ckeditor5-utils").Emitter>; /** * Class representing the document selection in the view. * * Its instance is available in {@link module:engine/view/document~ViewDocument#selection `Document#selection`}. * * It is similar to {@link module:engine/view/selection~ViewSelection} but * it has a read-only API and can be modified only by the writer available in * the {@link module:engine/view/view~EditingView#change `View#change()`} block * (so via {@link module:engine/view/downcastwriter~ViewDowncastWriter#setSelection `ViewDowncastWriter#setSelection()`}). */ export declare class ViewDocumentSelection extends /* #__PURE__ */ ViewDocumentSelection_base { /** * Selection is used internally (`ViewDocumentSelection` is a proxy to that selection). */ private readonly _selection; /** * Creates new ViewDocumentSelection instance. * * ```ts * // Creates collapsed selection at the position of given item and offset. * const paragraph = writer.createContainerElement( 'paragraph' ); * const selection = new ViewDocumentSelection( paragraph, offset ); * * // Creates a range inside an {@link module:engine/view/element~ViewElement element} which starts before the * // first child of that element and ends after the last child of that element. * const selection = new ViewDocumentSelection( paragraph, 'in' ); * * // Creates a range on an {@link module:engine/view/item~ViewItem item} which starts before the item and ends * // just after the item. * const selection = new ViewDocumentSelection( paragraph, 'on' ); * ``` * * `Selection`'s constructor allow passing additional options (`backward`, `fake` and `label`) as the last argument. * * ```ts * // Creates backward selection. * const selection = new ViewDocumentSelection( element, 'in', { backward: true } ); * ``` * * Fake selection does not render as browser native selection over selected elements and is hidden to the user. * This way, no native selection UI artifacts are displayed to the user and selection over elements can be * represented in other way, for example by applying proper CSS class. * * Additionally fake's selection label can be provided. It will be used to describe fake selection in DOM * (and be properly handled by screen readers). * * ```ts * // Creates fake selection with label. * const selection = new ViewDocumentSelection( element, 'in', { fake: true, label: 'foo' } ); * ``` * * See also: {@link #constructor:SELECTABLE `constructor( selectable, options )`}. * * @label NODE_OFFSET */ constructor(selectable: ViewNode, placeOrOffset: ViewPlaceOrOffset, options?: ViewSelectionOptions); /** * Creates new ViewDocumentSelection instance. * * ```ts * // Creates empty selection without ranges. * const selection = new ViewDocumentSelection(); * * // Creates selection at the given range. * const range = writer.createRange( start, end ); * const selection = new ViewDocumentSelection( range ); * * // Creates selection at the given ranges * const ranges = [ writer.createRange( start1, end2 ), writer.createRange( start2, end2 ) ]; * const selection = new ViewDocumentSelection( ranges ); * * // Creates selection from the other selection. * const otherSelection = writer.createSelection(); * const selection = new ViewDocumentSelection( otherSelection ); * * // Creates selection at the given position. * const position = writer.createPositionAt( root, offset ); * const selection = new ViewDocumentSelection( position ); * ``` * * `Selection`'s constructor allow passing additional options (`backward`, `fake` and `label`) as the last argument. * * ```ts * // Creates backward selection. * const selection = new ViewDocumentSelection( range, { backward: true } ); * ``` * * Fake selection does not render as browser native selection over selected elements and is hidden to the user. * This way, no native selection UI artifacts are displayed to the user and selection over elements can be * represented in other way, for example by applying proper CSS class. * * Additionally fake's selection label can be provided. It will be used to describe fake selection in DOM * (and be properly handled by screen readers). * * ```ts * // Creates fake selection with label. * const selection = new ViewDocumentSelection( range, { fake: true, label: 'foo' } ); * ``` * * See also: {@link #constructor:NODE_OFFSET `constructor( node, placeOrOffset, options )`}. * * @label SELECTABLE */ constructor(selectable?: Exclude<ViewSelectable, ViewNode>, options?: ViewSelectionOptions); /** * Returns true if selection instance is marked as `fake`. * * @see #_setTo */ get isFake(): boolean; /** * Returns fake selection label. * * @see #_setTo */ get fakeSelectionLabel(): string; /** * Selection anchor. Anchor may be described as a position where the selection starts. Together with * {@link #focus focus} they define the direction of selection, which is important * when expanding/shrinking selection. Anchor is always the start or end of the most recent added range. * It may be a bit unintuitive when there are multiple ranges in selection. * * @see #focus */ get anchor(): ViewPosition | null; /** * Selection focus. Focus is a position where the selection ends. * * @see #anchor */ get focus(): ViewPosition | null; /** * Returns whether the selection is collapsed. Selection is collapsed when there is exactly one range which is * collapsed. */ get isCollapsed(): boolean; /** * Returns number of ranges in selection. */ get rangeCount(): number; /** * Specifies whether the {@link #focus} precedes {@link #anchor}. */ get isBackward(): boolean; /** * {@link module:engine/view/editableelement~ViewEditableElement ViewEditableElement} instance that contains this selection, or `null` * if the selection is not inside an editable element. */ get editableElement(): ViewEditableElement | null; /** * Used for the compatibility with the {@link module:engine/view/selection~ViewSelection#isEqual} method. * * @internal */ get _ranges(): Array<ViewRange>; /** * Returns an iterable that contains copies of all ranges added to the selection. */ getRanges(): IterableIterator<ViewRange>; /** * Returns copy of the first range in the selection. First range is the one which * {@link module:engine/view/range~ViewRange#start start} position * {@link module:engine/view/position~ViewPosition#isBefore is before} start * position of all other ranges (not to confuse with the first range added to the selection). * Returns `null` if no ranges are added to selection. */ getFirstRange(): ViewRange | null; /** * Returns copy of the last range in the selection. Last range is the one which {@link module:engine/view/range~ViewRange#end end} * position {@link module:engine/view/position~ViewPosition#isAfter is after} end position of all other ranges (not to confuse * with the last range added to the selection). Returns `null` if no ranges are added to selection. */ getLastRange(): ViewRange | null; /** * Returns copy of the first position in the selection. First position is the position that * {@link module:engine/view/position~ViewPosition#isBefore is before} any other position in the selection ranges. * Returns `null` if no ranges are added to selection. */ getFirstPosition(): ViewPosition | null; /** * Returns copy of the last position in the selection. Last position is the position that * {@link module:engine/view/position~ViewPosition#isAfter is after} any other position in the selection ranges. * Returns `null` if no ranges are added to selection. */ getLastPosition(): ViewPosition | null; /** * Returns the selected element. {@link module:engine/view/element~ViewElement Element} is considered as selected if there is only * one range in the selection, and that range contains exactly one element. * Returns `null` if there is no selected element. */ getSelectedElement(): ViewElement | null; /** * Checks whether, this selection is equal to given selection. Selections are equal if they have same directions, * same number of ranges and all ranges from one selection equal to a range from other selection. * * @param otherSelection Selection to compare with. * @returns `true` if selections are equal, `false` otherwise. */ isEqual(otherSelection: ViewSelection | ViewDocumentSelection): boolean; /** * Checks whether this selection is similar to given selection. Selections are similar if they have same directions, same * number of ranges, and all {@link module:engine/view/range~ViewRange#getTrimmed trimmed} ranges from one selection are * equal to any trimmed range from other selection. * * @param otherSelection Selection to compare with. * @returns `true` if selections are similar, `false` otherwise. */ isSimilar(otherSelection: ViewSelection | ViewDocumentSelection): boolean; /** * Sets this selection's ranges and direction to the specified location based on the given * {@link module:engine/view/selection~ViewSelectable selectable}. * * ```ts * // Sets selection to the given range. * const range = writer.createRange( start, end ); * documentSelection._setTo( range ); * * // Sets selection to given ranges. * const ranges = [ writer.createRange( start1, end2 ), writer.createRange( start2, end2 ) ]; * documentSelection._setTo( range ); * * // Sets selection to the other selection. * const otherSelection = writer.createSelection(); * documentSelection._setTo( otherSelection ); * * // Sets collapsed selection at the given position. * const position = writer.createPositionAt( root, offset ); * documentSelection._setTo( position ); * * // Sets collapsed selection at the position of given item and offset. * documentSelection._setTo( paragraph, offset ); * ``` * * Creates a range inside an {@link module:engine/view/element~ViewElement element} which starts before the first child of * that element and ends after the last child of that element. * * ```ts * documentSelection._setTo( paragraph, 'in' ); * ``` * * Creates a range on an {@link module:engine/view/item~ViewItem item} which starts before the item and ends just after the item. * * ```ts * documentSelection._setTo( paragraph, 'on' ); * * // Clears selection. Removes all ranges. * documentSelection._setTo( null ); * ``` * * `Selection#_setTo()` method allow passing additional options (`backward`, `fake` and `label`) as the last argument. * * ```ts * // Sets selection as backward. * documentSelection._setTo( range, { backward: true } ); * ``` * * Fake selection does not render as browser native selection over selected elements and is hidden to the user. * This way, no native selection UI artifacts are displayed to the user and selection over elements can be * represented in other way, for example by applying proper CSS class. * * Additionally fake's selection label can be provided. It will be used to des cribe fake selection in DOM * (and be properly handled by screen readers). * * ```ts * // Creates fake selection with label. * documentSelection._setTo( range, { fake: true, label: 'foo' } ); * ``` * * @internal * @fires change */ _setTo(...args: Parameters<ViewSelection['setTo']>): void; /** * Moves {@link #focus} to the specified location. * * The location can be specified in the same form as * {@link module:engine/view/view~EditingView#createPositionAt view.createPositionAt()} * parameters. * * @internal * @fires change * @param offset Offset or one of the flags. Used only when first parameter is a {@link module:engine/view/item~ViewItem view item}. */ _setFocus(itemOrPosition: ViewItem | ViewPosition, offset?: ViewPositionOffset): void; } /** * Fired whenever selection ranges are changed through {@link ~ViewDocumentSelection Selection API}. * * @eventName ~ViewDocumentSelection#change */ export type ViewDocumentSelectionChangeEvent = ViewSelectionChangeEvent; export {};