@ckeditor/ckeditor5-table 39.0.1 → 40.0.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/LICENSE.md +1 -1
- package/README.md +3 -3
- package/build/table.js +1 -1
- package/build/table.js.map +1 -0
- package/build/translations/hy.js +1 -0
- package/lang/translations/ar.po +1 -0
- package/lang/translations/az.po +1 -0
- package/lang/translations/bg.po +1 -0
- package/lang/translations/bn.po +1 -0
- package/lang/translations/ca.po +1 -0
- package/lang/translations/cs.po +1 -0
- package/lang/translations/da.po +1 -0
- package/lang/translations/de-ch.po +1 -0
- package/lang/translations/de.po +1 -0
- package/lang/translations/el.po +1 -0
- package/lang/translations/en-au.po +1 -0
- package/lang/translations/en-gb.po +1 -0
- package/lang/translations/en.po +1 -0
- package/lang/translations/es.po +1 -0
- package/lang/translations/et.po +1 -0
- package/lang/translations/fa.po +1 -0
- package/lang/translations/fi.po +1 -0
- package/lang/translations/fr.po +1 -0
- package/lang/translations/gl.po +1 -0
- package/lang/translations/he.po +1 -0
- package/lang/translations/hi.po +1 -0
- package/lang/translations/hr.po +1 -0
- package/lang/translations/hu.po +1 -0
- package/lang/translations/hy.po +262 -0
- package/lang/translations/id.po +1 -0
- package/lang/translations/it.po +1 -0
- package/lang/translations/ja.po +1 -0
- package/lang/translations/ko.po +1 -0
- package/lang/translations/ku.po +1 -0
- package/lang/translations/lt.po +1 -0
- package/lang/translations/lv.po +1 -0
- package/lang/translations/ms.po +1 -0
- package/lang/translations/nb.po +1 -0
- package/lang/translations/ne.po +1 -0
- package/lang/translations/nl.po +1 -0
- package/lang/translations/no.po +1 -0
- package/lang/translations/pl.po +1 -0
- package/lang/translations/pt-br.po +1 -0
- package/lang/translations/pt.po +1 -0
- package/lang/translations/ro.po +1 -0
- package/lang/translations/ru.po +1 -0
- package/lang/translations/sk.po +1 -0
- package/lang/translations/sl.po +1 -0
- package/lang/translations/sq.po +1 -0
- package/lang/translations/sr-latn.po +1 -0
- package/lang/translations/sr.po +1 -0
- package/lang/translations/sv.po +1 -0
- package/lang/translations/th.po +1 -0
- package/lang/translations/tk.po +1 -0
- package/lang/translations/tr.po +1 -0
- package/lang/translations/tt.po +1 -0
- package/lang/translations/ug.po +1 -0
- package/lang/translations/uk.po +1 -0
- package/lang/translations/ur.po +1 -0
- package/lang/translations/uz.po +1 -0
- package/lang/translations/vi.po +1 -0
- package/lang/translations/zh-cn.po +1 -0
- package/lang/translations/zh.po +1 -0
- package/package.json +2 -6
- 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 +104 -104
- package/src/tablecaption/utils.d.ts +42 -42
- package/src/tablecaption/utils.js +67 -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 -539
- 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 -45
- package/src/tablecolumnresize/tablecolumnresizeediting.d.ts +139 -139
- package/src/tablecolumnresize/tablecolumnresizeediting.js +583 -571
- package/src/tablecolumnresize/tablewidthscommand.d.ts +38 -38
- package/src/tablecolumnresize/tablewidthscommand.js +61 -61
- package/src/tablecolumnresize/utils.d.ts +148 -141
- package/src/tablecolumnresize/utils.js +358 -330
- 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 +80 -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 -457
- 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 -1041
- package/src/tablewalker.d.ts +362 -323
- package/src/tablewalker.js +393 -333
- package/src/ui/colorinputview.d.ts +140 -140
- package/src/ui/colorinputview.js +271 -265
- 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 +42 -42
- package/src/utils/common.js +57 -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 +106 -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 +16 -16
- package/src/utils/ui/widget.js +38 -38
- package/theme/tablecolumnresize.css +8 -6
|
@@ -1,207 +1,207 @@
|
|
|
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/tableproperties/ui/tablepropertiesview
|
|
7
|
-
*/
|
|
8
|
-
import { ButtonView, FocusCycler, LabeledFieldView, ToolbarView, View, ViewCollection, type DropdownView, type InputTextView, type NormalizedColorOption, type ColorPickerConfig } from 'ckeditor5/src/ui';
|
|
9
|
-
import { FocusTracker, KeystrokeHandler, type Locale } from 'ckeditor5/src/utils';
|
|
10
|
-
import '../../../theme/form.css';
|
|
11
|
-
import '../../../theme/tableform.css';
|
|
12
|
-
import '../../../theme/tableproperties.css';
|
|
13
|
-
import type ColorInputView from '../../ui/colorinputview';
|
|
14
|
-
import type { TablePropertiesOptions } from '../../tableconfig';
|
|
15
|
-
/**
|
|
16
|
-
* Additional configuration of the view.
|
|
17
|
-
*/
|
|
18
|
-
export interface TablePropertiesViewOptions {
|
|
19
|
-
/**
|
|
20
|
-
* A configuration of the border color palette used by the
|
|
21
|
-
* {@link module:table/tableproperties/ui/tablepropertiesview~TablePropertiesView#borderColorInput}.
|
|
22
|
-
*/
|
|
23
|
-
borderColors: Array<NormalizedColorOption>;
|
|
24
|
-
/**
|
|
25
|
-
* A configuration of the background color palette used by the
|
|
26
|
-
* {@link module:table/tableproperties/ui/tablepropertiesview~TablePropertiesView#backgroundInput}.
|
|
27
|
-
*/
|
|
28
|
-
backgroundColors: Array<NormalizedColorOption>;
|
|
29
|
-
/**
|
|
30
|
-
* The default table properties.
|
|
31
|
-
*/
|
|
32
|
-
defaultTableProperties: TablePropertiesOptions;
|
|
33
|
-
/**
|
|
34
|
-
* The default color picker config.
|
|
35
|
-
*/
|
|
36
|
-
colorPickerConfig: false | ColorPickerConfig;
|
|
37
|
-
}
|
|
38
|
-
/**
|
|
39
|
-
* The class representing a table properties form, allowing users to customize
|
|
40
|
-
* certain style aspects of a table, for instance, border, background color, alignment, etc..
|
|
41
|
-
*/
|
|
42
|
-
export default class TablePropertiesView extends View {
|
|
43
|
-
/**
|
|
44
|
-
* The value of the border style.
|
|
45
|
-
*
|
|
46
|
-
* @observable
|
|
47
|
-
* @default ''
|
|
48
|
-
*/
|
|
49
|
-
borderStyle: string;
|
|
50
|
-
/**
|
|
51
|
-
* The value of the border width style.
|
|
52
|
-
*
|
|
53
|
-
* @observable
|
|
54
|
-
* @default ''
|
|
55
|
-
*/
|
|
56
|
-
borderWidth: string;
|
|
57
|
-
/**
|
|
58
|
-
* The value of the border color style.
|
|
59
|
-
*
|
|
60
|
-
* @observable
|
|
61
|
-
* @default ''
|
|
62
|
-
*/
|
|
63
|
-
borderColor: string;
|
|
64
|
-
/**
|
|
65
|
-
* The value of the background color style.
|
|
66
|
-
*
|
|
67
|
-
* @observable
|
|
68
|
-
* @default ''
|
|
69
|
-
*/
|
|
70
|
-
backgroundColor: string;
|
|
71
|
-
/**
|
|
72
|
-
* The value of the table width style.
|
|
73
|
-
*
|
|
74
|
-
* @observable
|
|
75
|
-
* @default ''
|
|
76
|
-
*/
|
|
77
|
-
width: string;
|
|
78
|
-
/**
|
|
79
|
-
* The value of the table height style.
|
|
80
|
-
*
|
|
81
|
-
* @observable
|
|
82
|
-
* @default ''
|
|
83
|
-
*/
|
|
84
|
-
height: string;
|
|
85
|
-
/**
|
|
86
|
-
* The value of the table alignment style.
|
|
87
|
-
*
|
|
88
|
-
* @observable
|
|
89
|
-
* @default ''
|
|
90
|
-
*/
|
|
91
|
-
alignment: string;
|
|
92
|
-
/**
|
|
93
|
-
* Options passed to the view. See {@link #constructor} to learn more.
|
|
94
|
-
*/
|
|
95
|
-
readonly options: TablePropertiesViewOptions;
|
|
96
|
-
/**
|
|
97
|
-
* Tracks information about the DOM focus in the form.
|
|
98
|
-
*/
|
|
99
|
-
readonly focusTracker: FocusTracker;
|
|
100
|
-
/**
|
|
101
|
-
* An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.
|
|
102
|
-
*/
|
|
103
|
-
readonly keystrokes: KeystrokeHandler;
|
|
104
|
-
/**
|
|
105
|
-
* A collection of child views in the form.
|
|
106
|
-
*/
|
|
107
|
-
readonly children: ViewCollection;
|
|
108
|
-
/**
|
|
109
|
-
* A dropdown that allows selecting the style of the table border.
|
|
110
|
-
*/
|
|
111
|
-
readonly borderStyleDropdown: LabeledFieldView<DropdownView>;
|
|
112
|
-
/**
|
|
113
|
-
* An input that allows specifying the width of the table border.
|
|
114
|
-
*/
|
|
115
|
-
readonly borderWidthInput: LabeledFieldView<InputTextView>;
|
|
116
|
-
/**
|
|
117
|
-
* An input that allows specifying the color of the table border.
|
|
118
|
-
*/
|
|
119
|
-
readonly borderColorInput: LabeledFieldView<ColorInputView>;
|
|
120
|
-
/**
|
|
121
|
-
* An input that allows specifying the table background color.
|
|
122
|
-
*/
|
|
123
|
-
readonly backgroundInput: LabeledFieldView<ColorInputView>;
|
|
124
|
-
/**
|
|
125
|
-
* An input that allows specifying the table width.
|
|
126
|
-
*/
|
|
127
|
-
readonly widthInput: LabeledFieldView<InputTextView>;
|
|
128
|
-
/**
|
|
129
|
-
* An input that allows specifying the table height.
|
|
130
|
-
*/
|
|
131
|
-
readonly heightInput: LabeledFieldView<InputTextView>;
|
|
132
|
-
/**
|
|
133
|
-
* A toolbar with buttons that allow changing the alignment of an entire table.
|
|
134
|
-
*/
|
|
135
|
-
readonly alignmentToolbar: ToolbarView;
|
|
136
|
-
/**
|
|
137
|
-
* The "Save" button view.
|
|
138
|
-
*/
|
|
139
|
-
saveButtonView: ButtonView;
|
|
140
|
-
/**
|
|
141
|
-
* The "Cancel" button view.
|
|
142
|
-
*/
|
|
143
|
-
cancelButtonView: ButtonView;
|
|
144
|
-
/**
|
|
145
|
-
* A collection of views that can be focused in the form.
|
|
146
|
-
*/
|
|
147
|
-
protected readonly _focusables: ViewCollection;
|
|
148
|
-
/**
|
|
149
|
-
* Helps cycling over {@link #_focusables} in the form.
|
|
150
|
-
*/
|
|
151
|
-
protected readonly _focusCycler: FocusCycler;
|
|
152
|
-
/**
|
|
153
|
-
* @param locale The {@link module:core/editor/editor~Editor#locale} instance.
|
|
154
|
-
* @param options Additional configuration of the view.
|
|
155
|
-
*/
|
|
156
|
-
constructor(locale: Locale, options: TablePropertiesViewOptions);
|
|
157
|
-
/**
|
|
158
|
-
* @inheritDoc
|
|
159
|
-
*/
|
|
160
|
-
render(): void;
|
|
161
|
-
/**
|
|
162
|
-
* @inheritDoc
|
|
163
|
-
*/
|
|
164
|
-
destroy(): void;
|
|
165
|
-
/**
|
|
166
|
-
* Focuses the fist focusable field in the form.
|
|
167
|
-
*/
|
|
168
|
-
focus(): void;
|
|
169
|
-
/**
|
|
170
|
-
* Creates the following form fields:
|
|
171
|
-
*
|
|
172
|
-
* * {@link #borderStyleDropdown},
|
|
173
|
-
* * {@link #borderWidthInput},
|
|
174
|
-
* * {@link #borderColorInput}.
|
|
175
|
-
*/
|
|
176
|
-
private _createBorderFields;
|
|
177
|
-
/**
|
|
178
|
-
* Creates the following form fields:
|
|
179
|
-
*
|
|
180
|
-
* * {@link #backgroundInput}.
|
|
181
|
-
*/
|
|
182
|
-
private _createBackgroundFields;
|
|
183
|
-
/**
|
|
184
|
-
* Creates the following form fields:
|
|
185
|
-
*
|
|
186
|
-
* * {@link #widthInput},
|
|
187
|
-
* * {@link #heightInput}.
|
|
188
|
-
*/
|
|
189
|
-
private _createDimensionFields;
|
|
190
|
-
/**
|
|
191
|
-
* Creates the following form fields:
|
|
192
|
-
*
|
|
193
|
-
* * {@link #alignmentToolbar}.
|
|
194
|
-
*/
|
|
195
|
-
private _createAlignmentFields;
|
|
196
|
-
/**
|
|
197
|
-
* Creates the following form controls:
|
|
198
|
-
*
|
|
199
|
-
* * {@link #saveButtonView},
|
|
200
|
-
* * {@link #cancelButtonView}.
|
|
201
|
-
*/
|
|
202
|
-
private _createActionButtons;
|
|
203
|
-
/**
|
|
204
|
-
* Provides localized labels for {@link #alignmentToolbar} buttons.
|
|
205
|
-
*/
|
|
206
|
-
private get _alignmentLabels();
|
|
207
|
-
}
|
|
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/tableproperties/ui/tablepropertiesview
|
|
7
|
+
*/
|
|
8
|
+
import { ButtonView, FocusCycler, LabeledFieldView, ToolbarView, View, ViewCollection, type DropdownView, type InputTextView, type NormalizedColorOption, type ColorPickerConfig } from 'ckeditor5/src/ui';
|
|
9
|
+
import { FocusTracker, KeystrokeHandler, type Locale } from 'ckeditor5/src/utils';
|
|
10
|
+
import '../../../theme/form.css';
|
|
11
|
+
import '../../../theme/tableform.css';
|
|
12
|
+
import '../../../theme/tableproperties.css';
|
|
13
|
+
import type ColorInputView from '../../ui/colorinputview';
|
|
14
|
+
import type { TablePropertiesOptions } from '../../tableconfig';
|
|
15
|
+
/**
|
|
16
|
+
* Additional configuration of the view.
|
|
17
|
+
*/
|
|
18
|
+
export interface TablePropertiesViewOptions {
|
|
19
|
+
/**
|
|
20
|
+
* A configuration of the border color palette used by the
|
|
21
|
+
* {@link module:table/tableproperties/ui/tablepropertiesview~TablePropertiesView#borderColorInput}.
|
|
22
|
+
*/
|
|
23
|
+
borderColors: Array<NormalizedColorOption>;
|
|
24
|
+
/**
|
|
25
|
+
* A configuration of the background color palette used by the
|
|
26
|
+
* {@link module:table/tableproperties/ui/tablepropertiesview~TablePropertiesView#backgroundInput}.
|
|
27
|
+
*/
|
|
28
|
+
backgroundColors: Array<NormalizedColorOption>;
|
|
29
|
+
/**
|
|
30
|
+
* The default table properties.
|
|
31
|
+
*/
|
|
32
|
+
defaultTableProperties: TablePropertiesOptions;
|
|
33
|
+
/**
|
|
34
|
+
* The default color picker config.
|
|
35
|
+
*/
|
|
36
|
+
colorPickerConfig: false | ColorPickerConfig;
|
|
37
|
+
}
|
|
38
|
+
/**
|
|
39
|
+
* The class representing a table properties form, allowing users to customize
|
|
40
|
+
* certain style aspects of a table, for instance, border, background color, alignment, etc..
|
|
41
|
+
*/
|
|
42
|
+
export default class TablePropertiesView extends View {
|
|
43
|
+
/**
|
|
44
|
+
* The value of the border style.
|
|
45
|
+
*
|
|
46
|
+
* @observable
|
|
47
|
+
* @default ''
|
|
48
|
+
*/
|
|
49
|
+
borderStyle: string;
|
|
50
|
+
/**
|
|
51
|
+
* The value of the border width style.
|
|
52
|
+
*
|
|
53
|
+
* @observable
|
|
54
|
+
* @default ''
|
|
55
|
+
*/
|
|
56
|
+
borderWidth: string;
|
|
57
|
+
/**
|
|
58
|
+
* The value of the border color style.
|
|
59
|
+
*
|
|
60
|
+
* @observable
|
|
61
|
+
* @default ''
|
|
62
|
+
*/
|
|
63
|
+
borderColor: string;
|
|
64
|
+
/**
|
|
65
|
+
* The value of the background color style.
|
|
66
|
+
*
|
|
67
|
+
* @observable
|
|
68
|
+
* @default ''
|
|
69
|
+
*/
|
|
70
|
+
backgroundColor: string;
|
|
71
|
+
/**
|
|
72
|
+
* The value of the table width style.
|
|
73
|
+
*
|
|
74
|
+
* @observable
|
|
75
|
+
* @default ''
|
|
76
|
+
*/
|
|
77
|
+
width: string;
|
|
78
|
+
/**
|
|
79
|
+
* The value of the table height style.
|
|
80
|
+
*
|
|
81
|
+
* @observable
|
|
82
|
+
* @default ''
|
|
83
|
+
*/
|
|
84
|
+
height: string;
|
|
85
|
+
/**
|
|
86
|
+
* The value of the table alignment style.
|
|
87
|
+
*
|
|
88
|
+
* @observable
|
|
89
|
+
* @default ''
|
|
90
|
+
*/
|
|
91
|
+
alignment: string;
|
|
92
|
+
/**
|
|
93
|
+
* Options passed to the view. See {@link #constructor} to learn more.
|
|
94
|
+
*/
|
|
95
|
+
readonly options: TablePropertiesViewOptions;
|
|
96
|
+
/**
|
|
97
|
+
* Tracks information about the DOM focus in the form.
|
|
98
|
+
*/
|
|
99
|
+
readonly focusTracker: FocusTracker;
|
|
100
|
+
/**
|
|
101
|
+
* An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.
|
|
102
|
+
*/
|
|
103
|
+
readonly keystrokes: KeystrokeHandler;
|
|
104
|
+
/**
|
|
105
|
+
* A collection of child views in the form.
|
|
106
|
+
*/
|
|
107
|
+
readonly children: ViewCollection;
|
|
108
|
+
/**
|
|
109
|
+
* A dropdown that allows selecting the style of the table border.
|
|
110
|
+
*/
|
|
111
|
+
readonly borderStyleDropdown: LabeledFieldView<DropdownView>;
|
|
112
|
+
/**
|
|
113
|
+
* An input that allows specifying the width of the table border.
|
|
114
|
+
*/
|
|
115
|
+
readonly borderWidthInput: LabeledFieldView<InputTextView>;
|
|
116
|
+
/**
|
|
117
|
+
* An input that allows specifying the color of the table border.
|
|
118
|
+
*/
|
|
119
|
+
readonly borderColorInput: LabeledFieldView<ColorInputView>;
|
|
120
|
+
/**
|
|
121
|
+
* An input that allows specifying the table background color.
|
|
122
|
+
*/
|
|
123
|
+
readonly backgroundInput: LabeledFieldView<ColorInputView>;
|
|
124
|
+
/**
|
|
125
|
+
* An input that allows specifying the table width.
|
|
126
|
+
*/
|
|
127
|
+
readonly widthInput: LabeledFieldView<InputTextView>;
|
|
128
|
+
/**
|
|
129
|
+
* An input that allows specifying the table height.
|
|
130
|
+
*/
|
|
131
|
+
readonly heightInput: LabeledFieldView<InputTextView>;
|
|
132
|
+
/**
|
|
133
|
+
* A toolbar with buttons that allow changing the alignment of an entire table.
|
|
134
|
+
*/
|
|
135
|
+
readonly alignmentToolbar: ToolbarView;
|
|
136
|
+
/**
|
|
137
|
+
* The "Save" button view.
|
|
138
|
+
*/
|
|
139
|
+
saveButtonView: ButtonView;
|
|
140
|
+
/**
|
|
141
|
+
* The "Cancel" button view.
|
|
142
|
+
*/
|
|
143
|
+
cancelButtonView: ButtonView;
|
|
144
|
+
/**
|
|
145
|
+
* A collection of views that can be focused in the form.
|
|
146
|
+
*/
|
|
147
|
+
protected readonly _focusables: ViewCollection;
|
|
148
|
+
/**
|
|
149
|
+
* Helps cycling over {@link #_focusables} in the form.
|
|
150
|
+
*/
|
|
151
|
+
protected readonly _focusCycler: FocusCycler;
|
|
152
|
+
/**
|
|
153
|
+
* @param locale The {@link module:core/editor/editor~Editor#locale} instance.
|
|
154
|
+
* @param options Additional configuration of the view.
|
|
155
|
+
*/
|
|
156
|
+
constructor(locale: Locale, options: TablePropertiesViewOptions);
|
|
157
|
+
/**
|
|
158
|
+
* @inheritDoc
|
|
159
|
+
*/
|
|
160
|
+
render(): void;
|
|
161
|
+
/**
|
|
162
|
+
* @inheritDoc
|
|
163
|
+
*/
|
|
164
|
+
destroy(): void;
|
|
165
|
+
/**
|
|
166
|
+
* Focuses the fist focusable field in the form.
|
|
167
|
+
*/
|
|
168
|
+
focus(): void;
|
|
169
|
+
/**
|
|
170
|
+
* Creates the following form fields:
|
|
171
|
+
*
|
|
172
|
+
* * {@link #borderStyleDropdown},
|
|
173
|
+
* * {@link #borderWidthInput},
|
|
174
|
+
* * {@link #borderColorInput}.
|
|
175
|
+
*/
|
|
176
|
+
private _createBorderFields;
|
|
177
|
+
/**
|
|
178
|
+
* Creates the following form fields:
|
|
179
|
+
*
|
|
180
|
+
* * {@link #backgroundInput}.
|
|
181
|
+
*/
|
|
182
|
+
private _createBackgroundFields;
|
|
183
|
+
/**
|
|
184
|
+
* Creates the following form fields:
|
|
185
|
+
*
|
|
186
|
+
* * {@link #widthInput},
|
|
187
|
+
* * {@link #heightInput}.
|
|
188
|
+
*/
|
|
189
|
+
private _createDimensionFields;
|
|
190
|
+
/**
|
|
191
|
+
* Creates the following form fields:
|
|
192
|
+
*
|
|
193
|
+
* * {@link #alignmentToolbar}.
|
|
194
|
+
*/
|
|
195
|
+
private _createAlignmentFields;
|
|
196
|
+
/**
|
|
197
|
+
* Creates the following form controls:
|
|
198
|
+
*
|
|
199
|
+
* * {@link #saveButtonView},
|
|
200
|
+
* * {@link #cancelButtonView}.
|
|
201
|
+
*/
|
|
202
|
+
private _createActionButtons;
|
|
203
|
+
/**
|
|
204
|
+
* Provides localized labels for {@link #alignmentToolbar} buttons.
|
|
205
|
+
*/
|
|
206
|
+
private get _alignmentLabels();
|
|
207
|
+
}
|