@globalpayments/vega 2.58.0 → 2.59.0

package/dist/cjs/{dark-mode-state-controller-slimmer-add5d8a8.js → dark-mode-state-controller-slimmer-17022f93.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const staticSubjectTitle = require('./static-subject-title-7e7d791a.js');
+const staticSubjectTitle = require('./static-subject-title-85732e0f.js');
 const observer = require('./observer-f49483e8.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 

package/dist/cjs/{dark-mode-style-controller-f9a32d68.js → dark-mode-style-controller-ab0703e1.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const staticSubjectTitle = require('./static-subject-title-7e7d791a.js');
+const staticSubjectTitle = require('./static-subject-title-85732e0f.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const observer = require('./observer-f49483e8.js');
 const _commonjsHelpers = require('./_commonjsHelpers-537d719a.js');

package/dist/cjs/{deprecated-property-slimmer-4f15005f.js → deprecated-property-slimmer-1eb8f031.js}

@@ -2,7 +2,7 @@
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
-const object = require('./object-bbd4ed7f.js');
+const object = require('./object-e2e28e3d.js');
 
 /** DeprecatedPropertySlimmer compares new property with default value, if they are different, return new property; otherwise, return old property */
 class DeprecatedPropertySlimmerBase extends globalSlimmerRegistry.VegaSlimmer {

package/dist/cjs/{design-token-e771bb16.js → design-token-deb195e9.js}

@@ -3,7 +3,7 @@
 const typeGuard = require('./type-guard-aa8fdeaf.js');
 const breakpoints = require('./breakpoints-ebde4837.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const responsiveFormatFacade = require('./responsive-format-facade-d164ced7.js');
+const responsiveFormatFacade = require('./responsive-format-facade-20c63e07.js');
 const typography = require('./typography-4560e7f1.js');
 const stateBackgroundColorFormatter = require('./state-background-color-formatter-c57409ea.js');
 const ui = require('./ui-32e69595.js');

package/dist/cjs/{dom-node-subject-factory-769dd00f.js → dom-node-subject-factory-bad99695.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const ui = require('./ui-6c069604.js');
+const ui = require('./ui-4ce1fa08.js');
 
 /** The VegaEventID class represents an event ID with both a Vega name and a native name. */
 class VegaEventID {

package/dist/cjs/{dom-node-subject-observer-factory-5aa4cc83.js → dom-node-subject-observer-factory-df6e6df0.js}

@@ -2,7 +2,7 @@
 
 const changeManager = require('./change-manager-a297e4d2.js');
 const observer = require('./observer-f49483e8.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-769dd00f.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-bad99695.js');
 
 /**
  * The function `domAcceptableHandle` always returns `true`.

package/dist/cjs/{element-appender-slimmer-7f98d16b.js → element-appender-slimmer-299039f1.js}

@@ -1,19 +1,19 @@
 'use strict';
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const ui = require('./ui-6c069604.js');
-const vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-d534f5a1.js');
+const ui = require('./ui-4ce1fa08.js');
+const vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-b1971f43.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.js');
 const ui$1 = require('./ui-32e69595.js');
 const typeGuard = require('./type-guard-aa8fdeaf.js');
-const responsiveFormatFacade = require('./responsive-format-facade-d164ced7.js');
+const responsiveFormatFacade = require('./responsive-format-facade-20c63e07.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const staticSubjectTitle = require('./static-subject-title-7e7d791a.js');
+const staticSubjectTitle = require('./static-subject-title-85732e0f.js');
 const observer = require('./observer-f49483e8.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-769dd00f.js');
-const vegaInternalEventId = require('./vega-internal-event-id-bda08efa.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5aa4cc83.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-bad99695.js');
+const vegaInternalEventId = require('./vega-internal-event-id-ae6e2c13.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-df6e6df0.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/cjs/{event-emit-slimmer-6154c759.js → event-emit-slimmer-efc70b94.js}

@@ -3,9 +3,9 @@
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-769dd00f.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5aa4cc83.js');
-const internalVegaEventManager = require('./internal-vega-event-manager-e98944ac.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-bad99695.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-df6e6df0.js');
+const internalVegaEventManager = require('./internal-vega-event-manager-83065493.js');
 const tryGetDocument = require('./try-get-document-c0ebd39a.js');
 
 var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/cjs/{form-field-controller-slimmer-7bb7df10.js → form-field-controller-slimmer-772d1892.js}

@@ -1,23 +1,23 @@
 'use strict';
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const string = require('./string-21427167.js');
+const string = require('./string-39438062.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const observer = require('./observer-f49483e8.js');
-const staticSubjectTitle = require('./static-subject-title-7e7d791a.js');
-const ui = require('./ui-6c069604.js');
+const staticSubjectTitle = require('./static-subject-title-85732e0f.js');
+const ui = require('./ui-4ce1fa08.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-769dd00f.js');
-const vegaInternalEventId = require('./vega-internal-event-id-bda08efa.js');
-const translation = require('./translation-de7e351e.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-bad99695.js');
+const vegaInternalEventId = require('./vega-internal-event-id-ae6e2c13.js');
+const translation = require('./translation-cde4dce3.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5aa4cc83.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-df6e6df0.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
 const mutationObserverFilters = require('./mutation-observer-filters-38cebc6d.js');
 const array = require('./array-249289f2.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-93d0a609.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-0788232a.js');
 
 /** The `FormFieldValidationRuleHandler` class is responsible for handling the validation rules for a form field. */
 class FormFieldValidationRuleHandler {
@@ -304,18 +304,20 @@ class FieldErrorUIControllerSlimmer extends globalSlimmerRegistry.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.ChangeManager.notify(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalFieldErrorStateChange), {
+      host: this.host,
+      showError: true,
+    });
+    if (inputContainer) {
       inputContainer.classList.add('error');
-      changeManager.ChangeManager.notify(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.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');
+      }
     }
   }
   /**
@@ -898,8 +900,8 @@ class FieldErrorControllerSlimmer extends globalSlimmerRegistry.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 {
@@ -929,10 +931,8 @@ class FieldErrorControllerSlimmer extends globalSlimmerRegistry.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/cjs/{image-annotation-action-6715d6f3.js → image-annotation-action-117fee1f.js}

@@ -1,21 +1,45 @@
 'use strict';
 
-const index = require('./index-7700600c.js');
-const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5aa4cc83.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-769dd00f.js');
+const index = require('./index-00ba6623.js');
 const internalIconManager = require('./internal-icon-manager-f8677abb.js');
-const codeBlock = require('./code-block-7650c868.js');
-const darkModeStyleController = require('./dark-mode-style-controller-f9a32d68.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
+const codeBlock = require('./code-block-4bfae76d.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-df6e6df0.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-bad99695.js');
+const darkModeStyleController = require('./dark-mode-style-controller-ab0703e1.js');
+const contentState = require('./content-state-0da174e0.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 codeBlock.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 codeBlock.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 globalSlimmerRegistry.VegaSlimmer {
-  constructor({ icon, tooltip }) {
+  constructor({ icon, tooltip, autoFocusOnClick = true }) {
     super();
     this.renderBtn = ({ showArrowIcon, iconColor } = {}) => {
       var _a;
@@ -24,7 +48,7 @@ class ToolbarButtonSlimmer extends globalSlimmerRegistry.VegaSlimmer {
             domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.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.
@@ -33,7 +57,7 @@ class ToolbarButtonSlimmer extends globalSlimmerRegistry.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();
           });
@@ -45,6 +69,7 @@ class ToolbarButtonSlimmer extends globalSlimmerRegistry.VegaSlimmer {
     };
     this.icon = icon;
     this.tooltip = tooltip;
+    this.autoFocusOnClick = autoFocusOnClick;
   }
   setIcon(icon) {
     this.icon = icon;
@@ -60,47 +85,66 @@ class ToolbarButtonSlimmer extends globalSlimmerRegistry.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([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarButtonSlimmer.prototype, "translationSlimmer", void 0);
-__decorate$1([
+__decorate$2([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarButtonSlimmer.prototype, "selectionController", void 0);
-__decorate$1([
+__decorate$2([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarButtonSlimmer.prototype, "focusController", void 0);
-__decorate$1([
+__decorate$2([
   globalSlimmerRegistry.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 codeBlock.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 codeBlock.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([
+  globalSlimmerRegistry.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;
@@ -108,7 +152,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',
@@ -252,6 +296,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
  */
@@ -268,11 +367,13 @@ class ImageAnnotationAction extends codeBlock.AnnotationAction {
    * @returns {ImageAnnotation} The annotation
    */
   toAnnotation() {
-    return new codeBlock.ImageAnnotation(this.size, this.alt);
+    return new contentState.ImageAnnotation(this.size, this.alt);
   }
 }
 
 exports.ImageAnnotationAction = ImageAnnotationAction;
+exports.RTEDTORendererManager = RTEDTORendererManager$1;
 exports.TextColorToolbarButtonSlimmer = TextColorToolbarButtonSlimmer;
 exports.TextNodeRenderingRegistry = TextNodeRenderingRegistry$1;
 exports.ToolbarButtonSlimmer = ToolbarButtonSlimmer;
+exports.VisualModeToolbarButtonSlimmer = VisualModeToolbarButtonSlimmer;

package/dist/cjs/{index-7700600c.js → index-00ba6623.js}

@@ -1364,6 +1364,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$;
@@ -1703,14 +1722,14 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
             /* webpackMode: "lazy" */
             './vega-selection-chip_2.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'vega-calendar_3.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './vega-calendar_3.cjs.entry.js')); }).then(processMod, consoleError);
         case 'vega-sidenav_3.cjs':
           return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
             /* webpackMode: "lazy" */
             './vega-sidenav_3.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'vega-calendar_4.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './vega-calendar_4.cjs.entry.js')); }).then(processMod, consoleError);
         case 'vega-rich-text-editor_4.cjs':
           return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
             /* webpackMode: "lazy" */

package/dist/cjs/{index-ee4bc191.js → index-10199ee8.js}

@@ -3,8 +3,8 @@
 const waitForVegaHandler = require('./wait-for-vega-handler-5469ff80.js');
 const observer = require('./observer-f49483e8.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-769dd00f.js');
-const vegaInternalEventId = require('./vega-internal-event-id-bda08efa.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-bad99695.js');
+const vegaInternalEventId = require('./vega-internal-event-id-ae6e2c13.js');
 
 /* istanbul ignore next */
 /**

package/dist/cjs/index.cjs.js

@@ -4,31 +4,30 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const designToken = require('./design-token-e771bb16.js');
-const string = require('./string-21427167.js');
+const designToken = require('./design-token-deb195e9.js');
+const string = require('./string-39438062.js');
 const typeGuard = require('./type-guard-aa8fdeaf.js');
 const breakpoints = require('./breakpoints-ebde4837.js');
 const icons = require('./icons-dbc3eb9c.js');
 const typography = require('./typography-4560e7f1.js');
 const ui = require('./ui-32e69595.js');
 const vegaEnvManager = require('./vega-env-manager-23b8b23c.js');
-const vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-d534f5a1.js');
+const vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-b1971f43.js');
 const featureFlagController = require('./feature-flag-controller-ce2162c8.js');
-const internalVegaEventManager = require('./internal-vega-event-manager-e98944ac.js');
+const internalVegaEventManager = require('./internal-vega-event-manager-83065493.js');
 const iconManager = require('./icon-manager-9072356d.js');
 const validCreditCardNumberRule = require('./valid-credit-card-number-rule-4a1b00b8.js');
-const index = require('./index-ee4bc191.js');
-const translation = require('./translation-de7e351e.js');
-const contentState = require('./content-state-fd5ad4a8.js');
-const codeBlock = require('./code-block-7650c868.js');
-const responsiveFormatFacade = require('./responsive-format-facade-d164ced7.js');
-const types = require('./types-a4295b11.js');
+const index = require('./index-10199ee8.js');
+const translation = require('./translation-cde4dce3.js');
+const contentState = require('./content-state-0da174e0.js');
+const codeBlock = require('./code-block-4bfae76d.js');
+const responsiveFormatFacade = require('./responsive-format-facade-20c63e07.js');
 const checkBoxRequiredRule = require('./check-box-required-rule-1ee54b9a.js');
 const dateRequiredRule = require('./date-required-rule-4e1f84fd.js');
 const inputPhoneNumberRequiredRule = require('./input-phone-number-required-rule-2668fdf1.js');
 const inputRangeRequiredRule = require('./input-range-required-rule-5b9c2a95.js');
 const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
-const richTextEditorRequiredRule = require('./rich-text-editor-required-rule-91eb0e22.js');
+const richTextEditorRequiredRule = require('./rich-text-editor-required-rule-fbf8cbab.js');
 const timeRequiredRule = require('./time-required-rule-ccf178e7.js');
 const toggleSwitchRequiredRule = require('./toggle-switch-required-rule-88a51b36.js');
 const fileUploaderRequiredRule = require('./file-uploader-required-rule-313ec9e3.js');
@@ -37,18 +36,19 @@ require('./state-background-color-formatter-c57409ea.js');
 require('./regex-c1f70fd4.js');
 require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./ui-6c069604.js');
-require('./dark-mode-style-controller-f9a32d68.js');
-require('./static-subject-title-7e7d791a.js');
+require('./ui-4ce1fa08.js');
+require('./dark-mode-style-controller-ab0703e1.js');
+require('./static-subject-title-85732e0f.js');
 require('./change-manager-a297e4d2.js');
 require('./observer-f49483e8.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./number-4816603d.js');
 require('./index-4d7bce1a.js');
-require('./dom-node-subject-factory-769dd00f.js');
+require('./dom-node-subject-factory-bad99695.js');
 require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./wait-for-vega-handler-5469ff80.js');
-require('./vega-internal-event-id-bda08efa.js');
+require('./vega-internal-event-id-ae6e2c13.js');
+require('./object-e2e28e3d.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
 require('./date-0a6bb035.js');
@@ -117,23 +117,23 @@ exports.waitForVega = index.waitForVega;
 exports.VegaTranslation = translation.VegaTranslation;
 exports.VegaTranslationResourceEN = translation.staticTranslations;
 exports.RTEImageBlock = contentState.RTEImageBlock;
+exports.RTEImageNode = contentState.RTEImageNode;
 exports.RTEListBlock = contentState.RTEListBlock;
 exports.RTEListItemBlock = contentState.RTEListItemBlock;
 exports.VegaRTEContent = contentState.VegaRTEContent;
+Object.defineProperty(exports, 'CodeLanguage', {
+	enumerable: true,
+	get: function () {
+		return codeBlock.CodeLanguage;
+	}
+});
 exports.ModifyContentAction = codeBlock.ModifyContentAction;
 exports.RTEBlock = codeBlock.RTEBlock;
-exports.RTEImageNode = codeBlock.RTEImageNode;
 exports.RTENode = codeBlock.RTENode;
 exports.RTETextBlock = codeBlock.RTETextBlock;
 exports.RTETextNode = codeBlock.RTETextNode;
 exports.GridColumns = responsiveFormatFacade.GridColumns;
 exports.GridRows = responsiveFormatFacade.GridRows;
-Object.defineProperty(exports, 'CodeLanguage', {
-	enumerable: true,
-	get: function () {
-		return types.CodeLanguage;
-	}
-});
 exports.CheckBoxRequiredRule = checkBoxRequiredRule.CheckBoxRequiredRule;
 exports.DateRequiredRule = dateRequiredRule.DateRequiredRule;
 exports.InputPhoneNumberRequiredRule = inputPhoneNumberRequiredRule.InputPhoneNumberRequiredRule;

package/dist/cjs/{inject-keyboard-manager-f1f781b7.js → inject-keyboard-manager-70382bae.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const keyboardManager = require('./keyboard-manager-0be55fb9.js');
+const keyboardManager = require('./keyboard-manager-6858915b.js');
 
 /**
  * It takes a function that returns an array of keyboard event listeners, and returns a decorator

package/dist/cjs/{internal-vega-event-manager-e98944ac.js → internal-vega-event-manager-83065493.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const domNodeSubjectFactory = require('./dom-node-subject-factory-769dd00f.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-bad99695.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 
 const entries = [

package/dist/cjs/{keyboard-manager-0be55fb9.js → keyboard-manager-6858915b.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const ui = require('./ui-6c069604.js');
+const ui = require('./ui-4ce1fa08.js');
 const typeGuard = require('./type-guard-aa8fdeaf.js');
 
 /**

package/dist/cjs/{keyboard-manager-slimmer-92c7227b.js → keyboard-manager-slimmer-faca2038.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const keyboardManager = require('./keyboard-manager-0be55fb9.js');
+const keyboardManager = require('./keyboard-manager-6858915b.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;