@globalpayments/vega 2.17.0 → 2.18.1

package/dist/types/components.d.ts

@@ -31,6 +31,7 @@ import { VegaFontAs } from "./components/vega-font/types";
 import { FormControlOption, FormValidateResult } from "./components/vega-form/types";
 import { VegaFile, VegaFileOptional, VegaImageUploaderStatus } from "./components/vega-image-uploader/types";
 import { MaskConfigType } from "./components/vega-input/types";
+import { VegaCountryCode, VegaCountryType } from "./components/vega-input-phone-number/types";
 import { InputRangeStackType, InputRangeValueType } from "./components/vega-input-range/types";
 import { SelectedLabelType, SelectSourceItem, SelectType, SelectValueType, VegaDropdownPropsForSelect, VegaInputSelectSize, VegaInputSelectSourceLazyLoadCallback } from "./components/vega-input-select/types";
 import { ItemToggleStatusMap } from "./components/vega-item-toggle/types";
@@ -1362,6 +1363,10 @@ export namespace Components {
           * Sets the minimum length requirement for the input value.
          */
         "minLength": number;
+        /**
+          * Defines the specific name of the input field.
+         */
+        "name": string;
         /**
           * Specifies a placeholder string that displays as a temporary hint    or example inside the input field.  It indicates the expected format or pattern of the input.
          */
@@ -1441,6 +1446,56 @@ export namespace Components {
          */
         "value": string;
     }
+    interface VegaInputPhoneNumber {
+        /**
+          * Specifies the countries available for selection.  Note: By default, 245 codes are provided, but loading all of them may take time. To improve performance, it is recommended to include only the necessary codes.
+         */
+        "allowedCountryCodes": VegaCountryCode[];
+        /**
+          * Determines whether the phone number input field should undergo automatic validation    during the user's input.
+         */
+        "autoValidation": boolean;
+        /**
+          * Specifies the default country calling code using the two-letter uppercase country code.
+         */
+        "countryCode": VegaCountryCode;
+        /**
+          * Determines whether the phone number input field is disabled.
+         */
+        "disabled": boolean;
+        /**
+          * Provides a supplementary prompt message that assists users in    understanding the expected value for the input field.
+         */
+        "hint": string;
+        /**
+          * Indicates whether the current value in the field is considered valid    based on the defined validation rules.
+         */
+        "isValid": boolean;
+        /**
+          * Specifies the label or title for the phone number input field.  It provides descriptive text that helps identify the    purpose or content expected in the input field.
+         */
+        "label": string;
+        /**
+          * Specifies a placeholder string that displays as a temporary hint    or example inside the input field.
+         */
+        "placeholder": string;
+        /**
+          * Determines whether the phone number input field is required.
+         */
+        "required": boolean;
+        /**
+          * Specifies the size of the phone number input field.
+         */
+        "size": 'default' | 'small';
+        /**
+          * Specifies custom validation rules for the phone number input field.
+         */
+        "validationRules": FormFieldValidationRule<unknown>[];
+        /**
+          * Specifies the value of the phone number input in [E.164]{@link https ://en.wikipedia.org/wiki/E.164} format.
+         */
+        "value": string;
+    }
     interface VegaInputRange {
         /**
           * Determines whether the input field should undergo automatic validation    during the user's input.
@@ -2704,6 +2759,10 @@ export interface VegaInputCreditCardCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVegaInputCreditCardElement;
 }
+export interface VegaInputPhoneNumberCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVegaInputPhoneNumberElement;
+}
 export interface VegaInputRangeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVegaInputRangeElement;
@@ -3047,6 +3106,12 @@ declare global {
         prototype: HTMLVegaInputCreditCardElement;
         new (): HTMLVegaInputCreditCardElement;
     };
+    interface HTMLVegaInputPhoneNumberElement extends Components.VegaInputPhoneNumber, HTMLStencilElement {
+    }
+    var HTMLVegaInputPhoneNumberElement: {
+        prototype: HTMLVegaInputPhoneNumberElement;
+        new (): HTMLVegaInputPhoneNumberElement;
+    };
     interface HTMLVegaInputRangeElement extends Components.VegaInputRange, HTMLStencilElement {
     }
     var HTMLVegaInputRangeElement: {
@@ -3365,6 +3430,7 @@ declare global {
         "vega-image-uploader": HTMLVegaImageUploaderElement;
         "vega-input": HTMLVegaInputElement;
         "vega-input-credit-card": HTMLVegaInputCreditCardElement;
+        "vega-input-phone-number": HTMLVegaInputPhoneNumberElement;
         "vega-input-range": HTMLVegaInputRangeElement;
         "vega-input-select": HTMLVegaInputSelectElement;
         "vega-item-toggle": HTMLVegaItemToggleElement;
@@ -3594,11 +3660,20 @@ declare namespace LocalJSX {
           * Determines whether the banner is displayed.
          */
         "isOpen"?: boolean;
+        /**
+          * An event emitter notifying the banner action button has been clicked.
+          * @eventSemantics namespace:native
+         */
+        "onActionButtonClick"?: (event: VegaBannerCustomEvent<VegaBannerActionButtonType>) => void;
         /**
           * An event emitter notifying the banner close event.
           * @eventSemantics namespace:native
          */
         "onClose"?: (event: VegaBannerCustomEvent<any>) => void;
+        /**
+          * An event emitter notifying the banner action button has been clicked.
+         */
+        "onVegaActionButtonClick"?: (event: VegaBannerCustomEvent<VegaBannerActionButtonType>) => void;
         /**
           * An event emitter notifying the banner close event.
          */
@@ -4938,6 +5013,10 @@ declare namespace LocalJSX {
           * Sets the minimum length requirement for the input value.
          */
         "minLength"?: number;
+        /**
+          * Defines the specific name of the input field.
+         */
+        "name"?: string;
         /**
           * An event emitter notifying the blur of the inner input element.
           * @eventSemantics namespace:native
@@ -5071,6 +5150,74 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface VegaInputPhoneNumber {
+        /**
+          * Specifies the countries available for selection.  Note: By default, 245 codes are provided, but loading all of them may take time. To improve performance, it is recommended to include only the necessary codes.
+         */
+        "allowedCountryCodes"?: VegaCountryCode[];
+        /**
+          * Determines whether the phone number input field should undergo automatic validation    during the user's input.
+         */
+        "autoValidation"?: boolean;
+        /**
+          * Specifies the default country calling code using the two-letter uppercase country code.
+         */
+        "countryCode"?: VegaCountryCode;
+        /**
+          * Determines whether the phone number input field is disabled.
+         */
+        "disabled"?: boolean;
+        /**
+          * Provides a supplementary prompt message that assists users in    understanding the expected value for the input field.
+         */
+        "hint"?: string;
+        /**
+          * Indicates whether the current value in the field is considered valid    based on the defined validation rules.
+         */
+        "isValid"?: boolean;
+        /**
+          * Specifies the label or title for the phone number input field.  It provides descriptive text that helps identify the    purpose or content expected in the input field.
+         */
+        "label"?: string;
+        /**
+          * An event emitter notifying a value change.
+          * @eventSemantics namespace:native
+         */
+        "onChange"?: (event: VegaInputPhoneNumberCustomEvent<string>) => void;
+        /**
+          * An event emitter notifying a country change.
+          * @eventSemantics namespace:native
+         */
+        "onCountryChange"?: (event: VegaInputPhoneNumberCustomEvent<VegaCountryType>) => void;
+        /**
+          * An event emitter notifying a value change.
+         */
+        "onVegaChange"?: (event: VegaInputPhoneNumberCustomEvent<string>) => void;
+        /**
+          * An event emitter notifying a country change.
+         */
+        "onVegaCountryChange"?: (event: VegaInputPhoneNumberCustomEvent<VegaCountryType>) => void;
+        /**
+          * Specifies a placeholder string that displays as a temporary hint    or example inside the input field.
+         */
+        "placeholder"?: string;
+        /**
+          * Determines whether the phone number input field is required.
+         */
+        "required"?: boolean;
+        /**
+          * Specifies the size of the phone number input field.
+         */
+        "size"?: 'default' | 'small';
+        /**
+          * Specifies custom validation rules for the phone number input field.
+         */
+        "validationRules"?: FormFieldValidationRule<unknown>[];
+        /**
+          * Specifies the value of the phone number input in [E.164]{@link https ://en.wikipedia.org/wiki/E.164} format.
+         */
+        "value"?: string;
+    }
     interface VegaInputRange {
         /**
           * Determines whether the input field should undergo automatic validation    during the user's input.
@@ -6444,6 +6591,7 @@ declare namespace LocalJSX {
         "vega-image-uploader": VegaImageUploader;
         "vega-input": VegaInput;
         "vega-input-credit-card": VegaInputCreditCard;
+        "vega-input-phone-number": VegaInputPhoneNumber;
         "vega-input-range": VegaInputRange;
         "vega-input-select": VegaInputSelect;
         "vega-item-toggle": VegaItemToggle;
@@ -6537,6 +6685,7 @@ declare module "@stencil/core" {
             "vega-image-uploader": LocalJSX.VegaImageUploader & JSXBase.HTMLAttributes<HTMLVegaImageUploaderElement>;
             "vega-input": LocalJSX.VegaInput & JSXBase.HTMLAttributes<HTMLVegaInputElement>;
             "vega-input-credit-card": LocalJSX.VegaInputCreditCard & JSXBase.HTMLAttributes<HTMLVegaInputCreditCardElement>;
+            "vega-input-phone-number": LocalJSX.VegaInputPhoneNumber & JSXBase.HTMLAttributes<HTMLVegaInputPhoneNumberElement>;
             "vega-input-range": LocalJSX.VegaInputRange & JSXBase.HTMLAttributes<HTMLVegaInputRangeElement>;
             "vega-input-select": LocalJSX.VegaInputSelect & JSXBase.HTMLAttributes<HTMLVegaInputSelectElement>;
             "vega-item-toggle": LocalJSX.VegaItemToggle & JSXBase.HTMLAttributes<HTMLVegaItemToggleElement>;

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"];
+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"];
 export declare const CssStates: readonly ["default", "hover", "active", "focus-visible"];

package/dist/types/helpers/event-manager/eventID/vegaEventId.d.ts

@@ -79,4 +79,6 @@ export declare const VegaDropdownSearch: VegaEventID;
 export declare const VegaActionClick: VegaEventID;
 export declare const VegaEventClick: VegaEventID;
 export declare const VegaDateDblClick: VegaEventID;
+export declare const VegaCountryChange: VegaEventID;
+export declare const VegaActionButtonClick: VegaEventID;
 export declare const HTMLNativeEventIds: VegaEventID[];

package/dist/types/helpers/event-manager/slimmers/childNodesEventPreventSlimmer.d.ts

@@ -23,14 +23,16 @@ export declare class ChildNodesEventPreventSlimmer extends VegaSlimmer {
    */
   private getHostElement;
   private isEventListenerAdded;
+  private disabled;
   /**
    * The constructor function takes in an array of event names and a function to get the parent element, and assigns them to the corresponding properties of the class.
    *
    * @param {VegaEventID[]} eventIds - The eventNames parameter is an array of VegaEventID that represents the names of the events that will be handled by the constructor.
    * @param {HTMLElement} getHostElement - The `getHostElement` parameter is a function that returns an `HTMLElement`. It is used to get the parent element where the events will be attached.
    * @param {boolean | EventPreventOptions} options - add event listener in capture or bubbles.
+   * @param {boolean | EventPreventOptions} needSkipByDefault - should skip event prevent by default
    */
-  constructor(eventIds: VegaEventID[], getHostElement: () => HTMLElement, options?: boolean | EventPreventOptions);
+  constructor(eventIds: VegaEventID[], getHostElement: () => HTMLElement, options?: boolean | EventPreventOptions, needSkipByDefault?: boolean);
   /**
    * add event listener when component connected, we can call the method manually if the host element not ready when connectedCallback
    */
@@ -43,6 +45,10 @@ export declare class ChildNodesEventPreventSlimmer extends VegaSlimmer {
    * remove the event listener when component disconnect
    */
   destroy(): void;
+  /**
+   * The function `setSkipEventPreventFlag` sets a flag on a host element to skip event prevention under certain conditions.
+   */
+  private setSkipEventPreventFlag;
   /**
    * add or remove the event from the parent element
    *

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

@@ -46,4 +46,6 @@ export type FeatureFlagKey =
 	| 'VEGA_TABLE.ENABLE_NEW_CELL_BREAK_WORDS_STYLE'
 	| 'VEGA_TELEMETRY.ENABLE_COLLECT_COMPONENTS_USAGE'
 	| 'VEGA_TELEMETRY.ENABLE_COLLECT_FEATURE_FLAG_OVERRIDDEN'
-	| 'VEGA_REACT.ENABLE_ON_CLOSE_HANDLE_UNDER_LOW_VERSION';
+	| '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';

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

@@ -0,0 +1,44 @@
+import { StringFormatStrategy } from './stringFormatStrategy';
+import { Nullable } from '../../../types/general';
+export declare type CustomStringFormatter = (rawValue: string) => string;
+/**
+ * Used to format a string using a custom formatter.
+ */
+export declare class CustomFormatterStrategy implements StringFormatStrategy {
+  private readonly formatter;
+  /**
+   * The constructor function takes a CustomStringFormatter parameter and assigns it to the formatter
+   * property of the class.
+   *
+   * @param {CustomStringFormatter} formatter - The `formatter` parameter is an instance of a custom
+   * string formatter class that you are passing to the constructor of the class. This custom string
+   * formatter class likely contains methods or properties related to formatting strings in a specific
+   * way according to your requirements.
+   */
+  constructor(formatter: CustomStringFormatter);
+  /**
+   * The format function in TypeScript takes a string input and returns the formatted output using a
+   * formatter method.
+   *
+   * @param {string} input - The `format` function takes a string input and passes it to the `formatter`
+   * function to format it.
+   * @returns {string} The `format` function is returning the result of calling the `formatter` function with the
+   * `input` string as its argument.
+   */
+  format(input: string): string;
+  /**
+   * The function calculates the caret position in a formatted input string.
+   *
+   * @param {string} input - The `input` parameter in the `calculateCaretPosition` function is a string
+   * that represents the text input where you want to calculate the caret position.
+   * @returns {Nullable<number>} The `calculateCaretPosition` function is returning the length of the formatted input
+   * string.
+   */
+  calculateCaretPosition(input: string): Nullable<number>;
+  /**
+   * Trigger the formatter at init
+   *
+   * @returns {boolean} true
+   */
+  shouldTriggerAtInit(): boolean;
+}

package/dist/types/helpers/formatter/test/string-formatter/custom-formatter-strategy.test.d.ts

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

package/dist/types/helpers/validator/rules/inputPhoneNumberRequiredRule.d.ts

@@ -0,0 +1,39 @@
+import { FormFieldStatusMeta, FormFieldValidationRule, EvaluateResult } from './formFieldValidationRule';
+/**
+ * A rule that checks if input phone number is empty or not
+ *
+ * @implements {FormFieldValidationRule<string>}
+ */
+export declare class InputPhoneNumberRequiredRule implements FormFieldValidationRule<string> {
+  private readonly phoneNumberValueGetter;
+  constructor(phoneNumberValueGetter: () => string);
+  /**
+   * It checks if the input is a valid value.
+   *
+   * @param {unknown} input - The value of the input field.
+   * @returns {EvaluateResult} An object with two properties: isValid and message.
+   */
+  evaluate(input: unknown): EvaluateResult;
+  /**
+   * If the input is accepted and the status is not disabled and visible, then return true
+   *
+   * @param {unknown} input - The input to be evaluated.
+   * @param {FormFieldStatusMeta} [status] - FormFieldStatusMeta
+   * @returns {boolean} A boolean value.
+   */
+  canEvaluate(input: unknown, status?: FormFieldStatusMeta): boolean;
+  /**
+   * If the field is not disabled, visible, and has been touched or modified, then show the error
+   *
+   * @param {FormFieldStatusMeta} status - FormFieldStatusMeta
+   * @returns {boolean} A boolean value.
+   */
+  shouldShowError(status: FormFieldStatusMeta): boolean;
+  /**
+   * If the input is undefined or null, return true, otherwise return true if the input is a string.
+   *
+   * @param {unknown} input - The input value to be validated.
+   * @returns {boolean}A boolean.
+   */
+  private isAcceptedInputType;
+}

package/dist/types/helpers/validator/rules/validPhoneNumberRule.d.ts

@@ -0,0 +1,73 @@
+import { VegaCountryCode } from '../../../components/vega-input-phone-number/types';
+import { EvaluateResult, FormFieldStatusMeta, FormFieldValidationRule } from './formFieldValidationRule';
+/**
+ * A rule that checks if it's a valid phone number
+ *
+ * @implements {FormFieldValidationRule<string>}
+ */
+export declare class ValidPhoneNumberRule implements FormFieldValidationRule<string> {
+  private readonly countryCodeGetter;
+  constructor(countryCodeGetter: () => VegaCountryCode);
+  /**
+   * It checks if the phone number is valid.
+   *
+   * @param {string} input - The input value to be evaluated.
+   * @returns {EvaluateResult} an object with two properties: isValid and message.
+   */
+  evaluate(input: string): EvaluateResult;
+  /**
+   * If the input is accepted and the status is not disabled and visible, then return true
+   *
+   * @param {unknown} input - The input to be evaluated.
+   * @param {FormFieldStatusMeta} [status] - FormFieldStatusMeta
+   * @returns {boolean} The return value is a boolean that indicates whether the input can be evaluated.
+   */
+  canEvaluate(input: unknown, status?: FormFieldStatusMeta): boolean;
+  /**
+   * If the field is not disabled, visible, and has been touched or modified, then show the error
+   *
+   * @param {FormFieldStatusMeta} status - FormFieldStatusMeta
+   * @returns {boolean} A boolean value.
+   */
+  shouldShowError(status: FormFieldStatusMeta): boolean;
+  /**
+   * The function `isAcceptedInputType` checks if the input is a string and not equal to a specific
+   * country calling code.
+   *
+   * @param {unknown} input - The `input` parameter is of type `unknown`, which means it can be any type.
+   * In the `isAcceptedInputType` function, it checks if the `input` is a string and not equal to a
+   * specific country calling code.
+   * @returns {boolean} a boolean value based on whether the input is a string and not equal to the country calling
+   * code with a plus sign appended to it.
+   */
+  private isAcceptedInputType;
+  /**
+   * The function `isValidPhoneNumberForCountry` validates a phone number for a specific country code.
+   *
+   * @param {string} number - The `number` parameter is a string representing a phone number that you
+   * want to validate.
+   * @param {VegaCountryCode} countryCode - The `countryCode` parameter in the `isValidPhoneNumberForCountry`
+   * function is of type `VegaCountryCode`. It is used to specify the country for which the phone number
+   * should be validated. The function attempts to parse the input phone number with the specified
+   * country code and performs validation checks to determine if the
+   * @returns {EvaluateResult} The `isValidPhoneNumberForCountry` function returns an `EvaluateResult` object. This object
+   * contains information about whether the phone number provided is valid for the specified country
+   * code. The function may return a valid result if the phone number is valid for the country code, an
+   * invalid result if the phone number is not valid or does not belong to the specified country, or an
+   * error message if an exception occurs during
+   */
+  private isValidPhoneNumberForCountry;
+  /**
+   * Generate an invalid result
+   *
+   * @param {string} message Error message
+   * @returns {EvaluateResult} invalid validation result
+   */
+  private invalidResult;
+  /**
+   * Generate a valid result
+   *
+   * @returns {EvaluateResult} invalid validation result
+   */
+  private validResult;
+}

package/dist/types/helpers/validator/test/rules/inputPhoneNumberRequiredRule.test.d.ts

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

package/dist/types/helpers/validator/test/rules/validPhoneNumberRule.test.d.ts

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

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

@@ -120,6 +120,7 @@ export { VegaFontAs } from '../components/vega-font/types';
 export { FormControlOption, FormValidateResult } from '../components/vega-form/types';
 export { VegaFile, VegaFileOptional, VegaImageUploaderStatus } from '../components/vega-image-uploader/types';
 export { MaskConfigType } from '../components/vega-input/types';
+export { VegaCountryCode, VegaCountryType } from '../components/vega-input-phone-number/types';
 export { InputRangeStackType, InputRangeValueType } from '../components/vega-input-range/types';
 export {
 	SelectedLabelType,

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-9e38810c.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-1265732f.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,c as VegaEventManager,V as VegaLoader,a as VegaNotify,d as VegaSkeletonLoader,b as VegaThemeManager,w as waitForVega}from"./p-bba06111.js";export{F as FeatureFlag}from"./p-f2118771.js";export{V as VegaDialog}from"./p-34964cc9.js";export{B as VegaJQueryDelegatedEventStrategy}from"./p-642d58ff.js";export{V as VegaIconManager}from"./p-9d426517.js";export{V as ValidCreditCardNumberRule}from"./p-8054bb18.js";import"./p-bb761f8f.js";import"./p-344ee7cb.js";import"./p-0c667d6a.js";import"./p-6bdc4407.js";import"./p-3a0a4d15.js";import"./p-469bc36e.js";import"./p-320642bd.js";import"./p-abf5b8f7.js";import"./p-d3f1d3dd.js";import"./p-cb13b4e6.js";import"./p-112455b1.js";import"./p-61f18887.js";import"./p-eacf64be.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-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-9e38810c.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-1265732f.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-f1ecbe90.js";export{c as VegaEventManager,V as VegaLoader,a as VegaNotify,d as VegaSkeletonLoader,b as VegaThemeManager,w as waitForVega}from"./p-4f428039.js";export{F as FeatureFlag}from"./p-d5841466.js";export{V as VegaDialog}from"./p-34964cc9.js";export{B as VegaJQueryDelegatedEventStrategy}from"./p-a5e6da15.js";export{V as VegaIconManager}from"./p-9d426517.js";export{V as ValidCreditCardNumberRule}from"./p-8054bb18.js";import"./p-bb761f8f.js";import"./p-344ee7cb.js";import"./p-0c667d6a.js";import"./p-6bdc4407.js";import"./p-3a0a4d15.js";import"./p-469bc36e.js";import"./p-320642bd.js";import"./p-abf5b8f7.js";import"./p-d3f1d3dd.js";import"./p-cb13b4e6.js";import"./p-639fa6c7.js";import"./p-280a6d94.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-069b157d.entry.js

@@ -0,0 +1 @@
+import{h as e,F as t,r as a,c as i,H as n,g as o}from"./p-9777b1c1.js";import{s as r}from"./p-b81bd0bb.js";import{a as s,V as l,M as c,I as d}from"./p-018d77cc.js";import{s as h}from"./p-6bd5c49b.js";import{V as b,I as g}from"./p-ae778ca4.js";import{P as v}from"./p-cb13b4e6.js";import{d as p}from"./p-1bc5b3bc.js";import{c as u}from"./p-86194314.js";import{D as f,O as m}from"./p-0fd9f03f.js";import{b as y,a as x}from"./p-280a6d94.js";import{C as T}from"./p-bf95b189.js";import{T as C}from"./p-2fa3841b.js";import{f as w}from"./p-320642bd.js";import{C as R}from"./p-5ded9437.js";import{c as j}from"./p-c450f692.js";import"./p-3542f8fe.js";import"./p-3c8b2105.js";import"./p-a5e6da15.js";import"./p-f1ecbe90.js";import"./p-d5841466.js";import"./p-639fa6c7.js";import"./p-d3f1d3dd.js";var D=function(e,t,a,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(r=(o<3?n(r):o>3?n(t,a,r):n(t,a))||r);return o>3&&r&&Object.defineProperty(t,a,r),r};class P extends l{getTabMenuContainer(){return this.tabMenuContainer}render(){return e(t,null,e("div",{class:{"tab-content-container":!0,"more-tab":this.tabPages.length>1,"tab-style-secondary":"secondary"===this.variant,"tab-style-primary":"secondary"!==this.variant},ref:e=>this.tabMenuContainer=e},this.directionButtonRenderer.render("left"),this.tabListRenderer.render(),this.directionButtonRenderer.render("right")),e("div",{class:"horizontal-divider"}),this.contentRenderer.render())}}D([s()],P.prototype,"tabPages",void 0),D([s()],P.prototype,"variant",void 0),D([s({componentFieldName:"vegaTabGroupTabListRenderer"})],P.prototype,"tabListRenderer",void 0),D([s({componentFieldName:"vegaTabGroupDirectionButtonRenderer"})],P.prototype,"directionButtonRenderer",void 0),D([s({componentFieldName:"vegaTabGroupContentRenderer"})],P.prototype,"contentRenderer",void 0);var k=function(e,t,a,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(r=(o<3?n(r):o>3?n(t,a,r):n(t,a))||r);return o>3&&r&&Object.defineProperty(t,a,r),r};class I extends l{setSelectedDataTarget(e){this.selectedTabDataTarget=e}handleTabItemClick(e){const t=this.clickEventEmitter.emit(e);t&&!t.defaultPrevented&&this.setSelectedDataTarget(e)}}k([s()],I.prototype,"clickEventEmitter",void 0),k([s({writable:!0})],I.prototype,"selectedTabDataTarget",void 0);class S{paginate(e,t,a){const i=e.map(t);return this.doPaginateByCapacity(e,i,a)}doPaginateByCapacity(e,t,a){const i=[];let n=0;for(;n<t.length;){const o=this.valueSum(n,t,a);if(0===o)break;i.push(e.slice(n,n+o)),n+=o}return i}valueSum(e,t,a){let i=0,n=!1,o=0;const r="function"==typeof a?a(e,t):a;return t.slice(e).forEach(((e,t)=>{i+=e,i>r&&!n&&(n=!0,o=t)})),n||(o=t.slice(e).length),o}}var G=function(e,t,a,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(r=(o<3?n(r):o>3?n(t,a,r):n(t,a))||r);return o>3&&r&&Object.defineProperty(t,a,r),r};class A extends v{constructor(){super({callback:()=>{this.initTabPagesWithDebounce()},target:()=>this.host,shouldTrigger:()=>!this.sliderStateController.isAnimationInProgress()}),this.TAB_SIDE_BUTTON_WIDTH=37,this.TAB_SIDE_BUTTON_AND_CONTENT_SPACE=8,this.valuePaginator=new S,this.initTabPagesWithDebounce=p(this.initTabPages,80,this),this.getTabContainerSpace=(e,t)=>{const a=this.host.getBoundingClientRect().width;let i="secondary"===this.variant?a:a-48;return e>0&&(i-=this.TAB_SIDE_BUTTON_WIDTH+this.TAB_SIDE_BUTTON_AND_CONTENT_SPACE),t.length>0&&t.slice(e).reduce(((e,t)=>e+t))>i&&i>0&&(i-=this.TAB_SIDE_BUTTON_WIDTH),i},this.emptySourceAndHiddenDropdown=()=>{Array.from(this.host.shadowRoot.querySelectorAll("vega-dropdown")).forEach((async e=>{0===e.source.length&&await e.hide()}))}}componentDidLoad(){this.initTabPages()}componentDidRender(){this.initTabsWidthArray(),this.emptySourceAndHiddenDropdown()}handleGapChange(){this.initTabPages()}handleTabWidthArrayChange(){this.tabWidthArray.length>0&&this.initTabPages()}setTabItems(e){this.tabItems=e}setTabWidthArray(e){this.tabWidthArray=e}initTabPages(){this.tabItems&&(this.tabPages=this.valuePaginator.paginate(this.tabItems,((e,t)=>this.tabWidthArray[t]>0?this.tabWidthArray[t]+Number(this.formatAndValidGap(this.gap)):this.tabWidthArray[t]),this.getTabContainerSpace))}formatAndValidGap(e){return e.replace("size-","")}initTabsWidthArray(){if(0===this.tabWidthArray.length||this.tabWidthArray.some((e=>0===e))){const e=[];this.tabItems.forEach((t=>{const a=this.host.shadowRoot.querySelector(`.vega-tab[data-target='${t.dataTarget}']`);if(a){const t=a.getBoundingClientRect().width;e.push(t)}})),e.length>0&&!e.some((e=>0===e))&&(this.tabWidthArray=[...e])}}}G([s()],A.prototype,"host",void 0),G([s()],A.prototype,"gap",void 0),G([s({writable:!0})],A.prototype,"tabPages",void 0),G([s({writable:!0})],A.prototype,"tabWidthArray",void 0),G([s({writable:!0})],A.prototype,"tabItems",void 0),G([s()],A.prototype,"variant",void 0),G([s({componentFieldName:"vegaTabGroupSliderStateController"})],A.prototype,"sliderStateController",void 0),G([c("componentDidLoad")],A.prototype,"componentDidLoad",null),G([c("componentDidRender")],A.prototype,"componentDidRender",null),G([c("watchGapChange")],A.prototype,"handleGapChange",null),G([c("watchTabWidthArrayChange")],A.prototype,"handleTabWidthArrayChange",null);var O=function(e,t,a,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(r=(o<3?n(r):o>3?n(t,a,r):n(t,a))||r);return o>3&&r&&Object.defineProperty(t,a,r),r};class z extends l{handleTabPagesChange(){this.setCurrentPageIndexWhenTabPagesChange()}handleSelectedDataTargetChange(){this.setCurrentPageIndexBySelectedTab(this.selectedTabDataTarget)}setPageIndex(e){this.currentPageIndex=e}setCurrentPageIndexWhenTabPagesChange(){this.tabPages&&this.tabPages.length&&!this.tabPages[this.currentPageIndex]&&(this.currentPageIndex=this.tabPages.length-1)}setCurrentPageIndexBySelectedTab(e){let t=-1;this.tabPages.forEach(((a,i)=>{-1!==a.findIndex((t=>t.dataTarget===e))&&(t=i)})),t>=0&&(this.currentPageIndex=t)}}O([s()],z.prototype,"tabPages",void 0),O([s({writable:!0})],z.prototype,"currentPageIndex",void 0),O([s()],z.prototype,"selectedTabDataTarget",void 0),O([c("watchTabPagesChange")],z.prototype,"handleTabPagesChange",null),O([c("watchSelectedTabDataTargetChange")],z.prototype,"handleSelectedDataTargetChange",null);var L=function(e,t,a,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(r=(o<3?n(r):o>3?n(t,a,r):n(t,a))||r);return o>3&&r&&Object.defineProperty(t,a,r),r};class N extends l{constructor(){super(...arguments),this.onCloseTab=e=>{const t=e.currentTarget.closest(".vega-tab"),a=this.tabItems.findIndex((e=>e.dataTarget===t.getAttribute("data-target")));t.classList.contains("selected")&&this.selectedTargetController.setSelectedDataTarget(this.tabItems[a===this.tabItems.length-1?a-1:a+1].dataTarget);const i=this.tabItems.slice(0,a).concat(this.tabItems.slice(a+1));this.tabPagesController.setTabItems(i);const n=this.tabWidthArray.slice(0,a).concat(this.tabWidthArray.slice(a+1));this.tabPagesController.setTabWidthArray(n),e.stopPropagation()}}render(){return this.showCloseButton&&this.tabItems.length>1&&e("div",{class:this.showCloseButton?"vega-close-icon":"vega-close-icon vega-hidden",onClick:this.onCloseTab,role:"button",tabIndex:0,onKeyDown:u(),"aria-label":"Close Button"},e("vega-icon",{icon:"close",size:"size-12"}))}}L([s()],N.prototype,"tabWidthArray",void 0),L([s()],N.prototype,"showCloseButton",void 0),L([s()],N.prototype,"tabItems",void 0),L([s({componentFieldName:"vegaTabGroupSelectedTargetController"})],N.prototype,"selectedTargetController",void 0),L([s({componentFieldName:"vegaTabGroupPagesController"})],N.prototype,"tabPagesController",void 0);var B=function(e,t,a,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(r=(o<3?n(r):o>3?n(t,a,r):n(t,a))||r);return o>3&&r&&Object.defineProperty(t,a,r),r};class F extends l{constructor(){super(...arguments),this.onDirectionButtonClick=e=>{this.pageIndexController.setPageIndex("left"===e?this.currentPageIndex-1:this.currentPageIndex+1)}}getDropdownRef(){return this.dropdownRef}render(t){const a=[];this.tabPages.slice("left"===t?0:this.currentPageIndex+1,"left"===t?this.currentPageIndex:this.tabPages.length).flat().map((e=>{a.push({key:e.dataTarget,label:e.label})}));const i="left"===t?"chevron-backward-rounded":"chevron-forward-rounded";return e("div",{class:{"tab-left-button":"left"===t,"tab-right-button":"right"===t,"vega-hidden":"left"===t?0===this.currentPageIndex:this.currentPageIndex+1===this.tabPages.length||this.tabPages.length<=1},onClick:()=>this.onDirectionButtonClick(t),"aria-label":"No label defined",role:"button",tabIndex:0,onKeyDown:u()},e("vega-dropdown",{source:a,translocation:{X:0,Y:16},selectType:"single",selectedSourceKey:this.selectedTabDataTarget,"position-relative-to":this.positionRelativeTo,ref:e=>{this.dropdownRef=e,f.addUniqueObserverToNode(e,y,(e=>{this.vegaTabGroupSelectedTargetController.handleTabItemClick(e.detail)}))}},e("vega-icon",{size:"size-12",icon:i})))}}B([s()],F.prototype,"tabPages",void 0),B([s()],F.prototype,"currentPageIndex",void 0),B([s()],F.prototype,"selectedTabDataTarget",void 0),B([s()],F.prototype,"positionRelativeTo",void 0),B([s({componentFieldName:"vegaTabGroupPageIndexController"})],F.prototype,"pageIndexController",void 0),B([s()],F.prototype,"vegaTabGroupSelectedTargetController",void 0);var W=function(e,t,a,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(r=(o<3?n(r):o>3?n(t,a,r):n(t,a))||r);return o>3&&r&&Object.defineProperty(t,a,r),r};class E extends l{constructor(){super(...arguments),this.tabPanels=[],this.handlePanelUpdate=e=>{const{host:t,type:a}=e;"ADD"===a?this.tabPanels.push(t):this.tabPanels=this.tabPanels.filter((e=>e!==t))}}connectedCallback(){this.tabPanelUpdateObserver=new m(this.canAcceptPanelUpdate.bind(this),this.handlePanelUpdate),T.register(C,this.tabPanelUpdateObserver)}disconnectedCallback(){T.unregister(C,this.tabPanelUpdateObserver),this.tabPanels=[]}componentDidLoad(){this.initSelectedTabDataTarget()}watchSelectedTabDataTargetChange(){this.updateTabPanelsStatus(this.selectedTabDataTarget)}canAcceptPanelUpdate(e){const{host:t,type:a}=e;return"ADD"===a?w(e.host,"VEGA-TAB-GROUP")===this.host&&!this.tabPanels.includes(t):this.tabPanels&&this.tabPanels.includes(t)}initSelectedTabDataTarget(){if(this.selectedTabDataTarget)this.updateTabPanelsStatus(this.selectedTabDataTarget);else{let e=this.getDefaultActivePanelId();!e&&this.tabItems&&this.tabItems.length&&(e=this.tabItems[0].dataTarget),e&&this.selectTargetController.setSelectedDataTarget(e)}}getDefaultActivePanelId(){if(this.tabPanels&&this.tabPanels.length){const e=this.tabPanels.find((e=>!0===e.isActive));return e?e.getAttribute("id"):null}}updateTabPanelsStatus(e){this.tabPanels.length&&e&&this.tabPanels.forEach((t=>{const a=t.getAttribute("id");t.isActive=a===e}))}}W([s()],E.prototype,"host",void 0),W([s()],E.prototype,"selectedTabDataTarget",void 0),W([s()],E.prototype,"tabItems",void 0),W([s({componentFieldName:"vegaTabGroupSelectedTargetController"})],E.prototype,"selectTargetController",void 0),W([c("connectedCallback")],E.prototype,"connectedCallback",null),W([c("disconnectedCallback")],E.prototype,"disconnectedCallback",null),W([c("componentDidLoad")],E.prototype,"componentDidLoad",null),W([c("watchSelectedTabDataTargetChange")],E.prototype,"watchSelectedTabDataTargetChange",null);var _=function(e,t,a,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(r=(o<3?n(r):o>3?n(t,a,r):n(t,a))||r);return o>3&&r&&Object.defineProperty(t,a,r),r};class V extends l{constructor(){super(...arguments),this.TAB_LABEL_MAX_SIZE=32,this.getCarouselDomRef=()=>this.carouselDom}render(){return e("div",{class:"tab-list"},e("vega-carousel",{showSlider:!1,ref:e=>this.carouselDom=e},this.tabPages.length>0?this.tabPages.map((t=>e("div",null,this.renderTabList(t)))):e("div",null,this.renderTabList(this.tabItems))))}renderTabList(t){return e("vega-flex",{gap:this.gap},t.map((t=>e("div",{class:{"vega-tab":!0,selected:this.selectedTabDataTarget===t.dataTarget,"last-page":this.currentPageIndex+1===this.tabPages.length,"vega-flex-shrink-0":!0,"v-min-w-min":!0},"data-target":t.dataTarget,key:t.dataTarget},e("div",{class:"vega-tab-container"},e("div",{class:{label:!0,"vega-close-icon-space":this.showCloseButton},onClick:()=>this.handleTabItemClick(t.dataTarget),"aria-label":t.dataTarget,role:"button",tabIndex:0,onKeyDown:u()},this.renderPrefixIconDom(t),this.renderTabLabelDom(t)),this.closeButtonRenderer.render())))))}renderPrefixIconDom(t){const a=t.prefixIcon;return a&&e("vega-icon",{icon:a})}renderTabLabelDom(t){return t.label.length>this.TAB_LABEL_MAX_SIZE?e("vega-tooltip",{text:t.label,placement:"bottom","position-relative-to":this.positionRelativeTo},e("span",null,t.label.substring(0,this.TAB_LABEL_MAX_SIZE),"...")):t.label}handleTabItemClick(e){this.selectedTargetController.handleTabItemClick(e)}}_([s()],V.prototype,"tabPages",void 0),_([s()],V.prototype,"currentPageIndex",void 0),_([s()],V.prototype,"selectedTabDataTarget",void 0),_([s()],V.prototype,"gap",void 0),_([s()],V.prototype,"showCloseButton",void 0),_([s()],V.prototype,"tabItems",void 0),_([s()],V.prototype,"positionRelativeTo",void 0),_([s({componentFieldName:"vegaTabGroupCloseButtonRenderer"})],V.prototype,"closeButtonRenderer",void 0),_([s({componentFieldName:"vegaTabGroupSelectedTargetController"})],V.prototype,"selectedTargetController",void 0);class K extends l{render(){return"secondary"===this.variant?e("div",{class:"vega-tab-group-content"},e("slot",null)):e("vega-card",{margin:"0",padding:{default:"size-24",S:"size-12"},variant:"shadow",backgroundColor:"bg-primary"},e("div",{class:"vega-tab-group-content"},e("slot",null)))}}!function(e,t,a,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(r=(o<3?n(r):o>3?n(t,a,r):n(t,a))||r);o>3&&r&&Object.defineProperty(t,a,r)}([s()],K.prototype,"variant",void 0);var M=function(e,t,a,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(r=(o<3?n(r):o>3?n(t,a,r):n(t,a))||r);return o>3&&r&&Object.defineProperty(t,a,r),r};class U extends l{constructor(){super(...arguments),this.UPDATE_ANIMATION_FLAG_DELAY=32,this.pendingCarouselActionCount=0}async handlePageIndexChange(e){const t=this.tabListRenderer.getCarouselDomRef();t&&(this.pendingCarouselActionCount+=1,await t.goToPage(e+1),setTimeout((()=>{this&&"number"==typeof this.pendingCarouselActionCount&&(this.pendingCarouselActionCount-=1)}),this.UPDATE_ANIMATION_FLAG_DELAY))}isAnimationInProgress(){return this.pendingCarouselActionCount>0}}M([s({componentFieldName:"vegaTabGroupTabListRenderer"})],U.prototype,"tabListRenderer",void 0),M([c("watchCurrentPageIndexChange")],U.prototype,"handlePageIndexChange",null);const Y=[{payloadKey:"VARIANT_IS_PRIMARY",payloadDescription:"Specifies the visual style and prominence of the tab group",payloadValue:e=>"primary"===e.variant},{payloadKey:"VARIANT_IS_SECONDARY",payloadDescription:"Specifies the visual style and prominence of the tab group",payloadValue:e=>"secondary"===e.variant}];var q=function(e,t,a,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(r=(o<3?n(r):o>3?n(t,a,r):n(t,a))||r);return o>3&&r&&Object.defineProperty(t,a,r),r};const H=class{constructor(e){a(this,e),this.vegaClick=i(this,"vegaClick",7),this.click=i(this,"click",7),this.globalSlimmers={},this.vegaTabGroupRenderer=new P,this.vegaTabGroupDirectionButtonRenderer=new F,this.vegaTabGroupTabListRenderer=new V,this.vegaTabGroupCloseButtonRenderer=new N,this.vegaTabGroupPagesController=new A,this.vegaTabGroupSelectedTargetController=new I,this.vegaTabGroupPageIndexController=new z,this.vegaTabGroupPanelController=new E,this.vegaTabGroupContentRenderer=new K,this.vegaTabGroupSliderStateController=new U,this.clickEventEmitter=j(H,x),this.dropdownEventPrevent=new R([x],(()=>this.vegaTabGroupRenderer.getTabMenuContainer())),this.vegaComponentUsageRuntimeMetricsSlimmer=new b(Y),this.tabPages=[],this.tabWidthArray=[],this.currentPageIndex=0,this.selectedTabDataTarget="",this.gap="size-8",this.showCloseButton=!1,this.tabItems=[],this.variant="primary"}watchTabPagesChange(){}watchTabWidthArrayChange(){}async watchCurrentPageIndexChange(e){}watchSelectedTabDataTargetChange(){}watchGapChange(){}componentDidLoad(){}componentDidRender(){}render(){return h(e("slot",null)),r(e(n,null,this.vegaTabGroupRenderer.render()),this.host)}get host(){return o(this)}static get watchers(){return{tabPages:["watchTabPagesChange"],tabWidthArray:["watchTabWidthArrayChange"],currentPageIndex:["watchCurrentPageIndexChange"],selectedTabDataTarget:["watchSelectedTabDataTargetChange"],gap:["watchGapChange"]}}};q([g()],H.prototype,"globalSlimmers",void 0),q([d()],H.prototype,"vegaTabGroupRenderer",void 0),q([d()],H.prototype,"vegaTabGroupDirectionButtonRenderer",void 0),q([d()],H.prototype,"vegaTabGroupTabListRenderer",void 0),q([d()],H.prototype,"vegaTabGroupCloseButtonRenderer",void 0),q([d()],H.prototype,"vegaTabGroupPagesController",void 0),q([d()],H.prototype,"vegaTabGroupSelectedTargetController",void 0),q([d()],H.prototype,"vegaTabGroupPageIndexController",void 0),q([d()],H.prototype,"vegaTabGroupPanelController",void 0),q([d()],H.prototype,"vegaTabGroupContentRenderer",void 0),q([d()],H.prototype,"vegaTabGroupSliderStateController",void 0),q([d()],H.prototype,"clickEventEmitter",void 0),q([d()],H.prototype,"dropdownEventPrevent",void 0),q([d()],H.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),H.style='.tab-content-container.tab-style-primary{margin-left:24px;margin-right:24px}.vega-tab{cursor:pointer;border-top-left-radius:8px;border-top-right-radius:8px;background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}.tab-content-container.more-tab .vega-tab{flex-grow:1}.tab-content-container.more-tab .vega-tab.last-page{flex-grow:0}.vega-tab>div.vega-tab-container{display:flex;align-items:center}.vega-tab>div.vega-tab-container>div{flex-grow:1}.tab-style-primary .vega-tab:hover{background-color:rgba(var(--v-bg-tab-hover, 245, 247, 247, 1))}.tab-style-primary .vega-tab.selected,.tab-style-primary .vega-tab.selected:hover{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}.vega-tab>div>.label{display:inline-flex;align-items:center;font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;padding-top:8px;padding-bottom:8px;padding-left:16px;padding-right:16px;cursor:pointer;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-tab>div>.label{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-tab>div>.label{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-tab>div>.label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}.vega-tab>div>.label vega-icon{padding-right:8px}.vega-tab>div>.label.vega-close-icon-space{padding-right:12px}.vega-tab>div>div.vega-close-icon{padding-left:0px;flex-grow:0;padding-right:13px}.vega-tab>div>div.vega-hidden{display:none}.vega-tab>div vega-icon{color:rgba(var(--v-text-primary, 32, 54, 69, 1));box-sizing:content-box}.vega-tab>div>div.vega-close-icon vega-icon{color:rgba(var(--v-text-inverted-secondary, 188, 186, 213, 1))}:host{display:block;width:100%;text-align:left;line-height:normal;min-width:270px}.horizontal-divider{height:1px;background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1));width:100%;display:none;margin-top:-1px}.tab-content-container{display:flex;gap:8px;justify-content:space-between}.tab-content-container.more-tab .tab-list{width:100%}div.tab-left-button,div.tab-right-button{display:inline-block;cursor:pointer;border-top-left-radius:8px;border-top-right-radius:8px;background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1));color:rgba(var(--v-text-primary, 32, 54, 69, 1))}div.tab-left-button.vega-hidden,div.tab-right-button.vega-hidden{display:none}div.tab-left-button vega-icon,div.tab-right-button vega-icon{box-sizing:content-box;padding:13px 13px 13px 12px}.vega-tab-group-content vega-tab-group-panel{display:none}.vega-tab-group-content vega-tab-group-panel.active{display:block}.tab-style-secondary .vega-tab>div.vega-tab-container{align-items:baseline}.tab-style-secondary+.horizontal-divider{display:block}.tab-style-secondary .vega-tab{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}.tab-style-secondary .vega-tab>div>.label{padding-left:16px;padding-right:16px;padding-top:0px;padding-bottom:12px}.tab-style-secondary .vega-tab.selected>div>.label,.tab-style-secondary .vega-tab.selected>div>.label vega-icon,.tab-style-secondary .vega-tab:hover>div>.label,.tab-style-secondary .vega-tab:hover>div>.label vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}.tab-style-secondary .vega-tab{border-top-width:0px;border-left-width:0px;border-right-width:0px;border-bottom-width:2px;border-style:solid;border-color:transparent}.tab-style-secondary .vega-tab.selected{border-color:rgba(var(--v-border-color-action, 19, 98, 226, 1))}.tab-style-secondary div.tab-left-button,.tab-style-secondary div.tab-right-button{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}.tab-style-secondary div.tab-left-button vega-icon,.tab-style-secondary div.tab-right-button vega-icon{padding:6px 13px 13px 6px}.tab-style-secondary div.tab-left-button:hover vega-icon,.tab-style-secondary div.tab-right-button:hover vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}';var X=function(e,t,a,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(r=(o<3?n(r):o>3?n(t,a,r):n(t,a))||r);return o>3&&r&&Object.defineProperty(t,a,r),r};const $=class{constructor(e){a(this,e),this.globalSlimmers={},this.clickEventPrevent=new R([x],(()=>this.host),void 0,!0),this.vegaComponentUsageRuntimeMetricsSlimmer=new b,this.isActive=!1}connectedCallback(){this.notifyGroupAddOrDelPanel("ADD")}disconnectedCallback(){this.notifyGroupAddOrDelPanel("DEL")}componentWillLoad(){this.notifyGroupAddOrDelPanel("ADD")}render(){return r(e(n,{class:this.isActive?"active":""},e("slot",null)),this.host)}notifyGroupAddOrDelPanel(e){T.notify(C,{host:this.host,type:e})}get host(){return o(this)}};X([g()],$.prototype,"globalSlimmers",void 0),X([d()],$.prototype,"clickEventPrevent",void 0),X([d()],$.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),$.style=":host{display:none}:host(.active){display:block}";export{H as vega_tab_group,$ as vega_tab_group_panel}

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

@@ -0,0 +1 @@
+import{h as e,F as t,r as i,c as r,H as n,g as a}from"./p-9777b1c1.js";import{a as s,V as o,I as l}from"./p-018d77cc.js";import{g as d,D as c}from"./p-320642bd.js";import{V as m,I as p}from"./p-ae778ca4.js";import{D as h}from"./p-0fd9f03f.js";import{b as f,a as b}from"./p-280a6d94.js";import{s as g}from"./p-b81bd0bb.js";import{C as v}from"./p-5ded9437.js";import{c as x}from"./p-c450f692.js";import"./p-bf95b189.js";import"./p-a5e6da15.js";import"./p-f1ecbe90.js";import"./p-d5841466.js";import"./p-639fa6c7.js";import"./p-d3f1d3dd.js";var u=function(e,t,i,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(s=(a<3?n(s):a>3?n(t,i,s):n(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};class w extends o{constructor(){super(...arguments),this.isMobile=d()===c.MOBILE}getBreadcrumbContainerRef(){return this.vegaBreadcrumbContainerRef}render(){return e("div",{class:{"vega-breadcrumb":!0,mobile:this.isMobile,collapsed:this.isCollapsed(),"vega-breadcrumb-hidden":this.items.length<=1},ref:e=>this.vegaBreadcrumbContainerRef=e},this.renderItems())}renderItems(){const i=this.items.map(((e,t)=>this.itemRenderer.render(e,{isMobile:this.isMobile,isLastItem:this.items.length===t+1})));return this.isCollapsed()&&i.splice(1,0,this.collapsedItemRenderer.render(this.items.slice(1,this.items.length-1))),e(t,null,i)}isCollapsed(){return!this.isMobile&&"none"!==this.maxItems&&this.maxItems>=4&&this.items.length>this.maxItems}}u([s()],w.prototype,"items",void 0),u([s()],w.prototype,"maxItems",void 0),u([s()],w.prototype,"itemRenderer",void 0),u([s()],w.prototype,"collapsedItemRenderer",void 0);class y extends o{render(t){const i=t.map((e=>({label:e.label,key:e.label})));return e("div",{class:"vega-breadcrumb-item"},e("vega-dropdown",{source:i,placement:["bottom"],alignment:"center",maxHeight:200,ref:e=>{h.addUniqueObserverToNode(e,f,(e=>{this.clickController.dropdownClick(e.detail)}))}},e("vega-text",null,"...")),e("vega-icon",{icon:"chevron-right-rounded",size:"size-12",color:"text-secondary"}))}}!function(e,t,i,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(s=(a<3?n(s):a>3?n(t,i,s):n(t,i))||s);a>3&&s&&Object.defineProperty(t,i,s)}([s()],y.prototype,"clickController",void 0);class j extends o{render(t,i){return e("div",{class:"vega-breadcrumb-item",key:t.label},this.renderContent(t,i))}renderContent(i,r){return r.isMobile?e(t,null,this.renderIcon("chevron-left-rounded","text-link"),this.renderLabel(i)):r.isLastItem?this.renderLabel(i,!0):e(t,null,this.renderLabel(i),this.renderIcon("chevron-right-rounded","text-secondary"))}renderIcon(t,i){return e("vega-icon",{icon:t,size:"size-12",color:i})}renderLabel(t,i){return t.tooltip?e("vega-tooltip",{text:t.tooltip,placement:["bottom"]},this.renderLink(t,i)):this.renderLink(t,i)}renderLink(t,i){return i?e("span",{class:"vega-breadcrumb-last-label"},t.label):e("vega-button-link",{label:t.label,ref:e=>{h.addUniqueObserverToNode(e,b,(()=>{this.clickController.click(t)}))}})}}!function(e,t,i,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(s=(a<3?n(s):a>3?n(t,i,s):n(t,i))||s);a>3&&s&&Object.defineProperty(t,i,s)}([s()],j.prototype,"clickController",void 0);var k=function(e,t,i,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(s=(a<3?n(s):a>3?n(t,i,s):n(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};class R extends o{click(e){e.href?window.location.href=e.href:this.clickEventEmitter.emit(e)}dropdownClick(e){const t=this.items.find((t=>t.label===e));t&&this.click(t)}}k([s()],R.prototype,"items",void 0),k([s()],R.prototype,"clickEventEmitter",void 0);var I=function(e,t,i,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(s=(a<3?n(s):a>3?n(t,i,s):n(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};const z=class{constructor(e){i(this,e),this.vegaClick=r(this,"vegaClick",7),this.click=r(this,"click",7),this.globalSlimmers={},this.renderer=new w,this.collapsedItemRenderer=new y,this.itemRenderer=new j,this.clickController=new R,this.eventsPrevent=new v([b],(()=>this.renderer.getBreadcrumbContainerRef())),this.clickEventEmitter=x(z,b),this.vegaComponentUsageRuntimeMetricsSlimmer=new m,this.maxItems=4,this.items=[]}render(){return g(e(n,null,this.renderer.render()),this.host)}get host(){return a(this)}};I([p()],z.prototype,"globalSlimmers",void 0),I([l()],z.prototype,"renderer",void 0),I([l()],z.prototype,"collapsedItemRenderer",void 0),I([l()],z.prototype,"itemRenderer",void 0),I([l()],z.prototype,"clickController",void 0),I([l()],z.prototype,"eventsPrevent",void 0),I([l()],z.prototype,"clickEventEmitter",void 0),I([l()],z.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),z.style=':host{display:block}:host .vega-breadcrumb{display:flex;gap:8px;flex-wrap:wrap}:host .vega-breadcrumb-hidden{display:none !important}:host .vega-breadcrumb-item{display:flex;gap:8px;align-items:center}:host .vega-breadcrumb-item vega-button-link::part(label-text){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){:host .vega-breadcrumb-item vega-button-link::part(label-text){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){:host .vega-breadcrumb-item vega-button-link::part(label-text){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){:host .vega-breadcrumb-item vega-button-link::part(label-text){font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-breadcrumb-item vega-dropdown vega-text{cursor:pointer;font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-link, 19, 98, 226, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-breadcrumb-item vega-dropdown vega-text{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){:host .vega-breadcrumb-item vega-dropdown vega-text{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){:host .vega-breadcrumb-item vega-dropdown vega-text{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-breadcrumb-item vega-icon{flex-shrink:0}:host .vega-breadcrumb-item .vega-breadcrumb-last-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-breadcrumb-item .vega-breadcrumb-last-label{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){:host .vega-breadcrumb-item .vega-breadcrumb-last-label{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){:host .vega-breadcrumb-item .vega-breadcrumb-last-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-breadcrumb-item vega-button-link::part(label-container){text-decoration:none}:host .vega-breadcrumb.mobile>.vega-breadcrumb-item{display:none}:host .vega-breadcrumb.mobile .vega-breadcrumb-item:nth-last-child(2){display:flex}:host .vega-breadcrumb.collapsed .vega-breadcrumb-item:nth-child(n+3):not(:last-child){display:none}';export{z as vega_breadcrumb}

package/dist/vega/{p-bfc3450c.entry.js → p-0bdb21a8.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,H as i,g as r}from"./p-9777b1c1.js";import{g as o,I as s}from"./p-16493e5b.js";import{h as v}from"./p-1265732f.js";import{s as a}from"./p-b81bd0bb.js";import{i as n}from"./p-9e38810c.js";import{a as h}from"./p-320642bd.js";import{V as c}from"./p-9d426517.js";import{L as l,I as x}from"./p-018d77cc.js";import{V as p,I as d}from"./p-5cad29f5.js";import"./p-3542f8fe.js";import"./p-3c8b2105.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-bb761f8f.js";import"./p-344ee7cb.js";import"./p-0c667d6a.js";import"./p-6bdc4407.js";var g=function(t,e,i,r){var o,s=arguments.length,v=s<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)v=Reflect.decorate(t,e,i,r);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(v=(s<3?o(v):s>3?o(e,i,v):o(e,i))||v);return s>3&&v&&Object.defineProperty(e,i,v),v};const b=class{constructor(e){t(this,e),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new p,this.size="size-16",this.cloneFAIconStyles=()=>{if(this.isThirdPartyIcon(this.icon)){const t=this.getIconStyleHTML();t&&this.appendStyles(t);let e=0;const i=window.setInterval((()=>{if(!(e<10))return l.warn("[Vega] Loading Font Awesome timeout.",this.icon),void clearInterval(i);{e++;const t=this.getIconStyleHTML();if(t)return this.appendStyles(t),void clearInterval(i)}}),300)}}}watchIcon(){this.cloneFAIconStyles()}componentWillLoad(){this.cloneFAIconStyles()}render(){const t=s.findIndex((t=>t===this.icon));if(c.hasIcon(this.icon)){const{icon:t,autoSize:e}=c.getIcon(this.icon);return this.renderForVegaIconToken(t,e?null:this.size,e)}return t>-1?this.renderForVegaIconToken(o(this.icon),this.size):this.renderForThirdPartyIcon()}isThirdPartyIcon(t){return!c.hasIcon(t)&&!s.find((e=>e===t))}renderForVegaIconToken(t,r,o=!1){const s=r?this.formatAndValidSize(this.size):null;return a(e(i,{class:h([s,this.color&&n(this.color),o&&"vega-auto-size"]),innerHTML:t},e("slot",null)),this.host)}renderForThirdPartyIcon(){return a(e(i,{class:h([this.color&&n(this.color)]),style:this.formatThirdPartyIconSize(this.size)},e("i",{part:"icon",class:this.icon})),this.host)}formatAndValidSize(t){return`v-w-${t} v-h-${t}`}formatThirdPartyIconSize(t){return{"font-size":`${v[t]}px`}}appendStyles(t){var e;if(t){const i=null!==(e=this.host.shadowRoot.querySelector("#fa-icon-styles"))&&void 0!==e?e:document.createElement("style");i.id="fa-icon-styles",i.innerHTML=t,this.host.shadowRoot.appendChild(i)}}getIconStyleHTML(){var t;if(b.iconStyleCache.has(this.icon))return b.iconStyleCache.get(this.icon);{const e=document.createElement("i");e.className=this.icon,e.style.display="none",document.body.appendChild(e);const i=getComputedStyle(e);if(null===(t=i.fontFamily)||void 0===t?void 0:t.includes("Font Awesome")){const t=getComputedStyle(e,"::before"),r=getComputedStyle(e,"::after"),o=`\n\t\t\t\ti {\n\t\t\t\t\tfont-weight: ${i.fontWeight};\n\t\t\t\t\tfont-family: ${i.fontFamily};\n\t\t\t\t\tfont-style: ${i.fontStyle};\n\t\t\t\t\tposition: ${i.position};\n\t\t\t\t\tletter-spacing: ${i.letterSpacing};\n\t\t\t\t}\n\t\t\t\ti::before {\n\t\t\t\t\tcontent: ${t.content};\n\t\t\t\t\tposition: ${t.position};\n\t\t\t\t\topacity: ${t.opacity};\n\t\t\t\t}\n\t\t\t\ti::after {\n\t\t\t\t\tcontent: ${r.content};\n\t\t\t\t\tposition: ${r.position};\n\t\t\t\t\topacity: ${r.opacity};\n\t\t\t\t}\n\t\t\t`.replace(/[\n\t]/gi,"");return b.iconStyleCache.set(this.icon,o),document.body.removeChild(e),o}return document.body.removeChild(e),null}}get host(){return r(this)}static get watchers(){return{icon:["watchIcon"]}}};b.iconStyleCache=new Map,g([d()],b.prototype,"globalSlimmers",void 0),g([x()],b.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),b.style=":host(.v-text-primary),.v-text-primary{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host(.v-text-secondary),.v-text-secondary{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host(.v-text-inverted-primary),.v-text-inverted-primary{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}:host(.v-text-inverted-secondary),.v-text-inverted-secondary{color:rgba(var(--v-text-inverted-secondary, 188, 186, 213, 1))}:host(.v-text-black),.v-text-black{color:rgba(var(--v-text-black, 32, 54, 69, 1))}:host(.v-text-white),.v-text-white{color:rgba(var(--v-text-white, 252, 252, 252, 1))}:host(.v-text-brand),.v-text-brand{color:rgba(var(--v-text-brand, 51, 57, 61, 1))}:host(.v-text-danger-link),.v-text-danger-link{color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}:host(.v-text-danger-link-hover),.v-text-danger-link-hover{color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}:host(.v-text-danger-link-active),.v-text-danger-link-active{color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1))}:host(.v-text-danger-link-focus),.v-text-danger-link-focus{color:rgba(var(--v-text-danger-link-focus, 240, 52, 91, 1))}:host(.v-text-danger-link-visited),.v-text-danger-link-visited{color:rgba(var(--v-text-danger-link-visited, 230, 50, 87, 1))}:host(.v-text-disabled),.v-text-disabled{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.v-text-error),.v-text-error{color:rgba(var(--v-text-error, 189, 41, 71, 1))}:host(.v-text-input-disabled),.v-text-input-disabled{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host(.v-text-input-placeholder),.v-text-input-placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}:host(.v-text-link),.v-text-link{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(.v-text-link-hover),.v-text-link-hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(.v-text-link-active),.v-text-link-active{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host(.v-text-link-focus),.v-text-link-focus{color:rgba(var(--v-text-link-focus, 4, 112, 236, 1))}:host(.v-text-link-visited),.v-text-link-visited{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}:host(.v-text-on-action),.v-text-on-action{color:rgba(var(--v-text-on-action, 252, 252, 252, 1))}:host(.v-text-on-danger),.v-text-on-danger{color:rgba(var(--v-text-on-danger, 252, 252, 252, 1))}:host(.v-text-on-disabled),.v-text-on-disabled{color:rgba(var(--v-text-on-disabled, 252, 252, 252, 1))}:host(.v-text-sidebar-link),.v-text-sidebar-link{color:rgba(var(--v-text-sidebar-link, 188, 186, 213, 1))}:host(.v-text-sidebar-link-hover),.v-text-sidebar-link-hover{color:rgba(var(--v-text-sidebar-link-hover, 18, 18, 39, 1))}:host(.v-text-sidebar-link-selected),.v-text-sidebar-link-selected{color:rgba(var(--v-text-sidebar-link-selected, 252, 252, 252, 1))}:host(.v-text-site-footer-link),.v-text-site-footer-link{color:rgba(var(--v-text-site-footer-link, 171, 198, 216, 1))}:host(.v-text-site-footer-link-hover),.v-text-site-footer-link-hover{color:rgba(var(--v-text-site-footer-link-hover, 199, 217, 229, 1))}:host(.v-text-site-footer-link-active),.v-text-site-footer-link-active{color:rgba(var(--v-text-site-footer-link-active, 143, 179, 203, 1))}:host(.v-text-success),.v-text-success{color:rgba(var(--v-text-success, 1, 128, 31, 1))}:host(.v-text-inverted-success),.v-text-inverted-success{color:rgba(var(--v-text-inverted-success, 89, 217, 119, 1))}:host(.v-text-accent1-primary),.v-text-accent1-primary{color:rgba(var(--v-text-accent1-primary, 115, 230, 220, 1))}:host(.v-text-accent2-primary),.v-text-accent2-primary{color:rgba(var(--v-text-accent2-primary, 128, 107, 255, 1))}:host(.v-text-accent3-primary),.v-text-accent3-primary{color:rgba(var(--v-text-accent3-primary, 255, 220, 131, 1))}:host(.v-text-accent4-primary),.v-text-accent4-primary{color:rgba(var(--v-text-accent4-primary, 255, 149, 113, 1))}:host(.v-text-accent5-primary),.v-text-accent5-primary{color:rgba(var(--v-text-accent5-primary, 0, 187, 255, 1))}:host(.v-text-accent6-primary),.v-text-accent6-primary{color:rgba(var(--v-text-accent6-primary, 240, 52, 91, 1))}:host(.v-text-accent7-primary),.v-text-accent7-primary{color:rgba(var(--v-text-accent7-primary, 37, 159, 159, 1))}:host(.v-text-accent8-primary),.v-text-accent8-primary{color:rgba(var(--v-text-accent8-primary, 86, 61, 130, 1))}:host(.v-text-accent9-primary),.v-text-accent9-primary{color:rgba(var(--v-text-accent9-primary, 255, 191, 63, 1))}:host(.v-text-accent10-primary),.v-text-accent10-primary{color:rgba(var(--v-text-accent10-primary, 237, 122, 35, 1))}:host(.v-w-0),.v-w-0{width:0px}:host(.v-w-size-0),.v-w-size-0{width:0px}:host(.v-w-size-4),.v-w-size-4{width:4px}:host(.v-w-size-8),.v-w-size-8{width:8px}:host(.v-w-size-12),.v-w-size-12{width:12px}:host(.v-w-size-16),.v-w-size-16{width:16px}:host(.v-w-size-20),.v-w-size-20{width:20px}:host(.v-w-size-24),.v-w-size-24{width:24px}:host(.v-w-size-32),.v-w-size-32{width:32px}:host(.v-w-size-40),.v-w-size-40{width:40px}:host(.v-w-size-48),.v-w-size-48{width:48px}:host(.v-w-size-64),.v-w-size-64{width:64px}:host(.v-w-size-72),.v-w-size-72{width:72px}:host(.v-w-size-80),.v-w-size-80{width:80px}:host(.v-w-size-112),.v-w-size-112{width:112px}:host(.v-w-size-2),.v-w-size-2{width:2px}:host(.v-h-0),.v-h-0{height:0px}:host(.v-h-size-0),.v-h-size-0{height:0px}:host(.v-h-size-4),.v-h-size-4{height:4px}:host(.v-h-size-8),.v-h-size-8{height:8px}:host(.v-h-size-12),.v-h-size-12{height:12px}:host(.v-h-size-16),.v-h-size-16{height:16px}:host(.v-h-size-20),.v-h-size-20{height:20px}:host(.v-h-size-24),.v-h-size-24{height:24px}:host(.v-h-size-32),.v-h-size-32{height:32px}:host(.v-h-size-40),.v-h-size-40{height:40px}:host(.v-h-size-48),.v-h-size-48{height:48px}:host(.v-h-size-64),.v-h-size-64{height:64px}:host(.v-h-size-72),.v-h-size-72{height:72px}:host(.v-h-size-80),.v-h-size-80{height:80px}:host(.v-h-size-112),.v-h-size-112{height:112px}:host(.v-h-size-2),.v-h-size-2{height:2px}:host{display:inline-flex;user-select:none}i{line-height:1}:host(:not(.vega-auto-size)) ::slotted(svg){width:100%;height:100%}";export{b as vega_icon}
+import{r as t,h as e,H as i,g as r}from"./p-9777b1c1.js";import{g as o,I as s}from"./p-16493e5b.js";import{h as v}from"./p-1265732f.js";import{s as a}from"./p-b81bd0bb.js";import{i as n}from"./p-9e38810c.js";import{a as h}from"./p-320642bd.js";import{V as c}from"./p-9d426517.js";import{L as l,I as x}from"./p-018d77cc.js";import{V as p,I as d}from"./p-ae778ca4.js";import"./p-3542f8fe.js";import"./p-3c8b2105.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-bb761f8f.js";import"./p-344ee7cb.js";import"./p-0c667d6a.js";import"./p-6bdc4407.js";var g=function(t,e,i,r){var o,s=arguments.length,v=s<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)v=Reflect.decorate(t,e,i,r);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(v=(s<3?o(v):s>3?o(e,i,v):o(e,i))||v);return s>3&&v&&Object.defineProperty(e,i,v),v};const b=class{constructor(e){t(this,e),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new p,this.size="size-16",this.cloneFAIconStyles=()=>{if(this.isThirdPartyIcon(this.icon)){const t=this.getIconStyleHTML();t&&this.appendStyles(t);let e=0;const i=window.setInterval((()=>{if(!(e<10))return l.warn("[Vega] Loading Font Awesome timeout.",this.icon),void clearInterval(i);{e++;const t=this.getIconStyleHTML();if(t)return this.appendStyles(t),void clearInterval(i)}}),300)}}}watchIcon(){this.cloneFAIconStyles()}componentWillLoad(){this.cloneFAIconStyles()}render(){const t=s.findIndex((t=>t===this.icon));if(c.hasIcon(this.icon)){const{icon:t,autoSize:e}=c.getIcon(this.icon);return this.renderForVegaIconToken(t,e?null:this.size,e)}return t>-1?this.renderForVegaIconToken(o(this.icon),this.size):this.renderForThirdPartyIcon()}isThirdPartyIcon(t){return!c.hasIcon(t)&&!s.find((e=>e===t))}renderForVegaIconToken(t,r,o=!1){const s=r?this.formatAndValidSize(this.size):null;return a(e(i,{class:h([s,this.color&&n(this.color),o&&"vega-auto-size"]),innerHTML:t},e("slot",null)),this.host)}renderForThirdPartyIcon(){return a(e(i,{class:h([this.color&&n(this.color)]),style:this.formatThirdPartyIconSize(this.size)},e("i",{part:"icon",class:this.icon})),this.host)}formatAndValidSize(t){return`v-w-${t} v-h-${t}`}formatThirdPartyIconSize(t){return{"font-size":`${v[t]}px`}}appendStyles(t){var e;if(t){const i=null!==(e=this.host.shadowRoot.querySelector("#fa-icon-styles"))&&void 0!==e?e:document.createElement("style");i.id="fa-icon-styles",i.innerHTML=t,this.host.shadowRoot.appendChild(i)}}getIconStyleHTML(){var t;if(b.iconStyleCache.has(this.icon))return b.iconStyleCache.get(this.icon);{const e=document.createElement("i");e.className=this.icon,e.style.display="none",document.body.appendChild(e);const i=getComputedStyle(e);if(null===(t=i.fontFamily)||void 0===t?void 0:t.includes("Font Awesome")){const t=getComputedStyle(e,"::before"),r=getComputedStyle(e,"::after"),o=`\n\t\t\t\ti {\n\t\t\t\t\tfont-weight: ${i.fontWeight};\n\t\t\t\t\tfont-family: ${i.fontFamily};\n\t\t\t\t\tfont-style: ${i.fontStyle};\n\t\t\t\t\tposition: ${i.position};\n\t\t\t\t\tletter-spacing: ${i.letterSpacing};\n\t\t\t\t}\n\t\t\t\ti::before {\n\t\t\t\t\tcontent: ${t.content};\n\t\t\t\t\tposition: ${t.position};\n\t\t\t\t\topacity: ${t.opacity};\n\t\t\t\t}\n\t\t\t\ti::after {\n\t\t\t\t\tcontent: ${r.content};\n\t\t\t\t\tposition: ${r.position};\n\t\t\t\t\topacity: ${r.opacity};\n\t\t\t\t}\n\t\t\t`.replace(/[\n\t]/gi,"");return b.iconStyleCache.set(this.icon,o),document.body.removeChild(e),o}return document.body.removeChild(e),null}}get host(){return r(this)}static get watchers(){return{icon:["watchIcon"]}}};b.iconStyleCache=new Map,g([d()],b.prototype,"globalSlimmers",void 0),g([x()],b.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),b.style=":host(.v-text-primary),.v-text-primary{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host(.v-text-secondary),.v-text-secondary{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host(.v-text-inverted-primary),.v-text-inverted-primary{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}:host(.v-text-inverted-secondary),.v-text-inverted-secondary{color:rgba(var(--v-text-inverted-secondary, 188, 186, 213, 1))}:host(.v-text-black),.v-text-black{color:rgba(var(--v-text-black, 32, 54, 69, 1))}:host(.v-text-white),.v-text-white{color:rgba(var(--v-text-white, 252, 252, 252, 1))}:host(.v-text-brand),.v-text-brand{color:rgba(var(--v-text-brand, 51, 57, 61, 1))}:host(.v-text-danger-link),.v-text-danger-link{color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}:host(.v-text-danger-link-hover),.v-text-danger-link-hover{color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}:host(.v-text-danger-link-active),.v-text-danger-link-active{color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1))}:host(.v-text-danger-link-focus),.v-text-danger-link-focus{color:rgba(var(--v-text-danger-link-focus, 240, 52, 91, 1))}:host(.v-text-danger-link-visited),.v-text-danger-link-visited{color:rgba(var(--v-text-danger-link-visited, 230, 50, 87, 1))}:host(.v-text-disabled),.v-text-disabled{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.v-text-error),.v-text-error{color:rgba(var(--v-text-error, 189, 41, 71, 1))}:host(.v-text-input-disabled),.v-text-input-disabled{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host(.v-text-input-placeholder),.v-text-input-placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}:host(.v-text-link),.v-text-link{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(.v-text-link-hover),.v-text-link-hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(.v-text-link-active),.v-text-link-active{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host(.v-text-link-focus),.v-text-link-focus{color:rgba(var(--v-text-link-focus, 4, 112, 236, 1))}:host(.v-text-link-visited),.v-text-link-visited{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}:host(.v-text-on-action),.v-text-on-action{color:rgba(var(--v-text-on-action, 252, 252, 252, 1))}:host(.v-text-on-danger),.v-text-on-danger{color:rgba(var(--v-text-on-danger, 252, 252, 252, 1))}:host(.v-text-on-disabled),.v-text-on-disabled{color:rgba(var(--v-text-on-disabled, 252, 252, 252, 1))}:host(.v-text-sidebar-link),.v-text-sidebar-link{color:rgba(var(--v-text-sidebar-link, 188, 186, 213, 1))}:host(.v-text-sidebar-link-hover),.v-text-sidebar-link-hover{color:rgba(var(--v-text-sidebar-link-hover, 18, 18, 39, 1))}:host(.v-text-sidebar-link-selected),.v-text-sidebar-link-selected{color:rgba(var(--v-text-sidebar-link-selected, 252, 252, 252, 1))}:host(.v-text-site-footer-link),.v-text-site-footer-link{color:rgba(var(--v-text-site-footer-link, 171, 198, 216, 1))}:host(.v-text-site-footer-link-hover),.v-text-site-footer-link-hover{color:rgba(var(--v-text-site-footer-link-hover, 199, 217, 229, 1))}:host(.v-text-site-footer-link-active),.v-text-site-footer-link-active{color:rgba(var(--v-text-site-footer-link-active, 143, 179, 203, 1))}:host(.v-text-success),.v-text-success{color:rgba(var(--v-text-success, 1, 128, 31, 1))}:host(.v-text-inverted-success),.v-text-inverted-success{color:rgba(var(--v-text-inverted-success, 89, 217, 119, 1))}:host(.v-text-accent1-primary),.v-text-accent1-primary{color:rgba(var(--v-text-accent1-primary, 115, 230, 220, 1))}:host(.v-text-accent2-primary),.v-text-accent2-primary{color:rgba(var(--v-text-accent2-primary, 128, 107, 255, 1))}:host(.v-text-accent3-primary),.v-text-accent3-primary{color:rgba(var(--v-text-accent3-primary, 255, 220, 131, 1))}:host(.v-text-accent4-primary),.v-text-accent4-primary{color:rgba(var(--v-text-accent4-primary, 255, 149, 113, 1))}:host(.v-text-accent5-primary),.v-text-accent5-primary{color:rgba(var(--v-text-accent5-primary, 0, 187, 255, 1))}:host(.v-text-accent6-primary),.v-text-accent6-primary{color:rgba(var(--v-text-accent6-primary, 240, 52, 91, 1))}:host(.v-text-accent7-primary),.v-text-accent7-primary{color:rgba(var(--v-text-accent7-primary, 37, 159, 159, 1))}:host(.v-text-accent8-primary),.v-text-accent8-primary{color:rgba(var(--v-text-accent8-primary, 86, 61, 130, 1))}:host(.v-text-accent9-primary),.v-text-accent9-primary{color:rgba(var(--v-text-accent9-primary, 255, 191, 63, 1))}:host(.v-text-accent10-primary),.v-text-accent10-primary{color:rgba(var(--v-text-accent10-primary, 237, 122, 35, 1))}:host(.v-w-0),.v-w-0{width:0px}:host(.v-w-size-0),.v-w-size-0{width:0px}:host(.v-w-size-4),.v-w-size-4{width:4px}:host(.v-w-size-8),.v-w-size-8{width:8px}:host(.v-w-size-12),.v-w-size-12{width:12px}:host(.v-w-size-16),.v-w-size-16{width:16px}:host(.v-w-size-20),.v-w-size-20{width:20px}:host(.v-w-size-24),.v-w-size-24{width:24px}:host(.v-w-size-32),.v-w-size-32{width:32px}:host(.v-w-size-40),.v-w-size-40{width:40px}:host(.v-w-size-48),.v-w-size-48{width:48px}:host(.v-w-size-64),.v-w-size-64{width:64px}:host(.v-w-size-72),.v-w-size-72{width:72px}:host(.v-w-size-80),.v-w-size-80{width:80px}:host(.v-w-size-112),.v-w-size-112{width:112px}:host(.v-w-size-2),.v-w-size-2{width:2px}:host(.v-h-0),.v-h-0{height:0px}:host(.v-h-size-0),.v-h-size-0{height:0px}:host(.v-h-size-4),.v-h-size-4{height:4px}:host(.v-h-size-8),.v-h-size-8{height:8px}:host(.v-h-size-12),.v-h-size-12{height:12px}:host(.v-h-size-16),.v-h-size-16{height:16px}:host(.v-h-size-20),.v-h-size-20{height:20px}:host(.v-h-size-24),.v-h-size-24{height:24px}:host(.v-h-size-32),.v-h-size-32{height:32px}:host(.v-h-size-40),.v-h-size-40{height:40px}:host(.v-h-size-48),.v-h-size-48{height:48px}:host(.v-h-size-64),.v-h-size-64{height:64px}:host(.v-h-size-72),.v-h-size-72{height:72px}:host(.v-h-size-80),.v-h-size-80{height:80px}:host(.v-h-size-112),.v-h-size-112{height:112px}:host(.v-h-size-2),.v-h-size-2{height:2px}:host{display:inline-flex;user-select:none}i{line-height:1}:host(:not(.vega-auto-size)) ::slotted(svg){width:100%;height:100%}";export{b as vega_icon}