@globalpayments/vega 2.21.0 → 2.23.0

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", "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", "selectChange", "selectAllChange", "pageSizeChange", "dropdownClick", "create", "search", "hide", "show", "popoverShow", "popoverHide", "cancel", "remove", "pageUpdate", "currentStepUpdate", "toggleStatus", "stateUpdate", "groupClick", "menuClick", "accordionExpand", "dropdownShow", "dropdownHide", "dropdownSearch", "actionClick", "eventClick", "dateDblClick", "countryChange", "actionButtonClick", "moreActionClick", "expand"];
+export declare const VegaNativeEventName: readonly ["change", "click", "focus", "blur", "close", "modalOpen", "validate", "formSubmit", "formReset", "rowClick", "selectChange", "selectAllChange", "pageSizeChange", "dropdownClick", "create", "search", "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"];
 export declare const CssStates: readonly ["default", "hover", "active", "focus-visible"];

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' | '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';
+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';
 export declare const SIDENAV_LINK_SELECTED_TOPIC: Subject;
 export declare const LEFT_NAV_LINK_SELECTED_TOPIC: Subject;
 export declare const ACCORDION_EXPAND_TOPIC: Subject;

package/dist/types/helpers/common/index.d.ts

@@ -1,9 +1,7 @@
-import { VegaComponentInterface } from '../../types/ui.type';
-declare type HTMLVegaElementType = VegaComponentInterface<any>;
+import { HTMLVegaElementType } from './wait-for-vega-handler';
 /**
  * Wait for all vega elements to be ready.
  *
  * The below method is e2e-test covered in @see{module:wait-for-vega-should-work-as-expected}
  */
 export declare const waitForVega: () => Promise<Awaited<HTMLVegaElementType>[]>;
-export {};

package/dist/types/helpers/common/test/wait-for-vega-handler.test.d.ts

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

package/dist/types/helpers/common/wait-for-vega-handler.d.ts

@@ -0,0 +1,17 @@
+import { VegaComponentInterface } from '../../types/ui.type';
+import { VegaPublicAPIRuntimeMetricsSlimmerBase } from '../slimmers/runtime-metrics/public-api-runtime-metrics-slimmer-base';
+export declare type HTMLVegaElementType = VegaComponentInterface<any>;
+/**
+ * WaitForVegaHandler to check whether the vega component has been loaded.
+ */
+declare class WaitForVegaHandler {
+  protected vegaPublicAPIRuntimeMetricsSlimmer: VegaPublicAPIRuntimeMetricsSlimmerBase;
+  /**
+   * Wait for all vega elements to be ready.
+   *
+   * The below method is e2e-test covered in @see{module:wait-for-vega-should-work-as-expected}
+   */
+  handle(): Promise<Awaited<HTMLVegaElementType>[]>;
+}
+export declare const WaitForVega: WaitForVegaHandler;
+export {};

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

@@ -1,5 +1,6 @@
 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;
   content?: string;
@@ -14,7 +15,9 @@ export declare type VegaDialogOption = {
  * The dialog controller
  */
 declare class VegaDialogController {
+  protected vegaPublicAPIRuntimeMetricsSlimmer: VegaPublicAPIRuntimeMetricsSlimmerBase;
   /**
+   *
    * It creates a new `vega-dialog` element, sets its properties, appends it to the DOM, and opens it
    *
    * @param {VegaDialogOption} options - VegaDialogOption

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

@@ -55,6 +55,8 @@ export declare const VegaFormSubmit: VegaEventID;
 export declare const VegaFormReset: VegaEventID;
 export declare const VegaRowClick: VegaEventID;
 export declare const VegaSelectChange: VegaEventID;
+export declare const VegaRowSelect: VegaEventID;
+export declare const VegaRowSelectAll: VegaEventID;
 export declare const VegaSelectAllChange: VegaEventID;
 export declare const VegaPageSizeChange: VegaEventID;
 export declare const VegaDropdownClick: VegaEventID;

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

@@ -24,3 +24,5 @@ export declare const VegaInternalSubStatePull: VegaInternalEventID;
 export declare const VegaInternalSubStatePush: VegaInternalEventID;
 export declare const VegaInternalCalendarMonthEventsChange: VegaInternalEventID;
 export declare const VegaInternalDropdownTemplateItemsChange: VegaInternalEventID;
+export declare const VegaInternalTableRowSelect: VegaInternalEventID;
+export declare const VegaInternalTableRowSelectAll: VegaInternalEventID;

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

@@ -2,11 +2,13 @@ import { EventSemantics, EventSemanticsConfig } from './internal-vega-event-mana
 import { Nullable } from '../../types/general';
 import { VegaEventID } from './event-id/vega-event-id';
 import { VegaComponentName } from '../../types/ui.type';
+import { VegaPublicAPIRuntimeMetricsSlimmerBase } from '../slimmers/runtime-metrics/public-api-runtime-metrics-slimmer-base';
 /**
  * The VegaEventManager class provides methods for setting and retrieving event semantics configuration,
  * as well as getting the corresponding native event name for a given event.
  */
 declare class VegaEventManager {
+  protected vegaPublicAPIRuntimeMetricsSlimmer: VegaPublicAPIRuntimeMetricsSlimmerBase;
   /**
    * The function sets the semantics configuration for event management.
    *

package/dist/types/helpers/feature-control/feature-flag.d.ts

@@ -48,4 +48,5 @@ export type FeatureFlagKey =
 	| 'VEGA_TELEMETRY.ENABLE_COLLECT_FEATURE_FLAG_OVERRIDDEN'
 	| 'VEGA_REACT.ENABLE_ON_CLOSE_HANDLE_UNDER_LOW_VERSION'
 	| 'VEGA_BANNER_DEPRECATED_ACTION_BUTTON_PROP_VEGA_CLICK'
-	| 'VEGA_REACT.SKIP_NATIVE_EVENT_PREVENT_BY_DEFAULT';
+	| 'VEGA_REACT.SKIP_NATIVE_EVENT_PREVENT_BY_DEFAULT'
+	| 'VEGA_TELEMETRY.ENABLE_COLLECT_PUBLIC_API';

package/dist/types/helpers/formatter/string-formatter/number-mask-strategy.d.ts

@@ -8,13 +8,17 @@ export declare type NumberMaskConfig = {
    * Whether allow negative. Default is true
    */
   allowNegative?: boolean;
+  /**
+   * Format as thousand comma
+   */
+  thousandComma?: boolean;
 };
 /**
  * A class for formatting number with the given mask format
  */
 export declare class NumberMaskStrategy implements StringFormatStrategy {
-  private readonly maskConfig;
-  private mask;
+  protected readonly maskConfig: NumberMaskConfig;
+  protected mask: RegExp;
   /**
    * It creates a new instance of the Mask class.
    *
@@ -35,18 +39,18 @@ export declare class NumberMaskStrategy implements StringFormatStrategy {
    * @param {string} input - input number
    * @returns {boolean} need skip if return true, otherwise false
    */
-  private skipFormat;
-  /**
-   * Get the number RegExp
-   *
-   * @returns {string} - The number regExp
-   */
-  private getRegExp;
+  protected skipFormat: (input: string) => boolean;
   /**
    * Whether the input string need delete the latest char
    *
    * @param {string} value - the input value
    * @returns {boolean} return true if the value need mask format. otherwise false
    */
-  private inputNeedFormat;
+  protected inputNeedFormat(value: string): boolean;
+  /**
+   * Get the number RegExp
+   *
+   * @returns {string} - The number regExp
+   */
+  private getRegExp;
 }

package/dist/types/helpers/formatter/string-formatter/number-thousand-comma-strategy.d.ts

@@ -0,0 +1,34 @@
+import { NumberMaskStrategy, NumberMaskConfig } from './number-mask-strategy';
+/**
+ * A class for formatting number string with the "," as the thousand separator
+ */
+export declare class NumberThousandCommaStrategy extends NumberMaskStrategy {
+  /**
+   * It creates a new instance of the Mask class.
+   *
+   * @param {NumberMaskConfig} maskConfig - MaskConfig
+   */
+  constructor(maskConfig: NumberMaskConfig);
+  /**
+   * If the input is a number, format it as a thousand comma string
+   *
+   * @param {string} input - string
+   * @returns {string} The input string, but with commas as thousands separator.
+   */
+  format(input: string): string;
+  /**
+   * Get the position of caret
+   *
+   * @param {string} input - The input string
+   * @param {number} caretPosition - The current caret position
+   * @returns {number} The new position of caret
+   */
+  calculateCaretPosition(input: string, caretPosition: number): number;
+  /**
+   * The function `thousandCommaFormat` takes a string input, removes non-numeric characters, formats the number with thousand commas, and returns the result.
+   *
+   * @param {string} input - Takes a string input and formats it by adding commas to separate thousands. It also handles decimal values based on the precision specified in the `maskConfig`.
+   * @returns {string} Returns a formatted string with commas for thousands separator and optional decimal places.
+   */
+  private thousandCommaFormat;
+}

package/dist/types/helpers/formatter/test/string-formatter/number-thousand-comma-mask-strategy.test.d.ts

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

package/dist/types/helpers/icon/icon-manager.d.ts

@@ -1,9 +1,11 @@
 import { Nullable } from '../../types/general';
+import { VegaPublicAPIRuntimeMetricsSlimmerBase } from '../slimmers/runtime-metrics/public-api-runtime-metrics-slimmer-base';
 import { IconPayload } from './interface';
 /**
  * Internal icon manager controller.
  */
 declare class IconManager {
+  protected vegaPublicAPIRuntimeMetricsSlimmer: VegaPublicAPIRuntimeMetricsSlimmerBase;
   private icons;
   /**
    * Registers the icons into the map.

package/dist/types/helpers/loading-indicator/vega-loader-controller.d.ts

@@ -1,8 +1,10 @@
 import { VegaLoaderOptions } from './vega-loader';
+import { VegaPublicAPIRuntimeMetricsSlimmerBase } from '../slimmers/runtime-metrics/public-api-runtime-metrics-slimmer-base';
 /**
  * Vega loader controller to control the loading indicator
  */
 declare class VegaLoaderController {
+  protected vegaPublicAPIRuntimeMetricsSlimmer: VegaPublicAPIRuntimeMetricsSlimmerBase;
   /**
    * Create a loading indicator and append it to the container
    *

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

@@ -1,10 +1,12 @@
 import { VegaNotifyOption } from './vega-notify';
 import { PageResizeObserverSlimmer } from '../slimmers/page-resize-observer-slimmer';
+import { VegaPublicAPIRuntimeMetricsSlimmerBase } from '../slimmers/runtime-metrics/public-api-runtime-metrics-slimmer-base';
 /**
  * The page notification controller
  */
 declare class VegaNotifyController {
   protected readonly resizeObserverSlimmer: PageResizeObserverSlimmer;
+  protected vegaPublicAPIRuntimeMetricsSlimmer: VegaPublicAPIRuntimeMetricsSlimmerBase;
   private container;
   /**
    * It creates a new notification element, adds it to the container, and returns the notification's ID

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

@@ -1,5 +1,6 @@
 import VegaEnvManager, { FrameworkEnum } from './vega-telemetry-helper/vega-env-manager';
 import VegaEventManager from './event-manager/vega-event-manager';
+export { default as VegaZIndexManager } from './zindex/vega-z-index-manager';
 export { FeatureFlag } from './feature-control/feature-flag-controller';
 export { VegaLoader } from './loading-indicator/vega-loader-controller';
 export { VegaNotify } from './notify/vega-notify-controller';

package/dist/types/helpers/skeleton-loader/vega-skeleton-loader-controller.d.ts

@@ -1,9 +1,11 @@
+import { VegaPublicAPIRuntimeMetricsSlimmerBase } from '../slimmers/runtime-metrics/public-api-runtime-metrics-slimmer-base';
 import { VegaSkeletonLoaderConfig } from './interface';
 /**
  * Vega Skeleton Loader Controller to show skeletons in the target elements
  */
 declare class VegaSkeletonLoaderController {
   private static readonly LOADER_DATA_SET_KEY;
+  protected vegaPublicAPIRuntimeMetricsSlimmer: VegaPublicAPIRuntimeMetricsSlimmerBase;
   private loaderMap;
   /**
    * Load the skeletons in the target elements

package/dist/types/helpers/slimmers/mutation-observer/mutation-observer-filters.d.ts

@@ -21,3 +21,10 @@ export declare const TagNameMutationFilter: (...tagNames: string[]) => MutationF
  * and an `HTMLElement` as parameters.
  */
 export declare const AttributeOldValueMutationFilter: () => MutationFilter;
+/**
+ * Filters mutations based on specified tag names or attribute changes.
+ *
+ * @param {string[]} tagNames - The tagName of need listened child.
+ * @returns {Function} - Filter function.
+ */
+export declare const TagNameAndAttributeMutationFilter: (...tagNames: string[]) => MutationFilter;

package/dist/types/helpers/slimmers/mutation-observer/mutation-observer-slimmer.d.ts

@@ -4,7 +4,7 @@ export declare type MutationObserverEntry = {
   target?: () => HTMLElement;
   options: MutationObserverInit;
   mutationFilter?: MutationFilter;
-  callback: () => void;
+  callback: (mutations?: MutationRecord[]) => void;
 };
 /**
  * The `MutationObserverSlimmer` class in TypeScript extends `VegaSlimmer` and implements a

package/dist/types/helpers/slimmers/runtime-metrics/create-public-api-runtime-metrics-slimmer.d.ts

@@ -0,0 +1,16 @@
+import { ClassPrototype, MethodKeysOf } from '../../../types/class.type';
+import { VegaPublicAPIRuntimeMetricsSlimmerBase } from './public-api-runtime-metrics-slimmer-base';
+/**
+ * The function `createComponentUsageRuntimeMetricsSlimmer` creates a slimmer version of a component
+ * usage runtime metrics object based on a given class prototype and optional method names to watch.
+ *
+ * @param {ClassPrototype} mapFromClass - The `mapFromClass` parameter is a ClassPrototype that represents the class
+ * from which the dynamic map will be created.
+ * @param {MethodKeysOf[]} [watchMethodNames] - The `watchMethodNames` parameter
+ * is an optional array of method names that you want to watch for in the component.
+ * @param {unknown[]} [initData] - The `initData` parameter allows you to
+ * pass an array of initial data to be used during the initialization of the component usage runtime
+ * metrics slimmer.
+ * @returns {VegaPublicAPIRuntimeMetricsSlimmerBase} The function creates a dynamic public api runtime metrics slimmer.
+ */
+export declare function createPublicAPIRuntimeMetricsSlimmer<T>(mapFromClass: ClassPrototype<T>, watchMethodNames: MethodKeysOf<T>[], initData: unknown[]): VegaPublicAPIRuntimeMetricsSlimmerBase;

package/dist/types/helpers/slimmers/runtime-metrics/public-api-runtime-metrics-slimmer-base.d.ts

@@ -0,0 +1,48 @@
+import { VegaSlimmer } from '../../../vega-slimmer/vega-slimmer-core';
+export declare type PublicAPIRuntimeMetricsDefinition = {
+  payloadKey: string;
+  payloadDescription: string;
+  canAccept: (className: string, methodName: string, args?: unknown[]) => boolean;
+  payloadValue: (args?: unknown[]) => boolean;
+};
+/**
+ * The `VegaPublicAPIRuntimeMetricsSlimmerBase` class is used for sending
+ * telemetry data to a telemetry service based on defined usage metrics for a public api.
+ */
+export declare class VegaPublicAPIRuntimeMetricsSlimmerBase extends VegaSlimmer {
+  private readonly className;
+  private readonly usageDefinitions;
+  originalMethodName: string;
+  /**
+   * The constructor initializes a private readonly property with an optional array of
+   * PublicAPIRuntimeMetricsDefinition.
+   *
+   * @param {string} [className] - The parameter show the class name of public api.
+   * @param {PublicAPIRuntimeMetricsDefinition[]} [usageDefinitions] - The `usageDefinitions`
+   * parameter in the constructor is of type `PublicAPIRuntimeMetricsDefinition<T>[]`, which is an
+   * array of `ComponentUsageRuntimeMetricsDefinition` objects. This parameter is optional as it is
+   * marked with a question mark `?`, meaning it can be omitted when creating an instance of
+   */
+  constructor(className: string, usageDefinitions: PublicAPIRuntimeMetricsDefinition[]);
+  /**
+   * register the observer when the slimmer method called
+   *
+   * @param {unknown[]} [args] - The `args` parameter passed in when the slimmer method is executed
+   */
+  sendPublicAPIPayloadToTelemetry(args: unknown[]): void;
+  /**
+   * The function `getPublicAPIMetricsPayload` generates a payload containing public api
+   * metrics data.
+   * The `CurrentlyInvokedMethodName` is a public API method name, it comes from the `InjectVegaTelemetrySlimmer` definition and assignment
+   *
+   * @param {unknown[]} [args] - The `args` parameter passed in when the slimmer method is executed
+   * @returns {Record<string, unknown>} The `getPublicAPIMetricsPayload` method returns an object with the following
+   * structure:
+   * {
+   * 	publicAPIName: string, // The public api name
+   * 	data: { // An object containing payload data with keys and boolean values
+   * 		'waitForVegaRenderFinished': true,
+   * }
+   */
+  private getPublicAPIMetricsPayload;
+}

package/dist/types/helpers/slimmers/runtime-metrics/test/public-api-runtime-metrics-slimmer-base.test.d.ts

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

package/dist/types/helpers/theme/theme-manager.d.ts

@@ -1,8 +1,10 @@
 import { VegaThemeOverrideColors } from './theme';
+import { VegaPublicAPIRuntimeMetricsSlimmerBase } from '../slimmers/runtime-metrics/public-api-runtime-metrics-slimmer-base';
 /**
  * Vega components theme manager
  */
 declare class ThemeManager {
+  protected vegaPublicAPIRuntimeMetricsSlimmer: VegaPublicAPIRuntimeMetricsSlimmerBase;
   /**
    * It takes the colors you passed in, parses them into the correct format, and then applies them to the theme
    *

package/dist/types/helpers/zindex/{z-index-manager.d.ts → internal-vega-z-index-manager.d.ts}

@@ -7,7 +7,7 @@ export declare type ZIndexLevelType = 'base' | 'top';
  * 	the z-index of current showing element is highly than already show.
  * Top level is for element that always display to top, such as notification.
  */
-declare class ZIndexManager {
+declare class InternalVegaZIndexManager {
   private baseBasicZIndex;
   private topBasicZIndex;
   private levelEntry;
@@ -83,5 +83,5 @@ declare class ZIndexManager {
    */
   private isBaseLevelOver;
 }
-declare const _default: ZIndexManager;
+declare const _default: InternalVegaZIndexManager;
 export default _default;

package/dist/types/helpers/zindex/test/internal-vega-z-index-manager.test.d.ts

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

package/dist/types/helpers/zindex/vega-z-index-manager.d.ts

@@ -1,4 +1,5 @@
-import { ZIndexLevelType } from './z-index-manager';
+import { VegaPublicAPIRuntimeMetricsSlimmerBase } from '../slimmers/runtime-metrics/public-api-runtime-metrics-slimmer-base';
+import { ZIndexLevelType } from './internal-vega-z-index-manager';
 export declare type ZIndexBasicValues = {
   [key in ZIndexLevelType]?: number;
 };
@@ -7,6 +8,7 @@ export declare type ZIndexBasicValues = {
  * change z-index values based on the input.
  */
 declare class VegaZIndexManager {
+  protected vegaPublicAPIRuntimeMetricsSlimmer: VegaPublicAPIRuntimeMetricsSlimmerBase;
   /**
    * The function "overrideZIndexBasicValues" calls a method in the "ZIndexManager" class to change the
    * z-index values based on the input.

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

@@ -149,6 +149,12 @@ export {
 export { VegaPaginationItemType } from '../components/vega-pagination/types';
 export { PieChartOptions } from '../helpers/chart/pie-chart';
 export { VegaSegmentControlVariant, VegaSegmentProps } from '../components/vega-segment-control/types';
+export {
+	VegaSelectionChipSize,
+	VegaSelectionChipTooltipProps,
+	VegaSelectionChipVariant,
+} from '../components/vega-selection-chip/interface';
+export { VegaSelectionChipGroupSelectType } from '../components/vega-selection-chip/vega-selection-chip-group/interface';
 export { VegaSignatureCaptureMode, VegaSignatureValue } from '../components/vega-signature-capture/types';
 export { VegaSkeletonType } from '../components/vega-skeleton/interface';
 export { TabConfig, TabGroupVariant } from '../components/vega-tab-group/types';
@@ -163,10 +169,13 @@ export {
 	VegaTableRowClickEvent,
 	VegaTableRowClickPropType,
 	VegaTableRowExpandEvent,
+	VegaTableRowSelectAllEventDetail,
+	VegaTableRowSelectEventDetail,
 	VegaTableRowSelectionConfig,
 	VegaTableRowSelectProp,
 	VegaTableScrollConfig,
 	VegaTableSelectAllProp,
+	VegaTableSortConfig,
 	VegaTableSorterConfig,
 	VegaTableSortOrderType,
 } from '../components/vega-table/interface';

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

@@ -45,3 +45,11 @@ export declare function setupUserAgent(agentType: 'mobile' | 'desktop' | 'tablet
  * be created using `document.createElementNS('http://www.w3.org/2000/svg',
  */
 export declare function mockChartElement(svg?: SVGElement): void;
+/**
+ * NOTE: This const is only for **SPEC** test cases.
+ * This method allows the program to stay for a period of time.
+ *
+ * @param {number} [ms] - The `ms` milliseconds of stay.
+ * @returns {Promise<void>} - promise used to signal the process is done
+ */
+export declare function sleep(ms: number): Promise<void>;

package/dist/types/vega-slimmer/src/common/symbols/decorator.d.ts

@@ -1,3 +1,4 @@
 export declare const SlimmerMappedMethod: unique symbol;
 export declare const SlimmerConsumedBy: unique symbol;
 export declare const ConsumerSlimmers: unique symbol;
+export declare const CurrentlyInvokedMethodName: unique symbol;

package/dist/types/vega-slimmer/src/decorators/inject-vega-telemetry-slimmer.d.ts

@@ -0,0 +1,15 @@
+import { VegaSlimmer } from './vega-slimmer';
+/**
+ * This decorator is used to re-define a field in a public API controller
+ * which will be used for injecting the VegaSlimmer into the public API controller.
+ *
+ * @returns {Function} The decorator function.
+ */
+export declare function InjectVegaTelemetrySlimmer<T extends VegaSlimmer>(): PropertyDecorator;
+/**
+ * Creates a setter for a vega slimmer field which will be used for injecting the VegaSlimmer into the public API controller.
+ *
+ * @param {string} fieldName The name of the field to inject the VegaSlimmer into.
+ * @returns {Function} A setter for the vega slimmer field.
+ */
+export declare function createSetterForVegaTelemetrySlimmerField<T extends VegaSlimmer>(fieldName: string): (slimmer: T) => void;

package/dist/types/vega-slimmer/vega-slimmer-core.d.ts

@@ -1,8 +1,10 @@
 export * from './src/decorators/map-to-component-field';
 export * from './src/decorators/map-to-component-method';
 export * from './src/decorators/inject-vega-slimmer';
+export * from './src/decorators/inject-vega-telemetry-slimmer';
 export * from './src/common/utils/placeholder';
 export * from './src/decorators/vega-slimmer';
 export * from './src/common/helpers/dynamic-slimmer';
 export * from './src/common/helpers/global-slimmer-registry';
 export * from './src/decorators/inject-vega-global-slimmer';
+export * from './src/common/symbols/decorator';

package/dist/vega/index.esm.js

@@ -1 +1 @@
-export{B as Breakpoints,g as getCurrentBreakpoint}from"./p-3542f8fe.js";export{L as LogUtility,s as setVegaLogLevel}from"./p-018d77cc.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-6c92c2f5.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-12d5ed36.js";export{I as Icons,g as getIconFromToken}from"./p-16493e5b.js";export{a as Typography,b as TypographyKeys,T as TypographyUrls}from"./p-c59042c0.js";export{B as BreakpointKeys}from"./p-3c8b2105.js";export{F as FrameworkEnum,v as VegaEnvManager}from"./p-5f377954.js";export{c as VegaEventManager,V as VegaLoader,a as VegaNotify,d as VegaSkeletonLoader,b as VegaThemeManager,w as waitForVega}from"./p-9fc2882a.js";export{F as FeatureFlag}from"./p-fd58f10a.js";export{V as VegaDialog}from"./p-9ade952e.js";export{B as VegaJQueryDelegatedEventStrategy}from"./p-c216dfc3.js";export{V as VegaIconManager}from"./p-1cb312d1.js";export{V as ValidCreditCardNumberRule}from"./p-7b40ac07.js";import"./p-9b3df371.js";import"./p-344ee7cb.js";import"./p-0c667d6a.js";import"./p-0b0c7f31.js";import"./p-3a0a4d15.js";import"./p-469bc36e.js";import"./p-320642bd.js";import"./p-f36781c5.js";import"./p-d3f1d3dd.js";import"./p-8960e876.js";import"./p-639fa6c7.js";import"./p-f5ebc64a.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{B as Breakpoints,g as getCurrentBreakpoint}from"./p-3542f8fe.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-00cc05ea.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-12d5ed36.js";export{I as Icons,g as getIconFromToken}from"./p-16493e5b.js";export{a as Typography,b as TypographyKeys,T as TypographyUrls}from"./p-c59042c0.js";export{B as BreakpointKeys}from"./p-3c8b2105.js";export{F as FrameworkEnum,v as VegaEnvManager}from"./p-5f377954.js";export{c as VegaEventManager,V as VegaLoader,a as VegaNotify,e as VegaSkeletonLoader,b as VegaThemeManager,d as VegaZIndexManager,w as waitForVega}from"./p-ca533cb4.js";export{F as FeatureFlag}from"./p-c3ef9d64.js";export{V as VegaDialog}from"./p-f9e456a6.js";export{B as VegaJQueryDelegatedEventStrategy}from"./p-cceb3166.js";export{V as VegaIconManager}from"./p-66098cf8.js";export{V as ValidCreditCardNumberRule}from"./p-7b40ac07.js";import"./p-ae3f8fe2.js";import"./p-344ee7cb.js";import"./p-0c667d6a.js";import"./p-0197e7ec.js";import"./p-3a0a4d15.js";import"./p-8b5d3a52.js";import"./p-ad4bd166.js";import"./p-23ec14fe.js";import"./p-6a334573.js";import"./p-152393dd.js";import"./p-883a939b.js";import"./p-f404aa83.js";import"./p-89b6da4f.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-6c92c2f5.js → p-00cc05ea.js}

@@ -1 +1 @@
-import{i as r,b as e,e as t,j as s,f as a,g as o,k as n,l as i,m as u,n as f,o as c,p as d,q as l,r as b,h as v,s as p,B as m,C as $,t as h}from"./p-12d5ed36.js";import{B as j}from"./p-3542f8fe.js";import{L as g}from"./p-018d77cc.js";import{R as k}from"./p-9b3df371.js";import{b as w}from"./p-c59042c0.js";import{S as x,s as T}from"./p-0b0c7f31.js";import{a as O}from"./p-3c8b2105.js";const S=new class extends x{constructor(){super(...arguments),this.states=["default","focus-visible","hover","active"]}formatToken(s){return r(s)?`border-color: ${t[s]};`:(g.warn(`The borderColor value ${s} is invalid, it must be a value of: `,e),"")}getStates(){return this.states}},C=new class extends x{constructor(){super(...arguments),this.states=["default","focus-visible","hover"]}formatToken(r){return s(r)?`box-shadow: ${o[r]};`:(g.warn(`The shadow value ${r} is invalid, it must be a value of: `,a),"")}getStates(){return this.states}},B=new class extends x{constructor(){super(...arguments),this.states=["default","focus-visible","hover","active"]}formatToken(r){return n(r)?`border: ${u[r]};`:(g.warn(`The border value ${r} is invalid, it must be a value of: `,i),"")}getStates(){return this.states}},F=new class{format(r,e){switch(e){case"backgroundColor":return T.format(r);case"borderColor":return S.format(r);case"shadow":return C.format(r);case"border":return B.format(r);default:throw new Error(`Invalid flag ${e} passed into StateFormatFacade`)}}};function q(r,e,t){g.warn(`The ${r} value ${e} is invalid, it must be a value of: `,t)}function y(r,e){let t="";return e.includes("dark")&&(t+=` dark:v-dark-${r}`),t}function E(r){if(f(r))return`v-p-${r}`;q("padding",r,Object.keys(v))}function I(r){if(p(r))return`v-border-${r}`;q("border-style",r,O)}function L(r){if(c(r))return`v-${r}`;q("border-radius",r,Object.keys(m))}function R(e){if(r(e))return`v-${e}`;q("border-color",e,$.filter((()=>/^border-color-.+$/.test)))}function z(r,e=[]){if(d(r))return`v-${r}`+y(r,e);q("background-color",r,$.filter((()=>/^bg-.+$/.test)))}function A(r,e=[]){if(l(r))return`v-${r}`+y(r,e);q("text-color",r,$.filter((()=>/^text-.+$/.test)))}function D(r){if(b(r))return`vega-flex-${r}`;q("breakpoint",r,Object.keys(j))}function G(r){if(b(r))return j[r];q("breakpoint",r,Object.keys(j))}function H(r){if(f(r))return`v-gap-${r}`;q("gap",r,Object.keys(v))}function J(r,e=[]){if(s(r))return`v-${r}`+y(r,e);q("shadows",r,a)}function K(r,e){if(null!=r)return k.format(r,e)}function M(r){if(h(r))return`v-${r}`;q("font",r,w)}function N(r,e){if(null!=r)return F.format(r,e)}export{H as a,J as b,G as c,z as d,R as e,K as f,L as g,E as h,A as i,N as j,I as k,D as l,M as m}
+import{i as r,b as e,e as t,j as a,f as s,g as o,k as n,l as i,m as u,n as f,o as c,p as l,q as d,r as b,h as v,s as p,B as m,C as $,t as h}from"./p-12d5ed36.js";import{B as j}from"./p-3542f8fe.js";import{L as g}from"./p-6e1ab235.js";import{R as k}from"./p-ae3f8fe2.js";import{b as w}from"./p-c59042c0.js";import{S as x,s as T}from"./p-0197e7ec.js";import{a as O}from"./p-3c8b2105.js";const S=new class extends x{constructor(){super(...arguments),this.states=["default","focus-visible","hover","active"]}formatToken(a){return r(a)?`border-color: ${t[a]};`:(g.warn(`The borderColor value ${a} is invalid, it must be a value of: `,e),"")}getStates(){return this.states}},C=new class extends x{constructor(){super(...arguments),this.states=["default","focus-visible","hover"]}formatToken(r){return a(r)?`box-shadow: ${o[r]};`:(g.warn(`The shadow value ${r} is invalid, it must be a value of: `,s),"")}getStates(){return this.states}},B=new class extends x{constructor(){super(...arguments),this.states=["default","focus-visible","hover","active"]}formatToken(r){return n(r)?`border: ${u[r]};`:(g.warn(`The border value ${r} is invalid, it must be a value of: `,i),"")}getStates(){return this.states}},F=new class{format(r,e){switch(e){case"backgroundColor":return T.format(r);case"borderColor":return S.format(r);case"shadow":return C.format(r);case"border":return B.format(r);default:throw new Error(`Invalid flag ${e} passed into StateFormatFacade`)}}};function q(r,e,t){g.warn(`The ${r} value ${e} is invalid, it must be a value of: `,t)}function y(r,e){let t="";return e.includes("dark")&&(t+=` dark:v-dark-${r}`),t}function E(r){if(f(r))return`v-p-${r}`;q("padding",r,Object.keys(v))}function I(r){if(p(r))return`v-border-${r}`;q("border-style",r,O)}function L(r){if(c(r))return`v-${r}`;q("border-radius",r,Object.keys(m))}function R(e){if(r(e))return`v-${e}`;q("border-color",e,$.filter((()=>/^border-color-.+$/.test)))}function z(r,e=[]){if(l(r))return`v-${r}`+y(r,e);q("background-color",r,$.filter((()=>/^bg-.+$/.test)))}function A(r,e=[]){if(d(r))return`v-${r}`+y(r,e);q("text-color",r,$.filter((()=>/^text-.+$/.test)))}function D(r){if(b(r))return`vega-flex-${r}`;q("breakpoint",r,Object.keys(j))}function G(r){if(b(r))return j[r];q("breakpoint",r,Object.keys(j))}function H(r){if(f(r))return`v-gap-${r}`;q("gap",r,Object.keys(v))}function J(r,e=[]){if(a(r))return`v-${r}`+y(r,e);q("shadows",r,s)}function K(r,e){if(null!=r)return k.format(r,e)}function M(r){if(h(r))return`v-${r}`;q("font",r,w)}function N(r,e){if(null!=r)return F.format(r,e)}export{H as a,J as b,G as c,z as d,R as e,K as f,L as g,E as h,A as i,N as j,I as k,D as l,M as m}

package/dist/vega/p-0197e7ec.js

@@ -0,0 +1 @@
+import{K as s,p as t,a as o,d as a}from"./p-12d5ed36.js";import{L as e}from"./p-6e1ab235.js";class r{format(t){if(s(t)){const s=[];return this.getStates().forEach((o=>{const a=this.formatToken(t[o]);a&&s.push(`:host${"default"===o?"":`(:${o})`}{\n\t${a}\n}`)})),s.join("\n")}return`:host{\n\t${this.formatToken(t)}\n}`}}const n=new class extends r{constructor(){super(...arguments),this.states=["default","hover","active","focus-visible"]}formatToken(s){return t(s)?`background-color: ${a[s]};`:(e.warn(`The backgroundColor value ${s} is invalid, it must be a value of: `,o),"")}getStates(){return this.states}};export{r as S,n as s}

package/dist/vega/{p-0fdbffc4.entry.js → p-0781a9f3.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as n,H as i,g as a}from"./p-9777b1c1.js";import{s as o}from"./p-b81bd0bb.js";import{I as r}from"./p-018d77cc.js";import{V as l,I as s}from"./p-d5c10af1.js";import{c as v}from"./p-c4542d96.js";import{a as g}from"./p-f5ebc64a.js";import{C as b}from"./p-b32611f0.js";import"./p-d3f1d3dd.js";import"./p-853f3963.js";import"./p-e4aa214a.js";import"./p-c216dfc3.js";import"./p-5f377954.js";import"./p-fd58f10a.js";import"./p-639fa6c7.js";const d=[{payloadKey:"EVENTFUL_IS_TRUE",payloadDescription:"@deprecated Specifies whether the button link will emit a vegaClick event when clicked. If set to true, the event will be emitted.",payloadValue:t=>!0===t.eventful},{payloadKey:"EVENTFUL_IS_FALSE",payloadDescription:"@deprecated Specifies whether the button link will emit a vegaClick event when clicked. If set to false, the component will function as a regular link to another page or URL, and no events will be emitted.",payloadValue:t=>!1===t.eventful}];var c=function(t,e,n,i){var a,o=arguments.length,r=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var l=t.length-1;l>=0;l--)(a=t[l])&&(r=(o<3?a(r):o>3?a(e,n,r):a(e,n))||r);return o>3&&r&&Object.defineProperty(e,n,r),r};const h=class{constructor(n){t(this,n),this.vegaClick=e(this,"vegaClick",7),this.click=e(this,"click",7),this.globalSlimmers={},this.clickEventEmitter=v(h,g),this.eventPrevent=new b([g],(()=>this.host)),this.vegaComponentUsageRuntimeMetricsSlimmer=new l(d),this.link=h.defaultLink,this.size="default",this.iconType="icon",this.iconAlign="left",this.label="",this.disabled=!1,this.danger=!1,this.eventful=!0,this.onClick=t=>{this.disabled?t.preventDefault():this.clickEventEmitter.emit(this.host.dataset.key,t)}}componentWillLoad(){this.label||(this.label=this.host.textContent),this.host.innerHTML=""}render(){const t=this.isEventLink(),e=t?h.defaultLink:this.link;return o(n(i,{class:{"vega-button-link-disabled":this.disabled}},n("a",{tabIndex:this.disabled?-1:0,role:t?"button":"link","aria-label":this.label.trim()||"No label defined",href:e,onClick:t&&this.onClick,class:{"vega-button-link":!0,[`vega-button-link-size-${this.size}`]:!0,"vega-button-link-left-button":this.hasIconButton("left"),"vega-button-link-right-button":this.hasIconButton("right"),"vega-button-link-danger":this.danger}},n("div",{class:"vega-button-link-content"},this.renderContent()),n("div",{class:"vega-button-link-outer-border",part:"link-border"}))),this.host)}hasIconButton(t){return this.icon&&"button"===this.iconType&&this.iconAlign===t}renderContent(){return this.icon?n("vega-flex",{alignItems:"center",gap:this.getGapByButtonSize(),justifyContent:"center"},"left"===this.iconAlign&&this.renderIcon(),this.renderLabel(),"right"===this.iconAlign&&this.renderIcon()):this.renderLabel()}getGapByButtonSize(){return"large"===this.size?"size-16":"small"===this.size?"size-8":"default"===this.size?"icon"===this.iconType?"size-8":"size-12":void 0}renderLabel(){return this.label&&n("span",{class:"vega-button-link-label",part:"label-container"},n("vega-text",{part:"label-text"},this.label))}renderIcon(){return n("div",{class:`vega-button-link-${this.iconType} vega-flex-shrink-0 v-min-w-min`},"icon"===this.iconType?this.renderVegaIcon():n("div",{class:"vega-button-link-button-container"},this.renderVegaIcon()))}renderVegaIcon(){return n("vega-icon",{icon:this.icon,size:"large"===this.size?"size-24":"size-16"})}isEventLink(){return!this.link||this.link===h.defaultLink}get host(){return a(this)}};h.defaultLink="javascript:void(0);",c([s()],h.prototype,"globalSlimmers",void 0),c([r()],h.prototype,"clickEventEmitter",void 0),c([r()],h.prototype,"eventPrevent",void 0),c([r()],h.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),h.style=':host{display:inline-block;position:relative;margin:0px;line-height:normal}a{text-decoration:none;color:rgba(var(--v-text-link, 19, 98, 226, 1));background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));outline:none}a:visited{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}a:hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}a:active{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}a:focus-visible{color:rgba(var(--v-text-link-focus, 4, 112, 236, 1))}a:not(.vega-button-link-danger):visited vega-icon svg *[fill=currentColor]{fill:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}a:not(.vega-button-link-danger):visited vega-icon svg *[stroke=currentColor]{stroke:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}a:not(.vega-button-link-danger):hover vega-icon svg *[fill=currentColor]{fill:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}a:not(.vega-button-link-danger):hover vega-icon svg *[stroke=currentColor]{stroke:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}a:not(.vega-button-link-danger):active vega-icon svg *[fill=currentColor]{fill:rgba(var(--v-text-link-active, 29, 65, 195, 1))}a:not(.vega-button-link-danger):active vega-icon svg *[stroke=currentColor]{stroke:rgba(var(--v-text-link-active, 29, 65, 195, 1))}a:not(.vega-button-link-danger):focus-visible vega-icon svg *[fill=currentColor]{fill:rgba(var(--v-text-link-focus, 4, 112, 236, 1))}a:not(.vega-button-link-danger):focus-visible vega-icon svg *[stroke=currentColor]{stroke:rgba(var(--v-text-link-focus, 4, 112, 236, 1))}:host>a:hover .vega-button-link-label,:host>a:focus-visible .vega-button-link-label{text-decoration:underline}a:active{text-decoration:none}a:active:hover .vega-button-link-label{text-decoration:none}a.vega-button-link-danger{color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}a.vega-button-link-danger:visited{color:rgba(var(--v-text-danger-link-visited, 230, 50, 87, 1))}a.vega-button-link-danger:hover{color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}a.vega-button-link-danger:active{color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1))}a.vega-button-link-danger:focus-visible{color:rgba(var(--v-text-danger-link-focus, 240, 52, 91, 1))}a .vega-button-link-button-container{border-radius:9999px;cursor:pointer;background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1));color:rgba(var(--v-text-link, 19, 98, 226, 1));box-sizing:border-box;border:2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1))}a:visited .vega-button-link-button-container{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1));border-color:var(--v-text-link-visited)}a:hover .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-btn-hover, 4, 112, 236, 1));background-color:rgba(var(--v-bg-action-secondary-hover, 4, 112, 236, 0.1));color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}a:focus .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1))}a:active .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-btn-active, 29, 65, 195, 1));background-color:rgba(var(--v-bg-action-secondary-active, 29, 65, 195, 0.1));color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}a.vega-button-link-danger .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-danger-btn, 230, 50, 87, 1));color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}a.vega-button-link-danger:hover .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-danger-btn-hover, 255, 87, 114, 1));background-color:rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2));color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}a.vega-button-link-danger:focus .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-danger-btn, 230, 50, 87, 1))}a.vega-button-link-danger:active .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-danger-btn-active, 189, 41, 71, 1));background-color:rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2));color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1))}a.vega-button-link-size-default .vega-button-link-button-container{width:40px;height:40px;padding:10px}a.vega-button-link-size-large .vega-button-link-button-container{width:56px;height:56px;padding:14px}a.vega-button-link-size-small .vega-button-link-button-container{width:32px;height:32px;padding:6px}a.vega-button-link-size-default .vega-button-link-icon,a.vega-button-link-size-small .vega-button-link-icon{width:16px;height:16px}a.vega-button-link-size-large .vega-button-link-icon{width:24px;height:24px}a .vega-button-link-label{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}a.vega-button-link-size-small .vega-button-link-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){a.vega-button-link-size-small .vega-button-link-label{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){a.vega-button-link-size-small .vega-button-link-label{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){a.vega-button-link-size-small .vega-button-link-label{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}a.vega-button-link-size-default .vega-button-link-label{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){a.vega-button-link-size-default .vega-button-link-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){a.vega-button-link-size-default .vega-button-link-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){a.vega-button-link-size-default .vega-button-link-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}a.vega-button-link-size-large .vega-button-link-label{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){a.vega-button-link-size-large .vega-button-link-label{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){a.vega-button-link-size-large .vega-button-link-label{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){a.vega-button-link-size-large .vega-button-link-label{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px}}a:focus-visible>.vega-button-link-outer-border{position:absolute;pointer-events:none;border-radius:9999px;box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25));display:inline-block;top:-4px;left:-8px;height:calc(100% + 8px);width:calc(100% + 16px);visibility:visible !important}a.vega-button-link-left-button:focus>.vega-button-link-outer-border{left:-4px}a.vega-button-link-right-button:focus>.vega-button-link-outer-border{width:calc(100% + 12px)}a.vega-button-link-danger:focus-visible>.vega-button-link-outer-border{box-shadow:0 0 0 4px rgba(var(--v-ring-action-danger-focus, 230, 50, 87, 0.25))}:host(.vega-button-link-disabled){pointer-events:none}:host(.vega-button-link-disabled) a{color:rgba(var(--v-text-disabled, 176, 180, 181, 1));text-decoration:none;background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}:host(.vega-button-link-disabled) a.vega-button-link .vega-button-link-button-container{color:rgba(var(--v-text-disabled, 176, 180, 181, 1));border:2px solid rgba(var(--v-border-secondary-btn-disabled, 176, 180, 181, 1));background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}:host(.vega-button-link-disabled) a:focus>.vega-button-link-content{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.vega-button-link-disabled) a:focus>.vega-button-link-outer-border{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))}';export{h as vega_button_link}
+import{r as t,c as e,h as n,H as i,g as a}from"./p-1c298d5a.js";import{s as o}from"./p-9b797118.js";import{I as r}from"./p-6e1ab235.js";import{V as l,I as s}from"./p-61f6167c.js";import{c as v}from"./p-88196afd.js";import{a as g}from"./p-89b6da4f.js";import{C as b}from"./p-97bc92ab.js";import"./p-6a334573.js";import"./p-2d0d575f.js";import"./p-1b3a64f7.js";import"./p-cceb3166.js";import"./p-5f377954.js";import"./p-c3ef9d64.js";import"./p-f404aa83.js";const d=[{payloadKey:"EVENTFUL_IS_TRUE",payloadDescription:"@deprecated Specifies whether the button link will emit a vegaClick event when clicked. If set to true, the event will be emitted.",payloadValue:t=>!0===t.eventful},{payloadKey:"EVENTFUL_IS_FALSE",payloadDescription:"@deprecated Specifies whether the button link will emit a vegaClick event when clicked. If set to false, the component will function as a regular link to another page or URL, and no events will be emitted.",payloadValue:t=>!1===t.eventful}];var c=function(t,e,n,i){var a,o=arguments.length,r=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var l=t.length-1;l>=0;l--)(a=t[l])&&(r=(o<3?a(r):o>3?a(e,n,r):a(e,n))||r);return o>3&&r&&Object.defineProperty(e,n,r),r};const h=class{constructor(n){t(this,n),this.vegaClick=e(this,"vegaClick",7),this.click=e(this,"click",7),this.globalSlimmers={},this.clickEventEmitter=v(h,g),this.eventPrevent=new b([g],(()=>this.host)),this.vegaComponentUsageRuntimeMetricsSlimmer=new l(d),this.link=h.defaultLink,this.size="default",this.iconType="icon",this.iconAlign="left",this.label="",this.disabled=!1,this.danger=!1,this.eventful=!0,this.onClick=t=>{this.disabled?t.preventDefault():this.clickEventEmitter.emit(this.host.dataset.key,t)}}componentWillLoad(){this.label||(this.label=this.host.textContent),this.host.innerHTML=""}render(){const t=this.isEventLink(),e=t?h.defaultLink:this.link;return o(n(i,{class:{"vega-button-link-disabled":this.disabled}},n("a",{tabIndex:this.disabled?-1:0,role:t?"button":"link","aria-label":this.label.trim()||"No label defined",href:e,onClick:t&&this.onClick,class:{"vega-button-link":!0,[`vega-button-link-size-${this.size}`]:!0,"vega-button-link-left-button":this.hasIconButton("left"),"vega-button-link-right-button":this.hasIconButton("right"),"vega-button-link-danger":this.danger}},n("div",{class:"vega-button-link-content"},this.renderContent()),n("div",{class:"vega-button-link-outer-border",part:"link-border"}))),this.host)}hasIconButton(t){return this.icon&&"button"===this.iconType&&this.iconAlign===t}renderContent(){return this.icon?n("vega-flex",{alignItems:"center",gap:this.getGapByButtonSize(),justifyContent:"center"},"left"===this.iconAlign&&this.renderIcon(),this.renderLabel(),"right"===this.iconAlign&&this.renderIcon()):this.renderLabel()}getGapByButtonSize(){return"large"===this.size?"size-16":"small"===this.size?"size-8":"default"===this.size?"icon"===this.iconType?"size-8":"size-12":void 0}renderLabel(){return this.label&&n("span",{class:"vega-button-link-label",part:"label-container"},n("vega-text",{part:"label-text"},this.label))}renderIcon(){return n("div",{class:`vega-button-link-${this.iconType} vega-flex-shrink-0 v-min-w-min`},"icon"===this.iconType?this.renderVegaIcon():n("div",{class:"vega-button-link-button-container"},this.renderVegaIcon()))}renderVegaIcon(){return n("vega-icon",{icon:this.icon,size:"large"===this.size?"size-24":"size-16"})}isEventLink(){return!this.link||this.link===h.defaultLink}get host(){return a(this)}};h.defaultLink="javascript:void(0);",c([s()],h.prototype,"globalSlimmers",void 0),c([r()],h.prototype,"clickEventEmitter",void 0),c([r()],h.prototype,"eventPrevent",void 0),c([r()],h.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),h.style=':host{display:inline-block;position:relative;margin:0px;line-height:normal}a{text-decoration:none;color:rgba(var(--v-text-link, 19, 98, 226, 1));background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));outline:none}a:visited{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}a:hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}a:active{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}a:focus-visible{color:rgba(var(--v-text-link-focus, 4, 112, 236, 1))}a:not(.vega-button-link-danger):visited vega-icon svg *[fill=currentColor]{fill:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}a:not(.vega-button-link-danger):visited vega-icon svg *[stroke=currentColor]{stroke:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}a:not(.vega-button-link-danger):hover vega-icon svg *[fill=currentColor]{fill:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}a:not(.vega-button-link-danger):hover vega-icon svg *[stroke=currentColor]{stroke:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}a:not(.vega-button-link-danger):active vega-icon svg *[fill=currentColor]{fill:rgba(var(--v-text-link-active, 29, 65, 195, 1))}a:not(.vega-button-link-danger):active vega-icon svg *[stroke=currentColor]{stroke:rgba(var(--v-text-link-active, 29, 65, 195, 1))}a:not(.vega-button-link-danger):focus-visible vega-icon svg *[fill=currentColor]{fill:rgba(var(--v-text-link-focus, 4, 112, 236, 1))}a:not(.vega-button-link-danger):focus-visible vega-icon svg *[stroke=currentColor]{stroke:rgba(var(--v-text-link-focus, 4, 112, 236, 1))}:host>a:hover .vega-button-link-label,:host>a:focus-visible .vega-button-link-label{text-decoration:underline}a:active{text-decoration:none}a:active:hover .vega-button-link-label{text-decoration:none}a.vega-button-link-danger{color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}a.vega-button-link-danger:visited{color:rgba(var(--v-text-danger-link-visited, 230, 50, 87, 1))}a.vega-button-link-danger:hover{color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}a.vega-button-link-danger:active{color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1))}a.vega-button-link-danger:focus-visible{color:rgba(var(--v-text-danger-link-focus, 240, 52, 91, 1))}a .vega-button-link-button-container{border-radius:9999px;cursor:pointer;background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1));color:rgba(var(--v-text-link, 19, 98, 226, 1));box-sizing:border-box;border:2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1))}a:visited .vega-button-link-button-container{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1));border-color:var(--v-text-link-visited)}a:hover .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-btn-hover, 4, 112, 236, 1));background-color:rgba(var(--v-bg-action-secondary-hover, 4, 112, 236, 0.1));color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}a:focus .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1))}a:active .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-btn-active, 29, 65, 195, 1));background-color:rgba(var(--v-bg-action-secondary-active, 29, 65, 195, 0.1));color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}a.vega-button-link-danger .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-danger-btn, 230, 50, 87, 1));color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}a.vega-button-link-danger:hover .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-danger-btn-hover, 255, 87, 114, 1));background-color:rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2));color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}a.vega-button-link-danger:focus .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-danger-btn, 230, 50, 87, 1))}a.vega-button-link-danger:active .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-danger-btn-active, 189, 41, 71, 1));background-color:rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2));color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1))}a.vega-button-link-size-default .vega-button-link-button-container{width:40px;height:40px;padding:10px}a.vega-button-link-size-large .vega-button-link-button-container{width:56px;height:56px;padding:14px}a.vega-button-link-size-small .vega-button-link-button-container{width:32px;height:32px;padding:6px}a.vega-button-link-size-default .vega-button-link-icon,a.vega-button-link-size-small .vega-button-link-icon{width:16px;height:16px;line-height:16px}a.vega-button-link-size-large .vega-button-link-icon{width:24px;height:24px;line-height:24px}a .vega-button-link-label{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}a.vega-button-link-size-small .vega-button-link-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){a.vega-button-link-size-small .vega-button-link-label{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){a.vega-button-link-size-small .vega-button-link-label{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){a.vega-button-link-size-small .vega-button-link-label{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}a.vega-button-link-size-default .vega-button-link-label{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){a.vega-button-link-size-default .vega-button-link-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){a.vega-button-link-size-default .vega-button-link-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){a.vega-button-link-size-default .vega-button-link-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}a.vega-button-link-size-large .vega-button-link-label{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){a.vega-button-link-size-large .vega-button-link-label{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){a.vega-button-link-size-large .vega-button-link-label{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){a.vega-button-link-size-large .vega-button-link-label{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px}}a:focus-visible>.vega-button-link-outer-border{position:absolute;pointer-events:none;border-radius:9999px;box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25));display:inline-block;top:-4px;left:-8px;height:calc(100% + 8px);width:calc(100% + 16px);visibility:visible !important}a.vega-button-link-left-button:focus>.vega-button-link-outer-border{left:-4px}a.vega-button-link-right-button:focus>.vega-button-link-outer-border{width:calc(100% + 12px)}a.vega-button-link-danger:focus-visible>.vega-button-link-outer-border{box-shadow:0 0 0 4px rgba(var(--v-ring-action-danger-focus, 230, 50, 87, 0.25))}:host(.vega-button-link-disabled){pointer-events:none}:host(.vega-button-link-disabled) a{color:rgba(var(--v-text-disabled, 176, 180, 181, 1));text-decoration:none;background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}:host(.vega-button-link-disabled) a.vega-button-link .vega-button-link-button-container{color:rgba(var(--v-text-disabled, 176, 180, 181, 1));border:2px solid rgba(var(--v-border-secondary-btn-disabled, 176, 180, 181, 1));background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}:host(.vega-button-link-disabled) a:focus>.vega-button-link-content{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.vega-button-link-disabled) a:focus>.vega-button-link-outer-border{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))}';export{h as vega_button_link}

package/dist/vega/p-0bc25682.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,h as o,H as i,g as r}from"./p-1c298d5a.js";import{s}from"./p-9b797118.js";import{c as a,M as n,V as l,I as p}from"./p-6e1ab235.js";import{V as c,I as h}from"./p-61f6167c.js";import{c as u,S as d}from"./p-c68e4cd3.js";import{c as b}from"./p-88196afd.js";import{a as g,b as v}from"./p-89b6da4f.js";import{C as f}from"./p-97bc92ab.js";import{D as m,d as y}from"./p-1b3a64f7.js";import{d as x}from"./p-3b60c75b.js";import{C as w}from"./p-2d0d575f.js";import{f as j}from"./p-ad4bd166.js";import"./p-6a334573.js";import"./p-cceb3166.js";import"./p-5f377954.js";import"./p-c3ef9d64.js";import"./p-f404aa83.js";var S=function(t,e,o,i){var r,s=arguments.length,a=s<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,i);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(a=(s<3?r(a):s>3?r(e,o,a):r(e,o))||a);return s>3&&a&&Object.defineProperty(e,o,a),a};class R extends l{registerGroupClickObserver(){m.addUniqueObserverToNode(this.host,x,(t=>{this.clickEventEmitter.emit(t.detail)}))}unregisterGroupClickObserver(){m.removeUniqueObserverFromNode(this.host,x)}}S([a()],R.prototype,"host",void 0),S([a()],R.prototype,"clickEventEmitter",void 0),S([n("connectedCallback")],R.prototype,"registerGroupClickObserver",null),S([n("disconnectedCallback")],R.prototype,"unregisterGroupClickObserver",null);const k=[{payloadKey:"VARIANT_IS_PRIMARY",payloadDescription:"Specifies the visual style and prominence of the button group. It determines how the button group will be presented to the user.",payloadValue:t=>"primary"===t.variant},{payloadKey:"VARIANT_IS_SECONDARY",payloadDescription:"Specifies the visual style and prominence of the button group. It determines how the button group will be presented to the user.",payloadValue:t=>"secondary"===t.variant},{payloadKey:"VARIANT_IS_TERTIARY",payloadDescription:"Specifies the visual style and prominence of the button group. It determines how the button group will be presented to the user.",payloadValue:t=>"tertiary"===t.variant}];var A=function(t,e,o,i){var r,s=arguments.length,a=s<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,i);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(a=(s<3?r(a):s>3?r(e,o,a):r(e,o))||a);return s>3&&a&&Object.defineProperty(e,o,a),a};const I=class{constructor(o){t(this,o),this.vegaClick=e(this,"vegaClick",7),this.click=e(this,"click",7),this.globalSlimmers={},this.clickEventEmitter=b(I,g),this.clickEventPrevent=new f([g],(()=>this.flexContainer)),this.buttonGroupClickController=new R,this.variantNotifySlimmer=u(I,"variant","watchVariant"),this.sizeNotifySlimmer=u(I,"size","watchSize"),this.iconAlignNotifySlimmer=u(I,"iconAlign","watchIconAlign"),this.vegaComponentUsageRuntimeMetricsSlimmer=new c(k),this.variant="primary",this.size="default",this.iconAlign="left"}watchVariant(){}watchSize(){}watchIconAlign(){}render(){return s(o(i,null,o("vega-flex",{class:`vega-button-group-container vega-button-group-${this.variant}`,direction:"row",alignItems:"tertiary"===this.variant?"center":"stretch",gap:"tertiary"!==this.variant?"size-2":"0",ref:t=>this.flexContainer=t},o("slot",null))),this.host)}get host(){return r(this)}static get watchers(){return{variant:["watchVariant"],size:["watchSize"],iconAlign:["watchIconAlign"]}}};A([h()],I.prototype,"globalSlimmers",void 0),A([p()],I.prototype,"clickEventEmitter",void 0),A([p()],I.prototype,"clickEventPrevent",void 0),A([p()],I.prototype,"buttonGroupClickController",void 0),A([p()],I.prototype,"variantNotifySlimmer",void 0),A([p()],I.prototype,"sizeNotifySlimmer",void 0),A([p()],I.prototype,"iconAlignNotifySlimmer",void 0),A([p()],I.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),I.style=":host{display:inline-block}.vega-button-group-primary{gap:6px}.vega-button-group-tertiary>::slotted(.vega-button-group-item){padding-left:12px;padding-right:12px;border-color:rgba(var(--v-border-color-divider-secondary, 199, 217, 229, 1));border-left-width:1px;border-top-width:0px;border-bottom-width:0px;border-right-width:0px;border-style:solid}.vega-button-group-tertiary>::slotted(.vega-button-group-item:first-child){border-left-width:0px}";var O=function(t,e,o,i){var r,s=arguments.length,a=s<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,i);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(a=(s<3?r(a):s>3?r(e,o,a):r(e,o))||a);return s>3&&a&&Object.defineProperty(e,o,a),a};class C extends d{constructor(){super({parent:"vega-button-group",subStates:[{subStateName:"variant",parentStateName:"variant"},{subStateName:"size",parentStateName:"size"},{subStateName:"iconAlign",parentStateName:"iconAlign"}]})}}O([a({writable:!0})],C.prototype,"size",void 0),O([a({writable:!0})],C.prototype,"variant",void 0),O([a({writable:!0})],C.prototype,"iconAlign",void 0);var z=function(t,e,o,i){var r,s=arguments.length,a=s<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,i);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(a=(s<3?r(a):s>3?r(e,o,a):r(e,o))||a);return s>3&&a&&Object.defineProperty(e,o,a),a};class N extends l{constructor(){super(...arguments),this.buttonItemClickHandle=()=>{this.notifyParentGroup(this.itemKey)},this.moreDropdownItemClickHandle=t=>{this.notifyParentGroup(t.detail)}}render(){return this.dropdownSource&&this.dropdownSource.length?o("vega-dropdown",Object.assign({source:this.dropdownSource,trigger:"click"},this.dropdownProps,{ref:t=>{m.addUniqueObserverToNode(t,v,this.moreDropdownItemClickHandle)}}),this.renderButtonItemWithTooltip()):this.renderButtonItemWithTooltip()}renderButtonItemWithTooltip(){return this.iconOnly&&this.label?o("vega-tooltip",{placement:"top",text:this.label},this.renderButtonItem()):this.renderButtonItem()}renderButtonItem(){const t=this.getButtonProps();return"tertiary"===this.variant?o("vega-button-link",Object.assign({},t)):o("vega-button",Object.assign({class:`button-group-item-button-${this.variant}`,variant:this.variant},t))}notifyParentGroup(t){const e=j(this.host,"vega-button-group");e&&w.notify(y.getSubject(e,x),{host:this.host,detail:t})}getButtonProps(){return{size:this.size,icon:this.icon,label:this.iconOnly?"":this.getDefaultLabel(),iconAlign:this.iconAlign,ref:t=>{m.addUniqueObserverToNode(t,g,this.buttonItemClickHandle)}}}getDefaultLabel(){return!this.icon&&!this.label&&this.dropdownSource&&this.dropdownSource.length?"More":this.label}}z([a()],N.prototype,"host",void 0),z([a()],N.prototype,"size",void 0),z([a()],N.prototype,"icon",void 0),z([a()],N.prototype,"label",void 0),z([a()],N.prototype,"iconAlign",void 0),z([a()],N.prototype,"iconOnly",void 0),z([a()],N.prototype,"variant",void 0),z([a()],N.prototype,"itemKey",void 0),z([a()],N.prototype,"dropdownSource",void 0),z([a()],N.prototype,"dropdownProps",void 0);var V=function(t,e,o,i){var r,s=arguments.length,a=s<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,i);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(a=(s<3?r(a):s>3?r(e,o,a):r(e,o))||a);return s>3&&a&&Object.defineProperty(e,o,a),a};const _=class{constructor(e){t(this,e),this.globalSlimmers={},this.subStateObserverSlimmer=new C,this.buttonGroupItemRenderer=new N,this.vegaComponentUsageRuntimeMetricsSlimmer=new c,this.variant="primary",this.size="default",this.iconAlign="left",this.iconOnly=!1}render(){return s(o(i,{class:"vega-button-group-item"},this.buttonGroupItemRenderer.render()),this.host)}get host(){return r(this)}};V([h()],_.prototype,"globalSlimmers",void 0),V([p()],_.prototype,"subStateObserverSlimmer",void 0),V([p()],_.prototype,"buttonGroupItemRenderer",void 0),V([p()],_.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),_.style=":host{display:inline-block}:host>vega-tooltip,:host>vega-dropdown{height:100%}:host>vega-tooltip>vega-tooltip,:host>vega-dropdown>vega-tooltip{height:100%}:host vega-button{height:100%}:host vega-button::part(button):focus-visible{position:relative;outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;z-index:1;box-shadow:0 0 0}:host vega-button-link::part(link-border){outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border-top-left-radius:4px;border-bottom-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;height:calc(100% + 2px);top:-1px;box-shadow:0 0 0;visibility:hidden}:host vega-button-link::part(label-container){text-decoration:none}:host vega-button-link:hover::part(label-container){text-decoration:underline}:host vega-button::part(button){margin-right:-4px}:host vega-button::part(button):focus-visible{margin-right:0px;margin-left:4px}:host(:first-child) vega-button::part(button){border-top-left-radius:9999px;border-bottom-left-radius:9999px}:host(:first-child) vega-button::part(button):focus-visible{margin-left:0}:host(:last-child) vega-button::part(button){border-top-right-radius:9999px;border-bottom-right-radius:9999px}:host(:last-child) vega-button::part(button){margin-right:0}vega-button::part(button){border-top-left-radius:0px;border-bottom-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;height:100%}";export{I as vega_button_group,_ as vega_button_group_item}