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

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

@@ -1,15 +1,16 @@
 import { EventEmitter } from '../../../../../stencil-public-runtime';
-import { GlobalSlimmers } from 'vega-slimmer/core';
+import { GlobalSlimmers } from '../../../../../vega-slimmer/vega-slimmer-core';
 import { TranslationSlimmer } from '../../../../../helpers/slimmers/translation';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaRichTextTablePropertiesRenderer } from './slimmers/renderers/vega-rich-text-table-properties-form-renderer';
-import { RTETableColorSchema, RTETablePropertiesType, TableCellStylePropertiesMap } from '../../../interface';
+import { RTETablePropertiesType, TableCellStylePropertiesMap, VegaRTEColorSchema } from '../../../interface';
 import { ChildNodesEventPreventSlimmer } from '../../../../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
 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 { DarkModeStateControllerSlimmer } from '../../../../../helpers/slimmers/dark-mode-state-controller-slimmer';
 /**
- * @vegaVersion 2.74.0-RTE-table-preview
+ * @vegaVersion 2.75.0-RTE-table-preview
  */
 export declare class VegaRichTextTableProperties {
   protected readonly globalSlimmers: GlobalSlimmers;
@@ -19,10 +20,12 @@ export declare class VegaRichTextTableProperties {
   protected readonly tableFormRenderer: VegaRichTextTablePropertiesFormFieldRenderer;
   protected readonly cellFormRenderer: VegaRichTextCellPropertiesFormFieldRenderer;
   protected readonly controller: TableColorController;
+  protected darkModeStateSlimmer: DarkModeStateControllerSlimmer;
   protected changeEventPreventSlimmer: ChildNodesEventPreventSlimmer;
   host: HTMLVegaRichTextTablePropertiesElement;
+  isInDarkMode: boolean;
   /**
-   * @vegaVersion 2.74.0-RTE-table-preview
+   * @vegaVersion 2.75.0-RTE-table-preview
    */
   defaultValue: RTETablePropertiesType;
   watchDefaultValueChange(newValue: RTETablePropertiesType): void;
@@ -30,27 +33,27 @@ export declare class VegaRichTextTableProperties {
    * 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.74.0-RTE-table-preview
+   * @vegaVersion 2.75.0-RTE-table-preview
    */
   styleMap: TableCellStylePropertiesMap;
   /**
-   * @vegaVersion 2.74.0-RTE-table-preview
+   * @vegaVersion 2.75.0-RTE-table-preview
    */
   type: 'TABLE' | 'CELL';
   /**
-   * @vegaVersion 2.74.0-RTE-table-preview
+   * @vegaVersion 2.75.0-RTE-table-preview
    */
-  colors: RTETableColorSchema[];
+  colors: VegaRTEColorSchema[];
   /**
-   * @vegaVersion 2.74.0-RTE-table-preview
+   * @vegaVersion 2.75.0-RTE-table-preview
    */
   vegaChange: EventEmitter<RTETablePropertiesType>;
   /**
-   * @vegaVersion 2.74.0-RTE-table-preview
+   * @vegaVersion 2.75.0-RTE-table-preview
    */
   vegaCancel: EventEmitter<RTETablePropertiesType>;
   /**
-   * @vegaVersion 2.74.0-RTE-table-preview
+   * @vegaVersion 2.75.0-RTE-table-preview
    */
   vegaSave: EventEmitter<unknown>;
   render(): VegaRichTextTableProperties;

package/dist/types/components/vega-rich-text-editor/extensions/table/vega-rich-text-table-selection-widget/vega-rich-text-table-selection-widget.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../../../../stencil-public-runtime';
-import { GlobalSlimmers } from 'vega-slimmer/core';
+import { GlobalSlimmers } from '../../../../../vega-slimmer/vega-slimmer-core';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../../../helpers/slimmers/component-usage-runtime-metrics';
 import { SelectionWidgetRenderer } from './slimmers/renderers/selection-widget-renderer';
 import { SelectionWidgetKeyboardController } from './slimmers/controllers/selection-widget-keyboard-controller';
@@ -7,7 +7,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 declare class VegaRichTextTableSelectionWidget {
   protected readonly globalSlimmers: GlobalSlimmers;
@@ -20,7 +20,7 @@ export declare class VegaRichTextTableSelectionWidget {
   /**
    * An event emitter notifying a delete action on the widget.
    *
-   * @vegaVersion 2.74.0-RTE-table-preview
+   * @vegaVersion 2.75.0-RTE-table-preview
    */
   vegaRemove: EventEmitter;
   render(): VegaRichTextTableSelectionWidget;

package/dist/types/components/vega-rich-text-editor/extensions/table/vega-rich-text-table-setting/slimmers/renderers/merge-cells-button-slimmer.d.ts

@@ -0,0 +1,23 @@
+import { TableSettingButtonSlimmer } from './table-setting-button-slimmer.abstract';
+import { VegaRichTextTableSetting } from '../../vega-rich-text-table-setting';
+/**
+ * Slimmer dedicated to building the merge cells button.
+ */
+export declare class MergeCellsButtonSlimmer extends TableSettingButtonSlimmer {
+  isMergeCellsDropdownOpen: VegaRichTextTableSetting['isMergeCellsDropdownOpen'];
+  constructor();
+  protected renderBtnWrapper(renderBtn: () => HTMLElement): HTMLElement;
+  protected isSelected(): boolean;
+  protected isDisabled(): boolean;
+  protected handleClick(): void;
+  /**
+   * Render the action list.
+   *
+   * @returns {HTMLElement} The action list element.
+   */
+  private renderActionList;
+  private handleDropdownItemClick;
+  private handleDropdownVisibilityChange;
+  private selectSingleCell;
+  private getMergeDirectionDisabledMap;
+}

package/dist/types/components/vega-rich-text-editor/extensions/table/vega-rich-text-table-setting/slimmers/renderers/vega-rich-text-table-setting-renderer.d.ts

@@ -6,6 +6,7 @@ export declare class VegaRichTextTableSettingRenderer extends VegaSlimmer {
   rowButtonSlimmer: VegaRichTextTableSetting['rowButtonSlimmer'];
   tablePropertiesButtonSlimmer: VegaRichTextTableSetting['tablePropertiesButtonSlimmer'];
   cellPropertiesButtonSlimmer: VegaRichTextTableSetting['cellPropertiesButtonSlimmer'];
+  mergeCellsButtonSlimmer: VegaRichTextTableSetting['mergeCellsButtonSlimmer'];
   render(): HTMLElement;
   private renderButton;
 }

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../../../../stencil-public-runtime';
-import { GlobalSlimmers } from 'vega-slimmer/core';
+import { GlobalSlimmers } from '../../../../../vega-slimmer/vega-slimmer-core';
 import { TranslationSlimmer } from '../../../../../helpers/slimmers/translation';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaRichTextTableSettingRenderer } from './slimmers/renderers/vega-rich-text-table-setting-renderer';
@@ -9,10 +9,11 @@ import { TablePropertiesButtonSlimmer } from './slimmers/renderers/table-propert
 import { RowButtonSlimmer } from './slimmers/renderers/row-button-slimmer';
 import { RTETableCellBlock } from '../dto/table-cell-block';
 import { CellPropertiesButtonSlimmer } from './slimmers/renderers/cell-properties-button-slimmer';
+import { MergeCellsButtonSlimmer } from './slimmers/renderers/merge-cells-button-slimmer';
 /**
  * Table setting popover renderer for managing table operations.
  *
- * @vegaVersion 2.74.0-RTE-table-preview
+ * @vegaVersion 2.75.0-RTE-table-preview
  */
 export declare class VegaRichTextTableSetting {
   protected readonly globalSlimmers: GlobalSlimmers;
@@ -24,28 +25,30 @@ export declare class VegaRichTextTableSetting {
   protected readonly tablePropertiesButtonSlimmer: TablePropertiesButtonSlimmer;
   protected readonly rowButtonSlimmer: RowButtonSlimmer;
   protected readonly cellPropertiesButtonSlimmer: CellPropertiesButtonSlimmer;
+  protected readonly mergeCellsButtonSlimmer: MergeCellsButtonSlimmer;
   host: HTMLVegaRichTextTableSettingElement;
   isColumnDropdownOpen: boolean;
+  isMergeCellsDropdownOpen: boolean;
   /**
    * Indicates whether the current table already has a caption.
    *
-   * @vegaVersion 2.74.0-RTE-table-preview
+   * @vegaVersion 2.75.0-RTE-table-preview
    */
   hasCaption?: boolean;
   /**
    * The selected cells in the table.
    *
-   * @vegaVersion 2.74.0-RTE-table-preview
+   * @vegaVersion 2.75.0-RTE-table-preview
    */
   selectedCells: RTETableCellBlock[];
   /**
    * Specifies the target table element for the table setting.
    *
-   * @vegaVersion 2.74.0-RTE-table-preview
+   * @vegaVersion 2.75.0-RTE-table-preview
    */
   target: HTMLElement;
   /**
-   * @vegaVersion 2.74.0-RTE-table-preview
+   * @vegaVersion 2.75.0-RTE-table-preview
    */
   vegaClick: EventEmitter<Array<string>>;
   connectedCallback(): void;

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

@@ -414,8 +414,3 @@ export type RTETablePropertiesType = {
 	verticalAlign?: 'top' | 'middle' | 'bottom';
 	padding?: string;
 };
-
-export type RTETableColorSchema = {
-	dark: string;
-	light: string;
-};

package/dist/types/components/vega-rich-text-editor/test/extensions/table/annotation-handler/table-cell-annotation-handler.test.d.ts

@@ -1 +1,8 @@
-export {};
+/**
+ * Helper function to set border shorthand property in jsdom.
+ * jsdom doesn't automatically decompose shorthand properties like real browsers do.
+ *
+ * @param {HTMLElement} element - Element to set border on.
+ * @param {string} border - Border shorthand value (e.g., 'dashed 2px black').
+ */
+export declare function setBorder(element: HTMLElement, border: string): void;

package/dist/types/components/vega-rich-text-editor/test/extensions/table/table-color-annotation.test.d.ts

@@ -0,0 +1 @@
+export {};

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,7 +51,7 @@ 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 { RTETableColorSchema, RTETablePropertiesType, TableCellStylePropertiesMap, 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";
@@ -1510,7 +1510,7 @@ export namespace Components {
         "search": (input: string) => Promise<void>;
         /**
           * Specifies the no search results text for the dropdown.
-          * @vegaVersion 2.74.0-RTE-table-preview
+          * @vegaVersion 2.74.0
          */
         "searchNoResultsText": string;
         /**
@@ -1560,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'.
@@ -2058,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
@@ -2138,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
@@ -3410,20 +3425,20 @@ export namespace Components {
     }
     interface VegaRichTextTableProperties {
         /**
-          * @vegaVersion 2.74.0-RTE-table-preview
+          * @vegaVersion 2.75.0-RTE-table-preview
          */
-        "colors": RTETableColorSchema[];
+        "colors": VegaRTEColorSchema[];
         /**
-          * @vegaVersion 2.74.0-RTE-table-preview
+          * @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.74.0-RTE-table-preview
+          * @vegaVersion 2.75.0-RTE-table-preview
          */
         "styleMap": TableCellStylePropertiesMap;
         /**
-          * @vegaVersion 2.74.0-RTE-table-preview
+          * @vegaVersion 2.75.0-RTE-table-preview
          */
         "type": 'TABLE' | 'CELL';
     }
@@ -3432,17 +3447,17 @@ export namespace Components {
     interface VegaRichTextTableSetting {
         /**
           * Indicates whether the current table already has a caption.
-          * @vegaVersion 2.74.0-RTE-table-preview
+          * @vegaVersion 2.75.0-RTE-table-preview
          */
         "hasCaption"?: boolean;
         /**
           * The selected cells in the table.
-          * @vegaVersion 2.74.0-RTE-table-preview
+          * @vegaVersion 2.75.0-RTE-table-preview
          */
         "selectedCells": RTETableCellBlock[];
         /**
           * Specifies the target table element for the table setting.
-          * @vegaVersion 2.74.0-RTE-table-preview
+          * @vegaVersion 2.75.0-RTE-table-preview
          */
         "target": HTMLElement;
     }
@@ -7442,7 +7457,7 @@ declare namespace LocalJSX {
         "resettable"?: boolean;
         /**
           * Specifies the no search results text for the dropdown.
-          * @vegaVersion 2.74.0-RTE-table-preview
+          * @vegaVersion 2.74.0
          */
         "searchNoResultsText"?: string;
         /**
@@ -7481,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'.
@@ -8162,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
@@ -8188,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
@@ -8218,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
@@ -9786,60 +9828,60 @@ declare namespace LocalJSX {
     }
     interface VegaRichTextTableProperties {
         /**
-          * @vegaVersion 2.74.0-RTE-table-preview
+          * @vegaVersion 2.75.0-RTE-table-preview
          */
-        "colors"?: RTETableColorSchema[];
+        "colors"?: VegaRTEColorSchema[];
         /**
-          * @vegaVersion 2.74.0-RTE-table-preview
+          * @vegaVersion 2.75.0-RTE-table-preview
          */
         "defaultValue"?: RTETablePropertiesType;
         /**
-          * @vegaVersion 2.74.0-RTE-table-preview
+          * @vegaVersion 2.75.0-RTE-table-preview
          */
         "onVegaCancel"?: (event: VegaRichTextTablePropertiesCustomEvent<RTETablePropertiesType>) => void;
         /**
-          * @vegaVersion 2.74.0-RTE-table-preview
+          * @vegaVersion 2.75.0-RTE-table-preview
          */
         "onVegaChange"?: (event: VegaRichTextTablePropertiesCustomEvent<RTETablePropertiesType>) => void;
         /**
-          * @vegaVersion 2.74.0-RTE-table-preview
+          * @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.74.0-RTE-table-preview
+          * @vegaVersion 2.75.0-RTE-table-preview
          */
         "styleMap"?: TableCellStylePropertiesMap;
         /**
-          * @vegaVersion 2.74.0-RTE-table-preview
+          * @vegaVersion 2.75.0-RTE-table-preview
          */
         "type"?: 'TABLE' | 'CELL';
     }
     interface VegaRichTextTableSelectionWidget {
         /**
           * An event emitter notifying a delete action on the widget.
-          * @vegaVersion 2.74.0-RTE-table-preview
+          * @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.74.0-RTE-table-preview
+          * @vegaVersion 2.75.0-RTE-table-preview
          */
         "hasCaption"?: boolean;
         /**
-          * @vegaVersion 2.74.0-RTE-table-preview
+          * @vegaVersion 2.75.0-RTE-table-preview
          */
         "onVegaClick"?: (event: VegaRichTextTableSettingCustomEvent<Array<string>>) => void;
         /**
           * The selected cells in the table.
-          * @vegaVersion 2.74.0-RTE-table-preview
+          * @vegaVersion 2.75.0-RTE-table-preview
          */
         "selectedCells"?: RTETableCellBlock[];
         /**
           * Specifies the target table element for the table setting.
-          * @vegaVersion 2.74.0-RTE-table-preview
+          * @vegaVersion 2.75.0-RTE-table-preview
          */
         "target"?: HTMLElement;
     }

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/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;
+}