@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.
Files changed (171) hide show
  1. package/CHANGELOG.md +15 -15
  2. package/LICENSE.md +3 -3
  3. package/build/table.js +1 -1
  4. package/build/translations/fi.js +1 -1
  5. package/lang/translations/fi.po +3 -3
  6. package/package.json +2 -2
  7. package/src/augmentation.d.ts +76 -76
  8. package/src/augmentation.js +5 -5
  9. package/src/commands/insertcolumncommand.d.ts +55 -55
  10. package/src/commands/insertcolumncommand.js +67 -67
  11. package/src/commands/insertrowcommand.d.ts +54 -54
  12. package/src/commands/insertrowcommand.js +66 -66
  13. package/src/commands/inserttablecommand.d.ts +44 -44
  14. package/src/commands/inserttablecommand.js +69 -69
  15. package/src/commands/mergecellcommand.d.ts +68 -68
  16. package/src/commands/mergecellcommand.js +198 -198
  17. package/src/commands/mergecellscommand.d.ts +28 -28
  18. package/src/commands/mergecellscommand.js +94 -94
  19. package/src/commands/removecolumncommand.d.ts +29 -29
  20. package/src/commands/removecolumncommand.js +109 -109
  21. package/src/commands/removerowcommand.d.ts +29 -29
  22. package/src/commands/removerowcommand.js +82 -82
  23. package/src/commands/selectcolumncommand.d.ts +33 -33
  24. package/src/commands/selectcolumncommand.js +60 -60
  25. package/src/commands/selectrowcommand.d.ts +33 -33
  26. package/src/commands/selectrowcommand.js +56 -56
  27. package/src/commands/setheadercolumncommand.d.ts +50 -50
  28. package/src/commands/setheadercolumncommand.js +71 -71
  29. package/src/commands/setheaderrowcommand.d.ts +53 -53
  30. package/src/commands/setheaderrowcommand.js +79 -79
  31. package/src/commands/splitcellcommand.d.ts +43 -43
  32. package/src/commands/splitcellcommand.js +54 -54
  33. package/src/converters/downcast.d.ts +63 -63
  34. package/src/converters/downcast.js +146 -146
  35. package/src/converters/table-caption-post-fixer.d.ts +20 -20
  36. package/src/converters/table-caption-post-fixer.js +53 -53
  37. package/src/converters/table-cell-paragraph-post-fixer.d.ts +32 -32
  38. package/src/converters/table-cell-paragraph-post-fixer.js +107 -107
  39. package/src/converters/table-cell-refresh-handler.d.ts +18 -18
  40. package/src/converters/table-cell-refresh-handler.js +45 -45
  41. package/src/converters/table-headings-refresh-handler.d.ts +17 -17
  42. package/src/converters/table-headings-refresh-handler.js +49 -49
  43. package/src/converters/table-layout-post-fixer.d.ts +226 -226
  44. package/src/converters/table-layout-post-fixer.js +367 -367
  45. package/src/converters/tableproperties.d.ts +54 -54
  46. package/src/converters/tableproperties.js +159 -159
  47. package/src/converters/upcasttable.d.ts +49 -49
  48. package/src/converters/upcasttable.js +243 -243
  49. package/src/index.d.ts +60 -60
  50. package/src/index.js +30 -30
  51. package/src/plaintableoutput.d.ts +26 -26
  52. package/src/plaintableoutput.js +123 -123
  53. package/src/table.d.ts +40 -40
  54. package/src/table.js +44 -44
  55. package/src/tablecaption/tablecaptionediting.d.ts +63 -63
  56. package/src/tablecaption/tablecaptionediting.js +122 -122
  57. package/src/tablecaption/tablecaptionui.d.ts +21 -21
  58. package/src/tablecaption/tablecaptionui.js +57 -57
  59. package/src/tablecaption/toggletablecaptioncommand.d.ts +68 -68
  60. package/src/tablecaption/toggletablecaptioncommand.js +105 -104
  61. package/src/tablecaption/utils.d.ts +38 -42
  62. package/src/tablecaption/utils.js +57 -67
  63. package/src/tablecaption.d.ts +24 -24
  64. package/src/tablecaption.js +28 -28
  65. package/src/tablecellproperties/commands/tablecellbackgroundcolorcommand.d.ts +32 -32
  66. package/src/tablecellproperties/commands/tablecellbackgroundcolorcommand.js +30 -30
  67. package/src/tablecellproperties/commands/tablecellbordercolorcommand.d.ts +37 -37
  68. package/src/tablecellproperties/commands/tablecellbordercolorcommand.js +44 -44
  69. package/src/tablecellproperties/commands/tablecellborderstylecommand.d.ts +37 -37
  70. package/src/tablecellproperties/commands/tablecellborderstylecommand.js +44 -44
  71. package/src/tablecellproperties/commands/tablecellborderwidthcommand.d.ts +51 -51
  72. package/src/tablecellproperties/commands/tablecellborderwidthcommand.js +64 -64
  73. package/src/tablecellproperties/commands/tablecellheightcommand.d.ts +46 -46
  74. package/src/tablecellproperties/commands/tablecellheightcommand.js +51 -51
  75. package/src/tablecellproperties/commands/tablecellhorizontalalignmentcommand.d.ts +32 -32
  76. package/src/tablecellproperties/commands/tablecellhorizontalalignmentcommand.js +30 -30
  77. package/src/tablecellproperties/commands/tablecellpaddingcommand.d.ts +51 -51
  78. package/src/tablecellproperties/commands/tablecellpaddingcommand.js +64 -64
  79. package/src/tablecellproperties/commands/tablecellpropertycommand.d.ts +62 -62
  80. package/src/tablecellproperties/commands/tablecellpropertycommand.js +92 -92
  81. package/src/tablecellproperties/commands/tablecellverticalalignmentcommand.d.ts +40 -40
  82. package/src/tablecellproperties/commands/tablecellverticalalignmentcommand.js +38 -38
  83. package/src/tablecellproperties/tablecellpropertiesediting.d.ts +43 -43
  84. package/src/tablecellproperties/tablecellpropertiesediting.js +241 -241
  85. package/src/tablecellproperties/tablecellpropertiesui.d.ts +112 -112
  86. package/src/tablecellproperties/tablecellpropertiesui.js +330 -330
  87. package/src/tablecellproperties/ui/tablecellpropertiesview.d.ts +228 -228
  88. package/src/tablecellproperties/ui/tablecellpropertiesview.js +548 -548
  89. package/src/tablecellproperties.d.ts +30 -30
  90. package/src/tablecellproperties.js +34 -34
  91. package/src/tablecellwidth/commands/tablecellwidthcommand.d.ts +46 -46
  92. package/src/tablecellwidth/commands/tablecellwidthcommand.js +51 -51
  93. package/src/tablecellwidth/tablecellwidthediting.d.ts +29 -29
  94. package/src/tablecellwidth/tablecellwidthediting.js +45 -45
  95. package/src/tableclipboard.d.ts +65 -65
  96. package/src/tableclipboard.js +450 -450
  97. package/src/tablecolumnresize/constants.d.ts +20 -20
  98. package/src/tablecolumnresize/constants.js +20 -20
  99. package/src/tablecolumnresize/converters.d.ts +18 -18
  100. package/src/tablecolumnresize/converters.js +46 -46
  101. package/src/tablecolumnresize/tablecolumnresizeediting.d.ts +139 -139
  102. package/src/tablecolumnresize/tablecolumnresizeediting.js +583 -583
  103. package/src/tablecolumnresize/tablewidthscommand.d.ts +38 -38
  104. package/src/tablecolumnresize/tablewidthscommand.js +61 -61
  105. package/src/tablecolumnresize/utils.d.ts +148 -148
  106. package/src/tablecolumnresize/utils.js +358 -358
  107. package/src/tablecolumnresize.d.ts +26 -26
  108. package/src/tablecolumnresize.js +30 -30
  109. package/src/tableconfig.d.ts +343 -343
  110. package/src/tableconfig.js +5 -5
  111. package/src/tableediting.d.ts +98 -98
  112. package/src/tableediting.js +191 -191
  113. package/src/tablekeyboard.d.ts +68 -68
  114. package/src/tablekeyboard.js +279 -279
  115. package/src/tablemouse/mouseeventsobserver.d.ts +62 -62
  116. package/src/tablemouse/mouseeventsobserver.js +35 -35
  117. package/src/tablemouse.d.ts +48 -48
  118. package/src/tablemouse.js +172 -172
  119. package/src/tableproperties/commands/tablealignmentcommand.d.ts +32 -32
  120. package/src/tableproperties/commands/tablealignmentcommand.js +30 -30
  121. package/src/tableproperties/commands/tablebackgroundcolorcommand.d.ts +32 -32
  122. package/src/tableproperties/commands/tablebackgroundcolorcommand.js +30 -30
  123. package/src/tableproperties/commands/tablebordercolorcommand.d.ts +37 -37
  124. package/src/tableproperties/commands/tablebordercolorcommand.js +44 -44
  125. package/src/tableproperties/commands/tableborderstylecommand.d.ts +37 -37
  126. package/src/tableproperties/commands/tableborderstylecommand.js +44 -44
  127. package/src/tableproperties/commands/tableborderwidthcommand.d.ts +51 -51
  128. package/src/tableproperties/commands/tableborderwidthcommand.js +64 -64
  129. package/src/tableproperties/commands/tableheightcommand.d.ts +46 -46
  130. package/src/tableproperties/commands/tableheightcommand.js +54 -54
  131. package/src/tableproperties/commands/tablepropertycommand.d.ts +61 -61
  132. package/src/tableproperties/commands/tablepropertycommand.js +81 -80
  133. package/src/tableproperties/commands/tablewidthcommand.d.ts +46 -46
  134. package/src/tableproperties/commands/tablewidthcommand.js +54 -54
  135. package/src/tableproperties/tablepropertiesediting.d.ts +40 -40
  136. package/src/tableproperties/tablepropertiesediting.js +206 -206
  137. package/src/tableproperties/tablepropertiesui.d.ts +114 -114
  138. package/src/tableproperties/tablepropertiesui.js +321 -321
  139. package/src/tableproperties/ui/tablepropertiesview.d.ts +207 -207
  140. package/src/tableproperties/ui/tablepropertiesview.js +466 -466
  141. package/src/tableproperties.d.ts +30 -30
  142. package/src/tableproperties.js +34 -34
  143. package/src/tableselection.d.ts +107 -107
  144. package/src/tableselection.js +297 -297
  145. package/src/tabletoolbar.d.ts +32 -32
  146. package/src/tabletoolbar.js +57 -57
  147. package/src/tableui.d.ts +53 -53
  148. package/src/tableui.js +309 -309
  149. package/src/tableutils.d.ts +448 -448
  150. package/src/tableutils.js +1055 -1055
  151. package/src/tablewalker.d.ts +362 -362
  152. package/src/tablewalker.js +393 -393
  153. package/src/ui/colorinputview.d.ts +140 -140
  154. package/src/ui/colorinputview.js +271 -271
  155. package/src/ui/formrowview.d.ts +61 -61
  156. package/src/ui/formrowview.js +57 -57
  157. package/src/ui/inserttableview.d.ts +77 -77
  158. package/src/ui/inserttableview.js +169 -169
  159. package/src/utils/common.d.ts +46 -42
  160. package/src/utils/common.js +68 -57
  161. package/src/utils/structure.d.ts +245 -245
  162. package/src/utils/structure.js +426 -426
  163. package/src/utils/table-properties.d.ts +67 -67
  164. package/src/utils/table-properties.js +86 -86
  165. package/src/utils/ui/contextualballoon.d.ts +34 -34
  166. package/src/utils/ui/contextualballoon.js +110 -106
  167. package/src/utils/ui/table-properties.d.ts +195 -195
  168. package/src/utils/ui/table-properties.js +362 -362
  169. package/src/utils/ui/widget.d.ts +20 -16
  170. package/src/utils/ui/widget.js +48 -38
  171. package/build/table.js.map +0 -1
@@ -1,79 +1,79 @@
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/commands/setheaderrowcommand
7
- */
8
- import { Command } from 'ckeditor5/src/core';
9
- import { updateNumericAttribute } from '../utils/common';
10
- import { getVerticallyOverlappingCells, splitHorizontally } from '../utils/structure';
11
- /**
12
- * The header row command.
13
- *
14
- * The command is registered by {@link module:table/tableediting~TableEditing} as the `'setTableColumnHeader'` editor command.
15
- *
16
- * You can make the row containing the selected cell a [header](https://www.w3.org/TR/html50/tabular-data.html#the-th-element) by executing:
17
- *
18
- * ```ts
19
- * editor.execute( 'setTableRowHeader' );
20
- * ```
21
- *
22
- * **Note:** All preceding rows will also become headers. If the current row is already a header, executing this command
23
- * will make it a regular row back again (including the following rows).
24
- */
25
- export default class SetHeaderRowCommand extends Command {
26
- /**
27
- * @inheritDoc
28
- */
29
- refresh() {
30
- const tableUtils = this.editor.plugins.get('TableUtils');
31
- const model = this.editor.model;
32
- const selectedCells = tableUtils.getSelectionAffectedTableCells(model.document.selection);
33
- const isInTable = selectedCells.length > 0;
34
- this.isEnabled = isInTable;
35
- this.value = isInTable && selectedCells.every(cell => this._isInHeading(cell, cell.parent.parent));
36
- }
37
- /**
38
- * Executes the command.
39
- *
40
- * When the selection is in a non-header row, the command will set the `headingRows` table attribute to cover that row.
41
- *
42
- * When the selection is already in a header row, it will set `headingRows` so the heading section will end before that row.
43
- *
44
- * @fires execute
45
- * @param options.forceValue If set, the command will set (`true`) or unset (`false`) the header rows according to
46
- * the `forceValue` parameter instead of the current model state.
47
- */
48
- execute(options = {}) {
49
- if (options.forceValue === this.value) {
50
- return;
51
- }
52
- const tableUtils = this.editor.plugins.get('TableUtils');
53
- const model = this.editor.model;
54
- const selectedCells = tableUtils.getSelectionAffectedTableCells(model.document.selection);
55
- const table = selectedCells[0].findAncestor('table');
56
- const { first, last } = tableUtils.getRowIndexes(selectedCells);
57
- const headingRowsToSet = this.value ? first : last + 1;
58
- const currentHeadingRows = table.getAttribute('headingRows') || 0;
59
- model.change(writer => {
60
- if (headingRowsToSet) {
61
- // Changing heading rows requires to check if any of a heading cell is overlapping vertically the table head.
62
- // Any table cell that has a rowspan attribute > 1 will not exceed the table head so we need to fix it in rows below.
63
- const startRow = headingRowsToSet > currentHeadingRows ? currentHeadingRows : 0;
64
- const overlappingCells = getVerticallyOverlappingCells(table, headingRowsToSet, startRow);
65
- for (const { cell } of overlappingCells) {
66
- splitHorizontally(cell, headingRowsToSet, writer);
67
- }
68
- }
69
- updateNumericAttribute('headingRows', headingRowsToSet, table, writer, 0);
70
- });
71
- }
72
- /**
73
- * Checks if a table cell is in the heading section.
74
- */
75
- _isInHeading(tableCell, table) {
76
- const headingRows = parseInt(table.getAttribute('headingRows') || '0');
77
- return !!headingRows && tableCell.parent.index < headingRows;
78
- }
79
- }
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/commands/setheaderrowcommand
7
+ */
8
+ import { Command } from 'ckeditor5/src/core';
9
+ import { updateNumericAttribute } from '../utils/common';
10
+ import { getVerticallyOverlappingCells, splitHorizontally } from '../utils/structure';
11
+ /**
12
+ * The header row command.
13
+ *
14
+ * The command is registered by {@link module:table/tableediting~TableEditing} as the `'setTableColumnHeader'` editor command.
15
+ *
16
+ * You can make the row containing the selected cell a [header](https://www.w3.org/TR/html50/tabular-data.html#the-th-element) by executing:
17
+ *
18
+ * ```ts
19
+ * editor.execute( 'setTableRowHeader' );
20
+ * ```
21
+ *
22
+ * **Note:** All preceding rows will also become headers. If the current row is already a header, executing this command
23
+ * will make it a regular row back again (including the following rows).
24
+ */
25
+ export default class SetHeaderRowCommand extends Command {
26
+ /**
27
+ * @inheritDoc
28
+ */
29
+ refresh() {
30
+ const tableUtils = this.editor.plugins.get('TableUtils');
31
+ const model = this.editor.model;
32
+ const selectedCells = tableUtils.getSelectionAffectedTableCells(model.document.selection);
33
+ const isInTable = selectedCells.length > 0;
34
+ this.isEnabled = isInTable;
35
+ this.value = isInTable && selectedCells.every(cell => this._isInHeading(cell, cell.parent.parent));
36
+ }
37
+ /**
38
+ * Executes the command.
39
+ *
40
+ * When the selection is in a non-header row, the command will set the `headingRows` table attribute to cover that row.
41
+ *
42
+ * When the selection is already in a header row, it will set `headingRows` so the heading section will end before that row.
43
+ *
44
+ * @fires execute
45
+ * @param options.forceValue If set, the command will set (`true`) or unset (`false`) the header rows according to
46
+ * the `forceValue` parameter instead of the current model state.
47
+ */
48
+ execute(options = {}) {
49
+ if (options.forceValue === this.value) {
50
+ return;
51
+ }
52
+ const tableUtils = this.editor.plugins.get('TableUtils');
53
+ const model = this.editor.model;
54
+ const selectedCells = tableUtils.getSelectionAffectedTableCells(model.document.selection);
55
+ const table = selectedCells[0].findAncestor('table');
56
+ const { first, last } = tableUtils.getRowIndexes(selectedCells);
57
+ const headingRowsToSet = this.value ? first : last + 1;
58
+ const currentHeadingRows = table.getAttribute('headingRows') || 0;
59
+ model.change(writer => {
60
+ if (headingRowsToSet) {
61
+ // Changing heading rows requires to check if any of a heading cell is overlapping vertically the table head.
62
+ // Any table cell that has a rowspan attribute > 1 will not exceed the table head so we need to fix it in rows below.
63
+ const startRow = headingRowsToSet > currentHeadingRows ? currentHeadingRows : 0;
64
+ const overlappingCells = getVerticallyOverlappingCells(table, headingRowsToSet, startRow);
65
+ for (const { cell } of overlappingCells) {
66
+ splitHorizontally(cell, headingRowsToSet, writer);
67
+ }
68
+ }
69
+ updateNumericAttribute('headingRows', headingRowsToSet, table, writer, 0);
70
+ });
71
+ }
72
+ /**
73
+ * Checks if a table cell is in the heading section.
74
+ */
75
+ _isInHeading(tableCell, table) {
76
+ const headingRows = parseInt(table.getAttribute('headingRows') || '0');
77
+ return !!headingRows && tableCell.parent.index < headingRows;
78
+ }
79
+ }
@@ -1,43 +1,43 @@
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/commands/splitcellcommand
7
- */
8
- import { Command, type Editor } from 'ckeditor5/src/core';
9
- /**
10
- * The split cell command.
11
- *
12
- * The command is registered by {@link module:table/tableediting~TableEditing} as the `'splitTableCellVertically'`
13
- * and `'splitTableCellHorizontally'` editor commands.
14
- *
15
- * You can split any cell vertically or horizontally by executing this command. For example, to split the selected table cell vertically:
16
- *
17
- * ```ts
18
- * editor.execute( 'splitTableCellVertically' );
19
- * ```
20
- */
21
- export default class SplitCellCommand extends Command {
22
- /**
23
- * The direction that indicates which cell will be split.
24
- */
25
- readonly direction: 'horizontally' | 'vertically';
26
- /**
27
- * Creates a new `SplitCellCommand` instance.
28
- *
29
- * @param editor The editor on which this command will be used.
30
- * @param options.direction Indicates whether the command should split cells `'horizontally'` or `'vertically'`.
31
- */
32
- constructor(editor: Editor, options?: {
33
- direction?: 'horizontally' | 'vertically';
34
- });
35
- /**
36
- * @inheritDoc
37
- */
38
- refresh(): void;
39
- /**
40
- * @inheritDoc
41
- */
42
- execute(): void;
43
- }
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/commands/splitcellcommand
7
+ */
8
+ import { Command, type Editor } from 'ckeditor5/src/core';
9
+ /**
10
+ * The split cell command.
11
+ *
12
+ * The command is registered by {@link module:table/tableediting~TableEditing} as the `'splitTableCellVertically'`
13
+ * and `'splitTableCellHorizontally'` editor commands.
14
+ *
15
+ * You can split any cell vertically or horizontally by executing this command. For example, to split the selected table cell vertically:
16
+ *
17
+ * ```ts
18
+ * editor.execute( 'splitTableCellVertically' );
19
+ * ```
20
+ */
21
+ export default class SplitCellCommand extends Command {
22
+ /**
23
+ * The direction that indicates which cell will be split.
24
+ */
25
+ readonly direction: 'horizontally' | 'vertically';
26
+ /**
27
+ * Creates a new `SplitCellCommand` instance.
28
+ *
29
+ * @param editor The editor on which this command will be used.
30
+ * @param options.direction Indicates whether the command should split cells `'horizontally'` or `'vertically'`.
31
+ */
32
+ constructor(editor: Editor, options?: {
33
+ direction?: 'horizontally' | 'vertically';
34
+ });
35
+ /**
36
+ * @inheritDoc
37
+ */
38
+ refresh(): void;
39
+ /**
40
+ * @inheritDoc
41
+ */
42
+ execute(): void;
43
+ }
@@ -1,54 +1,54 @@
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/commands/splitcellcommand
7
- */
8
- import { Command } from 'ckeditor5/src/core';
9
- /**
10
- * The split cell command.
11
- *
12
- * The command is registered by {@link module:table/tableediting~TableEditing} as the `'splitTableCellVertically'`
13
- * and `'splitTableCellHorizontally'` editor commands.
14
- *
15
- * You can split any cell vertically or horizontally by executing this command. For example, to split the selected table cell vertically:
16
- *
17
- * ```ts
18
- * editor.execute( 'splitTableCellVertically' );
19
- * ```
20
- */
21
- export default class SplitCellCommand extends Command {
22
- /**
23
- * Creates a new `SplitCellCommand` instance.
24
- *
25
- * @param editor The editor on which this command will be used.
26
- * @param options.direction Indicates whether the command should split cells `'horizontally'` or `'vertically'`.
27
- */
28
- constructor(editor, options = {}) {
29
- super(editor);
30
- this.direction = options.direction || 'horizontally';
31
- }
32
- /**
33
- * @inheritDoc
34
- */
35
- refresh() {
36
- const tableUtils = this.editor.plugins.get('TableUtils');
37
- const selectedCells = tableUtils.getSelectionAffectedTableCells(this.editor.model.document.selection);
38
- this.isEnabled = selectedCells.length === 1;
39
- }
40
- /**
41
- * @inheritDoc
42
- */
43
- execute() {
44
- const tableUtils = this.editor.plugins.get('TableUtils');
45
- const tableCell = tableUtils.getSelectionAffectedTableCells(this.editor.model.document.selection)[0];
46
- const isHorizontal = this.direction === 'horizontally';
47
- if (isHorizontal) {
48
- tableUtils.splitCellHorizontally(tableCell, 2);
49
- }
50
- else {
51
- tableUtils.splitCellVertically(tableCell, 2);
52
- }
53
- }
54
- }
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/commands/splitcellcommand
7
+ */
8
+ import { Command } from 'ckeditor5/src/core';
9
+ /**
10
+ * The split cell command.
11
+ *
12
+ * The command is registered by {@link module:table/tableediting~TableEditing} as the `'splitTableCellVertically'`
13
+ * and `'splitTableCellHorizontally'` editor commands.
14
+ *
15
+ * You can split any cell vertically or horizontally by executing this command. For example, to split the selected table cell vertically:
16
+ *
17
+ * ```ts
18
+ * editor.execute( 'splitTableCellVertically' );
19
+ * ```
20
+ */
21
+ export default class SplitCellCommand extends Command {
22
+ /**
23
+ * Creates a new `SplitCellCommand` instance.
24
+ *
25
+ * @param editor The editor on which this command will be used.
26
+ * @param options.direction Indicates whether the command should split cells `'horizontally'` or `'vertically'`.
27
+ */
28
+ constructor(editor, options = {}) {
29
+ super(editor);
30
+ this.direction = options.direction || 'horizontally';
31
+ }
32
+ /**
33
+ * @inheritDoc
34
+ */
35
+ refresh() {
36
+ const tableUtils = this.editor.plugins.get('TableUtils');
37
+ const selectedCells = tableUtils.getSelectionAffectedTableCells(this.editor.model.document.selection);
38
+ this.isEnabled = selectedCells.length === 1;
39
+ }
40
+ /**
41
+ * @inheritDoc
42
+ */
43
+ execute() {
44
+ const tableUtils = this.editor.plugins.get('TableUtils');
45
+ const tableCell = tableUtils.getSelectionAffectedTableCells(this.editor.model.document.selection)[0];
46
+ const isHorizontal = this.direction === 'horizontally';
47
+ if (isHorizontal) {
48
+ tableUtils.splitCellHorizontally(tableCell, 2);
49
+ }
50
+ else {
51
+ tableUtils.splitCellVertically(tableCell, 2);
52
+ }
53
+ }
54
+ }
@@ -1,63 +1,63 @@
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
- import type { Element, ElementCreatorFunction } from 'ckeditor5/src/engine';
6
- import type TableUtils from '../tableutils';
7
- import type { AdditionalSlot } from '../tableediting';
8
- /**
9
- * Model table element to view table element conversion helper.
10
- */
11
- export declare function downcastTable(tableUtils: TableUtils, options: DowncastTableOptions): ElementCreatorFunction;
12
- /**
13
- * Model table row element to view `<tr>` element conversion helper.
14
- *
15
- * @returns Element creator.
16
- */
17
- export declare function downcastRow(): ElementCreatorFunction;
18
- /**
19
- * Model table cell element to view `<td>` or `<th>` element conversion helper.
20
- *
21
- * This conversion helper will create proper `<th>` elements for table cells that are in the heading section (heading row or column)
22
- * and `<td>` otherwise.
23
- *
24
- * @param options.asWidget If set to `true`, the downcast conversion will produce a widget.
25
- * @returns Element creator.
26
- */
27
- export declare function downcastCell(options?: {
28
- asWidget?: boolean;
29
- }): ElementCreatorFunction;
30
- /**
31
- * Overrides paragraph inside table cell conversion.
32
- *
33
- * This converter:
34
- * * should be used to override default paragraph conversion.
35
- * * It will only convert `<paragraph>` placed directly inside `<tableCell>`.
36
- * * For a single paragraph without attributes it returns `<span>` to simulate data table.
37
- * * For all other cases it returns `<p>` element.
38
- *
39
- * @param options.asWidget If set to `true`, the downcast conversion will produce a widget.
40
- * @returns Element creator.
41
- */
42
- export declare function convertParagraphInTableCell(options?: {
43
- asWidget?: boolean;
44
- }): ElementCreatorFunction;
45
- /**
46
- * Checks if given model `<paragraph>` is an only child of a parent (`<tableCell>`) and if it has any attribute set.
47
- *
48
- * The paragraph should be converted in the editing view to:
49
- *
50
- * * If returned `true` - to a `<span class="ck-table-bogus-paragraph">`
51
- * * If returned `false` - to a `<p>`
52
- */
53
- export declare function isSingleParagraphWithoutAttributes(modelElement: Element): boolean;
54
- export interface DowncastTableOptions {
55
- /**
56
- * If set to `true`, the downcast conversion will produce a widget.
57
- */
58
- asWidget?: boolean;
59
- /**
60
- * Array of additional slot handlers.
61
- */
62
- additionalSlots: Array<AdditionalSlot>;
63
- }
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
+ import type { Element, ElementCreatorFunction } from 'ckeditor5/src/engine';
6
+ import type TableUtils from '../tableutils';
7
+ import type { AdditionalSlot } from '../tableediting';
8
+ /**
9
+ * Model table element to view table element conversion helper.
10
+ */
11
+ export declare function downcastTable(tableUtils: TableUtils, options: DowncastTableOptions): ElementCreatorFunction;
12
+ /**
13
+ * Model table row element to view `<tr>` element conversion helper.
14
+ *
15
+ * @returns Element creator.
16
+ */
17
+ export declare function downcastRow(): ElementCreatorFunction;
18
+ /**
19
+ * Model table cell element to view `<td>` or `<th>` element conversion helper.
20
+ *
21
+ * This conversion helper will create proper `<th>` elements for table cells that are in the heading section (heading row or column)
22
+ * and `<td>` otherwise.
23
+ *
24
+ * @param options.asWidget If set to `true`, the downcast conversion will produce a widget.
25
+ * @returns Element creator.
26
+ */
27
+ export declare function downcastCell(options?: {
28
+ asWidget?: boolean;
29
+ }): ElementCreatorFunction;
30
+ /**
31
+ * Overrides paragraph inside table cell conversion.
32
+ *
33
+ * This converter:
34
+ * * should be used to override default paragraph conversion.
35
+ * * It will only convert `<paragraph>` placed directly inside `<tableCell>`.
36
+ * * For a single paragraph without attributes it returns `<span>` to simulate data table.
37
+ * * For all other cases it returns `<p>` element.
38
+ *
39
+ * @param options.asWidget If set to `true`, the downcast conversion will produce a widget.
40
+ * @returns Element creator.
41
+ */
42
+ export declare function convertParagraphInTableCell(options?: {
43
+ asWidget?: boolean;
44
+ }): ElementCreatorFunction;
45
+ /**
46
+ * Checks if given model `<paragraph>` is an only child of a parent (`<tableCell>`) and if it has any attribute set.
47
+ *
48
+ * The paragraph should be converted in the editing view to:
49
+ *
50
+ * * If returned `true` - to a `<span class="ck-table-bogus-paragraph">`
51
+ * * If returned `false` - to a `<p>`
52
+ */
53
+ export declare function isSingleParagraphWithoutAttributes(modelElement: Element): boolean;
54
+ export interface DowncastTableOptions {
55
+ /**
56
+ * If set to `true`, the downcast conversion will produce a widget.
57
+ */
58
+ asWidget?: boolean;
59
+ /**
60
+ * Array of additional slot handlers.
61
+ */
62
+ additionalSlots: Array<AdditionalSlot>;
63
+ }