@globalpayments/vega 2.99.0 → 2.100.0

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

@@ -5,23 +5,24 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-58ea899e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
-const translationSlimmer = require('./translation-slimmer-e4997f8f.js');
+const translationSlimmer = require('./translation-slimmer-31cd5a57.js');
 const component = require('./component-1e352960.js');
 const internalIconManager = require('./internal-icon-manager-40bcac72.js');
 const alignLeft = require('./align-left-4a76df69.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e0ac8467.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
-const accessibility = require('./accessibility-88f8af84.js');
-const splitCellOperation = require('./split-cell-operation-11bfb305.js');
+const accessibility = require('./accessibility-6ca2a237.js');
+const splitCellOperation = require('./split-cell-operation-ef783850.js');
 const darkModeStyleController = require('./dark-mode-style-controller-f3da3342.js');
 const darkModeStateControllerSlimmer = require('./dark-mode-state-controller-slimmer-b454645a.js');
+const ariaAttributesValueMapper = require('./aria-attributes-value-mapper-e8c6b0e0.js');
 const ui = require('./ui-c91c37a7.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-a19430dd.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-0a4e556d.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
 const vegaInternalEventId = require('./vega-internal-event-id-f4d33037.js');
 const array = require('./array-249289f2.js');
-require('./internal-translation-controller-51f7f865.js');
+require('./internal-translation-controller-27bfc8c7.js');
 require('./change-manager-a297e4d2.js');
 require('./static-subject-title-70c73b16.js');
 require('./icon-manager-be358b32.js');
@@ -33,19 +34,20 @@ require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-c19d0b58.js');
 require('./index-3ca118c4.js');
 require('./observer-f49483e8.js');
-require('./code-block-ea1f5eb3.js');
+require('./code-block-3b42c364.js');
 require('./string-39438062.js');
-require('./type-guard-b8d7bb3f.js');
+require('./type-guard-00b8efc0.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');
 require('./object-b53e9416.js');
-require('./content-state-8d07d530.js');
+require('./content-state-87a06c1a.js');
 require('./tinycolor-polyfill-502efaa8.js');
 require('./vega-nonce-manager-df69d3ed.js');
 require('./try-get-document-c0ebd39a.js');
 require('./index-5d1adcd1.js');
-require('./keyboard-manager-482fe257.js');
+require('./mutation-observer-slimmer-749d5020.js');
+require('./keyboard-manager-16e96b62.js');
 require('./number-4816603d.js');
 
 const AlignTop = {
@@ -72,7 +74,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;
@@ -158,20 +160,20 @@ class VegaRichTextTablePropertiesRenderer extends globalSlimmerRegistry.VegaSlim
     'objects-align-right': ObjectsAlignRight,
   });
 })();
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextTablePropertiesRenderer.prototype, "type", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextTablePropertiesRenderer.prototype, "tableFormRenderer", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextTablePropertiesRenderer.prototype, "cellFormRenderer", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.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;
@@ -222,14 +224,14 @@ class TableColorController extends globalSlimmerRegistry.VegaSlimmer {
     return result;
   }
 }
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField()
 ], TableColorController.prototype, "colors", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.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;
@@ -406,11 +408,11 @@ class VegaRichTextTablePropertiesBaseFormFieldRenderer extends globalSlimmerRegi
       index.h("vega-input", { ref: this.handleFormChange, "data-vega-form": "height", label: "Height", validationRules: this.dimensionFieldValidationRule }),
       withPadding && (index.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 (index.h("vega-flex", { direction: "row", gap: "0", class: "text-alignment-button-group" },
       index.h("vega-input", { ref: this.handleFormChange, "data-vega-form": formFieldName, type: "hidden" }),
       alignmentList.map((key) => {
-        return (index.h("button", { "data-id": key, "data-form-field-name": formFieldName, class: `text-alignment-${key}`, onClick: this.handleAlignmentButtonClick },
+        return (index.h("button", { "data-id": key, "data-form-field-name": formFieldName, class: `text-alignment-${key}`, "aria-label": ariaLabelMap[key], onClick: this.handleAlignmentButtonClick },
           index.h("vega-icon", { icon: internalIconManager.VegaInternalIconManager.getIconKey(`${iconPrefix}${key}`) })));
       })));
   }
@@ -492,25 +494,28 @@ VegaRichTextTablePropertiesBaseFormFieldRenderer.TABLE_BORDER_STYLES = splitCell
   id: style,
   displayName: style.charAt(0).toUpperCase() + style.slice(1),
 }));
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextTablePropertiesBaseFormFieldRenderer.prototype, "controller", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextTablePropertiesBaseFormFieldRenderer.prototype, "defaultValue", void 0);
-__decorate$a([
+__decorate$b([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaRichTextTablePropertiesBaseFormFieldRenderer.prototype, "translationSlimmer", void 0);
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextTablePropertiesBaseFormFieldRenderer.prototype, "renderer", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextTablePropertiesBaseFormFieldRenderer.prototype, "styleMap", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextTablePropertiesBaseFormFieldRenderer.prototype, "vegaChange", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextTablePropertiesBaseFormFieldRenderer.prototype, "vegaCancel", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextTablePropertiesBaseFormFieldRenderer.prototype, "vegaSave", void 0);
 
@@ -565,11 +570,15 @@ class VegaRichTextTablePropertiesFormFieldRenderer extends VegaRichTextTableProp
   renderTextAlignmentField() {
     return (index.h("div", { class: "text-alignment-container" },
       index.h("vega-font", { variant: "font-field-label", color: "text-primary" }, "Alignment"),
-      index.h("vega-flex", { direction: "row", gap: "size-16" }, this.renderAlignmentField(['left', 'center', 'right'], 'objects-align-', 'textAlign'))));
+      index.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;
@@ -642,8 +651,17 @@ class VegaRichTextCellPropertiesFormFieldRenderer extends VegaRichTextTablePrope
     return (index.h("div", { class: "text-alignment-container" },
       index.h("vega-font", { variant: "font-field-label", color: "text-primary" }, "Text Alignment"),
       index.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.
@@ -667,13 +685,13 @@ class VegaRichTextCellPropertiesFormFieldRenderer extends VegaRichTextTablePrope
     this.changesNeedApply = {};
   }
 }
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.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);
@@ -697,6 +715,17 @@ const VegaRichTextTableProperties = class {
     this.cellFormRenderer = new VegaRichTextCellPropertiesFormFieldRenderer();
     this.controller = new TableColorController();
     this.darkModeStateSlimmer = new darkModeStateControllerSlimmer.DarkModeStateControllerSlimmer();
+    this.ariaAttributesValueMapper = new ariaAttributesValueMapper.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.ChildNodesEventPreventSlimmer([vegaEventId.VegaChange], () => this.renderer.getFormRef());
     this.isInDarkMode = darkModeStyleController.VegaInternalThemeManager.isDarkMode();
     /**
@@ -711,43 +740,46 @@ const VegaRichTextTableProperties = class {
   watchDefaultValueChange(newValue) {
   }
   render() {
-    return component.sanitizeVegaComponent(index.h(index.Host, null, this.renderer.render()), this.host);
+    return component.sanitizeVegaComponent(index.h(index.Host, { role: "form" }, this.renderer.render()), this.host);
   }
   get host() { return index.getElement(this); }
   static get watchers() { return {
     "defaultValue": ["watchDefaultValueChange"]
   }; }
 };
-__decorate$8([
+__decorate$9([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
 ], VegaRichTextTableProperties.prototype, "globalSlimmers", void 0);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaRichTextTableProperties.prototype, "translationSlimmer", void 0);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaRichTextTableProperties.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaRichTextTableProperties.prototype, "renderer", void 0);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaRichTextTableProperties.prototype, "tableFormRenderer", void 0);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaRichTextTableProperties.prototype, "cellFormRenderer", void 0);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaRichTextTableProperties.prototype, "controller", void 0);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaRichTextTableProperties.prototype, "darkModeStateSlimmer", void 0);
-__decorate$8([
+__decorate$9([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaRichTextTableProperties.prototype, "ariaAttributesValueMapper", void 0);
+__decorate$9([
   globalSlimmerRegistry.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;
@@ -812,23 +844,23 @@ class SelectionWidgetRenderer extends globalSlimmerRegistry.VegaSlimmer {
         index.h("slot", null))));
   }
 }
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentField()
 ], SelectionWidgetRenderer.prototype, "host", void 0);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], SelectionWidgetRenderer.prototype, "isSelected", void 0);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], SelectionWidgetRenderer.prototype, "connectedCallback", null);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], SelectionWidgetRenderer.prototype, "disconnectedCallback", null);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.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;
@@ -856,16 +888,16 @@ class SelectionWidgetKeyboardController extends keyboardManagerSlimmer.KeyboardM
     };
   }
 }
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], SelectionWidgetKeyboardController.prototype, "vegaRemove", void 0);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.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);
@@ -895,21 +927,21 @@ const VegaRichTextTableSelectionWidget = class {
     "isSelected": ["watchIsSelected"]
   }; }
 };
-__decorate$5([
+__decorate$6([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
 ], VegaRichTextTableSelectionWidget.prototype, "globalSlimmers", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaRichTextTableSelectionWidget.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaRichTextTableSelectionWidget.prototype, "selectionWidgetRenderer", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.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;
@@ -925,7 +957,7 @@ const buttonList = [
 ];
 class VegaRichTextTableSettingRenderer extends globalSlimmerRegistry.VegaSlimmer {
   render() {
-    return (index.h("vega-flex", { gap: "size-8", class: "rte-table-setting-content" }, buttonList.map((item) => this.renderButton(item))));
+    return (index.h("div", { class: "rte-table-setting-content" }, buttonList.map((item) => this.renderButton(item))));
   }
   renderButton(item) {
     switch (item) {
@@ -944,22 +976,22 @@ class VegaRichTextTableSettingRenderer extends globalSlimmerRegistry.VegaSlimmer
     }
   }
 }
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextTableSettingRenderer.prototype, "captionButtonSlimmer", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextTableSettingRenderer.prototype, "columnButtonSlimmer", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextTableSettingRenderer.prototype, "rowButtonSlimmer", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextTableSettingRenderer.prototype, "tablePropertiesButtonSlimmer", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextTableSettingRenderer.prototype, "cellPropertiesButtonSlimmer", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextTableSettingRenderer.prototype, "mergeCellsButtonSlimmer", void 0);
 
@@ -984,20 +1016,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 globalSlimmerRegistry.VegaSlimmer {
-  constructor({ icon, title, showArrowIcon }) {
+  constructor({ icon, title, showArrowIcon, ariaLabel }) {
     super();
     this.renderBtn = () => {
       const selected = this.isSelected();
       const disable = this.isDisabled();
-      return (index.h("vega-tooltip", { key: `table-setting-${this.icon}`, text: this.getTitle(), placement: ['bottom', 'top'], trigger: "hover" },
-        index.h("button", { type: "button", class: {
+      return (index.h("vega-tooltip", { role: "presentation", key: `table-setting-${this.icon}`, text: this.getTitle(), placement: ['bottom', 'top'], trigger: "hover" },
+        index.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,
@@ -1009,13 +1041,14 @@ class TableSettingButtonSlimmer extends globalSlimmerRegistry.VegaSlimmer {
             }
             this.handleClick(event);
           }, onKeyDown: this.preventDefaultEvent, onMouseDown: this.preventDefaultEvent },
-          index.h("vega-flex", { alignItems: "center", justifyContent: "center" },
+          index.h("vega-flex", { alignItems: "center", justifyContent: "center", "aria-hidden": "true" },
             index.h("vega-icon", { icon: internalIconManager.VegaInternalIconManager.getIconKey(this.icon), size: "size-16", color: this.getIconColor() }),
             this.showArrowIcon ? (index.h("vega-icon", { size: "size-8", style: { marginLeft: '8px' }, icon: internalIconManager.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'
@@ -1048,13 +1081,13 @@ class TableSettingButtonSlimmer extends globalSlimmerRegistry.VegaSlimmer {
     return 'text-primary';
   }
 }
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.MapToComponentField()
 ], TableSettingButtonSlimmer.prototype, "hasCaption", void 0);
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.MapToComponentField()
 ], TableSettingButtonSlimmer.prototype, "vegaClick", void 0);
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.MapToComponentField()
 ], TableSettingButtonSlimmer.prototype, "selectedCells", void 0);
 
@@ -1067,6 +1100,7 @@ class CaptionButtonSlimmer extends TableSettingButtonSlimmer {
       icon: 'rte-table-caption',
       title: 'caption off',
       showArrowIcon: false,
+      ariaLabel: 'Insert/Edit Caption',
     });
   }
   isSelected() {
@@ -1084,7 +1118,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;
@@ -1099,6 +1133,7 @@ class ColumnButtonSlimmer extends TableSettingButtonSlimmer {
       icon: 'rte-table-column',
       title: 'Column',
       showArrowIcon: true,
+      ariaLabel: 'Column Operations',
     });
     this.handleDropdownItemClick = (input) => {
       this.emitClickEvent([splitCellOperation.TableSettingType.COLUMN, input.detail]);
@@ -1108,7 +1143,7 @@ class ColumnButtonSlimmer extends TableSettingButtonSlimmer {
     };
   }
   renderBtnWrapper(renderBtn) {
-    return (index.h("vega-dropdown", { minWidth: 210, trigger: "click", ref: (el) => {
+    return (index.h("vega-dropdown", { role: "presentation", isScreenPosition: true, minWidth: 210, trigger: "click", ref: (el) => {
         domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, vegaEventId.VegaDropdownClick, this.handleDropdownItemClick);
         domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, vegaEventId.VegaDropdownShow, this.handleDropdownVisibilityChange);
         domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, vegaEventId.VegaDropdownHide, this.handleDropdownVisibilityChange);
@@ -1131,15 +1166,15 @@ class ColumnButtonSlimmer extends TableSettingButtonSlimmer {
    * @returns {HTMLElement} The action list element.
    */
   renderActionList() {
+    const isHeaderColumnSelected = splitCellOperation.ToggleHeaderTableColumnStrategy.isFullHeaderSelection(this.selectedCells);
     return (index.h("div", { tabIndex: 0, role: "menu", slot: "items", onMouseDown: this.preventDefaultEvent, onKeyDown: this.preventDefaultEvent },
-      index.h("vega-dropdown-item", { itemKey: splitCellOperation.ColumnOperationType.HEADER_COLUMN },
-        index.h("vega-flex", { alignItems: "center", gap: "size-8" },
-          index.h("vega-toggle-switch", { checked: splitCellOperation.ToggleHeaderTableColumnStrategy.isFullHeaderSelection(this.selectedCells), size: "small" }),
-          "Header Column")),
-      index.h("vega-dropdown-item", { itemKey: splitCellOperation.ColumnOperationType.ADD_COLUMN_LEFT }, "Insert column left"),
-      index.h("vega-dropdown-item", { itemKey: splitCellOperation.ColumnOperationType.ADD_COLUMN_RIGHT }, "Insert column right"),
-      index.h("vega-dropdown-item", { itemKey: splitCellOperation.ColumnOperationType.DELETE_COLUMN, disabled: this.allColumnSelected(this.selectedCells) }, "Delete column"),
-      index.h("vega-dropdown-item", { itemKey: splitCellOperation.ColumnOperationType.SELECT_COLUMN }, "Select column")));
+      index.h("vega-dropdown-item", { itemKey: splitCellOperation.ColumnOperationType.HEADER_COLUMN, label: "Header Column" },
+        index.h("vega-flex", { alignItems: "center", gap: "size-8", "aria-hidden": "true" },
+          index.h("vega-toggle-switch", { checked: isHeaderColumnSelected, size: "small", label: "Header Column" }))),
+      index.h("vega-dropdown-item", { itemKey: splitCellOperation.ColumnOperationType.ADD_COLUMN_LEFT, label: "Insert column left" }, "Insert column left"),
+      index.h("vega-dropdown-item", { itemKey: splitCellOperation.ColumnOperationType.ADD_COLUMN_RIGHT, label: "Insert column right" }, "Insert column right"),
+      index.h("vega-dropdown-item", { itemKey: splitCellOperation.ColumnOperationType.DELETE_COLUMN, label: "Delete column", disabled: this.allColumnSelected(this.selectedCells) }, "Delete column"),
+      index.h("vega-dropdown-item", { itemKey: splitCellOperation.ColumnOperationType.SELECT_COLUMN, label: "Select column" }, "Select column")));
   }
   /**
    * Determine if all columns are selected based on the selected cell range.
@@ -1161,7 +1196,7 @@ class ColumnButtonSlimmer extends TableSettingButtonSlimmer {
     return maxCol - minCol + 1 === tableCount;
   }
 }
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], ColumnButtonSlimmer.prototype, "isColumnDropdownOpen", void 0);
 
@@ -1174,6 +1209,7 @@ class TablePropertiesButtonSlimmer extends TableSettingButtonSlimmer {
       icon: 'rte-table-properties',
       title: 'table properties',
       showArrowIcon: false,
+      ariaLabel: 'Table Properties',
     });
   }
   renderBtnWrapper(renderBtn) {
@@ -1190,6 +1226,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.
  */
@@ -1199,14 +1241,20 @@ class RowButtonSlimmer extends TableSettingButtonSlimmer {
       icon: 'rte-table-row',
       title: 'Row',
       showArrowIcon: true,
+      ariaLabel: 'Row Operations',
     });
     this.handleDropdownItemClick = (input) => {
       this.emitClickEvent([splitCellOperation.TableSettingType.ROW, input.detail]);
     };
+    this.handleDropdownVisibilityChange = ({ eventName }) => {
+      this.isRowDropdownOpen = eventName.toLocaleLowerCase().indexOf('show') >= 0;
+    };
   }
   renderBtnWrapper(renderBtn) {
-    return (index.h("vega-dropdown", { minWidth: 180, trigger: "click", ref: (el) => {
+    return (index.h("vega-dropdown", { role: "presentation", isScreenPosition: true, minWidth: 180, trigger: "click", ref: (el) => {
         domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, vegaEventId.VegaDropdownClick, this.handleDropdownItemClick);
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, vegaEventId.VegaDropdownShow, this.handleDropdownVisibilityChange);
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, vegaEventId.VegaDropdownHide, this.handleDropdownVisibilityChange);
       } },
       renderBtn(),
       this.renderActionList()));
@@ -1228,14 +1276,13 @@ class RowButtonSlimmer extends TableSettingButtonSlimmer {
   renderActionList() {
     const shouldChecked = this.areSelectedRowsHeaderRows();
     return (index.h("div", { tabIndex: 0, role: "menu", slot: "items", onMouseDown: this.preventDefaultEvent, onKeyDown: this.preventDefaultEvent },
-      index.h("vega-dropdown-item", { itemKey: splitCellOperation.RowOperationType.HEADER_ROW },
-        index.h("vega-flex", { alignItems: "center", direction: "row", gap: "size-8" },
-          index.h("vega-toggle-switch", { key: shouldChecked.toString(), size: "small", checked: shouldChecked }),
-          index.h("span", null, "Header row"))),
-      index.h("vega-dropdown-item", { itemKey: splitCellOperation.RowOperationType.ADD_ROW_ABOVE }, "Insert row above"),
-      index.h("vega-dropdown-item", { itemKey: splitCellOperation.RowOperationType.ADD_ROW_BELOW }, "Insert row below"),
-      index.h("vega-dropdown-item", { disabled: this.areAllRowsSelected(), itemKey: splitCellOperation.RowOperationType.DELETE_ROW }, "Delete row"),
-      index.h("vega-dropdown-item", { itemKey: splitCellOperation.RowOperationType.SELECT_ROW }, "Select row")));
+      index.h("vega-dropdown-item", { itemKey: splitCellOperation.RowOperationType.HEADER_ROW, label: "Header Row" },
+        index.h("vega-flex", { alignItems: "center", direction: "row", gap: "size-8", "aria-hidden": "true" },
+          index.h("vega-toggle-switch", { key: shouldChecked.toString(), size: "small", checked: shouldChecked, label: "Header Row" }))),
+      index.h("vega-dropdown-item", { itemKey: splitCellOperation.RowOperationType.ADD_ROW_ABOVE, label: "Insert row above" }, "Insert row above"),
+      index.h("vega-dropdown-item", { itemKey: splitCellOperation.RowOperationType.ADD_ROW_BELOW, label: "Insert row below" }, "Insert row below"),
+      index.h("vega-dropdown-item", { disabled: this.areAllRowsSelected(), itemKey: splitCellOperation.RowOperationType.DELETE_ROW, label: "Delete row" }, "Delete row"),
+      index.h("vega-dropdown-item", { itemKey: splitCellOperation.RowOperationType.SELECT_ROW, label: "Select row" }, "Select row")));
   }
   /**
    * Check if all selected rows are header rows.
@@ -1283,6 +1330,9 @@ class RowButtonSlimmer extends TableSettingButtonSlimmer {
     return Array.from(selectedRows);
   }
 }
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentField({ writable: true })
+], RowButtonSlimmer.prototype, "isRowDropdownOpen", void 0);
 
 /**
  * Slimmer dedicated to building the merge cells button.
@@ -1293,6 +1343,7 @@ class CellPropertiesButtonSlimmer extends TableSettingButtonSlimmer {
       icon: 'rte-table-cell-properties',
       title: 'cell properties',
       showArrowIcon: false,
+      ariaLabel: 'Cell Properties',
     });
   }
   renderBtnWrapper(renderBtn) {
@@ -1324,6 +1375,7 @@ class MergeCellsButtonSlimmer extends TableSettingButtonSlimmer {
       icon: 'rte-table-merge-cells',
       title: 'Merge cells',
       showArrowIcon: true,
+      ariaLabel: 'Merge Cells',
     });
     this.handleDropdownItemClick = (input) => {
       if (Object.values(splitCellOperation.SplitCellOperationType).includes(input.detail)) {
@@ -1337,7 +1389,7 @@ class MergeCellsButtonSlimmer extends TableSettingButtonSlimmer {
     };
   }
   renderBtnWrapper(renderBtn) {
-    return (index.h("vega-dropdown", { minWidth: 150, trigger: "click", ref: (el) => {
+    return (index.h("vega-dropdown", { role: "presentation", isScreenPosition: true, minWidth: 150, trigger: "click", ref: (el) => {
         domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, vegaEventId.VegaDropdownClick, this.handleDropdownItemClick);
         domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, vegaEventId.VegaDropdownShow, this.handleDropdownVisibilityChange);
         domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, vegaEventId.VegaDropdownHide, this.handleDropdownVisibilityChange);
@@ -1370,13 +1422,13 @@ class MergeCellsButtonSlimmer extends TableSettingButtonSlimmer {
   renderActionList() {
     const disabledMap = this.getMergeDirectionDisabledMap();
     return (index.h("div", { tabIndex: 0, role: "menu", slot: "items", onMouseDown: this.preventDefaultEvent, onKeyDown: this.preventDefaultEvent },
-      index.h("vega-dropdown-item", { itemKey: splitCellOperation.MergeCellsOperationType.MERGE_CELLS }, "Merge cells"),
-      index.h("vega-dropdown-item", { itemKey: splitCellOperation.MergeCellsOperationType.MERGE_CELL_UP, disabled: disabledMap[splitCellOperation.MergeCellsOperationType.MERGE_CELL_UP] }, "Merge cell up"),
-      index.h("vega-dropdown-item", { itemKey: splitCellOperation.MergeCellsOperationType.MERGE_CELL_RIGHT, disabled: disabledMap[splitCellOperation.MergeCellsOperationType.MERGE_CELL_RIGHT] }, "Merge cell right"),
-      index.h("vega-dropdown-item", { itemKey: splitCellOperation.MergeCellsOperationType.MERGE_CELL_DOWN, disabled: disabledMap[splitCellOperation.MergeCellsOperationType.MERGE_CELL_DOWN] }, "Merge cell down"),
-      index.h("vega-dropdown-item", { itemKey: splitCellOperation.MergeCellsOperationType.MERGE_CELL_LEFT, disabled: disabledMap[splitCellOperation.MergeCellsOperationType.MERGE_CELL_LEFT] }, "Merge cell left"),
-      index.h("vega-dropdown-item", { itemKey: splitCellOperation.SplitCellOperationType.SPLIT_CELL_VERTICALLY, disabled: !this.selectSingleCell() }, "Split cell vertically"),
-      index.h("vega-dropdown-item", { itemKey: splitCellOperation.SplitCellOperationType.SPLIT_CELL_HORIZONTALLY, disabled: !this.selectSingleCell() }, "Split cell horizontally")));
+      index.h("vega-dropdown-item", { itemKey: splitCellOperation.MergeCellsOperationType.MERGE_CELLS, label: "Merge cells" }, "Merge cells"),
+      index.h("vega-dropdown-item", { itemKey: splitCellOperation.MergeCellsOperationType.MERGE_CELL_UP, label: "Merge cell up", disabled: disabledMap[splitCellOperation.MergeCellsOperationType.MERGE_CELL_UP] }, "Merge cell up"),
+      index.h("vega-dropdown-item", { itemKey: splitCellOperation.MergeCellsOperationType.MERGE_CELL_RIGHT, label: "Merge cell right", disabled: disabledMap[splitCellOperation.MergeCellsOperationType.MERGE_CELL_RIGHT] }, "Merge cell right"),
+      index.h("vega-dropdown-item", { itemKey: splitCellOperation.MergeCellsOperationType.MERGE_CELL_DOWN, label: "Merge cell down", disabled: disabledMap[splitCellOperation.MergeCellsOperationType.MERGE_CELL_DOWN] }, "Merge cell down"),
+      index.h("vega-dropdown-item", { itemKey: splitCellOperation.MergeCellsOperationType.MERGE_CELL_LEFT, label: "Merge cell left", disabled: disabledMap[splitCellOperation.MergeCellsOperationType.MERGE_CELL_LEFT] }, "Merge cell left"),
+      index.h("vega-dropdown-item", { itemKey: splitCellOperation.SplitCellOperationType.SPLIT_CELL_VERTICALLY, label: "Split cell vertically", disabled: !this.selectSingleCell() }, "Split cell vertically"),
+      index.h("vega-dropdown-item", { itemKey: splitCellOperation.SplitCellOperationType.SPLIT_CELL_HORIZONTALLY, label: "Split cell horizontally", disabled: !this.selectSingleCell() }, "Split cell horizontally")));
   }
   selectSingleCell() {
     return this.selectedCells.length === 1;
@@ -1418,7 +1470,7 @@ __decorate$1([
   globalSlimmerRegistry.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;
@@ -1445,6 +1497,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.