@ckeditor/ckeditor5-table 0.0.0-nightly-20250407.0 → 0.0.0-nightly-20250408.0

package/src/tableproperties/ui/tablepropertiesview.d.ts

@@ -7,12 +7,12 @@
  */
 import { ButtonView, FocusCycler, LabeledFieldView, ToolbarView, View, ViewCollection, type DropdownView, type InputTextView, type NormalizedColorOption, type ColorPickerConfig, type FocusableView } from 'ckeditor5/src/ui.js';
 import { FocusTracker, KeystrokeHandler, type Locale } from 'ckeditor5/src/utils.js';
+import type ColorInputView from '../../ui/colorinputview.js';
+import type { TablePropertiesOptions } from '../../tableconfig.js';
 import '@ckeditor/ckeditor5-ui/theme/components/form/form.css';
 import '../../../theme/formrow.css';
 import '../../../theme/tableform.css';
 import '../../../theme/tableproperties.css';
-import type ColorInputView from '../../ui/colorinputview.js';
-import type { TablePropertiesOptions } from '../../tableconfig.js';
 /**
  * Additional configuration of the view.
  */

package/src/utils/table-properties.d.ts

@@ -80,18 +80,18 @@ export type NormalizeTableDefaultPropertiesOptions = {
  * @param config The configuration to normalize.
  * @param options Options used to determine which properties should be added.
  */
-export declare function getNormalizedDefaultProperties(config: Partial<NormalizedDefaultProperties> | undefined, options?: NormalizeTableDefaultPropertiesOptions): NormalizedDefaultProperties;
+export declare function getNormalizedDefaultProperties(config?: Partial<NormalizedDefaultProperties>, options?: NormalizeTableDefaultPropertiesOptions): NormalizedDefaultProperties;
 /**
  * Returns the normalized default table properties.
  *
  * @param config The configuration to normalize.
  * @param options Options used to determine which properties should be added.
  */
-export declare function getNormalizedDefaultTableProperties(config: Partial<NormalizedDefaultProperties> | undefined, options?: NormalizeTableDefaultPropertiesOptions): NormalizedDefaultProperties;
+export declare function getNormalizedDefaultTableProperties(config?: Partial<NormalizedDefaultProperties>, options?: NormalizeTableDefaultPropertiesOptions): NormalizedDefaultProperties;
 /**
  * Returns the normalized default cell properties.
  *
  * @param config The configuration to normalize.
  * @param options Options used to determine which properties should be added.
  */
-export declare function getNormalizedDefaultCellProperties(config: Partial<NormalizedDefaultProperties> | undefined, options?: NormalizeTableDefaultPropertiesOptions): NormalizedDefaultProperties;
+export declare function getNormalizedDefaultCellProperties(config?: Partial<NormalizedDefaultProperties>, options?: NormalizeTableDefaultPropertiesOptions): NormalizedDefaultProperties;

package/src/utils/ui/table-properties.js

@@ -146,7 +146,13 @@ export function fillToolbar(options) {
             return buttonValue === valueToCompare;
         });
         button.on('execute', () => {
-            view[propertyName] = buttonValue;
+            // Allow toggling alignment if there is no default value specified (especially for layout tables).
+            if (!defaultValue && buttonValue && view[propertyName] === buttonValue) {
+                view[propertyName] = undefined;
+            }
+            else {
+                view[propertyName] = buttonValue;
+            }
         });
         toolbar.items.add(button);
     }

package/theme/tablecolumnresize.css

@@ -16,10 +16,6 @@
 	table-layout: fixed;
 }
 
-.ck-content .table table {
-	overflow: hidden;
-}
-
 .ck-content .table td,
 .ck-content .table th {
 	/* To prevent text overflowing beyond its cell when columns are resized by resize handler
@@ -58,12 +54,6 @@
 .ck.ck-editor__editable .table .ck-table-column-resizer__active {
 	background-color: var(--ck-color-selector-column-resizer-hover);
 	opacity: 0.25;
-	/* The resizer element resides in each cell so to occupy the entire height of the table, which is unknown from a CSS point of view,
-	   it is extended to an extremely high height. Even for screens with a very high pixel density, the resizer will fulfill its role as
-	   it should, i.e. for a screen of 476 ppi the total height of the resizer will take over 350 sheets of A4 format, which is totally
-	   unrealistic height for a single table. */
-	top: -999999px;
-	bottom: -999999px;
 }
 
 .ck.ck-editor__editable[dir=rtl] .table .ck-table-column-resizer {

package/theme/tablelayout.css

@@ -27,6 +27,12 @@
 
 		/* Widget type around overrides. */
 		&.ck-widget {
+			&:hover {
+				/* To prevent the widget outline from being cut off at the bottom
+				when the next cell or table has a background color, for example. */
+				z-index: var(--ck-z-default);
+			}
+
 			&:hover > .ck-widget__selection-handle {
 				opacity: 0.75;
 				visibility: visible;
@@ -39,10 +45,16 @@
 			/* Because of setting the opacity to 0.75 to the selection handle for the layout table,
 			it overrides the similar selector in widget (specificity is higher),
 			thats why we must override it here also. */
-			&:has( .ck-widget:hover ) > .ck-widget__selection-handle {
+			&:has( .ck-widget.table:hover ) > .ck-widget__selection-handle {
 				opacity: 0;
 				visibility: hidden;
 			}
+
+			&.ck-widget_selected {
+				/* To prevent the widget outline from being cut off at the bottom
+				when the next cell or table has a background color, for example. */
+				z-index: var(--ck-z-default);
+			}
 		}
 	}
 }