@globalpayments/vega 2.99.0 → 2.101.0

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

@@ -1,47 +1,49 @@
 import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-090d31ca.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
-import { T as TranslationSlimmer } from './translation-slimmer-ef970ffc.js';
+import { T as TranslationSlimmer } from './translation-slimmer-77022f2e.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-e7c57096.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-82626871.js';
-import { d as VegaChange, L as VegaFocus, a as VegaClick, c as VegaPopoverShow, V as VegaDropdownClick, z as VegaDropdownShow, A as VegaDropdownHide } from './vega-event-id-f55f6977.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-ddff8662.js';
-import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
-import { Z as RTE_TABLE_BORDER_STYLES, T as TableSettingType, _ as ColumnOperationType, O as ToggleHeaderTableColumnStrategy, $ as getSelectedCellsBoundary, v as getTableColumnCount, m as getParentBlockByType, h as RTETableBlock, a0 as RowOperationType, k as RTETableHeadBlock, l as RTETableBodyBlock, a1 as SplitCellOperationType, a2 as isRectangularSelection, z as MergeCellsOperationType, a3 as getAdjacentCell } from './split-cell-operation-89b91a38.js';
-import { V as VegaInternalThemeManager } from './dark-mode-style-controller-352f15ff.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-0ebcbf47.js';
+import { d as VegaChange, M as VegaFocus, a as VegaClick, c as VegaPopoverShow, V as VegaDropdownClick, A as VegaDropdownShow, B as VegaDropdownHide } from './vega-event-id-59cd9297.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-bb7e68a0.js';
+import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-c899a968.js';
+import { Z as RTE_TABLE_BORDER_STYLES, T as TableSettingType, O as ToggleHeaderTableColumnStrategy, _ as ColumnOperationType, $ as getSelectedCellsBoundary, v as getTableColumnCount, m as getParentBlockByType, h as RTETableBlock, a0 as RowOperationType, k as RTETableHeadBlock, l as RTETableBodyBlock, a1 as SplitCellOperationType, a2 as isRectangularSelection, z as MergeCellsOperationType, a3 as getAdjacentCell } from './split-cell-operation-1a889fa0.js';
+import { V as VegaInternalThemeManager } from './dark-mode-style-controller-4e04a2d3.js';
 import { D as DarkModeStateControllerSlimmer } from './dark-mode-state-controller-slimmer-778dd929.js';
-import { f as findParent, a as arrayToClassString } from './ui-d73f756a.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-0517fc70.js';
+import { A as AriaAttributesValueMapper } from './aria-attributes-value-mapper-a5c7478e.js';
+import { f as findParent, a as arrayToClassString } from './ui-80e610f4.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-133b86cd.js';
 import { c as chevronDown } from './chevron-down-4a75d28e.js';
-import { b as VegaInternalRTEExtensionTableCellSelectionChange } from './vega-internal-event-id-86fce049.js';
+import { b as VegaInternalRTEExtensionTableCellSelectionChange } from './vega-internal-event-id-02093067.js';
 import { i as isArrayEqual } from './array-7888f339.js';
-import './internal-translation-controller-b33430c6.js';
+import './internal-translation-controller-fff376d2.js';
 import './change-manager-6a7eb88c.js';
 import './static-subject-title-1c86e974.js';
 import './icon-manager-4ef3f6dd.js';
 import './create-public-api-runtime-metrics-slimmer-48f85199.js';
 import './dynamic-slimmer-90b8af32.js';
 import './misc-9fdbcfbb.js';
-import './internal-vega-event-manager-2ecc9186.js';
+import './internal-vega-event-manager-0c381f3b.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-3fd04ea9.js';
 import './index-9c9865c0.js';
 import './observer-3959f9dd.js';
-import './code-block-e6443949.js';
+import './code-block-1cdf7a51.js';
 import './string-a953eafc.js';
-import './type-guard-6fc96870.js';
+import './type-guard-26d83e7e.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-19c3b9be.js';
 import './object-0c277f57.js';
-import './content-state-43cdacff.js';
+import './content-state-6eb610b8.js';
 import './tinycolor-polyfill-7be0eb93.js';
 import './vega-nonce-manager-497e5eb5.js';
 import './try-get-document-bef0f526.js';
 import './index-35451d12.js';
-import './keyboard-manager-b4a0d97d.js';
+import './mutation-observer-slimmer-58ebc13c.js';
+import './keyboard-manager-a58288df.js';
 import './number-4398f2e1.js';
 
 const AlignTop = {
@@ -68,7 +70,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$c = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$d = (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;
@@ -154,20 +156,20 @@ class VegaRichTextTablePropertiesRenderer extends VegaSlimmer {
     'objects-align-right': ObjectsAlignRight,
   });
 })();
-__decorate$c([
+__decorate$d([
   MapToComponentField()
 ], VegaRichTextTablePropertiesRenderer.prototype, "type", void 0);
-__decorate$c([
+__decorate$d([
   MapToComponentField()
 ], VegaRichTextTablePropertiesRenderer.prototype, "tableFormRenderer", void 0);
-__decorate$c([
+__decorate$d([
   MapToComponentField()
 ], VegaRichTextTablePropertiesRenderer.prototype, "cellFormRenderer", void 0);
-__decorate$c([
+__decorate$d([
   MapToComponentMethod('watchDefaultValueChange')
 ], VegaRichTextTablePropertiesRenderer.prototype, "initialFormState", null);
 
-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;
@@ -218,14 +220,14 @@ class TableColorController extends VegaSlimmer {
     return result;
   }
 }
-__decorate$b([
+__decorate$c([
   MapToComponentField()
 ], TableColorController.prototype, "colors", void 0);
-__decorate$b([
+__decorate$c([
   MapToComponentField({ writable: true })
 ], TableColorController.prototype, "isInDarkMode", void 0);
 
-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;
@@ -402,11 +404,11 @@ class VegaRichTextTablePropertiesBaseFormFieldRenderer extends VegaSlimmer {
       h("vega-input", { ref: this.handleFormChange, "data-vega-form": "height", label: "Height", validationRules: this.dimensionFieldValidationRule }),
       withPadding && (h("vega-input", { ref: this.handleFormChange, "data-vega-form": "padding", label: "Padding", validationRules: this.dimensionFieldValidationRule }))));
   }
-  renderAlignmentField(alignmentList, iconPrefix, formFieldName) {
+  renderAlignmentField(alignmentList, iconPrefix, formFieldName, ariaLabelMap) {
     return (h("vega-flex", { direction: "row", gap: "0", class: "text-alignment-button-group" },
       h("vega-input", { ref: this.handleFormChange, "data-vega-form": formFieldName, type: "hidden" }),
       alignmentList.map((key) => {
-        return (h("button", { "data-id": key, "data-form-field-name": formFieldName, class: `text-alignment-${key}`, onClick: this.handleAlignmentButtonClick },
+        return (h("button", { "data-id": key, "data-form-field-name": formFieldName, class: `text-alignment-${key}`, "aria-label": ariaLabelMap[key], onClick: this.handleAlignmentButtonClick },
           h("vega-icon", { icon: VegaInternalIconManager.getIconKey(`${iconPrefix}${key}`) })));
       })));
   }
@@ -488,25 +490,28 @@ VegaRichTextTablePropertiesBaseFormFieldRenderer.TABLE_BORDER_STYLES = RTE_TABLE
   id: style,
   displayName: style.charAt(0).toUpperCase() + style.slice(1),
 }));
-__decorate$a([
+__decorate$b([
   MapToComponentField()
 ], VegaRichTextTablePropertiesBaseFormFieldRenderer.prototype, "controller", void 0);
-__decorate$a([
+__decorate$b([
   MapToComponentField()
 ], VegaRichTextTablePropertiesBaseFormFieldRenderer.prototype, "defaultValue", void 0);
-__decorate$a([
+__decorate$b([
+  MapToComponentField()
+], VegaRichTextTablePropertiesBaseFormFieldRenderer.prototype, "translationSlimmer", void 0);
+__decorate$b([
   MapToComponentField()
 ], VegaRichTextTablePropertiesBaseFormFieldRenderer.prototype, "renderer", void 0);
-__decorate$a([
+__decorate$b([
   MapToComponentField()
 ], VegaRichTextTablePropertiesBaseFormFieldRenderer.prototype, "styleMap", void 0);
-__decorate$a([
+__decorate$b([
   MapToComponentField()
 ], VegaRichTextTablePropertiesBaseFormFieldRenderer.prototype, "vegaChange", void 0);
-__decorate$a([
+__decorate$b([
   MapToComponentField()
 ], VegaRichTextTablePropertiesBaseFormFieldRenderer.prototype, "vegaCancel", void 0);
-__decorate$a([
+__decorate$b([
   MapToComponentField()
 ], VegaRichTextTablePropertiesBaseFormFieldRenderer.prototype, "vegaSave", void 0);
 
@@ -561,11 +566,15 @@ class VegaRichTextTablePropertiesFormFieldRenderer extends VegaRichTextTableProp
   renderTextAlignmentField() {
     return (h("div", { class: "text-alignment-container" },
       h("vega-font", { variant: "font-field-label", color: "text-primary" }, "Alignment"),
-      h("vega-flex", { direction: "row", gap: "size-16" }, this.renderAlignmentField(['left', 'center', 'right'], 'objects-align-', 'textAlign'))));
+      h("vega-flex", { direction: "row", gap: "size-16" }, this.renderAlignmentField(['left', 'center', 'right'], 'objects-align-', 'textAlign', {
+        left: this.translationSlimmer.t('Align table left'),
+        center: this.translationSlimmer.t('Align table center'),
+        right: this.translationSlimmer.t('Align table right'),
+      }))));
   }
 }
 
-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;
@@ -638,8 +647,17 @@ class VegaRichTextCellPropertiesFormFieldRenderer extends VegaRichTextTablePrope
     return (h("div", { class: "text-alignment-container" },
       h("vega-font", { variant: "font-field-label", color: "text-primary" }, "Text Alignment"),
       h("vega-flex", { direction: "row", gap: "size-16" },
-        this.renderAlignmentField(['left', 'center', 'right', 'justify'], 'align-', 'textAlign'),
-        this.renderAlignmentField(['top', 'middle', 'bottom'], 'align-', 'verticalAlign'))));
+        this.renderAlignmentField(['left', 'center', 'right', 'justify'], 'align-', 'textAlign', {
+          left: this.translationSlimmer.t('Align text left'),
+          center: this.translationSlimmer.t('Align text center'),
+          right: this.translationSlimmer.t('Align text right'),
+          justify: this.translationSlimmer.t('Justify text'),
+        }),
+        this.renderAlignmentField(['top', 'middle', 'bottom'], 'align-', 'verticalAlign', {
+          top: this.translationSlimmer.t('Align vertically top'),
+          middle: this.translationSlimmer.t('Align vertically middle'),
+          bottom: this.translationSlimmer.t('Align vertically bottom'),
+        }))));
   }
   /**
    * Merge form data with style map for all selected cell blocks.
@@ -663,13 +681,13 @@ class VegaRichTextCellPropertiesFormFieldRenderer extends VegaRichTextTablePrope
     this.changesNeedApply = {};
   }
 }
-__decorate$9([
+__decorate$a([
   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));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}";
+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 button:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:-2px;z-index:2}: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$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);
@@ -693,6 +711,17 @@ const VegaRichTextTableProperties = class {
     this.cellFormRenderer = new VegaRichTextCellPropertiesFormFieldRenderer();
     this.controller = new TableColorController();
     this.darkModeStateSlimmer = new DarkModeStateControllerSlimmer();
+    this.ariaAttributesValueMapper = new AriaAttributesValueMapper(() => this.host, {
+      'aria-label': {
+        dependency: ['data-aria-label'],
+        // Derive the fallback accessible name from `type` so the component
+        // announces the correct form even when consumers don't set
+        // `data-aria-label` explicitly.
+        defaultValue: () => this.type === 'CELL'
+          ? this.translationSlimmer.t('Cell properties')
+          : this.translationSlimmer.t('Table properties'),
+      },
+    });
     this.changeEventPreventSlimmer = new ChildNodesEventPreventSlimmer([VegaChange], () => this.renderer.getFormRef());
     this.isInDarkMode = VegaInternalThemeManager.isDarkMode();
     /**
@@ -707,43 +736,46 @@ const VegaRichTextTableProperties = class {
   watchDefaultValueChange(newValue) {
   }
   render() {
-    return sanitizeVegaComponent(h(Host, null, this.renderer.render()), this.host);
+    return sanitizeVegaComponent(h(Host, { role: "form" }, this.renderer.render()), this.host);
   }
   get host() { return getElement(this); }
   static get watchers() { return {
     "defaultValue": ["watchDefaultValueChange"]
   }; }
 };
-__decorate$8([
+__decorate$9([
   InjectVegaGlobalSlimmer()
 ], VegaRichTextTableProperties.prototype, "globalSlimmers", void 0);
-__decorate$8([
+__decorate$9([
   InjectVegaSlimmer()
 ], VegaRichTextTableProperties.prototype, "translationSlimmer", void 0);
-__decorate$8([
+__decorate$9([
   InjectVegaSlimmer()
 ], VegaRichTextTableProperties.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
-__decorate$8([
+__decorate$9([
   InjectVegaSlimmer()
 ], VegaRichTextTableProperties.prototype, "renderer", void 0);
-__decorate$8([
+__decorate$9([
   InjectVegaSlimmer()
 ], VegaRichTextTableProperties.prototype, "tableFormRenderer", void 0);
-__decorate$8([
+__decorate$9([
   InjectVegaSlimmer()
 ], VegaRichTextTableProperties.prototype, "cellFormRenderer", void 0);
-__decorate$8([
+__decorate$9([
   InjectVegaSlimmer()
 ], VegaRichTextTableProperties.prototype, "controller", void 0);
-__decorate$8([
+__decorate$9([
   InjectVegaSlimmer()
 ], VegaRichTextTableProperties.prototype, "darkModeStateSlimmer", void 0);
-__decorate$8([
+__decorate$9([
+  InjectVegaSlimmer()
+], VegaRichTextTableProperties.prototype, "ariaAttributesValueMapper", void 0);
+__decorate$9([
   InjectVegaSlimmer()
 ], VegaRichTextTableProperties.prototype, "changeEventPreventSlimmer", void 0);
 VegaRichTextTableProperties.style = vegaRichTextTablePropertiesCss;
 
-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);
   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;
@@ -808,23 +840,23 @@ class SelectionWidgetRenderer extends VegaSlimmer {
         h("slot", null))));
   }
 }
-__decorate$7([
+__decorate$8([
   MapToComponentField()
 ], SelectionWidgetRenderer.prototype, "host", void 0);
-__decorate$7([
+__decorate$8([
   MapToComponentField({ writable: true })
 ], SelectionWidgetRenderer.prototype, "isSelected", void 0);
-__decorate$7([
+__decorate$8([
   MapToComponentMethod('connectedCallback')
 ], SelectionWidgetRenderer.prototype, "connectedCallback", null);
-__decorate$7([
+__decorate$8([
   MapToComponentMethod('disconnectedCallback')
 ], SelectionWidgetRenderer.prototype, "disconnectedCallback", null);
-__decorate$7([
+__decorate$8([
   MapToComponentMethod('watchIsSelected')
 ], SelectionWidgetRenderer.prototype, "watchIsSelected", null);
 
-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;
@@ -852,16 +884,16 @@ class SelectionWidgetKeyboardController extends KeyboardManagerSlimmer {
     };
   }
 }
-__decorate$6([
+__decorate$7([
   MapToComponentField()
 ], SelectionWidgetKeyboardController.prototype, "vegaRemove", void 0);
-__decorate$6([
+__decorate$7([
   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$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);
@@ -891,21 +923,21 @@ const VegaRichTextTableSelectionWidget = class {
     "isSelected": ["watchIsSelected"]
   }; }
 };
-__decorate$5([
+__decorate$6([
   InjectVegaGlobalSlimmer()
 ], VegaRichTextTableSelectionWidget.prototype, "globalSlimmers", void 0);
-__decorate$5([
+__decorate$6([
   InjectVegaSlimmer()
 ], VegaRichTextTableSelectionWidget.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
-__decorate$5([
+__decorate$6([
   InjectVegaSlimmer()
 ], VegaRichTextTableSelectionWidget.prototype, "selectionWidgetRenderer", void 0);
-__decorate$5([
+__decorate$6([
   InjectVegaSlimmer()
 ], VegaRichTextTableSelectionWidget.prototype, "keyboardController", void 0);
 VegaRichTextTableSelectionWidget.style = vegaRichTextTableSelectionWidgetCss;
 
-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);
   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;
@@ -921,7 +953,7 @@ const buttonList = [
 ];
 class VegaRichTextTableSettingRenderer extends VegaSlimmer {
   render() {
-    return (h("vega-flex", { gap: "size-8", class: "rte-table-setting-content" }, buttonList.map((item) => this.renderButton(item))));
+    return (h("div", { class: "rte-table-setting-content" }, buttonList.map((item) => this.renderButton(item))));
   }
   renderButton(item) {
     switch (item) {
@@ -940,22 +972,22 @@ class VegaRichTextTableSettingRenderer extends VegaSlimmer {
     }
   }
 }
-__decorate$4([
+__decorate$5([
   MapToComponentField()
 ], VegaRichTextTableSettingRenderer.prototype, "captionButtonSlimmer", void 0);
-__decorate$4([
+__decorate$5([
   MapToComponentField()
 ], VegaRichTextTableSettingRenderer.prototype, "columnButtonSlimmer", void 0);
-__decorate$4([
+__decorate$5([
   MapToComponentField()
 ], VegaRichTextTableSettingRenderer.prototype, "rowButtonSlimmer", void 0);
-__decorate$4([
+__decorate$5([
   MapToComponentField()
 ], VegaRichTextTableSettingRenderer.prototype, "tablePropertiesButtonSlimmer", void 0);
-__decorate$4([
+__decorate$5([
   MapToComponentField()
 ], VegaRichTextTableSettingRenderer.prototype, "cellPropertiesButtonSlimmer", void 0);
-__decorate$4([
+__decorate$5([
   MapToComponentField()
 ], VegaRichTextTableSettingRenderer.prototype, "mergeCellsButtonSlimmer", void 0);
 
@@ -980,20 +1012,20 @@ const Icons = {
   },
 };
 
-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;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 class TableSettingButtonSlimmer extends VegaSlimmer {
-  constructor({ icon, title, showArrowIcon }) {
+  constructor({ icon, title, showArrowIcon, ariaLabel }) {
     super();
     this.renderBtn = () => {
       const selected = this.isSelected();
       const disable = this.isDisabled();
-      return (h("vega-tooltip", { key: `table-setting-${this.icon}`, text: this.getTitle(), placement: ['bottom', 'top'], trigger: "hover" },
-        h("button", { type: "button", class: {
+      return (h("vega-tooltip", { role: "presentation", key: `table-setting-${this.icon}`, text: this.getTitle(), placement: ['bottom', 'top'], trigger: "hover" },
+        h("button", { type: "button", "aria-label": this.ariaLabel, class: {
             'rte-table-setting-item': true,
             'rte-table-setting-item-disabled': disable,
             'rte-table-setting-item-selected': selected,
@@ -1005,13 +1037,14 @@ class TableSettingButtonSlimmer extends VegaSlimmer {
             }
             this.handleClick(event);
           }, onKeyDown: this.preventDefaultEvent, onMouseDown: this.preventDefaultEvent },
-          h("vega-flex", { alignItems: "center", justifyContent: "center" },
+          h("vega-flex", { alignItems: "center", justifyContent: "center", "aria-hidden": "true" },
             h("vega-icon", { icon: VegaInternalIconManager.getIconKey(this.icon), size: "size-16", color: this.getIconColor() }),
             this.showArrowIcon ? (h("vega-icon", { size: "size-8", style: { marginLeft: '8px' }, icon: VegaInternalIconManager.getIconKey('chevron-down'), color: this.getIconColor() })) : null))));
     };
     this.icon = icon;
     this.title = title;
     this.showArrowIcon = showArrowIcon;
+    this.ariaLabel = ariaLabel;
   }
   render() {
     return typeof this.renderBtnWrapper === 'function'
@@ -1044,13 +1077,13 @@ class TableSettingButtonSlimmer extends VegaSlimmer {
     return 'text-primary';
   }
 }
-__decorate$3([
+__decorate$4([
   MapToComponentField()
 ], TableSettingButtonSlimmer.prototype, "hasCaption", void 0);
-__decorate$3([
+__decorate$4([
   MapToComponentField()
 ], TableSettingButtonSlimmer.prototype, "vegaClick", void 0);
-__decorate$3([
+__decorate$4([
   MapToComponentField()
 ], TableSettingButtonSlimmer.prototype, "selectedCells", void 0);
 
@@ -1063,6 +1096,7 @@ class CaptionButtonSlimmer extends TableSettingButtonSlimmer {
       icon: 'rte-table-caption',
       title: 'caption off',
       showArrowIcon: false,
+      ariaLabel: 'Insert/Edit Caption',
     });
   }
   isSelected() {
@@ -1080,7 +1114,7 @@ class CaptionButtonSlimmer extends TableSettingButtonSlimmer {
   }
 }
 
-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;
@@ -1095,6 +1129,7 @@ class ColumnButtonSlimmer extends TableSettingButtonSlimmer {
       icon: 'rte-table-column',
       title: 'Column',
       showArrowIcon: true,
+      ariaLabel: 'Column Operations',
     });
     this.handleDropdownItemClick = (input) => {
       this.emitClickEvent([TableSettingType.COLUMN, input.detail]);
@@ -1104,7 +1139,7 @@ class ColumnButtonSlimmer extends TableSettingButtonSlimmer {
     };
   }
   renderBtnWrapper(renderBtn) {
-    return (h("vega-dropdown", { minWidth: 210, trigger: "click", ref: (el) => {
+    return (h("vega-dropdown", { role: "presentation", isScreenPosition: true, minWidth: 210, trigger: "click", ref: (el) => {
         DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, VegaDropdownClick, this.handleDropdownItemClick);
         DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, VegaDropdownShow, this.handleDropdownVisibilityChange);
         DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, VegaDropdownHide, this.handleDropdownVisibilityChange);
@@ -1127,15 +1162,15 @@ class ColumnButtonSlimmer extends TableSettingButtonSlimmer {
    * @returns {HTMLElement} The action list element.
    */
   renderActionList() {
+    const isHeaderColumnSelected = ToggleHeaderTableColumnStrategy.isFullHeaderSelection(this.selectedCells);
     return (h("div", { tabIndex: 0, role: "menu", slot: "items", onMouseDown: this.preventDefaultEvent, onKeyDown: this.preventDefaultEvent },
-      h("vega-dropdown-item", { itemKey: ColumnOperationType.HEADER_COLUMN },
-        h("vega-flex", { alignItems: "center", gap: "size-8" },
-          h("vega-toggle-switch", { checked: ToggleHeaderTableColumnStrategy.isFullHeaderSelection(this.selectedCells), size: "small" }),
-          "Header Column")),
-      h("vega-dropdown-item", { itemKey: ColumnOperationType.ADD_COLUMN_LEFT }, "Insert column left"),
-      h("vega-dropdown-item", { itemKey: ColumnOperationType.ADD_COLUMN_RIGHT }, "Insert column right"),
-      h("vega-dropdown-item", { itemKey: ColumnOperationType.DELETE_COLUMN, disabled: this.allColumnSelected(this.selectedCells) }, "Delete column"),
-      h("vega-dropdown-item", { itemKey: ColumnOperationType.SELECT_COLUMN }, "Select column")));
+      h("vega-dropdown-item", { itemKey: ColumnOperationType.HEADER_COLUMN, label: "Header Column" },
+        h("vega-flex", { alignItems: "center", gap: "size-8", "aria-hidden": "true" },
+          h("vega-toggle-switch", { checked: isHeaderColumnSelected, size: "small", label: "Header Column" }))),
+      h("vega-dropdown-item", { itemKey: ColumnOperationType.ADD_COLUMN_LEFT, label: "Insert column left" }, "Insert column left"),
+      h("vega-dropdown-item", { itemKey: ColumnOperationType.ADD_COLUMN_RIGHT, label: "Insert column right" }, "Insert column right"),
+      h("vega-dropdown-item", { itemKey: ColumnOperationType.DELETE_COLUMN, label: "Delete column", disabled: this.allColumnSelected(this.selectedCells) }, "Delete column"),
+      h("vega-dropdown-item", { itemKey: ColumnOperationType.SELECT_COLUMN, label: "Select column" }, "Select column")));
   }
   /**
    * Determine if all columns are selected based on the selected cell range.
@@ -1157,7 +1192,7 @@ class ColumnButtonSlimmer extends TableSettingButtonSlimmer {
     return maxCol - minCol + 1 === tableCount;
   }
 }
-__decorate$2([
+__decorate$3([
   MapToComponentField({ writable: true })
 ], ColumnButtonSlimmer.prototype, "isColumnDropdownOpen", void 0);
 
@@ -1170,6 +1205,7 @@ class TablePropertiesButtonSlimmer extends TableSettingButtonSlimmer {
       icon: 'rte-table-properties',
       title: 'table properties',
       showArrowIcon: false,
+      ariaLabel: 'Table Properties',
     });
   }
   renderBtnWrapper(renderBtn) {
@@ -1186,6 +1222,12 @@ class TablePropertiesButtonSlimmer extends TableSettingButtonSlimmer {
   }
 }
 
+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;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 /**
  * Slimmer dedicated to building the row button.
  */
@@ -1195,14 +1237,20 @@ class RowButtonSlimmer extends TableSettingButtonSlimmer {
       icon: 'rte-table-row',
       title: 'Row',
       showArrowIcon: true,
+      ariaLabel: 'Row Operations',
     });
     this.handleDropdownItemClick = (input) => {
       this.emitClickEvent([TableSettingType.ROW, input.detail]);
     };
+    this.handleDropdownVisibilityChange = ({ eventName }) => {
+      this.isRowDropdownOpen = eventName.toLocaleLowerCase().indexOf('show') >= 0;
+    };
   }
   renderBtnWrapper(renderBtn) {
-    return (h("vega-dropdown", { minWidth: 180, trigger: "click", ref: (el) => {
+    return (h("vega-dropdown", { role: "presentation", isScreenPosition: true, minWidth: 180, 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()));
@@ -1224,14 +1272,13 @@ class RowButtonSlimmer extends TableSettingButtonSlimmer {
   renderActionList() {
     const shouldChecked = this.areSelectedRowsHeaderRows();
     return (h("div", { tabIndex: 0, role: "menu", slot: "items", onMouseDown: this.preventDefaultEvent, onKeyDown: this.preventDefaultEvent },
-      h("vega-dropdown-item", { itemKey: RowOperationType.HEADER_ROW },
-        h("vega-flex", { alignItems: "center", direction: "row", gap: "size-8" },
-          h("vega-toggle-switch", { key: shouldChecked.toString(), size: "small", checked: shouldChecked }),
-          h("span", null, "Header row"))),
-      h("vega-dropdown-item", { itemKey: RowOperationType.ADD_ROW_ABOVE }, "Insert row above"),
-      h("vega-dropdown-item", { itemKey: RowOperationType.ADD_ROW_BELOW }, "Insert row below"),
-      h("vega-dropdown-item", { disabled: this.areAllRowsSelected(), itemKey: RowOperationType.DELETE_ROW }, "Delete row"),
-      h("vega-dropdown-item", { itemKey: RowOperationType.SELECT_ROW }, "Select row")));
+      h("vega-dropdown-item", { itemKey: RowOperationType.HEADER_ROW, label: "Header Row" },
+        h("vega-flex", { alignItems: "center", direction: "row", gap: "size-8", "aria-hidden": "true" },
+          h("vega-toggle-switch", { key: shouldChecked.toString(), size: "small", checked: shouldChecked, label: "Header Row" }))),
+      h("vega-dropdown-item", { itemKey: RowOperationType.ADD_ROW_ABOVE, label: "Insert row above" }, "Insert row above"),
+      h("vega-dropdown-item", { itemKey: RowOperationType.ADD_ROW_BELOW, label: "Insert row below" }, "Insert row below"),
+      h("vega-dropdown-item", { disabled: this.areAllRowsSelected(), itemKey: RowOperationType.DELETE_ROW, label: "Delete row" }, "Delete row"),
+      h("vega-dropdown-item", { itemKey: RowOperationType.SELECT_ROW, label: "Select row" }, "Select row")));
   }
   /**
    * Check if all selected rows are header rows.
@@ -1279,6 +1326,9 @@ class RowButtonSlimmer extends TableSettingButtonSlimmer {
     return Array.from(selectedRows);
   }
 }
+__decorate$2([
+  MapToComponentField({ writable: true })
+], RowButtonSlimmer.prototype, "isRowDropdownOpen", void 0);
 
 /**
  * Slimmer dedicated to building the merge cells button.
@@ -1289,6 +1339,7 @@ class CellPropertiesButtonSlimmer extends TableSettingButtonSlimmer {
       icon: 'rte-table-cell-properties',
       title: 'cell properties',
       showArrowIcon: false,
+      ariaLabel: 'Cell Properties',
     });
   }
   renderBtnWrapper(renderBtn) {
@@ -1320,6 +1371,7 @@ class MergeCellsButtonSlimmer extends TableSettingButtonSlimmer {
       icon: 'rte-table-merge-cells',
       title: 'Merge cells',
       showArrowIcon: true,
+      ariaLabel: 'Merge Cells',
     });
     this.handleDropdownItemClick = (input) => {
       if (Object.values(SplitCellOperationType).includes(input.detail)) {
@@ -1333,7 +1385,7 @@ class MergeCellsButtonSlimmer extends TableSettingButtonSlimmer {
     };
   }
   renderBtnWrapper(renderBtn) {
-    return (h("vega-dropdown", { minWidth: 150, trigger: "click", ref: (el) => {
+    return (h("vega-dropdown", { role: "presentation", 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);
@@ -1366,13 +1418,13 @@ class MergeCellsButtonSlimmer extends TableSettingButtonSlimmer {
   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")));
+      h("vega-dropdown-item", { itemKey: MergeCellsOperationType.MERGE_CELLS, label: "Merge cells" }, "Merge cells"),
+      h("vega-dropdown-item", { itemKey: MergeCellsOperationType.MERGE_CELL_UP, label: "Merge cell up", disabled: disabledMap[MergeCellsOperationType.MERGE_CELL_UP] }, "Merge cell up"),
+      h("vega-dropdown-item", { itemKey: MergeCellsOperationType.MERGE_CELL_RIGHT, label: "Merge cell right", disabled: disabledMap[MergeCellsOperationType.MERGE_CELL_RIGHT] }, "Merge cell right"),
+      h("vega-dropdown-item", { itemKey: MergeCellsOperationType.MERGE_CELL_DOWN, label: "Merge cell down", disabled: disabledMap[MergeCellsOperationType.MERGE_CELL_DOWN] }, "Merge cell down"),
+      h("vega-dropdown-item", { itemKey: MergeCellsOperationType.MERGE_CELL_LEFT, label: "Merge cell left", disabled: disabledMap[MergeCellsOperationType.MERGE_CELL_LEFT] }, "Merge cell left"),
+      h("vega-dropdown-item", { itemKey: SplitCellOperationType.SPLIT_CELL_VERTICALLY, label: "Split cell vertically", disabled: !this.selectSingleCell() }, "Split cell vertically"),
+      h("vega-dropdown-item", { itemKey: SplitCellOperationType.SPLIT_CELL_HORIZONTALLY, label: "Split cell horizontally", disabled: !this.selectSingleCell() }, "Split cell horizontally")));
   }
   selectSingleCell() {
     return this.selectedCells.length === 1;
@@ -1414,7 +1466,7 @@ __decorate$1([
   MapToComponentField({ writable: true })
 ], MergeCellsButtonSlimmer.prototype, "isMergeCellsDropdownOpen", void 0);
 
-const vegaRichTextTableSettingCss = ":host .rte-table-setting-item{border:none;padding-top:4px;padding-bottom:4px;padding-left:4px;padding-right:4px;cursor:pointer;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}:host .rte-table-setting-item:not(.rte-table-setting-item-disabled,.rte-table-setting-item-selected):hover{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host .rte-table-setting-item-disabled{cursor:default}:host .rte-table-setting-item-selected{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}";
+const vegaRichTextTableSettingCss = ":host .rte-table-setting-content{display:flex;gap:8px;align-items:center}:host .rte-table-setting-item{border:none;border-radius:4px;padding-top:4px;padding-bottom:4px;padding-left:4px;padding-right:4px;cursor:pointer;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}:host .rte-table-setting-item:focus{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:-1px}:host .rte-table-setting-item:not(.rte-table-setting-item-disabled,.rte-table-setting-item-selected):hover{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host .rte-table-setting-item-disabled{cursor:default}:host .rte-table-setting-item-selected{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}";
 
 var __decorate = (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;
@@ -1441,6 +1493,7 @@ const VegaRichTextTableSetting = class {
     this.cellPropertiesButtonSlimmer = new CellPropertiesButtonSlimmer();
     this.mergeCellsButtonSlimmer = new MergeCellsButtonSlimmer();
     this.isColumnDropdownOpen = false;
+    this.isRowDropdownOpen = false;
     this.isMergeCellsDropdownOpen = false;
     /**
      * Indicates whether the current table already has a caption.