@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,137 +1,137 @@
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/colorpicker/colorpickerview
7
- */
8
- import { type ColorPickerViewConfig } from './utils';
9
- import { type Locale } from '@ckeditor/ckeditor5-utils';
10
- import View from '../view';
11
- import type ViewCollection from '../viewcollection';
12
- import 'vanilla-colorful/hex-color-picker.js';
13
- import '../../theme/components/colorpicker/colorpicker.css';
14
- /**
15
- * A class which represents a color picker with an input field for defining custom colors.
16
- */
17
- export default class ColorPickerView extends View {
18
- /**
19
- * Element with saturation and hue sliders.
20
- */
21
- picker: HTMLElement;
22
- /**
23
- * Container for a `#` sign prefix and an input for displaying and defining custom colors
24
- * in HEX format.
25
- */
26
- hexInputRow: ColorPickerInputRowView;
27
- /**
28
- * Current color selected in the color picker. It can be set by the component itself
29
- * (through the palette or input) or from the outside (e.g. to reflect the current selection color).
30
- */
31
- color: string;
32
- /**
33
- * List of slider views of the color picker.
34
- */
35
- slidersView: ViewCollection<SliderView>;
36
- /**
37
- * An internal representation of a color.
38
- *
39
- * Since the picker uses a hex format, that's how we store it.
40
- *
41
- * Since this is unified color format it won't fire a change event if color is changed
42
- * from `#f00` to `#ff0000` (same value, different format).
43
- *
44
- * @observable
45
- * @private
46
- */
47
- _hexColor: string;
48
- /**
49
- * Debounced function updating the `color` property in the component
50
- * and firing the `ColorPickerColorSelectedEvent`. Executed whenever color in component
51
- * is changed by the user interaction (through the palette or input).
52
- *
53
- * @private
54
- */
55
- private _debounceColorPickerEvent;
56
- /**
57
- * A reference to the configuration of the color picker specified in the constructor.
58
- *
59
- * @private
60
- */
61
- private _config;
62
- /**
63
- * Creates a view of color picker.
64
- *
65
- * @param locale
66
- * @param config
67
- */
68
- constructor(locale: Locale | undefined, config?: ColorPickerViewConfig);
69
- /**
70
- * Renders color picker in the view.
71
- */
72
- render(): void;
73
- /**
74
- * Focuses the first pointer in color picker.
75
- *
76
- */
77
- focus(): void;
78
- /**
79
- * Creates collection of sliders in color picker.
80
- *
81
- * @private
82
- */
83
- private _createSlidersView;
84
- /**
85
- * Creates input row for defining custom colors in color picker.
86
- *
87
- * @private
88
- */
89
- private _createInputRow;
90
- /**
91
- * Creates the input where user can type or paste the color in hex format.
92
- *
93
- * @private
94
- */
95
- private _createColorInput;
96
- }
97
- declare class SliderView extends View {
98
- /**
99
- * @param element HTML elemnt of slider in color picker.
100
- */
101
- constructor(element: HTMLElement);
102
- /**
103
- * Focuses element.
104
- */
105
- focus(): void;
106
- }
107
- declare class ColorPickerInputRowView extends View {
108
- /**
109
- * A collection of row items (buttons, dropdowns, etc.).
110
- */
111
- readonly children: ViewCollection;
112
- /**
113
- * Creates an instance of the form row class.
114
- *
115
- * @param locale The locale instance.
116
- */
117
- constructor(locale: Locale, children?: Array<View>);
118
- }
119
- /**
120
- * An event fired whenever the color was selected through the color picker palette
121
- * or the color picker input.
122
- *
123
- * This even fires only when the user changes the color. It does not fire when the color
124
- * is changed programmatically, e.g. via
125
- * {@link module:ui/colorpicker/colorpickerview~ColorPickerView#color}.
126
- *
127
- * @eventName ~ColorPickerView#colorSelected
128
- */
129
- export type ColorPickerColorSelectedEvent = {
130
- name: 'colorSelected';
131
- args: [
132
- {
133
- color: string;
134
- }
135
- ];
136
- };
137
- export {};
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/colorpicker/colorpickerview
7
+ */
8
+ import { type ColorPickerViewConfig } from './utils';
9
+ import { type Locale } from '@ckeditor/ckeditor5-utils';
10
+ import View from '../view';
11
+ import type ViewCollection from '../viewcollection';
12
+ import 'vanilla-colorful/hex-color-picker.js';
13
+ import '../../theme/components/colorpicker/colorpicker.css';
14
+ /**
15
+ * A class which represents a color picker with an input field for defining custom colors.
16
+ */
17
+ export default class ColorPickerView extends View {
18
+ /**
19
+ * Element with saturation and hue sliders.
20
+ */
21
+ picker: HTMLElement;
22
+ /**
23
+ * Container for a `#` sign prefix and an input for displaying and defining custom colors
24
+ * in HEX format.
25
+ */
26
+ hexInputRow: ColorPickerInputRowView;
27
+ /**
28
+ * Current color selected in the color picker. It can be set by the component itself
29
+ * (through the palette or input) or from the outside (e.g. to reflect the current selection color).
30
+ */
31
+ color: string;
32
+ /**
33
+ * List of slider views of the color picker.
34
+ */
35
+ slidersView: ViewCollection<SliderView>;
36
+ /**
37
+ * An internal representation of a color.
38
+ *
39
+ * Since the picker uses a hex format, that's how we store it.
40
+ *
41
+ * Since this is unified color format it won't fire a change event if color is changed
42
+ * from `#f00` to `#ff0000` (same value, different format).
43
+ *
44
+ * @observable
45
+ * @private
46
+ */
47
+ _hexColor: string;
48
+ /**
49
+ * Debounced function updating the `color` property in the component
50
+ * and firing the `ColorPickerColorSelectedEvent`. Executed whenever color in component
51
+ * is changed by the user interaction (through the palette or input).
52
+ *
53
+ * @private
54
+ */
55
+ private _debounceColorPickerEvent;
56
+ /**
57
+ * A reference to the configuration of the color picker specified in the constructor.
58
+ *
59
+ * @private
60
+ */
61
+ private _config;
62
+ /**
63
+ * Creates a view of color picker.
64
+ *
65
+ * @param locale
66
+ * @param config
67
+ */
68
+ constructor(locale: Locale | undefined, config?: ColorPickerViewConfig);
69
+ /**
70
+ * Renders color picker in the view.
71
+ */
72
+ render(): void;
73
+ /**
74
+ * Focuses the first pointer in color picker.
75
+ *
76
+ */
77
+ focus(): void;
78
+ /**
79
+ * Creates collection of sliders in color picker.
80
+ *
81
+ * @private
82
+ */
83
+ private _createSlidersView;
84
+ /**
85
+ * Creates input row for defining custom colors in color picker.
86
+ *
87
+ * @private
88
+ */
89
+ private _createInputRow;
90
+ /**
91
+ * Creates the input where user can type or paste the color in hex format.
92
+ *
93
+ * @private
94
+ */
95
+ private _createColorInput;
96
+ }
97
+ declare class SliderView extends View {
98
+ /**
99
+ * @param element HTML elemnt of slider in color picker.
100
+ */
101
+ constructor(element: HTMLElement);
102
+ /**
103
+ * Focuses element.
104
+ */
105
+ focus(): void;
106
+ }
107
+ declare class ColorPickerInputRowView extends View {
108
+ /**
109
+ * A collection of row items (buttons, dropdowns, etc.).
110
+ */
111
+ readonly children: ViewCollection;
112
+ /**
113
+ * Creates an instance of the form row class.
114
+ *
115
+ * @param locale The locale instance.
116
+ */
117
+ constructor(locale: Locale, children?: Array<View>);
118
+ }
119
+ /**
120
+ * An event fired whenever the color was selected through the color picker palette
121
+ * or the color picker input.
122
+ *
123
+ * This even fires only when the user changes the color. It does not fire when the color
124
+ * is changed programmatically, e.g. via
125
+ * {@link module:ui/colorpicker/colorpickerview~ColorPickerView#color}.
126
+ *
127
+ * @eventName ~ColorPickerView#colorSelected
128
+ */
129
+ export type ColorPickerColorSelectedEvent = {
130
+ name: 'colorSelected';
131
+ args: [
132
+ {
133
+ color: string;
134
+ }
135
+ ];
136
+ };
137
+ export {};