@heartlandone/vega 2.78.0 → 2.80.0

package/dist/types/components/vega-rich-text-editor/interface.d.ts

@@ -16,7 +16,7 @@ import { VNode } from '../../stencil-public-runtime';
 import * as VegaComponents from '../../components';
 import { RTEHtmlBlock } from './dto/blocks/html-block';
 import { InlineHtmlAnnotation } from './dto/annotations/inline-html-annotation';
-import type { RTERange } from './dto/range';
+import { RTERange, RTERangeOptions } from './dto/range';
 import type { RTENode } from './dto/nodes/node.abstract';
 import type { VegaRTEContent } from './dto/content-state';
 
@@ -46,6 +46,8 @@ export type AnnotationStyle = Record<string, string>;
 /**
  * Text style variants supported by the editor.
  */
+export type TableCellStylePropertiesMap = Record<string, RTETablePropertiesType>;
+
 export type VegaRTETextStyleType =
 	| 'title'
 	| 'subtitle'
@@ -608,7 +610,12 @@ export type VegaRTETokenNode = VegaRTETextNode & {
 /**
  * Render result returned from renderer helpers.
  */
-export type VegaRTERenderResult = VNode;
+export type VegaRTERenderResult = VNode & {
+	/**
+	 * A function that returns a VNode representing the container for child elements.
+	 */
+	childrenContainerGetter?: () => VNode;
+};
 
 /**
  * Action emitted by custom elements.
@@ -742,6 +749,19 @@ export type RTEExtensionContext = {
 	 * @returns {RTENode[]} - An array of currently selected RTENode objects.
 	 */
 	getSelectedNodes: () => RTENode[];
+	/**
+	 * Set the currently selected nodes in the editor.
+	 *
+	 * @param {RTENode[]} nodes - An array of RTENode objects to set as selected.
+	 * @param {RTERangeOptions} [rangeOptions] - Optional range options to define the selection range.
+	 */
+	setSelectedNodes: (nodes: RTENode[], rangeOptions?: RTERangeOptions) => void;
+	/**
+	 * Get the current selection object.
+	 *
+	 * @returns {Selection} - The current Selection object.
+	 */
+	getSelection: () => Selection;
 	/**
 	 * Flush the editor value to the host. Auto focus the last node if autoFocusLastNode is true.
 	 * Sometimes, the editor will lose focus after change the editor value, so we need to focus the last node again.
@@ -857,3 +877,15 @@ export type RTELanguageExtensionState = {
 	 */
 	contentMap: RTELanguageContentMap;
 };
+
+export type RTETablePropertiesType = {
+	width?: string;
+	height?: string;
+	borderStyle?: string;
+	borderColor?: string;
+	borderWidth?: string;
+	textAlign?: 'left' | 'center' | 'right' | 'justify';
+	backgroundColor?: string;
+	verticalAlign?: 'top' | 'middle' | 'bottom';
+	padding?: string;
+};

package/dist/types/components/vega-rich-text-editor/public-api.d.ts

@@ -15,6 +15,7 @@ export { VegaRTETokenExtension } from './extensions/tokens/token-extension';
 export { RTELanguageToolbarButtonRenderer } from './extensions/languages/language-toolbar-button-renderer';
 export { VegaRTELanguageExtension } from './extensions/languages/language-extension';
 export { VegaRTEFunctionExtension } from './extensions/functions/function-extension';
+export { VegaRTETableExtension } from './extensions/table/table-extension';
 export { ModifyContentAction, ModifyContentActionType } from './dto/actions/modify-content-action.abstract';
 export { AppendChildrenAction } from './dto/actions/append-child-nodes-action';
 export { RemoveChildrenAction } from './dto/actions/remove-child-action';

package/dist/types/components/vega-rich-text-editor/slimmers/controllers/extension-controller.d.ts

@@ -15,6 +15,10 @@ export declare class RTEExtensionController extends VegaSlimmer {
    * This method is called when the component is connected and whenever the extensions property changes.
    */
   protected initialExtensionContext(): void;
+  /**
+   * Destroys all registered extensions.
+   */
+  protected destroyExtension(): void;
   /**
    * Update extension context when extensions property changes.
    *
@@ -41,4 +45,10 @@ export declare class RTEExtensionController extends VegaSlimmer {
    * @returns {RTENode[]} - An array of currently selected RTENode objects.
    */
   private getSelectedNodes;
+  /**
+   * Generates the extension context for the host component.
+   *
+   * @returns {RTEExtensionContext} - The generated extension context.
+   */
+  private generateExtensionContext;
 }

package/dist/types/components/vega-rich-text-editor/slimmers/controllers/helper/element-to-dto-strategy/annotation-handler/html-element-to-annotation-generator.d.ts

@@ -1,3 +1,4 @@
+import { AnnotationGeneratorStrategyAbstract } from './annotation-generator-strategy.abstract';
 import { VegaRTEAnnotations, VegaRTETextAnnotations, VegaRTETransformOptions } from '../../../../../interface';
 import { RTEBlock } from '../../../../../dto/blocks/block.abstract';
 import { RTENode } from '../../../../../dto/nodes/node.abstract';
@@ -9,6 +10,14 @@ export declare type HtmlElementToAnnotationGenerateOptions = {
 /** Html element to annotations generator */
 declare class HtmlElementToAnnotationGenerator {
   private handlers;
+  /**
+   * Register a custom annotation handler.
+   * Custom handlers are added to the beginning of the handlers array,
+   * giving them higher priority than default handlers.
+   *
+   * @param {AnnotationGeneratorStrategyAbstract} handler - The annotation handler to register.
+   */
+  registerHandler(handler: AnnotationGeneratorStrategyAbstract): void;
   /**
    * The function generates annotations for a given target DTO and HTML element based on a set of
    * strategies.
@@ -21,6 +30,16 @@ declare class HtmlElementToAnnotationGenerator {
    * @returns {V} Generated annotations.
    */
   generate<T extends RTEDtoClassPrototype, V extends VegaRTEAnnotations>(targetDto: T, element: HTMLElement, options?: HtmlElementToAnnotationGenerateOptions): V;
+  /**
+   * 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.
+   */
+  private removeTextStyleDefaultsFromCustomStyle;
 }
 declare const _default: HtmlElementToAnnotationGenerator;
 export default _default;

package/dist/types/components/vega-rich-text-editor/slimmers/controllers/selection-controller.d.ts

@@ -1,7 +1,7 @@
 import { VegaRichTextEditor } from '../../vega-rich-text-editor';
 import { RTEBlock } from '../../dto/blocks/block.abstract';
 import { RTENode } from '../../dto/nodes/node.abstract';
-import { RTERange } from '../../dto/range';
+import { RTERange, RTERangeOptions } from '../../dto/range';
 import { RTESelectionState } from '../../dto/selection-state';
 import { AutoRunWhenReRenderTaskQueueSlimmer } from '../../../../helpers/slimmers/auto-run-when-re-render-task-queue-slimmer.abstract';
 declare type SelectionStateType = {
@@ -59,6 +59,13 @@ export declare class SelectionController extends AutoRunWhenReRenderTaskQueueSli
    * @returns {RTENode[]} Selected rich text nodes
    */
   getSelectedNodes(): RTENode[];
+  /**
+   * Set the selected rich text nodes
+   *
+   * @param {RTENode[]} nodes - The rich text nodes to set as selected
+   * @param {RTERangeOptions} [rangeOptions] - The range options to set the selection range
+   */
+  setSelectedNodes(nodes: RTENode[], rangeOptions?: RTERangeOptions): void;
   /**
    * Get the selected rich text blocks
    *
@@ -87,16 +94,16 @@ export declare class SelectionController extends AutoRunWhenReRenderTaskQueueSli
    * @param {Range} range - The range to set
    */
   setSelectionRange(range: Range): void;
-  /**
-   * The method invoke after the component re-render.
-   */
-  protected doTask: () => Promise<void>;
   /**
    * Get the rich text content selected range
    *
    * @returns {Selection} A [Selection](https://developer.mozilla.org/en-US/docs/Web/API/Selection) object
    */
-  protected getSelection(): Selection;
+  getSelection(): Selection;
+  /**
+   * The method invoke after the component re-render.
+   */
+  protected doTask: () => Promise<void>;
   /**
    * Save the current selection range detail
    */
@@ -109,6 +116,12 @@ export declare class SelectionController extends AutoRunWhenReRenderTaskQueueSli
    * Get selected rich text
    */
   private handleSelectionChange;
+  /**
+   * Add nodes to the selection map
+   *
+   * @param {RTENode[]} nodes - The rich text nodes to add
+   */
+  private addNodesToSelectionMap;
   /**
    * Clear the selection map.
    * The code node don't need clear here, because the code node will manager the selection state itself. `code-node-renderer.tsx#handleSelectionChange`

package/dist/types/components/vega-rich-text-editor/vega-rich-text-editor.d.ts

@@ -34,7 +34,6 @@ import { UserInputController } from './slimmers/controllers/user-input-controlle
 import { InsertImageController } from './slimmers/controllers/insert-image-controller';
 import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
 import { FocusController } from './slimmers/controllers/focus-controller';
-import { TextNodeColorController } from './slimmers/controllers/text-node-color-controller';
 import { InsertCompositionTextController } from './slimmers/controllers/insert-composition-text-controller';
 import { DeleteSelectedNodesController } from './slimmers/controllers/delete-selected-nodes-controller';
 import { TranslationSlimmer } from '../../helpers/slimmers/translation';
@@ -84,7 +83,6 @@ export declare class VegaRichTextEditor {
   protected readonly insertCompositionTextController: InsertCompositionTextController;
   protected imageInsertedEventEmitter: EventEmitSlimmerBase;
   protected changeEventPreventSlimmer: ChildNodesEventPreventSlimmer;
-  protected readonly textNodeColorController: TextNodeColorController;
   protected readonly deleteSelectedNodesController: DeleteSelectedNodesController;
   protected readonly historyController: HistoryController;
   protected readonly internalCodeBlockSelectionController: InternalCodeBlockSelectionController;

package/dist/types/components/vega-time-picker/slimmers/renderers/vega-time-picker-range-input-renderer.d.ts

@@ -17,6 +17,7 @@ export declare class VegaTimePickerRangeInputRenderer extends VegaSlimmer {
   rangeDropdownRenderer: VegaTimePicker['rangeDropdownRenderer'];
   dropdownSelectedItemsController: VegaTimePicker['dropdownSelectedItemsController'];
   translationSlimmer: VegaTimePicker['translationSlimmer'];
+  readOnly: VegaTimePicker['readOnly'];
   private startTimeInputRef;
   private endTimeInputRef;
   private isMobileDevice;

package/dist/types/components/vega-time-picker/slimmers/renderers/vega-time-picker-single-input-renderer.d.ts

@@ -8,6 +8,7 @@ export declare class VegaTimePickerSingleInputRenderer extends VegaSlimmer {
   private valueController;
   private singleDropdownController;
   private translationSlimmer;
+  private readOnly;
   private timeInputRef;
   /**
    * The function returns a reference to an HTML input element.

package/dist/types/components/vega-time-picker/vega-time-picker.d.ts

@@ -136,6 +136,18 @@ export declare class VegaTimePicker {
    */
   disabled: boolean;
   watchDisabled(): void;
+  /**
+   * Specifies whether the time picker field is set to read-only.
+   *
+   * When set to `true`, prevents manual keyboard text entry in the input field on
+   *    all platforms. On touch devices, this typically suppresses the virtual keyboard.
+   *    This does not lock the component value; users can still select/update time via
+   *    the dropdown UI (and programmatic updates still work).
+   *
+   * @default false
+   * @vegaVersion 2.79.0
+   */
+  readOnly: boolean;
   /**
    * Specifies the validation status of the time picker component.
    *

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { BorderStyleType, BoxDisplayType, CornersType, CssStatesType, ElementAppenderAlignmentType, ElementAppenderPlacementType, FlexAlignItemType, FlexDirectionType, FlexJustifyContentType, FlexWrapType, GapType, GridColumnsType, GridRowsType, HeightType, IconAlignType, MarginType, MaxHeightType, MinHeightType, PaddingType, PlacementType, PositionAlignmentType, ResponsiveType, SizeType, StateVariantType, TextAlignType, TranslocationType, VegaComponentInterface, VegaEATriggerType, VegaFlexProps, WidthType } from "./types/ui.type";
+import { BorderStyleType, BoxDisplayType, CornersType, CssStatesType, ElementAppenderAlignmentType, ElementAppenderPlacementType, FlexAlignItemType, FlexDirectionType, FlexJustifyContentType, FlexWrapType, GapType, GridColumnsType, GridJustifyItemsType, GridRowsType, HeightType, IconAlignType, MarginType, MaxHeightType, MinHeightType, PaddingType, PlacementType, PositionAlignmentType, ResponsiveType, SizeType, StateVariantType, TextAlignType, TranslocationType, VegaComponentInterface, VegaEATriggerType, VegaFlexProps, WidthType } from "./types/ui.type";
 import { LinkTargetType, VegaAppFooterLink } from "./components/vega-app-footer/types";
 import { VegaAppHeaderAvatarConfig, VegaAppHeaderButtonDropdownConfig, VegaAppHeaderButtonSize, VegaAppHeaderLabelConfig } from "./components/vega-app-header-button/types";
 import { VegaBannerActionButtonType, VegaBannerPropType } from "./components/vega-banner/types";
@@ -51,9 +51,10 @@ import { PieChartOptions } from "./helpers/chart/pie-chart";
 import { VegaProgressTrackerDirectionType, VegaProgressTrackerStepItem } from "./components/vega-progress-tracker/type";
 import { VegaRTEContent } from "./components/vega-rich-text-editor/dto/content-state";
 import { VegaRTEExtension } from "./components/vega-rich-text-editor/extensions/extension.abstract";
-import { VegaRichTextEditorImage, VegaRTESourceEditConfig, VegaRTEToolbarItem } from "./components/vega-rich-text-editor/interface";
+import { RTETablePropertiesType, TableCellStylePropertiesMap, VegaRichTextEditorImage, VegaRTEColorSchema, VegaRTESourceEditConfig, VegaRTEToolbarItem } from "./components/vega-rich-text-editor/interface";
 import { VegaRichTextImageEditorChangeDetail, VegaRichTextImageEditorSizeType } from "./components/vega-rich-text-editor/vega-rich-text-image-editor/types";
 import { VegaRichTextLinkEditorChangeDetail, VegaRichTextLinkEditorStatus, VegaRTELinkEditorRecord } from "./components/vega-rich-text-editor/vega-rich-text-link-editor/types";
+import { RTETableCellBlock } from "./components/vega-rich-text-editor/extensions/table/dto/table-cell-block";
 import { VegaSegmentControlVariant, VegaSegmentProps } from "./components/vega-segment-control/types";
 import { VegaSelectionChipSize, VegaSelectionChipTooltipProps, VegaSelectionChipVariant } from "./components/vega-selection-chip/interface";
 import { VegaSelectionChipGroupSelectType } from "./components/vega-selection-chip/vega-selection-chip-group/interface";
@@ -1912,6 +1913,11 @@ export namespace Components {
           * @vegaVersion 1.3.0
          */
         "gap": ResponsiveType<GapType>;
+        /**
+          * Specifies how grid items are aligned along the inline (row) axis.  It can be provided as one of: `start`, `center`, `end`, or `stretch`.  Alternatively, you can use a responsive map to define different values for    various breakpoints. The keys in the map should represent the breakpoints,    such as `default` or `L`.
+          * @vegaVersion 2.79.0
+         */
+        "justifyItems": ResponsiveType<GridJustifyItemsType>;
         /**
           * Determines the configuration of the grid rows.    It can be provided as an integer, string, or a responsive map    using key-value pairs.  If provided as an integer from 1 to 6, each row will have the same height.    The CSS for this configuration is `grid-template-rows: repeat(number, minmax(0, 1fr))`.  If provided as a string in the format of n-auto    (e.g., `1-auto`, `2-auto`, ..., `6-auto`),    each row will have auto height. The CSS for this configuration is    `grid-template-rows: repeat(number, auto)`.  Alternatively, you can use a responsive map to define different row configurations    for various breakpoints. The keys in the map should represent the breakpoints,    such as `default` or `L`, and the values can be integers or strings following the    same patterns mentioned above.
           * @vegaVersion 1.3.0
@@ -2160,6 +2166,12 @@ export namespace Components {
           * @vegaVersion 1.0.5
          */
         "prefixIcon": string;
+        /**
+          * Sets the input field as read-only, preventing direct keyboard input.  When set to `true`, prevents manual keyboard text entry in the input field on    all platforms. On touch devices, this typically suppresses the virtual keyboard.
+          * @default false
+          * @vegaVersion 2.79.0
+         */
+        "readOnly": boolean;
         /**
           * Marks the input field as required for form submission.  When `true`, a required-field validation rule is automatically applied. If `autoValidation` is enabled, the field will display a validation error when the user leaves it empty. A visual required indicator (asterisk) is shown next to the label.
           * @default false
@@ -3504,6 +3516,44 @@ export namespace Components {
          */
         "target": HTMLElement;
     }
+    interface VegaRichTextTableProperties {
+        /**
+          * @vegaVersion 2.79.0
+         */
+        "colors": VegaRTEColorSchema[];
+        /**
+          * @vegaVersion 2.79.0
+         */
+        "defaultValue": RTETablePropertiesType;
+        /**
+          * The origin style map for multiple selected blocks. The key is the block ID, and the value is the style object for that block.
+          * @vegaVersion 2.79.0
+         */
+        "styleMap": TableCellStylePropertiesMap;
+        /**
+          * @vegaVersion 2.79.0
+         */
+        "type": 'TABLE' | 'CELL';
+    }
+    interface VegaRichTextTableSelectionWidget {
+    }
+    interface VegaRichTextTableSetting {
+        /**
+          * Indicates whether the current table already has a caption.
+          * @vegaVersion 2.79.0
+         */
+        "hasCaption"?: boolean;
+        /**
+          * The selected cells in the table.
+          * @vegaVersion 2.79.0
+         */
+        "selectedCells": RTETableCellBlock[];
+        /**
+          * Specifies the target table element for the table setting.
+          * @vegaVersion 2.79.0
+         */
+        "target": HTMLElement;
+    }
     interface VegaSectionTitle {
         /**
           * Specifies the text content of the description displayed    within the section title.
@@ -4455,6 +4505,12 @@ export namespace Components {
           * @vegaVersion 1.12.0
          */
         "positionRelativeTo": string;
+        /**
+          * Specifies whether the time picker field is set to read-only.  When set to `true`, prevents manual keyboard text entry in the input field on    all platforms. On touch devices, this typically suppresses the virtual keyboard.    This does not lock the component value; users can still select/update time via    the dropdown UI (and programmatic updates still work).
+          * @default false
+          * @vegaVersion 2.79.0
+         */
+        "readOnly": boolean;
         /**
           * Specifies whether selecting a time in the time picker    is required for passing form validation.
           * @vegaVersion 1.12.0
@@ -4822,6 +4878,18 @@ export interface VegaRichTextLinkEditorCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVegaRichTextLinkEditorElement;
 }
+export interface VegaRichTextTablePropertiesCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVegaRichTextTablePropertiesElement;
+}
+export interface VegaRichTextTableSelectionWidgetCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVegaRichTextTableSelectionWidgetElement;
+}
+export interface VegaRichTextTableSettingCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVegaRichTextTableSettingElement;
+}
 export interface VegaSegmentControlCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVegaSegmentControlElement;
@@ -5367,6 +5435,24 @@ declare global {
         prototype: HTMLVegaRichTextLinkEditorElement;
         new (): HTMLVegaRichTextLinkEditorElement;
     };
+    interface HTMLVegaRichTextTablePropertiesElement extends Components.VegaRichTextTableProperties, HTMLStencilElement {
+    }
+    var HTMLVegaRichTextTablePropertiesElement: {
+        prototype: HTMLVegaRichTextTablePropertiesElement;
+        new (): HTMLVegaRichTextTablePropertiesElement;
+    };
+    interface HTMLVegaRichTextTableSelectionWidgetElement extends Components.VegaRichTextTableSelectionWidget, HTMLStencilElement {
+    }
+    var HTMLVegaRichTextTableSelectionWidgetElement: {
+        prototype: HTMLVegaRichTextTableSelectionWidgetElement;
+        new (): HTMLVegaRichTextTableSelectionWidgetElement;
+    };
+    interface HTMLVegaRichTextTableSettingElement extends Components.VegaRichTextTableSetting, HTMLStencilElement {
+    }
+    var HTMLVegaRichTextTableSettingElement: {
+        prototype: HTMLVegaRichTextTableSettingElement;
+        new (): HTMLVegaRichTextTableSettingElement;
+    };
     interface HTMLVegaSectionTitleElement extends Components.VegaSectionTitle, HTMLStencilElement {
     }
     var HTMLVegaSectionTitleElement: {
@@ -5652,6 +5738,9 @@ declare global {
         "vega-rich-text-editor-toolbar-button": HTMLVegaRichTextEditorToolbarButtonElement;
         "vega-rich-text-image-editor": HTMLVegaRichTextImageEditorElement;
         "vega-rich-text-link-editor": HTMLVegaRichTextLinkEditorElement;
+        "vega-rich-text-table-properties": HTMLVegaRichTextTablePropertiesElement;
+        "vega-rich-text-table-selection-widget": HTMLVegaRichTextTableSelectionWidgetElement;
+        "vega-rich-text-table-setting": HTMLVegaRichTextTableSettingElement;
         "vega-section-title": HTMLVegaSectionTitleElement;
         "vega-segment-control": HTMLVegaSegmentControlElement;
         "vega-selection-chip": HTMLVegaSelectionChipElement;
@@ -7955,6 +8044,11 @@ declare namespace LocalJSX {
           * @vegaVersion 1.3.0
          */
         "gap"?: ResponsiveType<GapType>;
+        /**
+          * Specifies how grid items are aligned along the inline (row) axis.  It can be provided as one of: `start`, `center`, `end`, or `stretch`.  Alternatively, you can use a responsive map to define different values for    various breakpoints. The keys in the map should represent the breakpoints,    such as `default` or `L`.
+          * @vegaVersion 2.79.0
+         */
+        "justifyItems"?: ResponsiveType<GridJustifyItemsType>;
         /**
           * Determines the configuration of the grid rows.    It can be provided as an integer, string, or a responsive map    using key-value pairs.  If provided as an integer from 1 to 6, each row will have the same height.    The CSS for this configuration is `grid-template-rows: repeat(number, minmax(0, 1fr))`.  If provided as a string in the format of n-auto    (e.g., `1-auto`, `2-auto`, ..., `6-auto`),    each row will have auto height. The CSS for this configuration is    `grid-template-rows: repeat(number, auto)`.  Alternatively, you can use a responsive map to define different row configurations    for various breakpoints. The keys in the map should represent the breakpoints,    such as `default` or `L`, and the values can be integers or strings following the    same patterns mentioned above.
           * @vegaVersion 1.3.0
@@ -8304,6 +8398,12 @@ declare namespace LocalJSX {
           * @vegaVersion 1.0.5
          */
         "prefixIcon"?: string;
+        /**
+          * Sets the input field as read-only, preventing direct keyboard input.  When set to `true`, prevents manual keyboard text entry in the input field on    all platforms. On touch devices, this typically suppresses the virtual keyboard.
+          * @default false
+          * @vegaVersion 2.79.0
+         */
+        "readOnly"?: boolean;
         /**
           * Marks the input field as required for form submission.  When `true`, a required-field validation rule is automatically applied. If `autoValidation` is enabled, the field will display a validation error when the user leaves it empty. A visual required indicator (asterisk) is shown next to the label.
           * @default false
@@ -9963,6 +10063,65 @@ declare namespace LocalJSX {
          */
         "target"?: HTMLElement;
     }
+    interface VegaRichTextTableProperties {
+        /**
+          * @vegaVersion 2.79.0
+         */
+        "colors"?: VegaRTEColorSchema[];
+        /**
+          * @vegaVersion 2.79.0
+         */
+        "defaultValue"?: RTETablePropertiesType;
+        /**
+          * @vegaVersion 2.79.0
+         */
+        "onVegaCancel"?: (event: VegaRichTextTablePropertiesCustomEvent<RTETablePropertiesType>) => void;
+        /**
+          * @vegaVersion 2.79.0
+         */
+        "onVegaChange"?: (event: VegaRichTextTablePropertiesCustomEvent<RTETablePropertiesType>) => void;
+        /**
+          * @vegaVersion 2.79.0
+         */
+        "onVegaSave"?: (event: VegaRichTextTablePropertiesCustomEvent<unknown>) => void;
+        /**
+          * The origin style map for multiple selected blocks. The key is the block ID, and the value is the style object for that block.
+          * @vegaVersion 2.79.0
+         */
+        "styleMap"?: TableCellStylePropertiesMap;
+        /**
+          * @vegaVersion 2.79.0
+         */
+        "type"?: 'TABLE' | 'CELL';
+    }
+    interface VegaRichTextTableSelectionWidget {
+        /**
+          * An event emitter notifying a delete action on the widget.
+          * @vegaVersion 2.79.0
+         */
+        "onVegaRemove"?: (event: VegaRichTextTableSelectionWidgetCustomEvent<any>) => void;
+    }
+    interface VegaRichTextTableSetting {
+        /**
+          * Indicates whether the current table already has a caption.
+          * @vegaVersion 2.79.0
+         */
+        "hasCaption"?: boolean;
+        /**
+          * @vegaVersion 2.79.0
+         */
+        "onVegaClick"?: (event: VegaRichTextTableSettingCustomEvent<Array<string>>) => void;
+        /**
+          * The selected cells in the table.
+          * @vegaVersion 2.79.0
+         */
+        "selectedCells"?: RTETableCellBlock[];
+        /**
+          * Specifies the target table element for the table setting.
+          * @vegaVersion 2.79.0
+         */
+        "target"?: HTMLElement;
+    }
     interface VegaSectionTitle {
         /**
           * Specifies the text content of the description displayed    within the section title.
@@ -11064,6 +11223,12 @@ declare namespace LocalJSX {
           * @vegaVersion 1.12.0
          */
         "positionRelativeTo"?: string;
+        /**
+          * Specifies whether the time picker field is set to read-only.  When set to `true`, prevents manual keyboard text entry in the input field on    all platforms. On touch devices, this typically suppresses the virtual keyboard.    This does not lock the component value; users can still select/update time via    the dropdown UI (and programmatic updates still work).
+          * @default false
+          * @vegaVersion 2.79.0
+         */
+        "readOnly"?: boolean;
         /**
           * Specifies whether selecting a time in the time picker    is required for passing form validation.
           * @vegaVersion 1.12.0
@@ -11329,6 +11494,9 @@ declare namespace LocalJSX {
         "vega-rich-text-editor-toolbar-button": VegaRichTextEditorToolbarButton;
         "vega-rich-text-image-editor": VegaRichTextImageEditor;
         "vega-rich-text-link-editor": VegaRichTextLinkEditor;
+        "vega-rich-text-table-properties": VegaRichTextTableProperties;
+        "vega-rich-text-table-selection-widget": VegaRichTextTableSelectionWidget;
+        "vega-rich-text-table-setting": VegaRichTextTableSetting;
         "vega-section-title": VegaSectionTitle;
         "vega-segment-control": VegaSegmentControl;
         "vega-selection-chip": VegaSelectionChip;
@@ -11449,6 +11617,9 @@ declare module "@stencil/core" {
             "vega-rich-text-editor-toolbar-button": LocalJSX.VegaRichTextEditorToolbarButton & JSXBase.HTMLAttributes<HTMLVegaRichTextEditorToolbarButtonElement>;
             "vega-rich-text-image-editor": LocalJSX.VegaRichTextImageEditor & JSXBase.HTMLAttributes<HTMLVegaRichTextImageEditorElement>;
             "vega-rich-text-link-editor": LocalJSX.VegaRichTextLinkEditor & JSXBase.HTMLAttributes<HTMLVegaRichTextLinkEditorElement>;
+            "vega-rich-text-table-properties": LocalJSX.VegaRichTextTableProperties & JSXBase.HTMLAttributes<HTMLVegaRichTextTablePropertiesElement>;
+            "vega-rich-text-table-selection-widget": LocalJSX.VegaRichTextTableSelectionWidget & JSXBase.HTMLAttributes<HTMLVegaRichTextTableSelectionWidgetElement>;
+            "vega-rich-text-table-setting": LocalJSX.VegaRichTextTableSetting & JSXBase.HTMLAttributes<HTMLVegaRichTextTableSettingElement>;
             "vega-section-title": LocalJSX.VegaSectionTitle & JSXBase.HTMLAttributes<HTMLVegaSectionTitleElement>;
             "vega-segment-control": LocalJSX.VegaSegmentControl & JSXBase.HTMLAttributes<HTMLVegaSegmentControlElement>;
             "vega-selection-chip": LocalJSX.VegaSelectionChip & JSXBase.HTMLAttributes<HTMLVegaSelectionChipElement>;

package/dist/types/constants/ui.d.ts

@@ -8,6 +8,7 @@ export declare const ItemToggleTransitionMillisecond: number;
 export declare const FlexDirections: readonly ["row", "col", "column", "row-reverse", "col-reverse", "column-reverse"];
 export declare const FlexAlignItem: readonly ["start", "center", "end", "baseline", "stretch"];
 export declare const FlexJustifyContent: readonly ["start", "center", "end", "space-around", "space-between", "space-evenly"];
+export declare const GridJustifyItems: readonly ["start", "center", "end", "stretch"];
 export declare const FlexWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
 export declare const BoxDisplay: readonly ["block", "inline-block", "none"];
 export declare const BorderStyle: readonly ["solid", "dashed", "dotted", "double", "none"];

package/dist/types/helpers/calendar/calendar-date.d.ts

@@ -4,6 +4,7 @@ export declare type DateCompareResult = {
   isNextMonth: boolean;
   inMonth: boolean;
 };
+export declare const WEEKDAYS_SHORT: string[];
 /**
  * Calendar date class
  */
@@ -151,6 +152,12 @@ export declare class CalendarDate {
    * @returns {CalendarDate} - A new CalendarDate object with the adjusted date.
    */
   add(years?: number, months?: number, days?: number): CalendarDate;
+  /**
+   * Get the short name of the week day for the calendar date.
+   *
+   * @returns {string} - The short name of the week day.
+   */
+  getWeekDayShortName(): string;
   /**
    * Get year, month and day value by format token.
    *

package/dist/types/helpers/calendar/calendar-view-generator/calendar-view-generator.abstract.d.ts

@@ -5,7 +5,6 @@ import { CalendarView } from '../calendar-view';
  */
 export declare abstract class CalendarViewGenerator {
   protected weekdays: number[];
-  private readonly WEEKDAYS_SHORT;
   constructor();
   /**
    * Get weekday names.

package/dist/types/helpers/event-manager/event-id/vega-internal-event-id.d.ts

@@ -55,6 +55,7 @@ export declare const VegaInternalCalendarEventPreviewClear: VegaInternalEventID;
 export declare const VegaInternalUpdateRTECursorPosition: VegaInternalEventID;
 export declare const VegaInternalLeftNavLinkSelectedTopic: VegaInternalEventID;
 export declare const VegaInternalCalendarEventPreviewHide: VegaInternalEventID;
+export declare const VegaInternalDialogContentReady: VegaInternalEventID;
 export declare const VegaInternalFormSubmit: VegaInternalEventID;
 export declare const VegaInternalFormReset: VegaInternalEventID;
 export declare const VegaInternalProgressTrackerStepClick: VegaInternalEventID;
@@ -66,3 +67,5 @@ export declare const VegaInternalUpdateVegaInputValue: VegaInternalEventID;
 export declare const VegaInternalFocusVegaInput: VegaInternalEventID;
 export declare const VegaInternalSetupVegaInputMaskConfig: VegaInternalEventID;
 export declare const VegaInternalCodeBlockBlur: VegaInternalEventID;
+export declare const VegaInternalRTEExtensionTableCellsSelectionAnchor: VegaInternalEventID;
+export declare const VegaInternalRTEExtensionTableCellSelectionChange: VegaInternalEventID;

package/dist/types/helpers/formatter/responsive-map-formatter/responsive-grid-justify-items-formatter.d.ts

@@ -0,0 +1,19 @@
+import { BreakpointsForPrefixType, GridJustifyItemsType } from '../../../types/ui.type';
+import { ResponsiveClassStringFormatter } from './responsive-class-string-formatter';
+/**
+ * A class for formatting GridJustifyItemsType with BreakpointsForPrefixType to CSS class string.
+ *
+ * @augments ResponsiveClassStringFormatter
+ */
+declare class ResponsiveGridJustifyItemsFormatter extends ResponsiveClassStringFormatter<'gridJustifyItems'> {
+  /**
+   * This function takes a GridJustifyItemsType and a breakpoint and returns CSS class string.
+   *
+   * @param {GridJustifyItemsType} input - GridJustifyItemsType input
+   * @param {BreakpointsForPrefixType} [breakpoint] - Breakpoints for prefix of the class
+   * @returns {string} - A string.
+   */
+  formatToken(input: GridJustifyItemsType, breakpoint?: BreakpointsForPrefixType): string;
+}
+declare const _default: ResponsiveGridJustifyItemsFormatter;
+export default _default;

package/dist/types/helpers/formatter/string-formatter/custom-formatter-strategy.d.ts

@@ -16,8 +16,9 @@ export declare class CustomFormatterStrategy extends StringFormatStrategy {
    * formatter class likely contains methods or properties related to formatting strings in a specific
    * way according to your requirements.
    * @param {boolean} resetCaretPosition - The caret position should update to the last or keep the current position after format
+   * @param {boolean} overrideValue - Whether to override the value after blur, default is false
    */
-  constructor(formatter: CustomStringFormatter, resetCaretPosition?: boolean);
+  constructor(formatter: CustomStringFormatter, resetCaretPosition?: boolean, overrideValue?: boolean);
   /**
    * The format function in TypeScript takes a string input and returns the formatted output using a
    * formatter method.

package/dist/types/helpers/formatter/string-formatter/number-mask-strategy.d.ts

@@ -24,8 +24,9 @@ export declare class NumberMaskStrategy extends StringFormatStrategy {
    * It creates a new instance of the Mask class.
    *
    * @param {NumberMaskConfig} maskConfig - MaskConfig
+   * @param {boolean} overrideValue - Whether to override the value after blur, default is false
    */
-  constructor(maskConfig?: NumberMaskConfig);
+  constructor(maskConfig?: NumberMaskConfig, overrideValue?: boolean);
   /**
    * Given a number string, it replaces the mask with the matched input value
    *

package/dist/types/helpers/formatter/string-formatter/number-thousand-comma-strategy.d.ts

@@ -7,8 +7,9 @@ export declare class NumberThousandCommaStrategy extends NumberMaskStrategy {
    * It creates a new instance of the Mask class.
    *
    * @param {NumberMaskConfig} maskConfig - MaskConfig
+   * @param {boolean} overrideValue - Whether to override the value after blur, default is false
    */
-  constructor(maskConfig: NumberMaskConfig);
+  constructor(maskConfig: NumberMaskConfig, overrideValue?: boolean);
   /**
    * If the input is a number, format it as a thousand comma string
    *

package/dist/types/helpers/formatter/string-formatter/string-format-strategy.abstract.d.ts

@@ -9,6 +9,7 @@ export declare type InputStatus = {
  * String format strategy abstract class
  */
 export declare abstract class StringFormatStrategy {
+  protected overrideValue: boolean;
   /**
    * Check if the {@link format} should be applied
    *