@globalpayments/vega 2.53.0 → 2.55.0

package/dist/types/components/vega-code-block/slimmers/controllers/vega-code-block-value-controller.d.ts

@@ -1,21 +1,28 @@
 import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
 import { VegaCodeBlock } from '../../vega-code-block';
 import { VegaCodeBlockValue } from '../../types';
+declare type CodeBlockHistoryState = {
+  offset?: number;
+  recordHistory: boolean;
+};
 /**
  * The component value controller.
  */
 export declare class VegaCodeBlockValueController extends VegaSlimmer {
   protected value: VegaCodeBlock['value'];
   protected changeEventEmitter: VegaCodeBlock['changeEventEmitter'];
+  protected historyController: VegaCodeBlock['historyController'];
   /**
    * Update the component value if code content or code language update.
    *
    * @param {string} code - The new code content.
    * @param {string} language - The new code language.
+   * @param {CodeBlockHistoryState} codeBlockHistoryState - Update the history or not.
    */
-  updateValue(code: string, language: VegaCodeBlockValue['language']): void;
+  updateValue(code: string, language: VegaCodeBlockValue['language'], codeBlockHistoryState?: CodeBlockHistoryState): void;
   /**
    * Set a default value if the value is not defined.
    */
   protected initialValue(): void;
 }
+export {};

package/dist/types/components/vega-code-block/vega-code-block.d.ts

@@ -17,6 +17,7 @@ import { PrismCodeHighlightParseController } from './slimmers/controllers/prism-
 import { DefaultCodeHighlightParseController } from './slimmers/controllers/default-code-highlight-parse-controller';
 import { ComponentGlobalStyleSlimmer } from '../../helpers/slimmers/component-global-style-slimmer';
 import { InsertCompositionTextController } from './slimmers/controllers/insert-composition-text-controller';
+import { VegaCodeBlockHistoryController } from './slimmers/controllers/vega-code-block-history-controller';
 /**
  * A component for capturing and displaying syntax-highlighted code blocks with copy-to-clipboard functionality.
  *
@@ -38,6 +39,7 @@ export declare class VegaCodeBlock {
   protected inputController: CodeBlockInputController;
   protected insertCompositionTextController: InsertCompositionTextController;
   protected focusController: VegaCodeBlockFocusController;
+  protected historyController: VegaCodeBlockHistoryController;
   protected changeEventEmitter: EventEmitSlimmerBase;
   protected removeEventEmitter: EventEmitSlimmerBase;
   protected eventPreventSlimmer: ChildNodesEventPreventSlimmer;

package/dist/types/components/vega-dropdown/slimmers/renderers/vega-dropdown-list-renderer.d.ts

@@ -13,6 +13,7 @@ export declare class VegaDropdownListRenderer extends VegaSlimmer {
   renderModeController: VegaDropdown['renderModeController'];
   scrollableController: VegaDropdown['scrollableController'];
   translationSlimmer: VegaDropdown['translationSlimmer'];
+  virtualizationThreshold: VegaDropdown['virtualizationThreshold'];
   private virtualScrollRef;
   private templateContainerRef;
   private defaultMaxHeightOfItemsContainer;

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

@@ -274,6 +274,14 @@ export declare class VegaDropdown {
    * @vegaVersion 2.46.0
    */
   resettable: boolean;
+  /**
+   * The count of the source that will be used as the threshold for determining whether to use virtual scrolling.
+   * If the count of source exceeds this threshold, we employ virtual scrolling. Otherwise, normal item rendering is used
+   * If the value is 0, it means we will disable the virtualization all the time.
+   *
+   * @vegaVersion 2.54.0
+   */
+  virtualizationThreshold: number;
   /**
    * An event emitter notifying that a dropdown item has been clicked.
    *

package/dist/types/components/vega-rich-text-editor/dto/renderers/blocks/code-block-renderer.d.ts

@@ -34,6 +34,12 @@ declare class RTECodeBlockRenderer extends RTEBlockRenderer {
    * @param {MouseEvent} e - The event object.
    */
   private preventParentDoFocus;
+  /**
+   * If redo and undo in code block, here need a mock keydown event to make the helper class `KeyboardManager` could monitor the current keydown event.
+   *
+   * @param {KeyboardEvent} e - The keyboard event object.
+   */
+  private dispatchMockKeydownEvent;
 }
 declare const _default: RTECodeBlockRenderer;
 export default _default;

package/dist/types/components/vega-rich-text-editor/slimmers/controllers/history-controller.d.ts

@@ -1,20 +1,15 @@
 import { RTEEditorState } from '../../dto/editor-state';
 import { VegaRichTextEditor } from '../../vega-rich-text-editor';
-import { KeyboardManagerSlimmer } from '../../../../helpers/slimmers/keyboard-manager-slimmer';
+import { ComponentValueHistoryControllerSlimmer } from '../../../../helpers/slimmers/component-value-history-controller-slimmer.abstract';
 /**
  * History controller for RTE.
  */
-export declare class HistoryController extends KeyboardManagerSlimmer {
+export declare class HistoryController extends ComponentValueHistoryControllerSlimmer<RTEEditorState> {
   protected host: VegaRichTextEditor['host'];
   protected vegaRichTextEditorRenderer: VegaRichTextEditor['vegaRichTextEditorRenderer'];
   protected valueController: VegaRichTextEditor['valueController'];
   protected value: VegaRichTextEditor['value'];
   protected selectionController: VegaRichTextEditor['selectionController'];
-  private redoStack;
-  private undoStack;
-  private readonly registerHistoryDelay;
-  private readonly registerHistoryDebounced;
-  constructor();
   /**
    * Component lifecycle - [componentDidLoad]
    */
@@ -28,27 +23,21 @@ export declare class HistoryController extends KeyboardManagerSlimmer {
    */
   redo(): Promise<void>;
   /**
-   * Registers history based on the editor state.
+   * Gets the effective target elements for the RTE history.
    *
-   * @param {RTEEditorState} editorState - The state to record in history.
+   * @returns {HTMLElement[]} - An array of effective target elements.
    */
-  registerHistory(editorState: RTEEditorState): void;
+  protected getEffectiveTargets: () => HTMLElement[];
   /**
-   * Internal function to register history immediately.
+   * Gets the ineffective target elements for the RTE history.
    *
-   * @param {RTEEditorState} state - The state to record in history.
+   * @returns {HTMLElement[]} - An array of ineffective target elements.
    */
-  private internalRegisterHistory;
+  protected getIneffectiveTargets: () => HTMLElement[];
   /**
    * Restores the editor state based on the provided history state.
    *
    * @param {RTEEditorState} state - The state to restore to.
    */
   private restoreState;
-  /**
-   * Returns the keyboard shortcut options for undo/redo functionality.
-   *
-   * @returns {KeyboardEventListener[]} - An array of keyboard shortcut options.
-   */
-  private getKeyboardShortcutOptions;
 }

package/dist/types/components/vega-virtual-scroll/vega-virtual-scroll.d.ts

@@ -46,6 +46,7 @@ export declare class VegaVirtualScroll {
   /**
    * The count of the source that will be used as the threshold for determining whether to use virtual scrolling.
    * If the count of source exceeds this threshold, we employ virtual scrolling. Otherwise, normal item rendering is used
+   * If the value is 0, it means we will disable the virtualization all the time.
    *
    * @vegaVersion 2.3.0
    */

package/dist/types/components.d.ts

@@ -140,6 +140,11 @@ export namespace Components {
           * @defaultValue https://www.globalpayments.com/privacy-statement
          */
         "privacyPolicyUrl": string;
+        /**
+          * Specifies the unique identifier for the Privacy Policy Link.
+          * @vegaVersion 2.54.0
+         */
+        "privacyPolicyUrlId": string;
         /**
           * Specifies the target window or browsing context    in which the Privacy Policy URL should be opened    when the user clicks on the link.
           * @vegaVersion 1.27.3
@@ -161,6 +166,11 @@ export namespace Components {
           * @defaultValue https://www.globalpayments.com/terms-of-use
          */
         "termOfUseUrl": string;
+        /**
+          * Specifies the unique identifier for the Terms of Use Link.
+          * @vegaVersion 2.54.0
+         */
+        "termOfUseUrlId": string;
         /**
           * Specifies the target window or browsing context in which    the Terms of Use URL should be opened    when the user clicks on the link.
           * @vegaVersion 1.27.3
@@ -355,7 +365,7 @@ export namespace Components {
          */
         "gridRow": ResponsiveType<GridRowType>;
         /**
-          * Specifies the height of the box. It accepts values in numeric, string and spacing token formats. For numeric values, use a number to indicate the height    in pixels, e.g., 100 will be translated to 100px. For string values, you can use CSS units like '%' or 'calc' expressions.    For example, '100%' and 'calc(100vh - 20px)' which allows for more complex calculations to    determine the height. For spacing tokens, you can set 'size-2', 'size-16' and etc. Please refer to https://vega.hlprd.com/tokens/spacing to check the full list of spacing tokens.
+          * Specifies the height of the box. It accepts values in numeric, string and spacing token formats. For numeric values, use a number to indicate the height    in pixels, e.g., 100 will be translated to 100px. For string values, you can use CSS units like '%' or 'calc' expressions.    For example, '100%' and 'calc(100vh - 20px)' which allows for more complex calculations to    determine the height. For spacing tokens, you can set 'size-2', 'size-16' and etc. Please refer to https://vega.globalpayments.com/tokens/spacing to check the full list of spacing tokens.
           * @vegaVersion 2.0.0
          */
         "height": ResponsiveType<HeightType>;
@@ -371,12 +381,12 @@ export namespace Components {
          */
         "margin": ResponsiveType<MarginType>;
         /**
-          * Specifies the maximum height of the box. It accepts values in numeric, string and spacing token formats. Numeric values represent maximum heights in pixels    (e.g., 100 translates to 100px). String values allow the use of CSS units such as '%'    or keyword values like 'min-content'    (e.g., '100%' or 'min-content'). Spacing tokens like 'size-2' or 'size-16' can also be used.    Please refer to https://vega.hlprd.com/tokens/spacing    to check the full list of spacing tokens.
+          * Specifies the maximum height of the box. It accepts values in numeric, string and spacing token formats. Numeric values represent maximum heights in pixels    (e.g., 100 translates to 100px). String values allow the use of CSS units such as '%'    or keyword values like 'min-content'    (e.g., '100%' or 'min-content'). Spacing tokens like 'size-2' or 'size-16' can also be used.    Please refer to https://vega.globalpayments.com/tokens/spacing    to check the full list of spacing tokens.
           * @vegaVersion 2.7.0
          */
         "maxHeight": ResponsiveType<MaxHeightType>;
         /**
-          * Specifies the minimum height of the box. It accepts values in numeric, string and spacing token formats. Numeric values represent minimum heights in pixels    (e.g., 100 translates to 100px). String values allow the use of CSS units such as '%'    or keyword values like 'max-content'    (e.g., '100%' or 'max-content'). Spacing tokens like 'size-2' or 'size-16' can also be used.    Please refer to https://vega.hlprd.com/tokens/spacing    to check the full list of spacing tokens.
+          * Specifies the minimum height of the box. It accepts values in numeric, string and spacing token formats. Numeric values represent minimum heights in pixels    (e.g., 100 translates to 100px). String values allow the use of CSS units such as '%'    or keyword values like 'max-content'    (e.g., '100%' or 'max-content'). Spacing tokens like 'size-2' or 'size-16' can also be used.    Please refer to https://vega.globalpayments.com/tokens/spacing    to check the full list of spacing tokens.
           * @vegaVersion 2.7.0
          */
         "minHeight": ResponsiveType<MinHeightType>;
@@ -402,7 +412,7 @@ export namespace Components {
          */
         "shadow": StateVariantType<ShadowsTokenType, 'default' | 'focus-visible' | 'hover'>;
         /**
-          * Specifies the width of the box. It accepts values in numeric, string and spacing token formats. For numeric values, use a number to indicate the width    in pixels, e.g., 100 will be translated to 100px. For string values, you can use CSS units like '%' or 'calc' expressions.    For example, '100%' and 'calc(100vw - 20px)' which allows for more complex calculations to    determine the width. For spacing tokens, you can set 'size-2', 'size-16' and etc. Please refer to https://vega.hlprd.com/tokens/spacing to check the full list of spacing tokens.
+          * Specifies the width of the box. It accepts values in numeric, string and spacing token formats. For numeric values, use a number to indicate the width    in pixels, e.g., 100 will be translated to 100px. For string values, you can use CSS units like '%' or 'calc' expressions.    For example, '100%' and 'calc(100vw - 20px)' which allows for more complex calculations to    determine the width. For spacing tokens, you can set 'size-2', 'size-16' and etc. Please refer to https://vega.globalpayments.com/tokens/spacing to check the full list of spacing tokens.
           * @vegaVersion 2.0.0
          */
         "width": ResponsiveType<WidthType>;
@@ -1424,6 +1434,11 @@ export namespace Components {
           * @vegaVersion 1.24.0
          */
         "useDefaultFilter": boolean;
+        /**
+          * The count of the source that will be used as the threshold for determining whether to use virtual scrolling. If the count of source exceeds this threshold, we employ virtual scrolling. Otherwise, normal item rendering is used If the value is 0, it means we will disable the virtualization all the time.
+          * @vegaVersion 2.54.0
+         */
+        "virtualizationThreshold": number;
     }
     interface VegaDropdownContentBox {
     }
@@ -4154,7 +4169,7 @@ export namespace Components {
          */
         "viewportMaxHeight": number;
         /**
-          * The count of the source that will be used as the threshold for determining whether to use virtual scrolling. If the count of source exceeds this threshold, we employ virtual scrolling. Otherwise, normal item rendering is used
+          * The count of the source that will be used as the threshold for determining whether to use virtual scrolling. If the count of source exceeds this threshold, we employ virtual scrolling. Otherwise, normal item rendering is used If the value is 0, it means we will disable the virtualization all the time.
           * @vegaVersion 2.3.0
          */
         "virtualizationThreshold": number;
@@ -5251,6 +5266,11 @@ declare namespace LocalJSX {
           * @defaultValue https://www.globalpayments.com/privacy-statement
          */
         "privacyPolicyUrl"?: string;
+        /**
+          * Specifies the unique identifier for the Privacy Policy Link.
+          * @vegaVersion 2.54.0
+         */
+        "privacyPolicyUrlId"?: string;
         /**
           * Specifies the target window or browsing context    in which the Privacy Policy URL should be opened    when the user clicks on the link.
           * @vegaVersion 1.27.3
@@ -5272,6 +5292,11 @@ declare namespace LocalJSX {
           * @defaultValue https://www.globalpayments.com/terms-of-use
          */
         "termOfUseUrl"?: string;
+        /**
+          * Specifies the unique identifier for the Terms of Use Link.
+          * @vegaVersion 2.54.0
+         */
+        "termOfUseUrlId"?: string;
         /**
           * Specifies the target window or browsing context in which    the Terms of Use URL should be opened    when the user clicks on the link.
           * @vegaVersion 1.27.3
@@ -5510,7 +5535,7 @@ declare namespace LocalJSX {
          */
         "gridRow"?: ResponsiveType<GridRowType>;
         /**
-          * Specifies the height of the box. It accepts values in numeric, string and spacing token formats. For numeric values, use a number to indicate the height    in pixels, e.g., 100 will be translated to 100px. For string values, you can use CSS units like '%' or 'calc' expressions.    For example, '100%' and 'calc(100vh - 20px)' which allows for more complex calculations to    determine the height. For spacing tokens, you can set 'size-2', 'size-16' and etc. Please refer to https://vega.hlprd.com/tokens/spacing to check the full list of spacing tokens.
+          * Specifies the height of the box. It accepts values in numeric, string and spacing token formats. For numeric values, use a number to indicate the height    in pixels, e.g., 100 will be translated to 100px. For string values, you can use CSS units like '%' or 'calc' expressions.    For example, '100%' and 'calc(100vh - 20px)' which allows for more complex calculations to    determine the height. For spacing tokens, you can set 'size-2', 'size-16' and etc. Please refer to https://vega.globalpayments.com/tokens/spacing to check the full list of spacing tokens.
           * @vegaVersion 2.0.0
          */
         "height"?: ResponsiveType<HeightType>;
@@ -5526,12 +5551,12 @@ declare namespace LocalJSX {
          */
         "margin"?: ResponsiveType<MarginType>;
         /**
-          * Specifies the maximum height of the box. It accepts values in numeric, string and spacing token formats. Numeric values represent maximum heights in pixels    (e.g., 100 translates to 100px). String values allow the use of CSS units such as '%'    or keyword values like 'min-content'    (e.g., '100%' or 'min-content'). Spacing tokens like 'size-2' or 'size-16' can also be used.    Please refer to https://vega.hlprd.com/tokens/spacing    to check the full list of spacing tokens.
+          * Specifies the maximum height of the box. It accepts values in numeric, string and spacing token formats. Numeric values represent maximum heights in pixels    (e.g., 100 translates to 100px). String values allow the use of CSS units such as '%'    or keyword values like 'min-content'    (e.g., '100%' or 'min-content'). Spacing tokens like 'size-2' or 'size-16' can also be used.    Please refer to https://vega.globalpayments.com/tokens/spacing    to check the full list of spacing tokens.
           * @vegaVersion 2.7.0
          */
         "maxHeight"?: ResponsiveType<MaxHeightType>;
         /**
-          * Specifies the minimum height of the box. It accepts values in numeric, string and spacing token formats. Numeric values represent minimum heights in pixels    (e.g., 100 translates to 100px). String values allow the use of CSS units such as '%'    or keyword values like 'max-content'    (e.g., '100%' or 'max-content'). Spacing tokens like 'size-2' or 'size-16' can also be used.    Please refer to https://vega.hlprd.com/tokens/spacing    to check the full list of spacing tokens.
+          * Specifies the minimum height of the box. It accepts values in numeric, string and spacing token formats. Numeric values represent minimum heights in pixels    (e.g., 100 translates to 100px). String values allow the use of CSS units such as '%'    or keyword values like 'max-content'    (e.g., '100%' or 'max-content'). Spacing tokens like 'size-2' or 'size-16' can also be used.    Please refer to https://vega.globalpayments.com/tokens/spacing    to check the full list of spacing tokens.
           * @vegaVersion 2.7.0
          */
         "minHeight"?: ResponsiveType<MinHeightType>;
@@ -5557,7 +5582,7 @@ declare namespace LocalJSX {
          */
         "shadow"?: StateVariantType<ShadowsTokenType, 'default' | 'focus-visible' | 'hover'>;
         /**
-          * Specifies the width of the box. It accepts values in numeric, string and spacing token formats. For numeric values, use a number to indicate the width    in pixels, e.g., 100 will be translated to 100px. For string values, you can use CSS units like '%' or 'calc' expressions.    For example, '100%' and 'calc(100vw - 20px)' which allows for more complex calculations to    determine the width. For spacing tokens, you can set 'size-2', 'size-16' and etc. Please refer to https://vega.hlprd.com/tokens/spacing to check the full list of spacing tokens.
+          * Specifies the width of the box. It accepts values in numeric, string and spacing token formats. For numeric values, use a number to indicate the width    in pixels, e.g., 100 will be translated to 100px. For string values, you can use CSS units like '%' or 'calc' expressions.    For example, '100%' and 'calc(100vw - 20px)' which allows for more complex calculations to    determine the width. For spacing tokens, you can set 'size-2', 'size-16' and etc. Please refer to https://vega.globalpayments.com/tokens/spacing to check the full list of spacing tokens.
           * @vegaVersion 2.0.0
          */
         "width"?: ResponsiveType<WidthType>;
@@ -6807,6 +6832,11 @@ declare namespace LocalJSX {
           * @vegaVersion 1.24.0
          */
         "useDefaultFilter"?: boolean;
+        /**
+          * The count of the source that will be used as the threshold for determining whether to use virtual scrolling. If the count of source exceeds this threshold, we employ virtual scrolling. Otherwise, normal item rendering is used If the value is 0, it means we will disable the virtualization all the time.
+          * @vegaVersion 2.54.0
+         */
+        "virtualizationThreshold"?: number;
     }
     interface VegaDropdownContentBox {
     }
@@ -10094,7 +10124,7 @@ declare namespace LocalJSX {
          */
         "viewportMaxHeight"?: number;
         /**
-          * The count of the source that will be used as the threshold for determining whether to use virtual scrolling. If the count of source exceeds this threshold, we employ virtual scrolling. Otherwise, normal item rendering is used
+          * The count of the source that will be used as the threshold for determining whether to use virtual scrolling. If the count of source exceeds this threshold, we employ virtual scrolling. Otherwise, normal item rendering is used If the value is 0, it means we will disable the virtualization all the time.
           * @vegaVersion 2.3.0
          */
         "virtualizationThreshold"?: number;

package/dist/types/helpers/slimmers/component-value-history-controller-slimmer.abstract.d.ts

@@ -0,0 +1,48 @@
+import { KeyboardManagerSlimmer } from './keyboard-manager-slimmer';
+/**
+ * An abstract class that manages the history of component values.
+ */
+export declare abstract class ComponentValueHistoryControllerSlimmer<T> extends KeyboardManagerSlimmer {
+  protected redoStack: T[];
+  protected undoStack: T[];
+  private readonly registerHistoryDelay;
+  private readonly registerHistoryDebounced;
+  constructor();
+  /**
+   * Registers history based on the editor state.
+   *
+   * @typedef T generic type parameter
+   * @param {T} editorState - The state to record in history.
+   * @param {boolean} [isForce] - If true, the history will be registered immediately without debounce.
+   */
+  registerHistory(editorState: T, isForce?: boolean): void;
+  /**
+   * Internal function to register history immediately.
+   *
+   * @typedef T generic type parameter
+   * @param {T} state - The state to record in history.
+   */
+  private internalRegisterHistory;
+  /**
+   * Returns the keyboard shortcut options for undo/redo functionality.
+   *
+   * @returns {KeyboardEventListener[]} - An array of keyboard shortcut options.
+   */
+  private getKeyboardShortcutOptions;
+  /**
+   * Restores the previous state from the undo stack.
+   */
+  abstract undo(): Promise<void>;
+  /**
+   * Restores the next state from the redo stack.
+   */
+  abstract redo(): Promise<void>;
+  /**
+   * Get the effective target elements for the component value history.
+   */
+  protected abstract getEffectiveTargets(): HTMLElement[];
+  /**
+   * Get the ineffective target elements for the component value history.
+   */
+  protected abstract getIneffectiveTargets(): HTMLElement[];
+}

package/dist/types/utils/timer.d.ts

@@ -8,4 +8,4 @@
  * @param {T} context - The context to be used when calling the function.
  * @returns {(() => void)} A function that will call the original function with the given arguments after the given delay.
  */
-export declare const debounce: <T>(fn: () => void, delay: number, context: T) => (() => void);
+export declare const debounce: <T>(fn: (...args: unknown[]) => void, delay: number, context: T) => (() => void);

package/dist/vega/index.esm.js

@@ -1 +1 @@
-export{g as getCurrentBreakpoint}from"./p-834434d5.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-a0dab2d0.js";export{c as camelToDashCase}from"./p-0bb29d98.js";export{d as BackgroundColorMap,a as BackgroundColors,e as BorderColorMap,b as BorderColors,B as BorderRadius,C as Colors,F as FillBackgroundColors,g as ShadowMap,f as Shadows,h as Spacing,S as StrokeBackgroundColors,c as TextColorMap,T as TextColors}from"./p-b1f65b13.js";export{B as Breakpoints}from"./p-ed45b3b6.js";export{I as Icons,g as getIconFromToken}from"./p-16493e5b.js";export{b as Typography,a as TypographyKeys,T as TypographyUrls}from"./p-d884c644.js";export{e as BoxDisplay,B as BreakpointKeys,C as CssStates,F as FlexDirections}from"./p-74168615.js";export{F as FrameworkEnum,v as VegaEnvManager}from"./p-5f377954.js";export{c as VegaDialog,d as VegaEventManager,V as VegaLoader,a as VegaNotify,f as VegaSkeletonLoader,b as VegaThemeManager,e as VegaZIndexManager}from"./p-eb832119.js";export{F as FeatureFlag}from"./p-4d793cb0.js";export{B as VegaJQueryDelegatedEventStrategy}from"./p-613ee009.js";export{V as VegaIconManager}from"./p-cc63e827.js";export{V as ValidCreditCardNumberRule}from"./p-6f90d444.js";export{w as waitForVega}from"./p-f4a13f3f.js";export{a as VegaTranslation,s as VegaTranslationResourceEN}from"./p-4ab3df00.js";export{R as RTEImageBlock,b as RTEListBlock,a as RTEListItemBlock,V as VegaRTEContent}from"./p-fecb4044.js";export{M as ModifyContentAction,i as RTEBlock,a as RTEImageNode,v as RTENode,d as RTETextBlock,g as RTETextNode}from"./p-3eb2d433.js";export{G as GridColumns,a as GridRows}from"./p-06fb002a.js";export{C as CheckBoxRequiredRule}from"./p-590fd123.js";export{D as DateRequiredRule}from"./p-8fae8f9e.js";export{I as InputPhoneNumberRequiredRule}from"./p-07c2725a.js";export{I as InputRangeRequiredRule}from"./p-f396c69a.js";export{R as RequiredFieldRule}from"./p-280cbcdb.js";export{R as RichTextEditorRequiredRule}from"./p-3fa7d356.js";export{T as TimeRangeRequiredRule,a as TimeRequiredRule}from"./p-924b4e24.js";export{T as ToggleSwitchRequiredRule}from"./p-7c0b4c36.js";export{F as FileUploaderRequiredRule}from"./p-0bb860cc.js";import"./p-2205ee4c.js";import"./p-3a0a4d15.js";import"./p-37b05e0b.js";import"./p-6a334573.js";import"./p-d5776087.js";import"./p-0c8bd757.js";import"./p-5773a9a3.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-112455b1.js";import"./p-262ec334.js";import"./p-7a40e033.js";import"./p-6e01f0a2.js";import"./p-abd7aeaa.js";import"./p-fa5eb496.js";import"./p-425ba7d6.js";import"./p-0c667d6a.js";import"./p-d27ae9ff.js";import"./p-08835909.js";const o=["ring-input-focus","dark-ring-input-focus","ring-input-danger-focus","dark-ring-input-danger-focus","ring-action-focus","dark-ring-action-focus","ring-action-danger-focus","dark-ring-action-danger-focus"];export{o as Rings}
+export{g as getCurrentBreakpoint}from"./p-7d9cd9c8.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-f9cf7e36.js";export{c as camelToDashCase}from"./p-0bb29d98.js";export{d as BackgroundColorMap,a as BackgroundColors,e as BorderColorMap,b as BorderColors,B as BorderRadius,C as Colors,F as FillBackgroundColors,g as ShadowMap,f as Shadows,h as Spacing,S as StrokeBackgroundColors,c as TextColorMap,T as TextColors}from"./p-b1f65b13.js";export{B as Breakpoints}from"./p-ed45b3b6.js";export{I as Icons,g as getIconFromToken}from"./p-16493e5b.js";export{b as Typography,a as TypographyKeys,T as TypographyUrls}from"./p-d884c644.js";export{e as BoxDisplay,B as BreakpointKeys,C as CssStates,F as FlexDirections}from"./p-74168615.js";export{F as FrameworkEnum,v as VegaEnvManager}from"./p-5f377954.js";export{c as VegaDialog,d as VegaEventManager,V as VegaLoader,a as VegaNotify,f as VegaSkeletonLoader,b as VegaThemeManager,e as VegaZIndexManager}from"./p-d5f1794e.js";export{F as FeatureFlag}from"./p-4d793cb0.js";export{B as VegaJQueryDelegatedEventStrategy}from"./p-613ee009.js";export{V as VegaIconManager}from"./p-cc63e827.js";export{V as ValidCreditCardNumberRule}from"./p-6f90d444.js";export{w as waitForVega}from"./p-f4a13f3f.js";export{a as VegaTranslation,s as VegaTranslationResourceEN}from"./p-4ab3df00.js";export{R as RTEImageBlock,b as RTEListBlock,a as RTEListItemBlock,V as VegaRTEContent}from"./p-fecb4044.js";export{M as ModifyContentAction,i as RTEBlock,a as RTEImageNode,v as RTENode,d as RTETextBlock,g as RTETextNode}from"./p-3eb2d433.js";export{G as GridColumns,a as GridRows}from"./p-327be043.js";export{C as CheckBoxRequiredRule}from"./p-590fd123.js";export{D as DateRequiredRule}from"./p-8fae8f9e.js";export{I as InputPhoneNumberRequiredRule}from"./p-07c2725a.js";export{I as InputRangeRequiredRule}from"./p-f396c69a.js";export{R as RequiredFieldRule}from"./p-280cbcdb.js";export{R as RichTextEditorRequiredRule}from"./p-3fa7d356.js";export{T as TimeRangeRequiredRule,a as TimeRequiredRule}from"./p-924b4e24.js";export{T as ToggleSwitchRequiredRule}from"./p-7c0b4c36.js";export{F as FileUploaderRequiredRule}from"./p-0bb860cc.js";import"./p-b75ee3ba.js";import"./p-2205ee4c.js";import"./p-3a0a4d15.js";import"./p-37b05e0b.js";import"./p-6a334573.js";import"./p-d5776087.js";import"./p-0c8bd757.js";import"./p-5773a9a3.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-112455b1.js";import"./p-262ec334.js";import"./p-7a40e033.js";import"./p-6e01f0a2.js";import"./p-abd7aeaa.js";import"./p-fa5eb496.js";import"./p-425ba7d6.js";import"./p-0c667d6a.js";import"./p-d27ae9ff.js";import"./p-08835909.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-05588c85.entry.js → p-002062c3.entry.js}

@@ -1 +1 @@
-import{r as i,c as e,h as t,H as a,g as r}from"./p-21d26bb4.js";import{f as n}from"./p-6e01f0a2.js";import{c as s}from"./p-012cbd8f.js";import{c as o}from"./p-86194314.js";import{s as p}from"./p-519a7d55.js";import{I as d}from"./p-6e1ab235.js";import{V as l,I as h}from"./p-4387d550.js";import{F as c}from"./p-72e64237.js";import{T as g}from"./p-7c0b4c36.js";import{b as v}from"./p-5773a9a3.js";import{C as m}from"./p-2d0d575f.js";import"./p-d5776087.js";import"./p-6a334573.js";import"./p-e7b00bf0.js";import"./p-331a62d5.js";import"./p-613ee009.js";import"./p-b75ee3ba.js";import"./p-0bb29d98.js";import"./p-37b05e0b.js";import"./p-425ba7d6.js";import"./p-4ab3df00.js";import"./p-834434d5.js";import"./p-74168615.js";import"./p-ed45b3b6.js";import"./p-abd7aeaa.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-d27ae9ff.js";import"./p-262ec334.js";import"./p-138fcf6e.js";var b=function(i,e,t,a){var r,n=arguments.length,s=n<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(i,e,t,a);else for(var o=i.length-1;o>=0;o--)(r=i[o])&&(s=(n<3?r(s):n>3?r(e,t,s):r(e,t))||s);return n>3&&s&&Object.defineProperty(e,t,s),s};const f=class{constructor(t){i(this,t),this.vegaChange=e(this,"vegaChange",7),this.change=e(this,"change",7),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new l,this.formFieldController=new c({propertyRules:[{propertyName:"required",ruleFactory:i=>i?new g:null}],validationRulesName:"validationRules",defaultValue:!1,attributeGetter:i=>this[i],inputContainerGetter:()=>this.toggleSwitchContainer,touchableAreaGetter:()=>[this.toggleSwitchContainer]}),this.changeEventEmitter=s(f,n),this.checked=!1,this.value=!1,this.size="default",this.required=!1,this.disabled=!1,this.validationRules=[],this.autoValidation=!0,this.isValid=null,this.toggleSwitch=()=>{this.disabled||(this.checked=!this.checked)},this.updateValue=i=>{this.checked=i.currentTarget.checked,i.stopPropagation()}}watchCheckedChange(){this.value=this.checked,this.changeEventEmitter.emit(this.checked),m.notify(v,{host:this.host,detail:this.value})}watchValue(i){this.checked=!0===i}watchValidationRules(){}componentWillLoad(){this.checked||!0!==this.value?this.value=this.checked:this.checked=!0}render(){let i=this.checked?"vega-container vega-container-checked":"vega-container";return i+=this.disabled?" vega-container-disabled":"",i+="small"===this.size?" vega-container-small-size":"",p(t(a,null,t("vega-flex",{gap:"size-8",ref:i=>this.toggleSwitchContainer=i},t("div",{class:`${i} vega-flex-shrink-0 v-min-w-min`},t("input",{type:"checkbox",name:"switch",disabled:this.disabled,checked:this.checked,onChange:this.updateValue,"aria-label":this.label||"No label defined",role:"button",tabIndex:0,onKeyDown:o()}),t("span",{class:this.disabled?"v-bg-tertiary":"v-bg-primary"})),this.renderLabelDom())),this.host)}renderLabelDom(){return this.label?t("div",{class:"vega-flex-basis-0 vega-flex-grow"},t("vega-field-label",{onClick:this.toggleSwitch,disabled:this.disabled,label:this.label,isFieldRequired:this.required})):null}get host(){return r(this)}static get watchers(){return{checked:["watchCheckedChange"],value:["watchValue"],validationRules:["watchValidationRules"]}}};b([h()],f.prototype,"globalSlimmers",void 0),b([d()],f.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),b([d()],f.prototype,"formFieldController",void 0),b([d()],f.prototype,"changeEventEmitter",void 0),f.style=':host{display:inline-block}:host .vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-hidden{display:none}div.vega-container{display:flex;justify-content:flex-start;align-items:center;border-radius:9999px;position:relative;box-sizing:content-box;height:24px;width:48px;padding:4px;background-color:rgba(var(--v-bg-toggle-switch, 107, 116, 125, 0.7))}div.vega-container:hover{background-color:rgba(var(--v-bg-toggle-switch-hover, 107, 116, 125, 1))}div.vega-container.vega-container-checked{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}div.vega-container.vega-container-checked:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}div.vega-container.vega-container-disabled{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}div.vega-container.vega-container-checked.vega-container-disabled{background-color:rgba(var(--v-bg-toggle-switch-selected-disabled, 153, 192, 255, 1))}div.vega-container-small-size{box-sizing:border-box;height:20px;width:32px;padding:2px}div.vega-container>span{margin-left:0px;transition-property:margin;transition-duration:0.1s;transition-timing-function:linear}div.vega-container:focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}div.vega-container-checked>span{margin-left:24px}div.vega-container-checked.vega-container-small-size>span{margin-left:12px}div.vega-container>input{position:absolute;cursor:pointer;opacity:0;left:0px;top:0px;width:100%;height:100%;margin:0px;-webkit-tap-highlight-color:transparent}div.vega-container input:disabled{cursor:default}div.vega-container>span{display:inline-block;border-radius:9999px;box-shadow:var(--v-shadow-form-field, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.1));width:24px;height:24px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));box-shadow:var(--v-shadow-form-field, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.1));transition-property:margin;transition-duration:0.1s;transition-timing-function:linear}div.vega-container-small-size{height:20px}div.vega-container-small-size>span{width:16px;height:16px}div{align-self:center}';export{f as vega_toggle_switch}
+import{r as i,c as e,h as t,H as a,g as r}from"./p-21d26bb4.js";import{f as n}from"./p-6e01f0a2.js";import{c as s}from"./p-012cbd8f.js";import{c as o}from"./p-86194314.js";import{s as p}from"./p-519a7d55.js";import{I as d}from"./p-6e1ab235.js";import{V as l,I as h}from"./p-4387d550.js";import{F as c}from"./p-da1d0c02.js";import{T as g}from"./p-7c0b4c36.js";import{b as v}from"./p-5773a9a3.js";import{C as m}from"./p-2d0d575f.js";import"./p-d5776087.js";import"./p-6a334573.js";import"./p-e7b00bf0.js";import"./p-331a62d5.js";import"./p-613ee009.js";import"./p-b75ee3ba.js";import"./p-0bb29d98.js";import"./p-37b05e0b.js";import"./p-425ba7d6.js";import"./p-4ab3df00.js";import"./p-7d9cd9c8.js";import"./p-74168615.js";import"./p-ed45b3b6.js";import"./p-abd7aeaa.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-d27ae9ff.js";import"./p-262ec334.js";import"./p-138fcf6e.js";var b=function(i,e,t,a){var r,n=arguments.length,s=n<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(i,e,t,a);else for(var o=i.length-1;o>=0;o--)(r=i[o])&&(s=(n<3?r(s):n>3?r(e,t,s):r(e,t))||s);return n>3&&s&&Object.defineProperty(e,t,s),s};const f=class{constructor(t){i(this,t),this.vegaChange=e(this,"vegaChange",7),this.change=e(this,"change",7),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new l,this.formFieldController=new c({propertyRules:[{propertyName:"required",ruleFactory:i=>i?new g:null}],validationRulesName:"validationRules",defaultValue:!1,attributeGetter:i=>this[i],inputContainerGetter:()=>this.toggleSwitchContainer,touchableAreaGetter:()=>[this.toggleSwitchContainer]}),this.changeEventEmitter=s(f,n),this.checked=!1,this.value=!1,this.size="default",this.required=!1,this.disabled=!1,this.validationRules=[],this.autoValidation=!0,this.isValid=null,this.toggleSwitch=()=>{this.disabled||(this.checked=!this.checked)},this.updateValue=i=>{this.checked=i.currentTarget.checked,i.stopPropagation()}}watchCheckedChange(){this.value=this.checked,this.changeEventEmitter.emit(this.checked),m.notify(v,{host:this.host,detail:this.value})}watchValue(i){this.checked=!0===i}watchValidationRules(){}componentWillLoad(){this.checked||!0!==this.value?this.value=this.checked:this.checked=!0}render(){let i=this.checked?"vega-container vega-container-checked":"vega-container";return i+=this.disabled?" vega-container-disabled":"",i+="small"===this.size?" vega-container-small-size":"",p(t(a,null,t("vega-flex",{gap:"size-8",ref:i=>this.toggleSwitchContainer=i},t("div",{class:`${i} vega-flex-shrink-0 v-min-w-min`},t("input",{type:"checkbox",name:"switch",disabled:this.disabled,checked:this.checked,onChange:this.updateValue,"aria-label":this.label||"No label defined",role:"button",tabIndex:0,onKeyDown:o()}),t("span",{class:this.disabled?"v-bg-tertiary":"v-bg-primary"})),this.renderLabelDom())),this.host)}renderLabelDom(){return this.label?t("div",{class:"vega-flex-basis-0 vega-flex-grow"},t("vega-field-label",{onClick:this.toggleSwitch,disabled:this.disabled,label:this.label,isFieldRequired:this.required})):null}get host(){return r(this)}static get watchers(){return{checked:["watchCheckedChange"],value:["watchValue"],validationRules:["watchValidationRules"]}}};b([h()],f.prototype,"globalSlimmers",void 0),b([d()],f.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),b([d()],f.prototype,"formFieldController",void 0),b([d()],f.prototype,"changeEventEmitter",void 0),f.style=':host{display:inline-block}:host .vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-hidden{display:none}div.vega-container{display:flex;justify-content:flex-start;align-items:center;border-radius:9999px;position:relative;box-sizing:content-box;height:24px;width:48px;padding:4px;background-color:rgba(var(--v-bg-toggle-switch, 107, 116, 125, 0.7))}div.vega-container:hover{background-color:rgba(var(--v-bg-toggle-switch-hover, 107, 116, 125, 1))}div.vega-container.vega-container-checked{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}div.vega-container.vega-container-checked:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}div.vega-container.vega-container-disabled{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}div.vega-container.vega-container-checked.vega-container-disabled{background-color:rgba(var(--v-bg-toggle-switch-selected-disabled, 153, 192, 255, 1))}div.vega-container-small-size{box-sizing:border-box;height:20px;width:32px;padding:2px}div.vega-container>span{margin-left:0px;transition-property:margin;transition-duration:0.1s;transition-timing-function:linear}div.vega-container:focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}div.vega-container-checked>span{margin-left:24px}div.vega-container-checked.vega-container-small-size>span{margin-left:12px}div.vega-container>input{position:absolute;cursor:pointer;opacity:0;left:0px;top:0px;width:100%;height:100%;margin:0px;-webkit-tap-highlight-color:transparent}div.vega-container input:disabled{cursor:default}div.vega-container>span{display:inline-block;border-radius:9999px;box-shadow:var(--v-shadow-form-field, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.1));width:24px;height:24px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));box-shadow:var(--v-shadow-form-field, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.1));transition-property:margin;transition-duration:0.1s;transition-timing-function:linear}div.vega-container-small-size{height:20px}div.vega-container-small-size>span{width:16px;height:16px}div{align-self:center}';export{f as vega_toggle_switch}

package/dist/vega/{p-2490a391.entry.js → p-063d0bee.entry.js}

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