/
compositionobserver.js
79 lines (69 loc) · 2.96 KB
/
compositionobserver.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
/**
* @license Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved.
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
*/
/**
* @module engine/view/observer/compositionobserver
*/
import DomEventObserver from './domeventobserver';
/**
* {@link module:engine/view/document~Document#event:compositionstart Compositionstart},
* {@link module:engine/view/document~Document#event:compositionupdate compositionupdate} and
* {@link module:engine/view/document~Document#event:compositionend compositionend} events observer.
*
* Note that this observer is attached by the {@link module:engine/view/view~View} and is available by default.
*
* @extends module:engine/view/observer/domeventobserver~DomEventObserver
*/
export default class CompositionObserver extends DomEventObserver {
constructor( view ) {
super( view );
this.domEventType = [ 'compositionstart', 'compositionupdate', 'compositionend' ];
const document = this.document;
document.on( 'compositionstart', () => {
document.isComposing = true;
} );
document.on( 'compositionend', () => {
document.isComposing = false;
} );
}
onDomEvent( domEvent ) {
this.fire( domEvent.type, domEvent );
}
}
/**
* Fired when composition starts inside one of the editables.
*
* Introduced by {@link module:engine/view/observer/compositionobserver~CompositionObserver}.
*
* Note that because {@link module:engine/view/observer/compositionobserver~CompositionObserver} is attached by the
* {@link module:engine/view/view~View} this event is available by default.
*
* @see module:engine/view/observer/compositionobserver~CompositionObserver
* @event module:engine/view/document~Document#event:compositionstart
* @param {module:engine/view/observer/domeventdata~DomEventData} data Event data.
*/
/**
* Fired when composition is updated inside one of the editables.
*
* Introduced by {@link module:engine/view/observer/compositionobserver~CompositionObserver}.
*
* Note that because {@link module:engine/view/observer/compositionobserver~CompositionObserver} is attached by the
* {@link module:engine/view/view~View} this event is available by default.
*
* @see module:engine/view/observer/compositionobserver~CompositionObserver
* @event module:engine/view/document~Document#event:compositionupdate
* @param {module:engine/view/observer/domeventdata~DomEventData} data Event data.
*/
/**
* Fired when composition ends inside one of the editables.
*
* Introduced by {@link module:engine/view/observer/compositionobserver~CompositionObserver}.
*
* Note that because {@link module:engine/view/observer/compositionobserver~CompositionObserver} is attached by the
* {@link module:engine/view/view~View} this event is available by default.
*
* @see module:engine/view/observer/compositionobserver~CompositionObserver
* @event module:engine/view/document~Document#event:compositionend
* @param {module:engine/view/observer/domeventdata~DomEventData} data Event data.
*/