@globalpayments/vega 2.40.0 → 2.42.0

package/dist/esm/vega-popover_2.entry.js

@@ -1,32 +1,40 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-187f71d1.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
-import { I as InjectKeyboardManager } from './inject-keyboard-manager-b0135018.js';
+import { I as InjectKeyboardManager } from './inject-keyboard-manager-ab0bfb8b.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-385c7124.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-36cf4e39.js';
-import { d as domNodeSubjectFactory, L as VegaPopoverShow, M as VegaPopoverHide } from './dom-node-subject-factory-97deb349.js';
-import { E as ElementAppenderSlimmer } from './element-appender-slimmer-d9155ee0.js';
-import { r as remoteInvocationRegistry } from './remote-invocation-registry-1682b34e.js';
-import { l as VegaInternalPopoverUpdateTarget } from './vega-internal-event-id-f269c42f.js';
-import './keyboard-manager-4c898a0d.js';
-import './ui-62e4be97.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-acc7fbb7.js';
+import { d as domNodeSubjectFactory, L as VegaPopoverShow, M as VegaPopoverHide } from './dom-node-subject-factory-286df025.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-f425d203.js';
+import { r as remoteInvocationRegistry } from './remote-invocation-registry-0b330137.js';
+import { n as VegaInternalPopoverUpdateTarget } from './vega-internal-event-id-7809368b.js';
+import './keyboard-manager-8c4ef91b.js';
+import './ui-ed1283bb.js';
 import './dynamic-slimmer-90b8af32.js';
 import './change-manager-6a7eb88c.js';
-import './dom-node-subject-observer-factory-857c65fa.js';
-import './observer-3959f9dd.js';
-import './internal-vega-event-manager-0a01ba12.js';
-import './internal-vega-z-index-manager-7d2b54c3.js';
-import './number-4398f2e1.js';
-import './page-resize-observer-slimmer-beb7b0bd.js';
-import './breakpoints-91116111.js';
+import './dom-node-subject-observer-factory-d661fc7c.js';
+import './internal-vega-event-manager-d2c962d2.js';
+import './vega-skeleton-loader-controller-722a41c2.js';
+import './create-public-api-runtime-metrics-slimmer-8ada793f.js';
+import './page-resize-observer-slimmer-15a84d26.js';
 import './ui-8424715a.js';
 import './breakpoints-d9faf11c.js';
+import './number-4398f2e1.js';
 import './type-guard-158f6d7a.js';
 import './regex-dfe11abf.js';
 import './typography-396de03f.js';
-import './responsive-format-facade-661193d7.js';
+import './responsive-format-facade-cf37ffd2.js';
 import './pixel-f32c07ce.js';
-import './static-subject-title-8268945e.js';
+import './array-3113609f.js';
+import './vega-env-manager-8f8dc473.js';
+import './feature-flag-controller-723f1ff5.js';
+import './index-44c794b4.js';
+import './_commonjsHelpers-9943807e.js';
+import './content-state-2de41bc0.js';
+import './static-subject-title-249c76cd.js';
+import './icon-manager-638dd4d4.js';
+import './wait-for-vega-handler-b18eb955.js';
+import './translation-a18bc15e.js';
 
 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;
@@ -48,7 +56,7 @@ class VegaPopoverAppenderRenderer extends VegaSlimmer {
   /**
    * The function returns the HTML element representing the Vega Popover Content Box.
    *
-   * @returns {HTMLElement} An HTMLVegaPopoverContentBoxElement is being returned.
+   * @returns {HTMLVegaPopoverContentBoxElement} An HTMLVegaPopoverContentBoxElement is being returned.
    */
   getPopoverContentBox() {
     return this.popoverContentBox;
@@ -56,7 +64,7 @@ class VegaPopoverAppenderRenderer extends VegaSlimmer {
   /**
    * The `render` function returns a JSX element for a `vega-popover-content-box` component with a ref assigned to `this.popoverContentBox`.
    *
-   * @returns {HTMLElement} An HTMLVegaPopoverContentBoxElement element wrapped in a vega-popover-content-box component is being returned.
+   * @returns {HTMLVegaPopoverContentBoxElement} An HTMLVegaPopoverContentBoxElement element wrapped in a vega-popover-content-box component is being returned.
    */
   render() {
     return (h("vega-popover-content-box", { ref: (el) => (this.popoverContentBox = el), showArrow: this.showArrow }));

package/dist/esm/vega-progress-tracker.entry.js

@@ -1,18 +1,17 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-187f71d1.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-857c65fa.js';
-import { N as VegaCurrentStepUpdate, j as VegaPageUpdate } from './dom-node-subject-factory-97deb349.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-d661fc7c.js';
+import { N as VegaCurrentStepUpdate, j as VegaPageUpdate } from './dom-node-subject-factory-286df025.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { n as normalizeNumberByRanger } from './number-4398f2e1.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-385c7124.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-36cf4e39.js';
-import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-43d184b3.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-acc7fbb7.js';
+import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-32575f02.js';
 import './change-manager-6a7eb88c.js';
-import './observer-3959f9dd.js';
-import './ui-62e4be97.js';
+import './ui-ed1283bb.js';
 import './dynamic-slimmer-90b8af32.js';
-import './internal-vega-event-manager-0a01ba12.js';
+import './internal-vega-event-manager-d2c962d2.js';
 import './object-261e7344.js';
 
 const VegaProgressTrackerRuntimeMetricsPayloadDefinition = [

package/dist/esm/vega-radio_2.entry.js

@@ -2,40 +2,38 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { R as RADIO_VALUE_CHANGE, i as RADIO_GROUP_DISABLED_CHANGE, b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-8268945e.js';
-import { O as Observer } from './observer-3959f9dd.js';
-import { f as findParent } from './ui-62e4be97.js';
+import { R as RADIO_VALUE_CHANGE, i as RADIO_GROUP_DISABLED_CHANGE, b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-249c76cd.js';
+import { O as Observer, d as domNodeSubjectFactory, f as VegaChange, z as VegaFocus, A as VegaBlur } from './dom-node-subject-factory-286df025.js';
+import { f as findParent } from './ui-ed1283bb.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-385c7124.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-36cf4e39.js';
-import { d as domNodeSubjectFactory, f as VegaChange, z as VegaFocus, A as VegaBlur } from './dom-node-subject-factory-97deb349.js';
-import { c as VegaInternalFieldErrorStateChange } from './vega-internal-event-id-f269c42f.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-acc7fbb7.js';
+import { c as VegaInternalFieldErrorStateChange } from './vega-internal-event-id-7809368b.js';
 import { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
-import { C as ComponentLoadRequired } from './component-load-required-ce710ef5.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-bb64dec7.js';
-import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-36024b11.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-3220fa5b.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-f80d6835.js';
+import { C as ComponentLoadRequired } from './component-load-required-db42032a.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-d18d01da.js';
+import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-12d38571.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2f5824ee.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-6f5cb52a.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-6cef9549.js';
-import { T as TagNameMutationFilter } from './mutation-observer-filters-1035b064.js';
+import { T as TagNameMutationFilter } from './mutation-observer-filters-7ee2b410.js';
 import './dynamic-slimmer-90b8af32.js';
-import './dom-node-subject-observer-factory-857c65fa.js';
-import './internal-vega-event-manager-0a01ba12.js';
+import './dom-node-subject-observer-factory-d661fc7c.js';
+import './internal-vega-event-manager-d2c962d2.js';
 import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import './string-be824360.js';
-import './create-public-api-runtime-metrics-slimmer-9ab05523.js';
-import './translation-c08f2274.js';
-import './page-resize-observer-slimmer-beb7b0bd.js';
-import './breakpoints-91116111.js';
+import './create-public-api-runtime-metrics-slimmer-8ada793f.js';
+import './translation-a18bc15e.js';
+import './page-resize-observer-slimmer-15a84d26.js';
 import './ui-8424715a.js';
 import './breakpoints-d9faf11c.js';
-import './array-b668466e.js';
+import './array-3113609f.js';
 import './number-4398f2e1.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-4b3fe6f8.js';
+import './feature-flag-controller-723f1ff5.js';
 import './index-44c794b4.js';
 import './_commonjsHelpers-9943807e.js';
-import './keyboard-manager-4c898a0d.js';
+import './keyboard-manager-8c4ef91b.js';
 
 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;
@@ -373,7 +371,7 @@ class VegaRadioGroupKeyboardController extends KeyboardManagerSlimmer {
   /**
    * filter out disabled elements.
    *
-   * @returns {Nullable<HTMLElement[]>} radios element
+   * @returns {Nullable<HTMLVegaRadioElement[]> } radios element
    */
   getNotDisabledRadioArray() {
     const radios = Array.from(this.host.querySelectorAll('vega-radio'));
@@ -484,7 +482,7 @@ class VegaRadioGroupRadioItemsController extends VegaSlimmer {
   /**
    * The function returns an array of HTMLVegaRadioElement objects.
    *
-   * @returns {HTMLElement[]} An array of HTMLVegaRadioElement objects is being returned.
+   * @returns {HTMLVegaRadioElement[]} An array of HTMLVegaRadioElement objects is being returned.
    */
   getRadioItemsArray() {
     return this.vegaRadioArray;

package/dist/esm/vega-rich-text-content.entry.js

@@ -2,28 +2,28 @@ import { h, H as Host, r as registerInstance, g as getElement } from './index-18
 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-385c7124.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
-import { s as stateEntityRenderingRegistry, B as BlockAnnotation, N as NodeAnnotation, i as NodeAnnotationTypeEnum, Z as ZERO_WIDTH_SPACE, I as InternalAnnotationTypeEnum, L as LinkAnnotationAction, R as RTETextBlock, j as ImageAnnotation, b as RTEImageBlock, d as RTEListBlock, k as VegaDarkModeStyleController, a as VegaRTEContent } from './content-state-2edba4ec.js';
-import { T as TextNodeRenderingRegistry, I as ImageAnnotationAction, a as TextColorToolbarButtonSlimmer } from './image-annotation-action-b6668f48.js';
+import { s as stateEntityRenderingRegistry, B as BlockAnnotation, N as NodeAnnotation, i as NodeAnnotationTypeEnum, Z as ZERO_WIDTH_SPACE, I as InternalAnnotationTypeEnum, L as LinkAnnotationAction, R as RTETextBlock, j as ImageAnnotation, b as RTEImageBlock, d as RTEListBlock, k as VegaDarkModeStyleController, a as VegaRTEContent } from './content-state-2de41bc0.js';
+import { T as TextNodeRenderingRegistry, I as ImageAnnotationAction, a as TextColorToolbarButtonSlimmer } from './image-annotation-action-a0dd92ed.js';
 import { i as isNonNullable } from './type-guard-158f6d7a.js';
-import { g as generateUUID } from './create-public-api-runtime-metrics-slimmer-9ab05523.js';
+import { g as generateUUID } from './create-public-api-runtime-metrics-slimmer-8ada793f.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-857c65fa.js';
-import { f as VegaChange } from './dom-node-subject-factory-97deb349.js';
-import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-09452523.js';
-import { f as findParent } from './ui-62e4be97.js';
-import { a as waitForComponentDidRender } from './index-d172bafa.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-d661fc7c.js';
+import { f as VegaChange } from './dom-node-subject-factory-286df025.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-ada3467b.js';
+import { f as findParent } from './ui-ed1283bb.js';
+import { a as waitForComponentDidRender } from './index-4153fe96.js';
 import './change-manager-6a7eb88c.js';
-import './vega-internal-event-id-f269c42f.js';
+import './vega-internal-event-id-7809368b.js';
 import './_commonjsHelpers-9943807e.js';
-import './static-subject-title-8268945e.js';
-import './observer-3959f9dd.js';
-import './internal-icon-manager-900a5bb4.js';
-import './icon-manager-b889176b.js';
+import './static-subject-title-249c76cd.js';
+import './internal-icon-manager-c05720ca.js';
+import './icon-manager-638dd4d4.js';
 import './breakpoints-d9faf11c.js';
 import './ui-8424715a.js';
 import './regex-dfe11abf.js';
 import './typography-396de03f.js';
 import './dynamic-slimmer-90b8af32.js';
+import './wait-for-vega-handler-b18eb955.js';
 
 class RTEBlockRenderer {
   registerRef(ref, block) {
@@ -48,7 +48,7 @@ class RTEBlockRenderer {
    * Get classes from annotations
    *
    * @param {RTEBlock} block - RTE block entity
-   * @returns {AnnotationStyle} - Annotation style
+   * @returns {string} - Annotation style
    */
   getClasses(block) {
     return Array.from(block.annotationMap.values())
@@ -81,7 +81,7 @@ class RTENodeRenderer {
    * Get classes from annotations
    *
    * @param {RTENode} node - The DTO node
-   * @returns {AnnotationStyle} - Annotation style
+   * @returns {string} - Annotation style
    */
   getClasses(node) {
     return Array.from(node.annotationMap.values())
@@ -187,6 +187,7 @@ class RTEBlockTextNodesRenderer extends RTEBlockRenderer {
     return (h("span", { class: "link-editor-wrapper", role: "link", tabIndex: 0, onKeyDown: createEnterKeyHandlerToTriggerClick(), ref: (ref) => {
         if (ref) {
           linkWrapperRef = ref;
+          stateEntityRenderingRegistry.removeDirtyDomRef(ref);
         }
       } },
       this.renderLink(linkNodes, linkAnnotation),

package/dist/esm/vega-rich-text-editor_4.entry.js

@@ -4,33 +4,32 @@ import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlim
 import { g as getActiveElement, s as sanitizeVegaComponent } from './component-cae24190.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { d as domNodeSubjectFactory, b as VegaDropdownClick, f as VegaChange, O as VegaImageInserted, a as VegaClick, L as VegaPopoverShow, M as VegaPopoverHide } from './dom-node-subject-factory-97deb349.js';
-import { b as VegaInternalComponentDidRender, a as VegaInternalRichTextEditorSelectionRangeChange, V as VegaInternalRichTextEditorFlushChanges, p as VegaInternalRichTextEditDeleteSelectedNodes, q as VegaInternalRichTextImageClick, r as VegaInternalRichTextImageDeleteButtonClicked, l as VegaInternalPopoverUpdateTarget } from './vega-internal-event-id-f269c42f.js';
-import { b as ToolbarButtonSlimmer, I as ImageAnnotationAction, T as TextNodeRenderingRegistry, a as TextColorToolbarButtonSlimmer } from './image-annotation-action-b6668f48.js';
-import { V as VegaInternalIconManager } from './internal-icon-manager-900a5bb4.js';
-import { g as RTETextNode, n as BoldAnnotationAction, i as NodeAnnotationTypeEnum, T as TextSplittableAction, o as ItalicAnnotation, U as UnderlineAnnotation, R as RTETextBlock, p as TextStyleAnnotationAction, q as TextStyleAnnotation, r as BoldAnnotation, t as BlockAnnotationTypeEnum, C as ClearFormattingAnnotationAction, u as CodeAnnotationAction, S as StrikethroughAnnotation, A as AnnotationAction, v as SelectionRangeAnnotation, L as LinkAnnotationAction, w as IndentAnnotation, f as RTEImageNode, M as ModifyContentAction, x as ModifyContentActionType, c as RTEListItemBlock, H as HorizontalAlignmentAnnotation, h as RTENode, s as stateEntityRenderingRegistry, Z as ZERO_WIDTH_SPACE, I as InternalAnnotationTypeEnum, a as VegaRTEContent, y as AppendChildNodesAction, z as UpdateTextAction, D as MergeTwoBlocksNodesAction, E as SplitBlockWithNodeAction, F as BreakSingleBlockAction, G as RemoveChildAction, J as ReplaceChildNodesAction, K as InsertBlocksBeforeAction, m as RTE_TEXT_COLORS, d as RTEListBlock, b as RTEImageBlock, O as InsertBlocksAfterAction, V as VegaThemeManager } from './content-state-2edba4ec.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-857c65fa.js';
-import { g as generateUUID } from './create-public-api-runtime-metrics-slimmer-9ab05523.js';
-import { a as waitForComponentDidRender } from './index-d172bafa.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-bb64dec7.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-36cf4e39.js';
-import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-b36fd081.js';
+import { d as domNodeSubjectFactory, b as VegaDropdownClick, f as VegaChange, O as Observer, P as VegaImageInserted, a as VegaClick, L as VegaPopoverShow, M as VegaPopoverHide } from './dom-node-subject-factory-286df025.js';
+import { b as VegaInternalComponentDidRender, a as VegaInternalRichTextEditorSelectionRangeChange, V as VegaInternalRichTextEditorFlushChanges, r as VegaInternalRichTextEditDeleteSelectedNodes, s as VegaInternalRichTextImageClick, t as VegaInternalRichTextImageDeleteButtonClicked, n as VegaInternalPopoverUpdateTarget } from './vega-internal-event-id-7809368b.js';
+import { b as ToolbarButtonSlimmer, I as ImageAnnotationAction, T as TextNodeRenderingRegistry, a as TextColorToolbarButtonSlimmer } from './image-annotation-action-a0dd92ed.js';
+import { V as VegaInternalIconManager } from './internal-icon-manager-c05720ca.js';
+import { g as RTETextNode, n as BoldAnnotationAction, i as NodeAnnotationTypeEnum, T as TextSplittableAction, o as ItalicAnnotation, U as UnderlineAnnotation, R as RTETextBlock, p as TextStyleAnnotationAction, q as TextStyleAnnotation, r as BoldAnnotation, t as BlockAnnotationTypeEnum, C as ClearFormattingAnnotationAction, u as CodeAnnotationAction, S as StrikethroughAnnotation, A as AnnotationAction, v as SelectionRangeAnnotation, L as LinkAnnotationAction, w as IndentAnnotation, f as RTEImageNode, M as ModifyContentAction, x as ModifyContentActionType, c as RTEListItemBlock, H as HorizontalAlignmentAnnotation, h as RTENode, s as stateEntityRenderingRegistry, Z as ZERO_WIDTH_SPACE, I as InternalAnnotationTypeEnum, a as VegaRTEContent, y as AppendChildNodesAction, z as UpdateTextAction, D as MergeTwoBlocksNodesAction, E as SplitBlockWithNodeAction, F as BreakSingleBlockAction, G as RemoveChildAction, J as ReplaceChildNodesAction, K as InsertBlocksBeforeAction, m as RTE_TEXT_COLORS, d as RTEListBlock, b as RTEImageBlock, O as InsertBlocksAfterAction, V as VegaThemeManager } from './content-state-2de41bc0.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-d661fc7c.js';
+import { g as generateUUID } from './create-public-api-runtime-metrics-slimmer-8ada793f.js';
+import { a as waitForComponentDidRender } from './index-4153fe96.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-d18d01da.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-acc7fbb7.js';
+import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-e3b2bff5.js';
 import { d as debounce } from './timer-9321173b.js';
 import { S as SynchronizeTaskQueue } from './synchronize-task-queue-ac8acc3b.js';
-import { O as Observer } from './observer-3959f9dd.js';
-import { f as findParent, r as rgbToHex } from './ui-62e4be97.js';
-import { b as FORM_ELEMENT_VALUE_CHANGE, D as DARK_MODE_CHANGE } from './static-subject-title-8268945e.js';
+import { f as findParent, r as rgbToHex } from './ui-ed1283bb.js';
+import { b as FORM_ELEMENT_VALUE_CHANGE, D as DARK_MODE_CHANGE } from './static-subject-title-249c76cd.js';
 import './vega-env-manager-8f8dc473.js';
-import './vega-skeleton-loader-controller-5aea7aeb.js';
-import './feature-flag-controller-4b3fe6f8.js';
-import './vega-dialog-controller-34eb8967.js';
-import './icon-manager-b889176b.js';
-import './translation-c08f2274.js';
-import { R as RichTextEditorRequiredRule } from './rich-text-editor-required-rule-75cc2db0.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-3220fa5b.js';
+import './vega-skeleton-loader-controller-722a41c2.js';
+import './feature-flag-controller-723f1ff5.js';
+import './icon-manager-638dd4d4.js';
+import './wait-for-vega-handler-b18eb955.js';
+import './translation-a18bc15e.js';
+import { R as RichTextEditorRequiredRule } from './rich-text-editor-required-rule-c0f5a754.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2f5824ee.js';
 import { c as chevronDown } from './chevron-down-4a75d28e.js';
 import { t as trashCan } from './trash-can-8819a939.js';
-import { r as remoteInvocationRegistry } from './remote-invocation-registry-1682b34e.js';
+import { r as remoteInvocationRegistry } from './remote-invocation-registry-0b330137.js';
 import './type-guard-158f6d7a.js';
 import './breakpoints-d9faf11c.js';
 import './ui-8424715a.js';
@@ -39,15 +38,13 @@ import './typography-396de03f.js';
 import './_commonjsHelpers-9943807e.js';
 import './dynamic-slimmer-90b8af32.js';
 import './string-be824360.js';
-import './page-resize-observer-slimmer-beb7b0bd.js';
-import './breakpoints-91116111.js';
+import './page-resize-observer-slimmer-15a84d26.js';
 import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import './mutation-observer-slimmer-6cef9549.js';
-import './mutation-observer-filters-1035b064.js';
-import './array-b668466e.js';
+import './mutation-observer-filters-7ee2b410.js';
+import './array-3113609f.js';
 import './number-4398f2e1.js';
-import './internal-vega-event-manager-0a01ba12.js';
-import './internal-vega-z-index-manager-7d2b54c3.js';
+import './internal-vega-event-manager-d2c962d2.js';
 import './index-44c794b4.js';
 
 var __decorate$A = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -118,7 +115,7 @@ class VegaRichTextEditorRenderer extends VegaSlimmer {
   /**
    * Returns the rich text editor component editable element
    *
-   * @returns {HTMLDivElement} The div element which has property contenteditable
+   * @returns {Nullable<HTMLDivElement>} The div element which has property contenteditable
    */
   getRTEEditableElementRef() {
     if (this.richTextContentRef && this.richTextContentRef.shadowRoot) {
@@ -302,11 +299,12 @@ class BoldToolbarButtonSlimmer extends ToolbarButtonSlimmer {
   }
   isDisabled() {
     const selectedNodes = this.selectionController.getSelectedNodes();
-    return selectedNodes.some((node) => {
-      var _a;
-      return ((_a = node.getAnnotationByType(NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
-        node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE);
-    });
+    return (super.isDisabled() ||
+      selectedNodes.some((node) => {
+        var _a;
+        return ((_a = node.getAnnotationByType(NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
+          node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE);
+      }));
   }
 }
 (() => {
@@ -368,11 +366,12 @@ class ItalicToolbarButtonSlimmer extends ToolbarButtonSlimmer {
   }
   isDisabled() {
     const selectedNodes = this.selectionController.getSelectedNodes();
-    return selectedNodes.some((node) => {
-      var _a;
-      return ((_a = node.getAnnotationByType(NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
-        node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE);
-    });
+    return (super.isDisabled() ||
+      selectedNodes.some((node) => {
+        var _a;
+        return ((_a = node.getAnnotationByType(NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
+          node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE);
+      }));
   }
 }
 (() => {
@@ -398,7 +397,7 @@ class UnderlineAnnotationAction extends TextSplittableAction {
   /**
    * Converts the action to an annotation
    *
-   * @returns {UnderlineAnnotation} the annotation
+   * @returns {Annotation} the annotation
    */
   toAnnotation() {
     return new UnderlineAnnotation(this.underline);
@@ -437,11 +436,12 @@ class UnderlineToolbarButtonSlimmer extends ToolbarButtonSlimmer {
   }
   isDisabled() {
     const selectedNodes = this.selectionController.getSelectedNodes();
-    return selectedNodes.some((node) => {
-      var _a;
-      return ((_a = node.getAnnotationByType(NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
-        node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE);
-    });
+    return (super.isDisabled() ||
+      selectedNodes.some((node) => {
+        var _a;
+        return ((_a = node.getAnnotationByType(NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
+          node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE);
+      }));
   }
 }
 (() => {
@@ -511,7 +511,8 @@ class TextStylesToolbarButtonSlimmer extends ToolbarButtonSlimmer {
   }
   isDisabled() {
     const selectedNodes = this.selectionController.getSelectedNodes();
-    return selectedNodes.some((node) => node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE));
+    return (super.isDisabled() ||
+      selectedNodes.some((node) => node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE)));
   }
   addDropdownObserver(dropdownRef) {
     DomNodeSubjectObserverFactory.addUniqueObserverToNode(dropdownRef, VegaDropdownClick, this.handleDropdownItemClick);
@@ -603,7 +604,8 @@ class ClearStyleToolbarButtonSlimmer extends ToolbarButtonSlimmer {
   }
   isDisabled() {
     const selectedNodes = this.selectionController.getSelectedNodes();
-    return selectedNodes.some((node) => node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE));
+    return (super.isDisabled() ||
+      selectedNodes.some((node) => node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE)));
   }
 }
 (() => {
@@ -649,8 +651,9 @@ class CodeToolbarButtonSlimmer extends ToolbarButtonSlimmer {
   }
   isDisabled() {
     const selectedNodes = this.selectionController.getSelectedNodes();
-    return selectedNodes.some((node) => node.getAnnotationByType(NodeAnnotationTypeEnum.LINK) ||
-      node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE));
+    return (super.isDisabled() ||
+      selectedNodes.some((node) => node.getAnnotationByType(NodeAnnotationTypeEnum.LINK) ||
+        node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE)));
   }
 }
 (() => {
@@ -676,7 +679,7 @@ class StrikethroughAnnotationAction extends TextSplittableAction {
   /**
    * Converts the action to an annotation
    *
-   * @returns {StrikethroughAnnotation} the annotation
+   * @returns {Annotation} the annotation
    */
   toAnnotation() {
     return new StrikethroughAnnotation(this.strikethrough);
@@ -715,11 +718,12 @@ class StrikethroughToolbarButtonSlimmer extends ToolbarButtonSlimmer {
   }
   isDisabled() {
     const selectedNodes = this.selectionController.getSelectedNodes();
-    return selectedNodes.some((node) => {
-      var _a;
-      return ((_a = node.getAnnotationByType(NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
-        node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE);
-    });
+    return (super.isDisabled() ||
+      selectedNodes.some((node) => {
+        var _a;
+        return ((_a = node.getAnnotationByType(NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
+          node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE);
+      }));
   }
 }
 (() => {
@@ -800,7 +804,8 @@ class LinkToolbarButtonSlimmer extends ToolbarButtonSlimmer {
   isDisabled() {
     const selectedNodes = this.selectionController.getSelectedNodes();
     const selectedBlocks = this.selectionController.getSelectedBlocks();
-    return (selectedBlocks.length > 1 ||
+    return (super.isDisabled() ||
+      selectedBlocks.length > 1 ||
       selectedNodes.some((node) => {
         var _a;
         return !(node instanceof RTETextNode) ||
@@ -853,7 +858,7 @@ class IndentAnnotationAction extends AnnotationAction {
   /**
    * Converts the action to an annotation
    *
-   * @returns {IndentAnnotation} The annotation
+   * @returns {Annotation} The annotation
    */
   toAnnotation() {
     return new IndentAnnotation(this.indent);
@@ -881,7 +886,8 @@ class MoreIndentToolbarButtonSlimmer extends ToolbarButtonSlimmer {
   isDisabled() {
     const selectedBlocks = this.selectionController.getSelectedBlocks();
     const selectedNodes = this.selectionController.getSelectedNodes();
-    return (selectedBlocks.some((node) => node.type === 'list-item') ||
+    return (super.isDisabled() ||
+      selectedBlocks.some((node) => node.type === 'list-item') ||
       selectedNodes.some((node) => node instanceof RTEImageNode));
   }
   onClick() {
@@ -924,7 +930,8 @@ class LessIndentToolbarButtonSlimmer extends ToolbarButtonSlimmer {
   isDisabled() {
     const selectedBlocks = this.selectionController.getSelectedBlocks();
     const selectedNodes = this.selectionController.getSelectedNodes();
-    return (selectedBlocks.some((node) => node.type === 'list-item') ||
+    return (super.isDisabled() ||
+      selectedBlocks.some((node) => node.type === 'list-item') ||
       selectedNodes.some((node) => node instanceof RTEImageNode));
   }
   onClick() {
@@ -1011,7 +1018,8 @@ class ImageToolbarButtonSlimmer extends ToolbarButtonSlimmer {
   }
   isDisabled() {
     const selectedNodes = this.selectionController.getSelectedNodes();
-    return selectedNodes.some((node) => node.getAnnotationByType(NodeAnnotationTypeEnum.LINK));
+    return (super.isDisabled() ||
+      selectedNodes.some((node) => node.getAnnotationByType(NodeAnnotationTypeEnum.LINK)));
   }
 }
 (() => {
@@ -1090,7 +1098,7 @@ class BulletsToolbarButtonSlimmer extends ToolbarButtonSlimmer {
   }
   isDisabled() {
     const selectedNodes = this.selectionController.getSelectedNodes();
-    return selectedNodes.some((node) => node instanceof RTEImageNode);
+    return super.isDisabled() || selectedNodes.some((node) => node instanceof RTEImageNode);
   }
   isListType(selectedBlocks, type = 'bullet-list') {
     return (selectedBlocks.length > 0 &&
@@ -1153,7 +1161,7 @@ class NumbersToolbarButtonSlimmer extends ToolbarButtonSlimmer {
   }
   isDisabled() {
     const selectedNodes = this.selectionController.getSelectedNodes();
-    return selectedNodes.some((node) => node instanceof RTEImageNode);
+    return super.isDisabled() || selectedNodes.some((node) => node instanceof RTEImageNode);
   }
   isListType(selectedBlocks, type = 'number-list') {
     return (selectedBlocks.length > 0 &&
@@ -1228,7 +1236,7 @@ class BulletsNumbersToolbarButtonSlimmer extends ToolbarButtonSlimmer {
   }
   isDisabled() {
     const selectedNodes = this.selectionController.getSelectedNodes();
-    return selectedNodes.some((node) => node instanceof RTEImageNode);
+    return super.isDisabled() || selectedNodes.some((node) => node instanceof RTEImageNode);
   }
 }
 (() => {
@@ -1593,7 +1601,7 @@ class ShadowSelectionPolyfill {
    * For browser which supported shadowroot.getSelection, we use shadowRoot.getselection().
    *
    * @param {ShadowRoot} shadow - A shadow.
-   * @returns {Selection} - The shadow selection.
+   * @returns {Nullable<Selection>} - The shadow selection.
    */
   getSelection(shadow) {
     if (this.supportShadowSelection) {
@@ -2041,6 +2049,8 @@ class SelectionController extends VegaSlimmer {
    * Get selected rich text
    */
   handleSelectionChange() {
+    if (this.disabled)
+      return;
     const selection = this.getSelection();
     if (!selection || selection.rangeCount === 0)
       return;
@@ -2129,6 +2139,9 @@ __decorate$f([
 __decorate$f([
   MapToComponentField()
 ], SelectionController.prototype, "value", void 0);
+__decorate$f([
+  MapToComponentField()
+], SelectionController.prototype, "disabled", void 0);
 __decorate$f([
   MapToComponentField()
 ], SelectionController.prototype, "valueController", void 0);
@@ -3848,7 +3861,7 @@ class UserInputController extends VegaSlimmer {
   /**
    * The function `getEditableElementRef` returns a reference to the editable HTMLDivElement within a rich text editor.
    *
-   * @returns {HTMLDivElement|null} A reference to an HTMLDivElement element that is editable.
+   * @returns {Nullable<HTMLDivElement>} A reference to an HTMLDivElement element that is editable.
    */
   getEditableElementRef() {
     if (!this.editableElementRef) {
@@ -4321,7 +4334,7 @@ class InsertCompositionTextController extends VegaSlimmer {
   /**
    * The function `getEditableElementRef` returns a reference to the editable HTMLDivElement within a rich text editor.
    *
-   * @returns {HTMLDivElement|null} A reference to an HTMLDivElement element that is editable.
+   * @returns {Nullable<HTMLDivElement>} A reference to an HTMLDivElement element that is editable.
    */
   getEditableElementRef() {
     if (!this.editableElementRef) {
@@ -4563,7 +4576,7 @@ __decorate$7([
   MapToComponentMethod('disconnectedCallback')
 ], DeleteSelectedNodesController.prototype, "removeDeleteObserver", null);
 
-const vegaRichTextEditorCss = ":host{display:block}:host vega-field-label{margin-bottom:8px}:host vega-text{margin-bottom:16px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host vega-text{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host vega-text{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host vega-text{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .rich-text-editor-container{display:flex;box-sizing:content-box;position:relative;box-sizing:content-box;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));margin-top:12px;overflow:auto;resize:vertical;padding-top:12px;padding-right:16px;padding-bottom:32px;padding-left:16px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .rich-text-editor-container{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .rich-text-editor-container{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .rich-text-editor-container{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .rich-text-editor-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}:host .rich-text-editor-container:focus-within{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}:host .rich-text-editor-container.disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host .rich-text-editor-container.disabled:hover,:host .rich-text-editor-container.disabled:focus-within{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host .rich-text-editor-container.disabled:focus-within{outline:none}:host .rich-text-editor-container.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .rich-text-editor-container.error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host .rich-text-editor-container.error:focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}:host .rich-text-editor-container .text-editor-counter{position:absolute;bottom:8px;right:8px;display:flex;padding-left:4px;padding-right:4px;padding-top:2px;padding-bottom:2px;border-radius:4px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1));background-color:rgba(var(--v-bg-textarea-count, 4, 4, 28, 0.6))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .rich-text-editor-container .text-editor-counter{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .rich-text-editor-container .text-editor-counter{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .rich-text-editor-container .text-editor-counter{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .rich-text-editor-container .text-editor-counter.counter-exceed-max-length{background-color:rgba(var(--v-bg-textarea-counter-exceed-max-length, 214, 46, 81))}.toolbar-btn-group{display:flex;justify-content:center;align-items:center}.toolbar-btn-group>*:not(:first-child):not(:last-child) ::part(rich-text-editor-toolbar-button){border-radius:0px}.toolbar-btn-group>*:first-child:not(:last-child) ::part(rich-text-editor-toolbar-button){border-top-left-radius:4px;border-bottom-left-radius:4px;border-top-right-radius:0px;border-bottom-right-radius:0px}.toolbar-btn-group>*:last-child:not(:first-child) ::part(rich-text-editor-toolbar-button){border-top-left-radius:0px;border-bottom-left-radius:0px;border-top-right-radius:4px;border-bottom-right-radius:4px}.toolbar-btn-group>*:not(:first-child) ::part(rich-text-editor-toolbar-button){margin-left:-1px}.toolbar-btn-group .toolbar-btn-color-preview-box{display:flex;border:1px solid rgba(var(--v-border-chip, 205, 209, 211, 1));box-sizing:border-box;border-radius:4px;width:16px;height:16px;cursor:pointer;justify-content:center;align-items:center;margin-left:6px}.toolbar-btn-group .toolbar-btn-link-wrapper{position:relative}.toolbar-btn-group .toolbar-btn-link-wrapper vega-rich-text-link-editor{position:absolute;bottom:0;left:0;right:0}.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;margin-top:12px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}";
+const vegaRichTextEditorCss = ":host{display:block}:host vega-field-label{margin-bottom:8px}:host vega-text{margin-bottom:16px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host vega-text{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host vega-text{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host vega-text{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .rich-text-editor-container{display:flex;box-sizing:content-box;position:relative;box-sizing:content-box;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));margin-top:12px;overflow:auto;resize:vertical;padding-top:12px;padding-right:16px;padding-bottom:32px;padding-left:16px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .rich-text-editor-container{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .rich-text-editor-container{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .rich-text-editor-container{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .rich-text-editor-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}:host .rich-text-editor-container:focus-within{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}:host .rich-text-editor-container.disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));cursor:not-allowed}:host .rich-text-editor-container.disabled:hover,:host .rich-text-editor-container.disabled:focus-within{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host .rich-text-editor-container.disabled:focus-within{outline:none}:host .rich-text-editor-container.disabled vega-rich-text-content{pointer-events:none;opacity:0.35}:host .rich-text-editor-container.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .rich-text-editor-container.error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host .rich-text-editor-container.error:focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}:host .rich-text-editor-container .text-editor-counter{position:absolute;bottom:8px;right:8px;display:flex;padding-left:4px;padding-right:4px;padding-top:2px;padding-bottom:2px;border-radius:4px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1));background-color:rgba(var(--v-bg-textarea-count, 4, 4, 28, 0.6))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .rich-text-editor-container .text-editor-counter{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .rich-text-editor-container .text-editor-counter{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .rich-text-editor-container .text-editor-counter{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .rich-text-editor-container .text-editor-counter.counter-exceed-max-length{background-color:rgba(var(--v-bg-textarea-counter-exceed-max-length, 214, 46, 81))}.toolbar-btn-group{display:flex;justify-content:center;align-items:center}.toolbar-btn-group>*:not(:first-child):not(:last-child) ::part(rich-text-editor-toolbar-button){border-radius:0px}.toolbar-btn-group>*:first-child:not(:last-child) ::part(rich-text-editor-toolbar-button){border-top-left-radius:4px;border-bottom-left-radius:4px;border-top-right-radius:0px;border-bottom-right-radius:0px}.toolbar-btn-group>*:last-child:not(:first-child) ::part(rich-text-editor-toolbar-button){border-top-left-radius:0px;border-bottom-left-radius:0px;border-top-right-radius:4px;border-bottom-right-radius:4px}.toolbar-btn-group>*:not(:first-child) ::part(rich-text-editor-toolbar-button){margin-left:-1px}.toolbar-btn-group .toolbar-btn-color-preview-box{display:flex;border:1px solid rgba(var(--v-border-chip, 205, 209, 211, 1));box-sizing:border-box;border-radius:4px;width:16px;height:16px;justify-content:center;align-items:center;margin-left:6px}.toolbar-btn-group .toolbar-btn-color-preview-box.disabled{opacity:0.35}.toolbar-btn-group .toolbar-btn-link-wrapper{position:relative}.toolbar-btn-group .toolbar-btn-link-wrapper vega-rich-text-link-editor{position:absolute;bottom:0;left:0;right:0}.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;margin-top:12px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}";
 
 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;
@@ -4905,7 +4918,7 @@ __decorate$5([
   MapToComponentField()
 ], VegaRichTextEditorToolbarButtonRenderer.prototype, "clickEventEmitter", void 0);
 
-const vegaRichTextEditorToolbarButtonCss = ":host{display:inline-block}.rich-text-editor-toolbar-btn{display:flex;justify-content:center;align-items:center;border-radius:4px;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));padding-top:8px;padding-bottom:8px;padding-left:12px;padding-right:12px;cursor:pointer;position:relative;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}.rich-text-editor-toolbar-btn: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}.rich-text-editor-toolbar-btn: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}.rich-text-editor-toolbar-btn:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:-1px;z-index:2}.rich-text-editor-toolbar-btn.rich-text-editor-toolbar-button-selected{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}.rich-text-editor-toolbar-btn.rich-text-editor-toolbar-button-disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.rich-text-editor-toolbar-btn.rich-text-editor-toolbar-button-disabled vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}";
+const vegaRichTextEditorToolbarButtonCss = ":host{display:inline-block}.rich-text-editor-toolbar-btn{display:flex;justify-content:center;align-items:center;border-radius:4px;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));padding-top:8px;padding-bottom:8px;padding-left:12px;padding-right:12px;cursor:pointer;position:relative;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}.rich-text-editor-toolbar-btn: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}.rich-text-editor-toolbar-btn: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}.rich-text-editor-toolbar-btn:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:-1px;z-index:2}.rich-text-editor-toolbar-btn.rich-text-editor-toolbar-button-selected{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}.rich-text-editor-toolbar-btn.rich-text-editor-toolbar-button-disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));cursor:not-allowed}.rich-text-editor-toolbar-btn.rich-text-editor-toolbar-button-disabled vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}";
 
 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;