@heartlandone/vega 2.80.0 → 2.81.0

package/dist/esm/{split-cell-operation-9445e642.js → split-cell-operation-548ea374.js}

@@ -1,12 +1,12 @@
-import { B as BlockAnnotation, c as RTEBlock, M as ModifyContentAction, C as CommonAnnotationTypeEnum, n as CustomAttributeAnnotation, h as RTENode, f as ActionHandleStrategy } from './code-block-7d6f231b.js';
+import { B as BlockAnnotation, d as RTEBlock, M as ModifyContentAction, C as CommonAnnotationTypeEnum, o as CustomAttributeAnnotation, i as RTENode, g as ActionHandleStrategy } from './code-block-cd913077.js';
 import { c as cleanObject } from './object-0c277f57.js';
 import { V as VegaInternalThemeManager } from './dark-mode-style-controller-82e5c1c6.js';
 import './global-slimmer-registry-17c4efd4.js';
 import { I as InjectVegaTelemetrySlimmer, c as createPublicAPIRuntimeMetricsSlimmer } from './create-public-api-runtime-metrics-slimmer-aaadaa08.js';
-import { r as rgbToHex } from './ui-ba5a4758.js';
-import { i as isNonNullable } from './type-guard-23a08026.js';
+import { r as rgbToHex } from './ui-b7600a48.js';
+import { i as isNonNullable } from './type-guard-f6c9c89d.js';
 import { g as generateUUID } from './misc-9fdbcfbb.js';
-import { U as UpdateCursorPositionAction, V as VegaRTEContent } from './content-state-084cd705.js';
+import { U as UpdateCursorPositionAction, V as VegaRTEContent } from './content-state-89f8eecb.js';
 
 const ThemeManagerRuntimeMetricsPayloadDefinition = [
   {
@@ -355,6 +355,17 @@ class RTETableAnnotation extends BlockAnnotation {
   static from(value, useInternalStyle = true) {
     return [RTETableExtensionAnnotationTypeEnum.TABLE, new RTETableAnnotation(value, useInternalStyle)];
   }
+  /**
+   * Get the default styles for the table annotation.
+   *
+   * @returns {AnnotationStyle} The default styles for the table annotation.
+   */
+  static getDefaultStyles() {
+    return {
+      borderCollapse: RTETableAnnotation.DEFAULT_BORDER_COLLAPSE,
+      margin: RTETableAnnotation.DEFAULT_ALIGNMENT_STYLE_VALUE,
+    };
+  }
   /**
    * Generates the CSS border string from the border properties.
    *
@@ -418,12 +429,17 @@ class RTETableAnnotation extends BlockAnnotation {
     if (!this.alignment)
       return {};
     return {
-      margin: this.alignment === 'center' ? '0 auto' : this.alignment === 'left' ? '0' : '0 0 0 auto',
+      margin: this.alignment === 'center'
+        ? RTETableAnnotation.DEFAULT_ALIGNMENT_STYLE_VALUE
+        : this.alignment === 'left'
+          ? '0'
+          : '0 0 0 auto',
     };
   }
 }
 RTETableAnnotation.DEFAULT_BORDER_COLLAPSE = 'collapse';
 RTETableAnnotation.DEFAULT_ALIGNMENT = 'center';
+RTETableAnnotation.DEFAULT_ALIGNMENT_STYLE_VALUE = '0 auto';
 
 /**
  * Class representing a table block in the rich text editor.
@@ -491,9 +507,9 @@ class RTETableBlock extends RTEBlock {
   /**
    * @inheritDoc
    */
-  toHtml() {
-    const childrenHtml = this.children.map((child) => child.toHtml()).join('');
-    const attrStr = super.generateAttributeString();
+  toHtml(options) {
+    const childrenHtml = this.children.map((child) => child.toHtml(options)).join('');
+    const attrStr = super.generateAttributeString(options);
     return `<table${attrStr}>${childrenHtml}</table>`;
   }
   /**
@@ -707,9 +723,9 @@ class RTETableBodyBlock extends RTEBlock {
   /**
    * @inheritDoc
    */
-  toHtml() {
-    const childrenHtml = this.children.map((child) => child.toHtml()).join('');
-    const attrStr = super.generateAttributeString();
+  toHtml(options) {
+    const childrenHtml = this.children.map((child) => child.toHtml(options)).join('');
+    const attrStr = super.generateAttributeString(options);
     return `<tbody${attrStr}>${childrenHtml}</tbody>`;
   }
   /**
@@ -763,13 +779,13 @@ class RTETableHeadBlock extends RTEBlock {
   /**
    * @inheritDoc
    */
-  toHtml() {
+  toHtml(options) {
     const childrenHtml = this.children
       .map((child) => {
-      return child.toHtml();
+      return child.toHtml(options);
     })
       .join('');
-    const attrStr = super.generateAttributeString();
+    const attrStr = super.generateAttributeString(options);
     return `<thead${attrStr}>${childrenHtml}</thead>`;
   }
   /**
@@ -823,13 +839,13 @@ class RTETableRowBlock extends RTEBlock {
   /**
    * @inheritDoc
    */
-  toHtml() {
+  toHtml(options) {
     const childrenHtml = this.children
       .map((child) => {
-      return child.toHtml();
+      return child.toHtml(options);
     })
       .join('');
-    const attrStr = super.generateAttributeString();
+    const attrStr = super.generateAttributeString(options);
     return `<tr${attrStr}>${childrenHtml}</tr>`;
   }
   /**
@@ -881,6 +897,24 @@ class RTETableCellAnnotation extends BlockAnnotation {
       new RTETableCellAnnotation(cellAnnotation, useInternalStyle),
     ];
   }
+  /**
+   * Get the default styles for the table annotation.
+   *
+   * @param {boolean} isHexColor - Whether to return color values as hex codes.
+   * @returns {AnnotationStyle} The default styles for the table annotation.
+   */
+  static getDefaultStyles(isHexColor = true) {
+    return {
+      padding: RTETableCellAnnotation.DEFAULT_PADDING,
+      textAlign: RTETableCellAnnotation.DEFAULT_HORIZONTAL_TEXT_ALIGN,
+      verticalAlign: RTETableCellAnnotation.DEFAULT_VERTICAL_TEXT_ALIGN,
+      minWidth: RTETableCellAnnotation.DEFAULT_CELL_MIN_WIDTH,
+      boxSizing: RTETableCellAnnotation.DEFAULT_BOX_SIZING,
+      border: `${RTETableCellAnnotation.DEFAULT_BORDER.style} ${RTETableCellAnnotation.DEFAULT_BORDER.width} ${isHexColor
+        ? RTETableCellAnnotation.DEFAULT_BORDER.color
+        : RTETableCellAnnotation.DEFAULT_BORDER_RGB_COLOR}`,
+    };
+  }
   /**
    * Generates the CSS border string from the border properties.
    *
@@ -1024,6 +1058,7 @@ RTETableCellAnnotation.DEFAULT_BORDER = {
   width: '1px',
   color: '#ddd',
 };
+RTETableCellAnnotation.DEFAULT_BORDER_RGB_COLOR = 'rgb(221, 221, 221)'; // Equivalent RGB for #ddd
 RTETableCellAnnotation.DEFAULT_HORIZONTAL_TEXT_ALIGN = 'left';
 RTETableCellAnnotation.DEFAULT_VERTICAL_TEXT_ALIGN = 'middle';
 RTETableCellAnnotation.DEFAULT_CELL_MIN_WIDTH = '55px';
@@ -1098,9 +1133,9 @@ class RTETableCellBlock extends RTEBlock {
   /**
    * @inheritDoc
    */
-  toHtml() {
-    const childrenHtml = this.children.map((child) => child.toHtml()).join('');
-    const attrStr = super.generateAttributeString();
+  toHtml(options) {
+    const childrenHtml = this.children.map((child) => child.toHtml(options)).join('');
+    const attrStr = super.generateAttributeString(options);
     return `<td${attrStr}>${childrenHtml}</td>`;
   }
   /**
@@ -1214,9 +1249,9 @@ class RTETableHeadCellBlock extends RTETableCellBlock {
   /**
    * @inheritDoc
    */
-  toHtml() {
-    const childrenHtml = this.children.map((child) => child.toHtml()).join('');
-    const attrStr = super.generateAttributeString();
+  toHtml(options) {
+    const childrenHtml = this.children.map((child) => child.toHtml(options)).join('');
+    const attrStr = super.generateAttributeString(options);
     return `<th${attrStr}>${childrenHtml}</th>`;
   }
   /**

package/dist/esm/{string-format-strategy.abstract-ec6d627b.js → string-format-strategy.abstract-6488031a.js}

@@ -1,4 +1,4 @@
-import { i as isNonNullable } from './type-guard-23a08026.js';
+import { i as isNonNullable } from './type-guard-f6c9c89d.js';
 
 /**
  * String format strategy abstract class

package/dist/esm/{string-input-formatter-slimmer-959dff7a.js → string-input-formatter-slimmer-625e17a2.js}

@@ -1,9 +1,9 @@
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { i as isNonNullable } from './type-guard-23a08026.js';
+import { i as isNonNullable } from './type-guard-f6c9c89d.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-cea9248d.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-aca0116e.js';
 import { r as VegaInternalPasteEvent, s as VegaInternalComponentDidRender } from './vega-internal-event-id-70bd893d.js';
-import { w as waitForComponentDidRender } from './wait-for-component-did-render-03e7ccb2.js';
+import { w as waitForComponentDidRender } from './wait-for-component-did-render-6980a1a6.js';
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/esm/{string-mask-strategy-49be41f0.js → string-mask-strategy-a165d316.js}

@@ -1,5 +1,5 @@
-import { S as StringFormatStrategy } from './string-format-strategy.abstract-ec6d627b.js';
-import { i as isNonNullable } from './type-guard-23a08026.js';
+import { S as StringFormatStrategy } from './string-format-strategy.abstract-6488031a.js';
+import { i as isNonNullable } from './type-guard-f6c9c89d.js';
 
 /**
  * A class for formatting string with the given mask format

package/dist/esm/{style-formatter-ad0b2bac.js → style-formatter-280757ae.js}

@@ -1,5 +1,5 @@
-import { i as isNonNullable } from './type-guard-23a08026.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-37d4d850.js';
+import { i as isNonNullable } from './type-guard-f6c9c89d.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-151dbd10.js';
 
 /**
  * Fomatter flex styles.

package/dist/esm/{sub-state-notify-slimmer-ee8c417b.js → sub-state-notify-slimmer-6c972bb4.js}

@@ -3,7 +3,7 @@ import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { k as VegaInternalSubStatePull, j as VegaInternalSubStatePush } from './vega-internal-event-id-70bd893d.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-cea9248d.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-aca0116e.js';
 
 /**
  * Sub state notify slimmer

package/dist/esm/{sub-state-observer-slimmer-4d30fa5c.js → sub-state-observer-slimmer-53643b5c.js}

@@ -1,8 +1,8 @@
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { f as findParent } from './ui-ba5a4758.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-cea9248d.js';
+import { f as findParent } from './ui-b7600a48.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-aca0116e.js';
 import { j as VegaInternalSubStatePush, k as VegaInternalSubStatePull } from './vega-internal-event-id-70bd893d.js';
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/esm/{time-required-rule-414b1590.js → time-required-rule-3f5a8822.js}

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

package/dist/esm/{token-extension-600b1c88.js → token-extension-5ee7a3f1.js}

@@ -1,5 +1,5 @@
 import { g as generateUUID } from './misc-9fdbcfbb.js';
-import { a as arrayToClassString, g as getDeviceType, D as DeviceType, f as findParent, r as rgbToHex } from './ui-ba5a4758.js';
+import { a as arrayToClassString, g as getDeviceType, D as DeviceType, f as findParent, r as rgbToHex } from './ui-b7600a48.js';
 import { L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { I as InjectVegaTelemetrySlimmer, c as createPublicAPIRuntimeMetricsSlimmer } from './create-public-api-runtime-metrics-slimmer-aaadaa08.js';
 import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-7d2b54c3.js';
@@ -7,16 +7,16 @@ import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import { i as internalVegaEventManager } from './internal-vega-event-manager-59f5bd47.js';
 import { V as VegaInternalTranslation } from './internal-translation-controller-b08aa9ab.js';
-import { R as RTEDTOActionStrategyManager, E as ElementToDTOClassStrategyManager, h as htmlElementToAnnotationGenerator, U as UpdateCursorPositionAction, V as VegaRTEContent, B as BlockToRTEBlockStrategyAbstract, a as ElementToDTOStrategy, I as InsertNewParagraphAction, b as RTEImageBlock, c as InsertChildrenBeforeStrategy, P as PasteContentStrategy, A as AnnotationGeneratorStrategyAbstract, d as RTEListItemBlock } from './content-state-084cd705.js';
-import { s as stateEntityRenderingRegistry, A as ActionHandleStrategyRegistry, a as ActionHandlerInterceptorRegistry, R as RTEDTOClassManager, M as ModifyContentAction, b as RTETextNode, c as RTEBlock, d as RTETextBlock, e as RTEAnnotationStyle, f as ActionHandleStrategy, I as InsertChildrenAfterAction, g as AppendChildrenAction, h as RTENode, i as InsertChildrenBeforeAction, j as InternalAnnotationTypeEnum, k as ModifyContentActionType, B as BlockAnnotation, l as AnnotationAction, m as RemoveChildrenAction, C as CommonAnnotationTypeEnum, n as CustomAttributeAnnotation } from './code-block-7d6f231b.js';
-import { i as isNonNullable } from './type-guard-23a08026.js';
+import { R as RTEDTOActionStrategyManager, E as ElementToDTOClassStrategyManager, h as htmlElementToAnnotationGenerator, U as UpdateCursorPositionAction, V as VegaRTEContent, B as BlockToRTEBlockStrategyAbstract, a as ElementToDTOStrategy, I as InsertNewParagraphAction, b as RTEImageBlock, c as InsertChildrenBeforeStrategy, P as PasteContentStrategy, A as AnnotationGeneratorStrategyAbstract, d as RTEListItemBlock } from './content-state-89f8eecb.js';
+import { s as stateEntityRenderingRegistry, A as ActionHandleStrategyRegistry, a as ActionHandlerInterceptorRegistry, R as RTEFilterStylesStrategyRegistry, b as RTEDTOClassManager, M as ModifyContentAction, c as RTETextNode, d as RTEBlock, e as RTETextBlock, f as RTEAnnotationStyle, g as ActionHandleStrategy, I as InsertChildrenAfterAction, h as AppendChildrenAction, i as RTENode, j as InsertChildrenBeforeAction, k as InternalAnnotationTypeEnum, l as ModifyContentActionType, B as BlockAnnotation, m as AnnotationAction, n as RemoveChildrenAction, C as CommonAnnotationTypeEnum, o as CustomAttributeAnnotation, p as RTEFilterStylesStrategy } from './code-block-cd913077.js';
+import { i as isNonNullable } from './type-guard-f6c9c89d.js';
 import { R as RTEDTORendererManager } from './dto-renderer-manager-12bc9121.js';
 import { V as VegaRTEBaseRenderer } from './base-renderer-101f6d04.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-bd80b3bb.js';
 import { v as vegaNonceManager } from './vega-nonce-manager-497e5eb5.js';
-import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-cea9248d.js';
+import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-aca0116e.js';
 import { V as VegaDropdownClick, a as VegaClick, b as VegaPopoverShow, c as VegaPopoverHide } from './vega-event-id-4ede557a.js';
-import { R as RTETableExtensionAnnotationTypeEnum, a as RTE_TABLE_HEAD_DEFAULT_BACKGROUND_COLOR, S as SettingEventHandler, T as TableSettingType, b as RowOperationEventHandler, C as ColumnOperationEventHandler, M as MergeCellsOperationEventHandler, c as SplitCellOperationEventHandler, d as RTETableAnnotation, e as RTETableCellAnnotation, f as RTETableHeadCellBlock, g as RTETableColorManager, h as RTETableBlock, i as generateTableBody, j as RTETableCellBlock, k as RTETableHeadBlock, l as RTETableBodyBlock, m as getParentBlockByType, n as RTETableHeadCellAnnotation, o as TableColumnStrategy, p as getAllTableRows, q as buildTableGrid, s as setSpanAttributes, r as findCellBlockById, t as getDefaultCellBlockTemplate, I as InsertTableColumnDirection, u as buildCellStartColumnMap, v as getTableColumnCount, w as getFirstNode, x as getCellSpan, y as createNewCell, z as MergeCellsOperationType, A as RTETableRowBlock, B as getActualColumnPosition, D as InsertTableRowDirection, E as RTE_TABLE_DEFAULT_COLORS, F as INSERT_TABLE_ROW_INTO_DIFFERENT_SECTION, G as INSERT_TABLE_ROW_INTO_SAME_SECTION, H as DELETE_TABLE_ROW, J as TOGGLE_HEADER_ROW, K as INSERT_TABLE_COLUMN, L as DELETE_TABLE_COLUMN, N as TOGGLE_HEADER_TABLE_COLUMN, O as ToggleHeaderTableColumnStrategy, P as SPLIT_TABLE_CELL, Q as REPLACE_TABLE_CELL, U as SPLIT_CELL_HORIZONTALLY, W as SPLIT_CELL_VERTICALLY, X as SELECT_TABLE_COLUMN, Y as MERGE_CELLS } from './split-cell-operation-9445e642.js';
+import { R as RTETableExtensionAnnotationTypeEnum, a as RTE_TABLE_HEAD_DEFAULT_BACKGROUND_COLOR, S as SettingEventHandler, T as TableSettingType, b as RowOperationEventHandler, C as ColumnOperationEventHandler, M as MergeCellsOperationEventHandler, c as SplitCellOperationEventHandler, d as RTETableAnnotation, e as RTETableCellAnnotation, f as RTETableHeadCellBlock, g as RTETableColorManager, h as RTETableBlock, i as generateTableBody, j as RTETableCellBlock, k as RTETableHeadBlock, l as RTETableBodyBlock, m as getParentBlockByType, n as RTETableHeadCellAnnotation, o as TableColumnStrategy, p as getAllTableRows, q as buildTableGrid, s as setSpanAttributes, r as findCellBlockById, t as getDefaultCellBlockTemplate, I as InsertTableColumnDirection, u as buildCellStartColumnMap, v as getTableColumnCount, w as getFirstNode, x as getCellSpan, y as createNewCell, z as MergeCellsOperationType, A as RTETableRowBlock, B as getActualColumnPosition, D as InsertTableRowDirection, E as RTE_TABLE_DEFAULT_COLORS, F as INSERT_TABLE_ROW_INTO_DIFFERENT_SECTION, G as INSERT_TABLE_ROW_INTO_SAME_SECTION, H as DELETE_TABLE_ROW, J as TOGGLE_HEADER_ROW, K as INSERT_TABLE_COLUMN, L as DELETE_TABLE_COLUMN, N as TOGGLE_HEADER_TABLE_COLUMN, O as ToggleHeaderTableColumnStrategy, P as SPLIT_TABLE_CELL, Q as REPLACE_TABLE_CELL, U as SPLIT_CELL_HORIZONTALLY, W as SPLIT_CELL_VERTICALLY, X as SELECT_TABLE_COLUMN, Y as MERGE_CELLS } from './split-cell-operation-548ea374.js';
 import { r as remoteInvocationRegistry } from './remote-invocation-registry-d69245c2.js';
 import { V as VegaInternalPopoverUpdateTarget, a as VegaInternalRTEExtensionTableCellsSelectionAnchor, b as VegaInternalRTEExtensionTableCellSelectionChange } from './vega-internal-event-id-70bd893d.js';
 import { V as VegaInternalThemeManager } from './dark-mode-style-controller-82e5c1c6.js';
@@ -1221,6 +1221,15 @@ class VegaRTEExtension {
   static registerActionHandlerInterceptor(nodeOrBlockClassName, actionType, strategy) {
     ActionHandlerInterceptorRegistry.register(actionType, nodeOrBlockClassName, strategy);
   }
+  /**
+   * Registers a filter styles strategy for a specific block or node class.
+   *
+   * @param {string} blockOrNodeClassName - The name of the block or node class.
+   * @param {RTEFilterStylesStrategy} strategy - The filter styles strategy to register.
+   */
+  static registerFilterStylesStrategy(blockOrNodeClassName, strategy) {
+    RTEFilterStylesStrategyRegistry.register(blockOrNodeClassName, strategy);
+  }
   /**
    * Initializes the RTE extension with the provided context.
    *
@@ -1953,13 +1962,19 @@ class VegaRTELanguageExtension extends VegaRTEExtension {
    * @returns {VegaRTEContent} - The content.
    */
   getRTELatestValue(host) {
+    var _a;
     let result = host.value;
     if (this.extensionContext && this.extensionContext.isSourceEditMode() && host.shadowRoot) {
       const codeBlock = host.shadowRoot.querySelector('.source-view-container vega-code-block');
       if (codeBlock) {
-        result = VegaRTEContent.fromHtml(codeBlock.value.code, {
-          autoMatchFormat: host.sourceEditConfig.autoMatchFormat,
-        });
+        let options = undefined;
+        if (host.sourceEditConfig) {
+          options = {
+            autoMatchFormat: (_a = host.sourceEditConfig.autoMatchFormat) !== null && _a !== void 0 ? _a : true,
+            filterInlineStyles: host.sourceEditConfig.filterInlineStyles,
+          };
+        }
+        result = VegaRTEContent.fromHtml(codeBlock.value.code, options);
       }
     }
     return result;
@@ -2796,6 +2811,21 @@ class RTETableCaptionAnnotation extends BlockAnnotation {
     super(...arguments);
     this.type = RTETableExtensionAnnotationTypeEnum.CAPTION;
   }
+  /**
+   * Get the default styles for the table caption annotation.
+   *
+   * @returns {AnnotationStyle} The default styles for the table caption annotation.
+   */
+  static getDefaultStyles() {
+    return {
+      padding: '8px',
+      border: '1px solid #ddd',
+      borderBottom: 'none',
+      position: 'relative',
+      textAlign: 'center',
+      minHeight: '22px',
+    };
+  }
   /**
    * @inheritDoc
    */
@@ -2816,30 +2846,14 @@ class RTETableCaptionAnnotation extends BlockAnnotation {
   renderStyle(options) {
     if (!(options === null || options === void 0 ? void 0 : options.standalone))
       return null;
-    return {
-      padding: '8px',
-      border: '1px solid #ddd',
-      borderBottom: 'none',
-      backgroundColor: this.getCaptionBackgroundColor(),
-      position: 'relative',
-      textAlign: 'center',
-      minHeight: '22px',
-    };
+    return Object.assign(Object.assign({}, RTETableCaptionAnnotation.getDefaultStyles()), { backgroundColor: this.getCaptionBackgroundColor() });
   }
   /**
    * @inheritDoc
    */
   toJSON() {
     return {
-      caption: {
-        padding: '8px 12px',
-        border: '1px solid #ddd',
-        borderBottom: 'none',
-        backgroundColor: this.getCaptionBackgroundColor(),
-        position: 'relative',
-        textAlign: 'center',
-        minHeight: '22px',
-      },
+      caption: true,
     };
   }
   /**
@@ -2854,6 +2868,17 @@ class RTETableCaptionAnnotation extends BlockAnnotation {
   }
 }
 
+var __rest$3 = (undefined && undefined.__rest) || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+    t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+        t[p[i]] = s[p[i]];
+    }
+  return t;
+};
 /**
  * Represents the optional caption block for a table.
  */
@@ -2871,7 +2896,11 @@ class RTETableCaptionBlock extends RTEBlock {
    */
   static from(block, options) {
     const captionBlock = new RTETableCaptionBlock(block.id, options);
-    super.convertAnnotationsToMap(captionBlock.annotationMap, Object.assign({}, block.annotations));
+    const _a = block.annotations || {}, { caption } = _a, restAnnotations = __rest$3(_a, ["caption"]);
+    if (caption) {
+      captionBlock.annotationMap.set(RTETableExtensionAnnotationTypeEnum.CAPTION, new RTETableCaptionAnnotation());
+    }
+    super.convertAnnotationsToMap(captionBlock.annotationMap, Object.assign({}, restAnnotations));
     captionBlock.children = super.generateBlockChildren(block.children, options, captionBlock);
     return captionBlock;
   }
@@ -2900,9 +2929,11 @@ class RTETableCaptionBlock extends RTEBlock {
   /**
    * @inheritDoc
    */
-  toHtml() {
-    const childrenHtml = this.children.map((child) => child.toHtml()).join('');
-    const attrStr = super.generateAttributeString();
+  toHtml(options) {
+    const childrenHtml = this.children
+      .map((child) => child.toHtml(options))
+      .join('');
+    const attrStr = super.generateAttributeString(options);
     return `<caption${attrStr}>${childrenHtml}</caption>`;
   }
   /**
@@ -6352,7 +6383,7 @@ class TdToTableCellBlockStrategy extends BlockToRTEBlockStrategyAbstract {
     return RTETableCellBlock.from({
       id: generateUUID(),
       type: 'table-cell',
-      annotations: htmlElementToAnnotationGenerator.generate(RTETableHeadCellBlock, element, options),
+      annotations: htmlElementToAnnotationGenerator.generate(RTETableCellBlock, element, options),
       children: defaultChildren,
     }, options);
   }
@@ -6379,7 +6410,7 @@ class TdToTableCellBlockStrategy extends BlockToRTEBlockStrategyAbstract {
    * @returns {VegaRTETableHeadCellBlock['annotations']} The annotations for the table head element.
    */
   getTableHeadCellAnnotations(element, options) {
-    const result = htmlElementToAnnotationGenerator.generate(RTETableCellBlock, element, options);
+    const result = htmlElementToAnnotationGenerator.generate(RTETableHeadCellBlock, element, options);
     if (result && result.tableCell) {
       // If the background color matches the default, remove it from the annotation to avoid unnecessary styling
       const colorKey = RTETableColorManager.getColorKey(result.tableCell.backgroundColor, true);
@@ -6416,10 +6447,11 @@ class CaptionToCaptionBlockStrategy extends ElementToDTOStrategy {
    * @inheritDoc
    */
   handle(elementsArray, options) {
+    const captionAnnotations = this.getTableCaptionAnnotations(elementsArray[0], options);
     return RTETableCaptionBlock.from({
       id: generateUUID(),
       type: 'table-caption',
-      annotations: this.getTableCaptionAnnotations(elementsArray[0], options),
+      annotations: Object.assign(Object.assign({}, captionAnnotations), { caption: true }),
       children: [],
     }, options);
   }
@@ -7188,6 +7220,144 @@ class PreventTableInsertParagraphInterceptor extends ActionHandlerInterceptor {
   }
 }
 
+/**
+ * A strategy defines how to filter and refill styles for table elements.
+ */
+class TableBlockFilterStylesStrategy extends RTEFilterStylesStrategy {
+  constructor() {
+    super(...arguments);
+    this.stylesToBeFiltered = RTETableAnnotation.getDefaultStyles();
+    this.elementTagName = 'table';
+  }
+  /**
+   * @inheritDoc
+   */
+  canFilter(blockOrNodeInstance) {
+    return this.isTableBlock(blockOrNodeInstance.constructor.name);
+  }
+  /**
+   * @inheritDoc
+   */
+  canRefill(blockOrNodeClassName, element) {
+    return (this.isTableBlock(blockOrNodeClassName) && element.tagName.toLowerCase() === this.elementTagName);
+  }
+  /**
+   * @inheritDoc
+   */
+  toCssText() {
+    return this.buildCssTextForStyles(this.elementTagName, this.classNameToBeAdded);
+  }
+  /**
+   * Checks if the given class name corresponds to a table block.
+   *
+   * @param {string} className - The class name to check.
+   * @returns {boolean} - True if it's a table block, false otherwise.
+   */
+  isTableBlock(className) {
+    return className === 'RTETableBlock';
+  }
+}
+
+/**
+ * A strategy defines how to filter and refill styles for table caption elements.
+ */
+class TableCaptionFilterStylesStrategy extends RTEFilterStylesStrategy {
+  constructor() {
+    super(...arguments);
+    this.stylesToBeFiltered = RTETableCaptionAnnotation.getDefaultStyles();
+    this.elementTagName = 'table caption';
+  }
+  /**
+   * @inheritDoc
+   */
+  canFilter(blockOrNodeInstance) {
+    return this.isTableCaption(blockOrNodeInstance.constructor.name);
+  }
+  /**
+   * @inheritDoc
+   */
+  canRefill(blockOrNodeClassName, element) {
+    return this.isTableCaption(blockOrNodeClassName) && element.nodeName === 'CAPTION';
+  }
+  /**
+   * @inheritDoc
+   */
+  toCssText() {
+    return this.buildCssTextForStyles(this.elementTagName, this.classNameToBeAdded);
+  }
+  /**
+   * Checks if the given class name corresponds to a table caption block.
+   *
+   * @param {string} className - The class name to check.
+   * @returns {boolean} - True if it's a table caption block, false otherwise.
+   */
+  isTableCaption(className) {
+    return className === 'RTETableCaptionBlock';
+  }
+}
+
+/**
+ * A strategy defines how to filter and refill styles for table cell elements.
+ */
+class TableCellFilterStylesStrategy extends RTEFilterStylesStrategy {
+  constructor(cellType = 'td') {
+    super();
+    this.stylesToBeFiltered = RTETableCellAnnotation.getDefaultStyles();
+    this.elementTagName = '';
+    this.stylesWithRGBColor = RTETableCellAnnotation.getDefaultStyles(false);
+    this.cellBlockClassName = '';
+    this.elementTagName = cellType;
+    this.cellBlockClassName = cellType === 'td' ? 'RTETableCellBlock' : 'RTETableHeadCellBlock';
+  }
+  /**
+   * @inheritDoc
+   */
+  canFilter(blockOrNodeInstance) {
+    return this.isTableCell(blockOrNodeInstance.constructor.name);
+  }
+  /**
+   * The table cell border color can be represented in different formats (e.g., hex, rgb), so we need to ensure that we can handle both cases.
+   *
+   * @inheritDoc
+   */
+  filterAndDeleteStyles(fullStyles, classNames) {
+    this.convertDefaultBorderColorFromRGBToHex(fullStyles);
+    return super.filterAndDeleteStyles(fullStyles, classNames);
+  }
+  /**
+   * @inheritDoc
+   */
+  canRefill(blockOrNodeClassName, element) {
+    return (this.isTableCell(blockOrNodeClassName) && element.nodeName === this.elementTagName.toUpperCase());
+  }
+  /**
+   * @inheritDoc
+   */
+  toCssText() {
+    return this.buildCssTextForStyles(this.elementTagName, this.classNameToBeAdded);
+  }
+  /**
+   * Checks if the given class name corresponds to a table cell block.
+   *
+   * @param {string} className - The class name to check.
+   * @returns {boolean} - True if it's a table cell block, false otherwise.
+   */
+  isTableCell(className) {
+    return className === this.cellBlockClassName;
+  }
+  /**
+   * Converts the default border color from RGB to HEX if necessary.
+   *
+   * @param {Nullable<RTEFilterStyles>} styles - The styles object to be modified.
+   */
+  convertDefaultBorderColorFromRGBToHex(styles) {
+    const defaultRGBBorder = this.stylesWithRGBColor.border;
+    if (styles && styles.border && styles.border === defaultRGBBorder) {
+      styles.border = this.stylesToBeFiltered.border; // Use the hex color from stylesToBeFiltered
+    }
+  }
+}
+
 /**
  * Function extension class for Vega Rich Text Editor.
  */
@@ -7288,6 +7458,10 @@ class VegaRTETableExtension extends VegaRTEExtension {
   VegaRTEExtension.registerActionHandlerInterceptor(RTETableCellBlock.name, ModifyContentActionType.DELETE_CHILDREN, new PreventCellChildrenRemoveInterceptor());
   VegaRTEExtension.registerActionHandlerInterceptor(RTETableHeadCellBlock.name, ModifyContentActionType.DELETE_CHILDREN, new PreventCellChildrenRemoveInterceptor());
   VegaRTEExtension.registerActionHandlerInterceptor(RTETableBlock.name, ModifyContentActionType.INSERT_NEW_PARAGRAPH, new PreventTableInsertParagraphInterceptor());
+  VegaRTEExtension.registerFilterStylesStrategy(RTETableBlock.name, new TableBlockFilterStylesStrategy());
+  VegaRTEExtension.registerFilterStylesStrategy(RTETableCaptionBlock.name, new TableCaptionFilterStylesStrategy());
+  VegaRTEExtension.registerFilterStylesStrategy(RTETableCellBlock.name, new TableCellFilterStylesStrategy());
+  VegaRTEExtension.registerFilterStylesStrategy(RTETableHeadCellBlock.name, new TableCellFilterStylesStrategy('th'));
 })();
 
 /**

package/dist/esm/{type-guard-23a08026.js → type-guard-f6c9c89d.js}

@@ -1954,5 +1954,26 @@ const isEATriggerStrategy = (instance) => {
     typeof instance.evaluate === 'function' &&
     typeof instance.canEvaluate === 'function');
 };
+/**
+ * Validates if the input is of type MarginValueType, which can be either a SpacingTokenType or the string 'auto'.
+ *
+ * @param {unknown} input - The value to check.
+ * @returns {boolean} indicating if the input is type of {@link MarginValueType}
+ */
+const isMarginValueType = (input) => {
+  return isSpacingTokenType(input) || input === 'auto';
+};
+/**
+ * Validates if the input is of type DirectionalMarginType.
+ *
+ * @param {unknown} input - The value to check.
+ * @returns {boolean} indicating if the input is type of {@link DirectionalMarginType}
+ */
+const isDirectionalMarginType = (input) => {
+  return (typeof input === 'object' &&
+    input !== null &&
+    Object.keys(input).every(isSpacingDirection) &&
+    Object.values(input).every(isMarginValueType));
+};
 
-export { compareIsBefore as $, AmexRegex as A, BorderRadius as B, Colors as C, DiscoverRegex as D, isGridColumnsType as E, FillBackgroundColors as F, isGridRowsType as G, isGridJustifyItemsType as H, isTranslocationType as I, isFlexDirectionType as J, isFlexAlignItemType as K, isFlexJustifyContentType as L, MasterCardRegex as M, isFlexWrapType as N, isBoxDisplayType as O, isDirectionalBorderRadiusType as P, isTextAlignType as Q, isDateStr as R, StrokeBackgroundColors as S, TextColors as T, isTimeStr as U, VisaRegex as V, isAccordionObserverPayload as W, isArrayOfType as X, isDropdownSourceItemType as Y, isSelectSourceItemType as Z, compareIsSameOrBefore as _, BackgroundColors as a, compareIsAfter as a0, CalendarDate as a1, buildDatePickerAnnouncement as a2, MonthPeriod as a3, isCalendarDateType as a4, isEATriggerStrategy as a5, getWeekdays as a6, WEEKDAYS_SHORT as a7, pad as a8, convert12HourTo24HourFormat as a9, WeekdayLongNames as aa, getClosestWorkday as ab, DayPeriod as ac, WeekPeriod as ad, getSystemTimezone as ae, CalendarTime as af, CalendarDateTime as ag, getCalendarEventSlotName as ah, getTimeIndex as ai, getEventStatusBgColorStyle as aj, isVegaTableColumnGroupingModelType as ak, BorderColors as b, TextColorMap as c, BackgroundColorMap as d, BorderColorMap as e, Shadows as f, ShadowMap as g, Spacing as h, isNonNullable as i, StateVariantFormatter as j, isBorderColorTokenType as k, isShadowsTokenType as l, isBorderTokenType as m, Borders as n, BorderMap as o, StateBackgroundColorFormatter$1 as p, isSpacingTokenType as q, isBorderRadiusTokenType as r, isBackgroundColorTokenType as s, isTextColorTokenType as t, isBreakpointsTokenType as u, isBorderStyleType as v, isTypographyTokenType as w, isResponsiveType as x, isBreakpointsForPrefixType as y, isDirectionalSpacingType as z };
+export { isSelectSourceItemType as $, AmexRegex as A, BorderRadius as B, Colors as C, DiscoverRegex as D, isMarginValueType as E, FillBackgroundColors as F, isDirectionalMarginType as G, isGridColumnsType as H, isGridRowsType as I, isGridJustifyItemsType as J, isTranslocationType as K, isFlexDirectionType as L, MasterCardRegex as M, isFlexAlignItemType as N, isFlexJustifyContentType as O, isFlexWrapType as P, isBoxDisplayType as Q, isDirectionalBorderRadiusType as R, StrokeBackgroundColors as S, TextColors as T, isTextAlignType as U, VisaRegex as V, isDateStr as W, isTimeStr as X, isAccordionObserverPayload as Y, isArrayOfType as Z, isDropdownSourceItemType as _, BackgroundColors as a, compareIsSameOrBefore as a0, compareIsBefore as a1, compareIsAfter as a2, CalendarDate as a3, buildDatePickerAnnouncement as a4, MonthPeriod as a5, isCalendarDateType as a6, isEATriggerStrategy as a7, getWeekdays as a8, WEEKDAYS_SHORT as a9, pad as aa, convert12HourTo24HourFormat as ab, WeekdayLongNames as ac, getClosestWorkday as ad, DayPeriod as ae, WeekPeriod as af, getSystemTimezone as ag, CalendarTime as ah, CalendarDateTime as ai, getCalendarEventSlotName as aj, getTimeIndex as ak, getEventStatusBgColorStyle as al, isVegaTableColumnGroupingModelType as am, BorderColors as b, TextColorMap as c, BackgroundColorMap as d, BorderColorMap as e, Shadows as f, ShadowMap as g, Spacing as h, isNonNullable as i, StateVariantFormatter as j, isBorderColorTokenType as k, isShadowsTokenType as l, isBorderTokenType as m, Borders as n, BorderMap as o, StateBackgroundColorFormatter$1 as p, isSpacingTokenType as q, isBorderRadiusTokenType as r, isBackgroundColorTokenType as s, isTextColorTokenType as t, isBreakpointsTokenType as u, isBorderStyleType as v, isTypographyTokenType as w, isResponsiveType as x, isBreakpointsForPrefixType as y, isDirectionalSpacingType as z };