@globalpayments/vega 2.58.0 → 2.59.0

package/dist/esm/{dark-mode-state-controller-slimmer-f1c2c299.js → dark-mode-state-controller-slimmer-0c7d1c77.js}

@@ -1,5 +1,5 @@
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { D as DARK_MODE_CHANGE } from './static-subject-title-ca83d6b6.js';
+import { D as DARK_MODE_CHANGE } from './static-subject-title-633b3474.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 

package/dist/esm/{dark-mode-style-controller-ea798fc8.js → dark-mode-style-controller-3bbb32dc.js}

@@ -1,4 +1,4 @@
-import { D as DARK_MODE_CHANGE, G as GP_BRAND_CHANGE } from './static-subject-title-ca83d6b6.js';
+import { D as DARK_MODE_CHANGE, G as GP_BRAND_CHANGE } from './static-subject-title-633b3474.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-9943807e.js';

package/dist/esm/{deprecated-property-slimmer-32575f02.js → deprecated-property-slimmer-2c14df89.js}

@@ -1,6 +1,6 @@
 import { V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
-import { g as getValueByPath, d as deepEqual } from './object-261e7344.js';
+import { g as getValueByPath, d as deepEqual } from './object-66c37948.js';
 
 /** DeprecatedPropertySlimmer compares new property with default value, if they are different, return new property; otherwise, return old property */
 class DeprecatedPropertySlimmerBase extends VegaSlimmer {

package/dist/esm/{design-token-23522f5c.js → design-token-80dd7d60.js}

@@ -1,7 +1,7 @@
 import { j as isBorderColorTokenType, b as BorderColors, e as BorderColorMap, k as isShadowsTokenType, f as Shadows, g as ShadowMap, l as isBorderTokenType, m as Borders, n as BorderMap, o as isSpacingTokenType, p as isBorderRadiusTokenType, q as isBackgroundColorTokenType, r as isTextColorTokenType, s as isBreakpointsTokenType, h as Spacing, t as isBorderStyleType, B as BorderRadius, C as Colors, u as isTypographyTokenType } from './type-guard-84b1f192.js';
 import { B as Breakpoints } from './breakpoints-d9faf11c.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-d2632288.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-4bf60125.js';
 import { a as TypographyKeys } from './typography-396de03f.js';
 import { S as StateVariantFormatter, s as stateBackgroundColorFormatter } from './state-background-color-formatter-da5e76e8.js';
 import { a as BorderStyle } from './ui-8424715a.js';

package/dist/esm/{dom-node-subject-factory-6374611f.js → dom-node-subject-factory-202655e7.js}

@@ -1,4 +1,4 @@
-import { i as isParent } from './ui-7d177fb0.js';
+import { b as isParent } from './ui-c20be16d.js';
 
 /** The VegaEventID class represents an event ID with both a Vega name and a native name. */
 class VegaEventID {

package/dist/esm/{dom-node-subject-observer-factory-c345ca2e.js → dom-node-subject-observer-factory-999e21e3.js}

@@ -1,6 +1,6 @@
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { O as Observer } from './observer-3959f9dd.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-factory-6374611f.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-factory-202655e7.js';
 
 /**
  * The function `domAcceptableHandle` always returns `true`.

package/dist/esm/{element-appender-slimmer-042df95a.js → element-appender-slimmer-e2d3e79a.js}

@@ -1,17 +1,17 @@
 import { c as MapToComponentField, I as InjectVegaSlimmer, V as VegaSlimmer, L as LogUtility, M as MapToComponentMethod } from './global-slimmer-registry-17c4efd4.js';
-import { f as findParent, c as isElementVisible, i as isParent } from './ui-7d177fb0.js';
-import { I as InternalVegaZIndexManager } from './vega-skeleton-loader-controller-3f6faa17.js';
+import { f as findParent, d as isElementVisible, b as isParent } from './ui-c20be16d.js';
+import { I as InternalVegaZIndexManager } from './vega-skeleton-loader-controller-38864fcd.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-0bf7fbf3.js';
 import { P as Placements, A as Alignments } from './ui-8424715a.js';
 import { A as isTranslocationType } from './type-guard-84b1f192.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-d2632288.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-4bf60125.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { S as SHADOW_ROOT_ELEMENT_SCROLLING } from './static-subject-title-ca83d6b6.js';
+import { S as SHADOW_ROOT_ELEMENT_SCROLLING } from './static-subject-title-633b3474.js';
 import { O as Observer } from './observer-3959f9dd.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-factory-6374611f.js';
-import { q as VegaInternalNestEAHierarchyTreeChange } from './vega-internal-event-id-4072659b.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-c345ca2e.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-factory-202655e7.js';
+import { r as VegaInternalNestEAHierarchyTreeChange } from './vega-internal-event-id-b7c865de.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-999e21e3.js';
 
 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;

package/dist/esm/{event-emit-slimmer-b5cb9b81.js → event-emit-slimmer-40973ec2.js}

@@ -1,9 +1,9 @@
 import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-factory-6374611f.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-c345ca2e.js';
-import { j as jqueryDelegatedStrategyController, i as internalVegaEventManager } from './internal-vega-event-manager-d80c53c5.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-factory-202655e7.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-999e21e3.js';
+import { j as jqueryDelegatedStrategyController, i as internalVegaEventManager } from './internal-vega-event-manager-526f8ed1.js';
 import { t as tryGetDocument } from './try-get-document-bef0f526.js';
 
 var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/esm/{form-field-controller-slimmer-f0982f11.js → form-field-controller-slimmer-47820eaa.js}

@@ -1,21 +1,21 @@
 import { V as VegaSlimmer, I as InjectVegaSlimmer, c as MapToComponentField, M as MapToComponentMethod } from './global-slimmer-registry-17c4efd4.js';
-import { c as camelToDashCase } from './string-be824360.js';
+import { c as camelToDashCase } from './string-a953eafc.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { O as Observer } from './observer-3959f9dd.js';
-import { U as UPDATE_TRANSLATION, c as FORM_FIELD_PENDING_VALID_CHANGE, d as FORM_FIELD_ELEMENT_DISCONNECTED, b as FORM_ELEMENT_VALUE_CHANGE, e as FORM_RESET_OPERATION_TRIGGERED, F as FORM_SUBMIT, f as FIELD_ERROR_MESSAGE_CHANGE, g as FORM_ELEMENT_VALIDATE } from './static-subject-title-ca83d6b6.js';
-import { f as findParent, c as isElementVisible } from './ui-7d177fb0.js';
+import { U as UPDATE_TRANSLATION, c as FORM_FIELD_PENDING_VALID_CHANGE, d as FORM_FIELD_ELEMENT_DISCONNECTED, b as FORM_ELEMENT_VALUE_CHANGE, e as FORM_RESET_OPERATION_TRIGGERED, F as FORM_SUBMIT, f as FIELD_ERROR_MESSAGE_CHANGE, g as FORM_ELEMENT_VALIDATE } from './static-subject-title-633b3474.js';
+import { f as findParent, d as isElementVisible } from './ui-c20be16d.js';
 import { i as isAsyncFunction, g as generateUUID } from './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-factory-6374611f.js';
-import { c as VegaInternalFieldErrorStateChange, d as VegaInternalValid } from './vega-internal-event-id-4072659b.js';
-import { V as VegaInternalTranslation } from './translation-a6eacb5f.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-factory-202655e7.js';
+import { d as VegaInternalFieldErrorStateChange, e as VegaInternalValid } from './vega-internal-event-id-b7c865de.js';
+import { V as VegaInternalTranslation } from './translation-833d9ef4.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-0bf7fbf3.js';
 import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-c345ca2e.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-999e21e3.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-58ebc13c.js';
 import { A as AttributeOldValueMutationFilter } from './mutation-observer-filters-1a054fb0.js';
 import { i as isArrayEqual } from './array-7888f339.js';
-import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-53eec5fb.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-c823d69c.js';
 
 /** The `FormFieldValidationRuleHandler` class is responsible for handling the validation rules for a form field. */
 class FormFieldValidationRuleHandler {
@@ -302,18 +302,20 @@ class FieldErrorUIControllerSlimmer extends VegaSlimmer {
    * @param {EvaluateResult['message']} errorMessage - The error message to display.
    */
   applyInputInvalidUI(errorMessage) {
-    this.errorMessage = errorMessage;
     const inputContainer = this.getInputElementContainer();
-    if (errorMessage && inputContainer) {
-      const errorContainer = this.getErrorContainer(inputContainer);
-      errorContainer.innerHTML =
-        this.formFieldMessageTranslatorSlimmer.getTranslatedMessage(errorMessage);
-      errorContainer.classList.remove('vega-hidden');
+    ChangeManager.notify(domNodeSubjectFactory.getSubject(this.host, VegaInternalFieldErrorStateChange), {
+      host: this.host,
+      showError: true,
+    });
+    if (inputContainer) {
       inputContainer.classList.add('error');
-      ChangeManager.notify(domNodeSubjectFactory.getSubject(this.host, VegaInternalFieldErrorStateChange), {
-        host: this.host,
-        showError: true,
-      });
+      if (errorMessage) {
+        this.errorMessage = errorMessage;
+        const errorContainer = this.getErrorContainer(inputContainer);
+        errorContainer.innerHTML =
+          this.formFieldMessageTranslatorSlimmer.getTranslatedMessage(errorMessage);
+        errorContainer.classList.remove('vega-hidden');
+      }
     }
   }
   /**
@@ -896,8 +898,8 @@ class FieldErrorControllerSlimmer extends VegaSlimmer {
      * @param {FieldErrorEventPayload} payload payload param
      */
     this.handleFieldErrorMessageUpdate = (payload) => {
-      const { message } = payload;
-      if (message) {
+      const { message, isValid } = payload;
+      if (!isValid) {
         this.fieldErrorUIController.applyInputInvalidUI(message);
       }
       else {
@@ -927,10 +929,8 @@ class FieldErrorControllerSlimmer extends VegaSlimmer {
   canAcceptFieldErrorMessageUpdate(payload) {
     const { host } = payload;
     const parentFieldBox = this.host.parentElement;
-    if (parentFieldBox && parentFieldBox === host) {
-      return true;
-    }
-    return false;
+    return ((parentFieldBox && parentFieldBox === host && parentFieldBox.tagName === 'VEGA-FIELD-ERROR') ||
+      this.host === host);
   }
 }
 __decorate$3([

package/dist/esm/{image-annotation-action-1e88f5a0.js → image-annotation-action-215f92d6.js}

@@ -1,19 +1,43 @@
-import { h } from './index-d0a47531.js';
-import { c as MapToComponentField, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-c345ca2e.js';
-import { a as VegaClick, M as VegaPopoverShow, N as VegaPopoverHide, f as VegaChange } from './dom-node-subject-factory-6374611f.js';
+import { h } from './index-057d0f70.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-7eac52c8.js';
-import { T as TextSplittableAction, E as TextColorAnnotation, F as RTE_TEXT_COLORS, g as RTETextNode, G as RTECodeBlockNode, N as NodeAnnotationTypeEnum, H as AnnotationAction, C as ImageAnnotation } from './code-block-7bd4cb87.js';
-import { a as VegaDarkModeStyleController } from './dark-mode-style-controller-ea798fc8.js';
+import { c as MapToComponentField, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
+import { V as TextSplittableAction, W as TextColorAnnotation, F as RTE_TEXT_COLORS, a as RTETextNode, X as RTECodeBlockNode, p as NodeAnnotationTypeEnum, u as AnnotationAction } from './code-block-3d519665.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-999e21e3.js';
+import { a as VegaClick, M as VegaPopoverShow, N as VegaPopoverHide, f as VegaChange } from './dom-node-subject-factory-202655e7.js';
+import { a as VegaDarkModeStyleController } from './dark-mode-style-controller-3bbb32dc.js';
+import { I as ImageAnnotation } from './content-state-100d1efd.js';
 
-var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+const text = {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 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="M64 96v32c0 17.7-14.3 32-32 32s-32-14.3-32-32V80C0 53.5 21.5 32 48 32H224 400c26.5 0 48 21.5 48 48v48c0 17.7-14.3 32-32 32s-32-14.3-32-32V96H256l0 320h48c17.7 0 32 14.3 32 32s-14.3 32-32 32H144c-17.7 0-32-14.3-32-32s14.3-32 32-32h48l0-320H64z"/></svg>`,
+};
+
+/**
+ * Action to toggle the text color annotation visibility/state.
+ */
+class TextColorAnnotationAction extends TextSplittableAction {
+  constructor(textColor) {
+    super();
+    this.isFlushable = true;
+    this.textColor = textColor;
+  }
+  /**
+   * Converts the action into a text color annotation.
+   *
+   * @returns {Annotation} the annotation
+   */
+  toAnnotation() {
+    return new TextColorAnnotation(this.textColor);
+  }
+}
+
+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;
 };
 class ToolbarButtonSlimmer extends VegaSlimmer {
-  constructor({ icon, tooltip }) {
+  constructor({ icon, tooltip, autoFocusOnClick = true }) {
     super();
     this.renderBtn = ({ showArrowIcon, iconColor } = {}) => {
       var _a;
@@ -22,7 +46,7 @@ class ToolbarButtonSlimmer extends VegaSlimmer {
             DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaClick, () => {
               this.handleClick();
             });
-          }, selected: this.isSelected(), disabled: this.isDisabled() }, this.preventLostFocus()), (_a = this.renderSlotContent) === null || _a === void 0 ? void 0 : _a.call(this))));
+          }, selected: this.isSelected(), disabled: this.isDisabled(), hidden: this.isHidden() }, this.preventLostFocus()), (_a = this.renderSlotContent) === null || _a === void 0 ? void 0 : _a.call(this))));
     };
     /**
      * Handle the click event on the toolbar button.
@@ -31,7 +55,7 @@ class ToolbarButtonSlimmer extends VegaSlimmer {
     this.handleClick = () => {
       if (typeof this.onClick === 'function') {
         const selectedNodes = this.selectionController.getSelectedNodes();
-        if (!selectedNodes.length) {
+        if (!selectedNodes.length && this.autoFocusOnClick) {
           void this.focusController.focusOnLastTextNode().then(() => {
             this.onClick();
           });
@@ -43,6 +67,7 @@ class ToolbarButtonSlimmer extends VegaSlimmer {
     };
     this.icon = icon;
     this.tooltip = tooltip;
+    this.autoFocusOnClick = autoFocusOnClick;
   }
   setIcon(icon) {
     this.icon = icon;
@@ -58,47 +83,66 @@ class ToolbarButtonSlimmer extends VegaSlimmer {
   isDisabled() {
     return this.disabled;
   }
+  /**
+   * Whether the button is hidden or not.
+   */
+  isHidden() {
+    return false;
+  }
   preventLostFocus() {
     return {
       onMouseDown: (e) => e.preventDefault(),
     };
   }
 }
-__decorate$1([
+__decorate$2([
   MapToComponentField()
 ], ToolbarButtonSlimmer.prototype, "translationSlimmer", void 0);
-__decorate$1([
+__decorate$2([
   MapToComponentField()
 ], ToolbarButtonSlimmer.prototype, "selectionController", void 0);
-__decorate$1([
+__decorate$2([
   MapToComponentField()
 ], ToolbarButtonSlimmer.prototype, "focusController", void 0);
-__decorate$1([
+__decorate$2([
   MapToComponentField()
 ], ToolbarButtonSlimmer.prototype, "disabled", void 0);
 
-const text = {
-  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 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="M64 96v32c0 17.7-14.3 32-32 32s-32-14.3-32-32V80C0 53.5 21.5 32 48 32H224 400c26.5 0 48 21.5 48 48v48c0 17.7-14.3 32-32 32s-32-14.3-32-32V96H256l0 320h48c17.7 0 32 14.3 32 32s-14.3 32-32 32H144c-17.7 0-32-14.3-32-32s14.3-32 32-32h48l0-320H64z"/></svg>`,
+var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-
 /**
- * Action to toggle the text color annotation visibility/state.
+ * Abstract class for visual mode toolbar buttons, except for the source edit button.
  */
-class TextColorAnnotationAction extends TextSplittableAction {
-  constructor(textColor) {
-    super();
-    this.isFlushable = true;
-    this.textColor = textColor;
+class VisualModeToolbarButtonSlimmer extends ToolbarButtonSlimmer {
+  constructor(config) {
+    super(config);
   }
   /**
-   * Converts the action into a text color annotation.
+   * Determines if the button should be disabled.
+   * Determines whether should disable the button or not when the editor is not in source view mode, except for the source edit button.
    *
-   * @returns {Annotation} the annotation
+   * @returns {boolean} - True if the button is disabled, false otherwise.
    */
-  toAnnotation() {
-    return new TextColorAnnotation(this.textColor);
+  isDisabled() {
+    return super.isDisabled() && !this.sourceView;
+  }
+  /**
+   * Determines if the button should be hidden.
+   * Hide the button when the editor is in source view mode, except for the source edit button.
+   *
+   * @returns {boolean} - True if the button is hidden, false otherwise.
+   */
+  isHidden() {
+    return this.sourceView;
   }
 }
+__decorate$1([
+  MapToComponentField()
+], VisualModeToolbarButtonSlimmer.prototype, "sourceView", void 0);
 
 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;
@@ -106,7 +150,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
   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 TextColorToolbarButtonSlimmer extends ToolbarButtonSlimmer {
+class TextColorToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
   constructor() {
     super({
       icon: 'text',
@@ -250,6 +294,61 @@ class TextNodeRenderingRegistry {
 }
 const TextNodeRenderingRegistry$1 = new TextNodeRenderingRegistry();
 
+/**
+ * RTEDTORendererManager is a singleton class that manages the registration and retrieval of RTE DTO renderers.
+ */
+class RTEDTORendererManager {
+  constructor() {
+    // Register RTE DTO renderers, mapping type strings to their respective renderer instances.
+    this.RTE_DTO_RENDERER_MAP = new Map();
+    // Register RTE Toolbar Button Renderers, mapping type strings to their respective renderer instances.
+    this.RTE_TOOLBAR_BUTTON_RENDERER_MAP = new Map();
+  }
+  /**
+   * Registers a new RTE DTO renderer.
+   *
+   * @param {string} type - The type identifier for the RTE DTO renderer.
+   * @param {VegaRTEBaseRenderer} RTEDTORenderer - The renderer instance for the RTE DTO.
+   */
+  registerRTEDTORenderer(type, RTEDTORenderer) {
+    const existRenderer = this.RTE_DTO_RENDERER_MAP.get(type);
+    if (RTEDTORenderer &&
+      existRenderer &&
+      existRenderer.constructor.name !== RTEDTORenderer.constructor.name) {
+      throw new Error(`Renderer for type ${type} is already registered with a different class(${existRenderer.constructor.name}).`);
+    }
+    this.RTE_DTO_RENDERER_MAP.set(type, RTEDTORenderer);
+  }
+  /**
+   * Registers a new RTE Toolbar Button Renderer.
+   *
+   * @param {string} type - The type identifier for the RTE Toolbar Button Renderer.
+   * @param {VegaRTEToolbarButtonRenderer} RTEToolbarButtonRenderer - The renderer instance for the RTE Toolbar Button.
+   */
+  registerRTEToolbarButtonRenderer(type, RTEToolbarButtonRenderer) {
+    this.RTE_TOOLBAR_BUTTON_RENDERER_MAP.set(type, RTEToolbarButtonRenderer);
+  }
+  /**
+   * Retrieves the RTE renderer for a given type.
+   *
+   * @param {string} type - The type identifier for the RTE block.
+   * @returns {Nullable<BaseRenderer>} - The renderer instance for the RTE block, or null if not found.
+   */
+  getRTERenderer(type) {
+    return this.RTE_DTO_RENDERER_MAP.get(type);
+  }
+  /**
+   * Retrieves the RTE Toolbar Button Renderer for a given type.
+   *
+   * @param {string} type - The type identifier for the RTE Toolbar Button Renderer.
+   * @returns {Nullable<VegaRTEToolbarButtonRenderer>} - The renderer instance for the RTE Toolbar Button, or null if not found.
+   */
+  getRTEToolbarButtonRenderer(type) {
+    return this.RTE_TOOLBAR_BUTTON_RENDERER_MAP.get(type);
+  }
+}
+const RTEDTORendererManager$1 = new RTEDTORendererManager();
+
 /**
  * Action to add an image annotation to the editor
  */
@@ -270,4 +369,4 @@ class ImageAnnotationAction extends AnnotationAction {
   }
 }
 
-export { ImageAnnotationAction as I, TextNodeRenderingRegistry$1 as T, TextColorToolbarButtonSlimmer as a, ToolbarButtonSlimmer as b };
+export { ImageAnnotationAction as I, RTEDTORendererManager$1 as R, TextNodeRenderingRegistry$1 as T, VisualModeToolbarButtonSlimmer as V, TextColorToolbarButtonSlimmer as a, ToolbarButtonSlimmer as b };

package/dist/esm/{index-d0a47531.js → index-057d0f70.js}

@@ -1342,6 +1342,25 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
                 }
                 disconnectedCallback() {
                     plt.jmp(() => disconnectedCallback(this));
+                    /**
+                     * Clear up references within the `$vnode$` object to the DOM
+                     * node that was removed. This is necessary to ensure that these
+                     * references used as keys in the `hostRef` object can be properly
+                     * garbage collected.
+                     *
+                     * Also remove the reference from `deferredConnectedCallbacks` array
+                     * otherwise removed instances won't get garbage collected.
+                     */
+                    plt.raf(() => {
+                        const hostRef = getHostRef(this);
+                        const i = deferredConnectedCallbacks.findIndex((host) => host === this);
+                        if (i > -1) {
+                        deferredConnectedCallbacks.splice(i, 1);
+                        }
+                        if (hostRef?.$vnode$?.$elm$ instanceof Node && !hostRef.$vnode$.$elm$.isConnected) {
+                        delete hostRef.$vnode$.$elm$;
+                        }
+                    });
                 }
                 componentOnReady() {
                     return getHostRef(this).$onReadyPromise$;
@@ -1681,14 +1700,14 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './vega-selection-chip_2.entry.js').then(processMod, consoleError);
-        case 'vega-calendar_3':
-          return import(
-            /* webpackMode: "lazy" */
-            './vega-calendar_3.entry.js').then(processMod, consoleError);
         case 'vega-sidenav_3':
           return import(
             /* webpackMode: "lazy" */
             './vega-sidenav_3.entry.js').then(processMod, consoleError);
+        case 'vega-calendar_4':
+          return import(
+            /* webpackMode: "lazy" */
+            './vega-calendar_4.entry.js').then(processMod, consoleError);
         case 'vega-rich-text-editor_4':
           return import(
             /* webpackMode: "lazy" */

package/dist/esm/{index-fb3b74bd.js → index-18a340fb.js}

@@ -1,8 +1,8 @@
 import { W as WaitForVega } from './wait-for-vega-handler-c2c07ac3.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-factory-6374611f.js';
-import { V as VegaInternalComponentDidRender } from './vega-internal-event-id-4072659b.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-factory-202655e7.js';
+import { V as VegaInternalComponentDidRender } from './vega-internal-event-id-b7c865de.js';
 
 /* istanbul ignore next */
 /**

package/dist/esm/index.js

@@ -1,30 +1,29 @@
 export { g as getCurrentBreakpoint } from './page-resize-observer-slimmer-0bf7fbf3.js';
 export { L as LogUtility, s as setVegaLogLevel } from './global-slimmer-registry-17c4efd4.js';
-export { d as formatAndValidBackgroundColor, e as formatAndValidBorderColor, g as formatAndValidBorderRadius, c as formatAndValidBreakpointSize, a as formatAndValidGap, h as formatAndValidPadding, f as formatAndValidResponsiveToken, b as formatAndValidShadow, i as formatAndValidTextColor } from './design-token-23522f5c.js';
-export { c as camelToDashCase } from './string-be824360.js';
+export { d as formatAndValidBackgroundColor, e as formatAndValidBorderColor, g as formatAndValidBorderRadius, c as formatAndValidBreakpointSize, a as formatAndValidGap, h as formatAndValidPadding, f as formatAndValidResponsiveToken, b as formatAndValidShadow, i as formatAndValidTextColor } from './design-token-80dd7d60.js';
+export { c as camelToDashCase } from './string-a953eafc.js';
 export { d as BackgroundColorMap, a as BackgroundColors, e as BorderColorMap, b as BorderColors, B as BorderRadius, C as Colors, F as FillBackgroundColors, g as ShadowMap, f as Shadows, h as Spacing, S as StrokeBackgroundColors, c as TextColorMap, T as TextColors } from './type-guard-84b1f192.js';
 export { B as Breakpoints } from './breakpoints-d9faf11c.js';
 export { I as Icons, g as getIconFromToken } from './icons-8627925e.js';
 export { b as Typography, a as TypographyKeys, T as TypographyUrls } from './typography-396de03f.js';
 export { e as BoxDisplay, B as BreakpointKeys, C as CssStates, F as FlexDirections } from './ui-8424715a.js';
 export { F as FrameworkEnum, v as VegaEnvManager } from './vega-env-manager-8f8dc473.js';
-export { c as VegaDialog, d as VegaEventManager, V as VegaLoader, a as VegaNotify, f as VegaSkeletonLoader, b as VegaThemeManager, e as VegaZIndexManager } from './vega-skeleton-loader-controller-3f6faa17.js';
+export { c as VegaDialog, d as VegaEventManager, V as VegaLoader, a as VegaNotify, f as VegaSkeletonLoader, b as VegaThemeManager, e as VegaZIndexManager } from './vega-skeleton-loader-controller-38864fcd.js';
 export { F as FeatureFlag } from './feature-flag-controller-51659753.js';
-export { B as VegaJQueryDelegatedEventStrategy } from './internal-vega-event-manager-d80c53c5.js';
+export { B as VegaJQueryDelegatedEventStrategy } from './internal-vega-event-manager-526f8ed1.js';
 export { V as VegaIconManager } from './icon-manager-2ee1c619.js';
 export { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-cc497bec.js';
-export { w as waitForVega } from './index-fb3b74bd.js';
-export { a as VegaTranslation, s as VegaTranslationResourceEN } from './translation-a6eacb5f.js';
-export { R as RTEImageBlock, b as RTEListBlock, a as RTEListItemBlock, V as VegaRTEContent } from './content-state-a43e703e.js';
-export { M as ModifyContentAction, i as RTEBlock, a as RTEImageNode, v as RTENode, d as RTETextBlock, g as RTETextNode } from './code-block-7bd4cb87.js';
-export { G as GridColumns, a as GridRows } from './responsive-format-facade-d2632288.js';
-export { C as CodeLanguage } from './types-0cadfd73.js';
+export { w as waitForVega } from './index-18a340fb.js';
+export { a as VegaTranslation, s as VegaTranslationResourceEN } from './translation-833d9ef4.js';
+export { R as RTEImageBlock, c as RTEImageNode, b as RTEListBlock, a as RTEListItemBlock, V as VegaRTEContent } from './content-state-100d1efd.js';
+export { K as CodeLanguage, w as ModifyContentAction, l as RTEBlock, J as RTENode, R as RTETextBlock, a as RTETextNode } from './code-block-3d519665.js';
+export { G as GridColumns, a as GridRows } from './responsive-format-facade-4bf60125.js';
 export { C as CheckBoxRequiredRule } from './check-box-required-rule-cb0aa339.js';
 export { D as DateRequiredRule } from './date-required-rule-8944f3bf.js';
 export { I as InputPhoneNumberRequiredRule } from './input-phone-number-required-rule-be6a5572.js';
 export { I as InputRangeRequiredRule } from './input-range-required-rule-3ad74776.js';
 export { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
-export { R as RichTextEditorRequiredRule } from './rich-text-editor-required-rule-69d5f035.js';
+export { R as RichTextEditorRequiredRule } from './rich-text-editor-required-rule-423c3c83.js';
 export { T as TimeRangeRequiredRule, a as TimeRequiredRule } from './time-required-rule-a01163b5.js';
 export { T as ToggleSwitchRequiredRule } from './toggle-switch-required-rule-b3cf4302.js';
 export { F as FileUploaderRequiredRule } from './file-uploader-required-rule-ad886d01.js';
@@ -33,18 +32,19 @@ import './state-background-color-formatter-da5e76e8.js';
 import './regex-dfe11abf.js';
 import './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
 import './dynamic-slimmer-90b8af32.js';
-import './ui-7d177fb0.js';
-import './dark-mode-style-controller-ea798fc8.js';
-import './static-subject-title-ca83d6b6.js';
+import './ui-c20be16d.js';
+import './dark-mode-style-controller-3bbb32dc.js';
+import './static-subject-title-633b3474.js';
 import './change-manager-6a7eb88c.js';
 import './observer-3959f9dd.js';
 import './_commonjsHelpers-9943807e.js';
 import './number-4398f2e1.js';
 import './index-e9da316f.js';
-import './dom-node-subject-factory-6374611f.js';
+import './dom-node-subject-factory-202655e7.js';
 import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import './wait-for-vega-handler-c2c07ac3.js';
-import './vega-internal-event-id-4072659b.js';
+import './vega-internal-event-id-b7c865de.js';
+import './object-66c37948.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 import './date-c55b97f0.js';

package/dist/esm/{inject-keyboard-manager-5141d09a.js → inject-keyboard-manager-a28dfee4.js}

@@ -1,4 +1,4 @@
-import { K as KeyboardManager } from './keyboard-manager-3ffe81b0.js';
+import { K as KeyboardManager } from './keyboard-manager-fa6355cb.js';
 
 /**
  * It takes a function that returns an array of keyboard event listeners, and returns a decorator

package/dist/esm/{internal-vega-event-manager-d80c53c5.js → internal-vega-event-manager-526f8ed1.js}

@@ -1,4 +1,4 @@
-import { V as VegaExpand, a as VegaClick, b as VegaDropdownClick, c as VegaClose, e as VegaActionButtonClick, f as VegaChange, g as VegaEventClick, h as VegaDateDblClick, i as VegaMoreActionClick, j as VegaPageUpdate, k as VegaRemove, l as VegaCreate, m as VegaSearch, n as VegaDropdownShow, o as VegaDropdownHide, p as VegaReset, q as VegaDropdownSearch, r as VegaSearchTrigger, s as VegaLabelButtonClick, t as VegaSelectFileChange, u as VegaRetry, v as VegaPreview, w as VegaFormSubmit, x as VegaFormReset, y as VegaValidate, z as VegaCancel, A as VegaFocus, B as VegaBlur, C as VegaCountryChange, D as VegaShow, E as VegaHide, F as VegaToggleStatus, G as VegaOpen, H as VegaStateUpdate, I as VegaGroupClick, J as VegaMenuClick, K as VegaActionClick, L as VegaPageSizeChange, M as VegaPopoverShow, N as VegaPopoverHide, O as VegaCurrentStepUpdate, P as VegaImageInserted, Q as VegaSelectChange, R as VegaSelectAllChange, S as VegaRowClick, T as VegaRowExpand, U as VegaRowSelect, W as VegaRowSelectAll } from './dom-node-subject-factory-6374611f.js';
+import { V as VegaExpand, a as VegaClick, b as VegaDropdownClick, c as VegaClose, e as VegaActionButtonClick, f as VegaChange, g as VegaEventClick, h as VegaDateDblClick, i as VegaMoreActionClick, j as VegaPageUpdate, k as VegaRemove, l as VegaCreate, m as VegaSearch, n as VegaDropdownShow, o as VegaDropdownHide, p as VegaReset, q as VegaDropdownSearch, r as VegaSearchTrigger, s as VegaLabelButtonClick, t as VegaSelectFileChange, u as VegaRetry, v as VegaPreview, w as VegaFormSubmit, x as VegaFormReset, y as VegaValidate, z as VegaCancel, A as VegaFocus, B as VegaBlur, C as VegaCountryChange, D as VegaShow, E as VegaHide, F as VegaToggleStatus, G as VegaOpen, H as VegaStateUpdate, I as VegaGroupClick, J as VegaMenuClick, K as VegaActionClick, L as VegaPageSizeChange, M as VegaPopoverShow, N as VegaPopoverHide, O as VegaCurrentStepUpdate, P as VegaImageInserted, Q as VegaSelectChange, R as VegaSelectAllChange, S as VegaRowClick, T as VegaRowExpand, U as VegaRowSelect, W as VegaRowSelectAll } from './dom-node-subject-factory-202655e7.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
 
 const entries = [

package/dist/esm/{keyboard-manager-3ffe81b0.js → keyboard-manager-fa6355cb.js}

@@ -1,4 +1,4 @@
-import { i as isParent, d as getDeepActiveElementInShadow } from './ui-7d177fb0.js';
+import { b as isParent, e as getDeepActiveElementInShadow } from './ui-c20be16d.js';
 import { i as isNonNullable } from './type-guard-84b1f192.js';
 
 /**

package/dist/esm/{keyboard-manager-slimmer-751e98f5.js → keyboard-manager-slimmer-818050ee.js}

@@ -1,5 +1,5 @@
 import { M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { K as KeyboardManager } from './keyboard-manager-3ffe81b0.js';
+import { K as KeyboardManager } from './keyboard-manager-fa6355cb.js';
 
 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;