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

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

@@ -5,11 +5,15 @@ import { SpecPage } from '@stencil/core/testing';
  * @param {SpecPage} page - The SpecPage instance.
  * @param {{ textEl: HTMLElement; startOffset: number; endOffset: number }} options - Options for text selection.
  * @param {HTMLElement} options.textEl - The text element to select within.
+ * @param {HTMLElement} [options.endContainer] - The end container element of the selection.
+ * @param {HTMLElement} [options.commonAncestorContainer] - The common ancestor container of the selection.
  * @param {number} options.startOffset - The start offset of the selection.
  * @param {number} options.endOffset - The end offset of the selection.
  */
 export declare const mockTextSelection: (page: SpecPage, options: {
   textEl: HTMLElement;
+  endContainer?: HTMLElement;
+  commonAncestorContainer?: HTMLElement;
   startOffset: number;
   endOffset: number;
 }) => Promise<void>;

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';
@@ -83,7 +82,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.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, VegaFlexProps, WidthType } from "./types/ui.type";
+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 { LinkTargetType, VegaAppFooterLink } from "./components/vega-app-footer/types";
 import { VegaAppHeaderAvatarConfig, VegaAppHeaderButtonDropdownConfig, VegaAppHeaderButtonSize } from "./components/vega-app-header-button/types";
 import { VegaBannerActionButtonType, VegaBannerPropType } from "./components/vega-banner/types";
@@ -35,7 +35,7 @@ import { VegaCountryCode } from "./types/flag.type";
 import { VegaFontAs } from "./components/vega-font/types";
 import { FormControlOption, FormValidateResult, VegaFormFieldValidationState } from "./components/vega-form/types";
 import { VegaFile, VegaFileOptional, VegaImageUploaderStatus } from "./components/vega-image-uploader/types";
-import { DataTransferType, InputAutocompleteTypes, InputType, InputValueUpdateTriggeredBy, MaskConfigType } from "./components/vega-input/types";
+import { DataTransferType, InputAutocompleteTypes, InputType, InputValueUpdateTriggeredBy, MaskConfigType, VegaInputSuggestionsDropdownConfig } from "./components/vega-input/types";
 import { FormFieldValidationRule as FormFieldValidationRule1 } from "./types/components.type";
 import { VegaCountryType } from "./components/vega-input-phone-number/types";
 import { InputRangeStackType, InputRangeValueType } from "./components/vega-input-range/types";
@@ -51,9 +51,10 @@ import { PieChartOptions } from "./helpers/chart/pie-chart";
 import { VegaProgressTrackerDirectionType } 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";
@@ -1559,10 +1560,10 @@ export namespace Components {
          */
         "translocation": ResponsiveType<TranslocationType>;
         /**
-          * Specifies the trigger mode for the dropdown.
+          * Specifies the trigger mode for the dropdown.   hover: The dropdown is shown/hidden on hover, and listens for global area clicks.   click: The dropdown is shown/hidden on click, and listens for global area clicks.   none: The dropdown does not listen for any events; you must control its visibility within the component.   custom: Custom trigger strategy, more information can refer to https://gethired.atlassian.net/wiki/spaces/VKB/pages/657031171/Trigger+strategy.
           * @vegaVersion 1.3.0
          */
-        "trigger": 'hover' | 'click' | 'none';
+        "trigger": VegaEATriggerType;
         /**
           * Determines whether to enable source filtering based on input words.  When set to 'false', the component will emit a `vegaSearch` event    when input words are provided. In this case, you are responsible for    managing the source, including adding, deleting, and updating the source.  Note that the `dynamicOption` property will not work when    this property is set to `false`.
           * @VegaWarning Set `preserveValueIfNotInSource` to 'true' to get custom filter fully supported when set to 'false'.
@@ -2057,6 +2058,11 @@ export namespace Components {
           * @vegaVersion 1.0.5
          */
         "email": boolean;
+        /**
+          * Invoke this method to hide the suggestions dropdown.
+          * @vegaVersion 2.75.0
+         */
+        "hideSuggestionsDropdown": () => Promise<void>;
         /**
           * Provides a supplementary prompt message that assists users in    understanding the expected value for the input field.
           * @vegaVersion 1.3.0
@@ -2137,11 +2143,21 @@ export namespace Components {
           * @vegaVersion 1.3.0
          */
         "showClearIcon": boolean;
+        /**
+          * Invoke this method to show the suggestions dropdown.
+          * @vegaVersion 2.75.0
+         */
+        "showSuggestionsDropdown": (dropdownConfig?: VegaInputSuggestionsDropdownConfig) => Promise<void>;
         /**
           * Defines the size of the input field,    specifying its width or length.
           * @vegaVersion 1.3.0
          */
         "size": 'default' | 'small';
+        /**
+          * Sets the source array of items for the suggestion dropdown.    You should set this property at least a empty array if you want enable the source mode suggestion dropdown feature.
+          * @vegaVersion 2.75.0
+         */
+        "suggestionsDropdownSource": VegaDropdownSourceItem[];
         /**
           * Defines the specific type or category of the input field.  It specifies the intended format or purpose of the    data to be entered by the user.
           * @vegaVersion 1.0.9
@@ -3407,6 +3423,44 @@ export namespace Components {
          */
         "target": HTMLElement;
     }
+    interface VegaRichTextTableProperties {
+        /**
+          * @vegaVersion 2.75.0-RTE-table-preview
+         */
+        "colors": VegaRTEColorSchema[];
+        /**
+          * @vegaVersion 2.75.0-RTE-table-preview
+         */
+        "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.75.0-RTE-table-preview
+         */
+        "styleMap": TableCellStylePropertiesMap;
+        /**
+          * @vegaVersion 2.75.0-RTE-table-preview
+         */
+        "type": 'TABLE' | 'CELL';
+    }
+    interface VegaRichTextTableSelectionWidget {
+    }
+    interface VegaRichTextTableSetting {
+        /**
+          * Indicates whether the current table already has a caption.
+          * @vegaVersion 2.75.0-RTE-table-preview
+         */
+        "hasCaption"?: boolean;
+        /**
+          * The selected cells in the table.
+          * @vegaVersion 2.75.0-RTE-table-preview
+         */
+        "selectedCells": RTETableCellBlock[];
+        /**
+          * Specifies the target table element for the table setting.
+          * @vegaVersion 2.75.0-RTE-table-preview
+         */
+        "target": HTMLElement;
+    }
     interface VegaSectionTitle {
         /**
           * Specifies the text content of the description displayed    within the section title.
@@ -4710,6 +4764,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;
@@ -5255,6 +5321,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: {
@@ -5540,6 +5624,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;
@@ -7409,10 +7496,10 @@ declare namespace LocalJSX {
          */
         "translocation"?: ResponsiveType<TranslocationType>;
         /**
-          * Specifies the trigger mode for the dropdown.
+          * Specifies the trigger mode for the dropdown.   hover: The dropdown is shown/hidden on hover, and listens for global area clicks.   click: The dropdown is shown/hidden on click, and listens for global area clicks.   none: The dropdown does not listen for any events; you must control its visibility within the component.   custom: Custom trigger strategy, more information can refer to https://gethired.atlassian.net/wiki/spaces/VKB/pages/657031171/Trigger+strategy.
           * @vegaVersion 1.3.0
          */
-        "trigger"?: 'hover' | 'click' | 'none';
+        "trigger"?: VegaEATriggerType;
         /**
           * Determines whether to enable source filtering based on input words.  When set to 'false', the component will emit a `vegaSearch` event    when input words are provided. In this case, you are responsible for    managing the source, including adding, deleting, and updating the source.  Note that the `dynamicOption` property will not work when    this property is set to `false`.
           * @VegaWarning Set `preserveValueIfNotInSource` to 'true' to get custom filter fully supported when set to 'false'.
@@ -8090,12 +8177,24 @@ declare namespace LocalJSX {
           * @vegaVersion 2.25.0
          */
         "onLabelButtonClick"?: (event: VegaInputCustomEvent<any>) => void;
+        /**
+          * An event emitter notifying a value change by input action of native input dom.
+          * @eventSemantics namespace:native
+          * @vegaVersion 2.75.0
+         */
+        "onNativeInputChange"?: (event: VegaInputCustomEvent<string>) => void;
         /**
           * An event emitter notifying the paste of the inner input element.
           * @eventSemantics namespace:native
           * @vegaVersion 2.66.0
          */
         "onPaste"?: (event: VegaInputCustomEvent<DataTransferType>) => void;
+        /**
+          * An event emitter notifying the click of a suggestion item.
+          * @eventSemantics namespace:native
+          * @vegaVersion 2.75.0
+         */
+        "onSuggestionItemClick"?: (event: VegaInputCustomEvent<VegaDropdownSourceItem>) => void;
         /**
           * An event emitter notifying the blur of the inner input element.
           * @vegaVersion 1.3.0
@@ -8116,11 +8215,21 @@ declare namespace LocalJSX {
           * @vegaVersion 2.25.0
          */
         "onVegaLabelButtonClick"?: (event: VegaInputCustomEvent<any>) => void;
+        /**
+          * An event emitter notifying a value change by input action of native input dom.
+          * @vegaVersion 2.75.0
+         */
+        "onVegaNativeInputChange"?: (event: VegaInputCustomEvent<string>) => void;
         /**
           * An event emitter notifying the paste of the inner input element.
           * @vegaVersion 2.66.0
          */
         "onVegaPaste"?: (event: VegaInputCustomEvent<DataTransferType>) => void;
+        /**
+          * An event emitter notifying the click of a suggestion item.
+          * @vegaVersion 2.75.0
+         */
+        "onVegaSuggestionItemClick"?: (event: VegaInputCustomEvent<VegaDropdownSourceItem>) => void;
         /**
           * Specifies a placeholder string that displays as a temporary hint    or example inside the input field.  It indicates the expected format or pattern of the input.
           * @vegaVersion 1.3.0
@@ -8146,6 +8255,11 @@ declare namespace LocalJSX {
           * @vegaVersion 1.3.0
          */
         "size"?: 'default' | 'small';
+        /**
+          * Sets the source array of items for the suggestion dropdown.    You should set this property at least a empty array if you want enable the source mode suggestion dropdown feature.
+          * @vegaVersion 2.75.0
+         */
+        "suggestionsDropdownSource"?: VegaDropdownSourceItem[];
         /**
           * Defines the specific type or category of the input field.  It specifies the intended format or purpose of the    data to be entered by the user.
           * @vegaVersion 1.0.9
@@ -9712,6 +9826,65 @@ declare namespace LocalJSX {
          */
         "target"?: HTMLElement;
     }
+    interface VegaRichTextTableProperties {
+        /**
+          * @vegaVersion 2.75.0-RTE-table-preview
+         */
+        "colors"?: VegaRTEColorSchema[];
+        /**
+          * @vegaVersion 2.75.0-RTE-table-preview
+         */
+        "defaultValue"?: RTETablePropertiesType;
+        /**
+          * @vegaVersion 2.75.0-RTE-table-preview
+         */
+        "onVegaCancel"?: (event: VegaRichTextTablePropertiesCustomEvent<RTETablePropertiesType>) => void;
+        /**
+          * @vegaVersion 2.75.0-RTE-table-preview
+         */
+        "onVegaChange"?: (event: VegaRichTextTablePropertiesCustomEvent<RTETablePropertiesType>) => void;
+        /**
+          * @vegaVersion 2.75.0-RTE-table-preview
+         */
+        "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.75.0-RTE-table-preview
+         */
+        "styleMap"?: TableCellStylePropertiesMap;
+        /**
+          * @vegaVersion 2.75.0-RTE-table-preview
+         */
+        "type"?: 'TABLE' | 'CELL';
+    }
+    interface VegaRichTextTableSelectionWidget {
+        /**
+          * An event emitter notifying a delete action on the widget.
+          * @vegaVersion 2.75.0-RTE-table-preview
+         */
+        "onVegaRemove"?: (event: VegaRichTextTableSelectionWidgetCustomEvent<any>) => void;
+    }
+    interface VegaRichTextTableSetting {
+        /**
+          * Indicates whether the current table already has a caption.
+          * @vegaVersion 2.75.0-RTE-table-preview
+         */
+        "hasCaption"?: boolean;
+        /**
+          * @vegaVersion 2.75.0-RTE-table-preview
+         */
+        "onVegaClick"?: (event: VegaRichTextTableSettingCustomEvent<Array<string>>) => void;
+        /**
+          * The selected cells in the table.
+          * @vegaVersion 2.75.0-RTE-table-preview
+         */
+        "selectedCells"?: RTETableCellBlock[];
+        /**
+          * Specifies the target table element for the table setting.
+          * @vegaVersion 2.75.0-RTE-table-preview
+         */
+        "target"?: HTMLElement;
+    }
     interface VegaSectionTitle {
         /**
           * Specifies the text content of the description displayed    within the section title.
@@ -11057,6 +11230,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;
@@ -11177,6 +11353,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

@@ -12,5 +12,5 @@ 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"];
 export declare const TextAlign: readonly ["start", "end", "left", "right", "center", "justify"];
-export declare const VegaNativeEventName: readonly ["change", "click", "focus", "blur", "close", "modalOpen", "validate", "formSubmit", "formReset", "rowClick", "rowExpand", "selectChange", "selectAllChange", "pageSizeChange", "dropdownClick", "create", "search", "searchTrigger", "hide", "show", "popoverShow", "popoverHide", "cancel", "remove", "pageUpdate", "currentStepUpdate", "toggleStatus", "stateUpdate", "groupClick", "menuClick", "accordionExpand", "dropdownShow", "dropdownHide", "dropdownSearch", "actionClick", "eventClick", "dateDblClick", "dateClick", "countryChange", "actionButtonClick", "moreActionClick", "expand", "rowSelect", "rowSelectAll", "retry", "selectedFileChange", "preview", "labelButtonClick", "imageInserted", "reset", "eventPreviewShow", "monthYearChange", "complete", "paste", "clear", "periodChange", "selectionChange"];
+export declare const VegaNativeEventName: readonly ["change", "click", "focus", "blur", "close", "modalOpen", "validate", "formSubmit", "formReset", "rowClick", "rowExpand", "selectChange", "selectAllChange", "pageSizeChange", "dropdownClick", "create", "search", "searchTrigger", "hide", "show", "popoverShow", "popoverHide", "cancel", "remove", "pageUpdate", "currentStepUpdate", "toggleStatus", "stateUpdate", "groupClick", "menuClick", "accordionExpand", "dropdownShow", "dropdownHide", "dropdownSearch", "actionClick", "eventClick", "dateDblClick", "dateClick", "countryChange", "actionButtonClick", "moreActionClick", "expand", "rowSelect", "rowSelectAll", "retry", "selectedFileChange", "preview", "labelButtonClick", "imageInserted", "reset", "eventPreviewShow", "monthYearChange", "complete", "paste", "clear", "periodChange", "selectionChange", "suggestionItemClick", "nativeInputChange"];
 export declare const CssStates: readonly ["default", "hover", "active", "focus-visible"];

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

@@ -99,3 +99,5 @@ export declare const VegaPaste: VegaEventID;
 export declare const HTMLNativeEventIds: VegaEventID[];
 export declare const VegaMonthYearChange: VegaEventID;
 export declare const VegaSelectionChange: VegaEventID;
+export declare const VegaSuggestionItemClick: VegaEventID;
+export declare const VegaNativeInputChange: VegaEventID;

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

@@ -65,3 +65,5 @@ export declare const VegaInternalDatePickerCalendarUpdatePeriodByUser: VegaInter
 export declare const VegaInternalUpdateVegaInputValue: VegaInternalEventID;
 export declare const VegaInternalFocusVegaInput: VegaInternalEventID;
 export declare const VegaInternalSetupVegaInputMaskConfig: VegaInternalEventID;
+export declare const VegaInternalRTEExtensionTableCellsSelectionAnchor: VegaInternalEventID;
+export declare const VegaInternalRTEExtensionTableCellSelectionChange: VegaInternalEventID;

package/dist/types/helpers/slimmers/element-appender/element-appender-slimmer.d.ts

@@ -2,15 +2,9 @@ import { VegaSlimmer } from '../../../vega-slimmer/vega-slimmer-core';
 import { ElementAppender, ElementAppenderShowConfig } from '../../ui/element-appender';
 import { Nullable } from '../../../types/general';
 import { ElementAppenderHierarchyTreeManager } from './element-appender-hierarchy-tree-manager';
+import { VegaEATriggerType } from '../../../types/ui.type';
 declare type ShowConfigFactoryType = () => ElementAppenderShowConfig;
-/**
- * - click: means the dropdown show/hide by click, it also listen global area click. example: VegaPopover
- * - hover: means the dropdown show/hide by hover, it also listen global area click. example: VegaDropdown VegaAppHeaderButton
- * - none: means element appender not listens any event, you should control the dropdown show/hide in component. example: VegaDatePicker
- * - custom: means element appender only listen the outer area click. when clicked the dropdown will hide. example: VegaTimePicker
- */
-declare type TriggerType = 'click' | 'hover' | 'none' | 'custom';
-declare type GetTriggerType = () => TriggerType;
+declare type GetTriggerType = () => VegaEATriggerType;
 declare type DisableInteractiveGetter = () => boolean;
 export declare class ElementAppenderSlimmer extends VegaSlimmer {
   private static readonly DELAY_HIDE_TIME;
@@ -58,7 +52,6 @@ export declare class ElementAppenderSlimmer extends VegaSlimmer {
   private globalScrollHandler;
   private createDelayHideTimer;
   private clearDelayHideTimer;
-  private shouldListenerWork;
   /**
    * Sets up an observer to handle scroll events in a shadow root element.
    */
@@ -74,5 +67,7 @@ export declare class ElementAppenderSlimmer extends VegaSlimmer {
    * Remove observer for scrolling in a shadow root element.
    */
   private removeShadowRootElementScrolling;
+  private executeTriggerStrategy;
+  private getTriggerStrategy;
 }
 export {};

package/dist/types/helpers/slimmers/element-appender/trigger-strategies/click-outside-only-to-dismiss-strategy.d.ts

@@ -0,0 +1,21 @@
+import { VegaEAEventType } from '../../../../types/ui.type';
+import { VegaEATriggerStrategy, VegaEATriggerContext, VegaEATriggerResult } from './trigger-strategy.interface';
+/**
+ * A trigger strategy that hides the appendable element when a global mouse down event occurs outside the element.
+ */
+export declare class ClickOutsideOnlyToDismissStrategy implements VegaEATriggerStrategy {
+  /**
+   * Determines if the strategy can evaluate the given event type.
+   *
+   * @param {VegaEAEventType} type - The type of the event.
+   * @returns {boolean} True if the event type is 'globalMouseDown', otherwise false.
+   */
+  canEvaluate(type: VegaEAEventType): boolean;
+  /**
+   * Evaluates the trigger context and determines whether to hide the appendable element.
+   *
+   * @param {VegaEATriggerContext} context - The context of the trigger event.
+   * @returns {VegaEATriggerResult} An object indicating whether to hide the appendable element.
+   */
+  evaluate(context: VegaEATriggerContext): VegaEATriggerResult;
+}

package/dist/types/helpers/slimmers/element-appender/trigger-strategies/click-trigger-strategy.d.ts

@@ -0,0 +1,21 @@
+import { VegaEAEventType } from '../../../../types/ui.type';
+import { VegaEATriggerStrategy, VegaEATriggerContext, VegaEATriggerResult } from './trigger-strategy.interface';
+/**
+ * ClickTriggerStrategy handles 'targetClick' and 'globalMouseDown' events to toggle or hide the appendable element.
+ */
+export declare class ClickTriggerStrategy implements VegaEATriggerStrategy {
+  /**
+   * Determines if the strategy can evaluate the given event type.
+   *
+   * @param {VegaEAEventType} type - The type of the event.
+   * @returns {boolean} True if the event type is 'targetClick' or 'globalMouseDown', otherwise false.
+   */
+  canEvaluate(type: VegaEAEventType): boolean;
+  /**
+   * Evaluates the trigger context and determines whether to show, hide, or toggle the appendable element.
+   *
+   * @param {VegaEATriggerContext} context - The context of the trigger event.
+   * @returns {VegaEATriggerResult} An object indicating whether to show, hide, or toggle the appendable element.
+   */
+  evaluate(context: VegaEATriggerContext): VegaEATriggerResult;
+}

package/dist/types/helpers/slimmers/element-appender/trigger-strategies/hover-trigger-strategy.d.ts

@@ -0,0 +1,22 @@
+import { VegaEAEventType } from '../../../../types/ui.type';
+import { VegaEATriggerStrategy, VegaEATriggerContext, VegaEATriggerResult } from './trigger-strategy.interface';
+/**
+ * HoverTriggerStrategy handles mouse enter and leave events on the target and appendable elements,
+ * as well as global mouse down events to show or hide the appendable element.
+ */
+export declare class HoverTriggerStrategy implements VegaEATriggerStrategy {
+  /**
+   * Determines if the strategy can evaluate the given event type.
+   *
+   * @param {VegaEAEventType} type - The type of the event.
+   * @returns {boolean} True if the event type is related to hover actions or global mouse down, otherwise false.
+   */
+  canEvaluate(type: VegaEAEventType): boolean;
+  /**
+   * Evaluates the trigger context and determines whether to show, hide, or toggle the appendable element.
+   *
+   * @param {VegaEATriggerContext} context - The context of the trigger event.
+   * @returns {VegaEATriggerResult} An object indicating whether to show, hide, or toggle the appendable element.
+   */
+  evaluate(context: VegaEATriggerContext): VegaEATriggerResult;
+}

package/dist/types/helpers/slimmers/element-appender/trigger-strategies/none-trigger-strategy.d.ts

@@ -0,0 +1,18 @@
+import { VegaEATriggerResult, VegaEATriggerStrategy } from './trigger-strategy.interface';
+/**
+ * NoneTriggerStrategy does not respond to any events and always indicates no action.
+ */
+export declare class NoneTriggerStrategy implements VegaEATriggerStrategy {
+  /**
+   * Determines if the strategy can evaluate the given event type.
+   *
+   * @returns {boolean} Always false as this strategy does not respond to any events.
+   */
+  canEvaluate(): boolean;
+  /**
+   * Evaluates the trigger context and always indicates no action.
+   *
+   * @returns {VegaEATriggerResult} An object indicating no action (no show, hide, or toggle).
+   */
+  evaluate(): VegaEATriggerResult;
+}

package/dist/types/helpers/slimmers/element-appender/trigger-strategies/trigger-strategy.interface.d.ts

@@ -0,0 +1,37 @@
+import { VegaEAEventType } from '../../../../types/ui.type';
+/**
+ * Context for evaluating trigger strategies.
+ *
+ * @param target - The target HTMLElement that the appendable element is associated with.
+ * @param appendableElement - The HTMLElement that is to be shown or hidden.
+ * @param htmlEvent - The html event that triggered the evaluation.
+ * @param eventType - The trigger type of the event.
+ * @param currentState - The current visibility state of the appendable element.
+ */
+export interface VegaEATriggerContext {
+  target: HTMLElement;
+  appendableElement: HTMLElement;
+  htmlEvent: Event;
+  eventType: VegaEAEventType;
+  currentState: {
+    isVisible: boolean;
+  };
+}
+/**
+ * Interface for trigger strategies that determine when to show, hide, or toggle appendable elements.
+ *
+ * @function canEvaluate - Determines if the strategy can evaluate the given event type.
+ * @function evaluate - Evaluates the trigger context and returns the action to be taken.
+ */
+export interface VegaEATriggerStrategy {
+  canEvaluate(type: VegaEAEventType): boolean;
+  evaluate(context: VegaEATriggerContext): VegaEATriggerResult;
+}
+/**
+ * Result of evaluating a trigger strategy.
+ *
+ * @param nextAction - The next action to be taken: 'show' to display the appendable element, 'hide' to conceal it.
+ */
+export interface VegaEATriggerResult {
+  nextAction?: 'show' | 'hide';
+}

package/dist/types/types/components.type.d.ts

@@ -32,6 +32,7 @@ export {
 	TextAlignType,
 	TranslocationType,
 	VegaComponentInterface,
+	VegaEATriggerType,
 	VegaFlexProps,
 	WidthType,
 } from '../types/ui.type';
@@ -146,6 +147,7 @@ export {
 	InputType,
 	InputValueUpdateTriggeredBy,
 	MaskConfigType,
+	VegaInputSuggestionsDropdownConfig,
 } from '../components/vega-input/types';
 export { FormFieldValidationRule as FormFieldValidationRule1 } from '../types/components.type';
 export { VegaCountryType } from '../components/vega-input-phone-number/types';
@@ -185,7 +187,10 @@ export { VegaProgressTrackerDirectionType } from '../components/vega-progress-tr
 export { VegaRTEContent } from '../components/vega-rich-text-editor/dto/content-state';
 export { VegaRTEExtension } from '../components/vega-rich-text-editor/extensions/extension.abstract';
 export {
+	RTETablePropertiesType,
+	TableCellStylePropertiesMap,
 	VegaRichTextEditorImage,
+	VegaRTEColorSchema,
 	VegaRTESourceEditConfig,
 	VegaRTEToolbarItem,
 } from '../components/vega-rich-text-editor/interface';
@@ -198,6 +203,7 @@ export {
 	VegaRichTextLinkEditorStatus,
 	VegaRTELinkEditorRecord,
 } from '../components/vega-rich-text-editor/vega-rich-text-link-editor/types';
+export { RTETableCellBlock } from '../components/vega-rich-text-editor/extensions/table/dto/table-cell-block';
 export { VegaSegmentControlVariant, VegaSegmentProps } from '../components/vega-segment-control/types';
 export {
 	VegaSelectionChipSize,

package/dist/types/types/type-guard.d.ts

@@ -5,6 +5,7 @@ import { DropdownSourceItem } from '../components/vega-dropdown/types';
 import { Nullable } from './general';
 import { VegaTableColumnGroupingModel } from '../components/vega-table/interface';
 import { CalendarDate } from '../helpers/calendar';
+import { VegaEATriggerStrategy } from '../helpers/slimmers/element-appender/trigger-strategies/trigger-strategy.interface';
 /**
  * Returns true if the input is a string that is one of the four directions.
  *
@@ -300,3 +301,10 @@ export declare const isVegaTableColumnGroupingModelType: (input: unknown) => inp
  * @returns {input is CalendarDate} True when input matches the calendar date type.
  */
 export declare const isCalendarDateType: (input: unknown) => input is CalendarDate;
+/**
+ * Type guard to check if the provided instance implements the VegaEATriggerStrategy interface
+ *
+ * @param {unknown} instance - The instance to check.
+ * @returns {instance is VegaEATriggerStrategy} True if the instance implements VegaEATriggerStrategy.
+ */
+export declare const isEATriggerStrategy: (instance: unknown) => instance is VegaEATriggerStrategy;

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

@@ -4,6 +4,7 @@ import { Placements, FlexDirections, Alignments, BoxDisplay, VegaNativeEventName
 import { HTMLStencilElement } from '../stencil-public-runtime';
 import { GridColumns, GridRows } from '../constants/tokens/tailwind.extend';
 import { JSX as LocalJSX } from '../components';
+import { VegaEATriggerStrategy } from '../helpers/slimmers/element-appender/trigger-strategies/trigger-strategy.interface';
 export declare type BrowserVisibleArea = {
   top: number;
   bottom: number;
@@ -156,3 +157,11 @@ export declare type IconAlignType = 'left' | 'right';
 export declare type BorderStyleType = 'solid' | 'dashed' | 'dotted' | 'double' | 'none';
 export declare type TextAlignType = 'start' | 'end' | 'left' | 'right' | 'center' | 'justify';
 export declare type VegaFlexProps = Partial<Pick<HTMLVegaFlexElement, 'gap' | 'direction' | 'alignItems' | 'justifyContent' | 'margin'>>;
+/**
+ * - click: means the dropdown show/hide by click, it also listen global area click. example: VegaPopover
+ * - hover: means the dropdown show/hide by hover, it also listen global area click. example: VegaDropdown VegaAppHeaderButton
+ * - none: means element appender not listens any event, you should control the dropdown show/hide in component. example: VegaDatePicker
+ * - VegaEATriggerStrategy: means element appender use custom trigger strategy to control show/hide behavior.
+ */
+export declare type VegaEATriggerType = 'click' | 'hover' | 'none' | VegaEATriggerStrategy;
+export declare type VegaEAEventType = 'target-click' | 'target-mouseenter' | 'target-mouseleave' | 'element-mouseenter' | 'element-mouseleave' | 'click-outside';