@ckeditor/ckeditor5-ui 38.0.1 → 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.
Files changed (127) hide show
  1. package/lang/translations/it.po +1 -1
  2. package/package.json +3 -32
  3. package/src/augmentation.d.ts +86 -86
  4. package/src/augmentation.js +5 -5
  5. package/src/bindings/addkeyboardhandlingforgrid.d.ts +27 -27
  6. package/src/bindings/addkeyboardhandlingforgrid.js +107 -107
  7. package/src/bindings/clickoutsidehandler.d.ts +28 -28
  8. package/src/bindings/clickoutsidehandler.js +36 -36
  9. package/src/bindings/csstransitiondisablermixin.d.ts +40 -40
  10. package/src/bindings/csstransitiondisablermixin.js +55 -55
  11. package/src/bindings/injectcsstransitiondisabler.d.ts +59 -59
  12. package/src/bindings/injectcsstransitiondisabler.js +71 -71
  13. package/src/bindings/preventdefault.d.ts +33 -33
  14. package/src/bindings/preventdefault.js +34 -34
  15. package/src/bindings/submithandler.d.ts +57 -57
  16. package/src/bindings/submithandler.js +47 -47
  17. package/src/button/button.d.ts +178 -178
  18. package/src/button/button.js +5 -5
  19. package/src/button/buttonview.d.ts +177 -177
  20. package/src/button/buttonview.js +231 -231
  21. package/src/button/switchbuttonview.d.ts +45 -45
  22. package/src/button/switchbuttonview.js +75 -75
  23. package/src/colorgrid/colorgridview.d.ts +132 -132
  24. package/src/colorgrid/colorgridview.js +124 -124
  25. package/src/colorgrid/colortileview.d.ts +28 -28
  26. package/src/colorgrid/colortileview.js +40 -40
  27. package/src/colorgrid/utils.d.ts +47 -47
  28. package/src/colorgrid/utils.js +84 -84
  29. package/src/colorpicker/colorpickerview.d.ts +110 -110
  30. package/src/colorpicker/colorpickerview.js +253 -250
  31. package/src/colorpicker/utils.d.ts +35 -35
  32. package/src/colorpicker/utils.js +99 -99
  33. package/src/componentfactory.d.ts +81 -81
  34. package/src/componentfactory.js +104 -104
  35. package/src/dropdown/button/dropdownbutton.d.ts +25 -25
  36. package/src/dropdown/button/dropdownbutton.js +5 -5
  37. package/src/dropdown/button/dropdownbuttonview.d.ts +48 -48
  38. package/src/dropdown/button/dropdownbuttonview.js +66 -66
  39. package/src/dropdown/button/splitbuttonview.d.ts +161 -161
  40. package/src/dropdown/button/splitbuttonview.js +152 -152
  41. package/src/dropdown/dropdownpanelfocusable.d.ts +21 -21
  42. package/src/dropdown/dropdownpanelfocusable.js +5 -5
  43. package/src/dropdown/dropdownpanelview.d.ts +62 -62
  44. package/src/dropdown/dropdownpanelview.js +96 -96
  45. package/src/dropdown/dropdownview.d.ts +315 -315
  46. package/src/dropdown/dropdownview.js +378 -378
  47. package/src/dropdown/utils.d.ts +221 -221
  48. package/src/dropdown/utils.js +434 -434
  49. package/src/editableui/editableuiview.d.ts +72 -72
  50. package/src/editableui/editableuiview.js +112 -112
  51. package/src/editableui/inline/inlineeditableuiview.d.ts +40 -40
  52. package/src/editableui/inline/inlineeditableuiview.js +48 -48
  53. package/src/editorui/bodycollection.d.ts +55 -51
  54. package/src/editorui/bodycollection.js +84 -78
  55. package/src/editorui/boxed/boxededitoruiview.d.ts +40 -40
  56. package/src/editorui/boxed/boxededitoruiview.js +81 -81
  57. package/src/editorui/editorui.d.ts +282 -274
  58. package/src/editorui/editorui.js +410 -388
  59. package/src/editorui/editoruiview.d.ts +39 -39
  60. package/src/editorui/editoruiview.js +38 -38
  61. package/src/editorui/poweredby.d.ts +71 -76
  62. package/src/editorui/poweredby.js +294 -291
  63. package/src/focuscycler.d.ts +183 -183
  64. package/src/focuscycler.js +220 -220
  65. package/src/formheader/formheaderview.d.ts +53 -53
  66. package/src/formheader/formheaderview.js +63 -63
  67. package/src/icon/iconview.d.ts +78 -78
  68. package/src/icon/iconview.js +112 -112
  69. package/src/iframe/iframeview.d.ts +50 -50
  70. package/src/iframe/iframeview.js +63 -63
  71. package/src/index.d.ts +62 -61
  72. package/src/index.js +61 -60
  73. package/src/input/inputview.d.ts +121 -121
  74. package/src/input/inputview.js +106 -106
  75. package/src/inputnumber/inputnumberview.d.ts +49 -49
  76. package/src/inputnumber/inputnumberview.js +40 -40
  77. package/src/inputtext/inputtextview.d.ts +18 -18
  78. package/src/inputtext/inputtextview.js +27 -27
  79. package/src/label/labelview.d.ts +36 -36
  80. package/src/label/labelview.js +41 -41
  81. package/src/labeledfield/labeledfieldview.d.ts +182 -182
  82. package/src/labeledfield/labeledfieldview.js +157 -157
  83. package/src/labeledfield/utils.d.ts +93 -93
  84. package/src/labeledfield/utils.js +131 -131
  85. package/src/labeledinput/labeledinputview.d.ts +125 -125
  86. package/src/labeledinput/labeledinputview.js +125 -125
  87. package/src/list/listitemview.d.ts +35 -35
  88. package/src/list/listitemview.js +40 -40
  89. package/src/list/listseparatorview.d.ts +18 -18
  90. package/src/list/listseparatorview.js +28 -28
  91. package/src/list/listview.d.ts +65 -65
  92. package/src/list/listview.js +90 -90
  93. package/src/model.d.ts +22 -22
  94. package/src/model.js +31 -31
  95. package/src/notification/notification.d.ts +211 -211
  96. package/src/notification/notification.js +187 -187
  97. package/src/panel/balloon/balloonpanelview.d.ts +685 -685
  98. package/src/panel/balloon/balloonpanelview.js +988 -988
  99. package/src/panel/balloon/contextualballoon.d.ts +299 -299
  100. package/src/panel/balloon/contextualballoon.js +572 -572
  101. package/src/panel/sticky/stickypanelview.d.ts +132 -132
  102. package/src/panel/sticky/stickypanelview.js +139 -139
  103. package/src/template.d.ts +942 -942
  104. package/src/template.js +1294 -1294
  105. package/src/toolbar/balloon/balloontoolbar.d.ts +122 -122
  106. package/src/toolbar/balloon/balloontoolbar.js +300 -300
  107. package/src/toolbar/block/blockbuttonview.d.ts +35 -35
  108. package/src/toolbar/block/blockbuttonview.js +41 -41
  109. package/src/toolbar/block/blocktoolbar.d.ts +161 -153
  110. package/src/toolbar/block/blocktoolbar.js +391 -374
  111. package/src/toolbar/normalizetoolbarconfig.d.ts +39 -39
  112. package/src/toolbar/normalizetoolbarconfig.js +51 -51
  113. package/src/toolbar/toolbarlinebreakview.d.ts +18 -18
  114. package/src/toolbar/toolbarlinebreakview.js +28 -28
  115. package/src/toolbar/toolbarseparatorview.d.ts +18 -18
  116. package/src/toolbar/toolbarseparatorview.js +28 -28
  117. package/src/toolbar/toolbarview.d.ts +265 -265
  118. package/src/toolbar/toolbarview.js +717 -717
  119. package/src/tooltipmanager.d.ts +180 -180
  120. package/src/tooltipmanager.js +353 -353
  121. package/src/view.d.ts +422 -422
  122. package/src/view.js +396 -396
  123. package/src/viewcollection.d.ts +139 -139
  124. package/src/viewcollection.js +206 -206
  125. package/theme/components/colorpicker/colorpicker.css +4 -4
  126. package/theme/globals/_poweredby.css +5 -1
  127. package/theme/icons/project-logo.svg +1 -1
package/src/index.d.ts CHANGED
@@ -1,61 +1,62 @@
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
7
- */
8
- export { default as clickOutsideHandler } from './bindings/clickoutsidehandler';
9
- export { default as injectCssTransitionDisabler } from './bindings/injectcsstransitiondisabler';
10
- export { default as CssTransitionDisablerMixin, type ViewWithCssTransitionDisabler } from './bindings/csstransitiondisablermixin';
11
- export { default as submitHandler } from './bindings/submithandler';
12
- export { default as addKeyboardHandlingForGrid } from './bindings/addkeyboardhandlingforgrid';
13
- export { default as BodyCollection } from './editorui/bodycollection';
14
- export { type ButtonExecuteEvent } from './button/button';
15
- export { default as ButtonView } from './button/buttonview';
16
- export { default as SwitchButtonView } from './button/switchbuttonview';
17
- export * from './colorgrid/utils';
18
- export { default as ColorGridView, type ColorDefinition } from './colorgrid/colorgridview';
19
- export { default as ColorTileView } from './colorgrid/colortileview';
20
- export { default as ColorPickerView } from './colorpicker/colorpickerview';
21
- export type { ColorPickerConfig, ColorPickerOutputFormat } from './colorpicker/utils';
22
- export { default as ComponentFactory } from './componentfactory';
23
- export { default as DropdownView } from './dropdown/dropdownview';
24
- export { default as DropdownPanelView } from './dropdown/dropdownpanelview';
25
- export { default as DropdownButtonView } from './dropdown/button/dropdownbuttonview';
26
- export { default as SplitButtonView } from './dropdown/button/splitbuttonview';
27
- export * from './dropdown/utils';
28
- export { default as EditorUI, type EditorUIReadyEvent, type EditorUIUpdateEvent } from './editorui/editorui';
29
- export { default as EditorUIView } from './editorui/editoruiview';
30
- export { default as BoxedEditorUIView } from './editorui/boxed/boxededitoruiview';
31
- export { default as InlineEditableUIView } from './editableui/inline/inlineeditableuiview';
32
- export { default as FormHeaderView } from './formheader/formheaderview';
33
- export { default as FocusCycler, type FocusableView } from './focuscycler';
34
- export { default as IconView } from './icon/iconview';
35
- export { default as InputView } from './input/inputview';
36
- export { default as InputTextView } from './inputtext/inputtextview';
37
- export { default as InputNumberView } from './inputnumber/inputnumberview';
38
- export { default as IframeView } from './iframe/iframeview';
39
- export { default as LabelView } from './label/labelview';
40
- export { default as LabeledFieldView } from './labeledfield/labeledfieldview';
41
- export * from './labeledfield/utils';
42
- export { default as ListItemView } from './list/listitemview';
43
- export { default as ListView } from './list/listview';
44
- export { default as Notification } from './notification/notification';
45
- export { default as Model } from './model';
46
- export { default as BalloonPanelView } from './panel/balloon/balloonpanelview';
47
- export { default as ContextualBalloon } from './panel/balloon/contextualballoon';
48
- export { default as StickyPanelView } from './panel/sticky/stickypanelview';
49
- export { default as TooltipManager } from './tooltipmanager';
50
- export { default as Template, type TemplateDefinition } from './template';
51
- export { default as ToolbarView } from './toolbar/toolbarview';
52
- export { default as ToolbarSeparatorView } from './toolbar/toolbarseparatorview';
53
- export { default as normalizeToolbarConfig } from './toolbar/normalizetoolbarconfig';
54
- export { default as BalloonToolbar, type BalloonToolbarShowEvent } from './toolbar/balloon/balloontoolbar';
55
- export { default as BlockToolbar } from './toolbar/block/blocktoolbar';
56
- export { default as View, type UIViewRenderEvent } from './view';
57
- export { default as ViewCollection } from './viewcollection';
58
- export declare const icons: {
59
- colorPaletteIcon: string;
60
- };
61
- import './augmentation';
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
7
+ */
8
+ export { default as clickOutsideHandler } from './bindings/clickoutsidehandler';
9
+ export { default as injectCssTransitionDisabler } from './bindings/injectcsstransitiondisabler';
10
+ export { default as CssTransitionDisablerMixin, type ViewWithCssTransitionDisabler } from './bindings/csstransitiondisablermixin';
11
+ export { default as submitHandler } from './bindings/submithandler';
12
+ export { default as addKeyboardHandlingForGrid } from './bindings/addkeyboardhandlingforgrid';
13
+ export { default as BodyCollection } from './editorui/bodycollection';
14
+ export { type ButtonExecuteEvent } from './button/button';
15
+ export { default as ButtonView } from './button/buttonview';
16
+ export { default as SwitchButtonView } from './button/switchbuttonview';
17
+ export * from './colorgrid/utils';
18
+ export { default as ColorGridView, type ColorDefinition } from './colorgrid/colorgridview';
19
+ export { default as ColorTileView } from './colorgrid/colortileview';
20
+ export { default as ColorPickerView } from './colorpicker/colorpickerview';
21
+ export type { ColorPickerConfig, ColorPickerOutputFormat } from './colorpicker/utils';
22
+ export { default as ComponentFactory } from './componentfactory';
23
+ export { default as DropdownView } from './dropdown/dropdownview';
24
+ export { default as DropdownPanelView } from './dropdown/dropdownpanelview';
25
+ export { default as DropdownButtonView } from './dropdown/button/dropdownbuttonview';
26
+ export { default as SplitButtonView } from './dropdown/button/splitbuttonview';
27
+ export * from './dropdown/utils';
28
+ export { default as EditorUI, type EditorUIReadyEvent, type EditorUIUpdateEvent } from './editorui/editorui';
29
+ export { default as EditorUIView } from './editorui/editoruiview';
30
+ export { default as BoxedEditorUIView } from './editorui/boxed/boxededitoruiview';
31
+ export { default as InlineEditableUIView } from './editableui/inline/inlineeditableuiview';
32
+ export { default as FormHeaderView } from './formheader/formheaderview';
33
+ export { default as FocusCycler, type FocusableView } from './focuscycler';
34
+ export { default as IconView } from './icon/iconview';
35
+ export { default as InputView } from './input/inputview';
36
+ export { default as InputTextView } from './inputtext/inputtextview';
37
+ export { default as InputNumberView } from './inputnumber/inputnumberview';
38
+ export { default as IframeView } from './iframe/iframeview';
39
+ export { default as LabelView } from './label/labelview';
40
+ export { default as LabeledFieldView } from './labeledfield/labeledfieldview';
41
+ export * from './labeledfield/utils';
42
+ export { default as ListItemView } from './list/listitemview';
43
+ export { default as ListView } from './list/listview';
44
+ export { default as Notification } from './notification/notification';
45
+ export { default as Model } from './model';
46
+ export { default as BalloonPanelView } from './panel/balloon/balloonpanelview';
47
+ export { default as ContextualBalloon } from './panel/balloon/contextualballoon';
48
+ export { default as StickyPanelView } from './panel/sticky/stickypanelview';
49
+ export { default as TooltipManager } from './tooltipmanager';
50
+ export { default as Template, type TemplateDefinition } from './template';
51
+ export { default as ToolbarView } from './toolbar/toolbarview';
52
+ export { default as ToolbarLineBreakView } from './toolbar/toolbarlinebreakview';
53
+ export { default as ToolbarSeparatorView } from './toolbar/toolbarseparatorview';
54
+ export { default as normalizeToolbarConfig } from './toolbar/normalizetoolbarconfig';
55
+ export { default as BalloonToolbar, type BalloonToolbarShowEvent } from './toolbar/balloon/balloontoolbar';
56
+ export { default as BlockToolbar } from './toolbar/block/blocktoolbar';
57
+ export { default as View, type UIViewRenderEvent } from './view';
58
+ export { default as ViewCollection } from './viewcollection';
59
+ export declare const icons: {
60
+ colorPaletteIcon: string;
61
+ };
62
+ import './augmentation';
package/src/index.js CHANGED
@@ -1,60 +1,61 @@
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
7
- */
8
- export { default as clickOutsideHandler } from './bindings/clickoutsidehandler';
9
- export { default as injectCssTransitionDisabler } from './bindings/injectcsstransitiondisabler';
10
- export { default as CssTransitionDisablerMixin } from './bindings/csstransitiondisablermixin';
11
- export { default as submitHandler } from './bindings/submithandler';
12
- export { default as addKeyboardHandlingForGrid } from './bindings/addkeyboardhandlingforgrid';
13
- export { default as BodyCollection } from './editorui/bodycollection';
14
- export { default as ButtonView } from './button/buttonview';
15
- export { default as SwitchButtonView } from './button/switchbuttonview';
16
- export * from './colorgrid/utils';
17
- export { default as ColorGridView } from './colorgrid/colorgridview';
18
- export { default as ColorTileView } from './colorgrid/colortileview';
19
- export { default as ColorPickerView } from './colorpicker/colorpickerview';
20
- export { default as ComponentFactory } from './componentfactory';
21
- export { default as DropdownView } from './dropdown/dropdownview';
22
- export { default as DropdownPanelView } from './dropdown/dropdownpanelview';
23
- export { default as DropdownButtonView } from './dropdown/button/dropdownbuttonview';
24
- export { default as SplitButtonView } from './dropdown/button/splitbuttonview';
25
- export * from './dropdown/utils';
26
- export { default as EditorUI } from './editorui/editorui';
27
- export { default as EditorUIView } from './editorui/editoruiview';
28
- export { default as BoxedEditorUIView } from './editorui/boxed/boxededitoruiview';
29
- export { default as InlineEditableUIView } from './editableui/inline/inlineeditableuiview';
30
- export { default as FormHeaderView } from './formheader/formheaderview';
31
- export { default as FocusCycler } from './focuscycler';
32
- export { default as IconView } from './icon/iconview';
33
- export { default as InputView } from './input/inputview';
34
- export { default as InputTextView } from './inputtext/inputtextview';
35
- export { default as InputNumberView } from './inputnumber/inputnumberview';
36
- export { default as IframeView } from './iframe/iframeview';
37
- export { default as LabelView } from './label/labelview';
38
- export { default as LabeledFieldView } from './labeledfield/labeledfieldview';
39
- export * from './labeledfield/utils';
40
- export { default as ListItemView } from './list/listitemview';
41
- export { default as ListView } from './list/listview';
42
- export { default as Notification } from './notification/notification';
43
- export { default as Model } from './model';
44
- export { default as BalloonPanelView } from './panel/balloon/balloonpanelview';
45
- export { default as ContextualBalloon } from './panel/balloon/contextualballoon';
46
- export { default as StickyPanelView } from './panel/sticky/stickypanelview';
47
- export { default as TooltipManager } from './tooltipmanager';
48
- export { default as Template } from './template';
49
- export { default as ToolbarView } from './toolbar/toolbarview';
50
- export { default as ToolbarSeparatorView } from './toolbar/toolbarseparatorview';
51
- export { default as normalizeToolbarConfig } from './toolbar/normalizetoolbarconfig';
52
- export { default as BalloonToolbar } from './toolbar/balloon/balloontoolbar';
53
- export { default as BlockToolbar } from './toolbar/block/blocktoolbar';
54
- export { default as View } from './view';
55
- export { default as ViewCollection } from './viewcollection';
56
- import { default as colorPaletteIcon } from '../theme/icons/color-palette.svg';
57
- export const icons = {
58
- colorPaletteIcon
59
- };
60
- import './augmentation';
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
7
+ */
8
+ export { default as clickOutsideHandler } from './bindings/clickoutsidehandler';
9
+ export { default as injectCssTransitionDisabler } from './bindings/injectcsstransitiondisabler';
10
+ export { default as CssTransitionDisablerMixin } from './bindings/csstransitiondisablermixin';
11
+ export { default as submitHandler } from './bindings/submithandler';
12
+ export { default as addKeyboardHandlingForGrid } from './bindings/addkeyboardhandlingforgrid';
13
+ export { default as BodyCollection } from './editorui/bodycollection';
14
+ export { default as ButtonView } from './button/buttonview';
15
+ export { default as SwitchButtonView } from './button/switchbuttonview';
16
+ export * from './colorgrid/utils';
17
+ export { default as ColorGridView } from './colorgrid/colorgridview';
18
+ export { default as ColorTileView } from './colorgrid/colortileview';
19
+ export { default as ColorPickerView } from './colorpicker/colorpickerview';
20
+ export { default as ComponentFactory } from './componentfactory';
21
+ export { default as DropdownView } from './dropdown/dropdownview';
22
+ export { default as DropdownPanelView } from './dropdown/dropdownpanelview';
23
+ export { default as DropdownButtonView } from './dropdown/button/dropdownbuttonview';
24
+ export { default as SplitButtonView } from './dropdown/button/splitbuttonview';
25
+ export * from './dropdown/utils';
26
+ export { default as EditorUI } from './editorui/editorui';
27
+ export { default as EditorUIView } from './editorui/editoruiview';
28
+ export { default as BoxedEditorUIView } from './editorui/boxed/boxededitoruiview';
29
+ export { default as InlineEditableUIView } from './editableui/inline/inlineeditableuiview';
30
+ export { default as FormHeaderView } from './formheader/formheaderview';
31
+ export { default as FocusCycler } from './focuscycler';
32
+ export { default as IconView } from './icon/iconview';
33
+ export { default as InputView } from './input/inputview';
34
+ export { default as InputTextView } from './inputtext/inputtextview';
35
+ export { default as InputNumberView } from './inputnumber/inputnumberview';
36
+ export { default as IframeView } from './iframe/iframeview';
37
+ export { default as LabelView } from './label/labelview';
38
+ export { default as LabeledFieldView } from './labeledfield/labeledfieldview';
39
+ export * from './labeledfield/utils';
40
+ export { default as ListItemView } from './list/listitemview';
41
+ export { default as ListView } from './list/listview';
42
+ export { default as Notification } from './notification/notification';
43
+ export { default as Model } from './model';
44
+ export { default as BalloonPanelView } from './panel/balloon/balloonpanelview';
45
+ export { default as ContextualBalloon } from './panel/balloon/contextualballoon';
46
+ export { default as StickyPanelView } from './panel/sticky/stickypanelview';
47
+ export { default as TooltipManager } from './tooltipmanager';
48
+ export { default as Template } from './template';
49
+ export { default as ToolbarView } from './toolbar/toolbarview';
50
+ export { default as ToolbarLineBreakView } from './toolbar/toolbarlinebreakview';
51
+ export { default as ToolbarSeparatorView } from './toolbar/toolbarseparatorview';
52
+ export { default as normalizeToolbarConfig } from './toolbar/normalizetoolbarconfig';
53
+ export { default as BalloonToolbar } from './toolbar/balloon/balloontoolbar';
54
+ export { default as BlockToolbar } from './toolbar/block/blocktoolbar';
55
+ export { default as View } from './view';
56
+ export { default as ViewCollection } from './viewcollection';
57
+ import { default as colorPaletteIcon } from '../theme/icons/color-palette.svg';
58
+ export const icons = {
59
+ colorPaletteIcon
60
+ };
61
+ import './augmentation';
@@ -1,121 +1,121 @@
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/input/inputview
7
- */
8
- import View from '../view';
9
- import { FocusTracker, type Locale } from '@ckeditor/ckeditor5-utils';
10
- import '../../theme/components/input/input.css';
11
- /**
12
- * The base input view class.
13
- */
14
- export default class InputView extends View<HTMLInputElement> {
15
- /**
16
- * Stores information about the editor UI focus and propagates it so various plugins and components
17
- * are unified as a focus group.
18
- */
19
- readonly focusTracker: FocusTracker;
20
- /**
21
- * The value of the input.
22
- *
23
- * @observable
24
- */
25
- value: string | undefined;
26
- /**
27
- * The `id` attribute of the input (i.e. to pair with a `<label>` element).
28
- *
29
- * @observable
30
- */
31
- id: string | undefined;
32
- /**
33
- * The `placeholder` attribute of the input.
34
- *
35
- * @observable
36
- */
37
- placeholder: string | undefined;
38
- /**
39
- * Controls whether the input view is in read-only mode.
40
- *
41
- * @observable
42
- */
43
- isReadOnly: boolean;
44
- /**
45
- * Set to `true` when the field has some error. Usually controlled via
46
- * {@link module:ui/labeledinput/labeledinputview~LabeledInputView#errorText}.
47
- *
48
- * @observable
49
- */
50
- hasError: boolean;
51
- /**
52
- * The `id` of the element describing this field, e.g. when it has
53
- * some error; it helps screen readers read the error text.
54
- *
55
- * @observable
56
- */
57
- ariaDescribedById: string | undefined;
58
- /**
59
- * An observable flag set to `true` when the input is currently focused by the user.
60
- * Set to `false` otherwise.
61
- *
62
- * @readonly
63
- * @observable
64
- * @default false
65
- */
66
- isFocused: boolean;
67
- /**
68
- * An observable flag set to `true` when the input contains no text, i.e.
69
- * when {@link #value} is `''`, `null`, or `false`.
70
- *
71
- * @readonly
72
- * @observable
73
- * @default true
74
- */
75
- isEmpty: boolean;
76
- /**
77
- * Corresponds to the `inputmode` DOM attribute. Can be `text`, `numeric`, `decimal`, etc.
78
- *
79
- * @observable
80
- * @default 'text'
81
- */
82
- inputMode: string;
83
- /**
84
- * @inheritDoc
85
- */
86
- constructor(locale?: Locale);
87
- /**
88
- * @inheritDoc
89
- */
90
- render(): void;
91
- /**
92
- * @inheritDoc
93
- */
94
- destroy(): void;
95
- /**
96
- * Moves the focus to the input and selects the value.
97
- */
98
- select(): void;
99
- /**
100
- * Focuses the input.
101
- */
102
- focus(): void;
103
- /**
104
- * Updates the {@link #isEmpty} property value on demand.
105
- */
106
- private _updateIsEmpty;
107
- /**
108
- * Sets the `value` property of the {@link #element DOM element} on demand.
109
- */
110
- private _setDomElementValue;
111
- }
112
- /**
113
- * Fired when the user types in the input. Corresponds to the native
114
- * DOM `input` event.
115
- *
116
- * @eventName ~InputView#input
117
- */
118
- export type InputViewInputEvent = {
119
- name: 'input';
120
- args: [InputEvent];
121
- };
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/input/inputview
7
+ */
8
+ import View from '../view';
9
+ import { FocusTracker, type Locale } from '@ckeditor/ckeditor5-utils';
10
+ import '../../theme/components/input/input.css';
11
+ /**
12
+ * The base input view class.
13
+ */
14
+ export default class InputView extends View<HTMLInputElement> {
15
+ /**
16
+ * Stores information about the editor UI focus and propagates it so various plugins and components
17
+ * are unified as a focus group.
18
+ */
19
+ readonly focusTracker: FocusTracker;
20
+ /**
21
+ * The value of the input.
22
+ *
23
+ * @observable
24
+ */
25
+ value: string | undefined;
26
+ /**
27
+ * The `id` attribute of the input (i.e. to pair with a `<label>` element).
28
+ *
29
+ * @observable
30
+ */
31
+ id: string | undefined;
32
+ /**
33
+ * The `placeholder` attribute of the input.
34
+ *
35
+ * @observable
36
+ */
37
+ placeholder: string | undefined;
38
+ /**
39
+ * Controls whether the input view is in read-only mode.
40
+ *
41
+ * @observable
42
+ */
43
+ isReadOnly: boolean;
44
+ /**
45
+ * Set to `true` when the field has some error. Usually controlled via
46
+ * {@link module:ui/labeledinput/labeledinputview~LabeledInputView#errorText}.
47
+ *
48
+ * @observable
49
+ */
50
+ hasError: boolean;
51
+ /**
52
+ * The `id` of the element describing this field, e.g. when it has
53
+ * some error; it helps screen readers read the error text.
54
+ *
55
+ * @observable
56
+ */
57
+ ariaDescribedById: string | undefined;
58
+ /**
59
+ * An observable flag set to `true` when the input is currently focused by the user.
60
+ * Set to `false` otherwise.
61
+ *
62
+ * @readonly
63
+ * @observable
64
+ * @default false
65
+ */
66
+ isFocused: boolean;
67
+ /**
68
+ * An observable flag set to `true` when the input contains no text, i.e.
69
+ * when {@link #value} is `''`, `null`, or `false`.
70
+ *
71
+ * @readonly
72
+ * @observable
73
+ * @default true
74
+ */
75
+ isEmpty: boolean;
76
+ /**
77
+ * Corresponds to the `inputmode` DOM attribute. Can be `text`, `numeric`, `decimal`, etc.
78
+ *
79
+ * @observable
80
+ * @default 'text'
81
+ */
82
+ inputMode: string;
83
+ /**
84
+ * @inheritDoc
85
+ */
86
+ constructor(locale?: Locale);
87
+ /**
88
+ * @inheritDoc
89
+ */
90
+ render(): void;
91
+ /**
92
+ * @inheritDoc
93
+ */
94
+ destroy(): void;
95
+ /**
96
+ * Moves the focus to the input and selects the value.
97
+ */
98
+ select(): void;
99
+ /**
100
+ * Focuses the input.
101
+ */
102
+ focus(): void;
103
+ /**
104
+ * Updates the {@link #isEmpty} property value on demand.
105
+ */
106
+ private _updateIsEmpty;
107
+ /**
108
+ * Sets the `value` property of the {@link #element DOM element} on demand.
109
+ */
110
+ private _setDomElementValue;
111
+ }
112
+ /**
113
+ * Fired when the user types in the input. Corresponds to the native
114
+ * DOM `input` event.
115
+ *
116
+ * @eventName ~InputView#input
117
+ */
118
+ export type InputViewInputEvent = {
119
+ name: 'input';
120
+ args: [InputEvent];
121
+ };