@heartlandone/vega 2.78.0 → 2.79.0

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/event-manager/event-id/vega-internal-event-id.d.ts

@@ -66,3 +66,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/test/responsive-map-formatter/responsive-grid-justify-items-formatter.test.d.ts

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

package/dist/types/helpers/slimmers/aria-dialog-focusable-trap-slimmer.d.ts

@@ -0,0 +1,93 @@
+import { VegaSlimmer } from '../../vega-slimmer/vega-slimmer-core';
+import { Nullable } from '../../types/general';
+export declare type AriaDialogFocusableEntry = {
+  /**
+   * The trigger element is the element that, when interacted with (e.g., clicked), causes the dialog to be shown.
+   */
+  triggerEl: () => Nullable<HTMLElement>;
+  /**
+   * The dialog element is the element that represents the dialog content that is shown or hidden.
+   */
+  dialogEl: () => HTMLElement;
+};
+/**
+ * The `AriaDialogFocusableTrapSlimmer` class is designed to manage focus behavior for dialog elements appended to the DOM, particularly in scenarios where screen readers like VoiceOver are used.
+ * It detects when a click event is likely triggered by VoiceOver and ensures that focus is appropriately set to the first focusable element
+ * within the dialog content when it is shown, and returns focus to the triggering element when the dialog is hidden.
+ * This helps maintain a logical focus order and improves accessibility for keyboard users and screen reader users.
+ */
+export declare class AriaDialogFocusableTrapSlimmer extends VegaSlimmer {
+  private entry;
+  private isVoiceOverClick;
+  private focusTriggerElement;
+  private focusDialogTaskQueue;
+  /**
+   * Ensures that the event listener for click events is set up when the component is connected to the DOM. This is important for cases where the component might be added to the DOM after it has been initialized, ensuring that the click events are properly handled to manage focus behavior for dialog elements.
+   */
+  connectedCallback(): void;
+  /**
+   * Removes the event listener for click events from the trigger element or the window when the component is disconnected from the DOM.
+   */
+  disconnectedCallback(): void;
+  /**
+   * Sets up the event listener for click events on the trigger element or the window after the component has loaded.
+   */
+  componentDidLoad(): void;
+  /**
+   * Ensures that any pending focus actions are executed after the component has rendered.
+   */
+  componentDidRender(): Promise<void>;
+  constructor(entry: AriaDialogFocusableEntry);
+  /**
+   * When showing the dialog, if the last active element before the click event is detected as a VoiceOver click,
+   *
+   * @param {boolean} isOpen - A boolean indicating whether the dialog should be shown or hidden.
+   * @returns {Promise<void>} A promise that resolves when the focus action is complete.
+   */
+  toggle(isOpen: boolean): Promise<void>;
+  /**
+   * When showing the appended element, if the last active element before the click event is detected as a VoiceOver click,
+   *   it will attempt to focus the first focusable element within the appended element.
+   *
+   * @returns {Promise<void>} A promise that resolves when the focus action is complete.
+   */
+  show(): Promise<void>;
+  /**
+   * When hiding the appended element, if the last active element before the click event is detected as a VoiceOver click,
+   *    it will attempt to focus back on the element that triggered the show action.
+   *
+   * @returns {Promise<void>} A promise that resolves when the focus action is complete.
+   */
+  hide(): Promise<void>;
+  /**
+   * Sets up the event listener for click events on the trigger element or the window.
+   */
+  private eventListenerHandler;
+  /**
+   * Removes the event listener for click events from the trigger element or the window.
+   */
+  private eventListenerRemover;
+  /**
+   * Handles the click event and determines if it is likely triggered by VoiceOver.
+   *  If it is a VoiceOver click, it sets the `isVoiceOverClick` flag to true and stores the currently focused element as the trigger element.
+   * 	If it is not a VoiceOver click, it resets the `focusTriggerElement` to null.
+   *
+   * @param {MouseEvent} e - The click event object that is passed to the event handler.
+   */
+  private handleClickEvent;
+  /**
+   * Recursively searches for the first focusable element within the given container, including its shadow DOM descendants.
+   * 	If the container itself is focusable, it will be returned.
+   *
+   * @param {HTMLElement | ShadowRoot} container - The container to search within.
+   * @returns {Nullable<HTMLElement>} The first focusable element found, or null if none exists.
+   */
+  private getFirstFocusableElement;
+  /**
+   * It returns the first focusable element in the modal container, or the modal container itself if it is focusable.
+   *
+   * @param {HTMLElement} element - The element to check for focusable and to search within if it is not focusable.
+   * @returns {boolean} True if the element is focusable, false otherwise.
+   */
+  private isFocusableElement;
+}

package/dist/types/helpers/slimmers/element-appender/body-positioned-wrapper/test/vega-popover-wrapper.test.d.ts

@@ -0,0 +1 @@
+import '../../../../../polyfill/test-polyfill/unit/index';

package/dist/types/helpers/slimmers/test/aria-dialog-focusable-trap-slimmer.test.d.ts

@@ -0,0 +1 @@
+import '../../../polyfill/test-polyfill/unit/index';

package/dist/types/helpers/translation/interface.d.ts

@@ -184,4 +184,6 @@ export type StaticTranslationKey =
 	| 'Saturday'
 	| 'am'
 	| 'pm'
-	| '{0} Selected';
+	| '{0} Selected'
+	| 'Close event preview detail'
+	| 'More actions';

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

@@ -17,6 +17,7 @@ export {
 	FlexWrapType,
 	GapType,
 	GridColumnsType,
+	GridJustifyItemsType,
 	GridRowsType,
 	HeightType,
 	IconAlignType,
@@ -192,7 +193,10 @@ export {
 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';
@@ -205,6 +209,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

@@ -109,6 +109,13 @@ export declare const isGridColumnsType: (input: unknown) => input is 2 | 4 | 8 |
  * @returns {boolean} indicating if the input is {@link GridRowsType}
  */
 export declare const isGridRowsType: (input: unknown) => input is 2 | 4 | 8 | 12 | 9 | 3 | 6 | 5 | 1 | 7 | 10 | 11 | "1-auto" | "2-auto" | "3-auto" | "4-auto" | "5-auto" | "6-auto" | "7-auto" | "8-auto" | "9-auto" | "10-auto" | "11-auto" | "12-auto";
+/**
+ * Checks if the input is a valid GridJustifyItemsType value.
+ *
+ * @param {unknown} input - The input to test.
+ * @returns {boolean} indicating if the input is {@link GridJustifyItemsType}
+ */
+export declare const isGridJustifyItemsType: (input: unknown) => input is "start" | "center" | "end" | "stretch";
 /**
  * If the input is a string, and that string is a key in the Breakpoints object, then the input is a GridRowType.
  *

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

@@ -1,6 +1,6 @@
 import { BorderRadiusTokenType, BreakpointsTokenType, BackgroundColorsTokenType, BorderColorsTokenType, BordersTokenType, ShadowsTokenType, SpacingTokenType, TypographyTokenType } from './design-token.type';
 import { Breakpoints } from '../constants/tokens/breakpoints';
-import { Placements, FlexDirections, Alignments, BoxDisplay, VegaNativeEventName, CssStates } from '../constants/ui';
+import { Placements, FlexDirections, Alignments, GridJustifyItems, BoxDisplay, VegaNativeEventName, CssStates } from '../constants/ui';
 import { HTMLStencilElement } from '../stencil-public-runtime';
 import { GridColumns, GridRows } from '../constants/tokens/tailwind.extend';
 import { JSX as LocalJSX } from '../components';
@@ -97,6 +97,10 @@ export interface ManagedResponsiveScopeInput {
    * Grid row span value.
    */
   gridRow: GridRowsType;
+  /**
+   * Grid justify-items configuration.
+   */
+  gridJustifyItems: GridJustifyItemsType;
   /**
    * Size dimension value.
    */
@@ -182,6 +186,10 @@ export interface ManagedResponsiveScopeOutput {
    * Computed grid-row CSS value.
    */
   gridRow: string;
+  /**
+   * Computed justify-items CSS value.
+   */
+  gridJustifyItems: string;
   /**
    * Computed size value (numeric or string).
    */
@@ -295,6 +303,10 @@ export declare type GridColumnsType = typeof GridColumns[number];
  * Grid row count values from tailwind extension.
  */
 export declare type GridRowsType = typeof GridRows[number];
+/**
+ * Grid justify-items options.
+ */
+export declare type GridJustifyItemsType = typeof GridJustifyItems[number];
 /**
  * Flex container direction values.
  */

package/dist/types/utils/e2e-utils.d.ts

@@ -98,6 +98,7 @@ export declare const getScreenshotDiffResults: (page: E2EPage, desc: string, sel
  * @param {InjectFeatureFlagsConfig} config.featureFlags -inject feature flags.
  * @param {string} config.timezone -sets the browser timezone (defaults to 'Asia/Shanghai' for consistent behavior across environments).
  * @param {boolean} config.isMobile - whether to set the viewport to a mobile device size (defaults to false).
+ * @param {boolean} config.initSuggestionsDropdown - whether to inject the vega-input suggestionsDropdownSource initializer (defaults to true).
  */
 export declare const initVegaE2EPage: (content: string, config?: {
   wrapped?: boolean;
@@ -107,6 +108,7 @@ export declare const initVegaE2EPage: (content: string, config?: {
   featureFlags?: InjectFeatureFlagsConfig;
   timezone?: string;
   isMobile?: boolean;
+  initSuggestionsDropdown?: boolean;
 }) => Promise<E2EPage>;
 /**
  * NOTE: This method is only for **E2E** test cases.
@@ -147,4 +149,12 @@ export declare const getComputedStyle: (page: E2EPage, handler: ElementHandle<El
  * @returns {Promise<void>} -
  */
 export declare const injectE2EFontAwesomeLib: (page: E2EPage) => Promise<void>;
+/**
+ * NOTE: This method is only for **E2E** test cases.
+ * When you want to click an element nested in multiple level shadowRoot but the element is not clickable by normal click method, you can use this method to click the element by clicking the area off center of the element.
+ *
+ * @param {E2EPage} page - E2EPage
+ * @param {string} selector - the element you want to click, it can be a nested selector with >>> to separate each level of shadow DOM, for example: vega-progress-tracker >>> vega-carousel >>> .carousel-inner
+ */
+export declare const clickOffCenter: (page: E2EPage, selector: string) => Promise<void>;
 export {};

package/dist/types/utils/object.d.ts

@@ -23,6 +23,10 @@ export declare function deepEqual(obj: unknown, compareTo: unknown): boolean;
  *
  * @template T - The type of the input object.
  * @param {T} obj - The object to be cleaned.
- * @returns {Partial<T>} A new object with properties that have non-null and non-undefined values.
+ * @param {{ cleanEmptyString?: boolean }} [options] - Optional settings for cleaning the object.
+ * @param {boolean} [options.cleanEmptyString=false] - If true, also removes properties with empty string values.
+ * @returns {Partial<T>} A new object with properties that have non-null and non-undefined and empty string (optional) values.
  */
-export declare function cleanObject<T extends Record<string, unknown>>(obj: T): Partial<T>;
+export declare function cleanObject<T extends Record<string, unknown>>(obj: T, options?: {
+  cleanEmptyString?: boolean;
+}): Partial<T>;

package/dist/types/utils/spec-utils.d.ts

@@ -37,8 +37,9 @@ export declare const setPropOnMockHTMLElement: (element: MockHTMLElement, proper
  *
  * @param {HTMLElement} element - The element to trigger the event on.
  * @param {string} eventName - The name of the event to trigger.
+ * @param {MouseEventInit} [options] - MouseEventInit - An object that contains properties
  */
-export declare const triggerMouseEvent: (element: HTMLElement | MockHTMLElement, eventName: 'dblclick' | 'mouseup' | 'mousedown' | 'mouseenter' | 'mouseleave' | 'mousemove' | 'mouseout' | 'mouseover') => void;
+export declare const triggerMouseEvent: (element: HTMLElement | MockHTMLElement, eventName: 'dblclick' | 'mouseup' | 'mousedown' | 'mouseenter' | 'mouseleave' | 'mousemove' | 'mouseout' | 'mouseover', options?: MouseEventInit) => void;
 /**
  * NOTE: This method is only for **SPEC** test cases.
  * It swallows unhandled rejections that match a given error message pattern

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

@@ -124,3 +124,12 @@ export declare function getDeepActiveElementInShadow(root?: Document | ShadowRoo
  * @returns {element is HTMLElement} - True if the node is an HTML element, false otherwise.
  */
 export declare function isHTMLElement(element: Node): element is HTMLElement;
+/**
+ * Checks if the click event is likely triggered by VoiceOver by comparing the click coordinates with the center of the clicked element.
+ * VoiceOver clicks typically have coordinates that are very close to the center of the element,
+ *   so if the click is within 1 pixel of the center, we consider it a VoiceOver click.
+ *
+ * @param {MouseEvent} clickEvent - The click event to check.
+ * @returns {boolean} True if the click is likely a VoiceOver click, false otherwise.
+ */
+export declare function checkIsVoiceOverClick(clickEvent: MouseEvent): boolean;

package/dist/vega/index.esm.js

@@ -1 +1 @@
-export{g as getCurrentBreakpoint}from"./p-e6f0097f.js";export{L as LogUtility,s as setVegaLogLevel}from"./p-6e1ab235.js";export{d as formatAndValidBackgroundColor,e as formatAndValidBorderColor,g as formatAndValidBorderRadius,c as formatAndValidBreakpointSize,a as formatAndValidGap,h as formatAndValidPadding,f as formatAndValidResponsiveToken,b as formatAndValidShadow,i as formatAndValidTextColor}from"./p-abb81b7b.js";export{c as camelToDashCase}from"./p-02841589.js";export{d as BackgroundColorMap,a as BackgroundColors,e as BorderColorMap,b as BorderColors,B as BorderRadius,C as Colors,F as FillBackgroundColors,g as ShadowMap,f as Shadows,h as Spacing,S as StrokeBackgroundColors,c as TextColorMap,T as TextColors}from"./p-9f467a59.js";export{B as Breakpoints}from"./p-ed45b3b6.js";export{I as Icons,g as getIconFromToken}from"./p-16493e5b.js";export{b as Typography,a as TypographyKeys,T as TypographyUrls}from"./p-d884c644.js";export{d as BoxDisplay,e as BreakpointKeys,C as CssStates,F as FlexDirections}from"./p-1e015382.js";export{F as FrameworkEnum,v as VegaEnvManager}from"./p-5f377954.js";export{A as ActionHandlerInterceptor,I as InsertNodeToNearestRootAction,o as RTELanguageToolbarButtonRenderer,m as RTETokenNode,n as RTETokenNodeRenderer,R as RTETokenToolbarButtonRenderer,c as VegaEventManager,V as VegaLoader,a as VegaNotify,j as VegaRTEExtension,k as VegaRTEExtensionRenderer,i as VegaRTEFunctionExtension,h as VegaRTELanguageExtension,g as VegaRTETokenExtension,l as VegaRTEToolbarButtonRenderer,e as VegaSkeletonLoader,b as VegaThemeManager,f as VegaTranslation,d as VegaZIndexManager,w as waitForVega}from"./p-b901d624.js";export{F as FeatureFlag}from"./p-18e8d9b7.js";export{V as VegaDialog}from"./p-c801c85d.js";export{B as VegaJQueryDelegatedEventStrategy}from"./p-9493d87a.js";export{V as VegaIconManager}from"./p-e6adf829.js";export{V as ValidCreditCardNumberRule}from"./p-d42dbe39.js";import"./p-6c170474.js";export{s as VegaTranslationResourceEN}from"./p-fb40a829.js";export{s as setVegaNonce}from"./p-4866e390.js";export{f as ActionHandleStrategy,g as AppendChildrenAction,Q as CodeLanguage,C as CustomAttributeAnnotation,w as CustomClassAnnotation,v as CustomStyleAnnotation,I as InsertChildrenAfterAction,i as InsertChildrenBeforeAction,M as ModifyContentAction,k as ModifyContentActionType,e as RTEAnnotationStyle,c as RTEBlock,z as RTEDecoratorNode,h as RTENode,d as RTETextBlock,b as RTETextNode,r as RemoveChildrenAction,V as VegaRTEPresetToolbarItems}from"./p-7ade785e.js";export{B as BlockToRTEBlockStrategyAbstract,b as ElementToDTOStrategy,I as InsertNewParagraphAction,c as RTEImageBlock,f as RTEImageNode,e as RTEListBlock,d as RTEListItemBlock,U as UpdateCursorPositionAction,V as VegaRTEContent,h as htmlElementToAnnotationGenerator}from"./p-7db5e003.js";export{G as GridColumns,a as GridRows}from"./p-4079e932.js";export{C as CheckBoxRequiredRule}from"./p-590fd123.js";export{D as DateRequiredRule}from"./p-5ed5aa26.js";export{I as InputPhoneNumberRequiredRule}from"./p-07c2725a.js";export{I as InputRangeRequiredRule}from"./p-f396c69a.js";export{R as RequiredFieldRule}from"./p-280cbcdb.js";export{R as RichTextEditorRequiredRule}from"./p-5ba34330.js";export{T as TimeRangeRequiredRule,a as TimeRequiredRule}from"./p-a957e15f.js";export{T as ToggleSwitchRequiredRule}from"./p-7c0b4c36.js";export{F as FileUploaderRequiredRule}from"./p-0bb860cc.js";export{R as RTERange}from"./p-9c713bc0.js";import"./p-8b5d3a52.js";import"./p-593e0f80.js";import"./p-6a334573.js";import"./p-781fd6e0.js";import"./p-262ec334.js";import"./p-7db918f4.js";import"./p-b75ee3ba.js";import"./p-8ac2d165.js";import"./p-a528714c.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-f0e828d8.js";import"./p-a7b5f497.js";import"./p-e1fbfd20.js";import"./p-31ac7386.js";import"./p-5f81beae.js";import"./p-bf19682d.js";import"./p-5a25014f.js";import"./p-abd7aeaa.js";import"./p-95d1b547.js";import"./p-0c667d6a.js";import"./p-d27ae9ff.js";const t=["ring-input-focus","dark-ring-input-focus","ring-input-danger-focus","dark-ring-input-danger-focus","ring-action-focus","dark-ring-action-focus","ring-action-danger-focus","dark-ring-action-danger-focus"];export{t as Rings}
+export{g as getCurrentBreakpoint}from"./p-49a2e141.js";export{L as LogUtility,s as setVegaLogLevel}from"./p-6e1ab235.js";export{d as formatAndValidBackgroundColor,e as formatAndValidBorderColor,g as formatAndValidBorderRadius,c as formatAndValidBreakpointSize,a as formatAndValidGap,h as formatAndValidPadding,f as formatAndValidResponsiveToken,b as formatAndValidShadow,i as formatAndValidTextColor}from"./p-405ab757.js";export{c as camelToDashCase}from"./p-02841589.js";export{d as BackgroundColorMap,a as BackgroundColors,e as BorderColorMap,b as BorderColors,B as BorderRadius,C as Colors,F as FillBackgroundColors,g as ShadowMap,f as Shadows,h as Spacing,S as StrokeBackgroundColors,c as TextColorMap,T as TextColors}from"./p-6d6ea8b4.js";export{B as Breakpoints}from"./p-ed45b3b6.js";export{I as Icons,g as getIconFromToken}from"./p-16493e5b.js";export{b as Typography,a as TypographyKeys,T as TypographyUrls}from"./p-d884c644.js";export{d as BoxDisplay,e as BreakpointKeys,C as CssStates,F as FlexDirections}from"./p-d4ea8e22.js";export{F as FrameworkEnum,v as VegaEnvManager}from"./p-5f377954.js";export{A as ActionHandlerInterceptor,I as InsertNodeToNearestRootAction,o as RTELanguageToolbarButtonRenderer,m as RTETokenNode,n as RTETokenNodeRenderer,R as RTETokenToolbarButtonRenderer,b as VegaEventManager,V as VegaLoader,a as VegaNotify,j as VegaRTEExtension,k as VegaRTEExtensionRenderer,h as VegaRTEFunctionExtension,g as VegaRTELanguageExtension,i as VegaRTETableExtension,f as VegaRTETokenExtension,l as VegaRTEToolbarButtonRenderer,d as VegaSkeletonLoader,e as VegaTranslation,c as VegaZIndexManager,w as waitForVega}from"./p-5b90bbfe.js";export{F as FeatureFlag}from"./p-18e8d9b7.js";export{V as VegaThemeManager}from"./p-7f68abf7.js";export{V as VegaDialog}from"./p-c801c85d.js";export{B as VegaJQueryDelegatedEventStrategy}from"./p-3d2d267d.js";export{V as VegaIconManager}from"./p-e6adf829.js";export{V as ValidCreditCardNumberRule}from"./p-dccda3d1.js";import"./p-d6875e49.js";export{s as VegaTranslationResourceEN}from"./p-82016096.js";export{s as setVegaNonce}from"./p-4866e390.js";export{f as ActionHandleStrategy,g as AppendChildrenAction,W as CodeLanguage,n as CustomAttributeAnnotation,y as CustomClassAnnotation,x as CustomStyleAnnotation,I as InsertChildrenAfterAction,i as InsertChildrenBeforeAction,M as ModifyContentAction,k as ModifyContentActionType,e as RTEAnnotationStyle,c as RTEBlock,E as RTEDecoratorNode,h as RTENode,d as RTETextBlock,b as RTETextNode,m as RemoveChildrenAction,V as VegaRTEPresetToolbarItems}from"./p-2697b52b.js";export{B as BlockToRTEBlockStrategyAbstract,a as ElementToDTOStrategy,I as InsertNewParagraphAction,b as RTEImageBlock,f as RTEImageNode,e as RTEListBlock,d as RTEListItemBlock,U as UpdateCursorPositionAction,V as VegaRTEContent,h as htmlElementToAnnotationGenerator}from"./p-6db0556d.js";export{G as GridColumns,a as GridRows}from"./p-a02f77c7.js";export{C as CheckBoxRequiredRule}from"./p-590fd123.js";export{D as DateRequiredRule}from"./p-76f2e0f5.js";export{I as InputPhoneNumberRequiredRule}from"./p-07c2725a.js";export{I as InputRangeRequiredRule}from"./p-f396c69a.js";export{R as RequiredFieldRule}from"./p-280cbcdb.js";export{R as RichTextEditorRequiredRule}from"./p-b15a2d4b.js";export{T as TimeRangeRequiredRule,a as TimeRequiredRule}from"./p-fc3d6d9d.js";export{T as ToggleSwitchRequiredRule}from"./p-7c0b4c36.js";export{F as FileUploaderRequiredRule}from"./p-0bb860cc.js";export{R as RTERange}from"./p-a2161e9d.js";import"./p-8b5d3a52.js";import"./p-593e0f80.js";import"./p-6a334573.js";import"./p-781fd6e0.js";import"./p-262ec334.js";import"./p-81dd00d0.js";import"./p-b75ee3ba.js";import"./p-fcabf0dc.js";import"./p-a7b5f497.js";import"./p-e1fbfd20.js";import"./p-4068e7de.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-c5eb0fa6.js";import"./p-77e64f26.js";import"./p-6554a801.js";import"./p-8ac2d165.js";import"./p-a528714c.js";import"./p-f0e828d8.js";import"./p-0c667d6a.js";import"./p-a841cf13.js";import"./p-1bc5b3bc.js";import"./p-5a25014f.js";import"./p-abd7aeaa.js";import"./p-d27ae9ff.js";const r=["ring-input-focus","dark-ring-input-focus","ring-input-danger-focus","dark-ring-input-danger-focus","ring-action-focus","dark-ring-action-focus","ring-action-danger-focus","dark-ring-action-danger-focus"];export{r as Rings}