@ckeditor/ckeditor5-engine 38.1.0 → 38.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +2 -2
- package/src/controller/datacontroller.d.ts +334 -334
- package/src/controller/datacontroller.js +481 -481
- package/src/controller/editingcontroller.d.ts +98 -98
- package/src/controller/editingcontroller.js +191 -191
- package/src/conversion/conversion.d.ts +478 -478
- package/src/conversion/conversion.js +601 -601
- package/src/conversion/conversionhelpers.d.ts +26 -26
- package/src/conversion/conversionhelpers.js +32 -32
- package/src/conversion/downcastdispatcher.d.ts +547 -547
- package/src/conversion/downcastdispatcher.js +538 -538
- package/src/conversion/downcasthelpers.d.ts +1226 -1226
- package/src/conversion/downcasthelpers.js +2183 -2183
- package/src/conversion/mapper.d.ts +503 -503
- package/src/conversion/mapper.js +536 -536
- package/src/conversion/modelconsumable.d.ts +201 -201
- package/src/conversion/modelconsumable.js +333 -333
- package/src/conversion/upcastdispatcher.d.ts +492 -492
- package/src/conversion/upcastdispatcher.js +460 -460
- package/src/conversion/upcasthelpers.d.ts +499 -499
- package/src/conversion/upcasthelpers.js +950 -950
- package/src/conversion/viewconsumable.d.ts +369 -369
- package/src/conversion/viewconsumable.js +532 -532
- package/src/dataprocessor/basichtmlwriter.d.ts +18 -18
- package/src/dataprocessor/basichtmlwriter.js +19 -19
- package/src/dataprocessor/dataprocessor.d.ts +61 -61
- package/src/dataprocessor/dataprocessor.js +5 -5
- package/src/dataprocessor/htmldataprocessor.d.ts +76 -76
- package/src/dataprocessor/htmldataprocessor.js +96 -96
- package/src/dataprocessor/htmlwriter.d.ts +16 -16
- package/src/dataprocessor/htmlwriter.js +5 -5
- package/src/dataprocessor/xmldataprocessor.d.ts +90 -90
- package/src/dataprocessor/xmldataprocessor.js +108 -108
- package/src/dev-utils/model.d.ts +124 -124
- package/src/dev-utils/model.js +395 -395
- package/src/dev-utils/operationreplayer.d.ts +51 -51
- package/src/dev-utils/operationreplayer.js +112 -112
- package/src/dev-utils/utils.d.ts +37 -37
- package/src/dev-utils/utils.js +73 -73
- package/src/dev-utils/view.d.ts +319 -319
- package/src/dev-utils/view.js +967 -967
- package/src/index.d.ts +113 -113
- package/src/index.js +77 -77
- package/src/model/batch.d.ts +106 -106
- package/src/model/batch.js +96 -96
- package/src/model/differ.d.ts +373 -373
- package/src/model/differ.js +1090 -1090
- package/src/model/document.d.ts +264 -264
- package/src/model/document.js +356 -356
- package/src/model/documentfragment.d.ts +200 -200
- package/src/model/documentfragment.js +306 -306
- package/src/model/documentselection.d.ts +420 -420
- package/src/model/documentselection.js +987 -987
- package/src/model/element.d.ts +165 -165
- package/src/model/element.js +281 -281
- package/src/model/history.d.ts +114 -114
- package/src/model/history.js +207 -207
- package/src/model/item.d.ts +14 -14
- package/src/model/item.js +5 -5
- package/src/model/liveposition.d.ts +77 -77
- package/src/model/liveposition.js +93 -93
- package/src/model/liverange.d.ts +102 -102
- package/src/model/liverange.js +120 -120
- package/src/model/markercollection.d.ts +335 -335
- package/src/model/markercollection.js +403 -403
- package/src/model/model.d.ts +920 -920
- package/src/model/model.js +843 -843
- package/src/model/node.d.ts +256 -256
- package/src/model/node.js +375 -375
- package/src/model/nodelist.d.ts +91 -91
- package/src/model/nodelist.js +163 -163
- package/src/model/operation/attributeoperation.d.ts +103 -103
- package/src/model/operation/attributeoperation.js +148 -148
- package/src/model/operation/detachoperation.d.ts +60 -60
- package/src/model/operation/detachoperation.js +77 -77
- package/src/model/operation/insertoperation.d.ts +90 -90
- package/src/model/operation/insertoperation.js +135 -135
- package/src/model/operation/markeroperation.d.ts +91 -91
- package/src/model/operation/markeroperation.js +107 -107
- package/src/model/operation/mergeoperation.d.ts +100 -100
- package/src/model/operation/mergeoperation.js +167 -167
- package/src/model/operation/moveoperation.d.ts +96 -96
- package/src/model/operation/moveoperation.js +164 -164
- package/src/model/operation/nooperation.d.ts +38 -38
- package/src/model/operation/nooperation.js +48 -48
- package/src/model/operation/operation.d.ts +96 -96
- package/src/model/operation/operation.js +62 -62
- package/src/model/operation/operationfactory.d.ts +18 -18
- package/src/model/operation/operationfactory.js +44 -44
- package/src/model/operation/renameoperation.d.ts +83 -83
- package/src/model/operation/renameoperation.js +115 -115
- package/src/model/operation/rootattributeoperation.d.ts +98 -98
- package/src/model/operation/rootattributeoperation.js +155 -155
- package/src/model/operation/rootoperation.d.ts +80 -80
- package/src/model/operation/rootoperation.js +114 -114
- package/src/model/operation/splitoperation.d.ts +109 -109
- package/src/model/operation/splitoperation.js +194 -194
- package/src/model/operation/transform.d.ts +100 -100
- package/src/model/operation/transform.js +1985 -1985
- package/src/model/operation/utils.d.ts +71 -71
- package/src/model/operation/utils.js +213 -213
- package/src/model/position.d.ts +539 -539
- package/src/model/position.js +979 -979
- package/src/model/range.d.ts +458 -458
- package/src/model/range.js +875 -875
- package/src/model/rootelement.d.ts +54 -54
- package/src/model/rootelement.js +68 -68
- package/src/model/schema.d.ts +1176 -1176
- package/src/model/schema.js +1237 -1237
- package/src/model/selection.d.ts +482 -482
- package/src/model/selection.js +789 -789
- package/src/model/text.d.ts +66 -66
- package/src/model/text.js +85 -85
- package/src/model/textproxy.d.ts +144 -144
- package/src/model/textproxy.js +189 -189
- package/src/model/treewalker.d.ts +186 -186
- package/src/model/treewalker.js +244 -244
- package/src/model/typecheckable.d.ts +285 -285
- package/src/model/typecheckable.js +16 -16
- package/src/model/utils/autoparagraphing.d.ts +37 -37
- package/src/model/utils/autoparagraphing.js +64 -64
- package/src/model/utils/deletecontent.d.ts +58 -58
- package/src/model/utils/deletecontent.js +488 -488
- package/src/model/utils/findoptimalinsertionrange.d.ts +32 -32
- package/src/model/utils/findoptimalinsertionrange.js +57 -57
- package/src/model/utils/getselectedcontent.d.ts +30 -30
- package/src/model/utils/getselectedcontent.js +125 -125
- package/src/model/utils/insertcontent.d.ts +46 -46
- package/src/model/utils/insertcontent.js +705 -705
- package/src/model/utils/insertobject.d.ts +44 -44
- package/src/model/utils/insertobject.js +139 -139
- package/src/model/utils/modifyselection.d.ts +48 -48
- package/src/model/utils/modifyselection.js +186 -186
- package/src/model/utils/selection-post-fixer.d.ts +74 -74
- package/src/model/utils/selection-post-fixer.js +260 -260
- package/src/model/writer.d.ts +851 -851
- package/src/model/writer.js +1306 -1306
- package/src/view/attributeelement.d.ts +108 -108
- package/src/view/attributeelement.js +184 -184
- package/src/view/containerelement.d.ts +49 -49
- package/src/view/containerelement.js +80 -80
- package/src/view/datatransfer.d.ts +79 -79
- package/src/view/datatransfer.js +98 -98
- package/src/view/document.d.ts +184 -184
- package/src/view/document.js +120 -120
- package/src/view/documentfragment.d.ts +149 -149
- package/src/view/documentfragment.js +228 -228
- package/src/view/documentselection.d.ts +306 -306
- package/src/view/documentselection.js +256 -256
- package/src/view/domconverter.d.ts +650 -650
- package/src/view/domconverter.js +1373 -1373
- package/src/view/downcastwriter.d.ts +996 -996
- package/src/view/downcastwriter.js +1696 -1696
- package/src/view/editableelement.d.ts +52 -52
- package/src/view/editableelement.js +61 -61
- package/src/view/element.d.ts +468 -468
- package/src/view/element.js +724 -724
- package/src/view/elementdefinition.d.ts +87 -87
- package/src/view/elementdefinition.js +5 -5
- package/src/view/emptyelement.d.ts +41 -41
- package/src/view/emptyelement.js +73 -73
- package/src/view/filler.d.ts +111 -111
- package/src/view/filler.js +148 -148
- package/src/view/item.d.ts +14 -14
- package/src/view/item.js +5 -5
- package/src/view/matcher.d.ts +486 -486
- package/src/view/matcher.js +507 -507
- package/src/view/node.d.ts +163 -163
- package/src/view/node.js +228 -228
- package/src/view/observer/arrowkeysobserver.d.ts +45 -45
- package/src/view/observer/arrowkeysobserver.js +40 -40
- package/src/view/observer/bubblingemittermixin.d.ts +166 -166
- package/src/view/observer/bubblingemittermixin.js +172 -172
- package/src/view/observer/bubblingeventinfo.d.ts +47 -47
- package/src/view/observer/bubblingeventinfo.js +37 -37
- package/src/view/observer/clickobserver.d.ts +43 -43
- package/src/view/observer/clickobserver.js +29 -29
- package/src/view/observer/compositionobserver.d.ts +82 -82
- package/src/view/observer/compositionobserver.js +60 -60
- package/src/view/observer/domeventdata.d.ts +50 -50
- package/src/view/observer/domeventdata.js +47 -47
- package/src/view/observer/domeventobserver.d.ts +73 -73
- package/src/view/observer/domeventobserver.js +79 -79
- package/src/view/observer/fakeselectionobserver.d.ts +47 -47
- package/src/view/observer/fakeselectionobserver.js +91 -91
- package/src/view/observer/focusobserver.d.ts +82 -82
- package/src/view/observer/focusobserver.js +86 -86
- package/src/view/observer/inputobserver.d.ts +86 -86
- package/src/view/observer/inputobserver.js +164 -164
- package/src/view/observer/keyobserver.d.ts +66 -66
- package/src/view/observer/keyobserver.js +39 -39
- package/src/view/observer/mouseobserver.d.ts +89 -89
- package/src/view/observer/mouseobserver.js +29 -29
- package/src/view/observer/mutationobserver.d.ts +86 -86
- package/src/view/observer/mutationobserver.js +206 -206
- package/src/view/observer/observer.d.ts +89 -89
- package/src/view/observer/observer.js +84 -84
- package/src/view/observer/selectionobserver.d.ts +148 -148
- package/src/view/observer/selectionobserver.js +202 -202
- package/src/view/observer/tabobserver.d.ts +46 -46
- package/src/view/observer/tabobserver.js +42 -42
- package/src/view/placeholder.d.ts +85 -85
- package/src/view/placeholder.js +230 -230
- package/src/view/position.d.ts +189 -189
- package/src/view/position.js +324 -324
- package/src/view/range.d.ts +279 -279
- package/src/view/range.js +430 -430
- package/src/view/rawelement.d.ts +73 -73
- package/src/view/rawelement.js +105 -105
- package/src/view/renderer.d.ts +265 -265
- package/src/view/renderer.js +1000 -1000
- package/src/view/rooteditableelement.d.ts +41 -41
- package/src/view/rooteditableelement.js +69 -69
- package/src/view/selection.d.ts +375 -375
- package/src/view/selection.js +559 -559
- package/src/view/styles/background.d.ts +33 -33
- package/src/view/styles/background.js +74 -74
- package/src/view/styles/border.d.ts +43 -43
- package/src/view/styles/border.js +316 -316
- package/src/view/styles/margin.d.ts +29 -29
- package/src/view/styles/margin.js +34 -34
- package/src/view/styles/padding.d.ts +29 -29
- package/src/view/styles/padding.js +34 -34
- package/src/view/styles/utils.d.ts +93 -93
- package/src/view/styles/utils.js +219 -219
- package/src/view/stylesmap.d.ts +675 -675
- package/src/view/stylesmap.js +766 -766
- package/src/view/text.d.ts +74 -74
- package/src/view/text.js +93 -93
- package/src/view/textproxy.d.ts +97 -97
- package/src/view/textproxy.js +124 -124
- package/src/view/treewalker.d.ts +195 -195
- package/src/view/treewalker.js +327 -327
- package/src/view/typecheckable.d.ts +448 -448
- package/src/view/typecheckable.js +19 -19
- package/src/view/uielement.d.ts +96 -96
- package/src/view/uielement.js +182 -182
- package/src/view/upcastwriter.d.ts +417 -417
- package/src/view/upcastwriter.js +359 -359
- package/src/view/view.d.ts +480 -480
- package/src/view/view.js +534 -534
package/src/view/selection.d.ts
CHANGED
|
@@ -1,375 +1,375 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
-
*/
|
|
5
|
-
/**
|
|
6
|
-
* @module engine/view/selection
|
|
7
|
-
*/
|
|
8
|
-
import TypeCheckable from './typecheckable';
|
|
9
|
-
import Range from './range';
|
|
10
|
-
import Position, { type PositionOffset } from './position';
|
|
11
|
-
import Node from './node';
|
|
12
|
-
import DocumentSelection from './documentselection';
|
|
13
|
-
import type Element from './element';
|
|
14
|
-
import type Item from './item';
|
|
15
|
-
import type EditableElement from './editableelement';
|
|
16
|
-
declare const Selection_base: import("@ckeditor/ckeditor5-utils").Mixed<typeof TypeCheckable, import("@ckeditor/ckeditor5-utils").Emitter>;
|
|
17
|
-
/**
|
|
18
|
-
* Class representing an arbirtary selection in the view.
|
|
19
|
-
* See also {@link module:engine/view/documentselection~DocumentSelection}.
|
|
20
|
-
*
|
|
21
|
-
* New selection instances can be created via the constructor or one these methods:
|
|
22
|
-
*
|
|
23
|
-
* * {@link module:engine/view/view~View#createSelection `View#createSelection()`},
|
|
24
|
-
* * {@link module:engine/view/upcastwriter~UpcastWriter#createSelection `UpcastWriter#createSelection()`}.
|
|
25
|
-
*
|
|
26
|
-
* A selection can consist of {@link module:engine/view/range~Range ranges} that can be set by using
|
|
27
|
-
* the {@link module:engine/view/selection~Selection#setTo `Selection#setTo()`} method.
|
|
28
|
-
*/
|
|
29
|
-
export default class Selection extends Selection_base {
|
|
30
|
-
/**
|
|
31
|
-
* Stores all ranges that are selected.
|
|
32
|
-
*/
|
|
33
|
-
private _ranges;
|
|
34
|
-
/**
|
|
35
|
-
* Specifies whether the last added range was added as a backward or forward range.
|
|
36
|
-
*/
|
|
37
|
-
private _lastRangeBackward;
|
|
38
|
-
/**
|
|
39
|
-
* Specifies whether selection instance is fake.
|
|
40
|
-
*/
|
|
41
|
-
private _isFake;
|
|
42
|
-
/**
|
|
43
|
-
* Fake selection's label.
|
|
44
|
-
*/
|
|
45
|
-
private _fakeSelectionLabel;
|
|
46
|
-
/**
|
|
47
|
-
* Creates new selection instance.
|
|
48
|
-
*
|
|
49
|
-
* **Note**: The selection constructor is available as a factory method:
|
|
50
|
-
*
|
|
51
|
-
* * {@link module:engine/view/view~View#createSelection `View#createSelection()`},
|
|
52
|
-
* * {@link module:engine/view/upcastwriter~UpcastWriter#createSelection `UpcastWriter#createSelection()`}.
|
|
53
|
-
*
|
|
54
|
-
* ```ts
|
|
55
|
-
* // Creates empty selection without ranges.
|
|
56
|
-
* const selection = writer.createSelection();
|
|
57
|
-
*
|
|
58
|
-
* // Creates selection at the given range.
|
|
59
|
-
* const range = writer.createRange( start, end );
|
|
60
|
-
* const selection = writer.createSelection( range );
|
|
61
|
-
*
|
|
62
|
-
* // Creates selection at the given ranges
|
|
63
|
-
* const ranges = [ writer.createRange( start1, end2 ), writer.createRange( star2, end2 ) ];
|
|
64
|
-
* const selection = writer.createSelection( ranges );
|
|
65
|
-
*
|
|
66
|
-
* // Creates selection from the other selection.
|
|
67
|
-
* const otherSelection = writer.createSelection();
|
|
68
|
-
* const selection = writer.createSelection( otherSelection );
|
|
69
|
-
*
|
|
70
|
-
* // Creates selection from the document selection.
|
|
71
|
-
* const selection = writer.createSelection( editor.editing.view.document.selection );
|
|
72
|
-
*
|
|
73
|
-
* // Creates selection at the given position.
|
|
74
|
-
* const position = writer.createPositionFromPath( root, path );
|
|
75
|
-
* const selection = writer.createSelection( position );
|
|
76
|
-
*
|
|
77
|
-
* // Creates collapsed selection at the position of given item and offset.
|
|
78
|
-
* const paragraph = writer.createContainerElement( 'paragraph' );
|
|
79
|
-
* const selection = writer.createSelection( paragraph, offset );
|
|
80
|
-
*
|
|
81
|
-
* // Creates a range inside an {@link module:engine/view/element~Element element} which starts before the
|
|
82
|
-
* // first child of that element and ends after the last child of that element.
|
|
83
|
-
* const selection = writer.createSelection( paragraph, 'in' );
|
|
84
|
-
*
|
|
85
|
-
* // Creates a range on an {@link module:engine/view/item~Item item} which starts before the item and ends
|
|
86
|
-
* // just after the item.
|
|
87
|
-
* const selection = writer.createSelection( paragraph, 'on' );
|
|
88
|
-
* ```
|
|
89
|
-
*
|
|
90
|
-
* `Selection`'s constructor allow passing additional options (`backward`, `fake` and `label`) as the last argument.
|
|
91
|
-
*
|
|
92
|
-
* ```ts
|
|
93
|
-
* // Creates backward selection.
|
|
94
|
-
* const selection = writer.createSelection( range, { backward: true } );
|
|
95
|
-
* ```
|
|
96
|
-
*
|
|
97
|
-
* Fake selection does not render as browser native selection over selected elements and is hidden to the user.
|
|
98
|
-
* This way, no native selection UI artifacts are displayed to the user and selection over elements can be
|
|
99
|
-
* represented in other way, for example by applying proper CSS class.
|
|
100
|
-
*
|
|
101
|
-
* Additionally fake's selection label can be provided. It will be used to describe fake selection in DOM
|
|
102
|
-
* (and be properly handled by screen readers).
|
|
103
|
-
*
|
|
104
|
-
* ```ts
|
|
105
|
-
* // Creates fake selection with label.
|
|
106
|
-
* const selection = writer.createSelection( range, { fake: true, label: 'foo' } );
|
|
107
|
-
* ```
|
|
108
|
-
*
|
|
109
|
-
* @internal
|
|
110
|
-
*/
|
|
111
|
-
constructor(...args: [] | [
|
|
112
|
-
selectable: Node,
|
|
113
|
-
placeOrOffset: PlaceOrOffset,
|
|
114
|
-
options?: SelectionOptions
|
|
115
|
-
] | [
|
|
116
|
-
selectable?: Exclude<Selectable, Node>,
|
|
117
|
-
options?: SelectionOptions
|
|
118
|
-
]);
|
|
119
|
-
/**
|
|
120
|
-
* Returns true if selection instance is marked as `fake`.
|
|
121
|
-
*
|
|
122
|
-
* @see #setTo
|
|
123
|
-
*/
|
|
124
|
-
get isFake(): boolean;
|
|
125
|
-
/**
|
|
126
|
-
* Returns fake selection label.
|
|
127
|
-
*
|
|
128
|
-
* @see #setTo
|
|
129
|
-
*/
|
|
130
|
-
get fakeSelectionLabel(): string;
|
|
131
|
-
/**
|
|
132
|
-
* Selection anchor. Anchor may be described as a position where the selection starts. Together with
|
|
133
|
-
* {@link #focus focus} they define the direction of selection, which is important
|
|
134
|
-
* when expanding/shrinking selection. Anchor is always the start or end of the most recent added range.
|
|
135
|
-
* It may be a bit unintuitive when there are multiple ranges in selection.
|
|
136
|
-
*
|
|
137
|
-
* @see #focus
|
|
138
|
-
*/
|
|
139
|
-
get anchor(): Position | null;
|
|
140
|
-
/**
|
|
141
|
-
* Selection focus. Focus is a position where the selection ends.
|
|
142
|
-
*
|
|
143
|
-
* @see #anchor
|
|
144
|
-
*/
|
|
145
|
-
get focus(): Position | null;
|
|
146
|
-
/**
|
|
147
|
-
* Returns whether the selection is collapsed. Selection is collapsed when there is exactly one range which is
|
|
148
|
-
* collapsed.
|
|
149
|
-
*/
|
|
150
|
-
get isCollapsed(): boolean;
|
|
151
|
-
/**
|
|
152
|
-
* Returns number of ranges in selection.
|
|
153
|
-
*/
|
|
154
|
-
get rangeCount(): number;
|
|
155
|
-
/**
|
|
156
|
-
* Specifies whether the {@link #focus} precedes {@link #anchor}.
|
|
157
|
-
*/
|
|
158
|
-
get isBackward(): boolean;
|
|
159
|
-
/**
|
|
160
|
-
* {@link module:engine/view/editableelement~EditableElement EditableElement} instance that contains this selection, or `null`
|
|
161
|
-
* if the selection is not inside an editable element.
|
|
162
|
-
*/
|
|
163
|
-
get editableElement(): EditableElement | null;
|
|
164
|
-
/**
|
|
165
|
-
* Returns an iterable that contains copies of all ranges added to the selection.
|
|
166
|
-
*/
|
|
167
|
-
getRanges(): IterableIterator<Range>;
|
|
168
|
-
/**
|
|
169
|
-
* Returns copy of the first range in the selection. First range is the one which
|
|
170
|
-
* {@link module:engine/view/range~Range#start start} position {@link module:engine/view/position~Position#isBefore is before} start
|
|
171
|
-
* position of all other ranges (not to confuse with the first range added to the selection).
|
|
172
|
-
* Returns `null` if no ranges are added to selection.
|
|
173
|
-
*/
|
|
174
|
-
getFirstRange(): Range | null;
|
|
175
|
-
/**
|
|
176
|
-
* Returns copy of the last range in the selection. Last range is the one which {@link module:engine/view/range~Range#end end}
|
|
177
|
-
* position {@link module:engine/view/position~Position#isAfter is after} end position of all other ranges (not to confuse
|
|
178
|
-
* with the last range added to the selection). Returns `null` if no ranges are added to selection.
|
|
179
|
-
*/
|
|
180
|
-
getLastRange(): Range | null;
|
|
181
|
-
/**
|
|
182
|
-
* Returns copy of the first position in the selection. First position is the position that
|
|
183
|
-
* {@link module:engine/view/position~Position#isBefore is before} any other position in the selection ranges.
|
|
184
|
-
* Returns `null` if no ranges are added to selection.
|
|
185
|
-
*/
|
|
186
|
-
getFirstPosition(): Position | null;
|
|
187
|
-
/**
|
|
188
|
-
* Returns copy of the last position in the selection. Last position is the position that
|
|
189
|
-
* {@link module:engine/view/position~Position#isAfter is after} any other position in the selection ranges.
|
|
190
|
-
* Returns `null` if no ranges are added to selection.
|
|
191
|
-
*/
|
|
192
|
-
getLastPosition(): Position | null;
|
|
193
|
-
/**
|
|
194
|
-
* Checks whether, this selection is equal to given selection. Selections are equal if they have same directions,
|
|
195
|
-
* same number of ranges and all ranges from one selection equal to a range from other selection.
|
|
196
|
-
*
|
|
197
|
-
* @param otherSelection Selection to compare with.
|
|
198
|
-
* @returns `true` if selections are equal, `false` otherwise.
|
|
199
|
-
*/
|
|
200
|
-
isEqual(otherSelection: Selection | DocumentSelection): boolean;
|
|
201
|
-
/**
|
|
202
|
-
* Checks whether this selection is similar to given selection. Selections are similar if they have same directions, same
|
|
203
|
-
* number of ranges, and all {@link module:engine/view/range~Range#getTrimmed trimmed} ranges from one selection are
|
|
204
|
-
* equal to any trimmed range from other selection.
|
|
205
|
-
*
|
|
206
|
-
* @param otherSelection Selection to compare with.
|
|
207
|
-
* @returns `true` if selections are similar, `false` otherwise.
|
|
208
|
-
*/
|
|
209
|
-
isSimilar(otherSelection: Selection | DocumentSelection): boolean;
|
|
210
|
-
/**
|
|
211
|
-
* Returns the selected element. {@link module:engine/view/element~Element Element} is considered as selected if there is only
|
|
212
|
-
* one range in the selection, and that range contains exactly one element.
|
|
213
|
-
* Returns `null` if there is no selected element.
|
|
214
|
-
*/
|
|
215
|
-
getSelectedElement(): Element | null;
|
|
216
|
-
/**
|
|
217
|
-
* Sets this selection's ranges and direction to the specified location based on the given
|
|
218
|
-
* {@link module:engine/view/selection~Selectable selectable}.
|
|
219
|
-
*
|
|
220
|
-
* ```ts
|
|
221
|
-
* // Sets selection to the given range.
|
|
222
|
-
* const range = writer.createRange( start, end );
|
|
223
|
-
* selection.setTo( range );
|
|
224
|
-
*
|
|
225
|
-
* // Sets selection to given ranges.
|
|
226
|
-
* const ranges = [ writer.createRange( start1, end2 ), writer.createRange( star2, end2 ) ];
|
|
227
|
-
* selection.setTo( range );
|
|
228
|
-
*
|
|
229
|
-
* // Sets selection to the other selection.
|
|
230
|
-
* const otherSelection = writer.createSelection();
|
|
231
|
-
* selection.setTo( otherSelection );
|
|
232
|
-
*
|
|
233
|
-
* // Sets selection to contents of DocumentSelection.
|
|
234
|
-
* selection.setTo( editor.editing.view.document.selection );
|
|
235
|
-
*
|
|
236
|
-
* // Sets collapsed selection at the given position.
|
|
237
|
-
* const position = writer.createPositionAt( root, path );
|
|
238
|
-
* selection.setTo( position );
|
|
239
|
-
*
|
|
240
|
-
* // Sets collapsed selection at the position of given item and offset.
|
|
241
|
-
* selection.setTo( paragraph, offset );
|
|
242
|
-
* ```
|
|
243
|
-
*
|
|
244
|
-
* Creates a range inside an {@link module:engine/view/element~Element element} which starts before the first child of
|
|
245
|
-
* that element and ends after the last child of that element.
|
|
246
|
-
*
|
|
247
|
-
* ```ts
|
|
248
|
-
* selection.setTo( paragraph, 'in' );
|
|
249
|
-
* ```
|
|
250
|
-
*
|
|
251
|
-
* Creates a range on an {@link module:engine/view/item~Item item} which starts before the item and ends just after the item.
|
|
252
|
-
*
|
|
253
|
-
* ```ts
|
|
254
|
-
* selection.setTo( paragraph, 'on' );
|
|
255
|
-
*
|
|
256
|
-
* // Clears selection. Removes all ranges.
|
|
257
|
-
* selection.setTo( null );
|
|
258
|
-
* ```
|
|
259
|
-
*
|
|
260
|
-
* `Selection#setTo()` method allow passing additional options (`backward`, `fake` and `label`) as the last argument.
|
|
261
|
-
*
|
|
262
|
-
* ```ts
|
|
263
|
-
* // Sets selection as backward.
|
|
264
|
-
* selection.setTo( range, { backward: true } );
|
|
265
|
-
* ```
|
|
266
|
-
*
|
|
267
|
-
* Fake selection does not render as browser native selection over selected elements and is hidden to the user.
|
|
268
|
-
* This way, no native selection UI artifacts are displayed to the user and selection over elements can be
|
|
269
|
-
* represented in other way, for example by applying proper CSS class.
|
|
270
|
-
*
|
|
271
|
-
* Additionally fake's selection label can be provided. It will be used to describe fake selection in DOM
|
|
272
|
-
* (and be properly handled by screen readers).
|
|
273
|
-
*
|
|
274
|
-
* ```ts
|
|
275
|
-
* // Creates fake selection with label.
|
|
276
|
-
* selection.setTo( range, { fake: true, label: 'foo' } );
|
|
277
|
-
* ```
|
|
278
|
-
*
|
|
279
|
-
* @fires change
|
|
280
|
-
*/
|
|
281
|
-
setTo(...args: [
|
|
282
|
-
selectable: Node,
|
|
283
|
-
placeOrOffset: PlaceOrOffset,
|
|
284
|
-
options?: SelectionOptions
|
|
285
|
-
] | [
|
|
286
|
-
selectable?: Exclude<Selectable, Node>,
|
|
287
|
-
options?: SelectionOptions
|
|
288
|
-
]): void;
|
|
289
|
-
/**
|
|
290
|
-
* Moves {@link #focus} to the specified location.
|
|
291
|
-
*
|
|
292
|
-
* The location can be specified in the same form as {@link module:engine/view/view~View#createPositionAt view.createPositionAt()}
|
|
293
|
-
* parameters.
|
|
294
|
-
*
|
|
295
|
-
* @fires change
|
|
296
|
-
* @param offset Offset or one of the flags. Used only when first parameter is a {@link module:engine/view/item~Item view item}.
|
|
297
|
-
*/
|
|
298
|
-
setFocus(itemOrPosition: Item | Position, offset?: PositionOffset): void;
|
|
299
|
-
/**
|
|
300
|
-
* Replaces all ranges that were added to the selection with given array of ranges. Last range of the array
|
|
301
|
-
* is treated like the last added range and is used to set {@link #anchor anchor} and {@link #focus focus}.
|
|
302
|
-
* Accepts a flag describing in which way the selection is made.
|
|
303
|
-
*
|
|
304
|
-
* @param newRanges Iterable object of ranges to set.
|
|
305
|
-
* @param isLastBackward Flag describing if last added range was selected forward - from start to end
|
|
306
|
-
* (`false`) or backward - from end to start (`true`). Defaults to `false`.
|
|
307
|
-
*/
|
|
308
|
-
private _setRanges;
|
|
309
|
-
/**
|
|
310
|
-
* Sets this selection instance to be marked as `fake`. A fake selection does not render as browser native selection
|
|
311
|
-
* over selected elements and is hidden to the user. This way, no native selection UI artifacts are displayed to
|
|
312
|
-
* the user and selection over elements can be represented in other way, for example by applying proper CSS class.
|
|
313
|
-
*
|
|
314
|
-
* Additionally fake's selection label can be provided. It will be used to describe fake selection in DOM (and be
|
|
315
|
-
* properly handled by screen readers).
|
|
316
|
-
*/
|
|
317
|
-
private _setFakeOptions;
|
|
318
|
-
/**
|
|
319
|
-
* Adds a range to the selection. Added range is copied. This means that passed range is not saved in the
|
|
320
|
-
* selection instance and you can safely operate on it.
|
|
321
|
-
*
|
|
322
|
-
* Accepts a flag describing in which way the selection is made - passed range might be selected from
|
|
323
|
-
* {@link module:engine/view/range~Range#start start} to {@link module:engine/view/range~Range#end end}
|
|
324
|
-
* or from {@link module:engine/view/range~Range#end end} to {@link module:engine/view/range~Range#start start}.
|
|
325
|
-
* The flag is used to set {@link #anchor anchor} and {@link #focus focus} properties.
|
|
326
|
-
*
|
|
327
|
-
* Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-selection-range-intersects` if added range intersects
|
|
328
|
-
* with ranges already stored in Selection instance.
|
|
329
|
-
*/
|
|
330
|
-
private _addRange;
|
|
331
|
-
/**
|
|
332
|
-
* Adds range to selection - creates copy of given range so it can be safely used and modified.
|
|
333
|
-
*
|
|
334
|
-
* Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-selection-range-intersects` if added range intersects
|
|
335
|
-
* with ranges already stored in selection instance.
|
|
336
|
-
*/
|
|
337
|
-
private _pushRange;
|
|
338
|
-
}
|
|
339
|
-
/**
|
|
340
|
-
* Additional options for {@link ~Selection}.
|
|
341
|
-
*/
|
|
342
|
-
export interface SelectionOptions {
|
|
343
|
-
/**
|
|
344
|
-
* Sets this selection instance to be backward.
|
|
345
|
-
*/
|
|
346
|
-
backward?: boolean;
|
|
347
|
-
/**
|
|
348
|
-
* Sets this selection instance to be marked as `fake`.
|
|
349
|
-
*/
|
|
350
|
-
fake?: boolean;
|
|
351
|
-
/**
|
|
352
|
-
* Label for the fake selection.
|
|
353
|
-
*/
|
|
354
|
-
label?: string;
|
|
355
|
-
}
|
|
356
|
-
/**
|
|
357
|
-
* The place or offset of the selection.
|
|
358
|
-
*/
|
|
359
|
-
export type PlaceOrOffset = number | 'before' | 'end' | 'after' | 'on' | 'in';
|
|
360
|
-
/**
|
|
361
|
-
* Fired whenever selection ranges are changed through {@link ~Selection Selection API}.
|
|
362
|
-
*
|
|
363
|
-
* @eventName ~Selection#change
|
|
364
|
-
*/
|
|
365
|
-
export type ViewSelectionChangeEvent = {
|
|
366
|
-
name: 'change';
|
|
367
|
-
args: [];
|
|
368
|
-
};
|
|
369
|
-
/**
|
|
370
|
-
* An entity that is used to set selection.
|
|
371
|
-
*
|
|
372
|
-
* See also {@link module:engine/view/selection~Selection#setTo}
|
|
373
|
-
*/
|
|
374
|
-
export type Selectable = Selection | DocumentSelection | Position | Iterable<Range> | Range | Node | null;
|
|
375
|
-
export {};
|
|
1
|
+
/**
|
|
2
|
+
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
+
*/
|
|
5
|
+
/**
|
|
6
|
+
* @module engine/view/selection
|
|
7
|
+
*/
|
|
8
|
+
import TypeCheckable from './typecheckable';
|
|
9
|
+
import Range from './range';
|
|
10
|
+
import Position, { type PositionOffset } from './position';
|
|
11
|
+
import Node from './node';
|
|
12
|
+
import DocumentSelection from './documentselection';
|
|
13
|
+
import type Element from './element';
|
|
14
|
+
import type Item from './item';
|
|
15
|
+
import type EditableElement from './editableelement';
|
|
16
|
+
declare const Selection_base: import("@ckeditor/ckeditor5-utils").Mixed<typeof TypeCheckable, import("@ckeditor/ckeditor5-utils").Emitter>;
|
|
17
|
+
/**
|
|
18
|
+
* Class representing an arbirtary selection in the view.
|
|
19
|
+
* See also {@link module:engine/view/documentselection~DocumentSelection}.
|
|
20
|
+
*
|
|
21
|
+
* New selection instances can be created via the constructor or one these methods:
|
|
22
|
+
*
|
|
23
|
+
* * {@link module:engine/view/view~View#createSelection `View#createSelection()`},
|
|
24
|
+
* * {@link module:engine/view/upcastwriter~UpcastWriter#createSelection `UpcastWriter#createSelection()`}.
|
|
25
|
+
*
|
|
26
|
+
* A selection can consist of {@link module:engine/view/range~Range ranges} that can be set by using
|
|
27
|
+
* the {@link module:engine/view/selection~Selection#setTo `Selection#setTo()`} method.
|
|
28
|
+
*/
|
|
29
|
+
export default class Selection extends Selection_base {
|
|
30
|
+
/**
|
|
31
|
+
* Stores all ranges that are selected.
|
|
32
|
+
*/
|
|
33
|
+
private _ranges;
|
|
34
|
+
/**
|
|
35
|
+
* Specifies whether the last added range was added as a backward or forward range.
|
|
36
|
+
*/
|
|
37
|
+
private _lastRangeBackward;
|
|
38
|
+
/**
|
|
39
|
+
* Specifies whether selection instance is fake.
|
|
40
|
+
*/
|
|
41
|
+
private _isFake;
|
|
42
|
+
/**
|
|
43
|
+
* Fake selection's label.
|
|
44
|
+
*/
|
|
45
|
+
private _fakeSelectionLabel;
|
|
46
|
+
/**
|
|
47
|
+
* Creates new selection instance.
|
|
48
|
+
*
|
|
49
|
+
* **Note**: The selection constructor is available as a factory method:
|
|
50
|
+
*
|
|
51
|
+
* * {@link module:engine/view/view~View#createSelection `View#createSelection()`},
|
|
52
|
+
* * {@link module:engine/view/upcastwriter~UpcastWriter#createSelection `UpcastWriter#createSelection()`}.
|
|
53
|
+
*
|
|
54
|
+
* ```ts
|
|
55
|
+
* // Creates empty selection without ranges.
|
|
56
|
+
* const selection = writer.createSelection();
|
|
57
|
+
*
|
|
58
|
+
* // Creates selection at the given range.
|
|
59
|
+
* const range = writer.createRange( start, end );
|
|
60
|
+
* const selection = writer.createSelection( range );
|
|
61
|
+
*
|
|
62
|
+
* // Creates selection at the given ranges
|
|
63
|
+
* const ranges = [ writer.createRange( start1, end2 ), writer.createRange( star2, end2 ) ];
|
|
64
|
+
* const selection = writer.createSelection( ranges );
|
|
65
|
+
*
|
|
66
|
+
* // Creates selection from the other selection.
|
|
67
|
+
* const otherSelection = writer.createSelection();
|
|
68
|
+
* const selection = writer.createSelection( otherSelection );
|
|
69
|
+
*
|
|
70
|
+
* // Creates selection from the document selection.
|
|
71
|
+
* const selection = writer.createSelection( editor.editing.view.document.selection );
|
|
72
|
+
*
|
|
73
|
+
* // Creates selection at the given position.
|
|
74
|
+
* const position = writer.createPositionFromPath( root, path );
|
|
75
|
+
* const selection = writer.createSelection( position );
|
|
76
|
+
*
|
|
77
|
+
* // Creates collapsed selection at the position of given item and offset.
|
|
78
|
+
* const paragraph = writer.createContainerElement( 'paragraph' );
|
|
79
|
+
* const selection = writer.createSelection( paragraph, offset );
|
|
80
|
+
*
|
|
81
|
+
* // Creates a range inside an {@link module:engine/view/element~Element element} which starts before the
|
|
82
|
+
* // first child of that element and ends after the last child of that element.
|
|
83
|
+
* const selection = writer.createSelection( paragraph, 'in' );
|
|
84
|
+
*
|
|
85
|
+
* // Creates a range on an {@link module:engine/view/item~Item item} which starts before the item and ends
|
|
86
|
+
* // just after the item.
|
|
87
|
+
* const selection = writer.createSelection( paragraph, 'on' );
|
|
88
|
+
* ```
|
|
89
|
+
*
|
|
90
|
+
* `Selection`'s constructor allow passing additional options (`backward`, `fake` and `label`) as the last argument.
|
|
91
|
+
*
|
|
92
|
+
* ```ts
|
|
93
|
+
* // Creates backward selection.
|
|
94
|
+
* const selection = writer.createSelection( range, { backward: true } );
|
|
95
|
+
* ```
|
|
96
|
+
*
|
|
97
|
+
* Fake selection does not render as browser native selection over selected elements and is hidden to the user.
|
|
98
|
+
* This way, no native selection UI artifacts are displayed to the user and selection over elements can be
|
|
99
|
+
* represented in other way, for example by applying proper CSS class.
|
|
100
|
+
*
|
|
101
|
+
* Additionally fake's selection label can be provided. It will be used to describe fake selection in DOM
|
|
102
|
+
* (and be properly handled by screen readers).
|
|
103
|
+
*
|
|
104
|
+
* ```ts
|
|
105
|
+
* // Creates fake selection with label.
|
|
106
|
+
* const selection = writer.createSelection( range, { fake: true, label: 'foo' } );
|
|
107
|
+
* ```
|
|
108
|
+
*
|
|
109
|
+
* @internal
|
|
110
|
+
*/
|
|
111
|
+
constructor(...args: [] | [
|
|
112
|
+
selectable: Node,
|
|
113
|
+
placeOrOffset: PlaceOrOffset,
|
|
114
|
+
options?: SelectionOptions
|
|
115
|
+
] | [
|
|
116
|
+
selectable?: Exclude<Selectable, Node>,
|
|
117
|
+
options?: SelectionOptions
|
|
118
|
+
]);
|
|
119
|
+
/**
|
|
120
|
+
* Returns true if selection instance is marked as `fake`.
|
|
121
|
+
*
|
|
122
|
+
* @see #setTo
|
|
123
|
+
*/
|
|
124
|
+
get isFake(): boolean;
|
|
125
|
+
/**
|
|
126
|
+
* Returns fake selection label.
|
|
127
|
+
*
|
|
128
|
+
* @see #setTo
|
|
129
|
+
*/
|
|
130
|
+
get fakeSelectionLabel(): string;
|
|
131
|
+
/**
|
|
132
|
+
* Selection anchor. Anchor may be described as a position where the selection starts. Together with
|
|
133
|
+
* {@link #focus focus} they define the direction of selection, which is important
|
|
134
|
+
* when expanding/shrinking selection. Anchor is always the start or end of the most recent added range.
|
|
135
|
+
* It may be a bit unintuitive when there are multiple ranges in selection.
|
|
136
|
+
*
|
|
137
|
+
* @see #focus
|
|
138
|
+
*/
|
|
139
|
+
get anchor(): Position | null;
|
|
140
|
+
/**
|
|
141
|
+
* Selection focus. Focus is a position where the selection ends.
|
|
142
|
+
*
|
|
143
|
+
* @see #anchor
|
|
144
|
+
*/
|
|
145
|
+
get focus(): Position | null;
|
|
146
|
+
/**
|
|
147
|
+
* Returns whether the selection is collapsed. Selection is collapsed when there is exactly one range which is
|
|
148
|
+
* collapsed.
|
|
149
|
+
*/
|
|
150
|
+
get isCollapsed(): boolean;
|
|
151
|
+
/**
|
|
152
|
+
* Returns number of ranges in selection.
|
|
153
|
+
*/
|
|
154
|
+
get rangeCount(): number;
|
|
155
|
+
/**
|
|
156
|
+
* Specifies whether the {@link #focus} precedes {@link #anchor}.
|
|
157
|
+
*/
|
|
158
|
+
get isBackward(): boolean;
|
|
159
|
+
/**
|
|
160
|
+
* {@link module:engine/view/editableelement~EditableElement EditableElement} instance that contains this selection, or `null`
|
|
161
|
+
* if the selection is not inside an editable element.
|
|
162
|
+
*/
|
|
163
|
+
get editableElement(): EditableElement | null;
|
|
164
|
+
/**
|
|
165
|
+
* Returns an iterable that contains copies of all ranges added to the selection.
|
|
166
|
+
*/
|
|
167
|
+
getRanges(): IterableIterator<Range>;
|
|
168
|
+
/**
|
|
169
|
+
* Returns copy of the first range in the selection. First range is the one which
|
|
170
|
+
* {@link module:engine/view/range~Range#start start} position {@link module:engine/view/position~Position#isBefore is before} start
|
|
171
|
+
* position of all other ranges (not to confuse with the first range added to the selection).
|
|
172
|
+
* Returns `null` if no ranges are added to selection.
|
|
173
|
+
*/
|
|
174
|
+
getFirstRange(): Range | null;
|
|
175
|
+
/**
|
|
176
|
+
* Returns copy of the last range in the selection. Last range is the one which {@link module:engine/view/range~Range#end end}
|
|
177
|
+
* position {@link module:engine/view/position~Position#isAfter is after} end position of all other ranges (not to confuse
|
|
178
|
+
* with the last range added to the selection). Returns `null` if no ranges are added to selection.
|
|
179
|
+
*/
|
|
180
|
+
getLastRange(): Range | null;
|
|
181
|
+
/**
|
|
182
|
+
* Returns copy of the first position in the selection. First position is the position that
|
|
183
|
+
* {@link module:engine/view/position~Position#isBefore is before} any other position in the selection ranges.
|
|
184
|
+
* Returns `null` if no ranges are added to selection.
|
|
185
|
+
*/
|
|
186
|
+
getFirstPosition(): Position | null;
|
|
187
|
+
/**
|
|
188
|
+
* Returns copy of the last position in the selection. Last position is the position that
|
|
189
|
+
* {@link module:engine/view/position~Position#isAfter is after} any other position in the selection ranges.
|
|
190
|
+
* Returns `null` if no ranges are added to selection.
|
|
191
|
+
*/
|
|
192
|
+
getLastPosition(): Position | null;
|
|
193
|
+
/**
|
|
194
|
+
* Checks whether, this selection is equal to given selection. Selections are equal if they have same directions,
|
|
195
|
+
* same number of ranges and all ranges from one selection equal to a range from other selection.
|
|
196
|
+
*
|
|
197
|
+
* @param otherSelection Selection to compare with.
|
|
198
|
+
* @returns `true` if selections are equal, `false` otherwise.
|
|
199
|
+
*/
|
|
200
|
+
isEqual(otherSelection: Selection | DocumentSelection): boolean;
|
|
201
|
+
/**
|
|
202
|
+
* Checks whether this selection is similar to given selection. Selections are similar if they have same directions, same
|
|
203
|
+
* number of ranges, and all {@link module:engine/view/range~Range#getTrimmed trimmed} ranges from one selection are
|
|
204
|
+
* equal to any trimmed range from other selection.
|
|
205
|
+
*
|
|
206
|
+
* @param otherSelection Selection to compare with.
|
|
207
|
+
* @returns `true` if selections are similar, `false` otherwise.
|
|
208
|
+
*/
|
|
209
|
+
isSimilar(otherSelection: Selection | DocumentSelection): boolean;
|
|
210
|
+
/**
|
|
211
|
+
* Returns the selected element. {@link module:engine/view/element~Element Element} is considered as selected if there is only
|
|
212
|
+
* one range in the selection, and that range contains exactly one element.
|
|
213
|
+
* Returns `null` if there is no selected element.
|
|
214
|
+
*/
|
|
215
|
+
getSelectedElement(): Element | null;
|
|
216
|
+
/**
|
|
217
|
+
* Sets this selection's ranges and direction to the specified location based on the given
|
|
218
|
+
* {@link module:engine/view/selection~Selectable selectable}.
|
|
219
|
+
*
|
|
220
|
+
* ```ts
|
|
221
|
+
* // Sets selection to the given range.
|
|
222
|
+
* const range = writer.createRange( start, end );
|
|
223
|
+
* selection.setTo( range );
|
|
224
|
+
*
|
|
225
|
+
* // Sets selection to given ranges.
|
|
226
|
+
* const ranges = [ writer.createRange( start1, end2 ), writer.createRange( star2, end2 ) ];
|
|
227
|
+
* selection.setTo( range );
|
|
228
|
+
*
|
|
229
|
+
* // Sets selection to the other selection.
|
|
230
|
+
* const otherSelection = writer.createSelection();
|
|
231
|
+
* selection.setTo( otherSelection );
|
|
232
|
+
*
|
|
233
|
+
* // Sets selection to contents of DocumentSelection.
|
|
234
|
+
* selection.setTo( editor.editing.view.document.selection );
|
|
235
|
+
*
|
|
236
|
+
* // Sets collapsed selection at the given position.
|
|
237
|
+
* const position = writer.createPositionAt( root, path );
|
|
238
|
+
* selection.setTo( position );
|
|
239
|
+
*
|
|
240
|
+
* // Sets collapsed selection at the position of given item and offset.
|
|
241
|
+
* selection.setTo( paragraph, offset );
|
|
242
|
+
* ```
|
|
243
|
+
*
|
|
244
|
+
* Creates a range inside an {@link module:engine/view/element~Element element} which starts before the first child of
|
|
245
|
+
* that element and ends after the last child of that element.
|
|
246
|
+
*
|
|
247
|
+
* ```ts
|
|
248
|
+
* selection.setTo( paragraph, 'in' );
|
|
249
|
+
* ```
|
|
250
|
+
*
|
|
251
|
+
* Creates a range on an {@link module:engine/view/item~Item item} which starts before the item and ends just after the item.
|
|
252
|
+
*
|
|
253
|
+
* ```ts
|
|
254
|
+
* selection.setTo( paragraph, 'on' );
|
|
255
|
+
*
|
|
256
|
+
* // Clears selection. Removes all ranges.
|
|
257
|
+
* selection.setTo( null );
|
|
258
|
+
* ```
|
|
259
|
+
*
|
|
260
|
+
* `Selection#setTo()` method allow passing additional options (`backward`, `fake` and `label`) as the last argument.
|
|
261
|
+
*
|
|
262
|
+
* ```ts
|
|
263
|
+
* // Sets selection as backward.
|
|
264
|
+
* selection.setTo( range, { backward: true } );
|
|
265
|
+
* ```
|
|
266
|
+
*
|
|
267
|
+
* Fake selection does not render as browser native selection over selected elements and is hidden to the user.
|
|
268
|
+
* This way, no native selection UI artifacts are displayed to the user and selection over elements can be
|
|
269
|
+
* represented in other way, for example by applying proper CSS class.
|
|
270
|
+
*
|
|
271
|
+
* Additionally fake's selection label can be provided. It will be used to describe fake selection in DOM
|
|
272
|
+
* (and be properly handled by screen readers).
|
|
273
|
+
*
|
|
274
|
+
* ```ts
|
|
275
|
+
* // Creates fake selection with label.
|
|
276
|
+
* selection.setTo( range, { fake: true, label: 'foo' } );
|
|
277
|
+
* ```
|
|
278
|
+
*
|
|
279
|
+
* @fires change
|
|
280
|
+
*/
|
|
281
|
+
setTo(...args: [
|
|
282
|
+
selectable: Node,
|
|
283
|
+
placeOrOffset: PlaceOrOffset,
|
|
284
|
+
options?: SelectionOptions
|
|
285
|
+
] | [
|
|
286
|
+
selectable?: Exclude<Selectable, Node>,
|
|
287
|
+
options?: SelectionOptions
|
|
288
|
+
]): void;
|
|
289
|
+
/**
|
|
290
|
+
* Moves {@link #focus} to the specified location.
|
|
291
|
+
*
|
|
292
|
+
* The location can be specified in the same form as {@link module:engine/view/view~View#createPositionAt view.createPositionAt()}
|
|
293
|
+
* parameters.
|
|
294
|
+
*
|
|
295
|
+
* @fires change
|
|
296
|
+
* @param offset Offset or one of the flags. Used only when first parameter is a {@link module:engine/view/item~Item view item}.
|
|
297
|
+
*/
|
|
298
|
+
setFocus(itemOrPosition: Item | Position, offset?: PositionOffset): void;
|
|
299
|
+
/**
|
|
300
|
+
* Replaces all ranges that were added to the selection with given array of ranges. Last range of the array
|
|
301
|
+
* is treated like the last added range and is used to set {@link #anchor anchor} and {@link #focus focus}.
|
|
302
|
+
* Accepts a flag describing in which way the selection is made.
|
|
303
|
+
*
|
|
304
|
+
* @param newRanges Iterable object of ranges to set.
|
|
305
|
+
* @param isLastBackward Flag describing if last added range was selected forward - from start to end
|
|
306
|
+
* (`false`) or backward - from end to start (`true`). Defaults to `false`.
|
|
307
|
+
*/
|
|
308
|
+
private _setRanges;
|
|
309
|
+
/**
|
|
310
|
+
* Sets this selection instance to be marked as `fake`. A fake selection does not render as browser native selection
|
|
311
|
+
* over selected elements and is hidden to the user. This way, no native selection UI artifacts are displayed to
|
|
312
|
+
* the user and selection over elements can be represented in other way, for example by applying proper CSS class.
|
|
313
|
+
*
|
|
314
|
+
* Additionally fake's selection label can be provided. It will be used to describe fake selection in DOM (and be
|
|
315
|
+
* properly handled by screen readers).
|
|
316
|
+
*/
|
|
317
|
+
private _setFakeOptions;
|
|
318
|
+
/**
|
|
319
|
+
* Adds a range to the selection. Added range is copied. This means that passed range is not saved in the
|
|
320
|
+
* selection instance and you can safely operate on it.
|
|
321
|
+
*
|
|
322
|
+
* Accepts a flag describing in which way the selection is made - passed range might be selected from
|
|
323
|
+
* {@link module:engine/view/range~Range#start start} to {@link module:engine/view/range~Range#end end}
|
|
324
|
+
* or from {@link module:engine/view/range~Range#end end} to {@link module:engine/view/range~Range#start start}.
|
|
325
|
+
* The flag is used to set {@link #anchor anchor} and {@link #focus focus} properties.
|
|
326
|
+
*
|
|
327
|
+
* Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-selection-range-intersects` if added range intersects
|
|
328
|
+
* with ranges already stored in Selection instance.
|
|
329
|
+
*/
|
|
330
|
+
private _addRange;
|
|
331
|
+
/**
|
|
332
|
+
* Adds range to selection - creates copy of given range so it can be safely used and modified.
|
|
333
|
+
*
|
|
334
|
+
* Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-selection-range-intersects` if added range intersects
|
|
335
|
+
* with ranges already stored in selection instance.
|
|
336
|
+
*/
|
|
337
|
+
private _pushRange;
|
|
338
|
+
}
|
|
339
|
+
/**
|
|
340
|
+
* Additional options for {@link ~Selection}.
|
|
341
|
+
*/
|
|
342
|
+
export interface SelectionOptions {
|
|
343
|
+
/**
|
|
344
|
+
* Sets this selection instance to be backward.
|
|
345
|
+
*/
|
|
346
|
+
backward?: boolean;
|
|
347
|
+
/**
|
|
348
|
+
* Sets this selection instance to be marked as `fake`.
|
|
349
|
+
*/
|
|
350
|
+
fake?: boolean;
|
|
351
|
+
/**
|
|
352
|
+
* Label for the fake selection.
|
|
353
|
+
*/
|
|
354
|
+
label?: string;
|
|
355
|
+
}
|
|
356
|
+
/**
|
|
357
|
+
* The place or offset of the selection.
|
|
358
|
+
*/
|
|
359
|
+
export type PlaceOrOffset = number | 'before' | 'end' | 'after' | 'on' | 'in';
|
|
360
|
+
/**
|
|
361
|
+
* Fired whenever selection ranges are changed through {@link ~Selection Selection API}.
|
|
362
|
+
*
|
|
363
|
+
* @eventName ~Selection#change
|
|
364
|
+
*/
|
|
365
|
+
export type ViewSelectionChangeEvent = {
|
|
366
|
+
name: 'change';
|
|
367
|
+
args: [];
|
|
368
|
+
};
|
|
369
|
+
/**
|
|
370
|
+
* An entity that is used to set selection.
|
|
371
|
+
*
|
|
372
|
+
* See also {@link module:engine/view/selection~Selection#setTo}
|
|
373
|
+
*/
|
|
374
|
+
export type Selectable = Selection | DocumentSelection | Position | Iterable<Range> | Range | Node | null;
|
|
375
|
+
export {};
|