@globalpayments/vega 2.57.1 → 2.59.0

package/dist/types/components.d.ts

@@ -33,7 +33,7 @@ import { LabelSuffixButtonProps } from "./components/vega-field-label/types";
 import { VegaFileUploaderFile, VegaFileUploaderFiles, VegaFileUploaderType } from "./components/vega-file-uploader/types";
 import { VegaCountryCode } from "./types/flag.type";
 import { VegaFontAs } from "./components/vega-font/types";
-import { FormControlOption, FormValidateResult } from "./components/vega-form/types";
+import { FormControlOption, FormValidateResult, VegaFormFieldValidationState } from "./components/vega-form/types";
 import { EvaluateResultBase } from "./helpers/validator/rules/validation-rule";
 import { VegaFile, VegaFileOptional, VegaImageUploaderStatus } from "./components/vega-image-uploader/types";
 import { InputType, InputValueUpdateTriggeredBy, MaskConfigType } from "./components/vega-input/types";
@@ -50,7 +50,7 @@ import { VegaPageNotificationActionButtonConfig, VegaPageNotificationTypes } fro
 import { DropdownPropsForPagination, VegaPaginationItemType, VegaPaginationLayoutType } from "./components/vega-pagination/types";
 import { PieChartOptions } from "./helpers/chart/pie-chart";
 import { VegaRTEContent } from "./components/vega-rich-text-editor/dto/content-state";
-import { VegaRichTextEditorImage, VegaRTEToolbarItem } from "./components/vega-rich-text-editor/interface";
+import { VegaRichTextEditorImage, 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 { VegaSegmentControlVariant, VegaSegmentProps } from "./components/vega-segment-control/types";
@@ -654,6 +654,11 @@ export namespace Components {
         "target": VegaButtonLinkTarget;
     }
     interface VegaCalendar {
+        /**
+          * Controls the visibility of the event preview popover while click event.
+          * @vegaVersion 2.59.0
+         */
+        "enabledEventPreview": boolean;
         /**
           * Specifies the events of the calendar.
           * @vegaVersion 2.14.0
@@ -676,6 +681,11 @@ export namespace Components {
           * @vegaVersion 2.21.0
          */
         "showEventColorBar": boolean;
+        /**
+          * Controls whether the switch view is displayed.
+          * @vegaVersion 2.58.0
+         */
+        "showSwitchView": boolean;
         /**
           * Controls the visibility of the weekend columns in the calendar.
           * @vegaVersion 2.28.0
@@ -699,6 +709,8 @@ export namespace Components {
          */
         "calendarEvent": CalendarEvent;
     }
+    interface VegaCalendarEventPreview {
+    }
     interface VegaCalendarEventSlot {
         /**
           * Specifies the event key.
@@ -1722,6 +1734,12 @@ export namespace Components {
           * @vegaVersion 1.3.0
          */
         "reset": (defaultValueMap?: unknown, option?: FormControlOption) => Promise<void>;
+        /**
+          * Invoke this method to set validation states on specific form fields.
+          * @param states - An array of validation error objects.
+          * @vegaVersion 2.59.0
+         */
+        "setValidationStates": (states: VegaFormFieldValidationState[]) => Promise<void>;
         /**
           * Invoke this method to prefill the `vega-form` with the given value.  This action will also set the `isTouched` property to `false`.
           * @param value to prefill into the vega-form
@@ -2821,6 +2839,11 @@ export namespace Components {
           * @vegaVersion 2.39.0
          */
         "isScreenPosition": boolean;
+        /**
+          * Determines the spacing between the content and the edges of the popover content box.
+          * @vegaVersion 2.59.0
+         */
+        "padding": ResponsiveType<PaddingType>;
         /**
           * Specifies the placement or position of the popover    in relation to its parent element.  If there is insufficient space to display the popover in the    default position, it will automatically adjust its placement    based on the following order: `top`, `left`, `bottom`, `right`.
           * @vegaVersion 1.19.0
@@ -2854,6 +2877,11 @@ export namespace Components {
         "trigger": 'hover' | 'click';
     }
     interface VegaPopoverContentBox {
+        /**
+          * Determines the spacing between the content and the edges of the popover content box.
+          * @vegaVersion 2.59.0
+         */
+        "padding": ResponsiveType<PaddingType>;
         /**
           * Controls whether the arrow is display.
           * @vegaVersion 2.8.0
@@ -3005,6 +3033,11 @@ export namespace Components {
         "vegaFocus": () => Promise<void>;
     }
     interface VegaRichTextEditor {
+        /**
+          * Determines whether to allow source edit mode in the rich text editor.
+          * @vegaVersion 2.59.0
+         */
+        "allowSourceEdit": boolean;
         /**
           * Determines whether automatic validation should be implemented for the rich text editor.
           * @vegaVersion 2.34.0
@@ -3045,6 +3078,11 @@ export namespace Components {
           * @vegaVersion 2.34.0
          */
         "rows": number;
+        /**
+          * Specifies the configuration options for source edit mode. It includes settings such as autoMatchFormat, which controls whether the editor automatically matches formatting when switching to source edit mode.
+          * @vegaVersion 2.59.0
+         */
+        "sourceEditConfig": VegaRTESourceEditConfig;
         /**
           * Specifies the built-in toolbar items available in the rich-text editor.
           * @vegaVersion 2.34.0
@@ -3068,6 +3106,11 @@ export namespace Components {
           * @vegaVersion 2.34.0
          */
         "disabled": boolean;
+        /**
+          * Specifies whether the rich text editor toolbar button element is hidden.
+          * @vegaVersion 2.59.0
+         */
+        "hidden": boolean;
         /**
           * Specifies whether the toolbar button in the rich text editor is represented by an icon.
           * @vegaVersion 2.34.0
@@ -3309,6 +3352,11 @@ export namespace Components {
           * @vegaVersion 2.7.0
          */
         "disabled": boolean;
+        /**
+          * Distribute vega-selection-tile components evenly to always cover the entire available width of the vega-selection-tile-group
+          * @vegaVersion 2.58.0
+         */
+        "distributeEvenly": boolean;
         /**
           * Provides a supplementary prompt message that    assists users in selecting the appropriate    value for the selection tile group.
           * @vegaVersion 2.7.0
@@ -4533,6 +4581,12 @@ declare global {
         prototype: HTMLVegaCalendarEventElement;
         new (): HTMLVegaCalendarEventElement;
     };
+    interface HTMLVegaCalendarEventPreviewElement extends Components.VegaCalendarEventPreview, HTMLStencilElement {
+    }
+    var HTMLVegaCalendarEventPreviewElement: {
+        prototype: HTMLVegaCalendarEventPreviewElement;
+        new (): HTMLVegaCalendarEventPreviewElement;
+    };
     interface HTMLVegaCalendarEventSlotElement extends Components.VegaCalendarEventSlot, HTMLStencilElement {
     }
     var HTMLVegaCalendarEventSlotElement: {
@@ -5102,6 +5156,7 @@ declare global {
         "vega-button-link": HTMLVegaButtonLinkElement;
         "vega-calendar": HTMLVegaCalendarElement;
         "vega-calendar-event": HTMLVegaCalendarEventElement;
+        "vega-calendar-event-preview": HTMLVegaCalendarEventPreviewElement;
         "vega-calendar-event-slot": HTMLVegaCalendarEventSlotElement;
         "vega-card": HTMLVegaCardElement;
         "vega-carousel": HTMLVegaCarouselElement;
@@ -5896,6 +5951,11 @@ declare namespace LocalJSX {
         "target"?: VegaButtonLinkTarget;
     }
     interface VegaCalendar {
+        /**
+          * Controls the visibility of the event preview popover while click event.
+          * @vegaVersion 2.59.0
+         */
+        "enabledEventPreview"?: boolean;
         /**
           * Specifies the events of the calendar.
           * @vegaVersion 2.14.0
@@ -5962,6 +6022,11 @@ declare namespace LocalJSX {
           * @vegaVersion 2.21.0
          */
         "showEventColorBar"?: boolean;
+        /**
+          * Controls whether the switch view is displayed.
+          * @vegaVersion 2.58.0
+         */
+        "showSwitchView"?: boolean;
         /**
           * Controls the visibility of the weekend columns in the calendar.
           * @vegaVersion 2.28.0
@@ -5985,6 +6050,8 @@ declare namespace LocalJSX {
          */
         "calendarEvent"?: CalendarEvent;
     }
+    interface VegaCalendarEventPreview {
+    }
     interface VegaCalendarEventSlot {
         /**
           * Specifies the event key.
@@ -8581,6 +8648,11 @@ declare namespace LocalJSX {
           * @vegaVersion 1.22.0
          */
         "onVegaPopoverShow"?: (event: VegaPopoverCustomEvent<string>) => void;
+        /**
+          * Determines the spacing between the content and the edges of the popover content box.
+          * @vegaVersion 2.59.0
+         */
+        "padding"?: ResponsiveType<PaddingType>;
         /**
           * Specifies the placement or position of the popover    in relation to its parent element.  If there is insufficient space to display the popover in the    default position, it will automatically adjust its placement    based on the following order: `top`, `left`, `bottom`, `right`.
           * @vegaVersion 1.19.0
@@ -8609,6 +8681,11 @@ declare namespace LocalJSX {
         "trigger"?: 'hover' | 'click';
     }
     interface VegaPopoverContentBox {
+        /**
+          * Determines the spacing between the content and the edges of the popover content box.
+          * @vegaVersion 2.59.0
+         */
+        "padding"?: ResponsiveType<PaddingType>;
         /**
           * Controls whether the arrow is display.
           * @vegaVersion 2.8.0
@@ -8790,6 +8867,11 @@ declare namespace LocalJSX {
         "content"?: VegaRTEContent;
     }
     interface VegaRichTextEditor {
+        /**
+          * Determines whether to allow source edit mode in the rich text editor.
+          * @vegaVersion 2.59.0
+         */
+        "allowSourceEdit"?: boolean;
         /**
           * Determines whether automatic validation should be implemented for the rich text editor.
           * @vegaVersion 2.34.0
@@ -8852,6 +8934,11 @@ declare namespace LocalJSX {
           * @vegaVersion 2.34.0
          */
         "rows"?: number;
+        /**
+          * Specifies the configuration options for source edit mode. It includes settings such as autoMatchFormat, which controls whether the editor automatically matches formatting when switching to source edit mode.
+          * @vegaVersion 2.59.0
+         */
+        "sourceEditConfig"?: VegaRTESourceEditConfig;
         /**
           * Specifies the built-in toolbar items available in the rich-text editor.
           * @vegaVersion 2.34.0
@@ -8875,6 +8962,11 @@ declare namespace LocalJSX {
           * @vegaVersion 2.34.0
          */
         "disabled"?: boolean;
+        /**
+          * Specifies whether the rich text editor toolbar button element is hidden.
+          * @vegaVersion 2.59.0
+         */
+        "hidden"?: boolean;
         /**
           * Specifies whether the toolbar button in the rich text editor is represented by an icon.
           * @vegaVersion 2.34.0
@@ -9186,6 +9278,11 @@ declare namespace LocalJSX {
           * @vegaVersion 2.7.0
          */
         "disabled"?: boolean;
+        /**
+          * Distribute vega-selection-tile components evenly to always cover the entire available width of the vega-selection-tile-group
+          * @vegaVersion 2.58.0
+         */
+        "distributeEvenly"?: boolean;
         /**
           * Provides a supplementary prompt message that    assists users in selecting the appropriate    value for the selection tile group.
           * @vegaVersion 2.7.0
@@ -10180,6 +10277,7 @@ declare namespace LocalJSX {
         "vega-button-link": VegaButtonLink;
         "vega-calendar": VegaCalendar;
         "vega-calendar-event": VegaCalendarEvent;
+        "vega-calendar-event-preview": VegaCalendarEventPreview;
         "vega-calendar-event-slot": VegaCalendarEventSlot;
         "vega-card": VegaCard;
         "vega-carousel": VegaCarousel;
@@ -10294,6 +10392,7 @@ declare module "@stencil/core" {
             "vega-button-link": LocalJSX.VegaButtonLink & JSXBase.HTMLAttributes<HTMLVegaButtonLinkElement>;
             "vega-calendar": LocalJSX.VegaCalendar & JSXBase.HTMLAttributes<HTMLVegaCalendarElement>;
             "vega-calendar-event": LocalJSX.VegaCalendarEvent & JSXBase.HTMLAttributes<HTMLVegaCalendarEventElement>;
+            "vega-calendar-event-preview": LocalJSX.VegaCalendarEventPreview & JSXBase.HTMLAttributes<HTMLVegaCalendarEventPreviewElement>;
             "vega-calendar-event-slot": LocalJSX.VegaCalendarEventSlot & JSXBase.HTMLAttributes<HTMLVegaCalendarEventSlotElement>;
             "vega-card": LocalJSX.VegaCard & JSXBase.HTMLAttributes<HTMLVegaCardElement>;
             "vega-carousel": LocalJSX.VegaCarousel & JSXBase.HTMLAttributes<HTMLVegaCarouselElement>;

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", "countryChange", "actionButtonClick", "moreActionClick", "expand", "rowSelect", "rowSelectAll", "retry", "selectedFileChange", "preview", "labelButtonClick", "imageInserted", "reset"];
+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", "countryChange", "actionButtonClick", "moreActionClick", "expand", "rowSelect", "rowSelectAll", "retry", "selectedFileChange", "preview", "labelButtonClick", "imageInserted", "reset", "eventPreviewShow"];
 export declare const CssStates: readonly ["default", "hover", "active", "focus-visible"];

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

@@ -66,4 +66,11 @@ export declare class CalendarDate {
    * @returns {boolean} The date is same day with current
    */
   equal(calendarDate: CalendarDate): boolean;
+  /**
+   * Get month name.
+   *
+   * @param {boolean} isShortName - Whether to get the short name or long name of the month
+   * @returns {string} The name of the month
+   */
+  getMonthName(isShortName?: boolean): string;
 }

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

@@ -1,5 +1,5 @@
 import { VegaCalendarEventVariantType, VegaCalendarRawEvent } from '../../components/vega-calendar/types';
-import { Nullable } from '../../types/general';
+import { Nullable, TimeFormat } from '../../types/general';
 import { CalendarDate } from './calendar-date';
 import { CalendarPeriod } from './calendar-period/calendar-period.abstract';
 /** The `CalendarEvent` class in TypeScript represents a calendar event with methods to validate required fields, initialize dates and times, and determine if it is a group event. */
@@ -127,6 +127,20 @@ export declare class CalendarEvent {
    * @returns {boolean} a boolean value, either `true` or `false`, based on whether the `calendarEvent` falls on the `date` provided.
    */
   isCurrentDayEvent(date: CalendarDate): boolean;
+  /**
+   * Generate repeat display string.
+   *
+   * @returns {string} repeat display string
+   */
+  generateRepeatString(): string;
+  /**
+   * Generate date display string.
+   *
+   * @param {CalendarDate} viewDate - The `date` to display
+   * @param {TimeFormat} timeFormat - The `timeFormat` to use
+   * @returns {string} repeat display string
+   */
+  generateDateTimeString(viewDate: CalendarDate, timeFormat: TimeFormat): string;
   /**
    * Get the number of minutes the event lasted
    *

package/dist/types/helpers/calendar/calendar-period/calendar-period.abstract.d.ts

@@ -4,9 +4,9 @@ import { CalendarDate } from '../calendar-date';
  * CalendarPeriod is an abstract class that represents a period of date for calendar.
  */
 export declare abstract class CalendarPeriod {
-  private _current;
-  private _startDate;
-  private _endDate;
+  protected _startDate: CalendarDate;
+  protected _endDate: CalendarDate;
+  protected _current: CalendarDate;
   private readonly _count;
   protected abstract readonly _type: string;
   protected abstract _showWeekends: boolean;

package/dist/types/helpers/calendar/calendar-period/month-period.d.ts

@@ -18,7 +18,13 @@ export declare class MonthPeriod extends CalendarPeriod {
    * @returns {CalendarDate} A new `CalendarDate` object representing the first day of the month from the provided
    * `calendarDate` parameter or the current date if no parameter is provided.
    */
-  private static getMonthFirstDay;
+  static getMonthFirstDay(calendarDate?: CalendarDate): CalendarDate;
+  /**
+   * Calculate the period start date and end date.
+   *
+   * @param {CalendarDate} date - The date to calculate the period from.
+   */
+  calculatePeriod(date: CalendarDate): void;
   /**
    * @inheritDoc
    */

package/dist/types/helpers/calendar/utils.d.ts

@@ -1,3 +1,4 @@
+import { TimeFormat } from '../../types/general';
 /**
  * Get a week days array
  *
@@ -5,3 +6,20 @@
  * @returns {number[]} - The week days array
  */
 export declare const getWeekdays: (firstWeekDay?: number) => number[];
+export declare enum WeekdayLongNames {
+  sun = "Sunday",
+  mon = "Monday",
+  tue = "Tuesday",
+  wed = "Wednesday",
+  thu = "Thursday",
+  fri = "Friday",
+  sat = "Saturday"
+}
+/**
+ * Format display time
+ *
+ * @param {TimeFormat} timeFormat - The time format (24-hour or 12-hour)
+ * @param {string} timeString - The time string to format
+ * @returns {string} - The formatted time string
+ */
+export declare const formatDisplayTime: (timeFormat: TimeFormat, timeString: string) => string;

package/dist/types/helpers/change-manager/subject/static-subject/static-subject-title.d.ts

@@ -1,5 +1,5 @@
 import { Subject } from '../subject-interface';
-export declare type SubjectTitle = 'SIDENAV_LINK_SELECTED_TOPIC' | 'LEFT_NAV_LINK_SELECTED_TOPIC' | 'ACCORDION_EXPAND_TOPIC' | 'FORM_RESET_OPERATION_TRIGGERED' | 'FORM_FIELD_ELEMENT_DISCONNECTED' | 'FORM_SUBMIT' | 'FORM_RESET' | 'RADIO_GROUP_DISABLED_CHANGE' | 'CHECKBOX_GROUP_DISABLED_CHANGE' | 'FORM_FIELD_PENDING_VALID_CHANGE' | 'TAB_PANEL_ADD_OR_DEL_TO_GROUP' | 'TABLE_EXPAND_ROW' | 'TABLE_ROW_SELECTION' | 'TABLE_ROW_SELECTION_ALL' | 'TABLE_SELECTION' | 'TABLE_ROW_CLICK' | 'TABLE_ROW_SELECT' | 'TABLE_ROW_SELECT_ALL' | 'FIELD_ERROR_MESSAGE_CHANGE' | 'DROPDOWN_ITEM_CLICK' | 'CHECKBOX_VALUE_CHANGE' | 'RADIO_VALUE_CHANGE' | 'FORM_ELEMENT_VALUE_CHANGE' | 'FORM_EMEMENT_VALIDATE' | 'FIELD_ERROR_STATE_CHANGE' | 'VEGA_VIRTUAL_SCROLL_TO_BOTTOM' | 'SELECTION_TILE_VALUE_CHANGE' | 'DROPDOWN_RENDER_ITEM_INTERNAL_OVERRIDEN' | 'DROPDOWN_SEARCH_INTERNAL_OVERRIDEN' | 'UPDATE_TRANSLATION' | 'DARK_MODE_CHANGE' | 'SHADOW_ROOT_ELEMENT_SCROLLING' | 'FLAG_ICON_LOADED' | 'GP_BRAND_CHANGE';
+export declare type SubjectTitle = 'SIDENAV_LINK_SELECTED_TOPIC' | 'LEFT_NAV_LINK_SELECTED_TOPIC' | 'ACCORDION_EXPAND_TOPIC' | 'FORM_RESET_OPERATION_TRIGGERED' | 'FORM_FIELD_ELEMENT_DISCONNECTED' | 'FORM_SUBMIT' | 'FORM_RESET' | 'RADIO_GROUP_DISABLED_CHANGE' | 'CHECKBOX_GROUP_DISABLED_CHANGE' | 'FORM_FIELD_PENDING_VALID_CHANGE' | 'TAB_PANEL_ADD_OR_DEL_TO_GROUP' | 'TABLE_EXPAND_ROW' | 'TABLE_ROW_SELECTION' | 'TABLE_ROW_SELECTION_ALL' | 'TABLE_SELECTION' | 'TABLE_ROW_CLICK' | 'TABLE_ROW_SELECT' | 'TABLE_ROW_SELECT_ALL' | 'FIELD_ERROR_MESSAGE_CHANGE' | 'DROPDOWN_ITEM_CLICK' | 'CHECKBOX_VALUE_CHANGE' | 'RADIO_VALUE_CHANGE' | 'FORM_ELEMENT_VALUE_CHANGE' | 'FORM_EMEMENT_VALIDATE' | 'FIELD_ERROR_STATE_CHANGE' | 'VEGA_VIRTUAL_SCROLL_TO_BOTTOM' | 'SELECTION_TILE_VALUE_CHANGE' | 'DROPDOWN_RENDER_ITEM_INTERNAL_OVERRIDEN' | 'DROPDOWN_SEARCH_INTERNAL_OVERRIDEN' | 'UPDATE_TRANSLATION' | 'DARK_MODE_CHANGE' | 'SHADOW_ROOT_ELEMENT_SCROLLING' | 'FLAG_ICON_LOADED' | 'GP_BRAND_CHANGE' | 'CALENDAR_EVENT_PREVIEW_POPOVER_HIDE';
 export declare const SIDENAV_LINK_SELECTED_TOPIC: Subject;
 export declare const LEFT_NAV_LINK_SELECTED_TOPIC: Subject;
 export declare const ACCORDION_EXPAND_TOPIC: Subject;
@@ -29,3 +29,4 @@ export declare const DARK_MODE_CHANGE: Subject;
 export declare const SHADOW_ROOT_ELEMENT_SCROLLING: Subject;
 export declare const FLAG_ICON_LOADED: Subject;
 export declare const GP_BRAND_CHANGE: Subject;
+export declare const CALENDAR_EVENT_PREVIEW_POPOVER_HIDE: Subject;

package/dist/types/helpers/code-format/code-formatter.d.ts

@@ -0,0 +1,34 @@
+export declare type CodeFormatOptions = {
+  tabWidth?: number;
+  useTabs?: boolean;
+};
+/**
+ * Class to format HTML code with proper indentation and style cleanup.
+ */
+declare class CodeFormatter {
+  private static readonly INLINE_TAGS;
+  /**
+   * Extracts the tag name from an HTML tag string.
+   *
+   * @param {string} tag - A raw HTML tag string
+   * @returns {string} The lowercase tag name, or an empty string if no match is found.
+   */
+  private static getTagName;
+  /**
+   * Formats a given HTML source string by applying indentation and cleaning up styles.
+   *
+   * @param {string} source - The HTML source string to format.
+   * @param {CodeFormatOptions} options - Formatting options.
+   * @returns {string} The formatted HTML string.
+   */
+  format: (source: string, options?: CodeFormatOptions) => string;
+  /**
+   * Formats a CSS style string by trimming white space and ensuring consistent semicolon spacing.
+   *
+   * @param {string} style - The CSS style string to format.
+   * @returns {string} The formatted style string.
+   */
+  private formatStyle;
+}
+declare const _default: CodeFormatter;
+export default _default;

package/dist/types/helpers/code-format/test/code-formatter.test.d.ts

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

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

@@ -51,3 +51,6 @@ export declare const VegaInternalCodeBlockSelectionChange: VegaInternalEventID;
 export declare const VegaInternalColumnHeadRowRenderInputRIC: VegaInternalEventID;
 export declare const VegaInternalColumnHeadCellRenderInputRIC: VegaInternalEventID;
 export declare const VegaInternalColumnBodyCellRenderInputRIC: VegaInternalEventID;
+export declare const VegaInternalCalendarEventPreviewUpdate: VegaInternalEventID;
+export declare const VegaInternalCalendarEventPreviewClear: VegaInternalEventID;
+export declare const VegaInternalUpdateRTECursorPosition: VegaInternalEventID;

package/dist/types/helpers/rte-manager/dto-action-strategy-manager.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Manager class for registering DTO action strategies.
+ */
+declare class RTEDTOActionStrategyManager {
+  /**
+   * Registers basic strategies for a given DTO class.
+   *
+   * @param {string} dtoClassName - The name of the RTE block class name.
+   */
+  registerBlockBasicStrategies(dtoClassName: string): void;
+}
+declare const _default: RTEDTOActionStrategyManager;
+export default _default;

package/dist/types/helpers/rte-manager/dto-class-manager.d.ts

@@ -0,0 +1,38 @@
+import { RTEBlock } from '../../components/vega-rich-text-editor/dto/blocks/block.abstract';
+import { RTENode } from '../../components/vega-rich-text-editor/dto/nodes/node.abstract';
+import { ClassType } from '../../types/class.type';
+import { Nullable } from '../../types/general';
+export declare type RTEBlockDTOClass = typeof RTEBlock;
+export declare type RTENodeDTOClass = typeof RTENode;
+/**
+ * RTEDTOClassManager is a singleton class that manages the registration and retrieval of RTE DTO classes.
+ * It allows for the dynamic handling of different RTE blocks and nodes by their types.
+ */
+declare class RTEDTOClassManager {
+  private RTE_BLOCK_DTO_CLASS_MAP;
+  private RTE_NODE_DTO_CLASS_MAP;
+  /**
+   * Registers a new RTE DTO class.
+   *
+   * @typedef T - The type of the RTE DTO class to register.
+   * @param {string} type - The type identifier for the RTE DTO class.
+   * @param {ClassType<T>} RTEDTOClass - The class constructor for the RTE DTO.
+   */
+  registerRTEDTOClass<T>(type: string, RTEDTOClass: ClassType<T>): void;
+  /**
+   * Retrieves the RTE block class for a given type.
+   *
+   * @param {string} type - The type identifier for the RTE block.
+   * @returns {Nullable<RTEBlockDTOClass>} - The class constructor for the RTE block, or null if not found.
+   */
+  getRTEBlockClass(type: string): Nullable<RTEBlockDTOClass>;
+  /**
+   * Retrieves the RTE node class for a given type.
+   *
+   * @param {string} type - The type identifier for the RTE node.
+   * @returns {Nullable<RTENodeDTOClass>} - The class constructor for the RTE node, or null if not found.
+   */
+  getRTENodeClass(type: string): Nullable<RTENodeDTOClass>;
+}
+declare const _default: RTEDTOClassManager;
+export default _default;

package/dist/types/helpers/rte-manager/dto-renderer-manager.d.ts

@@ -0,0 +1,44 @@
+import { RTEBlock } from '../../components/vega-rich-text-editor/dto/blocks/block.abstract';
+import { RTENode } from '../../components/vega-rich-text-editor/dto/nodes/node.abstract';
+import { VegaRTEBaseRenderer } from '../../components/vega-rich-text-editor/dto/renderers/base-renderer';
+import { VegaRTEToolbarButtonRenderer } from '../../components/vega-rich-text-editor/extensions/base-toolbar-button-renderer';
+import { VegaRTERenderResult } from '../../components/vega-rich-text-editor/interface';
+import { Nullable } from '../../types/general';
+export declare type BaseRenderer = VegaRTEBaseRenderer<RTEBlock | RTENode, VegaRTERenderResult | HTMLElement>;
+/**
+ * RTEDTORendererManager is a singleton class that manages the registration and retrieval of RTE DTO renderers.
+ */
+declare class RTEDTORendererManager {
+  private RTE_DTO_RENDERER_MAP;
+  private RTE_TOOLBAR_BUTTON_RENDERER_MAP;
+  /**
+   * Registers a new RTE DTO renderer.
+   *
+   * @param {string} type - The type identifier for the RTE DTO renderer.
+   * @param {VegaRTEBaseRenderer} RTEDTORenderer - The renderer instance for the RTE DTO.
+   */
+  registerRTEDTORenderer(type: string, RTEDTORenderer: BaseRenderer): void;
+  /**
+   * Registers a new RTE Toolbar Button Renderer.
+   *
+   * @param {string} type - The type identifier for the RTE Toolbar Button Renderer.
+   * @param {VegaRTEToolbarButtonRenderer} RTEToolbarButtonRenderer - The renderer instance for the RTE Toolbar Button.
+   */
+  registerRTEToolbarButtonRenderer(type: string, RTEToolbarButtonRenderer: VegaRTEToolbarButtonRenderer): void;
+  /**
+   * Retrieves the RTE renderer for a given type.
+   *
+   * @param {string} type - The type identifier for the RTE block.
+   * @returns {Nullable<BaseRenderer>} - The renderer instance for the RTE block, or null if not found.
+   */
+  getRTERenderer(type: string): Nullable<BaseRenderer>;
+  /**
+   * Retrieves the RTE Toolbar Button Renderer for a given type.
+   *
+   * @param {string} type - The type identifier for the RTE Toolbar Button Renderer.
+   * @returns {Nullable<VegaRTEToolbarButtonRenderer>} - The renderer instance for the RTE Toolbar Button, or null if not found.
+   */
+  getRTEToolbarButtonRenderer(type: string): Nullable<VegaRTEToolbarButtonRenderer>;
+}
+declare const _default: RTEDTORendererManager;
+export default _default;

package/dist/types/helpers/rte-manager/element-dto-class-strategy-manager.d.ts

@@ -0,0 +1,42 @@
+import { ElementToDTOStrategy } from '../../components/vega-rich-text-editor/slimmers/controllers/helper/element-to-dto-strategy/element-to-dto-strategy.abstract';
+/**
+ * Manager for registering and retrieving strategies that convert HTML elements to DTOs.
+ */
+declare class elementToDTOClassStrategyManager {
+  private elementToBlockStrategies;
+  private elementToNodeStrategies;
+  /**
+   * Registers a element to block strategy for converting HTML elements to DTOs. The new strategy is added to the beginning of the list to give it higher priority.
+   *
+   * @param {ElementToDTOStrategy} strategy - The strategy to register.
+   */
+  registerElementToBlockStrategy(strategy: ElementToDTOStrategy): void;
+  /**
+   * Registers an element to node strategy for converting HTML elements to DTOs. The new strategy is added to the beginning of the list to give it higher priority.
+   *
+   * @param {ElementToDTOStrategy} strategy - The strategy to register.
+   */
+  registerElementToNodeStrategy(strategy: ElementToDTOStrategy): void;
+  /**
+   * Retrieves all registered element to block strategies for converting HTML elements to DTOs.
+   *
+   * @returns {ElementToDTOStrategy[]} - A set of all registered element to block strategies.
+   */
+  getElementToBlockStrategies(): ElementToDTOStrategy[];
+  /**
+   * Retrieves all registered element to node strategies for converting HTML elements to DTOs.
+   *
+   * @returns {ElementToDTOStrategy[]} - A set of all registered element to node strategies.
+   */
+  getElementToNodeStrategies(): ElementToDTOStrategy[];
+  /**
+   * Checks if a strategy is already registered in the provided strategy list.
+   *
+   * @param {ElementToDTOStrategy} strategy - The strategy to check for duplicates.
+   * @param {ElementToDTOStrategy[]} strategyList - The list of strategies to check against.
+   * @returns {boolean} - True if the strategy is a duplicate, false otherwise.
+   */
+  private hasDuplicateStrategy;
+}
+declare const _default: elementToDTOClassStrategyManager;
+export default _default;

package/dist/types/helpers/rte-manager/rte.manager.test.d.ts

@@ -0,0 +1 @@
+import '../../components/vega-rich-text-editor/dto/setup';

package/dist/types/helpers/slimmers/field-error-ui-controller-slimmer.d.ts

@@ -16,7 +16,7 @@ export declare class FieldErrorUIControllerSlimmer extends VegaSlimmer {
    *
    * @param {EvaluateResult['message']} errorMessage - The error message to display.
    */
-  applyInputInvalidUI(errorMessage: EvaluateResult['message']): void;
+  applyInputInvalidUI(errorMessage?: EvaluateResult['message']): void;
   /**
    * Reset the input element's invalid UI
    * TODO: Each component hides the error message and puts it in the code of the respective component.

package/dist/types/helpers/slimmers/form-field-controller-slimmer.d.ts

@@ -66,7 +66,7 @@ export declare class FormFieldControllerSlimmer<T> extends VegaSlimmer {
    * @param {HTMLElement} element - The element to check.
    * @returns {boolean} A function that takes an element and returns a boolean.
    */
-  static isValidFormField(element: HTMLElement): boolean;
+  static isValidFormField(element: HTMLElement): element is FormFieldElement<unknown>;
   /**
    * watch the prop validationRules and call the valid method
    * some components has not a prop validationRules

package/dist/types/helpers/slimmers/global/vega-translate-observer-slimmer.d.ts

@@ -4,11 +4,17 @@ import { GlobalSlimmerConfig, VegaSlimmer } from '../../../vega-slimmer/vega-sli
  */
 export declare class VegaTranslateObserverSlimmer extends VegaSlimmer {
   private readonly component;
+  private observer;
   /**
    * Component lifecycle - [connectedCallback]
    * Registers an observer to watch for translation updates, which triggers a forced update on the component.
    */
   connectedCallback(): void;
+  /**
+   * Component lifecycle - [disconnectedCallback]
+   * Unregister the observer when the component is disconnected from the DOM.
+   */
+  disconnectedCallback(): void;
   constructor(option: GlobalSlimmerConfig);
   /**
    * Determines whether the observer should accept changes.

package/dist/types/helpers/slimmers/test/global/vega-translate-observer-slimmer.test.d.ts

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