@ckeditor/ckeditor5-table 0.0.0-nightly-next-20260108.0 → 0.0.0-nightly-20260109.0

package/theme/tablecellproperties-experimental.css

@@ -0,0 +1,4 @@
+/*
+ * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */

package/theme/tableform-experimental.css

@@ -0,0 +1,61 @@
+/*
+ * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
+
+.ck.ck-table-form {
+	& .ck-form__row {
+		&.ck-table-form__border-row {
+			flex-wrap: wrap;
+		}
+
+		&.ck-table-form__background-row {
+			flex-wrap: wrap;
+		}
+
+		&.ck-table-form__dimensions-row {
+			flex-wrap: wrap;
+			align-items: center;
+
+			& .ck-labeled-field-view {
+				display: flex;
+				flex-direction: column-reverse;
+				align-items: center;
+
+				& .ck.ck-dropdown {
+					flex-grow: 0;
+				}
+			}
+		}
+
+		/* Ignore labels that work as fieldset legends */
+		/* Fallback for table dimension operator */
+		&:not(.ck-table-form__action-row) > *:not(.ck-label, .ck-table-form__dimension-operator) {
+			flex-grow: 1;
+		}
+	}
+
+	& .ck.ck-labeled-field-view {
+		/* Allow absolute positioning of the status (error) balloons. */
+		position: relative;
+
+		& .ck.ck-labeled-field-view__status {
+			position: absolute;
+			left: 50%;
+			bottom: calc( -1 * var(--ck-table-properties-error-arrow-size) );
+			transform: translate(-50%,100%);
+
+			/* Make sure the balloon status stays on top of other form elements. */
+			z-index: 1;
+
+			/* The arrow pointing towards the field. */
+			&::after {
+				content: "";
+				position: absolute;
+				top: calc( -1 * var(--ck-table-properties-error-arrow-size) );
+				left: 50%;
+				transform: translateX( -50% );
+			}
+		}
+	}
+}

package/theme/tableform.css

@@ -25,11 +25,15 @@
 					flex-grow: 0;
 				}
 			}
+
+			& .ck-table-form__dimension-operator {
+				flex-grow: 0;
+			}
 		}
 
 		/* Ignore labels that work as fieldset legends */
 		/* Fallback for table dimension operator */
-		&:not(.ck-table-form__action-row) > *:not(.ck-label, .ck-table-form__dimension-operator) {
+		& > *:not(.ck-label, .ck-table-form__dimension-operator) {
 			flex-grow: 1;
 		}
 	}

package/theme/tableproperties-experimental.css

@@ -0,0 +1,78 @@
+/*
+ * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
+
+:root {
+	--ck-content-table-style-spacing: 1.5em;
+}
+
+.ck.ck-table-properties-form {
+	& .ck-form__row {
+		&.ck-table-properties-form__alignment-row {
+			flex-wrap: wrap;
+			flex-basis: 0;
+			align-content: baseline;
+
+			& .ck.ck-toolbar .ck-toolbar__items {
+				flex-wrap: nowrap;
+			}
+		}
+	}
+}
+
+.ck-content {
+	& .table {
+		&.table-style-align-left {
+			float: left;
+			margin-right: var(--ck-content-table-style-spacing);
+		}
+
+		&.table-style-align-right {
+			float: right;
+			margin-left: var(--ck-content-table-style-spacing);
+		}
+
+		&.table-style-align-center {
+			margin-left: auto;
+			margin-right: auto;
+		}
+
+		&.table-style-block-align-left {
+			margin-left: 0;
+			margin-right: auto;
+		}
+
+		&.table-style-block-align-right {
+			margin-left: auto;
+			margin-right: 0;
+		}
+	}
+}
+
+.ck-editor__editable {
+	& .table.layout-table {
+		&.table-style-align-center {
+			margin-left: auto;
+			margin-right: auto;
+		}
+
+		&.table-style-align-left {
+			margin-right: var(--ck-content-table-style-spacing);
+		}
+
+		&.table-style-align-right {
+			margin-left: var(--ck-content-table-style-spacing);
+		}
+
+		&.table-style-block-align-left {
+			margin-left: 0;
+			margin-right: auto;
+		}
+
+		&.table-style-block-align-right {
+			margin-left: auto;
+			margin-right: 0;
+		}
+	}
+}

package/theme/tableproperties.css

@@ -3,10 +3,6 @@
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
 
-:root {
-	--ck-content-table-style-spacing: 1.5em;
-}
-
 .ck.ck-table-properties-form {
 	& .ck-form__row {
 		&.ck-table-properties-form__alignment-row {
@@ -20,59 +16,3 @@
 		}
 	}
 }
-
-.ck-content {
-	& .table {
-		&.table-style-align-left {
-			float: left;
-			margin-right: var(--ck-content-table-style-spacing);
-		}
-
-		&.table-style-align-right {
-			float: right;
-			margin-left: var(--ck-content-table-style-spacing);
-		}
-
-		&.table-style-align-center {
-			margin-left: auto;
-			margin-right: auto;
-		}
-
-		&.table-style-block-align-left {
-			margin-left: 0;
-			margin-right: auto;
-		}
-
-		&.table-style-block-align-right {
-			margin-left: auto;
-			margin-right: 0;
-		}
-	}
-}
-
-.ck-editor__editable {
-	& .table.layout-table {
-		&.table-style-align-center {
-			margin-left: auto;
-			margin-right: auto;
-		}
-
-		&.table-style-align-left {
-			margin-right: var(--ck-content-table-style-spacing);
-		}
-
-		&.table-style-align-right {
-			margin-left: var(--ck-content-table-style-spacing);
-		}
-
-		&.table-style-block-align-left {
-			margin-left: 0;
-			margin-right: auto;
-		}
-
-		&.table-style-block-align-right {
-			margin-left: auto;
-			margin-right: 0;
-		}
-	}
-}

package/dist/tablecellproperties/tablecellpropertiesutils.d.ts

@@ -1,22 +0,0 @@
-/**
- * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-/**
- * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-/**
- * @module table/tablecellproperties/tablecellpropertiesutils
- */
-/**
- * Type of the table cell.
- */
-export type TableCellType = 'data' | 'header' | `header-${'row' | 'column'}`;
-/**
- * Checks if the given cell type represents a header cell.
- *
- * @param cellType The type of the table cell.
- * @returns `true` if the cell type represents a header cell, `false` otherwise.
- */
-export declare function isTableHeaderCellType(cellType: TableCellType | undefined): boolean;