@ckeditor/ckeditor5-ui 40.0.0 → 40.1.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.
Files changed (165) hide show
  1. package/LICENSE.md +3 -3
  2. package/lang/translations/pt-br.po +1 -1
  3. package/lang/translations/ug.po +26 -26
  4. package/package.json +3 -3
  5. package/src/arialiveannouncer.d.ts +94 -0
  6. package/src/arialiveannouncer.js +113 -0
  7. package/src/augmentation.d.ts +86 -86
  8. package/src/augmentation.js +5 -5
  9. package/src/autocomplete/autocompleteview.d.ts +81 -81
  10. package/src/autocomplete/autocompleteview.js +153 -146
  11. package/src/bindings/addkeyboardhandlingforgrid.d.ts +27 -27
  12. package/src/bindings/addkeyboardhandlingforgrid.js +107 -107
  13. package/src/bindings/clickoutsidehandler.d.ts +28 -28
  14. package/src/bindings/clickoutsidehandler.js +36 -36
  15. package/src/bindings/csstransitiondisablermixin.d.ts +40 -40
  16. package/src/bindings/csstransitiondisablermixin.js +55 -55
  17. package/src/bindings/injectcsstransitiondisabler.d.ts +59 -59
  18. package/src/bindings/injectcsstransitiondisabler.js +71 -71
  19. package/src/bindings/preventdefault.d.ts +33 -33
  20. package/src/bindings/preventdefault.js +34 -34
  21. package/src/bindings/submithandler.d.ts +57 -57
  22. package/src/bindings/submithandler.js +47 -47
  23. package/src/button/button.d.ts +172 -178
  24. package/src/button/button.js +5 -5
  25. package/src/button/buttonlabel.d.ts +34 -34
  26. package/src/button/buttonlabel.js +5 -5
  27. package/src/button/buttonlabelview.d.ts +31 -31
  28. package/src/button/buttonlabelview.js +42 -42
  29. package/src/button/buttonview.d.ts +181 -185
  30. package/src/button/buttonview.js +217 -219
  31. package/src/button/switchbuttonview.d.ts +45 -45
  32. package/src/button/switchbuttonview.js +75 -75
  33. package/src/colorgrid/colorgridview.d.ts +132 -132
  34. package/src/colorgrid/colorgridview.js +124 -124
  35. package/src/colorgrid/colortileview.d.ts +28 -28
  36. package/src/colorgrid/colortileview.js +40 -40
  37. package/src/colorgrid/utils.d.ts +47 -47
  38. package/src/colorgrid/utils.js +84 -84
  39. package/src/colorpicker/colorpickerview.d.ts +137 -137
  40. package/src/colorpicker/colorpickerview.js +270 -270
  41. package/src/colorpicker/utils.d.ts +43 -43
  42. package/src/colorpicker/utils.js +99 -99
  43. package/src/colorselector/colorgridsfragmentview.d.ts +194 -194
  44. package/src/colorselector/colorgridsfragmentview.js +289 -289
  45. package/src/colorselector/colorpickerfragmentview.d.ts +128 -128
  46. package/src/colorselector/colorpickerfragmentview.js +205 -205
  47. package/src/colorselector/colorselectorview.d.ts +242 -242
  48. package/src/colorselector/colorselectorview.js +256 -256
  49. package/src/colorselector/documentcolorcollection.d.ts +70 -70
  50. package/src/colorselector/documentcolorcollection.js +42 -42
  51. package/src/componentfactory.d.ts +81 -81
  52. package/src/componentfactory.js +104 -104
  53. package/src/dropdown/button/dropdownbutton.d.ts +25 -25
  54. package/src/dropdown/button/dropdownbutton.js +5 -5
  55. package/src/dropdown/button/dropdownbuttonview.d.ts +48 -48
  56. package/src/dropdown/button/dropdownbuttonview.js +66 -66
  57. package/src/dropdown/button/splitbuttonview.d.ts +161 -161
  58. package/src/dropdown/button/splitbuttonview.js +152 -152
  59. package/src/dropdown/dropdownpanelfocusable.d.ts +21 -21
  60. package/src/dropdown/dropdownpanelfocusable.js +5 -5
  61. package/src/dropdown/dropdownpanelview.d.ts +62 -62
  62. package/src/dropdown/dropdownpanelview.js +97 -97
  63. package/src/dropdown/dropdownview.d.ts +315 -315
  64. package/src/dropdown/dropdownview.js +379 -379
  65. package/src/dropdown/utils.d.ts +235 -235
  66. package/src/dropdown/utils.js +463 -458
  67. package/src/editableui/editableuiview.d.ts +72 -72
  68. package/src/editableui/editableuiview.js +112 -112
  69. package/src/editableui/inline/inlineeditableuiview.d.ts +40 -40
  70. package/src/editableui/inline/inlineeditableuiview.js +48 -48
  71. package/src/editorui/bodycollection.d.ts +55 -55
  72. package/src/editorui/bodycollection.js +84 -84
  73. package/src/editorui/boxed/boxededitoruiview.d.ts +40 -40
  74. package/src/editorui/boxed/boxededitoruiview.js +81 -81
  75. package/src/editorui/editorui.d.ts +288 -282
  76. package/src/editorui/editorui.js +412 -410
  77. package/src/editorui/editoruiview.d.ts +39 -39
  78. package/src/editorui/editoruiview.js +38 -38
  79. package/src/editorui/poweredby.d.ts +71 -71
  80. package/src/editorui/poweredby.js +276 -276
  81. package/src/focuscycler.d.ts +226 -226
  82. package/src/focuscycler.js +245 -245
  83. package/src/formheader/formheaderview.d.ts +59 -59
  84. package/src/formheader/formheaderview.js +69 -69
  85. package/src/highlightedtext/highlightedtextview.d.ts +38 -38
  86. package/src/highlightedtext/highlightedtextview.js +102 -102
  87. package/src/icon/iconview.d.ts +85 -85
  88. package/src/icon/iconview.js +114 -114
  89. package/src/iframe/iframeview.d.ts +50 -50
  90. package/src/iframe/iframeview.js +63 -63
  91. package/src/index.d.ts +73 -73
  92. package/src/index.js +70 -70
  93. package/src/input/inputbase.d.ts +107 -107
  94. package/src/input/inputbase.js +110 -110
  95. package/src/input/inputview.d.ts +36 -36
  96. package/src/input/inputview.js +24 -24
  97. package/src/inputnumber/inputnumberview.d.ts +49 -49
  98. package/src/inputnumber/inputnumberview.js +40 -40
  99. package/src/inputtext/inputtextview.d.ts +18 -18
  100. package/src/inputtext/inputtextview.js +27 -27
  101. package/src/label/labelview.d.ts +36 -36
  102. package/src/label/labelview.js +41 -41
  103. package/src/labeledfield/labeledfieldview.d.ts +187 -187
  104. package/src/labeledfield/labeledfieldview.js +157 -157
  105. package/src/labeledfield/utils.d.ts +123 -123
  106. package/src/labeledfield/utils.js +176 -176
  107. package/src/labeledinput/labeledinputview.d.ts +125 -125
  108. package/src/labeledinput/labeledinputview.js +125 -125
  109. package/src/list/listitemgroupview.d.ts +59 -51
  110. package/src/list/listitemgroupview.js +63 -75
  111. package/src/list/listitemview.d.ts +36 -36
  112. package/src/list/listitemview.js +42 -42
  113. package/src/list/listseparatorview.d.ts +18 -18
  114. package/src/list/listseparatorview.js +28 -28
  115. package/src/list/listview.d.ts +122 -122
  116. package/src/list/listview.js +187 -187
  117. package/src/model.d.ts +22 -22
  118. package/src/model.js +31 -31
  119. package/src/notification/notification.d.ts +211 -211
  120. package/src/notification/notification.js +187 -187
  121. package/src/panel/balloon/balloonpanelview.d.ts +685 -685
  122. package/src/panel/balloon/balloonpanelview.js +1010 -1010
  123. package/src/panel/balloon/contextualballoon.d.ts +299 -299
  124. package/src/panel/balloon/contextualballoon.js +572 -572
  125. package/src/panel/sticky/stickypanelview.d.ts +156 -156
  126. package/src/panel/sticky/stickypanelview.js +234 -234
  127. package/src/search/filteredview.d.ts +31 -31
  128. package/src/search/filteredview.js +5 -5
  129. package/src/search/searchinfoview.d.ts +45 -45
  130. package/src/search/searchinfoview.js +59 -59
  131. package/src/search/searchresultsview.d.ts +54 -54
  132. package/src/search/searchresultsview.js +65 -65
  133. package/src/search/text/searchtextqueryview.d.ts +76 -76
  134. package/src/search/text/searchtextqueryview.js +75 -75
  135. package/src/search/text/searchtextview.d.ts +219 -219
  136. package/src/search/text/searchtextview.js +201 -201
  137. package/src/spinner/spinnerview.d.ts +25 -25
  138. package/src/spinner/spinnerview.js +38 -38
  139. package/src/template.d.ts +942 -942
  140. package/src/template.js +1294 -1294
  141. package/src/textarea/textareaview.d.ts +88 -88
  142. package/src/textarea/textareaview.js +142 -140
  143. package/src/toolbar/balloon/balloontoolbar.d.ts +122 -122
  144. package/src/toolbar/balloon/balloontoolbar.js +300 -300
  145. package/src/toolbar/block/blockbuttonview.d.ts +35 -35
  146. package/src/toolbar/block/blockbuttonview.js +41 -41
  147. package/src/toolbar/block/blocktoolbar.d.ts +161 -161
  148. package/src/toolbar/block/blocktoolbar.js +395 -395
  149. package/src/toolbar/normalizetoolbarconfig.d.ts +40 -40
  150. package/src/toolbar/normalizetoolbarconfig.js +52 -51
  151. package/src/toolbar/toolbarlinebreakview.d.ts +18 -18
  152. package/src/toolbar/toolbarlinebreakview.js +28 -28
  153. package/src/toolbar/toolbarseparatorview.d.ts +18 -18
  154. package/src/toolbar/toolbarseparatorview.js +28 -28
  155. package/src/toolbar/toolbarview.d.ts +266 -266
  156. package/src/toolbar/toolbarview.js +719 -719
  157. package/src/tooltipmanager.d.ts +180 -180
  158. package/src/tooltipmanager.js +353 -353
  159. package/src/view.d.ts +422 -422
  160. package/src/view.js +396 -396
  161. package/src/viewcollection.d.ts +139 -139
  162. package/src/viewcollection.js +206 -206
  163. package/theme/components/arialiveannouncer/arialiveannouncer.css +10 -0
  164. package/theme/components/button/button.css +9 -1
  165. package/theme/components/formheader/formheader.css +0 -4
@@ -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
+ }
@@ -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
+ }
@@ -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
+ }