@globalpayments/vega 2.58.0 → 2.59.0

package/dist/types/components/vega-calendar/slimmers/common/renderers/vega-calendar-event-item-renderer.d.ts

@@ -1,24 +1,31 @@
 import { VegaSlimmer } from '../../../../../vega-slimmer/vega-slimmer-core';
 import { CalendarEvent } from '../../../../../helpers/calendar/calendar-event';
 import { VegaCalendar } from '../../../vega-calendar';
+import { CalendarDate } from '../../../../../helpers/calendar/calendar-date';
 /** The `VegaCalendarEventItemRenderer` class in TypeScript React is used for rendering calendar event items with specific layout and styling properties. */
 export declare class VegaCalendarEventItemRenderer extends VegaSlimmer {
   static readonly backgroundColorModeEventHeight: number;
   protected host: VegaCalendar['host'];
   protected calendarView: VegaCalendar['calendarView'];
   protected eventClickEmitter: VegaCalendar['eventClickEmitter'];
+  protected timeFormat: VegaCalendar['timeFormat'];
+  protected enabledEventPreview: VegaCalendar['enabledEventPreview'];
+  protected renderer: VegaCalendar['renderer'];
+  protected eventPreviewPopoverController: VegaCalendar['eventPreviewPopoverController'];
   /**
    * render event component
    *
    * @param {CalendarEvent} item the calendar event object
    * @param {Record<string,boolean>} classMap the class name map
+   * @param {CalendarDate} targetCalendarViewDate the target calendar view date
    * @returns {HTMLVegaCalendarEventElement} calendar event element
    */
-  render(item: CalendarEvent, classMap: Record<string, boolean>): HTMLVegaCalendarEventElement;
+  render(item: CalendarEvent, classMap: Record<string, boolean>, targetCalendarViewDate: CalendarDate, isGroupEvent?: boolean): HTMLVegaCalendarEventElement;
   /**
    * emit vega click event
    *
    * @param {CalendarEvent} eventItem the event item
    */
   private handleEventClick;
+  private setupPreviewContainer;
 }

package/dist/types/components/vega-calendar/slimmers/common/renderers/vega-calendar-event-preview-popover-renderer.d.ts

@@ -0,0 +1,18 @@
+import { VegaSlimmer } from '../../../../../vega-slimmer/vega-slimmer-core';
+import { VegaCalendar } from '../../../vega-calendar';
+import { CalendarEvent } from '../../../../../types/components.type';
+import { CalendarDate } from '../../../../../helpers/calendar';
+export declare class VegaCalendarEventPreviewPopoverRenderer extends VegaSlimmer {
+  private static readonly SINGLE_EVENT_PREVIEW_WIDTH;
+  protected host: VegaCalendar['host'];
+  protected renderer: VegaCalendar['renderer'];
+  protected viewMode: VegaCalendar['viewMode'];
+  protected timeFormat: VegaCalendar['timeFormat'];
+  protected eventItemRenderer: VegaCalendar['eventItemRenderer'];
+  protected enabledEventPreview: VegaCalendar['enabledEventPreview'];
+  protected eventPreviewPopoverController: VegaCalendar['eventPreviewPopoverController'];
+  private popoverHideObserver;
+  render(event: CalendarEvent, targetCalendarViewDate: CalendarDate, classMap: Record<string, boolean>): HTMLElement;
+  private renderPreviewPopover;
+  private setPopoverHideObserver;
+}

package/dist/types/components/vega-calendar/slimmers/common/renderers/vega-calendar-full-day-event-layout-renderer.d.ts

@@ -2,12 +2,14 @@ import { VegaSlimmer } from '../../../../../vega-slimmer/vega-slimmer-core';
 import { CalendarEvent } from '../../../../../helpers/calendar/calendar-event';
 import { VegaCalendar } from '../../../vega-calendar';
 import { Nullable } from '../../../../../types/general';
+import { CalendarDate } from '../../../../../helpers/calendar';
 /** This code snippet defines a TypeScript class `VegaCalendarFullDayEventLayoutRenderer` that extends `VegaSlimmer`. Here's a breakdown of what the class and its methods are doing: */
 export declare class VegaCalendarFullDayEventLayoutRenderer extends VegaSlimmer {
   private static monthViewEventOffsetTop;
   protected eventItemRenderer: VegaCalendar['eventItemRenderer'];
   protected viewMode: VegaCalendar['viewMode'];
   protected calendarView: VegaCalendar['calendarView'];
+  protected eventPreviewPopoverRenderer: VegaCalendar['eventPreviewPopoverRenderer'];
   private longEventLayoutGenerator;
   private calendarEventSorter;
   private fullDayEventLayout;
@@ -25,7 +27,7 @@ export declare class VegaCalendarFullDayEventLayoutRenderer extends VegaSlimmer
    * @param {currentViewIndex} currentViewIndex the current index of the row
    * @returns {HTMLElement[]} event elements
    */
-  render(calendarEvents: Nullable<CalendarEvent>[], currentViewIndex: number): HTMLElement[];
+  render(calendarEvents: Nullable<CalendarEvent>[], currentViewIndex: number, targetCalendarViewDate: CalendarDate): HTMLElement[];
   /**
    * Get the current event layout style from the params
    *

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

@@ -2,8 +2,11 @@ import { VegaSlimmer } from '../../../../../vega-slimmer/vega-slimmer-core';
 import { VegaCalendar } from '../../../vega-calendar';
 /** The `VegaCalendarRenderer` class in TypeScript React renders switch panel and view components for a calendar using VegaSlimmer. */
 export declare class VegaCalendarRenderer extends VegaSlimmer {
+  protected host: VegaCalendar['host'];
   protected switchPanelRenderer: VegaCalendar['switchPanelRenderer'];
   protected viewRenderer: VegaCalendar['viewRenderer'];
+  private eventPreviewRef;
+  getEventPreviewRef(): HTMLVegaCalendarEventPreviewElement;
   /**
    * The render function returns a Fragment containing the rendered output of switchPanelRenderer and viewRenderer components.
    *

package/dist/types/components/vega-calendar/slimmers/day-view/renderers/timed-event/vega-calendar-day-event-layout-renderer.d.ts

@@ -1,10 +1,12 @@
 import { VegaSlimmer } from '../../../../../../vega-slimmer/vega-slimmer-core';
 import { VegaCalendarDayViewTimedEventLayout } from './layout/day-view-timed-event-layout';
 import { VegaCalendar } from '../../../../vega-calendar';
+import { CalendarDate } from '../../../../../../helpers/calendar';
 /** The `VegaCalendarDayViewEventLayoutRenderer` class in TypeScript React renders event layouts for a day view calendar. */
 export declare class VegaCalendarDayViewEventLayoutRenderer extends VegaSlimmer {
   private static totalNumberOfCells;
   protected eventItemRenderer: VegaCalendar['eventItemRenderer'];
+  protected eventPreviewPopoverRenderer: VegaCalendar['eventPreviewPopoverRenderer'];
   /**
    * The `render` function in TypeScript React renders a layout of calendar events for a day view.
    *
@@ -13,7 +15,7 @@ export declare class VegaCalendarDayViewEventLayoutRenderer extends VegaSlimmer
    * a day view in a calendar. It has properties like `eventLayoutColumns`, which is an array of `VegaCalendarDayViewEvent
    * @returns {HTMLElement[]} An array of HTMLElements representing the rendered event nodes based on the provided layout and event data.
    */
-  render(layout: VegaCalendarDayViewTimedEventLayout): HTMLElement[];
+  render(layout: VegaCalendarDayViewTimedEventLayout, targetCalendarViewDate: CalendarDate): HTMLElement[];
   /**
    * This function calculates and returns the style properties for positioning and sizing a calendar event within a grid layout.
    *

package/dist/types/components/vega-calendar/slimmers/month-view/renderers/vega-calendar-month-event-renderer.d.ts

@@ -10,8 +10,12 @@ export declare class VegaCalendarMonthEventRenderer extends VegaSlimmer {
   protected calendarEventController: VegaCalendar['calendarEventController'];
   protected eventItemRenderer: VegaCalendar['eventItemRenderer'];
   protected fullDayEventLayoutRenderer: VegaCalendar['fullDayEventLayoutRenderer'];
+  protected eventPreviewPopoverRenderer: VegaCalendar['eventPreviewPopoverRenderer'];
+  protected renderer: VegaCalendar['renderer'];
+  protected eventPreviewPopoverController: VegaCalendar['eventPreviewPopoverController'];
   private eventContainerRef;
   private maxMonthDisplayEventsCount;
+  private popoverHideObserver;
   /**
    * current row dates all events.
    *
@@ -51,7 +55,7 @@ export declare class VegaCalendarMonthEventRenderer extends VegaSlimmer {
    *
    * @param {Nullable<CalendarEvent>[]} events all event list array
    * @param {number} moreItemsLength popover events length
-   * @param {string} title the popover title
+   * @param {CalendarDate} calendarDate current date
    * @returns {Nullable<HTMLDivElement>} the more button or null
    */
   private renderMoreButton;
@@ -63,4 +67,5 @@ export declare class VegaCalendarMonthEventRenderer extends VegaSlimmer {
    * @returns {Nullable<CalendarEvent>[][]} new event array
    */
   private hideTheCutOffEvents;
+  private setPopoverHideObserver;
 }

package/dist/types/components/vega-calendar/utils/index.d.ts

@@ -1,16 +1,10 @@
 import { CalendarDate } from '../../../helpers/calendar';
+import { BackgroundColorsTokenType } from '../../../types/design-token.type';
+import { Nullable } from '../../../types/general';
 export declare enum DateDirection {
   PREVIOUS = "-1",
   NEXT = "1"
 }
-/**
- * get month name from the month number
- *
- * @param {Date} date the date object
- * @param {boolean} isShortName short or long name
- * @returns {string} the month English name
- */
-export declare function getMonthName(date: Date, isShortName?: boolean): string;
 /**
  * The function `getTimeIndex` calculates the index of a given time string based on a specified time unit.
  *
@@ -36,3 +30,10 @@ export declare function getCalendarEventSlotName(eventKey: string): string;
  * @returns {CalendarDate} The closest workday to the input date
  */
 export declare function getClosestWorkday(date: CalendarDate, direction?: DateDirection): CalendarDate;
+/**
+ * Get event status background color.
+ *
+ * @param {Nullable<string | BackgroundColorsTokenType>} color the background color
+ * @returns {string} background color style string
+ */
+export declare function getEventStatusBgColorStyle(color?: Nullable<string | BackgroundColorsTokenType>): string;

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

@@ -8,7 +8,6 @@ export declare class VegaCalendarEventRenderer extends VegaSlimmer {
   protected calendarEvent: VegaCalendarEvent['calendarEvent'];
   protected slotMode: VegaCalendarEvent['slotMode'];
   protected showColorBar: VegaCalendarEvent['showColorBar'];
-  protected colorController: VegaCalendarEvent['colorController'];
   private eventTitleContainerRef;
   private slotContainerRef;
   /**
@@ -78,11 +77,4 @@ export declare class VegaCalendarEventRenderer extends VegaSlimmer {
    * @returns {HTMLStyleElement} style element
    */
   private injectBackgroundColorStyle;
-  /**
-   * Takes a time string as input and formats it to ensure it always has two digits for hours and minutes.
-   *
-   * @param {string} timeString the event time string
-   * @returns {string} time string after format
-   */
-  private formatDisplayTime;
 }

package/dist/types/components/vega-calendar/vega-calendar-event/vega-calendar-event.d.ts

@@ -1,6 +1,5 @@
 import { GlobalSlimmers } from '../../../vega-slimmer/vega-slimmer-core';
 import { VegaCalendarEventRenderer } from './slimmers/renderers/vega-calendar-event-renderer';
-import { VegaCalendarEventBgColorController } from './slimmers/controllers/vega-calendar-event-bg-color-controller';
 import { CalendarEvent } from '../../../helpers/calendar/calendar-event';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
 import { TimeFormat } from '../../../types/general';
@@ -16,7 +15,6 @@ export declare class VegaCalendarEvent {
   protected readonly pageResizeObserverSlimmer: PageResizeObserverSlimmer;
   protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaCalendarEventElement>;
   protected renderer: VegaCalendarEventRenderer;
-  protected colorController: VegaCalendarEventBgColorController;
   protected slotController: VegaCalendarEventSlotController;
   protected subStateController: VegaCalendarEventSubStateController;
   protected titleMaxHeightController: VegaCalendarTitleMaxHeightController;

package/dist/types/components/vega-calendar/vega-calendar-event-preview/assets/clock.d.ts

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

package/dist/types/components/vega-calendar/vega-calendar-event-preview/assets/close.d.ts

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

package/dist/types/components/vega-calendar/vega-calendar-event-preview/slimmers/controllers/vega-calendar-event-preview-state-controller.d.ts

@@ -0,0 +1,16 @@
+import { VegaSlimmer } from '../../../../../vega-slimmer/vega-slimmer-core';
+import { VegaCalendarEventPreview } from '../../vega-calendar-event-preview';
+/** Control the states of preview event */
+export declare class VegaCalendarEventPreviewStateController extends VegaSlimmer {
+  protected host: VegaCalendarEventPreview['host'];
+  protected currentEvent: VegaCalendarEventPreview['currentEvent'];
+  protected previewPayload: VegaCalendarEventPreview['previewPayload'];
+  /**
+   * connectedCallback
+   */
+  registerEventPreviewUpdateObserver(): void;
+  /**
+   * disconnectedCallback
+   */
+  unregisterEventPreviewUpdateObserver(): void;
+}

package/dist/types/components/vega-calendar/vega-calendar-event-preview/slimmers/renderers/vega-calendar-event-preview-detail-renderer.d.ts

@@ -0,0 +1,13 @@
+import { VegaSlimmer } from '../../../../../vega-slimmer/vega-slimmer-core';
+import { VegaCalendarEventPreview } from '../../vega-calendar-event-preview';
+export declare class VegaCalendarEventPreviewDetailRenderer extends VegaSlimmer {
+  protected host: VegaCalendarEventPreview['host'];
+  protected previewPayload: VegaCalendarEventPreview['previewPayload'];
+  protected currentEvent: VegaCalendarEventPreview['currentEvent'];
+  render(): HTMLElement;
+  private renderActions;
+  private renderBasicFields;
+  private renderEventTitle;
+  private renderDivider;
+  private injectBackgroundColorStyle;
+}

package/dist/types/components/vega-calendar/vega-calendar-event-preview/types.d.ts

@@ -0,0 +1,5 @@
+export type VegaCalendarEventPreviewPayload = {
+	event: CalendarEvent;
+	targetCalendarViewDate: CalendarDate;
+	timeFormat: TimeFormat;
+};

package/dist/types/components/vega-calendar/vega-calendar-event-preview/vega-calendar-event-preview.d.ts

@@ -0,0 +1,22 @@
+import { GlobalSlimmers } from '../../../vega-slimmer/vega-slimmer-core';
+import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
+import { TranslationSlimmer } from '../../../helpers/slimmers/translation';
+import { VegaCalendarEventPreviewStateController } from './slimmers/controllers/vega-calendar-event-preview-state-controller';
+import { VegaCalendarEventPreviewDetailRenderer } from './slimmers/renderers/vega-calendar-event-preview-detail-renderer';
+import { CalendarEvent } from '../../../helpers/calendar/calendar-event';
+import { Nullable } from '../../../types/general';
+import { VegaCalendarEventPreviewPayload } from './types';
+/**
+ * @vegaVersion 2.59.0
+ */
+export declare class VegaCalendarEventPreview {
+  protected detailRenderer: VegaCalendarEventPreviewDetailRenderer;
+  protected stateController: VegaCalendarEventPreviewStateController;
+  protected translationSlimmer: TranslationSlimmer<HTMLVegaCalendarEventPreviewElement>;
+  protected readonly globalSlimmer: GlobalSlimmers;
+  protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaCalendarEventPreviewElement>;
+  host: HTMLVegaCalendarEventPreviewElement;
+  previewPayload: VegaCalendarEventPreviewPayload;
+  currentEvent: Nullable<CalendarEvent>;
+  render(): VegaCalendarEventPreview;
+}

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

@@ -28,6 +28,8 @@ import { VegaCalendarFullDayEventMoreButtonRenderer } from './slimmers/day-view/
 import { TranslationSlimmer } from '../../helpers/slimmers/translation';
 import { VegaCalendarTimeMarkerRenderer } from './slimmers/day-view/renderers/vega-calendar-time-marker-renderer';
 import { VegaCalendarPostOperationDateController } from './slimmers/common/controllers/vega-calendar-post-operation-date-controller';
+import { VegaCalendarEventPreviewPopoverRenderer } from './slimmers/common/renderers/vega-calendar-event-preview-popover-renderer';
+import { VegaCalendarEventPreviewPopoverController } from './slimmers/common/controllers/vega-calendar-event-preivew-popover-controller';
 /**
  * @vegaVersion 2.14.0
  */
@@ -47,11 +49,13 @@ export declare class VegaCalendar {
   protected calendarViewController: VegaCalendarViewController;
   protected postOperationDateController: VegaCalendarPostOperationDateController;
   protected dayViewFullDayEventRenderer: VegaCalendarFullDayEventRenderer;
+  protected eventPreviewPopoverController: VegaCalendarEventPreviewPopoverController;
   protected dayViewFullDayEventMoreButtonRenderer: VegaCalendarFullDayEventMoreButtonRenderer;
   protected dayViewTimedEventRenderer: VegaCalendarTimedEventRenderer;
   protected eventItemRenderer: VegaCalendarEventItemRenderer;
   protected dayViewEventLayoutRenderer: VegaCalendarDayViewEventLayoutRenderer;
   protected fullDayEventLayoutRenderer: VegaCalendarFullDayEventLayoutRenderer;
+  protected eventPreviewPopoverRenderer: VegaCalendarEventPreviewPopoverRenderer;
   protected calendarEventController: VegaCalendarEventController;
   protected eventResponsiveController: VegaCalendarEventResponsiveController;
   protected changeEventEmitter: EventEmitSlimmerBase;
@@ -158,6 +162,12 @@ export declare class VegaCalendar {
    * @vegaVersion 2.28.0
    */
   showWeekends: boolean;
+  /**
+   * Controls the visibility of the event preview popover while click event.
+   *
+   * @vegaVersion 2.59.0
+   */
+  enabledEventPreview: boolean;
   /**
    * Monitors changes in the visibility of the weekend columns in the calendar.
    */

package/dist/types/components/vega-field-error/types.d.ts

@@ -1,4 +1,5 @@
 export type FieldErrorEventPayload = {
 	host: HTMLVegaFieldErrorElement;
-	message: string;
+	isValid: boolean;
+	message?: string;
 };

package/dist/types/components/vega-form/slimmers/controllers/vega-form-field-validation-state-controller.d.ts

@@ -0,0 +1,29 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaFormFieldValidationState } from '../../types';
+import { VegaForm } from '../../vega-form';
+/**
+ * The field error controller for vega form to set validation errors on form fields.
+ */
+export declare class VegaFormFieldValidationStateController extends VegaSlimmer {
+  host: VegaForm['host'];
+  /**
+   * Set validation states for the form fields.
+   *
+   * @param {VegaFormFieldValidationState[]} states - An array of validation error objects.
+   */
+  setValidationStates(states: VegaFormFieldValidationState[]): void;
+  /**
+   * Get the host element by field name, support nested field name with dot notation.
+   *
+   * @param {string} fieldName - The field name, can be nested with dot notation.
+   * @returns {Nullable<FormFieldElement<unknown>>} The host element or null if not found.
+   */
+  private getHostByFieldName;
+  /**
+   * Update the validation state of a form field element.
+   *
+   * @param {FormFieldElement<unknown>} target - The target form field element.
+   * @param {Pick<VegaFormFieldValidationState, 'isValid' | 'errorMessage'>} payload - An object containing the validation state and error message.
+   */
+  private updateFieldValidationState;
+}

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

@@ -1,3 +1,5 @@
+import { Nullable } from '../../types/general';
+
 export type FormControlOption = {
 	skipDisabled?: boolean;
 	skipInvisible?: boolean;
@@ -8,3 +10,19 @@ export type FormValidateResult = {
 	invalidFields: string[];
 	invalidFieldsErrorMessages?: Record<string, string>;
 };
+
+export type VegaFormFieldValidationState = {
+	/**
+	 * The field name specified in the form field's `data-vega-form` attribute.
+	 * Supports nested form fields using dot notation (e.g., "nestedForm.field").
+	 */
+	fieldName: string;
+	/**
+	 * Whether the field is valid or not.
+	 */
+	isValid: boolean;
+	/**
+	 * The error message to display when the field is invalid.
+	 */
+	errorMessage?: Nullable<string>;
+};

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { FormControlOption, FormValidateResult } from './types';
+import { FormControlOption, FormValidateResult, VegaFormFieldValidationState } 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';
@@ -7,6 +7,7 @@ import { ChildNodesNotifyObserverSlimmer } from '../../helpers/event-manager/sli
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { SubStateNotifySlimmerBase } from '../../helpers/slimmers/sub-state/sub-state-notify-slimmer-base';
 import { VegaFormNestStateController } from './slimmers/controllers/vega-form-nest-state-controller';
+import { VegaFormFieldValidationStateController } from './slimmers/controllers/vega-form-field-validation-state-controller';
 /**
  * @vegaVersion 1.3.0
  */
@@ -22,6 +23,7 @@ export declare class VegaForm {
   protected childNotifyObserver: ChildNodesNotifyObserverSlimmer<unknown>;
   protected childNodeValueChangeObserver: ChildNodesNotifyObserverSlimmer<unknown>;
   protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaFormElement>;
+  protected vegaFormFieldValidationStateController: VegaFormFieldValidationStateController;
   private invalidFieldPathMap;
   private pendingValidFieldPathMap;
   private controlledFieldPathSet;
@@ -165,6 +167,14 @@ export declare class VegaForm {
    * @vegaVersion 1.3.0
    */
   reset(defaultValueMap?: unknown, option?: FormControlOption): Promise<void>;
+  /**
+   * Invoke this method to set validation states on specific form fields.
+   *
+   * @param {VegaFormFieldValidationState[]} states - An array of validation error objects.
+   *
+   * @vegaVersion 2.59.0
+   */
+  setValidationStates(states: VegaFormFieldValidationState[]): Promise<void>;
   private static getFormFieldValue;
   render(): VegaForm;
   /**

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

@@ -4,6 +4,7 @@ import { VegaPopover } from '../../vega-popover';
 export declare class VegaPopoverAppenderRenderer extends VegaSlimmer {
   host: VegaPopover['host'];
   showArrow: VegaPopover['showArrow'];
+  padding: VegaPopover['padding'];
   private popoverContentBox;
   /**
    * The function appends the content of a popover slot to a popover content box.

package/dist/types/components/vega-popover/vega-popover-content-box/vega-popover-content-box.d.ts

@@ -1,5 +1,6 @@
 import { GlobalSlimmers } from '../../../vega-slimmer/vega-slimmer-core';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
+import { PaddingType, ResponsiveType } from '../../../types/ui.type';
 /**
  * @vegaVersion 2.0.0
  */
@@ -13,5 +14,11 @@ export declare class VegaPopoverContentBox {
    * @vegaVersion 2.8.0
    */
   showArrow: boolean;
+  /**
+   * Determines the spacing between the content and the edges of the popover content box.
+   *
+   * @vegaVersion 2.59.0
+   */
+  padding: ResponsiveType<PaddingType>;
   render(): VegaPopoverContentBox;
 }

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { ResponsiveType, SizeType, PlacementType, PositionAlignmentType } from '../../types/ui.type';
+import { ResponsiveType, SizeType, PlacementType, PositionAlignmentType, PaddingType } from '../../types/ui.type';
 import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
 import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
 import { VegaPopoverAppenderRenderer } from './slimmers/renderers/vega-popover-appender-renderer';
@@ -86,6 +86,12 @@ export declare class VegaPopover {
    * @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>;
   /**
    * An event emitter notifying the popover show event.
    *

package/dist/types/components/vega-rich-text-content/slimmers/renderers/vega-rich-text-content-renderer.d.ts

@@ -6,7 +6,6 @@ export declare class VegaRichTextContentRenderer extends VegaSlimmer {
   contentEditable: VegaRichTextContent['contentEditable'];
   content: VegaRichTextContent['content'];
   private richTextContentRef;
-  private readonly blockRenderers;
   componentWillLoad(): void;
   constructor();
   watchValueUpdate(): void;
@@ -20,6 +19,5 @@ export declare class VegaRichTextContentRenderer extends VegaSlimmer {
   private setRTEContent;
   private renderRichTextContent;
   private renderContent;
-  private getBlockRenderer;
   private shouldShowPlaceholder;
 }

package/dist/types/components/vega-rich-text-editor/assets/display-code.d.ts

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

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

@@ -1,3 +1,4 @@
 import { VegaRTEColorSchema } from '../interface';
+export declare const RTE_DEFAULT_TEXT_COLOR: VegaRTEColorSchema;
 export declare const RTE_TEXT_COLORS: VegaRTEColorSchema[];
 export declare const ZERO_WIDTH_SPACE: string;

package/dist/types/components/vega-rich-text-editor/dto/action-handle-strategies/action-handle-strategy-registry.d.ts

@@ -1,10 +1,10 @@
 import { Nullable } from '../../../../types/general';
 import { AnnotationAction } from '../actions/annotation-action.abstract';
 import { ModifyContentAction } from '../actions/modify-content-action.abstract';
-import { RTEBlock } from '../blocks/block.abstract';
-import { VegaRTEContent } from '../content-state';
-import { RTENode } from '../nodes/node.abstract';
-import { ActionHandleStrategy } from './action-handle-strategy.abstract';
+import type { RTEBlock } from '../blocks/block.abstract';
+import type { VegaRTEContent } from '../content-state';
+import type { RTENode } from '../nodes/node.abstract';
+import type { ActionHandleStrategy } from './action-handle-strategy.abstract';
 /**
  * The strategies registry, contains static methods `register`, `get` and `getStrategyAndExecute`.
  */

package/dist/types/components/vega-rich-text-editor/dto/action-handle-strategies/action-handle-strategy.abstract.d.ts

@@ -1,12 +1,11 @@
+import { Nullable } from '../../../../types/general';
 import { AnnotationAction } from '../actions/annotation-action.abstract';
 import { ModifyContentAction } from '../actions/modify-content-action.abstract';
-import { RTEBlock } from '../blocks/block.abstract';
-import { RTEImageBlock } from '../blocks/image-block';
-import { RTETextBlock } from '../blocks/text-block';
-import { VegaRTEContent } from '../content-state';
-import { RTEImageNode } from '../nodes/image-node';
-import { RTENode } from '../nodes/node.abstract';
-import { RTETextNode } from '../nodes/text-node';
+import type { RTEBlock } from '../blocks/block.abstract';
+import type { RTETextBlock } from '../blocks/text-block';
+import type { VegaRTEContent } from '../content-state';
+import type { RTENode } from '../nodes/node.abstract';
+import type { RTETextNode } from '../nodes/text-node';
 /**
  * The base action handle strategy class, use to modify the rich text node content or modify the annotation.
  */
@@ -21,41 +20,70 @@ export declare abstract class ActionHandleStrategy<T extends ModifyContentAction
    */
   execute(action: T, target: target): R;
   /**
-   * Checks if the caret position is at the end of a specified RTETextNode.
+   * Update the custom style annotation of a block or node
    *
-   * @param {RTETextBlock} textBlock - `RTETextBlock` - a text block.
-   * @param {RTETextNode} node - `RTETextNode` - a node representing an image in a rich text editor.
-   * @param {number} startOffset - The position within the text node where the caret is located.
-   * @returns {boolean} a boolean value, which indicates whether the caret position is at the start of the RTETextNode.
+   * @param {RTEBlock | RTETextNode} item - block or node
+   * @param {string[]} styleKeys - custom style keys, for examples ['fontSize', 'fontWeight'].
    */
-  protected isCaretPositionAtTextBlockEnd(textBlock: RTETextBlock, node: RTETextNode, startOffset: number): boolean;
+  protected updateCustomStyleAnnotation(item: RTEBlock | RTETextNode, styleKeys: string[]): void;
   /**
-   * Checks if the caret position is at the start of a specified RTETextNode.
+   * Create a new paragraph block with the given text.
+   *
+   * @param {string} text - The text content for the new paragraph.
+   * @returns {Nullable<RTETextBlock>} - The newly created paragraph block, or null if creation failed.
+   */
+  protected createNewParagraph(text: string): Nullable<RTETextBlock>;
+  /**
+   * Get the root content from a child block or node.
+   *
+   * @param {RTEBlock | RTENode} child - The child block or node.
+   * @returns {Nullable<VegaRTEContent>} The root content, if found.
+   */
+  protected getRootContent(child: RTEBlock | RTENode): Nullable<VegaRTEContent>;
+  /**
+   * Check the caret position at the start of a block.
+   *
+   * @param {RTEBlock} block - The RTE Block.
+   * @param {RTENode} node - The RTE Node.
+   * @param {number} offset - The offset position.
+   * @returns {boolean} - Whether the caret is at the start of the block.
+   */
+  protected isCaretPositionAtBlockStart(block: RTEBlock, node: RTENode, offset: number): boolean;
+  /**
+   * Check the caret position at the end of a block.
+   *
+   * @param {RTEBlock} block - The RTE Block.
+   * @param {RTENode} node - The RTE Node.
+   * @param {number} offset - The offset position.
+   * @returns {boolean} - Whether the caret is at the end of the block.
+   */
+  protected isCaretPositionAtBlockEnd(block: RTEBlock, node: RTENode, offset: number): boolean;
+  /**
+   * Checks if the caret position is at the end of a specified RTETextNode.
    *
    * @param {RTETextBlock} textBlock - `RTETextBlock` - a text block.
    * @param {RTETextNode} node - `RTETextNode` - a node representing an image in a rich text editor.
    * @param {number} startOffset - The position within the text node where the caret is located.
    * @returns {boolean} a boolean value, which indicates whether the caret position is at the start of the RTETextNode.
    */
-  protected isCaretPositionAtTextBlockStart(textBlock: RTETextBlock, node: RTETextNode, startOffset: number): boolean;
+  private isCaretPositionAtTextBlockEnd;
   /**
-   * Checks if the caret position is at the start of a specified RTEImageNode.
+   * Checks if the caret position is at the end of a given decorator node.
    *
-   * @param {RTEImageBlock} target - The image block.
-   * @param {RTEImageNode} node - `RTEImageNode` - a node representing an image in a rich text editor.
-   * @param {number} startOffset - The position within the text node where the caret is located.
-   * @returns {boolean} a boolean value, which indicates whether the caret position is at the start of the RTEImageNode.
+   * @param {RTEBlock} target - The image block.
+   * @param {RTENode} node - `node` is a RTEDecoratorNode or non-editable text node.
+   * @param {number} startOffset - The position within the `RTEDecoratorNode` where the caret is located.
+   * @returns {boolean}Returns a boolean value indicating whether the caret position is at the end of the `RTEDecoratorNode`.
    */
-  protected isCaretPositionAtImageBlockStart(target: RTEImageBlock, node: RTEImageNode, startOffset: number): boolean;
+  private isCaretPositionAtDecoratorBlockEnd;
   /**
-   * Checks if the caret position is at the end of a given RTEImageNode.
+   * Determines if the custom style annotation includes any the custom style.
    *
-   * @param {RTEImageBlock} target - The image block.
-   * @param {RTEImageNode} node - `node` is a RTEImageNode
-   * @param {number} startOffset - The position within the `RTEImageNode` where the caret is located.
-   * @returns {boolean}Returns a boolean value indicating whether the caret position is at the end of the `RTEImageNode`.
+   * @param {CustomStyleAnnotation} customStyleAnnotation - custom style annotation
+   * @param {string[]} styleKeys - custom style keys, for examples ['fontSize', 'fontWeight'].
+   * @returns {boolean} - True if the custom key includes the custom style, false otherwise.
    */
-  protected isCaretPositionAtImageBlockEnd(target: RTEImageBlock, node: RTEImageNode, startOffset: number): boolean;
+  private isCustomStyle;
   /**
    * Update the rich text node content or annotation by the action type.
    *