@heartlandone/vega 2.75.0 → 2.75.1

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

@@ -7,8 +7,8 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
 const component = require('./component-1e352960.js');
 const darkModeStyleController = require('./dark-mode-style-controller-c21172aa.js');
-const imageAnnotationAction = require('./image-annotation-action-e4a35325.js');
-const dtoRendererManager = require('./dto-renderer-manager-2fc24151.js');
+const imageAnnotationAction = require('./image-annotation-action-3fa501b7.js');
+const dtoRendererManager = require('./dto-renderer-manager-03e1a038.js');
 const codeBlock = require('./code-block-c1d2e6a8.js');
 const baseRenderer = require('./base-renderer-0a3b62b7.js');
 const accessibility = require('./accessibility-bfa227f6.js');

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

@@ -10,11 +10,11 @@ const accessibility = require('./accessibility-bfa227f6.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-b5e71bf6.js');
 const vegaInternalEventId = require('./vega-internal-event-id-f2465f1b.js');
-const dtoRendererManager = require('./dto-renderer-manager-2fc24151.js');
+const dtoRendererManager = require('./dto-renderer-manager-03e1a038.js');
 const typeGuard = require('./type-guard-a0f026d8.js');
 const internalIconManager = require('./internal-icon-manager-32f9ed63.js');
 const codeBlock = require('./code-block-c1d2e6a8.js');
-const imageAnnotationAction = require('./image-annotation-action-e4a35325.js');
+const imageAnnotationAction = require('./image-annotation-action-3fa501b7.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 const index$1 = require('./index-95fca64f.js');
 const formFieldControllerSlimmer = require('./form-field-controller-slimmer-aef2fb1e.js');
@@ -25,7 +25,7 @@ const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const observer = require('./observer-f49483e8.js');
 const timer = require('./timer-5f33058b.js');
 const darkModeStateControllerSlimmer = require('./dark-mode-state-controller-slimmer-8a87ec08.js');
-const richTextEditorRequiredRule = require('./rich-text-editor-required-rule-d5feeffd.js');
+const richTextEditorRequiredRule = require('./rich-text-editor-required-rule-ba312af9.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-aca87dac.js');
 const translationSlimmer = require('./translation-slimmer-f0ebe710.js');
 const darkModeStyleController = require('./dark-mode-style-controller-c21172aa.js');
@@ -67,6 +67,7 @@ class CodeFormatter {
   constructor() {
     /**
      * Formats a given HTML source string by applying indentation and cleaning up styles.
+     * Content inside preserve tags (pre) is preserved as-is without formatting.
      *
      * @param {string} source - The HTML source string to format.
      * @param {CodeFormatOptions} options - Formatting options.
@@ -81,9 +82,25 @@ class CodeFormatter {
       const tokens = source.split(tagRegex).filter((t) => t.length > 0);
       let indentLevel = 0;
       let output = '';
+      let preserveDepth = 0;
       for (let i = 0; i < tokens.length; i++) {
         let token = tokens[i];
-        // Decrease indentation for closing tags
+        const tagName = CodeFormatter.getTagName(token);
+        // Track if we're entering or exiting preserve tags
+        if (CodeFormatter.PRESERVE_CONTENT_TAGS.has(tagName)) {
+          if (token.startsWith('</')) {
+            preserveDepth = Math.max(0, preserveDepth - 1);
+          }
+          else if (token.startsWith('<')) {
+            preserveDepth++;
+          }
+        }
+        // If inside preserve tag, output as-is without formatting
+        if (preserveDepth > 0) {
+          output += token;
+          continue;
+        }
+        // Decrease indentation for closing tags (after exiting preserve tags)
         if (token.startsWith('</')) {
           indentLevel = Math.max(0, indentLevel - 1);
         }
@@ -93,15 +110,20 @@ class CodeFormatter {
           token = token.replace(/style\s*=\s*"([^"]*)"/g, (_, styleContent) => {
             return `style="${this.formatStyle(styleContent)}"`;
           });
-          const tagName = CodeFormatter.getTagName(token);
           const isInline = CodeFormatter.INLINE_TAGS.has(tagName);
-          // Inline tag grouping: e.g., <strong>Text</strong> stays on one line
-          if (isInline && i + 2 < tokens.length && tokens[i + 2] === `</${tagName}>`) {
-            // Group consecutive inline tags
+          // Inline tag grouping: e.g., <strong>Text</strong> or <span></span> stays on one line
+          // Check for empty tags: <tag></tag> (closing tag immediately follows opening tag)
+          if (isInline && i + 1 < tokens.length && tokens[i + 1] === `</${tagName}>`) {
+            // Empty inline tag: <span></span>
+            output += `${indent}${token}${tokens[i + 1]}\n`;
+            i += 1;
+          }
+          else if (isInline && i + 2 < tokens.length && tokens[i + 2] === `</${tagName}>`) {
+            // Group consecutive inline tags with content
             let inlineGroup = `${token}${tokens[i + 1]}${tokens[i + 2]}`;
             i += 2;
             // Keep merging consecutive inline tag pairs
-            while (i + 2 < tokens.length &&
+            while (i + 3 < tokens.length &&
               tokens[i + 1].startsWith('<') &&
               CodeFormatter.INLINE_TAGS.has(CodeFormatter.getTagName(tokens[i + 1])) &&
               tokens[i + 3] === `</${CodeFormatter.getTagName(tokens[i + 1])}>`) {
@@ -115,7 +137,7 @@ class CodeFormatter {
             // Increase indentation for non-void opening tags
             if (!token.startsWith('</') &&
               !token.endsWith('/>') &&
-              !/^<br|^<img|^<meta|^<input|^<hr/i.test(token)) {
+              !CodeFormatter.VOID_TAGS.has(tagName)) {
               indentLevel++;
             }
           }
@@ -156,6 +178,10 @@ class CodeFormatter {
       .join('; ');
   }
 }
+/**
+ * Inline/phrasing elements that should be kept on a single line with their content.
+ * These tags are formatted as: <tag>content</tag> on one line.
+ */
 CodeFormatter.INLINE_TAGS = new Set([
   'span',
   'strong',
@@ -175,6 +201,30 @@ CodeFormatter.INLINE_TAGS = new Set([
   'del',
   'ins',
 ]);
+/**
+ * Void/self-closing elements that don't have closing tags.
+ * Used to avoid increasing indentation for these elements.
+ */
+CodeFormatter.VOID_TAGS = new Set([
+  'area',
+  'base',
+  'br',
+  'col',
+  'embed',
+  'hr',
+  'img',
+  'input',
+  'link',
+  'meta',
+  'param',
+  'source',
+  'track',
+  'wbr',
+]);
+/**
+ * Tags whose content should be preserved as-is without formatting.
+ */
+CodeFormatter.PRESERVE_CONTENT_TAGS = new Set(['pre']);
 const CodeFormatter$1 = new CodeFormatter();
 
 var __decorate$C = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/cjs/vega-selection-chip_2.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
-const responsiveFormatFacade = require('./responsive-format-facade-f71d399c.js');
+const responsiveFormatFacade = require('./responsive-format-facade-d5dba942.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const subStateObserverSlimmer = require('./sub-state-observer-slimmer-5d0b8ac3.js');
 const observer = require('./observer-f49483e8.js');
@@ -34,13 +34,13 @@ require('./dynamic-slimmer-f31fdfd7.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./function-extension-ca9aa115.js');
+require('./function-extension-cfbbc57e.js');
 require('./dark-mode-style-controller-c21172aa.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./vega-nonce-manager-df69d3ed.js');
 require('./try-get-document-c0ebd39a.js');
 require('./internal-vega-event-manager-6befeb34.js');
-require('./dto-renderer-manager-2fc24151.js');
+require('./dto-renderer-manager-03e1a038.js');
 require('./code-block-c1d2e6a8.js');
 require('./string-39438062.js');
 require('./object-e2e28e3d.js');

package/dist/cjs/vega-sidenav_3.cjs.entry.js

@@ -8,13 +8,13 @@ const component = require('./component-1e352960.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
-const functionExtension = require('./function-extension-ca9aa115.js');
+const functionExtension = require('./function-extension-cfbbc57e.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const internalIconManager = require('./internal-icon-manager-32f9ed63.js');
 const subStateNotifySlimmer = require('./sub-state-notify-slimmer-468e19aa.js');
 const effect = require('./effect-98e88068.js');
-const responsiveFormatFacade = require('./responsive-format-facade-f71d399c.js');
+const responsiveFormatFacade = require('./responsive-format-facade-d5dba942.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-b5e71bf6.js');
 const vegaInternalEventId = require('./vega-internal-event-id-f2465f1b.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-2dacabbd.js');
@@ -30,7 +30,7 @@ require('./dark-mode-style-controller-c21172aa.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./vega-nonce-manager-df69d3ed.js');
 require('./try-get-document-c0ebd39a.js');
-require('./dto-renderer-manager-2fc24151.js');
+require('./dto-renderer-manager-03e1a038.js');
 require('./code-block-c1d2e6a8.js');
 require('./string-39438062.js');
 require('./type-guard-a0f026d8.js');

package/dist/cjs/vega-signature-capture.cjs.entry.js

@@ -8,7 +8,7 @@ const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-
 const internalIconManager = require('./internal-icon-manager-32f9ed63.js');
 const component = require('./component-1e352960.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-b5e71bf6.js');
-const designToken = require('./design-token-cbc01283.js');
+const designToken = require('./design-token-bb39e07e.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const object = require('./object-e2e28e3d.js');
@@ -26,18 +26,18 @@ require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
 require('./typography-4560e7f1.js');
 require('./translation-5f9f9c0c.js');
-require('./responsive-format-facade-f71d399c.js');
+require('./responsive-format-facade-d5dba942.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./function-extension-ca9aa115.js');
+require('./function-extension-cfbbc57e.js');
 require('./dark-mode-style-controller-c21172aa.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./vega-nonce-manager-df69d3ed.js');
 require('./try-get-document-c0ebd39a.js');
 require('./internal-vega-event-manager-6befeb34.js');
-require('./dto-renderer-manager-2fc24151.js');
+require('./dto-renderer-manager-03e1a038.js');
 require('./code-block-c1d2e6a8.js');
 require('./vega-internal-event-id-f2465f1b.js');
 require('./string-39438062.js');

package/dist/cjs/vega-table_11.cjs.entry.js

@@ -14,7 +14,7 @@ const ui = require('./ui-9e181079.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-b5e71bf6.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-fc22fdd0.js');
 const vegaInternalEventId = require('./vega-internal-event-id-f2465f1b.js');
-const responsiveFormatFacade = require('./responsive-format-facade-f71d399c.js');
+const responsiveFormatFacade = require('./responsive-format-facade-d5dba942.js');
 const typeGuard = require('./type-guard-a0f026d8.js');
 const component = require('./component-1e352960.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
@@ -29,12 +29,12 @@ const translationSlimmer = require('./translation-slimmer-f0ebe710.js');
 const subStateObserverSlimmer = require('./sub-state-observer-slimmer-5d0b8ac3.js');
 const featureFlagController = require('./feature-flag-controller-ce2162c8.js');
 const breakpoints = require('./breakpoints-ebde4837.js');
-const functionExtension = require('./function-extension-ca9aa115.js');
+const functionExtension = require('./function-extension-cfbbc57e.js');
 require('./vega-env-manager-23b8b23c.js');
 const internalIconManager = require('./internal-icon-manager-32f9ed63.js');
 require('./wait-for-vega-handler-5469ff80.js');
 require('./translation-5f9f9c0c.js');
-require('./dto-renderer-manager-2fc24151.js');
+require('./dto-renderer-manager-03e1a038.js');
 require('./vega-nonce-manager-df69d3ed.js');
 require('./code-block-c1d2e6a8.js');
 const accessibility = require('./accessibility-bfa227f6.js');

package/dist/cjs/vega-time-picker_2.cjs.entry.js

@@ -16,7 +16,7 @@ const typeGuard = require('./type-guard-a0f026d8.js');
 const array = require('./array-249289f2.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-318d29c7.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-daa8b9f5.js');
 const clickOutsideOnlyToDismissStrategy = require('./click-outside-only-to-dismiss-strategy-407f6d1e.js');
 const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-0d45f944.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
@@ -38,17 +38,17 @@ require('./mutation-observer-filters-38cebc6d.js');
 require('./sub-state-observer-slimmer-5d0b8ac3.js');
 require('./typography-4560e7f1.js');
 require('./number-4816603d.js');
-require('./function-extension-ca9aa115.js');
+require('./function-extension-cfbbc57e.js');
 require('./dark-mode-style-controller-c21172aa.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./vega-nonce-manager-df69d3ed.js');
 require('./internal-vega-event-manager-6befeb34.js');
-require('./dto-renderer-manager-2fc24151.js');
+require('./dto-renderer-manager-03e1a038.js');
 require('./code-block-c1d2e6a8.js');
 require('./object-e2e28e3d.js');
 require('./internal-icon-manager-32f9ed63.js');
 require('./base-renderer-0a3b62b7.js');
-require('./responsive-format-facade-f71d399c.js');
+require('./responsive-format-facade-d5dba942.js');
 require('./pixel-98f2a10c.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-ce2162c8.js');

package/dist/cjs/vega-tooltip_2.cjs.entry.js

@@ -7,7 +7,7 @@ const component = require('./component-1e352960.js');
 const injectKeyboardManager = require('./inject-keyboard-manager-d21b4387.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-318d29c7.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-daa8b9f5.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-1eb8f031.js');
 require('./keyboard-manager-3dea6b28.js');
 require('./ui-9e181079.js');
@@ -20,7 +20,7 @@ require('./change-manager-a297e4d2.js');
 require('./static-subject-title-5829a298.js');
 require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./function-extension-ca9aa115.js');
+require('./function-extension-cfbbc57e.js');
 require('./page-resize-observer-slimmer-11937d6f.js');
 require('./try-get-document-c0ebd39a.js');
 require('./dark-mode-style-controller-c21172aa.js');
@@ -30,14 +30,14 @@ require('./vega-nonce-manager-df69d3ed.js');
 require('./internal-vega-event-manager-6befeb34.js');
 require('./dom-node-subject-observer-factory-b5e71bf6.js');
 require('./number-4816603d.js');
-require('./dto-renderer-manager-2fc24151.js');
+require('./dto-renderer-manager-03e1a038.js');
 require('./code-block-c1d2e6a8.js');
 require('./vega-internal-event-id-f2465f1b.js');
 require('./string-39438062.js');
 require('./object-e2e28e3d.js');
 require('./internal-icon-manager-32f9ed63.js');
 require('./base-renderer-0a3b62b7.js');
-require('./responsive-format-facade-f71d399c.js');
+require('./responsive-format-facade-d5dba942.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
 require('./vega-env-manager-23b8b23c.js');

package/dist/cjs/vega.cjs.js

@@ -1,12 +1,12 @@
 'use strict';
 
 const index = require('./index-58ea899e.js');
-const appGlobals = require('./app-globals-bf183914.js');
+const appGlobals = require('./app-globals-35614ce8.js');
 require('./feature-flag-controller-ce2162c8.js');
 require('./global-slimmer-registry-b3bce7e0.js');
 require('./index-4d7bce1a.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./function-extension-ca9aa115.js');
+require('./function-extension-cfbbc57e.js');
 require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./ui-9e181079.js');
@@ -22,7 +22,7 @@ require('./vega-nonce-manager-df69d3ed.js');
 require('./internal-vega-event-manager-6befeb34.js');
 require('./dom-node-subject-observer-factory-b5e71bf6.js');
 require('./number-4816603d.js');
-require('./dto-renderer-manager-2fc24151.js');
+require('./dto-renderer-manager-03e1a038.js');
 require('./code-block-c1d2e6a8.js');
 require('./vega-internal-event-id-f2465f1b.js');
 require('./string-39438062.js');
@@ -37,7 +37,7 @@ require('./wait-for-vega-handler-5469ff80.js');
 require('./valid-credit-card-number-rule-c854bed9.js');
 require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./index-95fca64f.js');
-require('./language-extension-38e4905e.js');
+require('./language-extension-8c4a56ff.js');
 
 /*
  Stencil Client Patch Browser v2.17.4 | MIT Licensed | https://stenciljs.com

package/dist/collection/components/vega-rich-text-editor/dto/blocks/html-block.js

@@ -53,6 +53,12 @@ export class RTEHtmlBlock extends 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(''),
@@ -66,3 +72,13 @@ export class RTEHtmlBlock extends 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']);

package/dist/collection/components/vega-rich-text-editor/dto/content-state.js

@@ -21,6 +21,7 @@ import { VegaInternalRichTextEditorFlushChanges } from '../../../helpers/event-m
 import './setup';
 import { StylePreservator } from '../../../helpers/csp/styles-preservator';
 import { LogUtility } from '../../../utils/log';
+import { HTMLContentCleaner } from '../slimmers/controllers/html-cleaner';
 /**
  * Class representing the content state of the rich text editor.
  */
@@ -83,28 +84,8 @@ export 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;

package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/html-cleaner/html-content-cleaner-processor.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/html-cleaner/html-content-cleaner.js

@@ -0,0 +1,59 @@
+import { RemoveWhitespaceBetweenTagsProcessor } from './processors/remove-whitespace-between-tags-processor';
+import { RemoveWhitespaceAfterOpeningTagProcessor } from './processors/remove-whitespace-after-opening-tag-processor';
+import { RemoveWhitespaceBeforeClosingTagProcessor } from './processors/remove-whitespace-before-closing-tag-processor';
+/**
+ * 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
+ */
+export 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;
+  }
+}

package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/html-cleaner/index.js

@@ -0,0 +1,4 @@
+export { HTMLContentCleaner } from './html-content-cleaner';
+export { RemoveWhitespaceBetweenTagsProcessor } from './processors/remove-whitespace-between-tags-processor';
+export { RemoveWhitespaceAfterOpeningTagProcessor } from './processors/remove-whitespace-after-opening-tag-processor';
+export { RemoveWhitespaceBeforeClosingTagProcessor } from './processors/remove-whitespace-before-closing-tag-processor';

package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/html-cleaner/processors/remove-whitespace-after-opening-tag-processor.js

@@ -0,0 +1,21 @@
+/**
+ * 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`
+ */
+export 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');
+  }
+}

package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/html-cleaner/processors/remove-whitespace-before-closing-tag-processor.js

@@ -0,0 +1,21 @@
+/**
+ * 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>`
+ */
+export 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');
+  }
+}

package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/html-cleaner/processors/remove-whitespace-between-tags-processor.js

@@ -0,0 +1,77 @@
+/**
+ * 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)
+ */
+export 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;
+  }
+}