@heartlandone/vega 2.74.0-RTE-table-preview → 2.75.0-RTE-table-preview

package/dist/collection/components/vega-rich-text-editor/extensions/table/utils/utils.js

@@ -1,7 +1,12 @@
 import { generateUUID } from '../../../../../utils/misc';
 import { RTENode } from '../../../dto/nodes/node.abstract';
 import { RTETableBodyBlock } from '../dto/table-body-block';
+import { RTETableCellBlock } from '../dto/table-cell-block';
 import { RTETableHeadBlock } from '../dto/table-head-block';
+import { RTETableHeadCellBlock } from '../dto/table-head-cell-block';
+import { CustomAttributeAnnotation } from '../../../dto/annotations/custom-attribute-annotation';
+import { CommonAnnotationTypeEnum } from '../../../dto/annotations/common-annotation.abstract';
+import { MergeCellsOperationType } from '../setting-event-handlers/merge-cells-operation';
 /**
  * Recursively searches for a parent block of a specific type.
  *
@@ -100,3 +105,251 @@ export function getDefaultCellBlockTemplate(cellType) {
     ],
   };
 }
+/**
+ * Get the actual col span and row span of a cell.
+ *
+ * @param {RTETableCellBlock | RTETableHeadCellBlock} cell - The cell to check.
+ * @returns {CellSpan} The actual span values.
+ */
+export function getCellSpan(cell) {
+  return { colSpan: cell.colSpan, rowSpan: cell.rowSpan };
+}
+/**
+ * Get the actual column position of a cell considering previous cells' colspan
+ * and cells from previous rows with rowspan that extend into the current row.
+ *
+ * @param {RTETableCellBlock | RTETableHeadCellBlock} cell - The cell to check.
+ * @param {RTETableRowBlock[]} allRows - The table all rows.
+ * @returns {number} The actual column position.
+ */
+export function getActualColumnPosition(cell, allRows) {
+  const tableGrid = buildTableGrid(allRows);
+  for (let row = 0; row < tableGrid.length; row++) {
+    const cols = tableGrid[row];
+    for (let col = 0; col < cols.length; col++) {
+      if (cols[col] === cell.id) {
+        return col;
+      }
+    }
+  }
+  return -1;
+}
+/**
+ * Build a 2D grid representation of a table section where each occupied position
+ * contains the cell id covering that (row, col) coordinate, accounting for colSpan/rowSpan.
+ *
+ * @param {RTETableRowBlock[]} allRows - All rows in the current table section.
+ * @returns {string[][]} The table grid.
+ */
+export function buildTableGrid(allRows) {
+  const grid = [];
+  allRows.forEach((row, rowIndex) => {
+    if (!grid[rowIndex]) {
+      grid[rowIndex] = [];
+    }
+    let colIndex = 0;
+    row.children.forEach((cell) => {
+      const { colSpan, rowSpan } = getCellSpan(cell);
+      while (grid[rowIndex][colIndex] !== undefined) {
+        colIndex++;
+      }
+      for (let r = 0; r < rowSpan; r++) {
+        for (let c = 0; c < colSpan; c++) {
+          if (!grid[rowIndex + r]) {
+            grid[rowIndex + r] = [];
+          }
+          grid[rowIndex + r][colIndex + c] = cell.id;
+        }
+      }
+      colIndex += colSpan;
+    });
+  });
+  return grid;
+}
+/**
+ * Get the adjacent cell in the specified direction based on the table matrix.
+ *
+ * @param {RTETableCellBlock | RTETableHeadCellBlock} cell - The current cell.
+ * @param {AdjacentCellDirection} direction - The direction to locate the adjacent cell.
+ * @returns {RTETableCellBlock | RTETableHeadCellBlock | null} The adjacent cell or null.
+ */
+export function getAdjacentCell(cell, direction) {
+  if (!cell) {
+    return null;
+  }
+  const row = cell.parent;
+  const sectionRows = row.parent.children;
+  const rowIndex = sectionRows.indexOf(row);
+  const { colSpan, rowSpan } = getCellSpan(cell);
+  const cellColPosition = getActualColumnPosition(cell, sectionRows);
+  let targetRowIndex = rowIndex;
+  let targetColPosition = cellColPosition;
+  switch (direction) {
+    case MergeCellsOperationType.MERGE_CELL_LEFT:
+      targetColPosition = cellColPosition - 1;
+      break;
+    case MergeCellsOperationType.MERGE_CELL_RIGHT:
+      targetColPosition = cellColPosition + colSpan;
+      break;
+    case MergeCellsOperationType.MERGE_CELL_UP:
+      targetRowIndex = rowIndex - 1;
+      break;
+    default:
+      targetRowIndex = rowIndex + rowSpan;
+      break;
+  }
+  return findCellAtPosition(sectionRows, targetRowIndex, targetColPosition);
+}
+/**
+ * Find the cell that covers the specified matrix position.
+ *
+ * @param {RTETableRowBlock[]} rows - Rows in the current table section.
+ * @param {number} targetRowIndex - Target matrix row index.
+ * @param {number} targetColPosition - Target matrix column position.
+ * @returns {RTETableCellBlock | RTETableHeadCellBlock | null} The covering cell or null.
+ */
+export function findCellAtPosition(rows, targetRowIndex, targetColPosition) {
+  for (let r = 0; r < rows.length; r++) {
+    const currentRow = rows[r];
+    for (const candidate of currentRow.children) {
+      const { colSpan, rowSpan } = getCellSpan(candidate);
+      const candidateColPosition = getActualColumnPosition(candidate, rows);
+      const candidateRowStart = r;
+      const candidateRowEnd = r + rowSpan - 1;
+      const candidateColEnd = candidateColPosition + colSpan - 1;
+      const isSameMatrixRow = targetRowIndex >= candidateRowStart && targetRowIndex <= candidateRowEnd;
+      const isTargetColumnCovered = targetColPosition >= candidateColPosition && targetColPosition <= candidateColEnd;
+      if (isSameMatrixRow && isTargetColumnCovered) {
+        return candidate;
+      }
+    }
+  }
+  return null;
+}
+/**
+ * Get the rectangular bounds of selected cells.
+ * Calculates the bounding box (minRow, maxRow, minCol, maxCol) and returns related information.
+ *
+ * @param {RTETableCellBlock[] | RTETableHeadCellBlock[]} selectedCells - The selected table cells.
+ * @returns {RectangularBounds} The rectangular bounds' information.
+ */
+export function getRectangularBounds(selectedCells) {
+  const firstCell = selectedCells[0];
+  const firstRow = firstCell.parent;
+  const table = firstRow.parent;
+  const allRows = table.children;
+  let minRow = Number.POSITIVE_INFINITY;
+  let maxRow = -1;
+  let minCol = Number.POSITIVE_INFINITY;
+  let maxCol = -1;
+  const coveredPositions = new Set();
+  selectedCells.forEach((cell) => {
+    const row = cell.parent;
+    const rowIndex = allRows.indexOf(row);
+    const actualColPosition = getActualColumnPosition(cell, allRows);
+    const { colSpan, rowSpan } = getCellSpan(cell);
+    const cellMinRow = rowIndex;
+    const cellMaxRow = rowIndex + rowSpan - 1;
+    const cellMinCol = actualColPosition;
+    const cellMaxCol = actualColPosition + colSpan - 1;
+    for (let r = cellMinRow; r <= cellMaxRow; r++) {
+      for (let c = cellMinCol; c <= cellMaxCol; c++) {
+        coveredPositions.add(`${r},${c}`);
+      }
+    }
+    minRow = Math.min(minRow, cellMinRow);
+    maxRow = Math.max(maxRow, cellMaxRow);
+    minCol = Math.min(minCol, cellMinCol);
+    maxCol = Math.max(maxCol, cellMaxCol);
+  });
+  const targetCell = selectedCells[0];
+  return {
+    minRow,
+    maxRow,
+    minCol,
+    maxCol,
+    targetCell,
+    coveredPositions,
+  };
+}
+/**
+ * Calculate the total number of columns in the table.
+ * Accounts for cells with col span.
+ *
+ * @param {RTETableBlock} table - The table block.
+ * @returns {number} The total number of columns in the table.
+ */
+export function getTableColumnCount(table) {
+  const rows = getAllTableRows(table);
+  // Calculate the total columns from the first row, accounting for col span
+  let totalColumns = 0;
+  const firstRow = rows[0];
+  for (const cell of firstRow.children) {
+    const { colSpan } = getCellSpan(cell);
+    totalColumns += colSpan;
+  }
+  return totalColumns;
+}
+/**
+ * Check if the selected cells form a rectangular area.
+ * Considers cells with col span and row span.
+ *
+ * @param {RTETableCellBlock[] | RTETableHeadCellBlock[]} selectedCells - The selected table cells.
+ * @returns {boolean} True if the selected cells form a rectangle, false otherwise.
+ */
+export function isRectangularSelection(selectedCells) {
+  if (selectedCells.length === 1) {
+    return true;
+  }
+  const bounds = getRectangularBounds(selectedCells);
+  const { minRow, maxRow, minCol, maxCol, coveredPositions } = bounds;
+  const expectedPositions = (maxRow - minRow + 1) * (maxCol - minCol + 1);
+  if (coveredPositions.size !== expectedPositions) {
+    return false;
+  }
+  return true;
+}
+/**
+ * Set the col span and row span attributes for a target cell.
+ * When colSpan equals the table's total columns, rowSpan is removed.
+ *
+ * @param {RTETableCellBlock | RTETableHeadCellBlock} targetCell - The target cell to set attributes on.
+ * @param {number} colSpan - The column span value.
+ * @param {number} rowSpan - The row span value.
+ * @param {RTETableBlock} table - The table block.
+ */
+export function setSpanAttributes(targetCell, colSpan, rowSpan, table) {
+  const existingAnnotation = targetCell.annotationMap.get(CommonAnnotationTypeEnum.CUSTOM_ATTRIBUTE);
+  const existingAttrs = existingAnnotation
+    ? Object.assign({}, existingAnnotation['customAttribute']) : {};
+  delete existingAttrs.colspan;
+  delete existingAttrs.rowspan;
+  if (colSpan > 1) {
+    existingAttrs.colspan = String(colSpan);
+  }
+  // When colspan equals table column count, don't set rowspan
+  const tableColumnCount = getTableColumnCount(table);
+  if (rowSpan > 1 && colSpan !== tableColumnCount) {
+    existingAttrs.rowspan = String(rowSpan);
+  }
+  if (Object.keys(existingAttrs).length > 0) {
+    const customAttributeAnnotation = new CustomAttributeAnnotation(existingAttrs);
+    targetCell.annotationMap.set(CommonAnnotationTypeEnum.CUSTOM_ATTRIBUTE, customAttributeAnnotation);
+  }
+  else {
+    targetCell.annotationMap.delete(CommonAnnotationTypeEnum.CUSTOM_ATTRIBUTE);
+  }
+}
+/**
+ * Create a new cell of the specified type.
+ *
+ * @param {string} cellType - The type of cell ('table-cell' or 'table-head-cell').
+ * @returns {RTETableCellBlock | RTETableHeadCellBlock} The newly created cell.
+ */
+export function createNewCell(cellType) {
+  const cellTemplate = getDefaultCellBlockTemplate(cellType);
+  if (cellType === 'table-head-cell') {
+    return RTETableHeadCellBlock.from(cellTemplate);
+  }
+  return RTETableCellBlock.from(cellTemplate);
+}

package/dist/collection/components/vega-rich-text-editor/extensions/table/vega-rich-text-table-properties/slimmers/controllers/vega-rich-text-table-properties-color-controller.js

@@ -14,10 +14,38 @@ export class TableColorController extends VegaSlimmer {
    *
    * @returns {string[]} An array of light color strings.
    */
-  getLightColors() {
+  getColors() {
     let result = [];
     if (this.colors) {
-      result = this.colors.map((colorSchema) => colorSchema.light);
+      result = this.colors.map((colorSchema) => this.isInDarkMode ? colorSchema.dark : colorSchema.light);
+    }
+    return result;
+  }
+  /**
+   * Returns the color key corresponding to the provided color value.
+   *
+   * @param {string} color - The color value to find the key for.
+   * @returns {string} The key of the color schema that matches the provided color value.
+   */
+  getColorKey(color) {
+    let result = '';
+    if (this.colors) {
+      const colorSchema = this.colors.find((item) => this.isInDarkMode ? item.dark === color : item.light === color);
+      result = colorSchema ? colorSchema.key : '';
+    }
+    return result;
+  }
+  /**
+   * Returns the color value corresponding to the provided color key.
+   *
+   * @param {string} colorKey - The color key to find the value for.
+   * @returns {string} The value of the color schema that matches the provided color key.
+   */
+  getColorByKey(colorKey) {
+    let result = '';
+    if (this.colors) {
+      const colorSchema = this.colors.find((item) => item.key === colorKey);
+      result = colorSchema ? (this.isInDarkMode ? colorSchema.dark : colorSchema.light) : '';
     }
     return result;
   }
@@ -25,3 +53,6 @@ export class TableColorController extends VegaSlimmer {
 __decorate([
   MapToComponentField()
 ], TableColorController.prototype, "colors", void 0);
+__decorate([
+  MapToComponentField({ writable: true })
+], TableColorController.prototype, "isInDarkMode", void 0);

package/dist/collection/components/vega-rich-text-editor/extensions/table/vega-rich-text-table-properties/slimmers/renderers/vega-rich-text-cell-properties-form-field-renderer.js

@@ -55,7 +55,7 @@ export class VegaRichTextCellPropertiesFormFieldRenderer extends VegaRichTextTab
    */
   renderPropertiesFields() {
     return (h(Fragment, null,
-      h("vega-font", { variant: "font-h6", color: "text-black" }, "Cell properties"),
+      h("vega-font", { variant: "font-h6", color: "text-primary" }, "Cell properties"),
       h("vega-divider", { direction: "horizontal" }),
       super.renderBorderFields(),
       h("vega-divider", { direction: "horizontal" }),

package/dist/collection/components/vega-rich-text-editor/extensions/table/vega-rich-text-table-properties/slimmers/renderers/vega-rich-text-table-properties-basic-form-field-renderer.abstract.js

@@ -48,6 +48,7 @@ export class VegaRichTextTablePropertiesBaseFormFieldRenderer extends VegaSlimme
             }
           }
           this.updateBorderDisplayColor(input.host);
+          this.updateBackgroundDisplayColor(input.host);
         }
       });
       if (el && el.tagName === 'VEGA-INPUT') {
@@ -101,13 +102,29 @@ export class VegaRichTextTablePropertiesBaseFormFieldRenderer extends VegaSlimme
     this.applyBorderColor = (btn) => {
       DomNodeSubjectObserverFactory.addUniqueObserverToNode(btn, VegaClick, () => {
         if (this.borderColorPickerRef && this.formRef) {
-          void this.formRef.setValue({ borderColor: this.borderColorPickerRef.value });
+          void this.formRef.setValue({
+            borderColor: this.controller.getColorKey(this.borderColorPickerRef.value),
+          });
         }
         if (this.colorPickerPopoverRef) {
           void this.colorPickerPopoverRef.hide();
         }
       });
     };
+    /**
+     * Handle background color picker change event.
+     *
+     * @param {HTMLElement} el - The background color picker element.
+     */
+    this.handleBackgroundColorPickerChange = (el) => {
+      DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, VegaChange, (input) => {
+        const colorValue = input.detail;
+        const colorKey = this.controller.getColorKey(colorValue);
+        if (this.formRef) {
+          void this.formRef.setValue({ backgroundColor: colorKey });
+        }
+      });
+    };
     /**
      * Clear background color value.
      *
@@ -137,7 +154,7 @@ export class VegaRichTextTablePropertiesBaseFormFieldRenderer extends VegaSlimme
   renderBorderFields() {
     return (h("vega-flex", { gap: "size-16", direction: "row", alignItems: "center" },
       h("vega-input-select", { "data-vega-form": "borderStyle", label: "Border Style", placeholder: "Select style", vegaDropdownProps: { searchable: false, matchTargetWidth: false }, source: VegaRichTextTablePropertiesBaseFormFieldRenderer.TABLE_BORDER_STYLES, ref: this.handleFormChange }),
-      h("vega-input", { ref: this.handleFormChange, "data-vega-form": "borderWidth", label: "Width", validationRules: this.dimensionFieldValidationRule }),
+      h("vega-input", { ref: this.handleFormChange, "data-vega-form": "borderWidth", label: "Weight", validationRules: this.dimensionFieldValidationRule }),
       this.renderBorderColorPicker()));
   }
   /**
@@ -151,7 +168,8 @@ export class VegaRichTextTablePropertiesBaseFormFieldRenderer extends VegaSlimme
       h("div", { class: "color-picker-container" },
         h("span", { role: "button", tabIndex: 0, "aria-label": "Clear background color", onClick: this.clearBackgroundColor, onKeyDown: createEnterKeyHandlerToTriggerClick(), class: "color-none" }),
         h("vega-divider", { direction: "vertical" }),
-        h("vega-color-picker", { isInline: true, ref: this.handleFormChange, "data-vega-form": "backgroundColor", colors: this.controller.getLightColors() }))));
+        h("vega-color-picker", { isInline: true, ref: this.handleBackgroundColorPickerChange, colors: this.controller.getColors() }),
+        h("vega-input", { ref: this.handleFormChange, type: "hidden", "data-vega-form": "backgroundColor" }))));
   }
   /**
    * Render style dimension fields.
@@ -195,7 +213,7 @@ export class VegaRichTextTablePropertiesBaseFormFieldRenderer extends VegaSlimme
           DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, VegaPopoverShow, async () => {
             if (this.formRef && this.borderColorPickerRef) {
               const formValue = await this.formRef.getValue();
-              this.borderColorPickerRef.value = formValue['borderColor'];
+              this.borderColorPickerRef.value = this.controller.getColorByKey(formValue['borderColor']);
             }
           });
         }, trigger: "click" },
@@ -205,7 +223,7 @@ export class VegaRichTextTablePropertiesBaseFormFieldRenderer extends VegaSlimme
         h("vega-box", { slot: "popover" },
           h("vega-color-picker", { ref: (el) => {
               this.borderColorPickerRef = el;
-            }, isInline: true, colors: this.controller.getLightColors() }),
+            }, isInline: true, colors: this.controller.getColors() }),
           h("vega-flex", { margin: { top: 'size-16' }, justifyContent: "end", gap: "size-16" },
             h("vega-button-link", { ref: this.clearBorderColor }, "Clear"),
             h("vega-button-link", { ref: this.applyBorderColor }, "Apply"))))));
@@ -217,7 +235,8 @@ export class VegaRichTextTablePropertiesBaseFormFieldRenderer extends VegaSlimme
    */
   updateBorderDisplayColor(colorPickerRef) {
     if (colorPickerRef && colorPickerRef.dataset.vegaForm === 'borderColor') {
-      const selectedColor = colorPickerRef.value;
+      const selectedColorKey = colorPickerRef.value;
+      const selectedColor = this.controller.getColorByKey(selectedColorKey);
       const displayColorDiv = colorPickerRef.nextElementSibling;
       displayColorDiv.style.backgroundColor = selectedColor;
       if (selectedColor) {
@@ -231,6 +250,19 @@ export class VegaRichTextTablePropertiesBaseFormFieldRenderer extends VegaSlimme
       }
     }
   }
+  /**
+   * Update the background color display when background color changes.
+   *
+   * @param {HTMLElement} colorInput - The background color field element.
+   */
+  updateBackgroundDisplayColor(colorInput) {
+    if (colorInput && colorInput.dataset.vegaForm === 'backgroundColor') {
+      const colorKey = colorInput.value;
+      const colorValue = this.controller.getColorByKey(colorKey);
+      const colorPicker = colorInput.previousElementSibling;
+      colorPicker.value = colorValue;
+    }
+  }
 }
 VegaRichTextTablePropertiesBaseFormFieldRenderer.TABLE_BORDER_STYLES = RTE_TABLE_BORDER_STYLES.map((style) => ({
   id: style,

package/dist/collection/components/vega-rich-text-editor/extensions/table/vega-rich-text-table-properties/slimmers/renderers/vega-rich-text-table-properties-form-field-renderer.js

@@ -33,7 +33,7 @@ export class VegaRichTextTablePropertiesFormFieldRenderer extends VegaRichTextTa
    */
   renderPropertiesFields() {
     return (h(Fragment, null,
-      h("vega-font", { variant: "font-h6", color: "text-black" }, "Table properties"),
+      h("vega-font", { variant: "font-h6", color: "text-primary" }, "Table properties"),
       h("vega-divider", { direction: "horizontal" }),
       this.renderBorderFields(),
       h("vega-divider", { direction: "horizontal" }),

package/dist/collection/components/vega-rich-text-editor/extensions/table/vega-rich-text-table-properties/slimmers/renderers/vega-rich-text-table-properties-form-renderer.js

@@ -34,8 +34,9 @@ export class VegaRichTextTablePropertiesRenderer extends VegaSlimmer {
       this.formTouched = false;
     };
   }
-  watchDefaultValueChange(newValue) {
+  initialFormState(newValue) {
     this.resetTouchedState();
+    this.resetColorRelatedFields(newValue);
     this.setFormFieldValues(newValue);
   }
   getFormRef() {
@@ -64,6 +65,23 @@ export class VegaRichTextTablePropertiesRenderer extends VegaSlimmer {
       void this.formRef.reset(formValues);
     }
   }
+  /**
+   * Handle color related fields before setting form value to ensure change event is triggered.
+   *
+   * @param {RTETablePropertiesType} formValue - The form value to be set.
+   */
+  resetColorRelatedFields(formValue) {
+    if (this.formRef) {
+      if (formValue.borderColor) {
+        const borderColorInput = this.formRef.querySelector('[data-vega-form="borderColor"]');
+        borderColorInput && (borderColorInput.value = '');
+      }
+      if (formValue.backgroundColor) {
+        const backgroundColorInput = this.formRef.querySelector('[data-vega-form="backgroundColor"]');
+        backgroundColorInput && (backgroundColorInput.value = '');
+      }
+    }
+  }
 }
 (() => {
   VegaInternalIconManager.register({
@@ -90,4 +108,4 @@ __decorate([
 ], VegaRichTextTablePropertiesRenderer.prototype, "cellFormRenderer", void 0);
 __decorate([
   MapToComponentMethod('watchDefaultValueChange')
-], VegaRichTextTablePropertiesRenderer.prototype, "watchDefaultValueChange", null);
+], VegaRichTextTablePropertiesRenderer.prototype, "initialFormState", null);

package/dist/collection/components/vega-rich-text-editor/extensions/table/vega-rich-text-table-properties/vega-rich-text-table-properties.css

@@ -47,6 +47,7 @@
   position: relative;
   cursor: pointer;
   background-color: rgba(var(--v-bg-primary, 252, 252, 252, 1));
+  color: rgba(var(--v-text-primary, 32, 54, 69, 1));
 }
 :host .text-alignment-button-group button:not(:first-of-type) {
   margin-left: -1px;

package/dist/collection/components/vega-rich-text-editor/extensions/table/vega-rich-text-table-properties/vega-rich-text-table-properties.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { Component, Host, Element, h, Event, Prop, Watch } from '@stencil/core';
+import { Component, Host, Element, h, Event, Prop, Watch, State } from '@stencil/core';
 import { InjectVegaGlobalSlimmer, InjectVegaSlimmer, methodPlaceholder, } from 'vega-slimmer/core';
 import { TranslationSlimmer } from '../../../../../helpers/slimmers/translation';
 import { sanitizeVegaComponent } from '../../../../../utils/component';
@@ -15,8 +15,10 @@ import { VegaChange } from '../../../../../helpers/event-manager/event-id/vega-e
 import { TableColorController } from './slimmers/controllers/vega-rich-text-table-properties-color-controller';
 import { VegaRichTextTablePropertiesFormFieldRenderer } from './slimmers/renderers/vega-rich-text-table-properties-form-field-renderer';
 import { VegaRichTextCellPropertiesFormFieldRenderer } from './slimmers/renderers/vega-rich-text-cell-properties-form-field-renderer';
+import { VegaInternalThemeManager } from '../../../../../helpers/theme/internal-theme-manager';
+import { DarkModeStateControllerSlimmer } from '../../../../../helpers/slimmers/dark-mode-state-controller-slimmer';
 /**
- * @vegaVersion 2.74.0-RTE-table-preview
+ * @vegaVersion 2.75.0-RTE-table-preview
  */
 export class VegaRichTextTableProperties {
   constructor() {
@@ -27,13 +29,15 @@ export class VegaRichTextTableProperties {
     this.tableFormRenderer = new VegaRichTextTablePropertiesFormFieldRenderer();
     this.cellFormRenderer = new VegaRichTextCellPropertiesFormFieldRenderer();
     this.controller = new TableColorController();
+    this.darkModeStateSlimmer = new DarkModeStateControllerSlimmer();
     this.changeEventPreventSlimmer = new ChildNodesEventPreventSlimmer([VegaChange], () => this.renderer.getFormRef());
+    this.isInDarkMode = VegaInternalThemeManager.isDarkMode();
     /**
-     * @vegaVersion 2.74.0-RTE-table-preview
+     * @vegaVersion 2.75.0-RTE-table-preview
      */
     this.type = 'TABLE';
     /**
-     * @vegaVersion 2.74.0-RTE-table-preview
+     * @vegaVersion 2.75.0-RTE-table-preview
      */
     this.colors = [];
   }
@@ -70,7 +74,7 @@ export class VegaRichTextTableProperties {
       "docs": {
         "tags": [{
             "name": "vegaVersion",
-            "text": "2.74.0-RTE-table-preview"
+            "text": "2.75.0-RTE-table-preview"
           }],
         "text": ""
       }
@@ -93,7 +97,7 @@ export class VegaRichTextTableProperties {
       "docs": {
         "tags": [{
             "name": "vegaVersion",
-            "text": "2.74.0-RTE-table-preview"
+            "text": "2.75.0-RTE-table-preview"
           }],
         "text": "The origin style map for multiple selected blocks.\nThe key is the block ID, and the value is the style object for that block."
       }
@@ -111,7 +115,7 @@ export class VegaRichTextTableProperties {
       "docs": {
         "tags": [{
             "name": "vegaVersion",
-            "text": "2.74.0-RTE-table-preview"
+            "text": "2.75.0-RTE-table-preview"
           }],
         "text": ""
       },
@@ -123,10 +127,10 @@ export class VegaRichTextTableProperties {
       "type": "unknown",
       "mutable": false,
       "complexType": {
-        "original": "RTETableColorSchema[]",
-        "resolved": "RTETableColorSchema[]",
+        "original": "VegaRTEColorSchema[]",
+        "resolved": "VegaRTEColorSchema[]",
         "references": {
-          "RTETableColorSchema": {
+          "VegaRTEColorSchema": {
             "location": "import",
             "path": "../../../interface"
           }
@@ -137,13 +141,16 @@ export class VegaRichTextTableProperties {
       "docs": {
         "tags": [{
             "name": "vegaVersion",
-            "text": "2.74.0-RTE-table-preview"
+            "text": "2.75.0-RTE-table-preview"
           }],
         "text": ""
       },
       "defaultValue": "[]"
     }
   }; }
+  static get states() { return {
+    "isInDarkMode": {}
+  }; }
   static get events() { return [{
       "method": "vegaChange",
       "name": "vegaChange",
@@ -153,7 +160,7 @@ export class VegaRichTextTableProperties {
       "docs": {
         "tags": [{
             "name": "vegaVersion",
-            "text": "2.74.0-RTE-table-preview"
+            "text": "2.75.0-RTE-table-preview"
           }],
         "text": ""
       },
@@ -176,7 +183,7 @@ export class VegaRichTextTableProperties {
       "docs": {
         "tags": [{
             "name": "vegaVersion",
-            "text": "2.74.0-RTE-table-preview"
+            "text": "2.75.0-RTE-table-preview"
           }],
         "text": ""
       },
@@ -199,7 +206,7 @@ export class VegaRichTextTableProperties {
       "docs": {
         "tags": [{
             "name": "vegaVersion",
-            "text": "2.74.0-RTE-table-preview"
+            "text": "2.75.0-RTE-table-preview"
           }],
         "text": ""
       },
@@ -236,6 +243,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaRichTextTableProperties.prototype, "controller", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextTableProperties.prototype, "darkModeStateSlimmer", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaRichTextTableProperties.prototype, "changeEventPreventSlimmer", void 0);

package/dist/collection/components/vega-rich-text-editor/extensions/table/vega-rich-text-table-selection-widget/vega-rich-text-table-selection-widget.js

@@ -14,7 +14,7 @@ import { SelectionWidgetKeyboardController } from './slimmers/controllers/select
  * A selection widget for rich text table elements.
  * This is an internal used component.
  *
- * @vegaVersion 2.74.0-RTE-table-preview
+ * @vegaVersion 2.75.0-RTE-table-preview
  */
 export class VegaRichTextTableSelectionWidget {
   constructor() {
@@ -50,7 +50,7 @@ export class VegaRichTextTableSelectionWidget {
       "docs": {
         "tags": [{
             "name": "vegaVersion",
-            "text": "2.74.0-RTE-table-preview"
+            "text": "2.75.0-RTE-table-preview"
           }],
         "text": "An event emitter notifying a delete action on the widget."
       },