@globalpayments/vega 2.70.0 → 2.75.1

package/dist/cjs/{app-globals-837be7a6.js → app-globals-35614ce8.js}

@@ -1,20 +1,21 @@
 'use strict';
 
 const featureFlagController = require('./feature-flag-controller-ce2162c8.js');
-const functionExtension = require('./function-extension-28a4d781.js');
+const functionExtension = require('./function-extension-cfbbc57e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const vegaEnvManager = require('./vega-env-manager-23b8b23c.js');
 const internalIconManager = require('./internal-icon-manager-32f9ed63.js');
 require('./wait-for-vega-handler-5469ff80.js');
 require('./ui-9e181079.js');
 const translation = require('./translation-5f9f9c0c.js');
-const dtoRendererManager = require('./dto-renderer-manager-c917dade.js');
+const dtoRendererManager = require('./dto-renderer-manager-03e1a038.js');
 const vegaNonceManager = require('./vega-nonce-manager-df69d3ed.js');
-const codeBlock = require('./code-block-bb4cbafa.js');
+const codeBlock = require('./code-block-c1d2e6a8.js');
+require('./type-guard-a0f026d8.js');
 const typography = require('./typography-4560e7f1.js');
-const validCreditCardNumberRule = require('./valid-credit-card-number-rule-ce5c9147.js');
-const index$1 = require('./index-4b896e76.js');
-const languageExtension = require('./language-extension-99c6fb40.js');
+const validCreditCardNumberRule = require('./valid-credit-card-number-rule-c854bed9.js');
+const index$1 = require('./index-95fca64f.js');
+const languageExtension = require('./language-extension-8c4a56ff.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const observer = require('./observer-f49483e8.js');
@@ -399,7 +400,7 @@ function injectVegaRichTextEditorClassIntoGlobal() {
  * Inject VegaPublicValidationRules to global as a public api
  */
 function injectVegaPublicValidationRules() {
-  void Promise.resolve().then(function () { return require('./public-rules-759c745b.js'); }).then((module) => {
+  void Promise.resolve().then(function () { return require('./public-rules-dc2a8d62.js'); }).then((module) => {
     Object.entries(module).forEach(([name, value]) => {
       globalThis[name] = value;
     });

package/dist/cjs/{child-nodes-event-prevent-slimmer-f8840f1b.js → child-nodes-event-prevent-slimmer-aca87dac.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const internalVegaEventManager = require('./internal-vega-event-manager-45d451de.js');
+const internalVegaEventManager = require('./internal-vega-event-manager-6befeb34.js');
 const vegaEnvManager = require('./vega-env-manager-23b8b23c.js');
 const featureFlagController = require('./feature-flag-controller-ce2162c8.js');
 

package/dist/cjs/click-outside-only-to-dismiss-strategy-407f6d1e.js

@@ -0,0 +1,32 @@
+'use strict';
+
+/**
+ * A trigger strategy that hides the appendable element when a global mouse down event occurs outside the element.
+ */
+class ClickOutsideOnlyToDismissStrategy {
+  /**
+   * Determines if the strategy can evaluate the given event type.
+   *
+   * @param {VegaEAEventType} type - The type of the event.
+   * @returns {boolean} True if the event type is 'globalMouseDown', otherwise false.
+   */
+  canEvaluate(type) {
+    return type === 'click-outside';
+  }
+  /**
+   * Evaluates the trigger context and determines whether to hide the appendable element.
+   *
+   * @param {VegaEATriggerContext} context - The context of the trigger event.
+   * @returns {VegaEATriggerResult} An object indicating whether to hide the appendable element.
+   */
+  evaluate(context) {
+    if (context.eventType === 'click-outside' && context.currentState.isVisible) {
+      return {
+        nextAction: 'hide',
+      };
+    }
+    return {};
+  }
+}
+
+exports.ClickOutsideOnlyToDismissStrategy = ClickOutsideOnlyToDismissStrategy;

package/dist/cjs/{code-block-bb4cbafa.js → code-block-c1d2e6a8.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 const changeManager = require('./change-manager-a297e4d2.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-f040608b.js');
-const vegaInternalEventId = require('./vega-internal-event-id-6d4a2c53.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-b5e71bf6.js');
+const vegaInternalEventId = require('./vega-internal-event-id-f2465f1b.js');
 const string = require('./string-39438062.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const typeGuard = require('./type-guard-f12b5bae.js');
+const typeGuard = require('./type-guard-a0f026d8.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 const darkModeStyleController = require('./dark-mode-style-controller-c21172aa.js');
 const object = require('./object-e2e28e3d.js');
@@ -2622,7 +2622,7 @@ class PlainTextAnnotation extends NodeAnnotation {
    * @inheritDoc
    */
   toJSON() {
-    return { plainText: this.plainText };
+    return this.plainText ? { plainText: this.plainText } : undefined;
   }
 }
 
@@ -3031,93 +3031,41 @@ class TextStyleAnnotation extends BlockAnnotation {
   renderStyle(options) {
     if (!(options === null || options === void 0 ? void 0 : options.standalone))
       return null;
-    const paragraphStyle = {
+    const textStyleBase = {
       fontFamily: 'Inter',
       fontSize: '16px',
       lineHeight: '22px',
+      minHeight: '22px',
       fontWeight: '500',
-      marginTop: '0px',
-      marginBottom: '0px',
     };
+    const paragraphStyle = Object.assign(Object.assign({}, textStyleBase), { marginTop: '0px', marginBottom: '0px' });
     switch (this.textStyle) {
       case 'paragraph': {
         return paragraphStyle;
       }
       case 'title': {
-        return {
-          fontFamily: 'Inter',
-          fontSize: '36px',
-          lineHeight: '40px',
-          fontWeight: '500',
-        };
+        return Object.assign(Object.assign({}, textStyleBase), { fontSize: '36px', lineHeight: '40px', minHeight: '40px' });
       }
       case 'subtitle': {
-        return {
-          fontFamily: 'Inter',
-          fontSize: '28px',
-          lineHeight: '32px',
-          fontWeight: '500',
-        };
+        return Object.assign(Object.assign({}, textStyleBase), { fontSize: '28px', lineHeight: '32px', minHeight: '32px' });
       }
       case 'heading-1': {
-        return {
-          fontFamily: 'Inter',
-          fontSize: '22px',
-          lineHeight: '24px',
-          fontWeight: '500',
-          marginTop: '0px',
-          marginBottom: '0px',
-        };
+        return Object.assign(Object.assign({}, textStyleBase), { fontSize: '22px', lineHeight: '24px', minHeight: '24px', marginTop: '0px', marginBottom: '0px' });
       }
       case 'heading-2': {
-        return {
-          fontFamily: 'Inter',
-          fontSize: '20px',
-          lineHeight: '24px',
-          fontWeight: '500',
-          marginTop: '0px',
-          marginBottom: '0px',
-        };
+        return Object.assign(Object.assign({}, textStyleBase), { fontSize: '20px', lineHeight: '24px', minHeight: '24px', marginTop: '0px', marginBottom: '0px' });
       }
       case 'heading-3': {
-        return {
-          fontFamily: 'Inter',
-          fontSize: '18px',
-          lineHeight: '22px',
-          fontWeight: '500',
-          marginTop: '0px',
-          marginBottom: '0px',
-        };
+        return Object.assign(Object.assign({}, textStyleBase), { fontSize: '18px', lineHeight: '22px', minHeight: '22px', marginTop: '0px', marginBottom: '0px' });
       }
       case 'heading-4': {
-        return {
-          fontFamily: 'Inter',
-          fontSize: '16px',
-          lineHeight: '22px',
-          fontWeight: '500',
-          marginTop: '0px',
-          marginBottom: '0px',
-        };
+        return Object.assign(Object.assign({}, textStyleBase), { fontSize: '16px', lineHeight: '22px', minHeight: '22px', marginTop: '0px', marginBottom: '0px' });
       }
       case 'heading-5': {
-        return {
-          fontFamily: 'Inter',
-          fontSize: '14px',
-          lineHeight: '22px',
-          fontWeight: '500',
-          marginTop: '0px',
-          marginBottom: '0px',
-        };
+        return Object.assign(Object.assign({}, textStyleBase), { fontSize: '14px', lineHeight: '22px', minHeight: '22px', marginTop: '0px', marginBottom: '0px' });
       }
       case 'heading-6': {
-        return {
-          fontFamily: 'Inter',
-          fontSize: '12px',
-          lineHeight: '22px',
-          fontWeight: '500',
-          marginTop: '0px',
-          marginBottom: '0px',
-        };
+        return Object.assign(Object.assign({}, textStyleBase), { fontSize: '12px', lineHeight: '22px', minHeight: '22px', marginTop: '0px', marginBottom: '0px' });
       }
     }
   }

package/dist/cjs/{component-value-history-controller-slimmer.abstract-cf7b4bda.js → component-value-history-controller-slimmer.abstract-787c67dc.js}

@@ -1,17 +1,17 @@
 'use strict';
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const codeBlock = require('./code-block-bb4cbafa.js');
+const codeBlock = require('./code-block-c1d2e6a8.js');
 const timer = require('./timer-5f33058b.js');
 const component = require('./component-1e352960.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-f040608b.js');
-const vegaInternalEventId = require('./vega-internal-event-id-6d4a2c53.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-b5e71bf6.js');
+const vegaInternalEventId = require('./vega-internal-event-id-f2465f1b.js');
 const observer = require('./observer-f49483e8.js');
-const range = require('./range-0b597850.js');
+const range = require('./range-79b668e7.js');
 const synchronizeTaskQueue = require('./synchronize-task-queue-1ee80e94.js');
 const ui = require('./ui-9e181079.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-62f072cd.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-0d45f944.js');
 
 let processing = false;
 /**

package/dist/cjs/{date-required-rule-4e1f84fd.js → date-required-rule-30ee62d0.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const date = require('./date-0a6bb035.js');
+const typeGuard = require('./type-guard-a0f026d8.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 
 /**
@@ -33,10 +33,10 @@ class DateRequiredRule extends internalFormFieldValidationRule_abstract.Internal
     let isValid;
     switch (this.config.mode) {
       case 'single':
-        isValid = date.isDateStr(input);
+        isValid = typeGuard.isDateStr(input);
         break;
       case 'range':
-        isValid = Array.isArray(input) && input.length === 2 && input.every(date.isDateStr);
+        isValid = Array.isArray(input) && input.length === 2 && input.every(typeGuard.isDateStr);
         break;
     }
     return {

package/dist/cjs/{design-token-00fe8d2f.js → design-token-bb39e07e.js}

@@ -1,18 +1,17 @@
 'use strict';
 
-const typeGuard = require('./type-guard-f12b5bae.js');
+const typeGuard = require('./type-guard-a0f026d8.js');
 const breakpoints = require('./breakpoints-ebde4837.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const responsiveFormatFacade = require('./responsive-format-facade-1d9c13a9.js');
+const responsiveFormatFacade = require('./responsive-format-facade-d5dba942.js');
 const typography = require('./typography-4560e7f1.js');
-const stateBackgroundColorFormatter = require('./state-background-color-formatter-aa5570f6.js');
 const ui = require('./ui-32e69595.js');
 
 /**
  * The `StateBorderColorFormatter` class in TypeScript formats border color tokens based on
  * input values and provides an array of CSS states.
  */
-class StateBorderColorFormatter extends stateBackgroundColorFormatter.StateVariantFormatter {
+class StateBorderColorFormatter extends typeGuard.StateVariantFormatter {
   constructor() {
     super(...arguments);
     this.states = ['default', 'focus-visible', 'hover', 'active'];
@@ -54,7 +53,7 @@ const StateBorderColorFormatter$1 = new StateBorderColorFormatter();
  * The `StateShadowFormatter` class in TypeScript formats a CSS `box-shadow` property based on a
  * ShadowsTokenType input and provides an array of CssStatesType objects.
  */
-class StateShadowFormatter extends stateBackgroundColorFormatter.StateVariantFormatter {
+class StateShadowFormatter extends typeGuard.StateVariantFormatter {
   constructor() {
     super(...arguments);
     this.states = ['default', 'focus-visible', 'hover'];
@@ -93,7 +92,7 @@ const StateShadowFormatter$1 = new StateShadowFormatter();
  * The `StateBorderFormatter` class in TypeScript formats border token values into CSS border properties
  * and provides state information.
  */
-class StateBorderFormatter extends stateBackgroundColorFormatter.StateVariantFormatter {
+class StateBorderFormatter extends typeGuard.StateVariantFormatter {
   constructor() {
     super(...arguments);
     this.states = ['default', 'focus-visible', 'hover', 'active'];
@@ -158,7 +157,7 @@ class StateFormatFacade {
   format(input, flag) {
     switch (flag) {
       case 'backgroundColor':
-        return stateBackgroundColorFormatter.stateBackgroundColorFormatter.format(input);
+        return typeGuard.StateBackgroundColorFormatter.format(input);
       case 'borderColor':
         return StateBorderColorFormatter$1.format(input);
       case 'shadow':

package/dist/cjs/{dom-node-subject-observer-factory-f040608b.js → dom-node-subject-observer-factory-b5e71bf6.js}

@@ -107,10 +107,14 @@ const VegaRetry = new VegaEventID('vegaRetry', 'retry');
 const VegaPreview = new VegaEventID('vegaPreview', 'preview');
 const VegaLabelButtonClick = new VegaEventID('vegaLabelButtonClick', 'labelButtonClick');
 const VegaReset = new VegaEventID('vegaReset', 'reset');
-const VegaMonthYearChange = new VegaEventID('vegaMonthYearChange', 'monthYearChange');
+const VegaClear = new VegaEventID('vegaClear', 'clear');
 const VegaComplete = new VegaEventID('vegaComplete', 'complete');
 const VegaPaste = new VegaEventID('vegaPaste', 'paste');
 const HTMLNativeEventIds = [VegaChange, VegaClick, VegaFocus, VegaBlur, VegaPaste];
+const VegaMonthYearChange = new VegaEventID('vegaMonthYearChange', 'monthYearChange');
+const VegaSelectionChange = new VegaEventID('vegaSelectionChange', 'selectionChange');
+const VegaSuggestionItemClick = new VegaEventID('vegaSuggestionItemClick', 'suggestionItemClick');
+const VegaNativeInputChange = new VegaEventID('vegaNativeInputChange', 'nativeInputChange');
 
 /** The DomNodeSubject class represents a subject related to DOM nodes. */
 class DomNodeSubject {
@@ -251,6 +255,7 @@ exports.VegaActionClick = VegaActionClick;
 exports.VegaBlur = VegaBlur;
 exports.VegaCancel = VegaCancel;
 exports.VegaChange = VegaChange;
+exports.VegaClear = VegaClear;
 exports.VegaClick = VegaClick;
 exports.VegaClose = VegaClose;
 exports.VegaComplete = VegaComplete;
@@ -275,6 +280,7 @@ exports.VegaLabelButtonClick = VegaLabelButtonClick;
 exports.VegaMenuClick = VegaMenuClick;
 exports.VegaMonthYearChange = VegaMonthYearChange;
 exports.VegaMoreActionClick = VegaMoreActionClick;
+exports.VegaNativeInputChange = VegaNativeInputChange;
 exports.VegaOpen = VegaOpen;
 exports.VegaPageSizeChange = VegaPageSizeChange;
 exports.VegaPageUpdate = VegaPageUpdate;
@@ -294,8 +300,10 @@ exports.VegaSearchTrigger = VegaSearchTrigger;
 exports.VegaSelectAllChange = VegaSelectAllChange;
 exports.VegaSelectChange = VegaSelectChange;
 exports.VegaSelectFileChange = VegaSelectFileChange;
+exports.VegaSelectionChange = VegaSelectionChange;
 exports.VegaShow = VegaShow;
 exports.VegaStateUpdate = VegaStateUpdate;
+exports.VegaSuggestionItemClick = VegaSuggestionItemClick;
 exports.VegaToggleStatus = VegaToggleStatus;
 exports.VegaValidate = VegaValidate;
 exports.domNodeSubjectFactory = domNodeSubjectFactory;

package/dist/cjs/{dto-renderer-manager-c917dade.js → dto-renderer-manager-03e1a038.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-const codeBlock = require('./code-block-bb4cbafa.js');
+const codeBlock = require('./code-block-c1d2e6a8.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
-const typeGuard = require('./type-guard-f12b5bae.js');
+const typeGuard = require('./type-guard-a0f026d8.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-f040608b.js');
-const vegaInternalEventId = require('./vega-internal-event-id-6d4a2c53.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-b5e71bf6.js');
+const vegaInternalEventId = require('./vega-internal-event-id-f2465f1b.js');
 const string = require('./string-39438062.js');
 const ui = require('./ui-9e181079.js');
 const object = require('./object-e2e28e3d.js');
@@ -1222,6 +1222,12 @@ class RTEHtmlBlock extends codeBlock.RTEBlock {
   toHtml() {
     const BlockTag = this.htmlTag;
     const attrStr = super.generateAttributeString();
+    // Handle void/self-closing tags (hr, input, col, etc.)
+    // Uses HTML5 syntax without self-closing slash for consistency with img and br tags
+    if (RTEHtmlBlock.VOID_TAGS.has(this.htmlTag)) {
+      return `<${BlockTag}${attrStr}>`;
+    }
+    // Handle normal tags with children
     return [
       `<${BlockTag}${attrStr}>`,
       this.children.map((block) => block.toHtml()).join(''),
@@ -1235,6 +1241,16 @@ class RTEHtmlBlock extends codeBlock.RTEBlock {
     return Object.assign(Object.assign({}, super.toJSON()), { id: this.id, type: this.type, htmlTag: this.htmlTag, children: this.children.map((child) => child.toJSON()) });
   }
 }
+/**
+ * Void/self-closing tags that don't have closing tags and don't contain children.
+ * These tags should be rendered as <tag> or <tag/> instead of <tag></tag>.
+ *
+ * Based on canHandleTags from html-block-strategy.ts, the following are void tags:
+ * - HR: horizontal rule
+ * - INPUT: form input
+ * - COL: table column
+ */
+RTEHtmlBlock.VOID_TAGS = new Set(['hr', 'input', 'col']);
 
 /**
  * Merge the two blocks node into first block if the two blocks nodes type is same(text node or image node)
@@ -3631,6 +3647,185 @@ class StylePreservationContext {
   }
 }
 
+/**
+ * Removes whitespace between tags, except preserves ALL whitespace between matching opening/closing tag pairs.
+ *
+ * This processor scans for patterns of `<tag>(whitespace)<tag>` and:
+ * - If the first tag is an opening tag and the second tag is its matching closing tag (e.g., `<span> </span>`),
+ *   preserves ALL the whitespace between them (including spaces, tabs, newlines)
+ * - Otherwise, removes all the whitespace between the tags
+ *
+ * Examples:
+ * - `</p>\n\t<div>` → `</p><div>` (different tags: closing p, opening div - whitespace removed)
+ * - `<div>\n\t<span>` → `<div><span>` (different tags: opening div, opening span - whitespace removed)
+ * - `<span> </span>` → `<span> </span>` (matching tags: opening span, closing span - space preserved)
+ * - `<span>  </span>` → `<span>  </span>` (matching tags - multiple spaces preserved)
+ * - `<span>\n\t</span>` → `<span>\n\t</span>` (matching tags - \n\t preserved)
+ * - `<code> </code>` → `<code> </code>` (matching tags - space preserved)
+ * - `</div> <p>` → `</div><p>` (different tags: closing div, opening p - whitespace removed)
+ */
+class RemoveWhitespaceBetweenTagsProcessor {
+  /**
+   * Process the HTML string to remove whitespace between non-matching tags.
+   *
+   * @param {string} html - The HTML string to process.
+   * @returns {string} The processed HTML string.
+   */
+  process(html) {
+    return html.replace(/(<[^>]+>)(\s+)(<[^>]+>)/g, (_match, tag1, whitespace, tag2) => {
+      const openingTagName = this.extractOpeningTagName(tag1);
+      const closingTagName = this.extractClosingTagName(tag2);
+      // Preserve all whitespace if tags match (e.g., <span> </span>)
+      if (openingTagName && closingTagName && openingTagName === closingTagName) {
+        return `${tag1}${whitespace}${tag2}`;
+      }
+      // Remove whitespace for non-matching tags
+      return `${tag1}${tag2}`;
+    });
+  }
+  /**
+   * Extracts the tag name from an opening HTML tag.
+   *
+   * Supports standard HTML tags (div, span, h1, etc.) and custom elements with hyphens (my-component).
+   *
+   * Examples:
+   * - `<span>` → `span`
+   * - `<div class="test">` → `div`
+   * - `<my-component id="123">` → `my-component`
+   * - `</span>` → `null` (not an opening tag)
+   *
+   * @param {string} tag - The tag string to extract from (e.g., '<span>', '<div class="test">').
+   * @returns {string | null} The tag name or null if not an opening tag.
+   * @private
+   */
+  extractOpeningTagName(tag) {
+    // Pattern: <(tag name) where tag name starts with letter, followed by letters/numbers/hyphens
+    const match = tag.match(/<(\w[\w-]*)/);
+    return match ? match[1] : null;
+  }
+  /**
+   * Extracts the tag name from a closing HTML tag.
+   *
+   * Supports standard HTML tags (div, span, h1, etc.) and custom elements with hyphens (my-component).
+   *
+   * Examples:
+   * - `</span>` → `span`
+   * - `</div>` → `div`
+   * - `</my-component>` → `my-component`
+   * - `<span>` → `null` (not a closing tag)
+   *
+   * @param {string} tag - The tag string to extract from (e.g., '</span>', '</div>').
+   * @returns {string | null} The tag name or null if not a closing tag.
+   * @private
+   */
+  extractClosingTagName(tag) {
+    // Pattern: </(tag name) where tag name starts with letter, followed by letters/numbers/hyphens
+    const match = tag.match(/<\/(\w[\w-]*)/);
+    return match ? match[1] : null;
+  }
+}
+
+/**
+ * Removes `\n` and `\t` characters after opening tags (before text content).
+ *
+ * Transforms patterns like `>[\n\t]+(text)` to `>(text)`.
+ *
+ * Examples:
+ * - `<p>\n\tHello` → `<p>Hello`
+ * - `<div>\n\n\tWorld` → `<div>World`
+ */
+class RemoveWhitespaceAfterOpeningTagProcessor {
+  /**
+   * Process the HTML string to remove `\n` and `\t` after opening tags.
+   *
+   * @param {string} html - The HTML string to process.
+   * @returns {string} The processed HTML string.
+   */
+  process(html) {
+    // Pattern: `>[\n\t]+(text)` → `>(text)`
+    return html.replace(/(>)[\n\t]+(?=.)/g, '$1');
+  }
+}
+
+/**
+ * Removes `\n` and `\t` characters before closing tags (after text content).
+ *
+ * Transforms patterns like `(text)[\n\t]+<` to `(text)<`.
+ *
+ * Examples:
+ * - `World\n\t</p>` → `World</p>`
+ * - `Hello\n</div>` → `Hello</div>`
+ */
+class RemoveWhitespaceBeforeClosingTagProcessor {
+  /**
+   * Process the HTML string to remove `\n` and `\t` before closing tags.
+   *
+   * @param {string} html - The HTML string to process.
+   * @returns {string} The processed HTML string.
+   */
+  process(html) {
+    // Pattern: `(text)[\n\t]+<` → `(text)<`
+    return html.replace(/(.?)[\n\t]+(?=<)/g, '$1');
+  }
+}
+
+/**
+ * Main HTML content cleaner that orchestrates multiple cleaning processors.
+ *
+ * This class implements a chain of responsibility pattern where each processor
+ * handles a specific aspect of HTML cleaning. The processors are applied in sequence
+ * and the entire chain is repeated until no more changes occur.
+ *
+ * Processors (in order):
+ * 1. RemoveWhitespaceBetweenTagsProcessor - Removes whitespace between non-matching tags
+ * 2. RemoveWhitespaceAfterOpeningTagProcessor - Removes \n and \t after opening tags
+ * 3. RemoveWhitespaceBeforeClosingTagProcessor - Removes \n and \t before closing tags
+ */
+class HTMLContentCleaner {
+  constructor() {
+    this.processors = [
+      new RemoveWhitespaceBetweenTagsProcessor(),
+      new RemoveWhitespaceAfterOpeningTagProcessor(),
+      new RemoveWhitespaceBeforeClosingTagProcessor(),
+    ];
+  }
+  /**
+   * Cleans HTML by applying all processors in the chain repeatedly until no changes occur.
+   *
+   * The cleaning process:
+   * 1. Applies each processor in sequence
+   * 2. Compares the result with the input
+   * 3. If changes were made, repeats the process
+   * 4. Returns the final cleaned HTML
+   *
+   * Examples of transformations:
+   * - `<p>\n\t <span>test</span>\n\t </p>` → `<p><span>test</span></p>`
+   * - `<p>\n\tHello</p>` → `<p>Hello</p>`
+   * - `<p>Hello\n\t</p>` → `<p>Hello</p>`
+   * - `<span> </span>` → `<span> </span>` (preserved - matching tags)
+   * - `<p>Hello  World</p>` → `<p>Hello  World</p>` (preserved - regular spaces)
+   *
+   * @param {string} html - The HTML string to clean.
+   * @returns {string} The cleaned HTML string.
+   */
+  clean(html) {
+    if (!html || html.trim().length === 0) {
+      return html;
+    }
+    let result = html;
+    let previousResult;
+    // Keep processing until no more changes occur
+    do {
+      previousResult = result;
+      // Apply each processor in the chain
+      for (const processor of this.processors) {
+        result = processor.process(result);
+      }
+    } while (result !== previousResult);
+    return result;
+  }
+}
+
 /**
  * Class representing the content state of the rich text editor.
  */
@@ -3663,22 +3858,27 @@ class VegaRTEContent {
   /**
    * Create an empty content state
    *
+   * @param {VegaRTETransformOptions} options - Optional transformation options.
    * @returns {VegaRTEContent} An empty content state
    */
-  static createEmptyContent() {
+  static createEmptyContent(options = { autoMatchFormat: true }) {
     return VegaRTEContent.fromJSON([
       {
         id: createPublicApiRuntimeMetricsSlimmer.generateUUID(),
         type: 'paragraph',
+        annotations: {
+          internalWrapper: !options.autoMatchFormat,
+        },
         nodes: [
           {
             id: createPublicApiRuntimeMetricsSlimmer.generateUUID(),
+            annotations: { plainText: !options.autoMatchFormat },
             type: 'text',
             text: '',
           },
         ],
       },
-    ]);
+    ], options);
   }
   /**
    * Converts HTML content to a VegaRTEContent instance.
@@ -3688,28 +3888,8 @@ class VegaRTEContent {
    * @returns {VegaRTEContent} The converted content state.
    */
   static fromHtml(html, options = { autoMatchFormat: true, skipCustomAnnotations: false }) {
-    /**
-     * remove redundant spaces between tags, for example:
-     * case1:
-     * '<p>\n\t <span>test</span>\n\t </p>' will be formatted into '<p><span>test</span></p>'
-     * '<p>
-     * 		test
-     * 	</p>' will be formatted into '<p>test</p>'
-     *
-     * case2:
-     * <h1>
-     * _test&*....
-     * </h1> will be formatted into <h1>_test&*....</h1>
-     *
-     * The blank space between individual tags should be preserved:
-     * <span> </span>
-     */
-    const formattedHtml = html
-      .replace(/>\s+<\/?/g, (match) => {
-      return match.endsWith('</') ? match : '><';
-    })
-      .replace(/(>)[\n\t]+(?=[a-zA-Z0-9_\W])/g, '$1')
-      .replace(/([a-zA-Z0-9_\W])[\n\t]+(?=<)/g, '$1');
+    const cleaner = new HTMLContentCleaner();
+    const formattedHtml = cleaner.clean(html);
     const context = StylePreservator.preserve(formattedHtml);
     const safeHtml = context.getProcessedHtml();
     const body = new DOMParser().parseFromString(safeHtml, 'text/html').body;
@@ -3751,8 +3931,19 @@ class VegaRTEContent {
     if (options) {
       globalSlimmerRegistry.LogUtility.warn(`The 'options' parameter in toHtml method is deprecated and will be removed in the future.`);
     }
+    if (this.isEmpty()) {
+      return '';
+    }
     return this.children.map((block) => block.toHtml()).join('');
   }
+  /**
+   * Checks if the content state is empty.
+   *
+   * @returns {boolean} True if the content state is empty, false otherwise.
+   */
+  isEmpty() {
+    return this.children.length === 0 || (this.children.length === 1 && !this.children[0].isNotEmpty());
+  }
   /**
    * Internal method to add the block item, remove the block item
    *