@heartlandone/vega 2.83.0 → 2.85.0

package/dist/types/components/vega-app-header-button/slimmers/renderers/vega-app-header-button-dropdown-renderer.d.ts

@@ -11,6 +11,7 @@ export declare class VegaAppHeaderButtonDropdownRenderer extends VegaSlimmer {
   protected dropdownEventPrevent: VegaAppHeaderButton['dropdownEventPrevent'];
   protected dropdownClickEventEmitter: VegaAppHeaderButton['dropdownClickEventEmitter'];
   protected resetEventEmitter: VegaAppHeaderButton['resetEventEmitter'];
+  protected searchEventEmitter: VegaAppHeaderButton['searchEventEmitter'];
   private dropdownRef;
   private itemsSlotRef;
   private isTemplateMode;
@@ -51,6 +52,13 @@ export declare class VegaAppHeaderButtonDropdownRenderer extends VegaSlimmer {
    * @param {NotifyObserverPayload<string>} input the reset detail
    */
   private triggerResetEvent;
+  /**
+   * emit dropdown search event when component receives a search input from the dropdown,
+   * but only if `useDefaultFilter` is set to `false`.
+   *
+   * @param {NotifyObserverPayload<string>} input the search detail
+   */
+  private triggerSearchEvent;
   /**
    * Shows the dropdown component.
    */

package/dist/types/components/vega-app-header-button/types.d.ts

@@ -24,7 +24,9 @@ export type VegaAppHeaderButtonDropdownConfig = Partial<
 		| 'searchable'
 		| 'itemDisplayRule'
 		| 'selectType'
+		| 'selectedSourceKey'
 		| 'resettable'
+		| 'useDefaultFilter'
 	>
 >;
 

package/dist/types/components/vega-app-header-button/vega-app-header-button.d.ts

@@ -24,6 +24,7 @@ export declare class VegaAppHeaderButton {
   protected clickEventEmitter: EventEmitSlimmerBase;
   protected dropdownClickEventEmitter: EventEmitSlimmerBase;
   protected resetEventEmitter: EventEmitSlimmerBase;
+  protected searchEventEmitter: EventEmitSlimmerBase;
   protected vegaMenuArrowIconRenderer: VegaMenuArrowIconRenderer;
   protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaAppHeaderButtonElement>;
   protected dropdownRenderer: VegaAppHeaderButtonDropdownRenderer;
@@ -146,6 +147,21 @@ export declare class VegaAppHeaderButton {
    * @vegaVersion 2.73.0
    */
   reset: EventEmitter<string>;
+  /**
+   * An event emitter notifying the search event in the dropdown,
+   *    but only if `useDefaultFilter` is set to `false`.
+   *
+   * @vegaVersion 2.84.0
+   */
+  vegaSearch: EventEmitter<string>;
+  /**
+   * An event emitter notifying the search event in the dropdown,
+   *    but only if `useDefaultFilter` is set to `false`.
+   *
+   * @eventSemantics namespace:native
+   * @vegaVersion 2.84.0
+   */
+  dropdownSearch: EventEmitter<string>;
   render(): VegaAppHeaderButton;
   private renderButton;
   private renderButtonLabel;

package/dist/types/components/vega-checkbox/vega-checkbox.d.ts

@@ -53,6 +53,7 @@ export declare class VegaCheckbox {
    * @vegaVersion 1.0.7
    */
   value: string | boolean;
+  watchValueChange(newValue: string | boolean): void;
   /**
    * Specifies whether the checkbox should be pre-checked.
    *

package/dist/types/components/vega-color-swatch/vega-color-swatch-picker/assets/hashtag.d.ts

@@ -0,0 +1,3 @@
+import { IconPayload } from '../../../../helpers/icon/interface';
+declare const _default: IconPayload;
+export default _default;

package/dist/types/components/vega-color-swatch/vega-color-swatch-picker/slimmers/controllers/color-swatch-picker-color-format-controller.d.ts

@@ -0,0 +1,32 @@
+import { VegaSlimmer } from '../../../../../vega-slimmer/vega-slimmer-core';
+import { VegaColorSwatchPicker } from '../../vega-color-swatch-picker';
+import { VegaColorStageType, VegaColorSwatchPickerFormatOption } from '../../types';
+/**
+ * Controller for handling color format in VegaColorSwatchPicker.
+ */
+export declare class ColorSwatchPickerColorFormatController extends VegaSlimmer {
+  static DEFAULT_INPUT_FORMATTER: VegaColorSwatchPickerFormatOption;
+  protected inputFormatter: VegaColorSwatchPicker['inputFormatter'];
+  protected internalColor: VegaColorSwatchPicker['internalColor'];
+  protected colorSwatchPickerValueController: VegaColorSwatchPicker['colorSwatchPickerValueController'];
+  /**
+   * watch the prop, update the internal color when changes.
+   */
+  updateTheColor(): void;
+  /**
+   * Formats a color value based on the specified color stage type.
+   *
+   * @param {VegaColorStageType} colorStageType - The stage of color processing ('input' or 'output').
+   * @param {string} color - The color value to format.
+   * @returns {string} The formatted color value.
+   */
+  formatColor(colorStageType: 'input' | 'output', color: string): string;
+  /**
+   * Handles the formatting of a color value when the inputFormatter is set to 'hexColorFormatter'.
+   *
+   * @param {VegaColorStageType} colorStageType The stage of color processing ('input' or 'output').
+   * @param {string} color The color value to format.
+   * @returns {string} The formatted color value.
+   */
+  handleHexFormat(colorStageType: VegaColorStageType, color: string): string;
+}

package/dist/types/components/vega-color-swatch/vega-color-swatch-picker/slimmers/controllers/color-swatch-picker-value-controller.d.ts

@@ -0,0 +1,31 @@
+import { VegaSlimmer } from '../../../../../vega-slimmer/vega-slimmer-core';
+import { VegaColorSwatchPicker } from '../../vega-color-swatch-picker';
+/**
+ * Controller for managing the value state of the color swatch picker.
+ */
+export declare class ColorSwatchPickerValueController extends VegaSlimmer {
+  protected host: VegaColorSwatchPicker['host'];
+  protected value: VegaColorSwatchPicker['value'];
+  protected internalColor: VegaColorSwatchPicker['internalColor'];
+  protected changeEventEmitter: VegaColorSwatchPicker['changeEventEmitter'];
+  /**
+   * Update the value of the color swatch picker.
+   *
+   * @param {string} newValue - The new color value to set.
+   */
+  updateValue(newValue: string): void;
+  /**
+   * Update the internal color state of the color swatch picker.
+   *
+   * @param {string} newValue - The new internal color value to set.
+   */
+  updateInternalColor(newValue: string): void;
+  /**
+   * Initializes the `internalColor` state with the initial value of the `value` prop when the component loads.
+   */
+  protected initializeInternalColor(): void;
+  /**
+   * Listens to changes in the `value` prop and updates the `internalColor` state accordingly.
+   */
+  protected listenToValueChange(): void;
+}

package/dist/types/components/vega-color-swatch/vega-color-swatch-picker/slimmers/renderers/color-swatch-grid-renderer.d.ts

@@ -0,0 +1,26 @@
+import { VegaSlimmer } from '../../../../../vega-slimmer/vega-slimmer-core';
+import { VegaColorSwatchPicker } from '../../vega-color-swatch-picker';
+/**
+ * Renderer for the color swatch list in the color swatch picker popover.
+ */
+export declare class ColorSwatchGridRenderer extends VegaSlimmer {
+  protected colors: VegaColorSwatchPicker['colors'];
+  protected internalColor: VegaColorSwatchPicker['internalColor'];
+  protected swatchGridColumns: VegaColorSwatchPicker['swatchGridColumns'];
+  protected colorSwatchPickerValueController: VegaColorSwatchPicker['colorSwatchPickerValueController'];
+  render(): HTMLElement;
+  /**
+   * Handle for adding click listener to each color swatch in the grid.
+   *
+   * @param {HTMLVegaColorSwatchElement} el - The color swatch element.
+   */
+  private handleColorSwatchClick;
+  /**
+   * Checks if two colors match, ignoring case.
+   *
+   * @param {Nullable<string>} color1 - The first color to compare.
+   * @param {Nullable<string>} color2 - The second color to compare.
+   * @returns {boolean} True if the colors match, false otherwise.
+   */
+  private isColorMatched;
+}

package/dist/types/components/vega-color-swatch/vega-color-swatch-picker/slimmers/renderers/color-swatch-input-renderer.d.ts

@@ -0,0 +1,25 @@
+import { VegaSlimmer } from '../../../../../vega-slimmer/vega-slimmer-core';
+import { VegaColorSwatchPicker } from '../../vega-color-swatch-picker';
+import { Nullable } from '../../../../../types/general';
+/**
+ * Renderer for the custom color input in the color swatch picker popover.
+ */
+export declare class ColorSwatchInputRenderer extends VegaSlimmer {
+  static DEFAULT_INPUT_ICON: string;
+  protected internalColor: VegaColorSwatchPicker['internalColor'];
+  protected showInput: VegaColorSwatchPicker['showInput'];
+  protected inputPlaceholder: VegaColorSwatchPicker['inputPlaceholder'];
+  protected inputPrefixIcon: VegaColorSwatchPicker['inputPrefixIcon'];
+  protected colorSwatchPickerValueController: VegaColorSwatchPicker['colorSwatchPickerValueController'];
+  protected colorSwatchPickerColorFormatController: VegaColorSwatchPicker['colorSwatchPickerColorFormatController'];
+  protected translationSlimmer: VegaColorSwatchPicker['translationSlimmer'];
+  render(): Nullable<HTMLElement>;
+  private handleInputEvent;
+  /**
+   * A simple validation function to check if the provided value is a valid CSS color. It's used to reduce unnecessary updates to the color swatch when the user is typing in the custom color input.
+   *
+   * @param {string} value The value to validate.
+   * @returns {boolean} True if the value is a valid CSS color, false otherwise.
+   */
+  private isValidColor;
+}

package/dist/types/components/vega-color-swatch/vega-color-swatch-picker/slimmers/renderers/color-swatch-picker-renderer.d.ts

@@ -0,0 +1,52 @@
+import { VegaSlimmer } from '../../../../../vega-slimmer/vega-slimmer-core';
+import { VegaColorSwatchPicker } from '../../vega-color-swatch-picker';
+export declare class ColorSwatchPickerRenderer extends VegaSlimmer {
+  protected host: VegaColorSwatchPicker['host'];
+  protected value: VegaColorSwatchPicker['value'];
+  protected internalColor: VegaColorSwatchPicker['internalColor'];
+  protected label: VegaColorSwatchPicker['label'];
+  protected required: VegaColorSwatchPicker['required'];
+  protected isPopoverOpen: VegaColorSwatchPicker['isPopoverOpen'];
+  protected disabled: VegaColorSwatchPicker['disabled'];
+  protected showClearButton: VegaColorSwatchPicker['showClearButton'];
+  protected colorSwatchGridRenderer: VegaColorSwatchPicker['colorSwatchGridRenderer'];
+  protected colorSwatchInputRenderer: VegaColorSwatchPicker['colorSwatchInputRenderer'];
+  protected colorSwatchPickerValueController: VegaColorSwatchPicker['colorSwatchPickerValueController'];
+  protected translationSlimmer: VegaColorSwatchPicker['translationSlimmer'];
+  protected leftSlotProjection: VegaColorSwatchPicker['leftSlotProjection'];
+  private containerRef;
+  private popoverRef;
+  private leftContainerRef;
+  /**
+   * Hides the color swatch picker popover.
+   */
+  hidePopover(): void;
+  /**
+   * Gets the reference to the container element of the color swatch picker, which can be used for positioning the popover or other related functionalities.
+   *
+   * @returns {HTMLDivElement} The container element of the color swatch picker.
+   */
+  getContainerRef(): HTMLDivElement;
+  /**
+   * Gets the reference to the left container element inside the popover.
+   *
+   * @returns {HTMLDivElement} The left container element.
+   */
+  getLeftContainerRef(): HTMLDivElement;
+  render(): HTMLElement;
+  private renderButtonGroup;
+  /**
+   * Synchronizes the internal color state with the value prop each time the popover is shown, ensuring that the color swatch grid and input reflect the current value when opened.
+   */
+  private handlePopoverShow;
+  /**
+   * Updates the aria-expanded attribute of the color swatch to false when the popover is hidden.
+   */
+  private handlePopoverHide;
+  /**
+   * Clear or apply button click handler.
+   *
+   * @param {HTMLVegaButtonLinkElement} btn - The button element that was clicked.
+   */
+  private registerButtonClickHandler;
+}

package/dist/types/components/vega-color-swatch/vega-color-swatch-picker/types.d.ts

@@ -0,0 +1,17 @@
+export type VegaColorStageType = 'input' | 'output';
+
+/**
+ * Format input value for display in the input field and format output value for emitting in the change event, allowing for different formatting logic if needed.
+ *
+ * @param {VegaColorStageType} colorStageType - Indicates the stage of color processing, either 'input' for formatting the value for display in the input field or 'output' for formatting the value before emitting it in the change event.
+ * @param {string} color - The color value to be formatted.
+ * @returns {string} The formatted color value.
+ */
+export type VegaColorFormatter = (colorStageType: VegaColorStageType, color: string) => string;
+
+/**
+ * Predefined color format options or a custom color formatter function.
+ * - 'hexColorFormatter': Auto add # prefix when outputting the color value and remove it when inputting the color value.
+ * - VegaColorFormatter: A custom function that formats the color value based on the specified logic for input and output stages.
+ */
+export type VegaColorSwatchPickerFormatOption = 'hexColorFormatter' | VegaColorFormatter;

package/dist/types/components/vega-color-swatch/vega-color-swatch-picker/vega-color-swatch-picker.d.ts

@@ -0,0 +1,155 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
+import { FormFieldValidationRule } from '../../../helpers/validator/rules/form-field-validation-rule';
+import { GlobalSlimmers } from '../../../vega-slimmer/vega-slimmer-core';
+import { FormFieldControllerSlimmer } from '../../../helpers/slimmers/form-field-controller-slimmer';
+import { ColorSwatchPickerRenderer } from './slimmers/renderers/color-swatch-picker-renderer';
+import { EventEmitSlimmerBase } from '../../../helpers/event-manager/slimmers/event-emit-slimmer';
+import { ColorSwatchGridRenderer } from './slimmers/renderers/color-swatch-grid-renderer';
+import { GridColumnsType } from '../../../types/ui.type';
+import { ColorSwatchInputRenderer } from './slimmers/renderers/color-swatch-input-renderer';
+import { ColorSwatchPickerValueController } from './slimmers/controllers/color-swatch-picker-value-controller';
+import { TranslationSlimmer } from '../../../helpers/slimmers/translation';
+import { VegaColorSwatchPickerFormatOption } from './types';
+import { ColorSwatchPickerColorFormatController } from './slimmers/controllers/color-swatch-picker-color-format-controller';
+import { ChildNodesEventPreventSlimmer } from '../../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
+import { PopoverNestedSlotProjectionSlimmer } from '../../../helpers/slimmers/popover-nested-slot-projection-slimmer';
+/**
+ * A color swatch picker component.
+ *
+ * @vegaVersion 2.84.0
+ *
+ * @slot swatch-picker-left - Custom content rendered on the left side of the picker popover. When provided, the popover switches to a two-column layout with a vertical divider.
+ */
+export declare class VegaColorSwatchPicker {
+  protected readonly globalSlimmers: GlobalSlimmers;
+  protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaColorSwatchPickerElement>;
+  protected readonly formFieldController: FormFieldControllerSlimmer<string>;
+  protected translationSlimmer: TranslationSlimmer<HTMLVegaColorSwatchPickerElement>;
+  protected leftSlotProjection: PopoverNestedSlotProjectionSlimmer;
+  protected colorSwatchPickerRenderer: ColorSwatchPickerRenderer;
+  protected colorSwatchGridRenderer: ColorSwatchGridRenderer;
+  protected colorSwatchInputRenderer: ColorSwatchInputRenderer;
+  protected colorSwatchPickerValueController: ColorSwatchPickerValueController;
+  protected colorSwatchPickerColorFormatController: ColorSwatchPickerColorFormatController;
+  protected childNodeEventPreventSlimmer: ChildNodesEventPreventSlimmer;
+  protected changeEventEmitter: EventEmitSlimmerBase;
+  host: HTMLVegaColorSwatchPickerElement;
+  internalColor: string;
+  isPopoverOpen: boolean;
+  /**
+   * Specifies the currently selected color value.
+   *
+   * @vegaVersion 2.84.0
+   */
+  value: string;
+  watchValue(): void;
+  /**
+   * Specifies the label or title for the color swatch picker.
+   *   It provides descriptive text that helps identify the purpose
+   *   or content expected in the color swatch picker.
+   *
+   * @vegaVersion 2.84.0
+   */
+  label: string;
+  /**
+   * Specifies whether the color swatch picker is disabled.
+   *
+   * @vegaVersion 2.84.0
+   */
+  disabled: boolean;
+  watchDisabled(): void;
+  /**
+   * Specifies whether a color value must be selected for the color swatch picker to pass form validation.
+   *
+   * @vegaVersion 2.84.0
+   */
+  required: boolean;
+  /**
+   * Specifies the validation status of the color swatch picker.
+   *
+   * @vegaVersion 2.84.0
+   */
+  isValid: boolean | null;
+  /**
+   * Determines whether automatic validation should be implemented for the color swatch picker.
+   *
+   * @vegaVersion 2.84.0
+   */
+  autoValidation: boolean;
+  /**
+   * Specifies custom validation rules for the color swatch picker.
+   *
+   * @vegaVersion 2.84.0
+   */
+  validationRules: FormFieldValidationRule<string>[];
+  watchValidationRules(): void;
+  /**
+   * Specifies the available color options for the color swatch picker.
+   *
+   * @vegaVersion 2.84.0
+   */
+  colors: string[];
+  /**
+   * Specifies the number or configuration of columns in the color
+   *   swatch picker grid layout within the popover.
+   *
+   * @vegaVersion 2.84.0
+   */
+  swatchGridColumns: GridColumnsType;
+  /**
+   * Determines whether the custom color input is shown in the color swatch picker popover.
+   *
+   * @vegaVersion 2.84.0
+   */
+  showInput: boolean;
+  /**
+   * Specifies a placeholder string that displays as a temporary hint
+   *   or example inside the color swatch picker.
+   * It indicates the expected format or pattern of the picker.
+   *
+   * @vegaVersion 2.84.0
+   */
+  inputPlaceholder: string;
+  /**
+   * The icon for the custom color input in the color swatch picker popover.
+   * Specifies the icon displayed in the custom color input field
+   *   within the color swatch picker popover.
+   *
+   * @vegaVersion 2.84.0
+   * @defaultValue hexColorIcon
+   */
+  inputPrefixIcon: string;
+  /**
+   * Determines whether the clear button is shown in the color swatch picker popover.
+   *
+   * @vegaVersion 2.84.0
+   */
+  showClearButton: boolean;
+  /**
+   * Specifies the formatting method for color values in the color swatch picker.
+   * It can be set to a predefined format (`hexColorFormatter`) or a custom
+   *   formatter function. The `hexColorFormatter` automatically adds a # prefix on output and removes it on input. A custom formatter function
+   *   allows more complex formatting logic based on the processing stage (input or output).
+   * Applies only when `showInput` is set to `true`.
+   *
+   * @vegaVersion 2.84.0
+   * @defaultValue hexColorFormatter
+   */
+  inputFormatter: VegaColorSwatchPickerFormatOption;
+  watchInputFormatter(): void;
+  /**
+   * An event emitter notifying the change of the selected color value.
+   *
+   * @vegaVersion 2.84.0
+   */
+  vegaChange: EventEmitter<string>;
+  /**
+   * An event emitter notifying the change of the selected color value.
+   *
+   * @eventSemantics namespace:native
+   * @vegaVersion 2.84.0
+   */
+  change: EventEmitter<string>;
+  render(): VegaColorSwatchPicker;
+}

package/dist/types/components/vega-color-swatch/vega-color-swatch.d.ts

@@ -55,16 +55,16 @@ export declare class VegaColorSwatch {
   /**
    * Specifies the visual style and prominence of the swatch.
    *    It determines how the swatch will be presented to the user.
-   * - 'swatch': Displays the color fill.
-   * - 'clear': Displays a diagonal line to indicate no color (clear selection).
+   * - `swatch`: Displays the color fill.
+   * - `clear`: Displays a diagonal line to indicate no color (clear selection).
    *
    * @vegaVersion 2.82.0
    */
   variant: VegaColorSwatchVariant;
   /**
    * Controls the outer shape of the swatch.
-   * - 'basket': Rounded corners for spaced layouts.
-   * - 'block': Square corners for dense or flush layouts.
+   * - `basket`: Rounded corners for spaced layouts.
+   * - `block`: Square corners for dense or flush layouts.
    *
    * @vegaVersion 2.82.0
    */

package/dist/types/components/vega-modal/slimmers/controllers/vega-modal-padding-state-controller.d.ts

@@ -0,0 +1,21 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaModal } from '../../vega-modal';
+/**
+ * Modal section padding state controller
+ */
+export declare class VegaModalPaddingStateController extends VegaSlimmer {
+  sectionPaddingState: VegaModal['sectionPaddingState'];
+  padding: VegaModal['padding'];
+  /**
+   * Component lifecycle - [componentWillLoad]
+   */
+  componentWillLoad(): void;
+  /**
+   * Watch for changes in padding and update the section padding state accordingly.
+   */
+  watchPadding(): void;
+  /**
+   * Set the section padding state based on the current padding prop.
+   */
+  private setSectionPaddingState;
+}

package/dist/types/components/vega-modal/slimmers/models/vega-modal-section-padding-state.d.ts

@@ -0,0 +1,29 @@
+import { ResponsiveType, PaddingType } from '../../../../types/ui.type';
+import type { VegaModalSectionPadding } from '../../types';
+/**
+ * Represents the modal section padding state.
+ */
+export declare class VegaModalSectionPaddingState {
+  private static readonly defaultPadding;
+  private static readonly defaultSectionPadding;
+  private readonly sectionPadding;
+  constructor(padding: ResponsiveType<PaddingType> | VegaModalSectionPadding);
+  /**
+   * Gets the padding for the header section of the modal.
+   *
+   * @returns {ResponsiveType<PaddingType>} The padding for the header section.
+   */
+  getHeaderPadding(): ResponsiveType<PaddingType>;
+  /**
+   * Gets the padding for the content section of the modal.
+   *
+   * @returns {ResponsiveType<PaddingType>} The padding for the content section.
+   */
+  getContentPadding(): ResponsiveType<PaddingType>;
+  /**
+   * Gets the padding for the footer section of the modal.
+   *
+   * @returns {ResponsiveType<PaddingType>} The padding for the footer section.
+   */
+  getFooterPadding(): ResponsiveType<PaddingType>;
+}

package/dist/types/components/vega-modal/slimmers/renderers/vega-modal-renderer.d.ts

@@ -18,6 +18,7 @@ export declare class VegaModalRenderer extends VegaSlimmer {
   handleClose: VegaModal['handleClose'];
   deprecatedPropertySlimmer: VegaModal['deprecatedPropertySlimmer'];
   openStateController: VegaModal['openStateController'];
+  sectionPaddingState: VegaModal['sectionPaddingState'];
   private readonly titleId;
   private modalContent;
   private modalFooter;
@@ -35,5 +36,4 @@ export declare class VegaModalRenderer extends VegaSlimmer {
   private hasModalFooter;
   private isContentScrollable;
   private hasModalTitle;
-  private useModalSlotTitle;
 }

package/dist/types/components/vega-modal/types.d.ts

@@ -1,3 +1,5 @@
+import { PaddingType, ResponsiveType } from '../../types/ui.type';
+
 /**
  * Options for how the backdrop behaves when the modal is open.
  */
@@ -7,6 +9,15 @@ export type VegaModalBackdrop = 'static' | 'none' | 'default';
  */
 export type VegaModalBackdropColor = 'semi' | 'none' | 'default';
 
+/**
+ * Section Padding options for the modal.
+ */
+export type VegaModalSectionPadding = {
+	header?: ResponsiveType<PaddingType>;
+	content?: ResponsiveType<PaddingType>;
+	footer?: ResponsiveType<PaddingType>;
+};
+
 /**
  * Describes what caused a modal's open state to change.
  */

package/dist/types/components/vega-modal/vega-modal.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { MarginType, PaddingType, ResponsiveType, SizeType } from '../../types/ui.type';
 import { BreakpointsTokenType } from '../../types/design-token.type';
-import { VegaModalBackdrop, VegaModalBackdropColor } from './types';
+import { VegaModalBackdrop, VegaModalBackdropColor, VegaModalSectionPadding } from './types';
 import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
 import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
 import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
@@ -17,6 +17,8 @@ import { VegaModalBackdropController } from './slimmers/controllers/vega-modal-b
 import { VegaModalOpenedModalStackController } from './slimmers/controllers/vega-modal-opened-modal-stack-controller';
 import { VegaModalZIndexController } from './slimmers/controllers/vega-modal-z-index-controller';
 import { VegaModalOpenState } from './slimmers/models/vega-modal-open-state';
+import { VegaModalSectionPaddingState } from './slimmers/models/vega-modal-section-padding-state';
+import { VegaModalPaddingStateController } from './slimmers/controllers/vega-modal-padding-state-controller';
 /**
  * @vegaVersion 1.0.6
  */
@@ -29,6 +31,7 @@ export declare class VegaModal {
   protected readonly backdropController: VegaModalBackdropController;
   protected readonly openedModalStackController: VegaModalOpenedModalStackController;
   protected readonly zIndexController: VegaModalZIndexController;
+  protected readonly paddingStateController: VegaModalPaddingStateController;
   protected readonly renderer: VegaModalRenderer;
   protected openEventEmitter: EventEmitSlimmerBase;
   protected closeEventEmitter: EventEmitSlimmerBase;
@@ -39,6 +42,7 @@ export declare class VegaModal {
   host: HTMLVegaModalElement;
   currentBreakpoint: BreakpointsTokenType;
   openState: VegaModalOpenState;
+  sectionPaddingState: VegaModalSectionPaddingState;
   watchOpenState(): void;
   /**
    * Provides options for controlling the behavior of the backdrop.
@@ -146,7 +150,8 @@ export declare class VegaModal {
    *
    * @vegaVersion 1.0.10
    */
-  padding: ResponsiveType<PaddingType>;
+  padding: ResponsiveType<PaddingType> | VegaModalSectionPadding;
+  watchPadding(): void;
   /**
    * Specifies the margin around the modal dialog.
    *

package/dist/types/components/vega-rich-text-editor/dto/annotations/text-style-annotation.d.ts

@@ -1,13 +1,6 @@
 import { BlockAnnotation, BlockAnnotationTypeEnum } from './block-annotation.abstract';
 import { AnnotationStyle, RTERenderContext, VegaRTETextStyleType } from '../../interface';
 import { Nullable } from '../../../../types/general';
-export declare type RTETextStyleBaseType = {
-  fontFamily: string;
-  fontWeight: string;
-  fontSize: string;
-  lineHeight: string;
-  minHeight: string;
-};
 /**
  * Text style annotation
  */

package/dist/types/components/vega-rich-text-editor/dto/annotations/text-style-default-styles.d.ts

@@ -0,0 +1,3 @@
+import { AnnotationStyle, VegaRTETextStyleType } from '../../interface';
+export declare const TEXT_STYLE_VALUES: VegaRTETextStyleType[];
+export declare const TEXT_STYLE_DEFAULTS: Record<VegaRTETextStyleType, AnnotationStyle>;

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

@@ -1,4 +1,4 @@
-import { RTERenderContext, VegaRTEColorSchema, VegaRTECreateElementFunction, VegaRTERenderResult } from '../../../interface';
+import { RTERenderContext, VegaRTEColorSchema } from '../../../interface';
 import { Nullable } from '../../../../../types/general';
 import { RTETableBlock } from '../dto/table-block';
 import { TablePopoverBaseRenderer } from './table-popover-base-renderer';
@@ -10,14 +10,14 @@ import { TablePopoverBaseRenderer } from './table-popover-base-renderer';
  */
 export declare class TableDynamicPopoverRenderer extends TablePopoverBaseRenderer {
   private popoverRef;
-  private getTableRef;
+  private tablePropertiesFormRef;
+  private cellPropertiesFormRef;
+  private readonly tableColorSchema;
   private selectionAnchorRef;
-  private tableColorSchema;
   private currentTableBlock;
   private currentFocusNode;
-  private tablePropertiesFormRef;
-  private cellPropertiesFormRef;
   private popoverCloseType;
+  private getTableRef;
   private tablePropertiesHandlerMap;
   private cellPropertiesHandlerMap;
   constructor(colors: VegaRTEColorSchema[], renderContext: RTERenderContext);
@@ -39,14 +39,18 @@ export declare class TableDynamicPopoverRenderer extends TablePopoverBaseRendere
    */
   hide(): Promise<void>;
   /**
-   * Renders a vega-popover whose target and content are provided dynamically by callers.
+   * Re-targets the shared popovers to the given table.
+   *
+   * @param {RTETableBlock} tableBlock - The clicked table's block data.
+   * @param {() => HTMLElement} getTableRef - Getter for the clicked table's DOM element.
+   */
+  reTarget(tableBlock: RTETableBlock, getTableRef: () => Nullable<HTMLElement>): void;
+  /**
+   * Builds the popover DOM and appends it to the given container.
    *
-   * @param {VegaRTECreateElementFunction} h - The create element function.
-   * @param {() => HTMLElement} getTableRef - Current table DOM reference
-   * @param {RTETableBlock} renderData - Current table block being rendered.
-   * @returns {VegaRTERenderResult} The rendered popover host.
+   * @returns {Nullable<HTMLElement>} The constructed popover element.
    */
-  render(h: VegaRTECreateElementFunction, getTableRef: () => Nullable<HTMLElement>, renderData: RTETableBlock): VegaRTERenderResult;
+  render(): Nullable<HTMLElement>;
   /**
    * Updates the visibility of the pre-rendered content blocks based on type.
    *