@globalpayments/vega 2.36.0 → 2.37.0

package/dist/types/components/vega-table/internal/vega-table-scrollable-container.d.ts

@@ -3,6 +3,7 @@ import { VegaTableScrollConfig } from '../interface';
 interface VegaTableScrollableContainerProps {
   scrollConfig?: VegaTableScrollConfig;
   ref?: (ref: HTMLElement | undefined) => void;
+  onScroll?: (e: Event) => void;
 }
 export declare const VegaTableScrollableContainer: FunctionalComponent<VegaTableScrollableContainerProps>;
 export {};

package/dist/types/components/vega-table/slimmers/renderers/vega-table-scroll-container-renderer.d.ts

@@ -2,9 +2,12 @@ import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
 import { VegaTable } from '../../vega-table';
 export declare class VegaTableScrollContainerRenderer extends VegaSlimmer {
   scrollConfig: VegaTable['scrollConfig'];
+  host: VegaTable['host'];
+  isTemplateRenderMode: VegaTable['isTemplateRenderMode'];
   private tableScrollContainerRef;
   watchCurrentPage(): void;
   render(children: unknown): HTMLElement;
   private setTableScrollContainerRef;
   private scrollContainerToTop;
+  private notifyContentScrolling;
 }

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

@@ -1,3 +1 @@
-import { VegaComponentInterface } from '../../types/ui.type';
-
-export type VegaTextTooltipProps = Partial<Pick<VegaComponentInterface<HTMLVegaTooltipElement>, 'placement'>>;
+export type VegaTextTooltipProps = Partial<Pick<HTMLVegaTooltipElement, 'placement'>>;

package/dist/types/components.d.ts

@@ -274,6 +274,7 @@ export namespace Components {
         /**
           * Specifies how the box aligns itself within its container.
           * @vegaVersion 2.3.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/align-self
          */
         "alignSelf": ResponsiveType<AlignSelfType>;
         /**
@@ -309,36 +310,43 @@ export namespace Components {
         /**
           * Specifies how the box adjusts its size, growth, and alignment within a flex container.
           * @vegaVersion 2.3.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex
          */
         "flex": ResponsiveType<FlexType>;
         /**
           * Specifies the base size of the box.
           * @vegaVersion 2.3.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis
          */
         "flexBasis": ResponsiveType<FlexBasisType>;
         /**
           * Specifies how the box is grow.
           * @vegaVersion 2.3.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow
          */
         "flexGrow": ResponsiveType<FlexGrowType>;
         /**
           * Specifies how much the box shrinks.
           * @vegaVersion 2.3.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink
          */
         "flexShrink": ResponsiveType<FlexShrinkType>;
         /**
           * Defines the area within the grid occupied by the item. It accepts CSS values and can be set as ResponsiveType.
           * @vegaVersion 2.5.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area
          */
         "gridArea": ResponsiveType<GridAreaType>;
         /**
           * Determines the placement of the item within the grid along the horizontal axis.
           * @vegaVersion 2.5.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column
          */
         "gridColumn": ResponsiveType<GridColumnType>;
         /**
           * Determines the placement of the item within the grid along the vertical axis.
           * @vegaVersion 2.5.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row
          */
         "gridRow": ResponsiveType<GridRowType>;
         /**
@@ -349,6 +357,7 @@ export namespace Components {
         /**
           * Specifies how a single box justifies its content along the main axis within its container.
           * @vegaVersion 2.3.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self
          */
         "justifySelf": ResponsiveType<JustifySelfType>;
         /**
@@ -369,6 +378,7 @@ export namespace Components {
         /**
           * Specifies the display order of the box.
           * @vegaVersion 2.3.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/order
          */
         "order": ResponsiveType<OrderType>;
         /**
@@ -493,7 +503,7 @@ export namespace Components {
          */
         "size": VegaButtonCircleSize;
         /**
-          * Specifies the properties of the tooltip displayed for the button circle.
+          * Specifies the properties of the `vega-tooltip` displayed for the button circle.
           * @vegaVersion 1.52.0
          */
         "tooltip": VegaButtonCircleTooltip;
@@ -1513,21 +1523,25 @@ export namespace Components {
         /**
           * Specifies how the box adjusts its size, growth, and alignment within a flex container.
           * @vegaVersion 2.26.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex
          */
         "flex": ResponsiveType<FlexType>;
         /**
           * Specifies the box's base size, defining its initial    width or height in a flex container.
           * @vegaVersion 2.26.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis
          */
         "flexBasis": ResponsiveType<FlexBasisType>;
         /**
           * Specifies how the box grows to fill available space in a flex container.
           * @vegaVersion 2.26.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow
          */
         "flexGrow": ResponsiveType<FlexGrowType>;
         /**
           * Specifies how much the box shrinks to fit within a flex container.
           * @vegaVersion 2.26.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink
          */
         "flexShrink": ResponsiveType<FlexShrinkType>;
         /**
@@ -2266,7 +2280,7 @@ export namespace Components {
          */
         "value": SelectValueType<SelectType>;
         /**
-          * Provides partial properties for the dropdown component used    in the input select element.  You can specify custom properties and their corresponding values as needed.
+          * Provides partial properties for the `vega-dropdown` component used    in the input select element.  You can specify custom properties and their corresponding values as needed.
           * @vegaVersion 1.3.0
          */
         "vegaDropdownProps": VegaDropdownPropsForSelect;
@@ -2350,6 +2364,11 @@ export namespace Components {
           * @vegaVersion 1.31.0
          */
         "counterBadge": LeftNavCounterBadgeConfig;
+        /**
+          * Specifies whether the link's selected state can be customized. When enabled, it prevents the default automatic selection on click, allowing users to manually control the link’s selection behavior.
+          * @vegaVersion 2.37.0
+         */
+        "customSelectionEnabled": boolean;
         /**
           * icon attached to the left nav link items **
           * @vegaVersion 1.31.0
@@ -2550,7 +2569,7 @@ export namespace Components {
          */
         "current": number;
         /**
-          * Specifies the properties of the vega-dropdown component    used to configure the dropdown for the    page size selector in pagination.
+          * Specifies the properties of the `vega-dropdown` component    used to configure the dropdown for the    page size selector in pagination.
           * @vegaVersion 2.36.0
          */
         "dropdownProps": DropdownPropsForPagination;
@@ -2969,7 +2988,7 @@ export namespace Components {
          */
         "disabled": boolean;
         /**
-          * Specifies the tooltip displayed for the selection chip    when it is in a disabled state. This provides additional context or information about the chip's    functionality or reason for being disabled.
+          * Specifies the `vega-tooltip` displayed for the selection chip    when it is in a disabled state. This provides additional context or information about the chip's    functionality or reason for being disabled.
           * @vegaVersion 2.22.0
          */
         "disabledTooltip": VegaSelectionChipTooltipProps;
@@ -5169,6 +5188,7 @@ declare namespace LocalJSX {
         /**
           * Specifies how the box aligns itself within its container.
           * @vegaVersion 2.3.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/align-self
          */
         "alignSelf"?: ResponsiveType<AlignSelfType>;
         /**
@@ -5204,36 +5224,43 @@ declare namespace LocalJSX {
         /**
           * Specifies how the box adjusts its size, growth, and alignment within a flex container.
           * @vegaVersion 2.3.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex
          */
         "flex"?: ResponsiveType<FlexType>;
         /**
           * Specifies the base size of the box.
           * @vegaVersion 2.3.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis
          */
         "flexBasis"?: ResponsiveType<FlexBasisType>;
         /**
           * Specifies how the box is grow.
           * @vegaVersion 2.3.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow
          */
         "flexGrow"?: ResponsiveType<FlexGrowType>;
         /**
           * Specifies how much the box shrinks.
           * @vegaVersion 2.3.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink
          */
         "flexShrink"?: ResponsiveType<FlexShrinkType>;
         /**
           * Defines the area within the grid occupied by the item. It accepts CSS values and can be set as ResponsiveType.
           * @vegaVersion 2.5.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area
          */
         "gridArea"?: ResponsiveType<GridAreaType>;
         /**
           * Determines the placement of the item within the grid along the horizontal axis.
           * @vegaVersion 2.5.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column
          */
         "gridColumn"?: ResponsiveType<GridColumnType>;
         /**
           * Determines the placement of the item within the grid along the vertical axis.
           * @vegaVersion 2.5.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row
          */
         "gridRow"?: ResponsiveType<GridRowType>;
         /**
@@ -5244,6 +5271,7 @@ declare namespace LocalJSX {
         /**
           * Specifies how a single box justifies its content along the main axis within its container.
           * @vegaVersion 2.3.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self
          */
         "justifySelf"?: ResponsiveType<JustifySelfType>;
         /**
@@ -5264,6 +5292,7 @@ declare namespace LocalJSX {
         /**
           * Specifies the display order of the box.
           * @vegaVersion 2.3.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/order
          */
         "order"?: ResponsiveType<OrderType>;
         /**
@@ -5421,7 +5450,7 @@ declare namespace LocalJSX {
          */
         "size"?: VegaButtonCircleSize;
         /**
-          * Specifies the properties of the tooltip displayed for the button circle.
+          * Specifies the properties of the `vega-tooltip` displayed for the button circle.
           * @vegaVersion 1.52.0
          */
         "tooltip"?: VegaButtonCircleTooltip;
@@ -6690,21 +6719,25 @@ declare namespace LocalJSX {
         /**
           * Specifies how the box adjusts its size, growth, and alignment within a flex container.
           * @vegaVersion 2.26.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex
          */
         "flex"?: ResponsiveType<FlexType>;
         /**
           * Specifies the box's base size, defining its initial    width or height in a flex container.
           * @vegaVersion 2.26.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis
          */
         "flexBasis"?: ResponsiveType<FlexBasisType>;
         /**
           * Specifies how the box grows to fill available space in a flex container.
           * @vegaVersion 2.26.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow
          */
         "flexGrow"?: ResponsiveType<FlexGrowType>;
         /**
           * Specifies how much the box shrinks to fit within a flex container.
           * @vegaVersion 2.26.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink
          */
         "flexShrink"?: ResponsiveType<FlexShrinkType>;
         /**
@@ -7615,7 +7648,7 @@ declare namespace LocalJSX {
          */
         "value"?: SelectValueType<SelectType>;
         /**
-          * Provides partial properties for the dropdown component used    in the input select element.  You can specify custom properties and their corresponding values as needed.
+          * Provides partial properties for the `vega-dropdown` component used    in the input select element.  You can specify custom properties and their corresponding values as needed.
           * @vegaVersion 1.3.0
          */
         "vegaDropdownProps"?: VegaDropdownPropsForSelect;
@@ -7727,6 +7760,11 @@ declare namespace LocalJSX {
           * @vegaVersion 1.31.0
          */
         "counterBadge"?: LeftNavCounterBadgeConfig;
+        /**
+          * Specifies whether the link's selected state can be customized. When enabled, it prevents the default automatic selection on click, allowing users to manually control the link’s selection behavior.
+          * @vegaVersion 2.37.0
+         */
+        "customSelectionEnabled"?: boolean;
         /**
           * icon attached to the left nav link items **
           * @vegaVersion 1.31.0
@@ -7956,7 +7994,7 @@ declare namespace LocalJSX {
          */
         "current"?: number;
         /**
-          * Specifies the properties of the vega-dropdown component    used to configure the dropdown for the    page size selector in pagination.
+          * Specifies the properties of the `vega-dropdown` component    used to configure the dropdown for the    page size selector in pagination.
           * @vegaVersion 2.36.0
          */
         "dropdownProps"?: DropdownPropsForPagination;
@@ -8493,7 +8531,7 @@ declare namespace LocalJSX {
          */
         "disabled"?: boolean;
         /**
-          * Specifies the tooltip displayed for the selection chip    when it is in a disabled state. This provides additional context or information about the chip's    functionality or reason for being disabled.
+          * Specifies the `vega-tooltip` displayed for the selection chip    when it is in a disabled state. This provides additional context or information about the chip's    functionality or reason for being disabled.
           * @vegaVersion 2.22.0
          */
         "disabledTooltip"?: VegaSelectionChipTooltipProps;

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';
+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';
 export declare const SIDENAV_LINK_SELECTED_TOPIC: Subject;
 export declare const LEFT_NAV_LINK_SELECTED_TOPIC: Subject;
 export declare const ACCORDION_EXPAND_TOPIC: Subject;
@@ -26,3 +26,4 @@ export declare const VEGA_VIRTUAL_SCROLL_TO_BOTTOM: Subject;
 export declare const SELECTION_TILE_VALUE_CHANGE: Subject;
 export declare const UPDATE_TRANSLATION: Subject;
 export declare const DARK_MODE_CHANGE: Subject;
+export declare const SHADOW_ROOT_ELEMENT_SCROLLING: Subject;

package/dist/types/helpers/chart/bar-chart.d.ts

@@ -1,7 +1,7 @@
 import { BaseChart } from './base-chart';
 import { BaseDrawer } from './drawers/base-drawer';
 import { BaseRenderer } from './renderers/base-renderer';
-import { ChartDataSourceItem, ChartOptions, directionType } from '../../types/vega-chart';
+import { ChartDataSourceItem, directionType } from '../../types/vega-chart';
 import { BaseInteractor } from './interactors/base-interactor';
 export declare type BarChartDataType = {
   /**
@@ -13,7 +13,6 @@ export declare type BarChartDataType = {
    */
   direction?: directionType;
 };
-export declare type LineChartOptionsType = Partial<Omit<ChartOptions<BarChartDataType>, 'container'>>;
 /**
  * The BarChart class is a TypeScript implementation of a bar chart that extends the BaseChart class
  * and includes methods for creating a drawer chain

package/dist/types/helpers/dialog/vega-dialog-controller.d.ts

@@ -1,5 +1,4 @@
 import { VegaDialogAction, VegaDialogActionButtonProps } from '../../components/vega-dialog/types';
-import { VegaComponentInterface } from '../../types/ui.type';
 import { VegaPublicAPIRuntimeMetricsSlimmerBase } from '../slimmers/runtime-metrics/public-api-runtime-metrics-slimmer-base';
 export declare type VegaDialogOption = {
   title?: string;
@@ -10,7 +9,7 @@ export declare type VegaDialogOption = {
   cancelButton?: VegaDialogActionButtonProps;
   handleCancel?: VegaDialogAction;
   showCancel?: boolean;
-} & Partial<Pick<VegaComponentInterface<HTMLVegaModalElement>, 'size' | 'isVerticallyCenter' | 'isVerticallyCentered' | 'showCloseButton'>>;
+} & Partial<Pick<HTMLVegaModalElement, 'size' | 'isVerticallyCenter' | 'isVerticallyCentered' | 'showCloseButton'>>;
 /**
  * The dialog controller
  */

package/dist/types/helpers/skeleton-loader/interface.d.ts

@@ -1,8 +1,6 @@
 import { VegaComponentInterface } from '../../types/ui.type';
 
-export type VegaSkeletonLoaderItem = Partial<
-	Pick<VegaComponentInterface<HTMLVegaSkeletonElement>, 'type' | 'width' | 'height'>
->;
+export type VegaSkeletonLoaderItem = Partial<Pick<HTMLVegaSkeletonElement, 'type' | 'width' | 'height'>>;
 
 export type VegaSkeletonLoaderLayout = {
 	props?: Partial<VegaComponentInterface<HTMLVegaFlexElement>>;

package/dist/types/helpers/slimmers/element-appender-slimmer.d.ts

@@ -19,6 +19,7 @@ export declare class ElementAppenderSlimmer extends VegaSlimmer {
   private showConfig;
   private delayHideTimer;
   private elementAppender;
+  private shadowRootElementScrollingObserver;
   /**
    * appendableElement is interactive by default (to pass [WCAG 2.1 success criterion 1.4.13](https://www.w3.org/TR/WCAG21/#content-on-hover-or-focus))
    */
@@ -55,5 +56,20 @@ export declare class ElementAppenderSlimmer extends VegaSlimmer {
   private createDelayHideTimer;
   private clearDelayHideTimer;
   private shouldListenerWork;
+  /**
+   * Sets up an observer to handle scroll events in a shadow root element.
+   */
+  private listenShadowRootElementScrolling;
+  /**
+   * Checks if the host element is a parent of the target element.
+   *
+   * @param {ShadowRootElementScrollingPayload} payload - payload.
+   * @returns {boolean} - Can accept.
+   */
+  private canAcceptShadowRootScrollEvent;
+  /**
+   * Remove observer for scrolling in a shadow root element.
+   */
+  private removeShadowRootElementScrolling;
 }
 export {};

package/dist/types/helpers/slimmers/string-input-formatter-slimmer.d.ts

@@ -8,11 +8,13 @@ export declare abstract class StringInputFormatterSlimmer extends VegaSlimmer {
   private inputFormatStrategy;
   private blurFormatStrategy;
   private inputElement;
-  private inputFlag;
-  private blurFlag;
   protected abstract getInputElementRef: () => Nullable<HTMLInputElement>;
   protected abstract getInputModeStrategy: () => Nullable<StringFormatStrategy>;
   protected abstract getBlurModeStrategy: () => Nullable<StringFormatStrategy>;
+  /**
+   * Component lifecycle - componentDidRender
+   */
+  componentDidRender(): void;
   /**
    * The setup function initializes input element event listeners based on input and blur format strategies.
    */
@@ -22,10 +24,9 @@ export declare abstract class StringInputFormatterSlimmer extends VegaSlimmer {
    */
   destroy(): void;
   /**
-   * The `onInit` function checks for specific feature flags and conditions to format input values
-   * accordingly.
+   * Format the value by input strategy and blur strategy when formatter config change.
    */
-  private onInit;
+  private formatValueAfterSetup;
   /**
    * restore input value
    *
@@ -73,12 +74,4 @@ export declare abstract class StringInputFormatterSlimmer extends VegaSlimmer {
    * @param {Nullable<number>} caretPosition - The current input caret position
    */
   private updateInputCaretPosition;
-  /**
-   * The function `updateInputValueOnInit` updates the input value based on a specified strategy.
-   *
-   * @param {string} strategy - The `strategy` parameter is a string that determines which formatting
-   * strategy to use when updating the input value. It can have two possible values: 'input' or any other
-   * value.
-   */
-  private updateInputValueOnInit;
 }

package/dist/types/types/public-api.d.ts

@@ -1,4 +1,6 @@
 export * from './components.type';
+export * from './vega-chart';
+export * from '../components/vega-calendar/types';
 export { VegaTableNode, VegaTableCellNode, VegaTableCreateElementFunction, VegaTableSorterType, VegaTableCellRenderFunction, VegaTableFormItemProps, VegaTableEditComponentProps, VegaTableCellFormItemRenderFunction, } from '../components/vega-table/interface';
 export { EvaluateResult, FormFieldStatusMeta } from '../helpers/validator/rules/form-field-validation-rule';
 export { VegaThemeOverrideColors } from '../helpers/theme/theme';
@@ -9,9 +11,30 @@ export { MaskConfig } from '../helpers/formatter/string-formatter/string-mask-st
 export { LeftNavSection, LeftNavGroup, LeftNavLink } from '../components/vega-nav/interface';
 export { LineChartOptionsType as VegaLineChartOptionsType } from '../helpers/chart/line-chart';
 export { EventSemanticsConfig, EventSemantics } from '../helpers/event-manager/internal-vega-event-manager';
-export { VegaComponentName, VegaNativeEventNameType } from './ui.type';
+export { VegaComponentName, VegaNativeEventNameType, StateVariantType, CssStatesType, BreakpointsForPrefixType, DirectionalSpacingType, SpacingDirection, DirectionalBorderRadiusType, BorderRadiusDirection, } from './ui.type';
 export { VegaLoaderOptions, VegaLoaderIndicatorOptions } from '../helpers/loading-indicator/vega-loader';
 export { VegaNotifyOption } from '../helpers/notify/vega-notify';
 export { OverrideColor } from '../helpers/theme/theme';
 export { VegaSkeletonLoaderConfig, VegaSkeletonLoaderLayout, VegaSkeletonLoaderItem, } from '../helpers/skeleton-loader/interface';
 export { VegaTranslationConfig, VegaTranslationResources, StaticTranslationKey, } from '../helpers/translation';
+export { BarChartDataType } from '../helpers/chart/bar-chart';
+export { EvaluateResultBase } from '../helpers/validator/rules/validation-rule';
+export { VegaTableSortCompareFunction, ColumnAlignType, VegaTableFormItemType, VegaTablePaginationPosition, } from '../components/vega-table/interface';
+export { VegaInputSourceLazyLoadResponse } from '../components/vega-input-select/types';
+export { VegaTabGroupCounterBadgeProps } from '../components/vega-tab-group/types';
+export { SidebarItem } from '../components/vega-sidenav/types';
+export * from '../components/vega-rich-text-editor/interface';
+export * from '../components/vega-rich-text-editor/vega-rich-text-image-editor/types';
+export * from '../components/vega-rich-text-editor/vega-rich-text-link-editor/types';
+export { RTETextBlock } from '../components/vega-rich-text-editor/dto/blocks/text-block';
+export { RTEImageBlock } from '../components/vega-rich-text-editor/dto/blocks/image-block';
+export { RTEListItemBlock } from '../components/vega-rich-text-editor/dto/blocks/list-item-block';
+export { RTEListBlock } from '../components/vega-rich-text-editor/dto/blocks/list-block';
+export { RTEBlock } from '../components/vega-rich-text-editor/dto/blocks/block.abstract';
+export { ModifyContentAction } from '../components/vega-rich-text-editor/dto/actions/modify-content-action.abstract';
+export { RTEImageNode } from '../components/vega-rich-text-editor/dto/nodes/image-node';
+export { RTETextNode } from '../components/vega-rich-text-editor/dto/nodes/text-node';
+export { RTENode } from '../components/vega-rich-text-editor/dto/nodes/node.abstract';
+export { CssStates, FlexDirections, BoxDisplay } from '../constants/ui';
+export { Breakpoints } from '../constants/tokens/breakpoints';
+export { GridColumns, GridRows } from '../constants/tokens/tailwind.extend';

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

@@ -149,4 +149,4 @@ export interface ManagedStateScopeInput {
 export declare type IconAlignType = 'left' | 'right';
 export declare type BorderStyleType = 'solid' | 'dashed' | 'dotted' | 'double' | 'none';
 export declare type TextAlignType = 'start' | 'end' | 'left' | 'right' | 'center' | 'justify';
-export declare type VegaFlexProps = Partial<Pick<VegaComponentInterface<HTMLVegaFlexElement>, 'gap' | 'direction' | 'alignItems' | 'justifyContent' | 'margin'>>;
+export declare type VegaFlexProps = Partial<Pick<HTMLVegaFlexElement, 'gap' | 'direction' | 'alignItems' | 'justifyContent' | 'margin'>>;

package/dist/vega/index.esm.js

@@ -1 +1 @@
-export{g as getCurrentBreakpoint}from"./p-4bcd6612.js";export{L as LogUtility,s as setVegaLogLevel}from"./p-6e1ab235.js";export{d as formatAndValidBackgroundColor,e as formatAndValidBorderColor,g as formatAndValidBorderRadius,c as formatAndValidBreakpointSize,a as formatAndValidGap,h as formatAndValidPadding,f as formatAndValidResponsiveToken,b as formatAndValidShadow,i as formatAndValidTextColor}from"./p-81dbada7.js";export{c as camelToDashCase}from"./p-0bb29d98.js";export{d as BackgroundColorMap,a as BackgroundColors,e as BorderColorMap,b as BorderColors,B as BorderRadius,C as Colors,F as FillBackgroundColors,g as ShadowMap,f as Shadows,h as Spacing,S as StrokeBackgroundColors,c as TextColorMap,T as TextColors}from"./p-b1f65b13.js";export{B as Breakpoints}from"./p-ed45b3b6.js";export{I as Icons,g as getIconFromToken}from"./p-16493e5b.js";export{b as Typography,a as TypographyKeys,T as TypographyUrls}from"./p-d884c644.js";export{B as BreakpointKeys}from"./p-74168615.js";export{F as FrameworkEnum,v as VegaEnvManager}from"./p-5f377954.js";export{b as VegaEventManager,V as VegaLoader,a as VegaNotify,d as VegaSkeletonLoader,c as VegaZIndexManager}from"./p-84f2f342.js";export{F as FeatureFlag}from"./p-ff4bafa3.js";export{V as VegaThemeManager}from"./p-446c691b.js";export{V as VegaDialog}from"./p-149d2801.js";export{B as VegaJQueryDelegatedEventStrategy}from"./p-0af4bda9.js";export{V as VegaIconManager}from"./p-032df16f.js";export{V as ValidCreditCardNumberRule}from"./p-74958b1a.js";export{V as VegaRTEContent,w as waitForVega}from"./p-26af2a8b.js";export{a as VegaTranslation,s as VegaTranslationResourceEN}from"./p-de664bdd.js";import"./p-6705c68a.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-2205ee4c.js";import"./p-3a0a4d15.js";import"./p-33b62194.js";import"./p-6a334573.js";import"./p-79ec5d69.js";import"./p-781fd6e0.js";import"./p-5f589974.js";import"./p-7a40e033.js";import"./p-112455b1.js";import"./p-d057999f.js";import"./p-2d0d575f.js";import"./p-6a3989dd.js";import"./p-fe9644a0.js";const o=["ring-input-focus","dark-ring-input-focus","ring-input-danger-focus","dark-ring-input-danger-focus","ring-action-focus","dark-ring-action-focus","ring-action-danger-focus","dark-ring-action-danger-focus"];export{o as Rings}
+export{g as getCurrentBreakpoint}from"./p-4bcd6612.js";export{L as LogUtility,s as setVegaLogLevel}from"./p-6e1ab235.js";export{d as formatAndValidBackgroundColor,e as formatAndValidBorderColor,g as formatAndValidBorderRadius,c as formatAndValidBreakpointSize,a as formatAndValidGap,h as formatAndValidPadding,f as formatAndValidResponsiveToken,b as formatAndValidShadow,i as formatAndValidTextColor}from"./p-666cd80f.js";export{c as camelToDashCase}from"./p-0bb29d98.js";export{d as BackgroundColorMap,a as BackgroundColors,e as BorderColorMap,b as BorderColors,B as BorderRadius,C as Colors,F as FillBackgroundColors,g as ShadowMap,f as Shadows,h as Spacing,S as StrokeBackgroundColors,c as TextColorMap,T as TextColors}from"./p-b1f65b13.js";export{B as Breakpoints}from"./p-ed45b3b6.js";export{I as Icons,g as getIconFromToken}from"./p-16493e5b.js";export{b as Typography,a as TypographyKeys,T as TypographyUrls}from"./p-d884c644.js";export{e as BoxDisplay,B as BreakpointKeys,C as CssStates,F as FlexDirections}from"./p-74168615.js";export{F as FrameworkEnum,v as VegaEnvManager}from"./p-5f377954.js";export{b as VegaEventManager,V as VegaLoader,a as VegaNotify,d as VegaSkeletonLoader,c as VegaZIndexManager}from"./p-4c18ff36.js";export{F as FeatureFlag}from"./p-ff4bafa3.js";export{M as ModifyContentAction,R as RTENode,V as VegaThemeManager}from"./p-2d36dbfe.js";export{V as VegaDialog}from"./p-149d2801.js";export{B as VegaJQueryDelegatedEventStrategy}from"./p-1b860f90.js";export{V as VegaIconManager}from"./p-032df16f.js";export{V as ValidCreditCardNumberRule}from"./p-74958b1a.js";export{w as waitForVega}from"./p-8f8ab0d3.js";export{a as VegaTranslation,s as VegaTranslationResourceEN}from"./p-483c483a.js";export{d as RTEBlock,a as RTEImageBlock,e as RTEImageNode,c as RTEListBlock,b as RTEListItemBlock,R as RTETextBlock,f as RTETextNode,V as VegaRTEContent}from"./p-503ff1ef.js";export{G as GridColumns,a as GridRows}from"./p-7f2441d6.js";import"./p-2205ee4c.js";import"./p-3a0a4d15.js";import"./p-33b62194.js";import"./p-6a334573.js";import"./p-79ec5d69.js";import"./p-781fd6e0.js";import"./p-262ec334.js";import"./p-5f589974.js";import"./p-7a40e033.js";import"./p-112455b1.js";import"./p-5dce8dfe.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-7c37e5bb.js";import"./p-fe9644a0.js";import"./p-0c667d6a.js";const o=["ring-input-focus","dark-ring-input-focus","ring-input-danger-focus","dark-ring-input-danger-focus","ring-action-focus","dark-ring-action-focus","ring-action-danger-focus","dark-ring-action-danger-focus"];export{o as Rings}

package/dist/vega/p-00de36e4.js

@@ -0,0 +1 @@
+import{c as t,M as s,V as e}from"./p-6e1ab235.js";import{O as i}from"./p-331a62d5.js";import{C as o}from"./p-2d0d575f.js";import{f as a}from"./p-79ec5d69.js";import{d as c}from"./p-7c37e5bb.js";import{g as n,h}from"./p-fe9644a0.js";var l=function(t,s,e,i){var o,a=arguments.length,c=a<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(t,s,e,i);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(c=(a<3?o(c):a>3?o(s,e,c):o(s,e))||c);return a>3&&c&&Object.defineProperty(s,e,c),c};class r extends e{constructor(t){super(),this.isAcceptableObserverPayload=t=>"object"==typeof t&&!!t&&t.host===this.parent,this.observerEntry=t}connectedCallback(){if(this.parent=this.getParent(),!this.parent)return;const{subStates:t}=this.observerEntry;this.subStateObserver=new i(this.isAcceptableObserverPayload,(s=>{const e=t.find((t=>t.parentStateName===s.stateName));e&&this.updateState(e,s.value)})),o.register(c.getSubject(this.parent,n),this.subStateObserver),this.observerEntry.pullStatesWhenReattached&&this.host.classList.contains("hydrated")&&(this.parent=this.getParent(),this.pullStates())}disconnectedCallback(){this.parent&&o.unregister(c.getSubject(this.parent,n),this.subStateObserver)}componentWillLoad(){this.pullStates()}getParent(){return"string"==typeof this.observerEntry.parent?a(this.host,this.observerEntry.parent):this.observerEntry.parent()}updateState(t,s){t.callback?t.callback(s):this[t.subStateName]=s}pullStates(){if(!this.parent)return;const{subStates:t}=this.observerEntry;t.forEach((t=>{o.notify(c.getSubject(this.parent,h),{host:this.parent,stateName:t.parentStateName,callback:s=>{this.updateState(t,s)}})}))}}l([t()],r.prototype,"host",void 0),l([s("connectedCallback")],r.prototype,"connectedCallback",null),l([s("disconnectedCallback")],r.prototype,"disconnectedCallback",null),l([s("componentWillLoad")],r.prototype,"componentWillLoad",null);export{r as S}

package/dist/vega/p-00f4cf6a.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,h as i,H as r,g as s}from"./p-1c298d5a.js";import{R as a}from"./p-3152031c.js";import{c as o}from"./p-86194314.js";import{s as n}from"./p-9b797118.js";import{a as l,h as p,b as h}from"./p-79ec5d69.js";import{F as d}from"./p-7da8b05f.js";import{I as c}from"./p-6e1ab235.js";import{V as m,I as f}from"./p-4387d550.js";import{b as g}from"./p-5dce8dfe.js";import{c as x}from"./p-57669fd6.js";import{C as b}from"./p-2d0d575f.js";import{f as v}from"./p-7c37e5bb.js";import"./p-0bb29d98.js";import"./p-331a62d5.js";import"./p-33b62194.js";import"./p-6a334573.js";import"./p-fe9644a0.js";import"./p-483c483a.js";import"./p-5f589974.js";import"./p-4bcd6612.js";import"./p-74168615.js";import"./p-ed45b3b6.js";import"./p-d7219734.js";import"./p-987fbbd0.js";import"./p-a9354a5c.js";import"./p-b0502d01.js";import"./p-262ec334.js";import"./p-1b860f90.js";const u=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for the color picker when a color is selected",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for the color picker when a color is selected",payloadValue:e=>!1===e.autoValidation}];var w=function(e,t,i,r){var s,a=arguments.length,o=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,r);else for(var n=e.length-1;n>=0;n--)(s=e[n])&&(o=(a<3?s(o):a>3?s(t,i,o):s(t,i))||o);return a>3&&o&&Object.defineProperty(t,i,o),o};const j=class{constructor(r){e(this,r),this.vegaChange=t(this,"vegaChange",7),this.change=t(this,"change",7),this.globalSlimmers={},this.formFieldController=new d({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new a:null}],validationRulesName:"validationRules",defaultValue:"",attributeGetter:e=>this[e],inputContainerGetter:()=>this.colorPickerContainerRef,touchableAreaGetter:()=>[this.colorPickerTouchableAreaRef]}),this.changeEventEmitter=x(j,v),this.vegaComponentUsageRuntimeMetricsSlimmer=new m(u),this.value="",this.hint="",this.disabled=!1,this.required=!1,this.label="",this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.colors=["#73E6DC","#806BFF","#FFDC83","#FF9571","#00BBFF","#FF82C9","#259F9F","#563D82"],this.isInline=!1,this.renderColorPickerContainer=()=>i("div",{class:l([this.isInline?null:"color-picker-inline"]),ref:e=>this.colorPickerContainerRef=e},i("vega-flex",{direction:"row",gap:"size-8"},this.colors.map((e=>i("div",{id:e,class:"color-picker-inline-items",ref:e=>this.colorPickerTouchableAreaRef=e,style:{backgroundColor:e},onClick:this.updateValueProp,role:"button",tabIndex:0,"aria-label":"color",onKeyDown:o()},this.value===e?i("vega-icon",{icon:"checkmark",size:"size-16",class:{"v-text-black":this.isDarkColorCheckmark(this.value),"v-text-white":!this.isDarkColorCheckmark(this.value)}}):null))))),this.renderHintMessage=()=>i("vega-text",null,this.hint),this.updateValueProp=async e=>{this.disabled||(this.value=String(e.currentTarget.getAttribute("id")))}}watchValue(){this.resetValueIfInvalid(),this.changeEventEmitter.emit(this.value),b.notify(g,{host:this.host,detail:this.value})}watchValidationRules(){}connectedCallback(){this.resetValueIfInvalid()}render(){return n(i(r,{class:{disabled:this.disabled}},this.renderLabelDom(),this.renderColorPickerContainer(),this.hint&&this.renderHintMessage()),this.host)}renderLabelDom(){return i("vega-field-label",{"is-field-required":this.required,disabled:this.disabled,label:this.label})}isDarkColorCheckmark(e,t="#fcfcfc",i="#203645"){const r=this.getLuminance(e),s=this.getLuminance(t),a=this.getLuminance(i);return r>Math.sqrt((s+.05)*(a+.05))-.05}getLuminance(e){const t=[p(e).r/255,p(e).g/255,p(e).b/255].map((e=>e<=.03928?e/12.92:((e+.055)/1.055)**2.4));return.2126*t[0]+.7152*t[1]+.0722*t[2]}resetValueIfInvalid(){this.colors.some((e=>h(e).toUpperCase()==h(this.value).toUpperCase()))||(this.value="")}get host(){return s(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};w([f()],j.prototype,"globalSlimmers",void 0),w([c()],j.prototype,"formFieldController",void 0),w([c()],j.prototype,"changeEventEmitter",void 0),w([c()],j.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),j.style=':host{display:inline-block;text-align:left;line-height:normal}:host vega-field-label{margin-bottom:8px}:host(.disabled) .color-picker-inline{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.color-picker-inline-items:hover{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}.color-picker-inline-items:focus-within{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(.disabled) .color-picker-inline-items:hover{box-shadow:none}:host(.disabled) .color-picker-inline-items:focus-within{box-shadow:none}:host .color-picker-inline{border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));padding:12px;max-width:max-content}:host .color-picker-inline-items{display:flex;border:1px solid rgba(var(--v-border-chip, 205, 209, 211, 1));border-radius:4px;width:24px;height:24px;cursor:pointer;align-items:center;justify-content:center}:host .checkmark-black{color:rgba(var(--v-text-black, 32, 54, 69, 1))}:host .checkmark-white{color:rgba(var(--v-text-white, 252, 252, 252, 1))}:host vega-text{padding-left:8px;padding-right:8px;padding-top:4px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host vega-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host vega-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host vega-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:8px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .color-picker-inline.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .vega-hidden{display:none}:host vega-flex{flex-wrap:wrap;max-width:264px}';export{j as vega_color_picker}

package/dist/vega/p-08bbc8e6.entry.js

@@ -0,0 +1 @@
+import{h as e,F as t,r as i,c as n,H as s,g as o}from"./p-1c298d5a.js";import{s as r}from"./p-9b797118.js";import{c as a,V as l,M as c,I as d}from"./p-6e1ab235.js";import{V as h,I as g}from"./p-4387d550.js";import{c as m}from"./p-57669fd6.js";import{f as p}from"./p-7c37e5bb.js";import{P as f}from"./p-5f589974.js";import"./p-6a334573.js";import"./p-2d0d575f.js";import"./p-d7219734.js";import"./p-331a62d5.js";import"./p-1b860f90.js";import"./p-79ec5d69.js";import"./p-4bcd6612.js";import"./p-74168615.js";import"./p-ed45b3b6.js";var v=function(e,t,i,n){var s,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,i,r):s(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r};class b extends l{render(){var t;return e("div",{class:"vega-segment-control-container"},null===(t=this.segments)||void 0===t?void 0:t.map((e=>this.segmentRenderer.render(e))))}}v([a()],b.prototype,"segments",void 0),v([a()],b.prototype,"segmentRenderer",void 0);var x=function(e,t,i,n){var s,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,i,r):s(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r};class u extends l{componentWillLoad(){this.setDefaultSelected()}watchSegments(){this.setDefaultSelected()}watchSelected(){this.changeEventEmitter.emit(this.selected)}setSelected(e){this.selected=e.key}setDefaultSelected(){var e;(null===(e=this.segments)||void 0===e?void 0:e.length)>0&&!this.segments.find((e=>e.key===this.selected))&&(this.selected=this.segments[0].key)}}x([a({writable:!0})],u.prototype,"selected",void 0),x([a()],u.prototype,"segments",void 0),x([a()],u.prototype,"changeEventEmitter",void 0),x([c("componentWillLoad")],u.prototype,"componentWillLoad",null),x([c("watchSegments")],u.prototype,"watchSegments",null),x([c("watchSelected")],u.prototype,"watchSelected",null);var w=function(e,t,i,n){var s,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,i,r):s(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r};class j extends l{watchSegments(){this.setIsOverflowBlockSegments()}watchBlock(){this.setIsOverflowBlockSegments()}watchSize(){this.setIsOverflowBlockSegments()}setIsOverflowBlockSegments(){this.isOverflowBlockSegments=this.isExceedContainerWidth()}isExceedContainerWidth(){if(this.block){const e=this.host.shadowRoot.querySelector(".vega-segment-control-container");return e.clientWidth<e.children.length*j.SEGMENTS_OVERFLOW_THRESHOLD[this.size]+4*(e.children.length-1)+5}return!1}}j.SEGMENTS_OVERFLOW_THRESHOLD={medium:101.9,small:82},w([a()],j.prototype,"host",void 0),w([a()],j.prototype,"block",void 0),w([a()],j.prototype,"size",void 0),w([a({writable:!0})],j.prototype,"isOverflowBlockSegments",void 0),w([c("watchSegments")],j.prototype,"watchSegments",null),w([c("watchBlock")],j.prototype,"watchBlock",null),w([c("watchSize")],j.prototype,"watchSize",null);var y=function(e,t,i,n){var s,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,i,r):s(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r};class S extends l{render(t){return e("button",{key:t.key,class:{"vega-segment":!0,selected:this.selected===t.key,disabled:t.disabled,[`${this.size}`]:!0},onClick:()=>this.selectedController.setSelected(t),disabled:t.disabled},this.renderSegments(t))}renderSegments(i){return e(t,null,(this.isOverflowBlockSegments||!this.isOverflowBlockSegments&&"text-only"!==this.variant)&&i.icon&&this.renderIcon(i),(this.isOverflowBlockSegments&&!i.icon||!this.isOverflowBlockSegments&&"icon-only"!==this.variant)&&i.text&&this.renderText(i))}renderIcon(t){return e("vega-tooltip",{text:t.text,trigger:t.text&&(this.isOverflowBlockSegments||!this.isOverflowBlockSegments&&"icon-only"===this.variant)?"hover":"none",placement:["bottom","top"],disableInteractive:!1},e("vega-icon",{icon:t.icon,size:"size-16"}))}renderText(t){return e("vega-text",{overflow:"ellipsis",tooltip:{placement:["bottom","top"]}},t.text)}}y([a()],S.prototype,"host",void 0),y([a()],S.prototype,"size",void 0),y([a()],S.prototype,"selected",void 0),y([a()],S.prototype,"variant",void 0),y([a()],S.prototype,"block",void 0),y([a()],S.prototype,"isOverflowBlockSegments",void 0),y([a()],S.prototype,"selectedController",void 0);var k=function(e,t,i,n){var s,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,i,r):s(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r};const R=class{constructor(e){i(this,e),this.vegaChange=n(this,"vegaChange",7),this.change=n(this,"change",7),this.globalSlimmers={},this.segmentControlRenderer=new b,this.segmentOverflowController=new j,this.segmentRenderer=new S,this.selectedController=new u,this.changeEventEmitter=m(R,p),this.pageResizeObserverSlimmer=new f({callback:()=>{this.segmentControlWidth=this.host.clientWidth,this.segmentOverflowController.setIsOverflowBlockSegments()},shouldTrigger:()=>this.host.clientWidth!==this.segmentControlWidth}),this.vegaComponentUsageRuntimeMetricsSlimmer=new h,this.segmentControlWidth=0,this.isOverflowBlockSegments=!1,this.block=!1,this.size="medium",this.segments=[],this.variant="default"}watchBlock(){}watchSize(){}watchSegments(){}watchSelected(){}componentWillLoad(){}render(){return r(e(s,{class:{"vega-segment-control-block":this.block}},this.segmentControlRenderer.render()),this.host)}get host(){return o(this)}static get watchers(){return{block:["watchBlock"],size:["watchSize"],segments:["watchSegments"],selected:["watchSelected"]}}};k([g()],R.prototype,"globalSlimmers",void 0),k([d()],R.prototype,"segmentControlRenderer",void 0),k([d()],R.prototype,"segmentOverflowController",void 0),k([d()],R.prototype,"segmentRenderer",void 0),k([d()],R.prototype,"selectedController",void 0),k([d()],R.prototype,"changeEventEmitter",void 0),k([d()],R.prototype,"pageResizeObserverSlimmer",void 0),k([d()],R.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),R.style=':host{display:inline-block}.vega-segment-control-container{display:flex;gap:4px;border-radius:9999px;background-color:rgba(var(--v-bg-segment-control, 89, 96, 99, 0.1));padding:3px}:host(.vega-segment-control-block){display:block}:host(.vega-segment-control-block) .vega-segment{flex-basis:0;flex-grow:1}.vega-segment{display:flex;align-items:center;justify-content:center;gap:8px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));border-radius:9999px;cursor:pointer;text-align:center;border-width:1px;border-style:solid;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));border-color:transparent}.vega-segment vega-icon{vertical-align:middle}.vega-segment.medium{padding-left:24px;padding-right:24px;padding-top:8px;padding-bottom:8px;font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-segment.medium{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-segment.medium{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-segment.medium{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}.vega-segment.small{padding-left:16px;padding-right:16px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;padding-top:3px;padding-bottom:3px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-segment.small{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-segment.small{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-segment.small{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}.vega-segment.disabled{color:rgba(var(--v-text-disabled, 176, 180, 181, 1));pointer-events:none}.vega-segment:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}.vega-segment:hover{background-color:rgba(var(--v-bg-segment-hover, 205, 209, 211, 1))}.vega-segment.selected{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-chip, 205, 209, 211, 1))}';export{R as vega_segment_control}