@heartlandone/vega 2.74.0-RTE-table-preview → 2.75.0-RTE-table-preview

package/dist/esm/vega-rich-text-table-properties_3.entry.js

@@ -5,12 +5,14 @@ import { T as TranslationSlimmer } from './translation-slimmer-c936cb1b.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { a as VegaInternalIconManager } from './internal-icon-manager-f0486245.js';
 import { A as AlignCenter, a as AlignJustify, b as AlignLeft, c as AlignRight } from './align-left-7f959adf.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-a6afdb1e.js';
-import { D as DomNodeSubjectObserverFactory, i as VegaChange, H as VegaFocus, a as VegaClick, b as VegaPopoverShow, V as VegaDropdownClick, u as VegaDropdownShow, v as VegaDropdownHide } from './dom-node-subject-observer-factory-e998eba4.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-225e7b58.js';
+import { D as DomNodeSubjectObserverFactory, i as VegaChange, I as VegaFocus, a as VegaClick, b as VegaPopoverShow, V as VegaDropdownClick, u as VegaDropdownShow, v as VegaDropdownHide } from './dom-node-subject-observer-factory-d4e16f66.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
-import { z as RTE_TABLE_BORDER_STYLES, T as TableSettingType, A as ColumnOperationType, x as ToggleHeaderTableColumnStrategy, B as RowOperationType, k as RTETableHeadBlock, j as RTETableBodyBlock, l as getParentBlockByType, f as RTETableBlock } from './styles.constants-0dd6f7fa.js';
+import { O as RTE_TABLE_BORDER_STYLES, T as TableSettingType, P as ColumnOperationType, H as ToggleHeaderTableColumnStrategy, Q as RowOperationType, m as RTETableHeadBlock, l as RTETableBodyBlock, n as getParentBlockByType, h as RTETableBlock, U as SplitCellOperationType, W as isRectangularSelection, u as MergeCellsOperationType, X as getAdjacentCell } from './split-cell-operation-6749f654.js';
+import { V as VegaInternalThemeManager } from './dark-mode-style-controller-de88a117.js';
+import { D as DarkModeStateControllerSlimmer } from './dark-mode-state-controller-slimmer-f2b4f8ed.js';
 import { f as findParent, a as arrayToClassString } from './ui-bb99c0c2.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-e303cb7d.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-79c78ce8.js';
 import { c as chevronDown } from './chevron-down-4a75d28e.js';
 import { b as VegaInternalRTEExtensionTableCellSelectionChange } from './vega-internal-event-id-3edc9b4e.js';
 import { i as isArrayEqual } from './array-7888f339.js';
@@ -19,24 +21,23 @@ import './change-manager-6a7eb88c.js';
 import './static-subject-title-52f93124.js';
 import './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
 import './dynamic-slimmer-90b8af32.js';
-import './internal-vega-event-manager-e799c54a.js';
+import './internal-vega-event-manager-2cbb828a.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-51659753.js';
 import './index-e9da316f.js';
 import './_commonjsHelpers-9943807e.js';
 import './observer-3959f9dd.js';
-import './code-block-76b29be1.js';
+import './code-block-36393b45.js';
 import './string-a953eafc.js';
-import './type-guard-b48aec98.js';
+import './type-guard-c65a227d.js';
 import './breakpoints-d9faf11c.js';
 import './ui-28fd4193.js';
 import './typography-396de03f.js';
-import './dark-mode-style-controller-de88a117.js';
+import './object-66c37948.js';
+import './content-state-e8ef033a.js';
 import './vega-nonce-manager-497e5eb5.js';
 import './try-get-document-bef0f526.js';
-import './object-66c37948.js';
-import './content-state-03f1d302.js';
-import './keyboard-manager-89acac79.js';
+import './keyboard-manager-c92808d8.js';
 import './number-4398f2e1.js';
 
 const AlignTop = {
@@ -63,7 +64,7 @@ const ObjectsAlignRight = {
   icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill='currentColor' d="M512 24c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 464c0 13.3 10.7 24 24 24s24-10.7 24-24l0-464zM336 176L48 176l0-64 288 0 0 64zm48-64c0-26.5-21.5-48-48-48L48 64C21.5 64 0 85.5 0 112l0 64c0 26.5 21.5 48 48 48l288 0c26.5 0 48-21.5 48-48l0-64zM336 400l-160 0 0-64 160 0 0 64zm48-64c0-26.5-21.5-48-48-48l-160 0c-26.5 0-48 21.5-48 48l0 64c0 26.5 21.5 48 48 48l160 0c26.5 0 48-21.5 48-48l0-64z"/></svg>`,
 };
 
-var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$c = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -86,8 +87,9 @@ class VegaRichTextTablePropertiesRenderer extends VegaSlimmer {
       this.formTouched = false;
     };
   }
-  watchDefaultValueChange(newValue) {
+  initialFormState(newValue) {
     this.resetTouchedState();
+    this.resetColorRelatedFields(newValue);
     this.setFormFieldValues(newValue);
   }
   getFormRef() {
@@ -116,6 +118,23 @@ class VegaRichTextTablePropertiesRenderer extends VegaSlimmer {
       void this.formRef.reset(formValues);
     }
   }
+  /**
+   * Handle color related fields before setting form value to ensure change event is triggered.
+   *
+   * @param {RTETablePropertiesType} formValue - The form value to be set.
+   */
+  resetColorRelatedFields(formValue) {
+    if (this.formRef) {
+      if (formValue.borderColor) {
+        const borderColorInput = this.formRef.querySelector('[data-vega-form="borderColor"]');
+        borderColorInput && (borderColorInput.value = '');
+      }
+      if (formValue.backgroundColor) {
+        const backgroundColorInput = this.formRef.querySelector('[data-vega-form="backgroundColor"]');
+        backgroundColorInput && (backgroundColorInput.value = '');
+      }
+    }
+  }
 }
 (() => {
   VegaInternalIconManager.register({
@@ -131,20 +150,20 @@ class VegaRichTextTablePropertiesRenderer extends VegaSlimmer {
     'objects-align-right': ObjectsAlignRight,
   });
 })();
-__decorate$b([
+__decorate$c([
   MapToComponentField()
 ], VegaRichTextTablePropertiesRenderer.prototype, "type", void 0);
-__decorate$b([
+__decorate$c([
   MapToComponentField()
 ], VegaRichTextTablePropertiesRenderer.prototype, "tableFormRenderer", void 0);
-__decorate$b([
+__decorate$c([
   MapToComponentField()
 ], VegaRichTextTablePropertiesRenderer.prototype, "cellFormRenderer", void 0);
-__decorate$b([
+__decorate$c([
   MapToComponentMethod('watchDefaultValueChange')
-], VegaRichTextTablePropertiesRenderer.prototype, "watchDefaultValueChange", null);
+], VegaRichTextTablePropertiesRenderer.prototype, "initialFormState", null);
 
-var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -159,19 +178,50 @@ class TableColorController extends VegaSlimmer {
    *
    * @returns {string[]} An array of light color strings.
    */
-  getLightColors() {
+  getColors() {
     let result = [];
     if (this.colors) {
-      result = this.colors.map((colorSchema) => colorSchema.light);
+      result = this.colors.map((colorSchema) => this.isInDarkMode ? colorSchema.dark : colorSchema.light);
+    }
+    return result;
+  }
+  /**
+   * Returns the color key corresponding to the provided color value.
+   *
+   * @param {string} color - The color value to find the key for.
+   * @returns {string} The key of the color schema that matches the provided color value.
+   */
+  getColorKey(color) {
+    let result = '';
+    if (this.colors) {
+      const colorSchema = this.colors.find((item) => this.isInDarkMode ? item.dark === color : item.light === color);
+      result = colorSchema ? colorSchema.key : '';
+    }
+    return result;
+  }
+  /**
+   * Returns the color value corresponding to the provided color key.
+   *
+   * @param {string} colorKey - The color key to find the value for.
+   * @returns {string} The value of the color schema that matches the provided color key.
+   */
+  getColorByKey(colorKey) {
+    let result = '';
+    if (this.colors) {
+      const colorSchema = this.colors.find((item) => item.key === colorKey);
+      result = colorSchema ? (this.isInDarkMode ? colorSchema.dark : colorSchema.light) : '';
     }
     return result;
   }
 }
-__decorate$a([
+__decorate$b([
   MapToComponentField()
 ], TableColorController.prototype, "colors", void 0);
+__decorate$b([
+  MapToComponentField({ writable: true })
+], TableColorController.prototype, "isInDarkMode", void 0);
 
-var __decorate$9 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -214,6 +264,7 @@ class VegaRichTextTablePropertiesBaseFormFieldRenderer extends VegaSlimmer {
             }
           }
           this.updateBorderDisplayColor(input.host);
+          this.updateBackgroundDisplayColor(input.host);
         }
       });
       if (el && el.tagName === 'VEGA-INPUT') {
@@ -267,13 +318,29 @@ class VegaRichTextTablePropertiesBaseFormFieldRenderer extends VegaSlimmer {
     this.applyBorderColor = (btn) => {
       DomNodeSubjectObserverFactory.addUniqueObserverToNode(btn, VegaClick, () => {
         if (this.borderColorPickerRef && this.formRef) {
-          void this.formRef.setValue({ borderColor: this.borderColorPickerRef.value });
+          void this.formRef.setValue({
+            borderColor: this.controller.getColorKey(this.borderColorPickerRef.value),
+          });
         }
         if (this.colorPickerPopoverRef) {
           void this.colorPickerPopoverRef.hide();
         }
       });
     };
+    /**
+     * Handle background color picker change event.
+     *
+     * @param {HTMLElement} el - The background color picker element.
+     */
+    this.handleBackgroundColorPickerChange = (el) => {
+      DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, VegaChange, (input) => {
+        const colorValue = input.detail;
+        const colorKey = this.controller.getColorKey(colorValue);
+        if (this.formRef) {
+          void this.formRef.setValue({ backgroundColor: colorKey });
+        }
+      });
+    };
     /**
      * Clear background color value.
      *
@@ -303,7 +370,7 @@ class VegaRichTextTablePropertiesBaseFormFieldRenderer extends VegaSlimmer {
   renderBorderFields() {
     return (h("vega-flex", { gap: "size-16", direction: "row", alignItems: "center" },
       h("vega-input-select", { "data-vega-form": "borderStyle", label: "Border Style", placeholder: "Select style", vegaDropdownProps: { searchable: false, matchTargetWidth: false }, source: VegaRichTextTablePropertiesBaseFormFieldRenderer.TABLE_BORDER_STYLES, ref: this.handleFormChange }),
-      h("vega-input", { ref: this.handleFormChange, "data-vega-form": "borderWidth", label: "Width", validationRules: this.dimensionFieldValidationRule }),
+      h("vega-input", { ref: this.handleFormChange, "data-vega-form": "borderWidth", label: "Weight", validationRules: this.dimensionFieldValidationRule }),
       this.renderBorderColorPicker()));
   }
   /**
@@ -317,7 +384,8 @@ class VegaRichTextTablePropertiesBaseFormFieldRenderer extends VegaSlimmer {
       h("div", { class: "color-picker-container" },
         h("span", { role: "button", tabIndex: 0, "aria-label": "Clear background color", onClick: this.clearBackgroundColor, onKeyDown: createEnterKeyHandlerToTriggerClick(), class: "color-none" }),
         h("vega-divider", { direction: "vertical" }),
-        h("vega-color-picker", { isInline: true, ref: this.handleFormChange, "data-vega-form": "backgroundColor", colors: this.controller.getLightColors() }))));
+        h("vega-color-picker", { isInline: true, ref: this.handleBackgroundColorPickerChange, colors: this.controller.getColors() }),
+        h("vega-input", { ref: this.handleFormChange, type: "hidden", "data-vega-form": "backgroundColor" }))));
   }
   /**
    * Render style dimension fields.
@@ -361,7 +429,7 @@ class VegaRichTextTablePropertiesBaseFormFieldRenderer extends VegaSlimmer {
           DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, VegaPopoverShow, async () => {
             if (this.formRef && this.borderColorPickerRef) {
               const formValue = await this.formRef.getValue();
-              this.borderColorPickerRef.value = formValue['borderColor'];
+              this.borderColorPickerRef.value = this.controller.getColorByKey(formValue['borderColor']);
             }
           });
         }, trigger: "click" },
@@ -371,7 +439,7 @@ class VegaRichTextTablePropertiesBaseFormFieldRenderer extends VegaSlimmer {
         h("vega-box", { slot: "popover" },
           h("vega-color-picker", { ref: (el) => {
               this.borderColorPickerRef = el;
-            }, isInline: true, colors: this.controller.getLightColors() }),
+            }, isInline: true, colors: this.controller.getColors() }),
           h("vega-flex", { margin: { top: 'size-16' }, justifyContent: "end", gap: "size-16" },
             h("vega-button-link", { ref: this.clearBorderColor }, "Clear"),
             h("vega-button-link", { ref: this.applyBorderColor }, "Apply"))))));
@@ -383,7 +451,8 @@ class VegaRichTextTablePropertiesBaseFormFieldRenderer extends VegaSlimmer {
    */
   updateBorderDisplayColor(colorPickerRef) {
     if (colorPickerRef && colorPickerRef.dataset.vegaForm === 'borderColor') {
-      const selectedColor = colorPickerRef.value;
+      const selectedColorKey = colorPickerRef.value;
+      const selectedColor = this.controller.getColorByKey(selectedColorKey);
       const displayColorDiv = colorPickerRef.nextElementSibling;
       displayColorDiv.style.backgroundColor = selectedColor;
       if (selectedColor) {
@@ -397,30 +466,43 @@ class VegaRichTextTablePropertiesBaseFormFieldRenderer extends VegaSlimmer {
       }
     }
   }
+  /**
+   * Update the background color display when background color changes.
+   *
+   * @param {HTMLElement} colorInput - The background color field element.
+   */
+  updateBackgroundDisplayColor(colorInput) {
+    if (colorInput && colorInput.dataset.vegaForm === 'backgroundColor') {
+      const colorKey = colorInput.value;
+      const colorValue = this.controller.getColorByKey(colorKey);
+      const colorPicker = colorInput.previousElementSibling;
+      colorPicker.value = colorValue;
+    }
+  }
 }
 VegaRichTextTablePropertiesBaseFormFieldRenderer.TABLE_BORDER_STYLES = RTE_TABLE_BORDER_STYLES.map((style) => ({
   id: style,
   displayName: style.charAt(0).toUpperCase() + style.slice(1),
 }));
-__decorate$9([
+__decorate$a([
   MapToComponentField()
 ], VegaRichTextTablePropertiesBaseFormFieldRenderer.prototype, "controller", void 0);
-__decorate$9([
+__decorate$a([
   MapToComponentField()
 ], VegaRichTextTablePropertiesBaseFormFieldRenderer.prototype, "defaultValue", void 0);
-__decorate$9([
+__decorate$a([
   MapToComponentField()
 ], VegaRichTextTablePropertiesBaseFormFieldRenderer.prototype, "renderer", void 0);
-__decorate$9([
+__decorate$a([
   MapToComponentField()
 ], VegaRichTextTablePropertiesBaseFormFieldRenderer.prototype, "styleMap", void 0);
-__decorate$9([
+__decorate$a([
   MapToComponentField()
 ], VegaRichTextTablePropertiesBaseFormFieldRenderer.prototype, "vegaChange", void 0);
-__decorate$9([
+__decorate$a([
   MapToComponentField()
 ], VegaRichTextTablePropertiesBaseFormFieldRenderer.prototype, "vegaCancel", void 0);
-__decorate$9([
+__decorate$a([
   MapToComponentField()
 ], VegaRichTextTablePropertiesBaseFormFieldRenderer.prototype, "vegaSave", void 0);
 
@@ -455,7 +537,7 @@ class VegaRichTextTablePropertiesFormFieldRenderer extends VegaRichTextTableProp
    */
   renderPropertiesFields() {
     return (h(Fragment, null,
-      h("vega-font", { variant: "font-h6", color: "text-black" }, "Table properties"),
+      h("vega-font", { variant: "font-h6", color: "text-primary" }, "Table properties"),
       h("vega-divider", { direction: "horizontal" }),
       this.renderBorderFields(),
       h("vega-divider", { direction: "horizontal" }),
@@ -479,7 +561,7 @@ class VegaRichTextTablePropertiesFormFieldRenderer extends VegaRichTextTableProp
   }
 }
 
-var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$9 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -531,7 +613,7 @@ class VegaRichTextCellPropertiesFormFieldRenderer extends VegaRichTextTablePrope
    */
   renderPropertiesFields() {
     return (h(Fragment, null,
-      h("vega-font", { variant: "font-h6", color: "text-black" }, "Cell properties"),
+      h("vega-font", { variant: "font-h6", color: "text-primary" }, "Cell properties"),
       h("vega-divider", { direction: "horizontal" }),
       super.renderBorderFields(),
       h("vega-divider", { direction: "horizontal" }),
@@ -577,13 +659,13 @@ class VegaRichTextCellPropertiesFormFieldRenderer extends VegaRichTextTablePrope
     this.changesNeedApply = {};
   }
 }
-__decorate$8([
+__decorate$9([
   MapToComponentMethod('watchDefaultValueChange')
 ], VegaRichTextCellPropertiesFormFieldRenderer.prototype, "onDefaultValueChange", null);
 
-const vegaRichTextTablePropertiesCss = ":host{display:block;max-width:420px}:host .table-properties-form{display:flex;flex-direction:column;gap:16px}:host .color-picker-group{display:flex;gap:8px;flex-direction:column}:host .color-picker-group .color-picker-container{flex-shrink:0}:host .color-picker-group .display-color-placeholder{display:block;box-sizing:border-box;border-radius:4px;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));width:24px;height:24px}:host .color-picker-group .display-color-placeholder.color-none{box-sizing:content-box}:host .text-alignment-container>vega-font{display:block;margin-bottom:8px}:host .text-alignment-button-group button{display:flex;justify-content:center;align-items:center;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));padding-top:16px;padding-bottom:16px;padding-left:16px;padding-right:16px;position:relative;cursor:pointer;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}:host .text-alignment-button-group button:not(:first-of-type){margin-left:-1px}:host .text-alignment-button-group button:first-of-type{border-top-left-radius:4px;border-bottom-left-radius:4px}:host .text-alignment-button-group button:last-of-type{border-top-right-radius:4px;border-bottom-right-radius:4px}:host .text-alignment-button-group button:hover{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1));border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1));z-index:1}:host .text-alignment-button-group button:active{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1));z-index:1}:host .text-alignment-button-group vega-input[value=left]~.text-alignment-left,:host .text-alignment-button-group vega-input[value=center]~.text-alignment-center,:host .text-alignment-button-group vega-input[value=right]~.text-alignment-right,:host .text-alignment-button-group vega-input[value=justify]~.text-alignment-justify,:host .text-alignment-button-group vega-input[value=top]~.text-alignment-top,:host .text-alignment-button-group vega-input[value=middle]~.text-alignment-middle,:host .text-alignment-button-group vega-input[value=bottom]~.text-alignment-bottom{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1));z-index:1}:host .action-buttons{text-align:right}:host .action-buttons vega-button-link{margin-left:24px}:host .background-color-group{display:flex;gap:8px;flex-direction:column}:host .color-picker-container{box-sizing:border-box;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;padding-left:12px;padding-right:12px;display:flex;gap:8px;align-items:center;padding-top:11px;padding-bottom:11px}:host .color-picker-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}:host .color-picker-container:focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}:host .color-picker-container vega-divider{height:24px !important}:host .color-picker-container .color-none{display:block;box-sizing:border-box;border-radius:4px;width:24px;height:24px;border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));overflow:hidden;cursor:pointer;position:relative}:host .color-picker-container .color-none:hover{box-shadow:0 0 0 4px rgba(230, 50, 87, 0.25)}:host .color-picker-container .color-none:before{content:\"\";position:absolute;border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));border-left-width:0px;border-right-width:0px;border-bottom-width:0px;top:0;left:-10px;width:32px;height:0;transform-origin:top right;transform:rotate(-45deg)}:host(.vega-hidden){display:none}";
+const vegaRichTextTablePropertiesCss = ":host{display:block;max-width:420px}:host .table-properties-form{display:flex;flex-direction:column;gap:16px}:host .color-picker-group{display:flex;gap:8px;flex-direction:column}:host .color-picker-group .color-picker-container{flex-shrink:0}:host .color-picker-group .display-color-placeholder{display:block;box-sizing:border-box;border-radius:4px;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));width:24px;height:24px}:host .color-picker-group .display-color-placeholder.color-none{box-sizing:content-box}:host .text-alignment-container>vega-font{display:block;margin-bottom:8px}:host .text-alignment-button-group button{display:flex;justify-content:center;align-items:center;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));padding-top:16px;padding-bottom:16px;padding-left:16px;padding-right:16px;position:relative;cursor:pointer;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host .text-alignment-button-group button:not(:first-of-type){margin-left:-1px}:host .text-alignment-button-group button:first-of-type{border-top-left-radius:4px;border-bottom-left-radius:4px}:host .text-alignment-button-group button:last-of-type{border-top-right-radius:4px;border-bottom-right-radius:4px}:host .text-alignment-button-group button:hover{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1));border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1));z-index:1}:host .text-alignment-button-group button:active{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1));z-index:1}:host .text-alignment-button-group vega-input[value=left]~.text-alignment-left,:host .text-alignment-button-group vega-input[value=center]~.text-alignment-center,:host .text-alignment-button-group vega-input[value=right]~.text-alignment-right,:host .text-alignment-button-group vega-input[value=justify]~.text-alignment-justify,:host .text-alignment-button-group vega-input[value=top]~.text-alignment-top,:host .text-alignment-button-group vega-input[value=middle]~.text-alignment-middle,:host .text-alignment-button-group vega-input[value=bottom]~.text-alignment-bottom{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1));z-index:1}:host .action-buttons{text-align:right}:host .action-buttons vega-button-link{margin-left:24px}:host .background-color-group{display:flex;gap:8px;flex-direction:column}:host .color-picker-container{box-sizing:border-box;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;padding-left:12px;padding-right:12px;display:flex;gap:8px;align-items:center;padding-top:11px;padding-bottom:11px}:host .color-picker-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}:host .color-picker-container:focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}:host .color-picker-container vega-divider{height:24px !important}:host .color-picker-container .color-none{display:block;box-sizing:border-box;border-radius:4px;width:24px;height:24px;border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));overflow:hidden;cursor:pointer;position:relative}:host .color-picker-container .color-none:hover{box-shadow:0 0 0 4px rgba(230, 50, 87, 0.25)}:host .color-picker-container .color-none:before{content:\"\";position:absolute;border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));border-left-width:0px;border-right-width:0px;border-bottom-width:0px;top:0;left:-10px;width:32px;height:0;transform-origin:top right;transform:rotate(-45deg)}:host(.vega-hidden){display:none}";
 
-var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
     r = Reflect.decorate(decorators, target, key, desc);
@@ -606,13 +688,15 @@ const VegaRichTextTableProperties = class {
     this.tableFormRenderer = new VegaRichTextTablePropertiesFormFieldRenderer();
     this.cellFormRenderer = new VegaRichTextCellPropertiesFormFieldRenderer();
     this.controller = new TableColorController();
+    this.darkModeStateSlimmer = new DarkModeStateControllerSlimmer();
     this.changeEventPreventSlimmer = new ChildNodesEventPreventSlimmer([VegaChange], () => this.renderer.getFormRef());
+    this.isInDarkMode = VegaInternalThemeManager.isDarkMode();
     /**
-     * @vegaVersion 2.74.0-RTE-table-preview
+     * @vegaVersion 2.75.0-RTE-table-preview
      */
     this.type = 'TABLE';
     /**
-     * @vegaVersion 2.74.0-RTE-table-preview
+     * @vegaVersion 2.75.0-RTE-table-preview
      */
     this.colors = [];
   }
@@ -626,33 +710,36 @@ const VegaRichTextTableProperties = class {
     "defaultValue": ["watchDefaultValueChange"]
   }; }
 };
-__decorate$7([
+__decorate$8([
   InjectVegaGlobalSlimmer()
 ], VegaRichTextTableProperties.prototype, "globalSlimmers", void 0);
-__decorate$7([
+__decorate$8([
   InjectVegaSlimmer()
 ], VegaRichTextTableProperties.prototype, "translationSlimmer", void 0);
-__decorate$7([
+__decorate$8([
   InjectVegaSlimmer()
 ], VegaRichTextTableProperties.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
-__decorate$7([
+__decorate$8([
   InjectVegaSlimmer()
 ], VegaRichTextTableProperties.prototype, "renderer", void 0);
-__decorate$7([
+__decorate$8([
   InjectVegaSlimmer()
 ], VegaRichTextTableProperties.prototype, "tableFormRenderer", void 0);
-__decorate$7([
+__decorate$8([
   InjectVegaSlimmer()
 ], VegaRichTextTableProperties.prototype, "cellFormRenderer", void 0);
-__decorate$7([
+__decorate$8([
   InjectVegaSlimmer()
 ], VegaRichTextTableProperties.prototype, "controller", void 0);
-__decorate$7([
+__decorate$8([
+  InjectVegaSlimmer()
+], VegaRichTextTableProperties.prototype, "darkModeStateSlimmer", void 0);
+__decorate$8([
   InjectVegaSlimmer()
 ], VegaRichTextTableProperties.prototype, "changeEventPreventSlimmer", void 0);
 VegaRichTextTableProperties.style = vegaRichTextTablePropertiesCss;
 
-var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -717,23 +804,23 @@ class SelectionWidgetRenderer extends VegaSlimmer {
         h("slot", null))));
   }
 }
-__decorate$6([
+__decorate$7([
   MapToComponentField()
 ], SelectionWidgetRenderer.prototype, "host", void 0);
-__decorate$6([
+__decorate$7([
   MapToComponentField({ writable: true })
 ], SelectionWidgetRenderer.prototype, "isSelected", void 0);
-__decorate$6([
+__decorate$7([
   MapToComponentMethod('connectedCallback')
 ], SelectionWidgetRenderer.prototype, "connectedCallback", null);
-__decorate$6([
+__decorate$7([
   MapToComponentMethod('disconnectedCallback')
 ], SelectionWidgetRenderer.prototype, "disconnectedCallback", null);
-__decorate$6([
+__decorate$7([
   MapToComponentMethod('watchIsSelected')
 ], SelectionWidgetRenderer.prototype, "watchIsSelected", null);
 
-var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -761,16 +848,16 @@ class SelectionWidgetKeyboardController extends KeyboardManagerSlimmer {
     };
   }
 }
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], SelectionWidgetKeyboardController.prototype, "vegaRemove", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], SelectionWidgetKeyboardController.prototype, "selectionWidgetRenderer", void 0);
 
 const vegaRichTextTableSelectionWidgetCss = ":host{display:block;position:relative;padding-top:19px}:host(:hover) .v-rte-widget__selection-content{outline:2px solid rgb(255, 200, 61)}:host(:hover) .v-rte-widget__selection-handle{display:revert;background:rgb(255, 200, 61)}.v-rte-widget__selection.selected .v-rte-widget__selection-content{outline:2px solid rgb(38, 42, 255)}.v-rte-widget__selection.selected .v-rte-widget__selection-handle{display:revert;background:rgb(38, 42, 255)}.v-rte-widget__selection-handle{border:none;outline:none;width:15px;height:15px;position:absolute;top:2px;left:-2px;padding:2px;box-sizing:border-box;display:none}.v-rte-widget__selection-handle:after{content:\"\";border:1px dashed rgb(255, 255, 255);width:auto;height:100%;display:block}";
 
-var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
     r = Reflect.decorate(decorators, target, key, desc);
@@ -800,21 +887,21 @@ const VegaRichTextTableSelectionWidget = class {
     "isSelected": ["watchIsSelected"]
   }; }
 };
-__decorate$4([
+__decorate$5([
   InjectVegaGlobalSlimmer()
 ], VegaRichTextTableSelectionWidget.prototype, "globalSlimmers", void 0);
-__decorate$4([
+__decorate$5([
   InjectVegaSlimmer()
 ], VegaRichTextTableSelectionWidget.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
-__decorate$4([
+__decorate$5([
   InjectVegaSlimmer()
 ], VegaRichTextTableSelectionWidget.prototype, "selectionWidgetRenderer", void 0);
-__decorate$4([
+__decorate$5([
   InjectVegaSlimmer()
 ], VegaRichTextTableSelectionWidget.prototype, "keyboardController", void 0);
 VegaRichTextTableSelectionWidget.style = vegaRichTextTableSelectionWidgetCss;
 
-var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -823,7 +910,7 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
 const buttonList = [
   'rte-table-column',
   'rte-table-row',
-  // 'rte-table-merge-cells',
+  'rte-table-merge-cells',
   'rte-table-properties',
   'rte-table-cell-properties',
   'rte-table-caption',
@@ -838,6 +925,8 @@ class VegaRichTextTableSettingRenderer extends VegaSlimmer {
         return this.columnButtonSlimmer.render();
       case 'rte-table-row':
         return this.rowButtonSlimmer.render();
+      case 'rte-table-merge-cells':
+        return this.mergeCellsButtonSlimmer.render();
       case 'rte-table-properties':
         return this.tablePropertiesButtonSlimmer.render();
       case 'rte-table-cell-properties':
@@ -847,21 +936,24 @@ class VegaRichTextTableSettingRenderer extends VegaSlimmer {
     }
   }
 }
-__decorate$3([
+__decorate$4([
   MapToComponentField()
 ], VegaRichTextTableSettingRenderer.prototype, "captionButtonSlimmer", void 0);
-__decorate$3([
+__decorate$4([
   MapToComponentField()
 ], VegaRichTextTableSettingRenderer.prototype, "columnButtonSlimmer", void 0);
-__decorate$3([
+__decorate$4([
   MapToComponentField()
 ], VegaRichTextTableSettingRenderer.prototype, "rowButtonSlimmer", void 0);
-__decorate$3([
+__decorate$4([
   MapToComponentField()
 ], VegaRichTextTableSettingRenderer.prototype, "tablePropertiesButtonSlimmer", void 0);
-__decorate$3([
+__decorate$4([
   MapToComponentField()
 ], VegaRichTextTableSettingRenderer.prototype, "cellPropertiesButtonSlimmer", void 0);
+__decorate$4([
+  MapToComponentField()
+], VegaRichTextTableSettingRenderer.prototype, "mergeCellsButtonSlimmer", void 0);
 
 const Icons = {
   'rte-table-column': {
@@ -884,7 +976,7 @@ const Icons = {
   },
 };
 
-var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -947,13 +1039,13 @@ class TableSettingButtonSlimmer extends VegaSlimmer {
     }
   }
 }
-__decorate$2([
+__decorate$3([
   MapToComponentField()
 ], TableSettingButtonSlimmer.prototype, "hasCaption", void 0);
-__decorate$2([
+__decorate$3([
   MapToComponentField()
 ], TableSettingButtonSlimmer.prototype, "vegaClick", void 0);
-__decorate$2([
+__decorate$3([
   MapToComponentField()
 ], TableSettingButtonSlimmer.prototype, "selectedCells", void 0);
 
@@ -983,7 +1075,7 @@ class CaptionButtonSlimmer extends TableSettingButtonSlimmer {
   }
 }
 
-var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1058,7 +1150,7 @@ class ColumnButtonSlimmer extends TableSettingButtonSlimmer {
     return firstCellColumnIndex === 0 && lastCellColumnIndex === lastTableRowCells.length - 1;
   }
 }
-__decorate$1([
+__decorate$2([
   MapToComponentField({ writable: true })
 ], ColumnButtonSlimmer.prototype, "isColumnDropdownOpen", void 0);
 
@@ -1154,10 +1246,12 @@ class RowButtonSlimmer extends TableSettingButtonSlimmer {
     const selectedRows = this.getSelectedRows();
     if (selectedRows.length) {
       const table = getParentBlockByType(selectedRows[0], RTETableBlock);
-      const allRows = table.children
-        .filter((block) => block instanceof RTETableHeadBlock || block instanceof RTETableBodyBlock)
-        .flatMap((item) => item.children);
-      flag = selectedRows.length === allRows.length;
+      if (table) {
+        const allRows = table.children
+          .filter((block) => block instanceof RTETableHeadBlock || block instanceof RTETableBodyBlock)
+          .flatMap((item) => item.children);
+        flag = selectedRows.length === allRows.length;
+      }
     }
     return flag;
   }
@@ -1204,6 +1298,115 @@ class CellPropertiesButtonSlimmer extends TableSettingButtonSlimmer {
   }
 }
 
+var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * Slimmer dedicated to building the merge cells button.
+ */
+class MergeCellsButtonSlimmer extends TableSettingButtonSlimmer {
+  constructor() {
+    super({
+      icon: 'rte-table-merge-cells',
+      title: 'Merge cells',
+      showArrowIcon: true,
+    });
+    this.handleDropdownItemClick = (input) => {
+      if (Object.values(SplitCellOperationType).includes(input.detail)) {
+        this.emitClickEvent([TableSettingType.SPLIT_CELL, input.detail]);
+        return;
+      }
+      this.emitClickEvent([TableSettingType.MERGE_CELLS, input.detail]);
+    };
+    this.handleDropdownVisibilityChange = ({ eventName }) => {
+      this.isMergeCellsDropdownOpen = eventName.toLocaleLowerCase().indexOf('show') >= 0;
+    };
+  }
+  renderBtnWrapper(renderBtn) {
+    return (h("vega-dropdown", { isScreenPosition: true, minWidth: 150, trigger: "click", ref: (el) => {
+        DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, VegaDropdownClick, this.handleDropdownItemClick);
+        DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, VegaDropdownShow, this.handleDropdownVisibilityChange);
+        DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, VegaDropdownHide, this.handleDropdownVisibilityChange);
+      } },
+      renderBtn(),
+      this.renderActionList()));
+  }
+  isSelected() {
+    return this.isMergeCellsDropdownOpen;
+  }
+  isDisabled() {
+    if (this.selectedCells.length === 0) {
+      return true;
+    }
+    const hasTableCell = this.selectedCells.some((item) => item.type === 'table-cell');
+    const hasTableHeadCell = this.selectedCells.some((item) => item.type === 'table-head-cell');
+    if (hasTableCell && hasTableHeadCell) {
+      return true;
+    }
+    return !isRectangularSelection(this.selectedCells);
+  }
+  handleClick() {
+    this.isMergeCellsDropdownOpen = true;
+  }
+  /**
+   * Render the action list.
+   *
+   * @returns {HTMLElement} The action list element.
+   */
+  renderActionList() {
+    const disabledMap = this.getMergeDirectionDisabledMap();
+    return (h("div", { tabIndex: 0, role: "menu", slot: "items", onMouseDown: this.preventDefaultEvent, onKeyDown: this.preventDefaultEvent },
+      h("vega-dropdown-item", { itemKey: MergeCellsOperationType.MERGE_CELLS }, "Merge cells"),
+      h("vega-dropdown-item", { itemKey: MergeCellsOperationType.MERGE_CELL_UP, disabled: disabledMap[MergeCellsOperationType.MERGE_CELL_UP] }, "Merge cell up"),
+      h("vega-dropdown-item", { itemKey: MergeCellsOperationType.MERGE_CELL_RIGHT, disabled: disabledMap[MergeCellsOperationType.MERGE_CELL_RIGHT] }, "Merge cell right"),
+      h("vega-dropdown-item", { itemKey: MergeCellsOperationType.MERGE_CELL_DOWN, disabled: disabledMap[MergeCellsOperationType.MERGE_CELL_DOWN] }, "Merge cell down"),
+      h("vega-dropdown-item", { itemKey: MergeCellsOperationType.MERGE_CELL_LEFT, disabled: disabledMap[MergeCellsOperationType.MERGE_CELL_LEFT] }, "Merge cell left"),
+      h("vega-dropdown-item", { itemKey: SplitCellOperationType.SPLIT_CELL_VERTICALLY, disabled: !this.selectSingleCell() }, "Split cell vertically"),
+      h("vega-dropdown-item", { itemKey: SplitCellOperationType.SPLIT_CELL_HORIZONTALLY, disabled: !this.selectSingleCell() }, "Split cell horizontally")));
+  }
+  selectSingleCell() {
+    return this.selectedCells.length === 1;
+  }
+  getMergeDirectionDisabledMap() {
+    if (this.selectedCells.length !== 1) {
+      return {
+        [MergeCellsOperationType.MERGE_CELL_UP]: true,
+        [MergeCellsOperationType.MERGE_CELL_RIGHT]: true,
+        [MergeCellsOperationType.MERGE_CELL_DOWN]: true,
+        [MergeCellsOperationType.MERGE_CELL_LEFT]: true,
+      };
+    }
+    const cell = this.selectedCells[0];
+    const row = cell.parent;
+    const table = row.parent;
+    const rowIndex = table.children.indexOf(row);
+    const cellIndex = row.children.indexOf(cell);
+    const isFirstRow = rowIndex === 0;
+    const isLastRow = rowIndex === table.children.length - 1;
+    const isFirstCol = cellIndex === 0;
+    const isLastCol = cellIndex === row.children.length - 1;
+    const getDisabledForDirection = (direction, isOnEdge) => {
+      if (isOnEdge) {
+        return true;
+      }
+      const adjacentCell = getAdjacentCell(cell, direction);
+      return !adjacentCell || !isRectangularSelection([cell, adjacentCell]);
+    };
+    return {
+      [MergeCellsOperationType.MERGE_CELL_UP]: getDisabledForDirection(MergeCellsOperationType.MERGE_CELL_UP, isFirstRow),
+      [MergeCellsOperationType.MERGE_CELL_RIGHT]: getDisabledForDirection(MergeCellsOperationType.MERGE_CELL_RIGHT, isLastCol),
+      [MergeCellsOperationType.MERGE_CELL_DOWN]: getDisabledForDirection(MergeCellsOperationType.MERGE_CELL_DOWN, isLastRow),
+      [MergeCellsOperationType.MERGE_CELL_LEFT]: getDisabledForDirection(MergeCellsOperationType.MERGE_CELL_LEFT, isFirstCol),
+    };
+  }
+}
+__decorate$1([
+  MapToComponentField({ writable: true })
+], MergeCellsButtonSlimmer.prototype, "isMergeCellsDropdownOpen", void 0);
+
 const vegaRichTextTableSettingCss = ":host .rte-table-setting-item{border:none;background-color:#fcfcfc;cursor:pointer;padding:4px}:host .rte-table-setting-item:not(.rte-table-setting-item-disabled,.rte-table-setting-item-selected):hover{background:#f0f0f0}:host .rte-table-setting-item-disabled{cursor:default}:host .rte-table-setting-item-selected{background:rgb(219, 236, 255)}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -1229,17 +1432,19 @@ const VegaRichTextTableSetting = class {
     this.tablePropertiesButtonSlimmer = new TablePropertiesButtonSlimmer();
     this.rowButtonSlimmer = new RowButtonSlimmer();
     this.cellPropertiesButtonSlimmer = new CellPropertiesButtonSlimmer();
+    this.mergeCellsButtonSlimmer = new MergeCellsButtonSlimmer();
     this.isColumnDropdownOpen = false;
+    this.isMergeCellsDropdownOpen = false;
     /**
      * Indicates whether the current table already has a caption.
      *
-     * @vegaVersion 2.74.0-RTE-table-preview
+     * @vegaVersion 2.75.0-RTE-table-preview
      */
     this.hasCaption = false;
     /**
      * The selected cells in the table.
      *
-     * @vegaVersion 2.74.0-RTE-table-preview
+     * @vegaVersion 2.75.0-RTE-table-preview
      */
     this.selectedCells = [];
   }
@@ -1296,6 +1501,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaRichTextTableSetting.prototype, "cellPropertiesButtonSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextTableSetting.prototype, "mergeCellsButtonSlimmer", void 0);
 __decorate([
   MapToComponentMethod('connectedCallback')
 ], VegaRichTextTableSetting.prototype, "connectedCallback", null);