@ckeditor/ckeditor5-table 0.0.0-nightly-next-20251209.0 → 0.0.0-nightly-20251210.0

package/dist/index.css

@@ -150,29 +150,6 @@
 	width: 100%;
 }
 
-/*
- * Copyright (c) 2003-2025, 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-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row {
-			flex-wrap: wrap;
-		}
-
-.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:first-of-type {
-					/* 4 buttons out of 7 (h-alignment + v-alignment) = 0.57 */
-					flex-grow: 0.57;
-				}
-
-.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:last-of-type {
-					/* 3 buttons out of 7 (h-alignment + v-alignment) = 0.43 */
-					flex-grow: 0.43;
-				}
-
-.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar .ck-button {
-					flex-grow: 1;
-				}
-
 /*
  * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
@@ -247,90 +224,146 @@
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
 
+.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-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items {
+				flex-wrap: nowrap;
+			}
+
 /*
  * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
+
 /*
  * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
 
 :root {
-	--ck-form-default-width: 340px;
+	--ck-content-color-table-caption-background: hsl(0, 0%, 97%);
+	--ck-content-color-table-caption-text: hsl(0, 0%, 20%);
+	--ck-color-table-caption-highlighted-background: hsl(52deg 100% 50%);
 }
 
-.ck.ck-form {
-	padding: 0 0 var(--ck-spacing-large);
-}
+/* Content styles */
+.ck-content .table > figcaption,
+.ck-content figure.table > table > caption {
+	display: table-caption;
+	caption-side: top;
+	word-break: normal;
+	overflow-wrap: anywhere;
+	text-align: center;
+	color: var(--ck-content-color-table-caption-text);
+	background-color: var(--ck-content-color-table-caption-background);
+	padding: .6em;
+	font-size: .75em;
+	outline-offset: -1px;
 
-.ck.ck-form.ck-form_default-width {
-		width: var(--ck-form-default-width);
+	/* Improve placeholder rendering in high-constrast mode (https://github.com/ckeditor/ckeditor5/issues/14907). */
+}
+@media (forced-colors: active) {
+		.ck-content .table > figcaption, .ck-content figure.table > table > caption {
+		background-color: unset;
+		color: unset;
+		}
 	}
 
-.ck.ck-form:focus {
-		outline: none;
+/* Editing styles */
+@media (forced-colors: none) {
+		.ck.ck-editor__editable .table > figcaption.table__caption_highlighted, .ck.ck-editor__editable figure.table > table > caption.table__caption_highlighted {
+			animation: ck-table-caption-highlight .6s ease-out;
+		}
 	}
+.ck.ck-editor__editable .table > figcaption.ck-placeholder::before, .ck.ck-editor__editable figure.table > table > caption.ck-placeholder::before {
+		padding-left: inherit;
+		padding-right: inherit;
 
-.ck.ck-form .ck.ck-input-text,
-	.ck.ck-form .ck.ck-input-number {
-		min-width: 100%;
-		width: 0;
+		/*
+		 * Make sure the table caption placeholder doesn't overflow the placeholder area.
+		 * See https://github.com/ckeditor/ckeditor5/issues/9162.
+		 */
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
 	}
 
-.ck.ck-form .ck.ck-dropdown {
-		min-width: 100%;
+@keyframes ck-table-caption-highlight {
+	0% {
+		background-color: var(--ck-color-table-caption-highlighted-background);
 	}
 
-.ck.ck-form .ck.ck-dropdown .ck-dropdown__button:not(:focus) {
-				border: 1px solid var(--ck-color-base-border);
-			}
-
-.ck.ck-form .ck.ck-dropdown .ck-dropdown__button .ck-button__label {
-				width: 100%;
-			}
-
-/* Default `ck-responsive-form` customization when it lies next to `ck-form` class */
+	100% {
+		background-color: var(--ck-content-color-table-caption-background);
+	}
+}
 
-@media screen and (max-width: 600px) {
+/*
+ * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
 
-.ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_with-submit {
-					flex-direction: column;
-					align-items: stretch;
-					padding: 0;
-			}
-	}
+:root {
+	--ck-color-table-column-resizer-hover: var(--ck-color-base-active);
+	--ck-table-column-resizer-width: 7px;
 
-@media screen and (max-width: 600px) {
+	/* The offset used for absolute positioning of the resizer element, so that it is placed exactly above the cell border.
+	   The value is: minus half the width of the resizer decreased additionaly by the half the width of the border (0.5px). */
+	--ck-table-column-resizer-position-offset: calc(var(--ck-table-column-resizer-width) * -0.5 - 0.5px);
+}
 
-.ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_with-submit > .ck {
-						margin: var(--ck-spacing-large) var(--ck-spacing-large) 0;
-				}
-	}
+.ck-content .table .ck-table-resized {
+	table-layout: fixed;
+}
 
-@media screen and (max-width: 600px) {
+.ck-content .table td,
+.ck-content .table th {
+	/* To prevent text overflowing beyond its cell when columns are resized by resize handler
+	(https://github.com/ckeditor/ckeditor5/pull/14379#issuecomment-1589460978). */
+	overflow-wrap: break-word;
+}
 
-.ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_with-submit .ck-button_with-text {
-						justify-content: center;
-				}
-	}
+.ck.ck-editor__editable .table td,
+.ck.ck-editor__editable .table th {
+	/* The resizer element is placed inside each cell, so it must be positioned relatively to the cell. */
+	position: relative;
+}
 
-@media screen and (max-width: 600px) {
+.ck.ck-editor__editable .table .ck-table-column-resizer {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	right: var(--ck-table-column-resizer-position-offset);
+	width: var(--ck-table-column-resizer-width);
+	cursor: col-resize;
+	user-select: none;
+	z-index: var(--ck-z-default);
+}
 
-.ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_large-bottom-padding {
-					padding-bottom: var(--ck-spacing-large);
-			}
-	}
+.ck.ck-editor__editable.ck-column-resize_disabled .table .ck-table-column-resizer {
+	display: none;
+}
 
-[dir="ltr"] .ck.ck-form.ck-responsive-form > :not(:first-child) {
-				margin-left: 0;
-			}
+/* The resizer elements, which are extended to an extremely high height, break the drag & drop feature in Chrome. To make it work again,
+   all resizers must be hidden while the table is dragged. */
+.ck.ck-editor__editable .table[draggable] .ck-table-column-resizer {
+	display: none;
+}
 
-[dir="rtl"] .ck.ck-form.ck-responsive-form > :not(:last-child) {
-				margin-left: 0;
-			}
+.ck.ck-editor__editable .table .ck-table-column-resizer:hover,
+.ck.ck-editor__editable .table .ck-table-column-resizer__active {
+	background-color: var(--ck-color-table-column-resizer-hover);
+	opacity: 0.25;
+}
 
-/* End of `ck-responsive-form` customization */
+.ck.ck-editor__editable[dir=rtl] .table .ck-table-column-resizer {
+	left: var(--ck-table-column-resizer-position-offset);
+	right: unset;
+}
 
 /*
  * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
@@ -407,6 +440,14 @@
 				transform: translateX( -50% );
 			}
 
+.ck.ck-table-form:has( .ck-form__header > .ck-button-back ) .ck-form__row.ck-table-form__action-row > .ck.ck-button {
+				flex-grow: initial;
+			}
+
+.ck.ck-table-form:has( .ck-form__header > .ck-button-back ) .ck-form__row.ck-table-form__action-row > .ck.ck-button .ck-button__label {
+					color: currentColor;
+				}
+
 /*
  * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
@@ -479,131 +520,188 @@
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
 
+/*
+ * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
 /*
  * Copyright (c) 2003-2025, 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-color-table-caption-background: hsl(0, 0%, 97%);
-	--ck-content-color-table-caption-text: hsl(0, 0%, 20%);
-	--ck-color-table-caption-highlighted-background: hsl(52deg 100% 50%);
+	--ck-form-default-width: 340px;
 }
 
-/* Content styles */
-.ck-content .table > figcaption,
-.ck-content figure.table > table > caption {
-	display: table-caption;
-	caption-side: top;
-	word-break: normal;
-	overflow-wrap: anywhere;
-	text-align: center;
-	color: var(--ck-content-color-table-caption-text);
-	background-color: var(--ck-content-color-table-caption-background);
-	padding: .6em;
-	font-size: .75em;
-	outline-offset: -1px;
-
-	/* Improve placeholder rendering in high-constrast mode (https://github.com/ckeditor/ckeditor5/issues/14907). */
+.ck.ck-form {
+	padding: 0 0 var(--ck-spacing-large);
 }
-@media (forced-colors: active) {
-		.ck-content .table > figcaption, .ck-content figure.table > table > caption {
-		background-color: unset;
-		color: unset;
-		}
+
+.ck.ck-form.ck-form_default-width {
+		width: var(--ck-form-default-width);
 	}
 
-/* Editing styles */
-@media (forced-colors: none) {
-		.ck.ck-editor__editable .table > figcaption.table__caption_highlighted, .ck.ck-editor__editable figure.table > table > caption.table__caption_highlighted {
-			animation: ck-table-caption-highlight .6s ease-out;
-		}
+.ck.ck-form:focus {
+		outline: none;
 	}
-.ck.ck-editor__editable .table > figcaption.ck-placeholder::before, .ck.ck-editor__editable figure.table > table > caption.ck-placeholder::before {
-		padding-left: inherit;
-		padding-right: inherit;
 
-		/*
-		 * Make sure the table caption placeholder doesn't overflow the placeholder area.
-		 * See https://github.com/ckeditor/ckeditor5/issues/9162.
-		 */
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
+.ck.ck-form .ck.ck-input-text,
+	.ck.ck-form .ck.ck-input-number {
+		min-width: 100%;
+		width: 0;
 	}
 
-@keyframes ck-table-caption-highlight {
-	0% {
-		background-color: var(--ck-color-table-caption-highlighted-background);
+.ck.ck-form .ck.ck-dropdown {
+		min-width: 100%;
 	}
 
-	100% {
-		background-color: var(--ck-content-color-table-caption-background);
+.ck.ck-form .ck.ck-dropdown .ck-dropdown__button:not(:focus) {
+				border: 1px solid var(--ck-color-base-border);
+			}
+
+.ck.ck-form .ck.ck-dropdown .ck-dropdown__button .ck-button__label {
+				width: 100%;
+			}
+
+/* Default `ck-responsive-form` customization when it lies next to `ck-form` class */
+
+@media screen and (max-width: 600px) {
+
+.ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_with-submit {
+					flex-direction: column;
+					align-items: stretch;
+					padding: 0;
+			}
 	}
-}
+
+@media screen and (max-width: 600px) {
+
+.ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_with-submit > .ck {
+						margin: var(--ck-spacing-large) var(--ck-spacing-large) 0;
+				}
+	}
+
+@media screen and (max-width: 600px) {
+
+.ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_with-submit .ck-button_with-text {
+						justify-content: center;
+				}
+	}
+
+@media screen and (max-width: 600px) {
+
+.ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_large-bottom-padding {
+					padding-bottom: var(--ck-spacing-large);
+			}
+	}
+
+[dir="ltr"] .ck.ck-form.ck-responsive-form > :not(:first-child) {
+				margin-left: 0;
+			}
+
+[dir="rtl"] .ck.ck-form.ck-responsive-form > :not(:last-child) {
+				margin-left: 0;
+			}
+
+/* End of `ck-responsive-form` customization */
 
 /*
  * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
 
-:root {
-	--ck-color-table-column-resizer-hover: var(--ck-color-base-active);
-	--ck-table-column-resizer-width: 7px;
+.ck.ck-form__row.ck-table-form__action-row .ck-button-save,
+		.ck.ck-form__row.ck-table-form__action-row .ck-button-cancel {
+			justify-content: center;
+		}
 
-	/* The offset used for absolute positioning of the resizer element, so that it is placed exactly above the cell border.
-	   The value is: minus half the width of the resizer decreased additionaly by the half the width of the border (0.5px). */
-	--ck-table-column-resizer-position-offset: calc(var(--ck-table-column-resizer-width) * -0.5 - 0.5px);
-}
+/*
+ * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
 
-.ck-content .table .ck-table-resized {
-	table-layout: fixed;
-}
+.ck.ck-table-form .ck-form__row.ck-table-form__border-row {
+			flex-wrap: wrap;
+		}
 
-.ck-content .table td,
-.ck-content .table th {
-	/* To prevent text overflowing beyond its cell when columns are resized by resize handler
-	(https://github.com/ckeditor/ckeditor5/pull/14379#issuecomment-1589460978). */
-	overflow-wrap: break-word;
-}
+.ck.ck-table-form .ck-form__row.ck-table-form__background-row {
+			flex-wrap: wrap;
+		}
 
-.ck.ck-editor__editable .table td,
-.ck.ck-editor__editable .table th {
-	/* The resizer element is placed inside each cell, so it must be positioned relatively to the cell. */
-	position: relative;
-}
+.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row {
+			flex-wrap: wrap;
+			align-items: center;
+		}
 
-.ck.ck-editor__editable .table .ck-table-column-resizer {
-	position: absolute;
-	top: 0;
-	bottom: 0;
-	right: var(--ck-table-column-resizer-position-offset);
-	width: var(--ck-table-column-resizer-width);
-	cursor: col-resize;
-	user-select: none;
-	z-index: var(--ck-z-default);
-}
+.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view {
+				display: flex;
+				flex-direction: column-reverse;
+				align-items: center;
+			}
 
-.ck.ck-editor__editable.ck-column-resize_disabled .table .ck-table-column-resizer {
-	display: none;
-}
+.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view .ck.ck-dropdown {
+					flex-grow: 0;
+				}
 
-/* The resizer elements, which are extended to an extremely high height, break the drag & drop feature in Chrome. To make it work again,
-   all resizers must be hidden while the table is dragged. */
-.ck.ck-editor__editable .table[draggable] .ck-table-column-resizer {
-	display: none;
-}
+.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator {
+				flex-grow: 0;
+			}
 
-.ck.ck-editor__editable .table .ck-table-column-resizer:hover,
-.ck.ck-editor__editable .table .ck-table-column-resizer__active {
-	background-color: var(--ck-color-table-column-resizer-hover);
-	opacity: 0.25;
-}
+/* Ignore labels that work as fieldset legends */
 
-.ck.ck-editor__editable[dir=rtl] .table .ck-table-column-resizer {
-	left: var(--ck-table-column-resizer-position-offset);
-	right: unset;
-}
+/* Fallback for table dimension operator */
+
+.ck.ck-table-form .ck-form__row > *:not(.ck-label, .ck-table-form__dimension-operator) {
+			flex-grow: 1;
+		}
+
+.ck.ck-table-form .ck.ck-labeled-field-view {
+		/* Allow absolute positioning of the status (error) balloons. */
+		position: relative;
+	}
+
+.ck.ck-table-form .ck.ck-labeled-field-view .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. */
+		}
+
+.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status::after {
+				content: "";
+				position: absolute;
+				top: calc( -1 * var(--ck-table-properties-error-arrow-size) );
+				left: 50%;
+				transform: translateX( -50% );
+			}
+
+/*
+ * Copyright (c) 2003-2025, 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-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row {
+			flex-wrap: wrap;
+		}
+
+.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:first-of-type {
+					/* 4 buttons out of 7 (h-alignment + v-alignment) = 0.57 */
+					flex-grow: 0.57;
+				}
+
+.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:last-of-type {
+					/* 3 buttons out of 7 (h-alignment + v-alignment) = 0.43 */
+					flex-grow: 0.43;
+				}
+
+.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar .ck-button {
+					flex-grow: 1;
+				}
 
 /*
  * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.