@ckeditor/ckeditor5-table 40.0.0 → 40.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +15 -15
- package/LICENSE.md +3 -3
- package/build/table.js +1 -1
- package/build/translations/fi.js +1 -1
- package/lang/translations/fi.po +3 -3
- package/package.json +2 -2
- package/src/augmentation.d.ts +76 -76
- package/src/augmentation.js +5 -5
- package/src/commands/insertcolumncommand.d.ts +55 -55
- package/src/commands/insertcolumncommand.js +67 -67
- package/src/commands/insertrowcommand.d.ts +54 -54
- package/src/commands/insertrowcommand.js +66 -66
- package/src/commands/inserttablecommand.d.ts +44 -44
- package/src/commands/inserttablecommand.js +69 -69
- package/src/commands/mergecellcommand.d.ts +68 -68
- package/src/commands/mergecellcommand.js +198 -198
- package/src/commands/mergecellscommand.d.ts +28 -28
- package/src/commands/mergecellscommand.js +94 -94
- package/src/commands/removecolumncommand.d.ts +29 -29
- package/src/commands/removecolumncommand.js +109 -109
- package/src/commands/removerowcommand.d.ts +29 -29
- package/src/commands/removerowcommand.js +82 -82
- package/src/commands/selectcolumncommand.d.ts +33 -33
- package/src/commands/selectcolumncommand.js +60 -60
- package/src/commands/selectrowcommand.d.ts +33 -33
- package/src/commands/selectrowcommand.js +56 -56
- package/src/commands/setheadercolumncommand.d.ts +50 -50
- package/src/commands/setheadercolumncommand.js +71 -71
- package/src/commands/setheaderrowcommand.d.ts +53 -53
- package/src/commands/setheaderrowcommand.js +79 -79
- package/src/commands/splitcellcommand.d.ts +43 -43
- package/src/commands/splitcellcommand.js +54 -54
- package/src/converters/downcast.d.ts +63 -63
- package/src/converters/downcast.js +146 -146
- package/src/converters/table-caption-post-fixer.d.ts +20 -20
- package/src/converters/table-caption-post-fixer.js +53 -53
- package/src/converters/table-cell-paragraph-post-fixer.d.ts +32 -32
- package/src/converters/table-cell-paragraph-post-fixer.js +107 -107
- package/src/converters/table-cell-refresh-handler.d.ts +18 -18
- package/src/converters/table-cell-refresh-handler.js +45 -45
- package/src/converters/table-headings-refresh-handler.d.ts +17 -17
- package/src/converters/table-headings-refresh-handler.js +49 -49
- package/src/converters/table-layout-post-fixer.d.ts +226 -226
- package/src/converters/table-layout-post-fixer.js +367 -367
- package/src/converters/tableproperties.d.ts +54 -54
- package/src/converters/tableproperties.js +159 -159
- package/src/converters/upcasttable.d.ts +49 -49
- package/src/converters/upcasttable.js +243 -243
- package/src/index.d.ts +60 -60
- package/src/index.js +30 -30
- package/src/plaintableoutput.d.ts +26 -26
- package/src/plaintableoutput.js +123 -123
- package/src/table.d.ts +40 -40
- package/src/table.js +44 -44
- package/src/tablecaption/tablecaptionediting.d.ts +63 -63
- package/src/tablecaption/tablecaptionediting.js +122 -122
- package/src/tablecaption/tablecaptionui.d.ts +21 -21
- package/src/tablecaption/tablecaptionui.js +57 -57
- package/src/tablecaption/toggletablecaptioncommand.d.ts +68 -68
- package/src/tablecaption/toggletablecaptioncommand.js +105 -104
- package/src/tablecaption/utils.d.ts +38 -42
- package/src/tablecaption/utils.js +57 -67
- package/src/tablecaption.d.ts +24 -24
- package/src/tablecaption.js +28 -28
- package/src/tablecellproperties/commands/tablecellbackgroundcolorcommand.d.ts +32 -32
- package/src/tablecellproperties/commands/tablecellbackgroundcolorcommand.js +30 -30
- package/src/tablecellproperties/commands/tablecellbordercolorcommand.d.ts +37 -37
- package/src/tablecellproperties/commands/tablecellbordercolorcommand.js +44 -44
- package/src/tablecellproperties/commands/tablecellborderstylecommand.d.ts +37 -37
- package/src/tablecellproperties/commands/tablecellborderstylecommand.js +44 -44
- package/src/tablecellproperties/commands/tablecellborderwidthcommand.d.ts +51 -51
- package/src/tablecellproperties/commands/tablecellborderwidthcommand.js +64 -64
- package/src/tablecellproperties/commands/tablecellheightcommand.d.ts +46 -46
- package/src/tablecellproperties/commands/tablecellheightcommand.js +51 -51
- package/src/tablecellproperties/commands/tablecellhorizontalalignmentcommand.d.ts +32 -32
- package/src/tablecellproperties/commands/tablecellhorizontalalignmentcommand.js +30 -30
- package/src/tablecellproperties/commands/tablecellpaddingcommand.d.ts +51 -51
- package/src/tablecellproperties/commands/tablecellpaddingcommand.js +64 -64
- package/src/tablecellproperties/commands/tablecellpropertycommand.d.ts +62 -62
- package/src/tablecellproperties/commands/tablecellpropertycommand.js +92 -92
- package/src/tablecellproperties/commands/tablecellverticalalignmentcommand.d.ts +40 -40
- package/src/tablecellproperties/commands/tablecellverticalalignmentcommand.js +38 -38
- package/src/tablecellproperties/tablecellpropertiesediting.d.ts +43 -43
- package/src/tablecellproperties/tablecellpropertiesediting.js +241 -241
- package/src/tablecellproperties/tablecellpropertiesui.d.ts +112 -112
- package/src/tablecellproperties/tablecellpropertiesui.js +330 -330
- package/src/tablecellproperties/ui/tablecellpropertiesview.d.ts +228 -228
- package/src/tablecellproperties/ui/tablecellpropertiesview.js +548 -548
- package/src/tablecellproperties.d.ts +30 -30
- package/src/tablecellproperties.js +34 -34
- package/src/tablecellwidth/commands/tablecellwidthcommand.d.ts +46 -46
- package/src/tablecellwidth/commands/tablecellwidthcommand.js +51 -51
- package/src/tablecellwidth/tablecellwidthediting.d.ts +29 -29
- package/src/tablecellwidth/tablecellwidthediting.js +45 -45
- package/src/tableclipboard.d.ts +65 -65
- package/src/tableclipboard.js +450 -450
- package/src/tablecolumnresize/constants.d.ts +20 -20
- package/src/tablecolumnresize/constants.js +20 -20
- package/src/tablecolumnresize/converters.d.ts +18 -18
- package/src/tablecolumnresize/converters.js +46 -46
- package/src/tablecolumnresize/tablecolumnresizeediting.d.ts +139 -139
- package/src/tablecolumnresize/tablecolumnresizeediting.js +583 -583
- package/src/tablecolumnresize/tablewidthscommand.d.ts +38 -38
- package/src/tablecolumnresize/tablewidthscommand.js +61 -61
- package/src/tablecolumnresize/utils.d.ts +148 -148
- package/src/tablecolumnresize/utils.js +358 -358
- package/src/tablecolumnresize.d.ts +26 -26
- package/src/tablecolumnresize.js +30 -30
- package/src/tableconfig.d.ts +343 -343
- package/src/tableconfig.js +5 -5
- package/src/tableediting.d.ts +98 -98
- package/src/tableediting.js +191 -191
- package/src/tablekeyboard.d.ts +68 -68
- package/src/tablekeyboard.js +279 -279
- package/src/tablemouse/mouseeventsobserver.d.ts +62 -62
- package/src/tablemouse/mouseeventsobserver.js +35 -35
- package/src/tablemouse.d.ts +48 -48
- package/src/tablemouse.js +172 -172
- package/src/tableproperties/commands/tablealignmentcommand.d.ts +32 -32
- package/src/tableproperties/commands/tablealignmentcommand.js +30 -30
- package/src/tableproperties/commands/tablebackgroundcolorcommand.d.ts +32 -32
- package/src/tableproperties/commands/tablebackgroundcolorcommand.js +30 -30
- package/src/tableproperties/commands/tablebordercolorcommand.d.ts +37 -37
- package/src/tableproperties/commands/tablebordercolorcommand.js +44 -44
- package/src/tableproperties/commands/tableborderstylecommand.d.ts +37 -37
- package/src/tableproperties/commands/tableborderstylecommand.js +44 -44
- package/src/tableproperties/commands/tableborderwidthcommand.d.ts +51 -51
- package/src/tableproperties/commands/tableborderwidthcommand.js +64 -64
- package/src/tableproperties/commands/tableheightcommand.d.ts +46 -46
- package/src/tableproperties/commands/tableheightcommand.js +54 -54
- package/src/tableproperties/commands/tablepropertycommand.d.ts +61 -61
- package/src/tableproperties/commands/tablepropertycommand.js +81 -80
- package/src/tableproperties/commands/tablewidthcommand.d.ts +46 -46
- package/src/tableproperties/commands/tablewidthcommand.js +54 -54
- package/src/tableproperties/tablepropertiesediting.d.ts +40 -40
- package/src/tableproperties/tablepropertiesediting.js +206 -206
- package/src/tableproperties/tablepropertiesui.d.ts +114 -114
- package/src/tableproperties/tablepropertiesui.js +321 -321
- package/src/tableproperties/ui/tablepropertiesview.d.ts +207 -207
- package/src/tableproperties/ui/tablepropertiesview.js +466 -466
- package/src/tableproperties.d.ts +30 -30
- package/src/tableproperties.js +34 -34
- package/src/tableselection.d.ts +107 -107
- package/src/tableselection.js +297 -297
- package/src/tabletoolbar.d.ts +32 -32
- package/src/tabletoolbar.js +57 -57
- package/src/tableui.d.ts +53 -53
- package/src/tableui.js +309 -309
- package/src/tableutils.d.ts +448 -448
- package/src/tableutils.js +1055 -1055
- package/src/tablewalker.d.ts +362 -362
- package/src/tablewalker.js +393 -393
- package/src/ui/colorinputview.d.ts +140 -140
- package/src/ui/colorinputview.js +271 -271
- package/src/ui/formrowview.d.ts +61 -61
- package/src/ui/formrowview.js +57 -57
- package/src/ui/inserttableview.d.ts +77 -77
- package/src/ui/inserttableview.js +169 -169
- package/src/utils/common.d.ts +46 -42
- package/src/utils/common.js +68 -57
- package/src/utils/structure.d.ts +245 -245
- package/src/utils/structure.js +426 -426
- package/src/utils/table-properties.d.ts +67 -67
- package/src/utils/table-properties.js +86 -86
- package/src/utils/ui/contextualballoon.d.ts +34 -34
- package/src/utils/ui/contextualballoon.js +110 -106
- package/src/utils/ui/table-properties.d.ts +195 -195
- package/src/utils/ui/table-properties.js +362 -362
- package/src/utils/ui/widget.d.ts +20 -16
- package/src/utils/ui/widget.js +48 -38
- package/build/table.js.map +0 -1
|
@@ -1,228 +1,228 @@
|
|
|
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 table/tablecellproperties/ui/tablecellpropertiesview
|
|
7
|
-
*/
|
|
8
|
-
import { ButtonView, FocusCycler, LabeledFieldView, View, ViewCollection, type FocusableView, type NormalizedColorOption, type ColorPickerConfig } from 'ckeditor5/src/ui';
|
|
9
|
-
import { KeystrokeHandler, FocusTracker, type Locale } from 'ckeditor5/src/utils';
|
|
10
|
-
import type ColorInputView from '../../ui/colorinputview';
|
|
11
|
-
import type { TableCellPropertiesOptions } from '../../tableconfig';
|
|
12
|
-
import '../../../theme/form.css';
|
|
13
|
-
import '../../../theme/tableform.css';
|
|
14
|
-
import '../../../theme/tablecellproperties.css';
|
|
15
|
-
export interface TableCellPropertiesViewOptions {
|
|
16
|
-
borderColors: Array<NormalizedColorOption>;
|
|
17
|
-
backgroundColors: Array<NormalizedColorOption>;
|
|
18
|
-
defaultTableCellProperties: TableCellPropertiesOptions;
|
|
19
|
-
colorPickerConfig: false | ColorPickerConfig;
|
|
20
|
-
}
|
|
21
|
-
/**
|
|
22
|
-
* The class representing a table cell properties form, allowing users to customize
|
|
23
|
-
* certain style aspects of a table cell, for instance, border, padding, text alignment, etc..
|
|
24
|
-
*/
|
|
25
|
-
export default class TableCellPropertiesView extends View {
|
|
26
|
-
/**
|
|
27
|
-
* The value of the cell border style.
|
|
28
|
-
*
|
|
29
|
-
* @observable
|
|
30
|
-
* @default ''
|
|
31
|
-
*/
|
|
32
|
-
borderStyle: string;
|
|
33
|
-
/**
|
|
34
|
-
* The value of the cell border width style.
|
|
35
|
-
*
|
|
36
|
-
* @observable
|
|
37
|
-
* @default ''
|
|
38
|
-
*/
|
|
39
|
-
borderWidth: string;
|
|
40
|
-
/**
|
|
41
|
-
* The value of the cell border color style.
|
|
42
|
-
*
|
|
43
|
-
* @observable
|
|
44
|
-
* @default ''
|
|
45
|
-
*/
|
|
46
|
-
borderColor: string;
|
|
47
|
-
/**
|
|
48
|
-
* The value of the cell padding style.
|
|
49
|
-
*
|
|
50
|
-
* @observable
|
|
51
|
-
* @default ''
|
|
52
|
-
*/
|
|
53
|
-
padding: string;
|
|
54
|
-
/**
|
|
55
|
-
* The value of the cell background color style.
|
|
56
|
-
*
|
|
57
|
-
* @observable
|
|
58
|
-
* @default ''
|
|
59
|
-
*/
|
|
60
|
-
backgroundColor: string;
|
|
61
|
-
/**
|
|
62
|
-
* The value of the table cell width style.
|
|
63
|
-
*
|
|
64
|
-
* @observable
|
|
65
|
-
* @default ''
|
|
66
|
-
*/
|
|
67
|
-
width: string;
|
|
68
|
-
/**
|
|
69
|
-
* The value of the table cell height style.
|
|
70
|
-
*
|
|
71
|
-
* @observable
|
|
72
|
-
* @default ''
|
|
73
|
-
*/
|
|
74
|
-
height: string;
|
|
75
|
-
/**
|
|
76
|
-
* The value of the horizontal text alignment style.
|
|
77
|
-
*
|
|
78
|
-
* @observable
|
|
79
|
-
* @default ''
|
|
80
|
-
*/
|
|
81
|
-
horizontalAlignment: string;
|
|
82
|
-
/**
|
|
83
|
-
* The value of the vertical text alignment style.
|
|
84
|
-
*
|
|
85
|
-
* @observable
|
|
86
|
-
* @default ''
|
|
87
|
-
*/
|
|
88
|
-
verticalAlignment: string;
|
|
89
|
-
/**
|
|
90
|
-
* Options passed to the view. See {@link #constructor} to learn more.
|
|
91
|
-
*/
|
|
92
|
-
readonly options: TableCellPropertiesViewOptions;
|
|
93
|
-
/**
|
|
94
|
-
* Tracks information about the DOM focus in the form.
|
|
95
|
-
*/
|
|
96
|
-
readonly focusTracker: FocusTracker;
|
|
97
|
-
/**
|
|
98
|
-
* An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.
|
|
99
|
-
*/
|
|
100
|
-
readonly keystrokes: KeystrokeHandler;
|
|
101
|
-
/**
|
|
102
|
-
* A collection of child views in the form.
|
|
103
|
-
*/
|
|
104
|
-
readonly children: ViewCollection;
|
|
105
|
-
/**
|
|
106
|
-
* A dropdown that allows selecting the style of the table cell border.
|
|
107
|
-
*/
|
|
108
|
-
readonly borderStyleDropdown: LabeledFieldView<FocusableView>;
|
|
109
|
-
/**
|
|
110
|
-
* An input that allows specifying the width of the table cell border.
|
|
111
|
-
*/
|
|
112
|
-
readonly borderWidthInput: LabeledFieldView<FocusableView>;
|
|
113
|
-
/**
|
|
114
|
-
* An input that allows specifying the color of the table cell border.
|
|
115
|
-
*/
|
|
116
|
-
readonly borderColorInput: LabeledFieldView<ColorInputView>;
|
|
117
|
-
/**
|
|
118
|
-
* An input that allows specifying the table cell background color.
|
|
119
|
-
*/
|
|
120
|
-
readonly backgroundInput: LabeledFieldView<ColorInputView>;
|
|
121
|
-
/**
|
|
122
|
-
* An input that allows specifying the table cell padding.
|
|
123
|
-
*/
|
|
124
|
-
readonly paddingInput: LabeledFieldView;
|
|
125
|
-
/**
|
|
126
|
-
* An input that allows specifying the table cell width.
|
|
127
|
-
*/
|
|
128
|
-
readonly widthInput: LabeledFieldView<FocusableView>;
|
|
129
|
-
/**
|
|
130
|
-
* An input that allows specifying the table cell height.
|
|
131
|
-
*/
|
|
132
|
-
readonly heightInput: LabeledFieldView<FocusableView>;
|
|
133
|
-
/**
|
|
134
|
-
* A toolbar with buttons that allow changing the horizontal text alignment in a table cell.
|
|
135
|
-
*/
|
|
136
|
-
readonly horizontalAlignmentToolbar: View<HTMLElement>;
|
|
137
|
-
/**
|
|
138
|
-
* A toolbar with buttons that allow changing the vertical text alignment in a table cell.
|
|
139
|
-
*/
|
|
140
|
-
readonly verticalAlignmentToolbar: View<HTMLElement>;
|
|
141
|
-
/**
|
|
142
|
-
* The "Save" button view.
|
|
143
|
-
*/
|
|
144
|
-
saveButtonView: ButtonView;
|
|
145
|
-
/**
|
|
146
|
-
* The "Cancel" button view.
|
|
147
|
-
*/
|
|
148
|
-
cancelButtonView: ButtonView;
|
|
149
|
-
/**
|
|
150
|
-
* A collection of views that can be focused in the form.
|
|
151
|
-
*/
|
|
152
|
-
protected readonly _focusables: ViewCollection;
|
|
153
|
-
/**
|
|
154
|
-
* Helps cycling over {@link #_focusables} in the form.
|
|
155
|
-
*/
|
|
156
|
-
protected readonly _focusCycler: FocusCycler;
|
|
157
|
-
/**
|
|
158
|
-
* @param locale The {@link module:core/editor/editor~Editor#locale} instance.
|
|
159
|
-
* @param options Additional configuration of the view.
|
|
160
|
-
* @param options.borderColors A configuration of the border color palette used by the
|
|
161
|
-
* {@link module:table/tablecellproperties/ui/tablecellpropertiesview~TableCellPropertiesView#borderColorInput}.
|
|
162
|
-
* @param options.backgroundColors A configuration of the background color palette used by the
|
|
163
|
-
* {@link module:table/tablecellproperties/ui/tablecellpropertiesview~TableCellPropertiesView#backgroundInput}.
|
|
164
|
-
* @param options.defaultTableCellProperties The default table cell properties.
|
|
165
|
-
*/
|
|
166
|
-
constructor(locale: Locale, options: TableCellPropertiesViewOptions);
|
|
167
|
-
/**
|
|
168
|
-
* @inheritDoc
|
|
169
|
-
*/
|
|
170
|
-
render(): void;
|
|
171
|
-
/**
|
|
172
|
-
* @inheritDoc
|
|
173
|
-
*/
|
|
174
|
-
destroy(): void;
|
|
175
|
-
/**
|
|
176
|
-
* Focuses the fist focusable field in the form.
|
|
177
|
-
*/
|
|
178
|
-
focus(): void;
|
|
179
|
-
/**
|
|
180
|
-
* Creates the following form fields:
|
|
181
|
-
*
|
|
182
|
-
* * {@link #borderStyleDropdown},
|
|
183
|
-
* * {@link #borderWidthInput},
|
|
184
|
-
* * {@link #borderColorInput}.
|
|
185
|
-
*/
|
|
186
|
-
private _createBorderFields;
|
|
187
|
-
/**
|
|
188
|
-
* Creates the following form fields:
|
|
189
|
-
*
|
|
190
|
-
* * {@link #backgroundInput}.
|
|
191
|
-
*/
|
|
192
|
-
private _createBackgroundFields;
|
|
193
|
-
/**
|
|
194
|
-
* Creates the following form fields:
|
|
195
|
-
*
|
|
196
|
-
* * {@link #widthInput}.
|
|
197
|
-
* * {@link #heightInput}.
|
|
198
|
-
*/
|
|
199
|
-
private _createDimensionFields;
|
|
200
|
-
/**
|
|
201
|
-
* Creates the following form fields:
|
|
202
|
-
*
|
|
203
|
-
* * {@link #paddingInput}.
|
|
204
|
-
*/
|
|
205
|
-
private _createPaddingField;
|
|
206
|
-
/**
|
|
207
|
-
* Creates the following form fields:
|
|
208
|
-
*
|
|
209
|
-
* * {@link #horizontalAlignmentToolbar},
|
|
210
|
-
* * {@link #verticalAlignmentToolbar}.
|
|
211
|
-
*/
|
|
212
|
-
private _createAlignmentFields;
|
|
213
|
-
/**
|
|
214
|
-
* Creates the following form controls:
|
|
215
|
-
*
|
|
216
|
-
* * {@link #saveButtonView},
|
|
217
|
-
* * {@link #cancelButtonView}.
|
|
218
|
-
*/
|
|
219
|
-
private _createActionButtons;
|
|
220
|
-
/**
|
|
221
|
-
* Provides localized labels for {@link #horizontalAlignmentToolbar} buttons.
|
|
222
|
-
*/
|
|
223
|
-
private get _horizontalAlignmentLabels();
|
|
224
|
-
/**
|
|
225
|
-
* Provides localized labels for {@link #verticalAlignmentToolbar} buttons.
|
|
226
|
-
*/
|
|
227
|
-
private get _verticalAlignmentLabels();
|
|
228
|
-
}
|
|
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 table/tablecellproperties/ui/tablecellpropertiesview
|
|
7
|
+
*/
|
|
8
|
+
import { ButtonView, FocusCycler, LabeledFieldView, View, ViewCollection, type FocusableView, type NormalizedColorOption, type ColorPickerConfig } from 'ckeditor5/src/ui';
|
|
9
|
+
import { KeystrokeHandler, FocusTracker, type Locale } from 'ckeditor5/src/utils';
|
|
10
|
+
import type ColorInputView from '../../ui/colorinputview';
|
|
11
|
+
import type { TableCellPropertiesOptions } from '../../tableconfig';
|
|
12
|
+
import '../../../theme/form.css';
|
|
13
|
+
import '../../../theme/tableform.css';
|
|
14
|
+
import '../../../theme/tablecellproperties.css';
|
|
15
|
+
export interface TableCellPropertiesViewOptions {
|
|
16
|
+
borderColors: Array<NormalizedColorOption>;
|
|
17
|
+
backgroundColors: Array<NormalizedColorOption>;
|
|
18
|
+
defaultTableCellProperties: TableCellPropertiesOptions;
|
|
19
|
+
colorPickerConfig: false | ColorPickerConfig;
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* The class representing a table cell properties form, allowing users to customize
|
|
23
|
+
* certain style aspects of a table cell, for instance, border, padding, text alignment, etc..
|
|
24
|
+
*/
|
|
25
|
+
export default class TableCellPropertiesView extends View {
|
|
26
|
+
/**
|
|
27
|
+
* The value of the cell border style.
|
|
28
|
+
*
|
|
29
|
+
* @observable
|
|
30
|
+
* @default ''
|
|
31
|
+
*/
|
|
32
|
+
borderStyle: string;
|
|
33
|
+
/**
|
|
34
|
+
* The value of the cell border width style.
|
|
35
|
+
*
|
|
36
|
+
* @observable
|
|
37
|
+
* @default ''
|
|
38
|
+
*/
|
|
39
|
+
borderWidth: string;
|
|
40
|
+
/**
|
|
41
|
+
* The value of the cell border color style.
|
|
42
|
+
*
|
|
43
|
+
* @observable
|
|
44
|
+
* @default ''
|
|
45
|
+
*/
|
|
46
|
+
borderColor: string;
|
|
47
|
+
/**
|
|
48
|
+
* The value of the cell padding style.
|
|
49
|
+
*
|
|
50
|
+
* @observable
|
|
51
|
+
* @default ''
|
|
52
|
+
*/
|
|
53
|
+
padding: string;
|
|
54
|
+
/**
|
|
55
|
+
* The value of the cell background color style.
|
|
56
|
+
*
|
|
57
|
+
* @observable
|
|
58
|
+
* @default ''
|
|
59
|
+
*/
|
|
60
|
+
backgroundColor: string;
|
|
61
|
+
/**
|
|
62
|
+
* The value of the table cell width style.
|
|
63
|
+
*
|
|
64
|
+
* @observable
|
|
65
|
+
* @default ''
|
|
66
|
+
*/
|
|
67
|
+
width: string;
|
|
68
|
+
/**
|
|
69
|
+
* The value of the table cell height style.
|
|
70
|
+
*
|
|
71
|
+
* @observable
|
|
72
|
+
* @default ''
|
|
73
|
+
*/
|
|
74
|
+
height: string;
|
|
75
|
+
/**
|
|
76
|
+
* The value of the horizontal text alignment style.
|
|
77
|
+
*
|
|
78
|
+
* @observable
|
|
79
|
+
* @default ''
|
|
80
|
+
*/
|
|
81
|
+
horizontalAlignment: string;
|
|
82
|
+
/**
|
|
83
|
+
* The value of the vertical text alignment style.
|
|
84
|
+
*
|
|
85
|
+
* @observable
|
|
86
|
+
* @default ''
|
|
87
|
+
*/
|
|
88
|
+
verticalAlignment: string;
|
|
89
|
+
/**
|
|
90
|
+
* Options passed to the view. See {@link #constructor} to learn more.
|
|
91
|
+
*/
|
|
92
|
+
readonly options: TableCellPropertiesViewOptions;
|
|
93
|
+
/**
|
|
94
|
+
* Tracks information about the DOM focus in the form.
|
|
95
|
+
*/
|
|
96
|
+
readonly focusTracker: FocusTracker;
|
|
97
|
+
/**
|
|
98
|
+
* An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.
|
|
99
|
+
*/
|
|
100
|
+
readonly keystrokes: KeystrokeHandler;
|
|
101
|
+
/**
|
|
102
|
+
* A collection of child views in the form.
|
|
103
|
+
*/
|
|
104
|
+
readonly children: ViewCollection;
|
|
105
|
+
/**
|
|
106
|
+
* A dropdown that allows selecting the style of the table cell border.
|
|
107
|
+
*/
|
|
108
|
+
readonly borderStyleDropdown: LabeledFieldView<FocusableView>;
|
|
109
|
+
/**
|
|
110
|
+
* An input that allows specifying the width of the table cell border.
|
|
111
|
+
*/
|
|
112
|
+
readonly borderWidthInput: LabeledFieldView<FocusableView>;
|
|
113
|
+
/**
|
|
114
|
+
* An input that allows specifying the color of the table cell border.
|
|
115
|
+
*/
|
|
116
|
+
readonly borderColorInput: LabeledFieldView<ColorInputView>;
|
|
117
|
+
/**
|
|
118
|
+
* An input that allows specifying the table cell background color.
|
|
119
|
+
*/
|
|
120
|
+
readonly backgroundInput: LabeledFieldView<ColorInputView>;
|
|
121
|
+
/**
|
|
122
|
+
* An input that allows specifying the table cell padding.
|
|
123
|
+
*/
|
|
124
|
+
readonly paddingInput: LabeledFieldView;
|
|
125
|
+
/**
|
|
126
|
+
* An input that allows specifying the table cell width.
|
|
127
|
+
*/
|
|
128
|
+
readonly widthInput: LabeledFieldView<FocusableView>;
|
|
129
|
+
/**
|
|
130
|
+
* An input that allows specifying the table cell height.
|
|
131
|
+
*/
|
|
132
|
+
readonly heightInput: LabeledFieldView<FocusableView>;
|
|
133
|
+
/**
|
|
134
|
+
* A toolbar with buttons that allow changing the horizontal text alignment in a table cell.
|
|
135
|
+
*/
|
|
136
|
+
readonly horizontalAlignmentToolbar: View<HTMLElement>;
|
|
137
|
+
/**
|
|
138
|
+
* A toolbar with buttons that allow changing the vertical text alignment in a table cell.
|
|
139
|
+
*/
|
|
140
|
+
readonly verticalAlignmentToolbar: View<HTMLElement>;
|
|
141
|
+
/**
|
|
142
|
+
* The "Save" button view.
|
|
143
|
+
*/
|
|
144
|
+
saveButtonView: ButtonView;
|
|
145
|
+
/**
|
|
146
|
+
* The "Cancel" button view.
|
|
147
|
+
*/
|
|
148
|
+
cancelButtonView: ButtonView;
|
|
149
|
+
/**
|
|
150
|
+
* A collection of views that can be focused in the form.
|
|
151
|
+
*/
|
|
152
|
+
protected readonly _focusables: ViewCollection;
|
|
153
|
+
/**
|
|
154
|
+
* Helps cycling over {@link #_focusables} in the form.
|
|
155
|
+
*/
|
|
156
|
+
protected readonly _focusCycler: FocusCycler;
|
|
157
|
+
/**
|
|
158
|
+
* @param locale The {@link module:core/editor/editor~Editor#locale} instance.
|
|
159
|
+
* @param options Additional configuration of the view.
|
|
160
|
+
* @param options.borderColors A configuration of the border color palette used by the
|
|
161
|
+
* {@link module:table/tablecellproperties/ui/tablecellpropertiesview~TableCellPropertiesView#borderColorInput}.
|
|
162
|
+
* @param options.backgroundColors A configuration of the background color palette used by the
|
|
163
|
+
* {@link module:table/tablecellproperties/ui/tablecellpropertiesview~TableCellPropertiesView#backgroundInput}.
|
|
164
|
+
* @param options.defaultTableCellProperties The default table cell properties.
|
|
165
|
+
*/
|
|
166
|
+
constructor(locale: Locale, options: TableCellPropertiesViewOptions);
|
|
167
|
+
/**
|
|
168
|
+
* @inheritDoc
|
|
169
|
+
*/
|
|
170
|
+
render(): void;
|
|
171
|
+
/**
|
|
172
|
+
* @inheritDoc
|
|
173
|
+
*/
|
|
174
|
+
destroy(): void;
|
|
175
|
+
/**
|
|
176
|
+
* Focuses the fist focusable field in the form.
|
|
177
|
+
*/
|
|
178
|
+
focus(): void;
|
|
179
|
+
/**
|
|
180
|
+
* Creates the following form fields:
|
|
181
|
+
*
|
|
182
|
+
* * {@link #borderStyleDropdown},
|
|
183
|
+
* * {@link #borderWidthInput},
|
|
184
|
+
* * {@link #borderColorInput}.
|
|
185
|
+
*/
|
|
186
|
+
private _createBorderFields;
|
|
187
|
+
/**
|
|
188
|
+
* Creates the following form fields:
|
|
189
|
+
*
|
|
190
|
+
* * {@link #backgroundInput}.
|
|
191
|
+
*/
|
|
192
|
+
private _createBackgroundFields;
|
|
193
|
+
/**
|
|
194
|
+
* Creates the following form fields:
|
|
195
|
+
*
|
|
196
|
+
* * {@link #widthInput}.
|
|
197
|
+
* * {@link #heightInput}.
|
|
198
|
+
*/
|
|
199
|
+
private _createDimensionFields;
|
|
200
|
+
/**
|
|
201
|
+
* Creates the following form fields:
|
|
202
|
+
*
|
|
203
|
+
* * {@link #paddingInput}.
|
|
204
|
+
*/
|
|
205
|
+
private _createPaddingField;
|
|
206
|
+
/**
|
|
207
|
+
* Creates the following form fields:
|
|
208
|
+
*
|
|
209
|
+
* * {@link #horizontalAlignmentToolbar},
|
|
210
|
+
* * {@link #verticalAlignmentToolbar}.
|
|
211
|
+
*/
|
|
212
|
+
private _createAlignmentFields;
|
|
213
|
+
/**
|
|
214
|
+
* Creates the following form controls:
|
|
215
|
+
*
|
|
216
|
+
* * {@link #saveButtonView},
|
|
217
|
+
* * {@link #cancelButtonView}.
|
|
218
|
+
*/
|
|
219
|
+
private _createActionButtons;
|
|
220
|
+
/**
|
|
221
|
+
* Provides localized labels for {@link #horizontalAlignmentToolbar} buttons.
|
|
222
|
+
*/
|
|
223
|
+
private get _horizontalAlignmentLabels();
|
|
224
|
+
/**
|
|
225
|
+
* Provides localized labels for {@link #verticalAlignmentToolbar} buttons.
|
|
226
|
+
*/
|
|
227
|
+
private get _verticalAlignmentLabels();
|
|
228
|
+
}
|