@ckeditor/ckeditor5-ui 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.
Files changed (123) hide show
  1. package/package.json +3 -3
  2. package/src/augmentation.d.ts +86 -86
  3. package/src/augmentation.js +5 -5
  4. package/src/bindings/addkeyboardhandlingforgrid.d.ts +27 -27
  5. package/src/bindings/addkeyboardhandlingforgrid.js +107 -107
  6. package/src/bindings/clickoutsidehandler.d.ts +28 -28
  7. package/src/bindings/clickoutsidehandler.js +36 -36
  8. package/src/bindings/csstransitiondisablermixin.d.ts +40 -40
  9. package/src/bindings/csstransitiondisablermixin.js +55 -55
  10. package/src/bindings/injectcsstransitiondisabler.d.ts +59 -59
  11. package/src/bindings/injectcsstransitiondisabler.js +71 -71
  12. package/src/bindings/preventdefault.d.ts +33 -33
  13. package/src/bindings/preventdefault.js +34 -34
  14. package/src/bindings/submithandler.d.ts +57 -57
  15. package/src/bindings/submithandler.js +47 -47
  16. package/src/button/button.d.ts +178 -178
  17. package/src/button/button.js +5 -5
  18. package/src/button/buttonview.d.ts +177 -177
  19. package/src/button/buttonview.js +231 -231
  20. package/src/button/switchbuttonview.d.ts +45 -45
  21. package/src/button/switchbuttonview.js +75 -75
  22. package/src/colorgrid/colorgridview.d.ts +132 -132
  23. package/src/colorgrid/colorgridview.js +124 -124
  24. package/src/colorgrid/colortileview.d.ts +28 -28
  25. package/src/colorgrid/colortileview.js +40 -40
  26. package/src/colorgrid/utils.d.ts +47 -47
  27. package/src/colorgrid/utils.js +84 -84
  28. package/src/colorpicker/colorpickerview.d.ts +110 -110
  29. package/src/colorpicker/colorpickerview.js +253 -253
  30. package/src/colorpicker/utils.d.ts +35 -35
  31. package/src/colorpicker/utils.js +99 -99
  32. package/src/componentfactory.d.ts +81 -81
  33. package/src/componentfactory.js +104 -104
  34. package/src/dropdown/button/dropdownbutton.d.ts +25 -25
  35. package/src/dropdown/button/dropdownbutton.js +5 -5
  36. package/src/dropdown/button/dropdownbuttonview.d.ts +48 -48
  37. package/src/dropdown/button/dropdownbuttonview.js +66 -66
  38. package/src/dropdown/button/splitbuttonview.d.ts +161 -161
  39. package/src/dropdown/button/splitbuttonview.js +152 -152
  40. package/src/dropdown/dropdownpanelfocusable.d.ts +21 -21
  41. package/src/dropdown/dropdownpanelfocusable.js +5 -5
  42. package/src/dropdown/dropdownpanelview.d.ts +62 -62
  43. package/src/dropdown/dropdownpanelview.js +96 -96
  44. package/src/dropdown/dropdownview.d.ts +315 -315
  45. package/src/dropdown/dropdownview.js +378 -378
  46. package/src/dropdown/utils.d.ts +221 -221
  47. package/src/dropdown/utils.js +434 -434
  48. package/src/editableui/editableuiview.d.ts +72 -72
  49. package/src/editableui/editableuiview.js +112 -112
  50. package/src/editableui/inline/inlineeditableuiview.d.ts +40 -40
  51. package/src/editableui/inline/inlineeditableuiview.js +48 -48
  52. package/src/editorui/bodycollection.d.ts +55 -55
  53. package/src/editorui/bodycollection.js +84 -84
  54. package/src/editorui/boxed/boxededitoruiview.d.ts +40 -40
  55. package/src/editorui/boxed/boxededitoruiview.js +81 -81
  56. package/src/editorui/editorui.d.ts +282 -282
  57. package/src/editorui/editorui.js +410 -410
  58. package/src/editorui/editoruiview.d.ts +39 -39
  59. package/src/editorui/editoruiview.js +38 -38
  60. package/src/editorui/poweredby.d.ts +71 -71
  61. package/src/editorui/poweredby.js +294 -294
  62. package/src/focuscycler.d.ts +183 -183
  63. package/src/focuscycler.js +220 -220
  64. package/src/formheader/formheaderview.d.ts +53 -53
  65. package/src/formheader/formheaderview.js +63 -63
  66. package/src/icon/iconview.d.ts +78 -78
  67. package/src/icon/iconview.js +112 -112
  68. package/src/iframe/iframeview.d.ts +50 -50
  69. package/src/iframe/iframeview.js +63 -63
  70. package/src/index.d.ts +62 -62
  71. package/src/index.js +61 -61
  72. package/src/input/inputview.d.ts +121 -121
  73. package/src/input/inputview.js +106 -106
  74. package/src/inputnumber/inputnumberview.d.ts +49 -49
  75. package/src/inputnumber/inputnumberview.js +40 -40
  76. package/src/inputtext/inputtextview.d.ts +18 -18
  77. package/src/inputtext/inputtextview.js +27 -27
  78. package/src/label/labelview.d.ts +36 -36
  79. package/src/label/labelview.js +41 -41
  80. package/src/labeledfield/labeledfieldview.d.ts +182 -182
  81. package/src/labeledfield/labeledfieldview.js +157 -157
  82. package/src/labeledfield/utils.d.ts +93 -93
  83. package/src/labeledfield/utils.js +131 -131
  84. package/src/labeledinput/labeledinputview.d.ts +125 -125
  85. package/src/labeledinput/labeledinputview.js +125 -125
  86. package/src/list/listitemview.d.ts +35 -35
  87. package/src/list/listitemview.js +40 -40
  88. package/src/list/listseparatorview.d.ts +18 -18
  89. package/src/list/listseparatorview.js +28 -28
  90. package/src/list/listview.d.ts +65 -65
  91. package/src/list/listview.js +90 -90
  92. package/src/model.d.ts +22 -22
  93. package/src/model.js +31 -31
  94. package/src/notification/notification.d.ts +211 -211
  95. package/src/notification/notification.js +187 -187
  96. package/src/panel/balloon/balloonpanelview.d.ts +685 -685
  97. package/src/panel/balloon/balloonpanelview.js +988 -988
  98. package/src/panel/balloon/contextualballoon.d.ts +299 -299
  99. package/src/panel/balloon/contextualballoon.js +572 -572
  100. package/src/panel/sticky/stickypanelview.d.ts +132 -132
  101. package/src/panel/sticky/stickypanelview.js +139 -139
  102. package/src/template.d.ts +942 -942
  103. package/src/template.js +1294 -1294
  104. package/src/toolbar/balloon/balloontoolbar.d.ts +122 -122
  105. package/src/toolbar/balloon/balloontoolbar.js +300 -300
  106. package/src/toolbar/block/blockbuttonview.d.ts +35 -35
  107. package/src/toolbar/block/blockbuttonview.js +41 -41
  108. package/src/toolbar/block/blocktoolbar.d.ts +161 -161
  109. package/src/toolbar/block/blocktoolbar.js +391 -391
  110. package/src/toolbar/normalizetoolbarconfig.d.ts +39 -39
  111. package/src/toolbar/normalizetoolbarconfig.js +51 -51
  112. package/src/toolbar/toolbarlinebreakview.d.ts +18 -18
  113. package/src/toolbar/toolbarlinebreakview.js +28 -28
  114. package/src/toolbar/toolbarseparatorview.d.ts +18 -18
  115. package/src/toolbar/toolbarseparatorview.js +28 -28
  116. package/src/toolbar/toolbarview.d.ts +265 -265
  117. package/src/toolbar/toolbarview.js +717 -717
  118. package/src/tooltipmanager.d.ts +180 -180
  119. package/src/tooltipmanager.js +353 -353
  120. package/src/view.d.ts +422 -422
  121. package/src/view.js +396 -396
  122. package/src/viewcollection.d.ts +139 -139
  123. package/src/viewcollection.js +206 -206
package/src/index.d.ts CHANGED
@@ -1,62 +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 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';
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,61 +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 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
+ /**
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
+ };