@ckeditor/ckeditor5-ui 40.0.0 → 40.2.0
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/CHANGELOG.md +26 -26
- package/LICENSE.md +3 -3
- package/lang/translations/gl.po +4 -4
- package/lang/translations/pt-br.po +1 -1
- package/lang/translations/sr-latn.po +6 -6
- package/lang/translations/ug.po +26 -26
- package/package.json +3 -3
- package/src/arialiveannouncer.d.ts +94 -0
- package/src/arialiveannouncer.js +113 -0
- package/src/augmentation.d.ts +86 -86
- package/src/augmentation.js +5 -5
- package/src/autocomplete/autocompleteview.d.ts +81 -81
- package/src/autocomplete/autocompleteview.js +153 -146
- package/src/bindings/addkeyboardhandlingforgrid.d.ts +27 -27
- package/src/bindings/addkeyboardhandlingforgrid.js +107 -107
- package/src/bindings/clickoutsidehandler.d.ts +28 -28
- package/src/bindings/clickoutsidehandler.js +36 -36
- package/src/bindings/csstransitiondisablermixin.d.ts +40 -40
- package/src/bindings/csstransitiondisablermixin.js +55 -55
- package/src/bindings/injectcsstransitiondisabler.d.ts +59 -59
- package/src/bindings/injectcsstransitiondisabler.js +71 -71
- package/src/bindings/preventdefault.d.ts +33 -33
- package/src/bindings/preventdefault.js +34 -34
- package/src/bindings/submithandler.d.ts +57 -57
- package/src/bindings/submithandler.js +47 -47
- package/src/button/button.d.ts +172 -178
- package/src/button/button.js +5 -5
- package/src/button/buttonlabel.d.ts +34 -34
- package/src/button/buttonlabel.js +5 -5
- package/src/button/buttonlabelview.d.ts +31 -31
- package/src/button/buttonlabelview.js +42 -42
- package/src/button/buttonview.d.ts +181 -185
- package/src/button/buttonview.js +217 -219
- package/src/button/switchbuttonview.d.ts +45 -45
- package/src/button/switchbuttonview.js +75 -75
- package/src/collapsible/collapsibleview.d.ts +69 -0
- package/src/collapsible/collapsibleview.js +95 -0
- package/src/colorgrid/colorgridview.d.ts +132 -132
- package/src/colorgrid/colorgridview.js +124 -124
- package/src/colorgrid/colortileview.d.ts +28 -28
- package/src/colorgrid/colortileview.js +40 -40
- package/src/colorgrid/utils.d.ts +47 -47
- package/src/colorgrid/utils.js +84 -84
- package/src/colorpicker/colorpickerview.d.ts +137 -137
- package/src/colorpicker/colorpickerview.js +270 -270
- package/src/colorpicker/utils.d.ts +43 -43
- package/src/colorpicker/utils.js +99 -99
- package/src/colorselector/colorgridsfragmentview.d.ts +194 -194
- package/src/colorselector/colorgridsfragmentview.js +289 -289
- package/src/colorselector/colorpickerfragmentview.d.ts +128 -128
- package/src/colorselector/colorpickerfragmentview.js +205 -205
- package/src/colorselector/colorselectorview.d.ts +242 -242
- package/src/colorselector/colorselectorview.js +256 -256
- package/src/colorselector/documentcolorcollection.d.ts +70 -70
- package/src/colorselector/documentcolorcollection.js +42 -42
- package/src/componentfactory.d.ts +81 -81
- package/src/componentfactory.js +104 -104
- package/src/dropdown/button/dropdownbutton.d.ts +25 -25
- package/src/dropdown/button/dropdownbutton.js +5 -5
- package/src/dropdown/button/dropdownbuttonview.d.ts +48 -48
- package/src/dropdown/button/dropdownbuttonview.js +66 -66
- package/src/dropdown/button/splitbuttonview.d.ts +162 -161
- package/src/dropdown/button/splitbuttonview.js +154 -152
- package/src/dropdown/dropdownpanelfocusable.d.ts +21 -21
- package/src/dropdown/dropdownpanelfocusable.js +5 -5
- package/src/dropdown/dropdownpanelview.d.ts +62 -62
- package/src/dropdown/dropdownpanelview.js +97 -97
- package/src/dropdown/dropdownview.d.ts +315 -315
- package/src/dropdown/dropdownview.js +379 -379
- package/src/dropdown/utils.d.ts +235 -235
- package/src/dropdown/utils.js +463 -458
- package/src/editableui/editableuiview.d.ts +72 -72
- package/src/editableui/editableuiview.js +112 -112
- package/src/editableui/inline/inlineeditableuiview.d.ts +40 -40
- package/src/editableui/inline/inlineeditableuiview.js +48 -48
- package/src/editorui/bodycollection.d.ts +55 -55
- package/src/editorui/bodycollection.js +84 -84
- package/src/editorui/boxed/boxededitoruiview.d.ts +40 -40
- package/src/editorui/boxed/boxededitoruiview.js +81 -81
- package/src/editorui/editorui.d.ts +288 -282
- package/src/editorui/editorui.js +412 -410
- package/src/editorui/editoruiview.d.ts +39 -39
- package/src/editorui/editoruiview.js +38 -38
- package/src/editorui/poweredby.d.ts +71 -71
- package/src/editorui/poweredby.js +276 -276
- package/src/focuscycler.d.ts +226 -226
- package/src/focuscycler.js +245 -245
- package/src/formheader/formheaderview.d.ts +59 -59
- package/src/formheader/formheaderview.js +69 -69
- package/src/highlightedtext/highlightedtextview.d.ts +38 -38
- package/src/highlightedtext/highlightedtextview.js +102 -102
- package/src/icon/iconview.d.ts +85 -85
- package/src/icon/iconview.js +114 -114
- package/src/iframe/iframeview.d.ts +50 -50
- package/src/iframe/iframeview.js +63 -63
- package/src/index.d.ts +74 -73
- package/src/index.js +71 -70
- package/src/input/inputbase.d.ts +107 -107
- package/src/input/inputbase.js +110 -110
- package/src/input/inputview.d.ts +36 -36
- package/src/input/inputview.js +24 -24
- package/src/inputnumber/inputnumberview.d.ts +49 -49
- package/src/inputnumber/inputnumberview.js +40 -40
- package/src/inputtext/inputtextview.d.ts +18 -18
- package/src/inputtext/inputtextview.js +27 -27
- package/src/label/labelview.d.ts +36 -36
- package/src/label/labelview.js +41 -41
- package/src/labeledfield/labeledfieldview.d.ts +187 -187
- package/src/labeledfield/labeledfieldview.js +157 -157
- package/src/labeledfield/utils.d.ts +123 -123
- package/src/labeledfield/utils.js +176 -176
- package/src/labeledinput/labeledinputview.d.ts +125 -125
- package/src/labeledinput/labeledinputview.js +125 -125
- package/src/list/listitemgroupview.d.ts +59 -51
- package/src/list/listitemgroupview.js +67 -75
- package/src/list/listitemview.d.ts +36 -36
- package/src/list/listitemview.js +42 -42
- package/src/list/listseparatorview.d.ts +18 -18
- package/src/list/listseparatorview.js +28 -28
- package/src/list/listview.d.ts +123 -122
- package/src/list/listview.js +188 -187
- package/src/model.d.ts +22 -22
- package/src/model.js +31 -31
- package/src/notification/notification.d.ts +211 -211
- package/src/notification/notification.js +187 -187
- package/src/panel/balloon/balloonpanelview.d.ts +685 -685
- package/src/panel/balloon/balloonpanelview.js +1010 -1010
- package/src/panel/balloon/contextualballoon.d.ts +299 -299
- package/src/panel/balloon/contextualballoon.js +572 -572
- package/src/panel/sticky/stickypanelview.d.ts +156 -156
- package/src/panel/sticky/stickypanelview.js +234 -234
- package/src/search/filteredview.d.ts +31 -31
- package/src/search/filteredview.js +5 -5
- package/src/search/searchinfoview.d.ts +45 -45
- package/src/search/searchinfoview.js +59 -59
- package/src/search/searchresultsview.d.ts +54 -54
- package/src/search/searchresultsview.js +65 -65
- package/src/search/text/searchtextqueryview.d.ts +76 -76
- package/src/search/text/searchtextqueryview.js +75 -75
- package/src/search/text/searchtextview.d.ts +219 -219
- package/src/search/text/searchtextview.js +201 -201
- package/src/spinner/spinnerview.d.ts +25 -25
- package/src/spinner/spinnerview.js +38 -38
- package/src/template.d.ts +942 -942
- package/src/template.js +1294 -1294
- package/src/textarea/textareaview.d.ts +88 -88
- package/src/textarea/textareaview.js +142 -140
- package/src/toolbar/balloon/balloontoolbar.d.ts +122 -122
- package/src/toolbar/balloon/balloontoolbar.js +300 -300
- package/src/toolbar/block/blockbuttonview.d.ts +35 -35
- package/src/toolbar/block/blockbuttonview.js +41 -41
- package/src/toolbar/block/blocktoolbar.d.ts +161 -161
- package/src/toolbar/block/blocktoolbar.js +395 -395
- package/src/toolbar/normalizetoolbarconfig.d.ts +40 -40
- package/src/toolbar/normalizetoolbarconfig.js +52 -51
- package/src/toolbar/toolbarlinebreakview.d.ts +18 -18
- package/src/toolbar/toolbarlinebreakview.js +28 -28
- package/src/toolbar/toolbarseparatorview.d.ts +18 -18
- package/src/toolbar/toolbarseparatorview.js +28 -28
- package/src/toolbar/toolbarview.d.ts +266 -266
- package/src/toolbar/toolbarview.js +719 -719
- package/src/tooltipmanager.d.ts +180 -180
- package/src/tooltipmanager.js +353 -353
- package/src/view.d.ts +422 -422
- package/src/view.js +396 -396
- package/src/viewcollection.d.ts +139 -139
- package/src/viewcollection.js +206 -206
- package/theme/components/arialiveannouncer/arialiveannouncer.css +10 -0
- package/theme/components/button/button.css +9 -1
- package/theme/components/collapsible/collapsible.css +10 -0
- package/theme/components/formheader/formheader.css +0 -4
package/src/input/inputview.js
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
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
|
-
import InputBase from './inputbase';
|
|
6
|
-
import '../../theme/components/input/input.css';
|
|
7
|
-
/**
|
|
8
|
-
* The input view class.
|
|
9
|
-
*/
|
|
10
|
-
export default class InputView extends InputBase {
|
|
11
|
-
/**
|
|
12
|
-
* @inheritDoc
|
|
13
|
-
*/
|
|
14
|
-
constructor(locale) {
|
|
15
|
-
super(locale);
|
|
16
|
-
this.set('inputMode', 'text');
|
|
17
|
-
const bind = this.bindTemplate;
|
|
18
|
-
this.extendTemplate({
|
|
19
|
-
attributes: {
|
|
20
|
-
inputmode: bind.to('inputMode')
|
|
21
|
-
}
|
|
22
|
-
});
|
|
23
|
-
}
|
|
24
|
-
}
|
|
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
|
+
import InputBase from './inputbase';
|
|
6
|
+
import '../../theme/components/input/input.css';
|
|
7
|
+
/**
|
|
8
|
+
* The input view class.
|
|
9
|
+
*/
|
|
10
|
+
export default class InputView extends InputBase {
|
|
11
|
+
/**
|
|
12
|
+
* @inheritDoc
|
|
13
|
+
*/
|
|
14
|
+
constructor(locale) {
|
|
15
|
+
super(locale);
|
|
16
|
+
this.set('inputMode', 'text');
|
|
17
|
+
const bind = this.bindTemplate;
|
|
18
|
+
this.extendTemplate({
|
|
19
|
+
attributes: {
|
|
20
|
+
inputmode: bind.to('inputMode')
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
}
|
|
@@ -1,49 +1,49 @@
|
|
|
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 ui/inputnumber/inputnumberview
|
|
7
|
-
*/
|
|
8
|
-
import InputView from '../input/inputview';
|
|
9
|
-
import type { Locale } from '@ckeditor/ckeditor5-utils';
|
|
10
|
-
/**
|
|
11
|
-
* The number input view class.
|
|
12
|
-
*/
|
|
13
|
-
export default class InputNumberView extends InputView {
|
|
14
|
-
/**
|
|
15
|
-
* The value of the `min` DOM attribute (the lowest accepted value) set on the {@link #element}.
|
|
16
|
-
*
|
|
17
|
-
* @observable
|
|
18
|
-
* @default undefined
|
|
19
|
-
*/
|
|
20
|
-
min: number | undefined;
|
|
21
|
-
/**
|
|
22
|
-
* The value of the `max` DOM attribute (the highest accepted value) set on the {@link #element}.
|
|
23
|
-
*
|
|
24
|
-
* @observable
|
|
25
|
-
* @default undefined
|
|
26
|
-
*/
|
|
27
|
-
max: number | undefined;
|
|
28
|
-
/**
|
|
29
|
-
* The value of the `step` DOM attribute set on the {@link #element}.
|
|
30
|
-
*
|
|
31
|
-
* @observable
|
|
32
|
-
* @default undefined
|
|
33
|
-
*/
|
|
34
|
-
step: number | undefined;
|
|
35
|
-
/**
|
|
36
|
-
* Creates an instance of the input number view.
|
|
37
|
-
*
|
|
38
|
-
* @param locale The {@link module:core/editor/editor~Editor#locale} instance.
|
|
39
|
-
* @param options The options of the input.
|
|
40
|
-
* @param options.min The value of the `min` DOM attribute (the lowest accepted value).
|
|
41
|
-
* @param options.max The value of the `max` DOM attribute (the highest accepted value).
|
|
42
|
-
* @param options.step The value of the `step` DOM attribute.
|
|
43
|
-
*/
|
|
44
|
-
constructor(locale?: Locale, { min, max, step }?: {
|
|
45
|
-
min?: number;
|
|
46
|
-
max?: number;
|
|
47
|
-
step?: number;
|
|
48
|
-
});
|
|
49
|
-
}
|
|
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 ui/inputnumber/inputnumberview
|
|
7
|
+
*/
|
|
8
|
+
import InputView from '../input/inputview';
|
|
9
|
+
import type { Locale } from '@ckeditor/ckeditor5-utils';
|
|
10
|
+
/**
|
|
11
|
+
* The number input view class.
|
|
12
|
+
*/
|
|
13
|
+
export default class InputNumberView extends InputView {
|
|
14
|
+
/**
|
|
15
|
+
* The value of the `min` DOM attribute (the lowest accepted value) set on the {@link #element}.
|
|
16
|
+
*
|
|
17
|
+
* @observable
|
|
18
|
+
* @default undefined
|
|
19
|
+
*/
|
|
20
|
+
min: number | undefined;
|
|
21
|
+
/**
|
|
22
|
+
* The value of the `max` DOM attribute (the highest accepted value) set on the {@link #element}.
|
|
23
|
+
*
|
|
24
|
+
* @observable
|
|
25
|
+
* @default undefined
|
|
26
|
+
*/
|
|
27
|
+
max: number | undefined;
|
|
28
|
+
/**
|
|
29
|
+
* The value of the `step` DOM attribute set on the {@link #element}.
|
|
30
|
+
*
|
|
31
|
+
* @observable
|
|
32
|
+
* @default undefined
|
|
33
|
+
*/
|
|
34
|
+
step: number | undefined;
|
|
35
|
+
/**
|
|
36
|
+
* Creates an instance of the input number view.
|
|
37
|
+
*
|
|
38
|
+
* @param locale The {@link module:core/editor/editor~Editor#locale} instance.
|
|
39
|
+
* @param options The options of the input.
|
|
40
|
+
* @param options.min The value of the `min` DOM attribute (the lowest accepted value).
|
|
41
|
+
* @param options.max The value of the `max` DOM attribute (the highest accepted value).
|
|
42
|
+
* @param options.step The value of the `step` DOM attribute.
|
|
43
|
+
*/
|
|
44
|
+
constructor(locale?: Locale, { min, max, step }?: {
|
|
45
|
+
min?: number;
|
|
46
|
+
max?: number;
|
|
47
|
+
step?: number;
|
|
48
|
+
});
|
|
49
|
+
}
|
|
@@ -1,40 +1,40 @@
|
|
|
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 ui/inputnumber/inputnumberview
|
|
7
|
-
*/
|
|
8
|
-
import InputView from '../input/inputview';
|
|
9
|
-
/**
|
|
10
|
-
* The number input view class.
|
|
11
|
-
*/
|
|
12
|
-
export default class InputNumberView extends InputView {
|
|
13
|
-
/**
|
|
14
|
-
* Creates an instance of the input number view.
|
|
15
|
-
*
|
|
16
|
-
* @param locale The {@link module:core/editor/editor~Editor#locale} instance.
|
|
17
|
-
* @param options The options of the input.
|
|
18
|
-
* @param options.min The value of the `min` DOM attribute (the lowest accepted value).
|
|
19
|
-
* @param options.max The value of the `max` DOM attribute (the highest accepted value).
|
|
20
|
-
* @param options.step The value of the `step` DOM attribute.
|
|
21
|
-
*/
|
|
22
|
-
constructor(locale, { min, max, step } = {}) {
|
|
23
|
-
super(locale);
|
|
24
|
-
const bind = this.bindTemplate;
|
|
25
|
-
this.set('min', min);
|
|
26
|
-
this.set('max', max);
|
|
27
|
-
this.set('step', step);
|
|
28
|
-
this.extendTemplate({
|
|
29
|
-
attributes: {
|
|
30
|
-
type: 'number',
|
|
31
|
-
class: [
|
|
32
|
-
'ck-input-number'
|
|
33
|
-
],
|
|
34
|
-
min: bind.to('min'),
|
|
35
|
-
max: bind.to('max'),
|
|
36
|
-
step: bind.to('step')
|
|
37
|
-
}
|
|
38
|
-
});
|
|
39
|
-
}
|
|
40
|
-
}
|
|
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 ui/inputnumber/inputnumberview
|
|
7
|
+
*/
|
|
8
|
+
import InputView from '../input/inputview';
|
|
9
|
+
/**
|
|
10
|
+
* The number input view class.
|
|
11
|
+
*/
|
|
12
|
+
export default class InputNumberView extends InputView {
|
|
13
|
+
/**
|
|
14
|
+
* Creates an instance of the input number view.
|
|
15
|
+
*
|
|
16
|
+
* @param locale The {@link module:core/editor/editor~Editor#locale} instance.
|
|
17
|
+
* @param options The options of the input.
|
|
18
|
+
* @param options.min The value of the `min` DOM attribute (the lowest accepted value).
|
|
19
|
+
* @param options.max The value of the `max` DOM attribute (the highest accepted value).
|
|
20
|
+
* @param options.step The value of the `step` DOM attribute.
|
|
21
|
+
*/
|
|
22
|
+
constructor(locale, { min, max, step } = {}) {
|
|
23
|
+
super(locale);
|
|
24
|
+
const bind = this.bindTemplate;
|
|
25
|
+
this.set('min', min);
|
|
26
|
+
this.set('max', max);
|
|
27
|
+
this.set('step', step);
|
|
28
|
+
this.extendTemplate({
|
|
29
|
+
attributes: {
|
|
30
|
+
type: 'number',
|
|
31
|
+
class: [
|
|
32
|
+
'ck-input-number'
|
|
33
|
+
],
|
|
34
|
+
min: bind.to('min'),
|
|
35
|
+
max: bind.to('max'),
|
|
36
|
+
step: bind.to('step')
|
|
37
|
+
}
|
|
38
|
+
});
|
|
39
|
+
}
|
|
40
|
+
}
|
|
@@ -1,18 +1,18 @@
|
|
|
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 ui/inputtext/inputtextview
|
|
7
|
-
*/
|
|
8
|
-
import InputView from '../input/inputview';
|
|
9
|
-
import type { Locale } from '@ckeditor/ckeditor5-utils';
|
|
10
|
-
/**
|
|
11
|
-
* The text input view class.
|
|
12
|
-
*/
|
|
13
|
-
export default class InputTextView extends InputView {
|
|
14
|
-
/**
|
|
15
|
-
* @inheritDoc
|
|
16
|
-
*/
|
|
17
|
-
constructor(locale?: Locale);
|
|
18
|
-
}
|
|
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 ui/inputtext/inputtextview
|
|
7
|
+
*/
|
|
8
|
+
import InputView from '../input/inputview';
|
|
9
|
+
import type { Locale } from '@ckeditor/ckeditor5-utils';
|
|
10
|
+
/**
|
|
11
|
+
* The text input view class.
|
|
12
|
+
*/
|
|
13
|
+
export default class InputTextView extends InputView {
|
|
14
|
+
/**
|
|
15
|
+
* @inheritDoc
|
|
16
|
+
*/
|
|
17
|
+
constructor(locale?: Locale);
|
|
18
|
+
}
|
|
@@ -1,27 +1,27 @@
|
|
|
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 ui/inputtext/inputtextview
|
|
7
|
-
*/
|
|
8
|
-
import InputView from '../input/inputview';
|
|
9
|
-
/**
|
|
10
|
-
* The text input view class.
|
|
11
|
-
*/
|
|
12
|
-
export default class InputTextView extends InputView {
|
|
13
|
-
/**
|
|
14
|
-
* @inheritDoc
|
|
15
|
-
*/
|
|
16
|
-
constructor(locale) {
|
|
17
|
-
super(locale);
|
|
18
|
-
this.extendTemplate({
|
|
19
|
-
attributes: {
|
|
20
|
-
type: 'text',
|
|
21
|
-
class: [
|
|
22
|
-
'ck-input-text'
|
|
23
|
-
]
|
|
24
|
-
}
|
|
25
|
-
});
|
|
26
|
-
}
|
|
27
|
-
}
|
|
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 ui/inputtext/inputtextview
|
|
7
|
+
*/
|
|
8
|
+
import InputView from '../input/inputview';
|
|
9
|
+
/**
|
|
10
|
+
* The text input view class.
|
|
11
|
+
*/
|
|
12
|
+
export default class InputTextView extends InputView {
|
|
13
|
+
/**
|
|
14
|
+
* @inheritDoc
|
|
15
|
+
*/
|
|
16
|
+
constructor(locale) {
|
|
17
|
+
super(locale);
|
|
18
|
+
this.extendTemplate({
|
|
19
|
+
attributes: {
|
|
20
|
+
type: 'text',
|
|
21
|
+
class: [
|
|
22
|
+
'ck-input-text'
|
|
23
|
+
]
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
}
|
package/src/label/labelview.d.ts
CHANGED
|
@@ -1,36 +1,36 @@
|
|
|
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 ui/label/labelview
|
|
7
|
-
*/
|
|
8
|
-
import View from '../view';
|
|
9
|
-
import { type Locale } from '@ckeditor/ckeditor5-utils';
|
|
10
|
-
import '../../theme/components/label/label.css';
|
|
11
|
-
/**
|
|
12
|
-
* The label view class.
|
|
13
|
-
*/
|
|
14
|
-
export default class LabelView extends View {
|
|
15
|
-
/**
|
|
16
|
-
* An unique id of the label. It can be used by other UI components to reference
|
|
17
|
-
* the label, for instance, using the `aria-describedby` DOM attribute.
|
|
18
|
-
*/
|
|
19
|
-
readonly id: string;
|
|
20
|
-
/**
|
|
21
|
-
* The text of the label.
|
|
22
|
-
*
|
|
23
|
-
* @observable
|
|
24
|
-
*/
|
|
25
|
-
text: string | undefined;
|
|
26
|
-
/**
|
|
27
|
-
* The `for` attribute of the label (i.e. to pair with an `<input>` element).
|
|
28
|
-
*
|
|
29
|
-
* @observable
|
|
30
|
-
*/
|
|
31
|
-
for: string | undefined;
|
|
32
|
-
/**
|
|
33
|
-
* @inheritDoc
|
|
34
|
-
*/
|
|
35
|
-
constructor(locale?: Locale);
|
|
36
|
-
}
|
|
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 ui/label/labelview
|
|
7
|
+
*/
|
|
8
|
+
import View from '../view';
|
|
9
|
+
import { type Locale } from '@ckeditor/ckeditor5-utils';
|
|
10
|
+
import '../../theme/components/label/label.css';
|
|
11
|
+
/**
|
|
12
|
+
* The label view class.
|
|
13
|
+
*/
|
|
14
|
+
export default class LabelView extends View {
|
|
15
|
+
/**
|
|
16
|
+
* An unique id of the label. It can be used by other UI components to reference
|
|
17
|
+
* the label, for instance, using the `aria-describedby` DOM attribute.
|
|
18
|
+
*/
|
|
19
|
+
readonly id: string;
|
|
20
|
+
/**
|
|
21
|
+
* The text of the label.
|
|
22
|
+
*
|
|
23
|
+
* @observable
|
|
24
|
+
*/
|
|
25
|
+
text: string | undefined;
|
|
26
|
+
/**
|
|
27
|
+
* The `for` attribute of the label (i.e. to pair with an `<input>` element).
|
|
28
|
+
*
|
|
29
|
+
* @observable
|
|
30
|
+
*/
|
|
31
|
+
for: string | undefined;
|
|
32
|
+
/**
|
|
33
|
+
* @inheritDoc
|
|
34
|
+
*/
|
|
35
|
+
constructor(locale?: Locale);
|
|
36
|
+
}
|
package/src/label/labelview.js
CHANGED
|
@@ -1,41 +1,41 @@
|
|
|
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 ui/label/labelview
|
|
7
|
-
*/
|
|
8
|
-
import View from '../view';
|
|
9
|
-
import { uid } from '@ckeditor/ckeditor5-utils';
|
|
10
|
-
import '../../theme/components/label/label.css';
|
|
11
|
-
/**
|
|
12
|
-
* The label view class.
|
|
13
|
-
*/
|
|
14
|
-
export default class LabelView extends View {
|
|
15
|
-
/**
|
|
16
|
-
* @inheritDoc
|
|
17
|
-
*/
|
|
18
|
-
constructor(locale) {
|
|
19
|
-
super(locale);
|
|
20
|
-
this.set('text', undefined);
|
|
21
|
-
this.set('for', undefined);
|
|
22
|
-
this.id = `ck-editor__label_${uid()}`;
|
|
23
|
-
const bind = this.bindTemplate;
|
|
24
|
-
this.setTemplate({
|
|
25
|
-
tag: 'label',
|
|
26
|
-
attributes: {
|
|
27
|
-
class: [
|
|
28
|
-
'ck',
|
|
29
|
-
'ck-label'
|
|
30
|
-
],
|
|
31
|
-
id: this.id,
|
|
32
|
-
for: bind.to('for')
|
|
33
|
-
},
|
|
34
|
-
children: [
|
|
35
|
-
{
|
|
36
|
-
text: bind.to('text')
|
|
37
|
-
}
|
|
38
|
-
]
|
|
39
|
-
});
|
|
40
|
-
}
|
|
41
|
-
}
|
|
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 ui/label/labelview
|
|
7
|
+
*/
|
|
8
|
+
import View from '../view';
|
|
9
|
+
import { uid } from '@ckeditor/ckeditor5-utils';
|
|
10
|
+
import '../../theme/components/label/label.css';
|
|
11
|
+
/**
|
|
12
|
+
* The label view class.
|
|
13
|
+
*/
|
|
14
|
+
export default class LabelView extends View {
|
|
15
|
+
/**
|
|
16
|
+
* @inheritDoc
|
|
17
|
+
*/
|
|
18
|
+
constructor(locale) {
|
|
19
|
+
super(locale);
|
|
20
|
+
this.set('text', undefined);
|
|
21
|
+
this.set('for', undefined);
|
|
22
|
+
this.id = `ck-editor__label_${uid()}`;
|
|
23
|
+
const bind = this.bindTemplate;
|
|
24
|
+
this.setTemplate({
|
|
25
|
+
tag: 'label',
|
|
26
|
+
attributes: {
|
|
27
|
+
class: [
|
|
28
|
+
'ck',
|
|
29
|
+
'ck-label'
|
|
30
|
+
],
|
|
31
|
+
id: this.id,
|
|
32
|
+
for: bind.to('for')
|
|
33
|
+
},
|
|
34
|
+
children: [
|
|
35
|
+
{
|
|
36
|
+
text: bind.to('text')
|
|
37
|
+
}
|
|
38
|
+
]
|
|
39
|
+
});
|
|
40
|
+
}
|
|
41
|
+
}
|