@heartlandone/vega 2.79.0 → 2.80.0

package/dist/esm/{content-state-dad1fd71.js → content-state-084cd705.js}

@@ -1,11 +1,11 @@
-import { f as ActionHandleStrategy, d as RTETextBlock, b as RTETextNode, g as AppendChildrenAction, A as ActionHandleStrategyRegistry, T as TextStyleAnnotationAction, o as BlockUpdateTextStyleStrategy, H as HorizontalAlignmentAnnotationAction, p as BlockUpdateHorizontalAlignmentStrategy, k as ModifyContentActionType, q as BlockInsertLineBreakStrategy, r as BlockInsertLineBreakWithBlocksStrategy, t as BlockSplitWithTextNodeStrategy, u as BlockReplaceNodesStrategy, v as BlockMergeNodesStrategy, I as InsertChildrenAfterAction, m as RemoveChildrenAction, S as SyncUpSelectionAction, i as InsertChildrenBeforeAction, B as BlockAnnotation, w as BlockAnnotationTypeEnum, c as RTEBlock, x as CustomStyleAnnotation, y as CustomClassAnnotation, n as CustomAttributeAnnotation, z as RTECodeBlock, s as stateEntityRenderingRegistry, N as NodeAnnotation, D as NodeAnnotationTypeEnum, E as RTEDecoratorNode, F as NodeTypeEnum, G as CommonAnnotation, l as AnnotationAction, J as ReplaceChildNodesAction, M as ModifyContentAction, K as SplitBlockWithNodeAction, L as BlockDeleteNodeContentStrategy, U as UpdateTextAction, O as RemoveChildrenStrategy, P as RTE_TEXT_COLORS, Q as RTE_DEFAULT_TEXT_COLOR, R as RTEDTOClassManager } from './code-block-58d1dbe5.js';
+import { f as ActionHandleStrategy, d as RTETextBlock, b as RTETextNode, g as AppendChildrenAction, A as ActionHandleStrategyRegistry, T as TextStyleAnnotationAction, o as BlockUpdateTextStyleStrategy, H as HorizontalAlignmentAnnotationAction, p as BlockUpdateHorizontalAlignmentStrategy, k as ModifyContentActionType, q as BlockInsertLineBreakStrategy, r as BlockInsertLineBreakWithBlocksStrategy, t as BlockSplitWithTextNodeStrategy, u as BlockReplaceNodesStrategy, v as BlockMergeNodesStrategy, I as InsertChildrenAfterAction, m as RemoveChildrenAction, S as SyncUpSelectionAction, i as InsertChildrenBeforeAction, B as BlockAnnotation, w as BlockAnnotationTypeEnum, c as RTEBlock, x as CustomStyleAnnotation, y as CustomClassAnnotation, n as CustomAttributeAnnotation, z as RTECodeBlock, s as stateEntityRenderingRegistry, N as NodeAnnotation, D as NodeAnnotationTypeEnum, E as RTEDecoratorNode, F as NodeTypeEnum, G as CommonAnnotation, l as AnnotationAction, J as ReplaceChildNodesAction, M as ModifyContentAction, K as SplitBlockWithNodeAction, L as BlockDeleteNodeContentStrategy, U as UpdateTextAction, O as RemoveChildrenStrategy, P as BOLD_FONT_WEIGHT_KEYWORD, Q as BOLD_FONT_WEIGHT, W as RTE_TEXT_COLORS, X as RTE_DEFAULT_TEXT_COLOR, Y as ITALIC_FONT_STYLE, Z as STRIKETHROUGH_TEXT_DECORATION, _ as UNDERLINE_TEXT_DECORATION, $ as TextStyleAnnotation, a0 as HorizontalAlignmentAnnotation, a1 as CodeAnnotation, a2 as LinkGroupAnnotation, R as RTEDTOClassManager } from './code-block-7d6f231b.js';
 import { g as generateUUID } from './misc-9fdbcfbb.js';
-import { i as isNonNullable } from './type-guard-c20cbbff.js';
+import { i as isNonNullable } from './type-guard-23a08026.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-94b2e2c3.js';
-import { c as VegaInternalUpdateRTECursorPosition, d as VegaInternalRichTextEditorFlushChanges } from './vega-internal-event-id-8002b179.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-cea9248d.js';
+import { c as VegaInternalUpdateRTECursorPosition, d as VegaInternalRichTextEditorFlushChanges } from './vega-internal-event-id-70bd893d.js';
 import { d as dashCaseToCamel } from './string-a953eafc.js';
-import { r as rgbToHex, i as isHTMLElement } from './ui-ac244bf0.js';
+import { r as rgbToHex, i as isHTMLElement } from './ui-ba5a4758.js';
 import { c as cleanObject } from './object-0c277f57.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
 
@@ -293,16 +293,24 @@ class ListAnnotation extends BlockAnnotation {
     this.type = BlockAnnotationTypeEnum.LIST;
   }
   /**
-   * @inheritDoc
+   * Get the default standalone styles for a list block.
+   *
+   * @returns {AnnotationStyle} The default styles.
    */
-  renderStyle(options) {
-    if (!(options === null || options === void 0 ? void 0 : options.standalone))
-      return null;
+  static getDefaultStyles() {
     return {
       paddingLeft: '8px',
       marginLeft: '16px',
     };
   }
+  /**
+   * @inheritDoc
+   */
+  renderStyle(options) {
+    if (!(options === null || options === void 0 ? void 0 : options.standalone))
+      return null;
+    return ListAnnotation.getDefaultStyles();
+  }
   /**
    * @inheritDoc
    */
@@ -755,6 +763,16 @@ class ImageAnnotation extends NodeAnnotation {
   static from(size, alt) {
     return [NodeAnnotationTypeEnum.IMAGE, new ImageAnnotation(size, alt)];
   }
+  /**
+   * Get the default standalone base styles for an image node.
+   *
+   * @returns {AnnotationStyle} The default styles.
+   */
+  static getDefaultStyles() {
+    return {
+      verticalAlign: 'bottom',
+    };
+  }
   /**
    * Generate the JSON representation of the annotation
    *
@@ -790,7 +808,7 @@ class ImageAnnotation extends NodeAnnotation {
   renderStyle(options) {
     if (!(options === null || options === void 0 ? void 0 : options.standalone))
       return null;
-    const baseStyle = { verticalAlign: 'bottom' };
+    const baseStyle = ImageAnnotation.getDefaultStyles();
     switch (this.size) {
       case 'sm': {
         return Object.assign(Object.assign({}, baseStyle), { width: '25%' });
@@ -1796,8 +1814,8 @@ class BoldAnnotationHandler extends AnnotationGeneratorStrategyAbstract {
   isBold(element) {
     return (element.nodeName === 'STRONG' ||
       element.nodeName === 'B' ||
-      element.style.fontWeight === 'bold' ||
-      element.style.fontWeight === '700' ||
+      element.style.fontWeight === BOLD_FONT_WEIGHT_KEYWORD ||
+      element.style.fontWeight === BOLD_FONT_WEIGHT ||
       element.classList.contains('v-rte--bold'));
   }
 }
@@ -2149,7 +2167,7 @@ class ItalicAnnotationHandler extends AnnotationGeneratorStrategyAbstract {
    */
   isItalic(element) {
     return (element.nodeName === 'I' ||
-      element.style.fontStyle === 'italic' ||
+      element.style.fontStyle === ITALIC_FONT_STYLE ||
       element.nodeName === 'EM' ||
       element.classList.contains('v-rte--italic'));
   }
@@ -2231,7 +2249,7 @@ class StrikeThroughAnnotationHandler extends AnnotationGeneratorStrategyAbstract
    * @returns {boolean} - boolean.
    */
   isStrikethrough(element) {
-    return (element.style.textDecoration.includes('line-through') ||
+    return (element.style.textDecoration.includes(STRIKETHROUGH_TEXT_DECORATION) ||
       element.nodeName === 'S' ||
       element.nodeName === 'DEL' ||
       element.classList.contains('v-rte--strikethrough'));
@@ -2263,13 +2281,49 @@ class UnderlineAnnotationHandler extends AnnotationGeneratorStrategyAbstract {
    * @returns {boolean} - boolean.
    */
   isUnderline(element) {
-    return (element.style.textDecoration.includes('underline') ||
+    return (element.style.textDecoration.includes(UNDERLINE_TEXT_DECORATION) ||
       element.nodeName === 'U' ||
       element.nodeName === 'INS' ||
       element.classList.contains('v-rte--underline'));
   }
 }
 
+/**
+ * Registry for managing filter styles strategies keyed by DTO class name.
+ *
+ * Provides common `register` / `getStrategies` primitives that both output-
+ * filtering strategies (DTO → HTML) and annotation-parsing strategies
+ * (HTML → DTO) build upon.
+ *
+ * TODO: Currently, the filter styles strategies are applied for all rich text editors. We need to apply the strategies with a specific rich text editor instance when we have multiple rich text editors in the future.
+ */
+class RTEFilterStylesStrategyRegistry {
+  /**
+   * Registers a filter styles strategy for a specific DTO class name.
+   * Duplicate strategy instances are ignored.
+   *
+   * @param {string} dtoClassName - The DTO class name (e.g. `RTEListBlock.name`).
+   * @param {RTEFilterStylesStrategy} strategy - The strategy instance to register.
+   */
+  static register(dtoClassName, strategy) {
+    var _a;
+    const set = (_a = this.registry.get(dtoClassName)) !== null && _a !== void 0 ? _a : new Set();
+    set.add(strategy);
+    this.registry.set(dtoClassName, set);
+  }
+  /**
+   * Retrieves all strategies registered for a given DTO class name.
+   *
+   * @param {string} dtoClassName - The DTO class name to look up.
+   * @returns {RTEFilterStylesStrategy[]} Registered strategies (empty array if none).
+   */
+  static getStrategies(dtoClassName) {
+    var _a;
+    return Array.from((_a = this.registry.get(dtoClassName)) !== null && _a !== void 0 ? _a : []);
+  }
+}
+RTEFilterStylesStrategyRegistry.registry = new Map();
+
 /** Handle text style annotation */
 class TextStyleAnnotationHandler extends AnnotationGeneratorStrategyAbstract {
   /**
@@ -2357,6 +2411,8 @@ class TextStyleAnnotationHandler extends AnnotationGeneratorStrategyAbstract {
    */
   getElementTypeByNodeName(element) {
     switch (element.nodeName) {
+      case 'P':
+        return 'paragraph';
       case 'H1':
         return 'heading-1';
       case 'H2':
@@ -2381,7 +2437,7 @@ class TextStyleAnnotationHandler extends AnnotationGeneratorStrategyAbstract {
    */
   getElementTypeByClassName(element) {
     if (element.className) {
-      const match = /\bv-rte--text-style-(title|subtitle|heading-1|heading-2|heading-3|paragraph)\b/.exec(element.className);
+      const match = /\bv-rte--text-style-(title|subtitle|heading-1|heading-2|heading-3|heading-4|heading-5|heading-6|paragraph)\b/.exec(element.className);
       if (match) {
         return match[1];
       }
@@ -2554,7 +2610,6 @@ class HtmlElementToAnnotationGenerator {
       new CustomAttributeAnnotationHandler(),
       new CustomClassAnnotationHandler(),
       new CustomStyleAnnotationHandler(),
-      new LinkAnnotationHandler(),
       new TextStyleAnnotationHandler(),
       new InlineHtmlAnnotationHandler(),
     ];
@@ -2582,7 +2637,7 @@ class HtmlElementToAnnotationGenerator {
    */
   generate(targetDto, element, options = { autoMatchFormat: true }) {
     const isLinkElement = element.tagName === 'A';
-    return this.handlers
+    const annotations = this.handlers
       .filter((handler) => !options.autoMatchFormat && isLinkElement ? handler instanceof LinkAnnotationHandler : true)
       .filter((handler) => element.nodeType !== Node.TEXT_NODE &&
       handler.canHandle(targetDto, {
@@ -2593,6 +2648,43 @@ class HtmlElementToAnnotationGenerator {
       const result = handler.handle(element, options.parentAnnotations);
       return Object.assign(Object.assign({}, annotations), result);
     }, {});
+    this.removeTextStyleDefaultsFromCustomStyle(annotations);
+    const strategies = RTEFilterStylesStrategyRegistry.getStrategies(targetDto.name);
+    for (const strategy of strategies) {
+      if (options.autoMatchFormat || strategy.alwaysFilter) {
+        strategy.filterAnnotations(annotations);
+      }
+    }
+    return annotations;
+  }
+  /**
+   * Remove default text-style properties from customStyle.
+   * This prevents repeated styling when switching between source edit and normal mode.
+   *
+   * Note: This method mutates the customStyle object inside `annotations` in place and returns the same reference.
+   *
+   * @param {V} annotations - The generated annotations.
+   * @returns {V} The same annotations reference with customStyle cleaned up.
+   */
+  removeTextStyleDefaultsFromCustomStyle(annotations) {
+    const textStyle = 'textStyle' in annotations ? annotations.textStyle : undefined;
+    const customStyle = annotations.customStyle;
+    if (!textStyle || !customStyle) {
+      return annotations;
+    }
+    const defaultStyles = TextStyleAnnotation.getDefaultStyles(textStyle);
+    if (!defaultStyles) {
+      return annotations;
+    }
+    for (const key of Object.keys(defaultStyles)) {
+      if (customStyle[key] === defaultStyles[key]) {
+        delete customStyle[key];
+      }
+    }
+    if (Object.keys(customStyle).length === 0) {
+      delete annotations.customStyle;
+    }
+    return annotations;
   }
 }
 const htmlElementToAnnotationGenerator = new HtmlElementToAnnotationGenerator();
@@ -3539,6 +3631,287 @@ class InlineElementToTextNodeStrategy extends ElementToTextNodeStrategy {
   }
 }
 
+/**
+ * Abstract strategy class for filtering default styles in the rich text editor.
+ * Concrete strategies define which styles to strip via `stylesToBeFiltered`.
+ *
+ * This base is shared by two kinds of concrete strategies:
+ *   1. Block/node output strategies – filter inline styles when converting DTO → HTML.
+ *   2. Annotation parsing strategies – strip redundant defaults when converting HTML → DTO.
+ */
+class RTEFilterStylesStrategy {
+  /**
+   * Whether this strategy should always filter, regardless of `autoMatchFormat`.
+   * Override to `true` when the filtered styles are always emitted as inline
+   * styles by the DTO (e.g. image `vertical-align`), so stripping them from
+   * `customStyle` is always safe.
+   *
+   * Defaults to `false` – the strategy only runs when `autoMatchFormat` is enabled.
+   *
+   * @returns {boolean} Whether filtering should always apply.
+   */
+  get alwaysFilter() {
+    return false;
+  }
+  /**
+   * Removes matched default styles from the `customStyle` property of the given annotations object.
+   * If all custom styles are defaults, the `customStyle` key is deleted entirely.
+   *
+   * @param {VegaRTEAnnotations} annotations - The annotations object (mutated in place).
+   * @returns {VegaRTEAnnotations} The same annotations reference.
+   */
+  filterAnnotations(annotations) {
+    const customStyle = annotations.customStyle;
+    if (!customStyle) {
+      return annotations;
+    }
+    this.extractAndDeleteMatchedStyles(customStyle);
+    if (Object.keys(customStyle).length === 0) {
+      delete annotations.customStyle;
+    }
+    return annotations;
+  }
+  /**
+   * Removes configured default style properties from the target styles object.
+   * Only properties whose value matches the configured default exactly are deleted.
+   *
+   * @param {Nullable<RTEFilterStyles>} styles - The styles object to mutate.
+   * @returns {boolean} `true` if at least one style was extracted.
+   */
+  extractAndDeleteMatchedStyles(styles) {
+    let wasExtracted = false;
+    if (styles) {
+      const defaults = this.stylesToBeFiltered;
+      const styleKeys = Object.keys(defaults);
+      for (const key of styleKeys) {
+        if (styles[key] === defaults[key]) {
+          delete styles[key];
+          wasExtracted = true;
+        }
+      }
+    }
+    return wasExtracted;
+  }
+}
+
+/**
+ * Filters the default ImageAnnotation base styles (verticalAlign) from
+ * customStyle when parsing an RTEImageNode.
+ */
+class ImageFilterStylesStrategy extends RTEFilterStylesStrategy {
+  constructor() {
+    super(...arguments);
+    this.stylesToBeFiltered = ImageAnnotation.getDefaultStyles();
+  }
+  /** @returns {boolean} Always `true` — image defaults are emitted as inline styles. */
+  get alwaysFilter() {
+    return true;
+  }
+}
+
+/**
+ * Filters the default ListAnnotation styles (paddingLeft, marginLeft) from
+ * customStyle when parsing an RTEListBlock.
+ */
+class ListBlockFilterStylesStrategy extends RTEFilterStylesStrategy {
+  constructor() {
+    super(...arguments);
+    this.stylesToBeFiltered = ListAnnotation.getDefaultStyles();
+  }
+}
+
+/**
+ * Filters the default paragraph styles from customStyle when parsing an
+ * RTEListItemBlock.  List-item blocks implicitly use paragraph styling,
+ * so these inline defaults are redundant and should not be persisted.
+ */
+class ListItemBlockFilterStylesStrategy extends RTEFilterStylesStrategy {
+  constructor() {
+    super(...arguments);
+    this.stylesToBeFiltered = TextStyleAnnotation.getDefaultStyles('paragraph') || {};
+  }
+}
+
+/**
+ * Filters redundant `textAlign` from `customStyle` when parsing blocks that carry
+ * a semantic `textAlign` annotation (RTETextBlock, RTEListBlock, RTEListItemBlock).
+ *
+ * During source-to-normal round-trips the `HorizontalAlignmentAnnotation` emits
+ * `text-align` as an inline style (standalone mode), and `CustomStyleAnnotationHandler`
+ * captures it into `customStyle`.  This strategy removes the duplicate so the
+ * semantic annotation is the single source of truth.
+ */
+class AlignmentFilterStylesStrategy extends RTEFilterStylesStrategy {
+  constructor() {
+    super(...arguments);
+    this.stylesToBeFiltered = {};
+  }
+  /**
+   * @returns {boolean} Always `true` — alignment inline styles are always emitted
+   * in standalone/source-edit mode, so the duplicate is always safe to remove.
+   */
+  get alwaysFilter() {
+    return true;
+  }
+  /**
+   * Removes `textAlign` from `customStyle` when it duplicates the value returned
+   * by `HorizontalAlignmentAnnotation.getDefaultStyles(textAlign)`.
+   *
+   * @param {VegaRTEAnnotations} annotations - The annotations object (mutated in place).
+   * @returns {VegaRTEAnnotations} The same annotations reference.
+   */
+  filterAnnotations(annotations) {
+    const { textAlign, customStyle } = annotations;
+    if (!textAlign || !customStyle) {
+      return annotations;
+    }
+    this.stylesToBeFiltered = HorizontalAlignmentAnnotation.getDefaultStyles(textAlign);
+    return super.filterAnnotations(annotations);
+  }
+}
+
+/**
+ * Filters the default CodeAnnotation styles (fontFamily, whiteSpace) from
+ * customStyle when parsing an RTETextNode that has a `code` annotation.
+ */
+class CodeFilterStylesStrategy extends RTEFilterStylesStrategy {
+  constructor() {
+    super(...arguments);
+    this.stylesToBeFiltered = CodeAnnotation.getDefaultStyles();
+  }
+  /**
+   * Only strips code-default styles when the `code` annotation is present,
+   * so that a user-applied `fontFamily: 'Roboto Mono'` without code is preserved.
+   *
+   * @param {VegaRTEAnnotations} annotations - The annotations object (mutated in place).
+   * @returns {VegaRTEAnnotations} The same annotations reference.
+   */
+  filterAnnotations(annotations) {
+    const { code, customStyle } = annotations;
+    if (!code || !customStyle) {
+      return annotations;
+    }
+    return super.filterAnnotations(annotations);
+  }
+}
+
+/**
+ * Filters the default internal link styles (color) from `link.customStyle` when
+ * parsing an RTETextNode. Vega applies these styles during standalone rendering;
+ * they are redundant when parsed back and must not be persisted as custom overrides.
+ */
+class LinkFilterStylesStrategy extends RTEFilterStylesStrategy {
+  constructor() {
+    super(...arguments);
+    this.stylesToBeFiltered = LinkGroupAnnotation.getDefaultStyles();
+  }
+  /**
+   * Filter default link styles from `link.customStyle` in annotations.
+   *
+   * @param {VegaRTEAnnotations} annotations - The annotations to filter.
+   * @returns {VegaRTEAnnotations} The same annotations reference with link.customStyle cleaned up.
+   */
+  filterAnnotations(annotations) {
+    const link = annotations.link;
+    if (!(link === null || link === void 0 ? void 0 : link.customStyle)) {
+      return annotations;
+    }
+    this.extractAndDeleteMatchedStyles(link.customStyle);
+    if (Object.keys(link.customStyle).length === 0) {
+      delete link.customStyle;
+    }
+    return annotations;
+  }
+}
+
+/**
+ * Filters redundant inline text formatting styles from `customStyle` when
+ * parsing an RTETextNode. These styles are already represented by semantic
+ * annotations and should not be persisted as custom overrides after source
+ * edit round-trips.
+ */
+class TextFormatFilterStylesStrategy extends RTEFilterStylesStrategy {
+  constructor() {
+    super(...arguments);
+    this.stylesToBeFiltered = {};
+  }
+  /**
+   * @returns {boolean} Always `true` — this strategy runs regardless of `autoMatchFormat`.
+   */
+  get alwaysFilter() {
+    return true;
+  }
+  /**
+   * Filter redundant text format styles from `customStyle`.
+   *
+   * @param {VegaRTEAnnotations} annotations - The annotations to filter.
+   * @returns {VegaRTEAnnotations} The same annotations reference with customStyle cleaned up.
+   */
+  filterAnnotations(annotations) {
+    const textAnnotations = annotations;
+    const customStyle = textAnnotations.customStyle;
+    if (!customStyle) {
+      return annotations;
+    }
+    // Only delete styles that match the default values(BOLD_FONT_WEIGHT) to avoid affecting normal-source conversion.
+    if (textAnnotations.bold && customStyle.fontWeight === BOLD_FONT_WEIGHT) {
+      delete customStyle.fontWeight;
+    }
+    if (textAnnotations.italic && customStyle.fontStyle === ITALIC_FONT_STYLE) {
+      delete customStyle.fontStyle;
+    }
+    const normalizedTextDecoration = this.normalizeTextDecoration(customStyle.textDecoration);
+    if (normalizedTextDecoration &&
+      this.shouldRemoveTextDecoration(normalizedTextDecoration, textAnnotations)) {
+      delete customStyle.textDecoration;
+    }
+    if (Object.keys(customStyle).length === 0) {
+      delete textAnnotations.customStyle;
+    }
+    return annotations;
+  }
+  /**
+   * Normalizes a `text-decoration` CSS value to a sorted, unique token string of
+   * toolbar-only tokens (`underline`, `line-through`). Returns `undefined` if the
+   * value contains any non-toolbar token (e.g. `wavy`, a color).
+   *
+   * @param {string | undefined} value - The raw `textDecoration` CSS value.
+   * @returns {string | undefined} Normalized token string, or `undefined` if the value cannot be safely removed.
+   */
+  normalizeTextDecoration(value) {
+    if (!value) {
+      return undefined;
+    }
+    const tokens = value.trim().toLowerCase().split(/\s+/);
+    if (tokens.some((token) => token !== UNDERLINE_TEXT_DECORATION && token !== STRIKETHROUGH_TEXT_DECORATION)) {
+      return undefined;
+    }
+    return Array.from(new Set(tokens)).sort().join(' ');
+  }
+  /**
+   * Determines whether the `textDecoration` custom style should be removed based on the
+   * semantic annotations present. Removal happens only when the normalized value exactly
+   * matches the set of `{underline, strikethrough}` annotations.
+   *
+   * @param {string} normalizedTextDecoration - The normalized `textDecoration` token string.
+   * @param {VegaRTETextAnnotations} annotations - The text annotations to check against.
+   * @returns {boolean} `true` if the `textDecoration` style is redundant and should be removed.
+   */
+  shouldRemoveTextDecoration(normalizedTextDecoration, annotations) {
+    const expectedTokens = [];
+    if (annotations.underline) {
+      expectedTokens.push(UNDERLINE_TEXT_DECORATION);
+    }
+    if (annotations.strikethrough) {
+      expectedTokens.push(STRIKETHROUGH_TEXT_DECORATION);
+    }
+    if (expectedTokens.length === 0) {
+      return false;
+    }
+    return normalizedTextDecoration === expectedTokens.sort().join(' ');
+  }
+}
+
 /**
  * Register and setup the default DTO classes and their basic action strategies.
  */
@@ -3583,6 +3956,16 @@ ElementToDTOClassStrategyManager.registerElementToBlockStrategy(new UlToRTEListB
 ElementToDTOClassStrategyManager.registerElementToBlockStrategy(new HtmlBlockStrategy());
 ElementToDTOClassStrategyManager.registerElementToNodeStrategy(new InlineElementToTextNodeStrategy());
 ElementToDTOClassStrategyManager.registerElementToNodeStrategy(new PlainTextToTextNodeStrategy());
+// Register filter styles strategies (remove redundant default styles during HTML → DTO conversion)
+RTEFilterStylesStrategyRegistry.register(RTEListBlock.name, new ListBlockFilterStylesStrategy());
+RTEFilterStylesStrategyRegistry.register(RTEListItemBlock.name, new ListItemBlockFilterStylesStrategy());
+RTEFilterStylesStrategyRegistry.register(RTETextBlock.name, new AlignmentFilterStylesStrategy());
+RTEFilterStylesStrategyRegistry.register(RTEListBlock.name, new AlignmentFilterStylesStrategy());
+RTEFilterStylesStrategyRegistry.register(RTEListItemBlock.name, new AlignmentFilterStylesStrategy());
+RTEFilterStylesStrategyRegistry.register(RTEImageNode.name, new ImageFilterStylesStrategy());
+RTEFilterStylesStrategyRegistry.register(RTETextNode.name, new LinkFilterStylesStrategy());
+RTEFilterStylesStrategyRegistry.register(RTETextNode.name, new TextFormatFilterStylesStrategy());
+RTEFilterStylesStrategyRegistry.register(RTETextNode.name, new CodeFilterStylesStrategy());
 
 /**
  * StylePreservator handles CSP-compliant style management by temporarily converting

package/dist/esm/{date-required-rule-4c40a4eb.js → date-required-rule-29608215.js}

@@ -1,4 +1,4 @@
-import { R as isDateStr } from './type-guard-c20cbbff.js';
+import { R as isDateStr } from './type-guard-23a08026.js';
 import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 
 /**

package/dist/esm/{design-token-9c4eb6b1.js → design-token-edcd787b.js}

@@ -1,7 +1,7 @@
-import { j as StateVariantFormatter, k as isBorderColorTokenType, b as BorderColors, e as BorderColorMap, l as isShadowsTokenType, f as Shadows, g as ShadowMap, m as isBorderTokenType, n as Borders, o as BorderMap, p as StateBackgroundColorFormatter, q as isSpacingTokenType, r as isBorderRadiusTokenType, s as isBackgroundColorTokenType, t as isTextColorTokenType, u as isBreakpointsTokenType, h as Spacing, v as isBorderStyleType, B as BorderRadius, C as Colors, w as isTypographyTokenType } from './type-guard-c20cbbff.js';
+import { j as StateVariantFormatter, k as isBorderColorTokenType, b as BorderColors, e as BorderColorMap, l as isShadowsTokenType, f as Shadows, g as ShadowMap, m as isBorderTokenType, n as Borders, o as BorderMap, p as StateBackgroundColorFormatter, q as isSpacingTokenType, r as isBorderRadiusTokenType, s as isBackgroundColorTokenType, t as isTextColorTokenType, u as isBreakpointsTokenType, h as Spacing, v as isBorderStyleType, B as BorderRadius, C as Colors, w as isTypographyTokenType } from './type-guard-23a08026.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-e8534e59.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-37d4d850.js';
 import { a as TypographyKeys } from './typography-396de03f.js';
 import { B as BorderStyle } from './ui-93922c59.js';
 

package/dist/esm/{dom-node-subject-observer-factory-94b2e2c3.js → dom-node-subject-observer-factory-cea9248d.js}

@@ -1,6 +1,6 @@
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { O as Observer } from './observer-3959f9dd.js';
-import { b as isParent } from './ui-ac244bf0.js';
+import { b as isParent } from './ui-ba5a4758.js';
 
 /** The DomNodeSubject class represents a subject related to DOM nodes. */
 class DomNodeSubject {

package/dist/esm/{element-appender-slimmer-fde815dc.js → element-appender-slimmer-08ec429b.js}

@@ -1,18 +1,18 @@
 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, d as isElementVisible, b as isParent } from './ui-ac244bf0.js';
+import { f as findParent, d as isElementVisible, b as isParent } from './ui-ba5a4758.js';
 import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-7d2b54c3.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import { A as Alignments, P as Placements } from './ui-93922c59.js';
-import { I as isTranslocationType, i as isNonNullable, a5 as isEATriggerStrategy } from './type-guard-c20cbbff.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-e8534e59.js';
+import { I as isTranslocationType, i as isNonNullable, a5 as isEATriggerStrategy } from './type-guard-23a08026.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-37d4d850.js';
 import { t as tryGetDocument } from './try-get-document-bef0f526.js';
 import { F as FeatureFlag } from './feature-flag-controller-30f7b625.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { S as SHADOW_ROOT_ELEMENT_SCROLLING } from './static-subject-title-52f93124.js';
 import { O as Observer } from './observer-3959f9dd.js';
-import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-94b2e2c3.js';
-import { B as VegaInternalNestEAHierarchyTreeChange } from './vega-internal-event-id-8002b179.js';
+import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-cea9248d.js';
+import { B as VegaInternalNestEAHierarchyTreeChange } from './vega-internal-event-id-70bd893d.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-b236945b.js → event-emit-slimmer-4fba1b35.js}

@@ -1,7 +1,7 @@
 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, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-94b2e2c3.js';
+import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-cea9248d.js';
 import { j as jqueryDelegatedStrategyController, i as internalVegaEventManager } from './internal-vega-event-manager-59f5bd47.js';
 import { t as tryGetDocument } from './try-get-document-bef0f526.js';
 

package/dist/esm/{form-field-controller-slimmer-00fa3678.js → form-field-controller-slimmer-8dd39707.js}

@@ -3,11 +3,11 @@ 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, a as FORM_FIELD_PENDING_VALID_CHANGE, b as FORM_FIELD_ELEMENT_DISCONNECTED, F as FORM_ELEMENT_VALUE_CHANGE, c as FORM_RESET_OPERATION_TRIGGERED, d as FIELD_ERROR_MESSAGE_CHANGE, e as FORM_ELEMENT_VALIDATE } from './static-subject-title-52f93124.js';
-import { f as findParent, d as isElementVisible } from './ui-ac244bf0.js';
+import { f as findParent, d as isElementVisible } from './ui-ba5a4758.js';
 import { a as isAsyncFunction, g as generateUUID } from './misc-9fdbcfbb.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
-import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-94b2e2c3.js';
-import { h as VegaInternalFieldErrorStateChange, f as VegaInternalFormSubmit, i as VegaInternalValid } from './vega-internal-event-id-8002b179.js';
+import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-cea9248d.js';
+import { h as VegaInternalFieldErrorStateChange, f as VegaInternalFormSubmit, i as VegaInternalValid } from './vega-internal-event-id-70bd893d.js';
 import { V as VegaInternalTranslation } from './internal-translation-controller-b08aa9ab.js';
 import { h as htmlSanitizer, l as labelSanitizeStrategy } from './index-3b327f29.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
@@ -15,7 +15,7 @@ import { I as InternalFormFieldValidationRule } from './internal-form-field-vali
 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-b3a773c5.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-4d30fa5c.js';
 
 /** The `FormFieldValidationRuleHandler` class is responsible for handling the validation rules for a form field. */
 class FormFieldValidationRuleHandler {

package/dist/esm/{image-annotation-action-1ec7b461.js → image-annotation-action-a6b33a81.js}

@@ -1,11 +1,11 @@
 import { h } from './index-090d31ca.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-bd80b3bb.js';
 import { c as MapToComponentField, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { A as ActionHandleStrategyRegistry, P as RTE_TEXT_COLORS, b as RTETextNode, $ as TextColorAnnotationAction, D as NodeAnnotationTypeEnum, l as AnnotationAction } from './code-block-58d1dbe5.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-94b2e2c3.js';
+import { A as ActionHandleStrategyRegistry, W as RTE_TEXT_COLORS, b as RTETextNode, a8 as TextColorAnnotationAction, D as NodeAnnotationTypeEnum, l as AnnotationAction } from './code-block-7d6f231b.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-cea9248d.js';
 import { a as VegaClick, b as VegaPopoverShow, c as VegaPopoverHide, h as VegaChange } from './vega-event-id-4ede557a.js';
 import { a as VegaDarkModeStyleController } from './dark-mode-style-controller-82e5c1c6.js';
-import { g as ImageAnnotation } from './content-state-dad1fd71.js';
+import { g as ImageAnnotation } from './content-state-084cd705.js';
 
 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>`,