@globalpayments/vega 2.57.0 → 2.57.1

package/dist/esm/vega-divider.entry.js

@@ -2,9 +2,9 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-d0
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-60731164.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-d2632288.js';
 import { h as Spacing } from './type-guard-84b1f192.js';
-import { f as formatAndValidResponsiveToken } from './design-token-28a0a2e6.js';
+import { f as formatAndValidResponsiveToken } from './design-token-23522f5c.js';
 import { P as PageResizeObserverSlimmer, g as getCurrentBreakpoint } from './page-resize-observer-slimmer-0bf7fbf3.js';
 import './number-4398f2e1.js';
 import './ui-8424715a.js';
@@ -28,9 +28,9 @@ import './index-e9da316f.js';
 import './icon-manager-2ee1c619.js';
 import './wait-for-vega-handler-c2c07ac3.js';
 import './translation-a6eacb5f.js';
-import './content-state-953906e8.js';
-import './code-block-73869a3c.js';
-import './vega-internal-event-id-f0ea2bab.js';
+import './content-state-a43e703e.js';
+import './code-block-7bd4cb87.js';
+import './vega-internal-event-id-4072659b.js';
 import './regex-dfe11abf.js';
 import './typography-396de03f.js';
 import './state-background-color-formatter-da5e76e8.js';

package/dist/esm/vega-dropdown_5.entry.js

@@ -9,11 +9,11 @@ import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0f
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-c345ca2e.js';
 import { f as VegaChange, d as domNodeSubjectFactory, n as VegaDropdownShow, o as VegaDropdownHide, b as VegaDropdownClick, p as VegaReset, l as VegaCreate, q as VegaDropdownSearch, r as VegaSearchTrigger, a as VegaClick } from './dom-node-subject-factory-6374611f.js';
 import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-751e98f5.js';
-import { E as ElementAppenderSlimmer } from './element-appender-slimmer-7b9f4a8e.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-042df95a.js';
 import { r as remoteInvocationRegistry } from './remote-invocation-registry-d69245c2.js';
-import { p as VegaInternalDropdownUpdateTarget, g as VegaInternalDropdownTemplateItemsChange, n as VegaDropdownSearchInternalOverridden, m as VegaDropdownRenderItemInternalOverridden, i as VegaInternalVirtualScrollToBottom } from './vega-internal-event-id-f0ea2bab.js';
+import { p as VegaInternalDropdownUpdateTarget, g as VegaInternalDropdownTemplateItemsChange, n as VegaDropdownSearchInternalOverridden, m as VegaDropdownRenderItemInternalOverridden, h as VegaInternalVirtualScrollToBottom } from './vega-internal-event-id-4072659b.js';
 import { i as isArrayEqual } from './array-7888f339.js';
-import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-1c4d1e78.js';
+import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-0a6c3cbb.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-58ebc13c.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-b5cb9b81.js';
@@ -22,7 +22,7 @@ import { S as SHADOW_ROOT_ELEMENT_SCROLLING, m as DROPDOWN_ITEM_CLICK } from './
 import { T as TranslationSlimmer } from './translation-slimmer-f28e4708.js';
 import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-b59a578e.js';
 import { C as ComponentGlobalStyleSlimmer } from './component-global-style-slimmer-dad40b64.js';
-import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-1e9af9ec.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-53eec5fb.js';
 import './breakpoints-d9faf11c.js';
 import './ui-8424715a.js';
 import './regex-dfe11abf.js';
@@ -38,7 +38,7 @@ import './dark-mode-style-controller-ea798fc8.js';
 import './_commonjsHelpers-9943807e.js';
 import './internal-vega-event-manager-d80c53c5.js';
 import './number-4398f2e1.js';
-import './responsive-format-facade-60731164.js';
+import './responsive-format-facade-d2632288.js';
 import './pixel-f32c07ce.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-51659753.js';
@@ -46,8 +46,8 @@ import './index-e9da316f.js';
 import './icon-manager-2ee1c619.js';
 import './wait-for-vega-handler-c2c07ac3.js';
 import './translation-a6eacb5f.js';
-import './content-state-953906e8.js';
-import './code-block-73869a3c.js';
+import './content-state-a43e703e.js';
+import './code-block-7bd4cb87.js';
 
 var __decorate$t = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/esm/vega-env-manager-8f8dc473.js

@@ -9,9 +9,9 @@ var FrameworkEnum;
 /** The VegaEnvManager class manages vega environment parameters. */
 class VegaEnvManager {
   constructor() {
-    // The `2.57.0` will be replaced to a version string when running publish script.
+    // The `2.57.1` will be replaced to a version string when running publish script.
     // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-    this.vegaVersion = '2.57.0';
+    this.vegaVersion = '2.57.1';
     this.framework = FrameworkEnum.VanillaJs;
   }
   /**

package/dist/esm/vega-file-uploader.entry.js

@@ -11,7 +11,7 @@ import { t as trashCan } from './trash-can-8819a939.js';
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-b5cb9b81.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-ca83d6b6.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-707a6da2.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-f0982f11.js';
 import { F as FileUploaderRequiredRule } from './file-uploader-required-rule-ad886d01.js';
 import { T as TranslationSlimmer } from './translation-slimmer-f28e4708.js';
 import './icon-manager-2ee1c619.js';
@@ -21,7 +21,7 @@ import './dynamic-slimmer-90b8af32.js';
 import './internal-vega-event-manager-d80c53c5.js';
 import './try-get-document-bef0f526.js';
 import './string-be824360.js';
-import './vega-internal-event-id-f0ea2bab.js';
+import './vega-internal-event-id-4072659b.js';
 import './translation-a6eacb5f.js';
 import './page-resize-observer-slimmer-0bf7fbf3.js';
 import './ui-8424715a.js';
@@ -31,7 +31,7 @@ import './mutation-observer-slimmer-58ebc13c.js';
 import './mutation-observer-filters-1a054fb0.js';
 import './array-7888f339.js';
 import './number-4398f2e1.js';
-import './sub-state-observer-slimmer-1e9af9ec.js';
+import './sub-state-observer-slimmer-53eec5fb.js';
 import './required-field-rule-ab4bdc47.js';
 
 var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/esm/vega-flag-icon.entry.js

@@ -4,7 +4,7 @@ import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod,
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-7eac52c8.js';
 import { V as VegaIconManager } from './icon-manager-2ee1c619.js';
-import { f as formatAndValidResponsiveToken } from './design-token-28a0a2e6.js';
+import { f as formatAndValidResponsiveToken } from './design-token-23522f5c.js';
 import { h as FLAG_ICON_LOADED } from './static-subject-title-ca83d6b6.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
@@ -15,7 +15,7 @@ import './breakpoints-d9faf11c.js';
 import './ui-8424715a.js';
 import './regex-dfe11abf.js';
 import './typography-396de03f.js';
-import './responsive-format-facade-60731164.js';
+import './responsive-format-facade-d2632288.js';
 import './page-resize-observer-slimmer-0bf7fbf3.js';
 import './try-get-document-bef0f526.js';
 import './number-4398f2e1.js';
@@ -32,9 +32,9 @@ import './feature-flag-controller-51659753.js';
 import './index-e9da316f.js';
 import './wait-for-vega-handler-c2c07ac3.js';
 import './translation-a6eacb5f.js';
-import './content-state-953906e8.js';
-import './code-block-73869a3c.js';
-import './vega-internal-event-id-f0ea2bab.js';
+import './content-state-a43e703e.js';
+import './code-block-7bd4cb87.js';
+import './vega-internal-event-id-4072659b.js';
 import './state-background-color-formatter-da5e76e8.js';
 
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/esm/vega-flex.entry.js

@@ -1,12 +1,12 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-d0a47531.js';
 import { F as FeatureFlag } from './feature-flag-controller-51659753.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { f as formatAndValidResponsiveToken, l as formatAndValidFlexBreakpoint } from './design-token-28a0a2e6.js';
+import { f as formatAndValidResponsiveToken, l as formatAndValidFlexBreakpoint } from './design-token-23522f5c.js';
 import { a as arrayToClassString } from './ui-7d177fb0.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-0bf7fbf3.js';
-import { f as formatFlexStyles } from './style-formatter-57fc600a.js';
+import { f as formatFlexStyles } from './style-formatter-f7951677.js';
 import './index-e9da316f.js';
 import './_commonjsHelpers-9943807e.js';
 import './type-guard-84b1f192.js';
@@ -14,7 +14,7 @@ import './breakpoints-d9faf11c.js';
 import './ui-8424715a.js';
 import './regex-dfe11abf.js';
 import './typography-396de03f.js';
-import './responsive-format-facade-60731164.js';
+import './responsive-format-facade-d2632288.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
@@ -31,9 +31,9 @@ import './dom-node-subject-factory-6374611f.js';
 import './icon-manager-2ee1c619.js';
 import './wait-for-vega-handler-c2c07ac3.js';
 import './translation-a6eacb5f.js';
-import './content-state-953906e8.js';
-import './code-block-73869a3c.js';
-import './vega-internal-event-id-f0ea2bab.js';
+import './content-state-a43e703e.js';
+import './code-block-7bd4cb87.js';
+import './vega-internal-event-id-4072659b.js';
 import './state-background-color-formatter-da5e76e8.js';
 import './try-get-document-bef0f526.js';
 

package/dist/esm/vega-font.entry.js

@@ -5,9 +5,9 @@ import { s as slotPlaceholder } from './placeholder-bf562081.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
 import { P as PageResizeObserverSlimmer, g as getCurrentBreakpoint } from './page-resize-observer-slimmer-0bf7fbf3.js';
 import { C as ComponentLoadRequired } from './component-load-required-db42032a.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-60731164.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-d2632288.js';
 import { a as arrayToClassString } from './ui-7d177fb0.js';
-import { m as formatAndValidTypographyToken, i as formatAndValidTextColor, f as formatAndValidResponsiveToken } from './design-token-28a0a2e6.js';
+import { m as formatAndValidTypographyToken, i as formatAndValidTextColor, f as formatAndValidResponsiveToken } from './design-token-23522f5c.js';
 import './ui-8424715a.js';
 import './breakpoints-d9faf11c.js';
 import './try-get-document-bef0f526.js';
@@ -33,9 +33,9 @@ import './index-e9da316f.js';
 import './icon-manager-2ee1c619.js';
 import './wait-for-vega-handler-c2c07ac3.js';
 import './translation-a6eacb5f.js';
-import './content-state-953906e8.js';
-import './code-block-73869a3c.js';
-import './vega-internal-event-id-f0ea2bab.js';
+import './content-state-a43e703e.js';
+import './code-block-7bd4cb87.js';
+import './vega-internal-event-id-4072659b.js';
 import './state-background-color-formatter-da5e76e8.js';
 
 var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/esm/vega-form.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d0a47531.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-707a6da2.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-f0982f11.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { g as FORM_ELEMENT_VALIDATE, b as FORM_ELEMENT_VALUE_CHANGE, d as FORM_FIELD_ELEMENT_DISCONNECTED, c as FORM_FIELD_PENDING_VALID_CHANGE, e as FORM_RESET_OPERATION_TRIGGERED, F as FORM_SUBMIT, a as FORM_RESET } from './static-subject-title-ca83d6b6.js';
@@ -13,9 +13,9 @@ import { c as createEventEmitSlimmer } from './event-emit-slimmer-b5cb9b81.js';
 import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-b59a578e.js';
 import { w as VegaFormSubmit, x as VegaFormReset, y as VegaValidate, d as domNodeSubjectFactory } from './dom-node-subject-factory-6374611f.js';
 import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-eeed5986.js';
-import { d as VegaInternalValid } from './vega-internal-event-id-f0ea2bab.js';
-import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-1c4d1e78.js';
-import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-1e9af9ec.js';
+import { d as VegaInternalValid } from './vega-internal-event-id-4072659b.js';
+import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-0a6c3cbb.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-53eec5fb.js';
 import './string-be824360.js';
 import './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
 import './dynamic-slimmer-90b8af32.js';

package/dist/esm/vega-grid.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-d0a47531.js';
-import { f as formatAndValidResponsiveToken } from './design-token-28a0a2e6.js';
+import { f as formatAndValidResponsiveToken } from './design-token-23522f5c.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { a as arrayToClassString } from './ui-7d177fb0.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
@@ -9,7 +9,7 @@ import './breakpoints-d9faf11c.js';
 import './ui-8424715a.js';
 import './regex-dfe11abf.js';
 import './typography-396de03f.js';
-import './responsive-format-facade-60731164.js';
+import './responsive-format-facade-d2632288.js';
 import './page-resize-observer-slimmer-0bf7fbf3.js';
 import './try-get-document-bef0f526.js';
 import './number-4398f2e1.js';
@@ -31,9 +31,9 @@ import './index-e9da316f.js';
 import './icon-manager-2ee1c619.js';
 import './wait-for-vega-handler-c2c07ac3.js';
 import './translation-a6eacb5f.js';
-import './content-state-953906e8.js';
-import './code-block-73869a3c.js';
-import './vega-internal-event-id-f0ea2bab.js';
+import './content-state-a43e703e.js';
+import './code-block-7bd4cb87.js';
+import './vega-internal-event-id-4072659b.js';
 import './state-background-color-formatter-da5e76e8.js';
 
 const vegaGridCss = ":host(.v-gap-0),.v-gap-0{gap:0px}:host(.v-gap-row-0),.v-gap-row-0{row-gap:0px}:host(.v-gap-col-0),.v-gap-col-0{column-gap:0px}:host(.v-gap-size-0),.v-gap-size-0{gap:0px}:host(.v-gap-row-size-0),.v-gap-row-size-0{row-gap:0px}:host(.v-gap-col-size-0),.v-gap-col-size-0{column-gap:0px}:host(.v-gap-size-4),.v-gap-size-4{gap:4px}:host(.v-gap-row-size-4),.v-gap-row-size-4{row-gap:4px}:host(.v-gap-col-size-4),.v-gap-col-size-4{column-gap:4px}:host(.v-gap-size-8),.v-gap-size-8{gap:8px}:host(.v-gap-row-size-8),.v-gap-row-size-8{row-gap:8px}:host(.v-gap-col-size-8),.v-gap-col-size-8{column-gap:8px}:host(.v-gap-size-12),.v-gap-size-12{gap:12px}:host(.v-gap-row-size-12),.v-gap-row-size-12{row-gap:12px}:host(.v-gap-col-size-12),.v-gap-col-size-12{column-gap:12px}:host(.v-gap-size-16),.v-gap-size-16{gap:16px}:host(.v-gap-row-size-16),.v-gap-row-size-16{row-gap:16px}:host(.v-gap-col-size-16),.v-gap-col-size-16{column-gap:16px}:host(.v-gap-size-20),.v-gap-size-20{gap:20px}:host(.v-gap-row-size-20),.v-gap-row-size-20{row-gap:20px}:host(.v-gap-col-size-20),.v-gap-col-size-20{column-gap:20px}:host(.v-gap-size-24),.v-gap-size-24{gap:24px}:host(.v-gap-row-size-24),.v-gap-row-size-24{row-gap:24px}:host(.v-gap-col-size-24),.v-gap-col-size-24{column-gap:24px}:host(.v-gap-size-32),.v-gap-size-32{gap:32px}:host(.v-gap-row-size-32),.v-gap-row-size-32{row-gap:32px}:host(.v-gap-col-size-32),.v-gap-col-size-32{column-gap:32px}:host(.v-gap-size-40),.v-gap-size-40{gap:40px}:host(.v-gap-row-size-40),.v-gap-row-size-40{row-gap:40px}:host(.v-gap-col-size-40),.v-gap-col-size-40{column-gap:40px}:host(.v-gap-size-48),.v-gap-size-48{gap:48px}:host(.v-gap-row-size-48),.v-gap-row-size-48{row-gap:48px}:host(.v-gap-col-size-48),.v-gap-col-size-48{column-gap:48px}:host(.v-gap-size-64),.v-gap-size-64{gap:64px}:host(.v-gap-row-size-64),.v-gap-row-size-64{row-gap:64px}:host(.v-gap-col-size-64),.v-gap-col-size-64{column-gap:64px}:host(.v-gap-size-72),.v-gap-size-72{gap:72px}:host(.v-gap-row-size-72),.v-gap-row-size-72{row-gap:72px}:host(.v-gap-col-size-72),.v-gap-col-size-72{column-gap:72px}:host(.v-gap-size-80),.v-gap-size-80{gap:80px}:host(.v-gap-row-size-80),.v-gap-row-size-80{row-gap:80px}:host(.v-gap-col-size-80),.v-gap-col-size-80{column-gap:80px}:host(.v-gap-size-112),.v-gap-size-112{gap:112px}:host(.v-gap-row-size-112),.v-gap-row-size-112{row-gap:112px}:host(.v-gap-col-size-112),.v-gap-col-size-112{column-gap:112px}:host(.v-gap-size-2),.v-gap-size-2{gap:2px}:host(.v-gap-row-size-2),.v-gap-row-size-2{row-gap:2px}:host(.v-gap-col-size-2),.v-gap-col-size-2{column-gap:2px}@media (min-width: 320px){:host(.S\\:v-gap-0),.S\\:v-gap-0{gap:0px}:host(.S\\:v-gap-row-0),.S\\:v-gap-row-0{row-gap:0px}:host(.S\\:v-gap-col-0),.S\\:v-gap-col-0{column-gap:0px}:host(.S\\:v-gap-size-0),.S\\:v-gap-size-0{gap:0px}:host(.S\\:v-gap-row-size-0),.S\\:v-gap-row-size-0{row-gap:0px}:host(.S\\:v-gap-col-size-0),.S\\:v-gap-col-size-0{column-gap:0px}:host(.S\\:v-gap-size-4),.S\\:v-gap-size-4{gap:4px}:host(.S\\:v-gap-row-size-4),.S\\:v-gap-row-size-4{row-gap:4px}:host(.S\\:v-gap-col-size-4),.S\\:v-gap-col-size-4{column-gap:4px}:host(.S\\:v-gap-size-8),.S\\:v-gap-size-8{gap:8px}:host(.S\\:v-gap-row-size-8),.S\\:v-gap-row-size-8{row-gap:8px}:host(.S\\:v-gap-col-size-8),.S\\:v-gap-col-size-8{column-gap:8px}:host(.S\\:v-gap-size-12),.S\\:v-gap-size-12{gap:12px}:host(.S\\:v-gap-row-size-12),.S\\:v-gap-row-size-12{row-gap:12px}:host(.S\\:v-gap-col-size-12),.S\\:v-gap-col-size-12{column-gap:12px}:host(.S\\:v-gap-size-16),.S\\:v-gap-size-16{gap:16px}:host(.S\\:v-gap-row-size-16),.S\\:v-gap-row-size-16{row-gap:16px}:host(.S\\:v-gap-col-size-16),.S\\:v-gap-col-size-16{column-gap:16px}:host(.S\\:v-gap-size-20),.S\\:v-gap-size-20{gap:20px}:host(.S\\:v-gap-row-size-20),.S\\:v-gap-row-size-20{row-gap:20px}:host(.S\\:v-gap-col-size-20),.S\\:v-gap-col-size-20{column-gap:20px}:host(.S\\:v-gap-size-24),.S\\:v-gap-size-24{gap:24px}:host(.S\\:v-gap-row-size-24),.S\\:v-gap-row-size-24{row-gap:24px}:host(.S\\:v-gap-col-size-24),.S\\:v-gap-col-size-24{column-gap:24px}:host(.S\\:v-gap-size-32),.S\\:v-gap-size-32{gap:32px}:host(.S\\:v-gap-row-size-32),.S\\:v-gap-row-size-32{row-gap:32px}:host(.S\\:v-gap-col-size-32),.S\\:v-gap-col-size-32{column-gap:32px}:host(.S\\:v-gap-size-40),.S\\:v-gap-size-40{gap:40px}:host(.S\\:v-gap-row-size-40),.S\\:v-gap-row-size-40{row-gap:40px}:host(.S\\:v-gap-col-size-40),.S\\:v-gap-col-size-40{column-gap:40px}:host(.S\\:v-gap-size-48),.S\\:v-gap-size-48{gap:48px}:host(.S\\:v-gap-row-size-48),.S\\:v-gap-row-size-48{row-gap:48px}:host(.S\\:v-gap-col-size-48),.S\\:v-gap-col-size-48{column-gap:48px}:host(.S\\:v-gap-size-64),.S\\:v-gap-size-64{gap:64px}:host(.S\\:v-gap-row-size-64),.S\\:v-gap-row-size-64{row-gap:64px}:host(.S\\:v-gap-col-size-64),.S\\:v-gap-col-size-64{column-gap:64px}:host(.S\\:v-gap-size-72),.S\\:v-gap-size-72{gap:72px}:host(.S\\:v-gap-row-size-72),.S\\:v-gap-row-size-72{row-gap:72px}:host(.S\\:v-gap-col-size-72),.S\\:v-gap-col-size-72{column-gap:72px}:host(.S\\:v-gap-size-80),.S\\:v-gap-size-80{gap:80px}:host(.S\\:v-gap-row-size-80),.S\\:v-gap-row-size-80{row-gap:80px}:host(.S\\:v-gap-col-size-80),.S\\:v-gap-col-size-80{column-gap:80px}:host(.S\\:v-gap-size-112),.S\\:v-gap-size-112{gap:112px}:host(.S\\:v-gap-row-size-112),.S\\:v-gap-row-size-112{row-gap:112px}:host(.S\\:v-gap-col-size-112),.S\\:v-gap-col-size-112{column-gap:112px}:host(.S\\:v-gap-size-2),.S\\:v-gap-size-2{gap:2px}:host(.S\\:v-gap-row-size-2),.S\\:v-gap-row-size-2{row-gap:2px}:host(.S\\:v-gap-col-size-2),.S\\:v-gap-col-size-2{column-gap:2px}}@media (min-width: 768px){:host(.M\\:v-gap-0),.M\\:v-gap-0{gap:0px}:host(.M\\:v-gap-row-0),.M\\:v-gap-row-0{row-gap:0px}:host(.M\\:v-gap-col-0),.M\\:v-gap-col-0{column-gap:0px}:host(.M\\:v-gap-size-0),.M\\:v-gap-size-0{gap:0px}:host(.M\\:v-gap-row-size-0),.M\\:v-gap-row-size-0{row-gap:0px}:host(.M\\:v-gap-col-size-0),.M\\:v-gap-col-size-0{column-gap:0px}:host(.M\\:v-gap-size-4),.M\\:v-gap-size-4{gap:4px}:host(.M\\:v-gap-row-size-4),.M\\:v-gap-row-size-4{row-gap:4px}:host(.M\\:v-gap-col-size-4),.M\\:v-gap-col-size-4{column-gap:4px}:host(.M\\:v-gap-size-8),.M\\:v-gap-size-8{gap:8px}:host(.M\\:v-gap-row-size-8),.M\\:v-gap-row-size-8{row-gap:8px}:host(.M\\:v-gap-col-size-8),.M\\:v-gap-col-size-8{column-gap:8px}:host(.M\\:v-gap-size-12),.M\\:v-gap-size-12{gap:12px}:host(.M\\:v-gap-row-size-12),.M\\:v-gap-row-size-12{row-gap:12px}:host(.M\\:v-gap-col-size-12),.M\\:v-gap-col-size-12{column-gap:12px}:host(.M\\:v-gap-size-16),.M\\:v-gap-size-16{gap:16px}:host(.M\\:v-gap-row-size-16),.M\\:v-gap-row-size-16{row-gap:16px}:host(.M\\:v-gap-col-size-16),.M\\:v-gap-col-size-16{column-gap:16px}:host(.M\\:v-gap-size-20),.M\\:v-gap-size-20{gap:20px}:host(.M\\:v-gap-row-size-20),.M\\:v-gap-row-size-20{row-gap:20px}:host(.M\\:v-gap-col-size-20),.M\\:v-gap-col-size-20{column-gap:20px}:host(.M\\:v-gap-size-24),.M\\:v-gap-size-24{gap:24px}:host(.M\\:v-gap-row-size-24),.M\\:v-gap-row-size-24{row-gap:24px}:host(.M\\:v-gap-col-size-24),.M\\:v-gap-col-size-24{column-gap:24px}:host(.M\\:v-gap-size-32),.M\\:v-gap-size-32{gap:32px}:host(.M\\:v-gap-row-size-32),.M\\:v-gap-row-size-32{row-gap:32px}:host(.M\\:v-gap-col-size-32),.M\\:v-gap-col-size-32{column-gap:32px}:host(.M\\:v-gap-size-40),.M\\:v-gap-size-40{gap:40px}:host(.M\\:v-gap-row-size-40),.M\\:v-gap-row-size-40{row-gap:40px}:host(.M\\:v-gap-col-size-40),.M\\:v-gap-col-size-40{column-gap:40px}:host(.M\\:v-gap-size-48),.M\\:v-gap-size-48{gap:48px}:host(.M\\:v-gap-row-size-48),.M\\:v-gap-row-size-48{row-gap:48px}:host(.M\\:v-gap-col-size-48),.M\\:v-gap-col-size-48{column-gap:48px}:host(.M\\:v-gap-size-64),.M\\:v-gap-size-64{gap:64px}:host(.M\\:v-gap-row-size-64),.M\\:v-gap-row-size-64{row-gap:64px}:host(.M\\:v-gap-col-size-64),.M\\:v-gap-col-size-64{column-gap:64px}:host(.M\\:v-gap-size-72),.M\\:v-gap-size-72{gap:72px}:host(.M\\:v-gap-row-size-72),.M\\:v-gap-row-size-72{row-gap:72px}:host(.M\\:v-gap-col-size-72),.M\\:v-gap-col-size-72{column-gap:72px}:host(.M\\:v-gap-size-80),.M\\:v-gap-size-80{gap:80px}:host(.M\\:v-gap-row-size-80),.M\\:v-gap-row-size-80{row-gap:80px}:host(.M\\:v-gap-col-size-80),.M\\:v-gap-col-size-80{column-gap:80px}:host(.M\\:v-gap-size-112),.M\\:v-gap-size-112{gap:112px}:host(.M\\:v-gap-row-size-112),.M\\:v-gap-row-size-112{row-gap:112px}:host(.M\\:v-gap-col-size-112),.M\\:v-gap-col-size-112{column-gap:112px}:host(.M\\:v-gap-size-2),.M\\:v-gap-size-2{gap:2px}:host(.M\\:v-gap-row-size-2),.M\\:v-gap-row-size-2{row-gap:2px}:host(.M\\:v-gap-col-size-2),.M\\:v-gap-col-size-2{column-gap:2px}}@media (min-width: 1024px){:host(.L\\:v-gap-0),.L\\:v-gap-0{gap:0px}:host(.L\\:v-gap-row-0),.L\\:v-gap-row-0{row-gap:0px}:host(.L\\:v-gap-col-0),.L\\:v-gap-col-0{column-gap:0px}:host(.L\\:v-gap-size-0),.L\\:v-gap-size-0{gap:0px}:host(.L\\:v-gap-row-size-0),.L\\:v-gap-row-size-0{row-gap:0px}:host(.L\\:v-gap-col-size-0),.L\\:v-gap-col-size-0{column-gap:0px}:host(.L\\:v-gap-size-4),.L\\:v-gap-size-4{gap:4px}:host(.L\\:v-gap-row-size-4),.L\\:v-gap-row-size-4{row-gap:4px}:host(.L\\:v-gap-col-size-4),.L\\:v-gap-col-size-4{column-gap:4px}:host(.L\\:v-gap-size-8),.L\\:v-gap-size-8{gap:8px}:host(.L\\:v-gap-row-size-8),.L\\:v-gap-row-size-8{row-gap:8px}:host(.L\\:v-gap-col-size-8),.L\\:v-gap-col-size-8{column-gap:8px}:host(.L\\:v-gap-size-12),.L\\:v-gap-size-12{gap:12px}:host(.L\\:v-gap-row-size-12),.L\\:v-gap-row-size-12{row-gap:12px}:host(.L\\:v-gap-col-size-12),.L\\:v-gap-col-size-12{column-gap:12px}:host(.L\\:v-gap-size-16),.L\\:v-gap-size-16{gap:16px}:host(.L\\:v-gap-row-size-16),.L\\:v-gap-row-size-16{row-gap:16px}:host(.L\\:v-gap-col-size-16),.L\\:v-gap-col-size-16{column-gap:16px}:host(.L\\:v-gap-size-20),.L\\:v-gap-size-20{gap:20px}:host(.L\\:v-gap-row-size-20),.L\\:v-gap-row-size-20{row-gap:20px}:host(.L\\:v-gap-col-size-20),.L\\:v-gap-col-size-20{column-gap:20px}:host(.L\\:v-gap-size-24),.L\\:v-gap-size-24{gap:24px}:host(.L\\:v-gap-row-size-24),.L\\:v-gap-row-size-24{row-gap:24px}:host(.L\\:v-gap-col-size-24),.L\\:v-gap-col-size-24{column-gap:24px}:host(.L\\:v-gap-size-32),.L\\:v-gap-size-32{gap:32px}:host(.L\\:v-gap-row-size-32),.L\\:v-gap-row-size-32{row-gap:32px}:host(.L\\:v-gap-col-size-32),.L\\:v-gap-col-size-32{column-gap:32px}:host(.L\\:v-gap-size-40),.L\\:v-gap-size-40{gap:40px}:host(.L\\:v-gap-row-size-40),.L\\:v-gap-row-size-40{row-gap:40px}:host(.L\\:v-gap-col-size-40),.L\\:v-gap-col-size-40{column-gap:40px}:host(.L\\:v-gap-size-48),.L\\:v-gap-size-48{gap:48px}:host(.L\\:v-gap-row-size-48),.L\\:v-gap-row-size-48{row-gap:48px}:host(.L\\:v-gap-col-size-48),.L\\:v-gap-col-size-48{column-gap:48px}:host(.L\\:v-gap-size-64),.L\\:v-gap-size-64{gap:64px}:host(.L\\:v-gap-row-size-64),.L\\:v-gap-row-size-64{row-gap:64px}:host(.L\\:v-gap-col-size-64),.L\\:v-gap-col-size-64{column-gap:64px}:host(.L\\:v-gap-size-72),.L\\:v-gap-size-72{gap:72px}:host(.L\\:v-gap-row-size-72),.L\\:v-gap-row-size-72{row-gap:72px}:host(.L\\:v-gap-col-size-72),.L\\:v-gap-col-size-72{column-gap:72px}:host(.L\\:v-gap-size-80),.L\\:v-gap-size-80{gap:80px}:host(.L\\:v-gap-row-size-80),.L\\:v-gap-row-size-80{row-gap:80px}:host(.L\\:v-gap-col-size-80),.L\\:v-gap-col-size-80{column-gap:80px}:host(.L\\:v-gap-size-112),.L\\:v-gap-size-112{gap:112px}:host(.L\\:v-gap-row-size-112),.L\\:v-gap-row-size-112{row-gap:112px}:host(.L\\:v-gap-col-size-112),.L\\:v-gap-col-size-112{column-gap:112px}:host(.L\\:v-gap-size-2),.L\\:v-gap-size-2{gap:2px}:host(.L\\:v-gap-row-size-2),.L\\:v-gap-row-size-2{row-gap:2px}:host(.L\\:v-gap-col-size-2),.L\\:v-gap-col-size-2{column-gap:2px}}@media (min-width: 1440px){:host(.XL\\:v-gap-0),.XL\\:v-gap-0{gap:0px}:host(.XL\\:v-gap-row-0),.XL\\:v-gap-row-0{row-gap:0px}:host(.XL\\:v-gap-col-0),.XL\\:v-gap-col-0{column-gap:0px}:host(.XL\\:v-gap-size-0),.XL\\:v-gap-size-0{gap:0px}:host(.XL\\:v-gap-row-size-0),.XL\\:v-gap-row-size-0{row-gap:0px}:host(.XL\\:v-gap-col-size-0),.XL\\:v-gap-col-size-0{column-gap:0px}:host(.XL\\:v-gap-size-4),.XL\\:v-gap-size-4{gap:4px}:host(.XL\\:v-gap-row-size-4),.XL\\:v-gap-row-size-4{row-gap:4px}:host(.XL\\:v-gap-col-size-4),.XL\\:v-gap-col-size-4{column-gap:4px}:host(.XL\\:v-gap-size-8),.XL\\:v-gap-size-8{gap:8px}:host(.XL\\:v-gap-row-size-8),.XL\\:v-gap-row-size-8{row-gap:8px}:host(.XL\\:v-gap-col-size-8),.XL\\:v-gap-col-size-8{column-gap:8px}:host(.XL\\:v-gap-size-12),.XL\\:v-gap-size-12{gap:12px}:host(.XL\\:v-gap-row-size-12),.XL\\:v-gap-row-size-12{row-gap:12px}:host(.XL\\:v-gap-col-size-12),.XL\\:v-gap-col-size-12{column-gap:12px}:host(.XL\\:v-gap-size-16),.XL\\:v-gap-size-16{gap:16px}:host(.XL\\:v-gap-row-size-16),.XL\\:v-gap-row-size-16{row-gap:16px}:host(.XL\\:v-gap-col-size-16),.XL\\:v-gap-col-size-16{column-gap:16px}:host(.XL\\:v-gap-size-20),.XL\\:v-gap-size-20{gap:20px}:host(.XL\\:v-gap-row-size-20),.XL\\:v-gap-row-size-20{row-gap:20px}:host(.XL\\:v-gap-col-size-20),.XL\\:v-gap-col-size-20{column-gap:20px}:host(.XL\\:v-gap-size-24),.XL\\:v-gap-size-24{gap:24px}:host(.XL\\:v-gap-row-size-24),.XL\\:v-gap-row-size-24{row-gap:24px}:host(.XL\\:v-gap-col-size-24),.XL\\:v-gap-col-size-24{column-gap:24px}:host(.XL\\:v-gap-size-32),.XL\\:v-gap-size-32{gap:32px}:host(.XL\\:v-gap-row-size-32),.XL\\:v-gap-row-size-32{row-gap:32px}:host(.XL\\:v-gap-col-size-32),.XL\\:v-gap-col-size-32{column-gap:32px}:host(.XL\\:v-gap-size-40),.XL\\:v-gap-size-40{gap:40px}:host(.XL\\:v-gap-row-size-40),.XL\\:v-gap-row-size-40{row-gap:40px}:host(.XL\\:v-gap-col-size-40),.XL\\:v-gap-col-size-40{column-gap:40px}:host(.XL\\:v-gap-size-48),.XL\\:v-gap-size-48{gap:48px}:host(.XL\\:v-gap-row-size-48),.XL\\:v-gap-row-size-48{row-gap:48px}:host(.XL\\:v-gap-col-size-48),.XL\\:v-gap-col-size-48{column-gap:48px}:host(.XL\\:v-gap-size-64),.XL\\:v-gap-size-64{gap:64px}:host(.XL\\:v-gap-row-size-64),.XL\\:v-gap-row-size-64{row-gap:64px}:host(.XL\\:v-gap-col-size-64),.XL\\:v-gap-col-size-64{column-gap:64px}:host(.XL\\:v-gap-size-72),.XL\\:v-gap-size-72{gap:72px}:host(.XL\\:v-gap-row-size-72),.XL\\:v-gap-row-size-72{row-gap:72px}:host(.XL\\:v-gap-col-size-72),.XL\\:v-gap-col-size-72{column-gap:72px}:host(.XL\\:v-gap-size-80),.XL\\:v-gap-size-80{gap:80px}:host(.XL\\:v-gap-row-size-80),.XL\\:v-gap-row-size-80{row-gap:80px}:host(.XL\\:v-gap-col-size-80),.XL\\:v-gap-col-size-80{column-gap:80px}:host(.XL\\:v-gap-size-112),.XL\\:v-gap-size-112{gap:112px}:host(.XL\\:v-gap-row-size-112),.XL\\:v-gap-row-size-112{row-gap:112px}:host(.XL\\:v-gap-col-size-112),.XL\\:v-gap-col-size-112{column-gap:112px}:host(.XL\\:v-gap-size-2),.XL\\:v-gap-size-2{gap:2px}:host(.XL\\:v-gap-row-size-2),.XL\\:v-gap-row-size-2{row-gap:2px}:host(.XL\\:v-gap-col-size-2),.XL\\:v-gap-col-size-2{column-gap:2px}}:host{display:grid}:host(.v-grid-rows-1){grid-template-rows:repeat(1, minmax(0, 1fr))}:host(.v-grid-rows-2){grid-template-rows:repeat(2, minmax(0, 1fr))}:host(.v-grid-rows-3){grid-template-rows:repeat(3, minmax(0, 1fr))}:host(.v-grid-rows-4){grid-template-rows:repeat(4, minmax(0, 1fr))}:host(.v-grid-rows-5){grid-template-rows:repeat(5, minmax(0, 1fr))}:host(.v-grid-rows-6){grid-template-rows:repeat(6, minmax(0, 1fr))}:host(.v-grid-rows-7){grid-template-rows:repeat(7, minmax(0, 1fr))}:host(.v-grid-rows-8){grid-template-rows:repeat(8, minmax(0, 1fr))}:host(.v-grid-rows-9){grid-template-rows:repeat(9, minmax(0, 1fr))}:host(.v-grid-rows-10){grid-template-rows:repeat(10, minmax(0, 1fr))}:host(.v-grid-rows-11){grid-template-rows:repeat(11, minmax(0, 1fr))}:host(.v-grid-rows-12){grid-template-rows:repeat(12, minmax(0, 1fr))}:host(.v-grid-rows-1-auto){grid-template-rows:repeat(1, auto)}:host(.v-grid-rows-2-auto){grid-template-rows:repeat(2, auto)}:host(.v-grid-rows-3-auto){grid-template-rows:repeat(3, auto)}:host(.v-grid-rows-4-auto){grid-template-rows:repeat(4, auto)}:host(.v-grid-rows-5-auto){grid-template-rows:repeat(5, auto)}:host(.v-grid-rows-6-auto){grid-template-rows:repeat(6, auto)}:host(.v-grid-rows-7-auto){grid-template-rows:repeat(7, auto)}:host(.v-grid-rows-8-auto){grid-template-rows:repeat(8, auto)}:host(.v-grid-rows-9-auto){grid-template-rows:repeat(9, auto)}:host(.v-grid-rows-10-auto){grid-template-rows:repeat(1, auto)}:host(.v-grid-rows-11-auto){grid-template-rows:repeat(1, auto)}:host(.v-grid-rows-12-auto){grid-template-rows:repeat(1, auto)}:host(.v-grid-cols-1){grid-template-columns:repeat(1, minmax(0, 1fr))}:host(.v-grid-cols-2){grid-template-columns:repeat(2, minmax(0, 1fr))}:host(.v-grid-cols-3){grid-template-columns:repeat(3, minmax(0, 1fr))}:host(.v-grid-cols-4){grid-template-columns:repeat(4, minmax(0, 1fr))}:host(.v-grid-cols-5){grid-template-columns:repeat(5, minmax(0, 1fr))}:host(.v-grid-cols-6){grid-template-columns:repeat(6, minmax(0, 1fr))}:host(.v-grid-cols-7){grid-template-columns:repeat(7, minmax(0, 1fr))}:host(.v-grid-cols-8){grid-template-columns:repeat(8, minmax(0, 1fr))}:host(.v-grid-cols-9){grid-template-columns:repeat(9, minmax(0, 1fr))}:host(.v-grid-cols-10){grid-template-columns:repeat(10, minmax(0, 1fr))}:host(.v-grid-cols-11){grid-template-columns:repeat(11, minmax(0, 1fr))}:host(.v-grid-cols-12){grid-template-columns:repeat(12, minmax(0, 1fr))}:host(.v-grid-cols-1-auto){grid-template-columns:repeat(1, auto)}:host(.v-grid-cols-2-auto){grid-template-columns:repeat(2, auto)}:host(.v-grid-cols-3-auto){grid-template-columns:repeat(3, auto)}:host(.v-grid-cols-4-auto){grid-template-columns:repeat(4, auto)}:host(.v-grid-cols-5-auto){grid-template-columns:repeat(5, auto)}:host(.v-grid-cols-6-auto){grid-template-columns:repeat(6, auto)}:host(.v-grid-cols-7-auto){grid-template-columns:repeat(7, auto)}:host(.v-grid-cols-8-auto){grid-template-columns:repeat(8, auto)}:host(.v-grid-cols-9-auto){grid-template-columns:repeat(9, auto)}:host(.v-grid-cols-10-auto){grid-template-columns:repeat(1, auto)}:host(.v-grid-cols-11-auto){grid-template-columns:repeat(1, auto)}:host(.v-grid-cols-12-auto){grid-template-columns:repeat(1, auto)}@media (min-width: 320px){:host(.S\\:v-grid-rows-1){grid-template-rows:repeat(1, minmax(0, 1fr))}:host(.S\\:v-grid-rows-2){grid-template-rows:repeat(2, minmax(0, 1fr))}:host(.S\\:v-grid-rows-3){grid-template-rows:repeat(3, minmax(0, 1fr))}:host(.S\\:v-grid-rows-4){grid-template-rows:repeat(4, minmax(0, 1fr))}:host(.S\\:v-grid-rows-5){grid-template-rows:repeat(5, minmax(0, 1fr))}:host(.S\\:v-grid-rows-6){grid-template-rows:repeat(6, minmax(0, 1fr))}:host(.S\\:v-grid-rows-7){grid-template-rows:repeat(7, minmax(0, 1fr))}:host(.S\\:v-grid-rows-8){grid-template-rows:repeat(8, minmax(0, 1fr))}:host(.S\\:v-grid-rows-9){grid-template-rows:repeat(9, minmax(0, 1fr))}:host(.S\\:v-grid-rows-10){grid-template-rows:repeat(10, minmax(0, 1fr))}:host(.S\\:v-grid-rows-11){grid-template-rows:repeat(11, minmax(0, 1fr))}:host(.S\\:v-grid-rows-12){grid-template-rows:repeat(12, minmax(0, 1fr))}:host(.S\\:v-grid-rows-1-auto){grid-template-rows:repeat(1, auto)}:host(.S\\:v-grid-rows-2-auto){grid-template-rows:repeat(2, auto)}:host(.S\\:v-grid-rows-3-auto){grid-template-rows:repeat(3, auto)}:host(.S\\:v-grid-rows-4-auto){grid-template-rows:repeat(4, auto)}:host(.S\\:v-grid-rows-5-auto){grid-template-rows:repeat(5, auto)}:host(.S\\:v-grid-rows-6-auto){grid-template-rows:repeat(6, auto)}:host(.S\\:v-grid-rows-7-auto){grid-template-rows:repeat(7, auto)}:host(.S\\:v-grid-rows-8-auto){grid-template-rows:repeat(8, auto)}:host(.S\\:v-grid-rows-9-auto){grid-template-rows:repeat(9, auto)}:host(.S\\:v-grid-rows-10-auto){grid-template-rows:repeat(1, auto)}:host(.S\\:v-grid-rows-11-auto){grid-template-rows:repeat(1, auto)}:host(.S\\:v-grid-rows-12-auto){grid-template-rows:repeat(1, auto)}}@media (min-width: 768px){:host(.M\\:v-grid-rows-1){grid-template-rows:repeat(1, minmax(0, 1fr))}:host(.M\\:v-grid-rows-2){grid-template-rows:repeat(2, minmax(0, 1fr))}:host(.M\\:v-grid-rows-3){grid-template-rows:repeat(3, minmax(0, 1fr))}:host(.M\\:v-grid-rows-4){grid-template-rows:repeat(4, minmax(0, 1fr))}:host(.M\\:v-grid-rows-5){grid-template-rows:repeat(5, minmax(0, 1fr))}:host(.M\\:v-grid-rows-6){grid-template-rows:repeat(6, minmax(0, 1fr))}:host(.M\\:v-grid-rows-7){grid-template-rows:repeat(7, minmax(0, 1fr))}:host(.M\\:v-grid-rows-8){grid-template-rows:repeat(8, minmax(0, 1fr))}:host(.M\\:v-grid-rows-9){grid-template-rows:repeat(9, minmax(0, 1fr))}:host(.M\\:v-grid-rows-10){grid-template-rows:repeat(10, minmax(0, 1fr))}:host(.M\\:v-grid-rows-11){grid-template-rows:repeat(11, minmax(0, 1fr))}:host(.M\\:v-grid-rows-12){grid-template-rows:repeat(12, minmax(0, 1fr))}:host(.M\\:v-grid-rows-1-auto){grid-template-rows:repeat(1, auto)}:host(.M\\:v-grid-rows-2-auto){grid-template-rows:repeat(2, auto)}:host(.M\\:v-grid-rows-3-auto){grid-template-rows:repeat(3, auto)}:host(.M\\:v-grid-rows-4-auto){grid-template-rows:repeat(4, auto)}:host(.M\\:v-grid-rows-5-auto){grid-template-rows:repeat(5, auto)}:host(.M\\:v-grid-rows-6-auto){grid-template-rows:repeat(6, auto)}:host(.M\\:v-grid-rows-7-auto){grid-template-rows:repeat(7, auto)}:host(.M\\:v-grid-rows-8-auto){grid-template-rows:repeat(8, auto)}:host(.M\\:v-grid-rows-9-auto){grid-template-rows:repeat(9, auto)}:host(.M\\:v-grid-rows-10-auto){grid-template-rows:repeat(1, auto)}:host(.M\\:v-grid-rows-11-auto){grid-template-rows:repeat(1, auto)}:host(.M\\:v-grid-rows-12-auto){grid-template-rows:repeat(1, auto)}}@media (min-width: 1024px){:host(.L\\:v-grid-rows-1){grid-template-rows:repeat(1, minmax(0, 1fr))}:host(.L\\:v-grid-rows-2){grid-template-rows:repeat(2, minmax(0, 1fr))}:host(.L\\:v-grid-rows-3){grid-template-rows:repeat(3, minmax(0, 1fr))}:host(.L\\:v-grid-rows-4){grid-template-rows:repeat(4, minmax(0, 1fr))}:host(.L\\:v-grid-rows-5){grid-template-rows:repeat(5, minmax(0, 1fr))}:host(.L\\:v-grid-rows-6){grid-template-rows:repeat(6, minmax(0, 1fr))}:host(.L\\:v-grid-rows-7){grid-template-rows:repeat(7, minmax(0, 1fr))}:host(.L\\:v-grid-rows-8){grid-template-rows:repeat(8, minmax(0, 1fr))}:host(.L\\:v-grid-rows-9){grid-template-rows:repeat(9, minmax(0, 1fr))}:host(.L\\:v-grid-rows-10){grid-template-rows:repeat(10, minmax(0, 1fr))}:host(.L\\:v-grid-rows-11){grid-template-rows:repeat(11, minmax(0, 1fr))}:host(.L\\:v-grid-rows-12){grid-template-rows:repeat(12, minmax(0, 1fr))}:host(.L\\:v-grid-rows-1-auto){grid-template-rows:repeat(1, auto)}:host(.L\\:v-grid-rows-2-auto){grid-template-rows:repeat(2, auto)}:host(.L\\:v-grid-rows-3-auto){grid-template-rows:repeat(3, auto)}:host(.L\\:v-grid-rows-4-auto){grid-template-rows:repeat(4, auto)}:host(.L\\:v-grid-rows-5-auto){grid-template-rows:repeat(5, auto)}:host(.L\\:v-grid-rows-6-auto){grid-template-rows:repeat(6, auto)}:host(.L\\:v-grid-rows-7-auto){grid-template-rows:repeat(7, auto)}:host(.L\\:v-grid-rows-8-auto){grid-template-rows:repeat(8, auto)}:host(.L\\:v-grid-rows-9-auto){grid-template-rows:repeat(9, auto)}:host(.L\\:v-grid-rows-10-auto){grid-template-rows:repeat(1, auto)}:host(.L\\:v-grid-rows-11-auto){grid-template-rows:repeat(1, auto)}:host(.L\\:v-grid-rows-12-auto){grid-template-rows:repeat(1, auto)}}@media (min-width: 1440px){:host(.XL\\:v-grid-rows-1){grid-template-rows:repeat(1, minmax(0, 1fr))}:host(.XL\\:v-grid-rows-2){grid-template-rows:repeat(2, minmax(0, 1fr))}:host(.XL\\:v-grid-rows-3){grid-template-rows:repeat(3, minmax(0, 1fr))}:host(.XL\\:v-grid-rows-4){grid-template-rows:repeat(4, minmax(0, 1fr))}:host(.XL\\:v-grid-rows-5){grid-template-rows:repeat(5, minmax(0, 1fr))}:host(.XL\\:v-grid-rows-6){grid-template-rows:repeat(6, minmax(0, 1fr))}:host(.XL\\:v-grid-rows-7){grid-template-rows:repeat(7, minmax(0, 1fr))}:host(.XL\\:v-grid-rows-8){grid-template-rows:repeat(8, minmax(0, 1fr))}:host(.XL\\:v-grid-rows-9){grid-template-rows:repeat(9, minmax(0, 1fr))}:host(.XL\\:v-grid-rows-10){grid-template-rows:repeat(10, minmax(0, 1fr))}:host(.XL\\:v-grid-rows-11){grid-template-rows:repeat(11, minmax(0, 1fr))}:host(.XL\\:v-grid-rows-12){grid-template-rows:repeat(12, minmax(0, 1fr))}:host(.XL\\:v-grid-rows-1-auto){grid-template-rows:repeat(1, auto)}:host(.XL\\:v-grid-rows-2-auto){grid-template-rows:repeat(2, auto)}:host(.XL\\:v-grid-rows-3-auto){grid-template-rows:repeat(3, auto)}:host(.XL\\:v-grid-rows-4-auto){grid-template-rows:repeat(4, auto)}:host(.XL\\:v-grid-rows-5-auto){grid-template-rows:repeat(5, auto)}:host(.XL\\:v-grid-rows-6-auto){grid-template-rows:repeat(6, auto)}:host(.XL\\:v-grid-rows-7-auto){grid-template-rows:repeat(7, auto)}:host(.XL\\:v-grid-rows-8-auto){grid-template-rows:repeat(8, auto)}:host(.XL\\:v-grid-rows-9-auto){grid-template-rows:repeat(9, auto)}:host(.XL\\:v-grid-rows-10-auto){grid-template-rows:repeat(1, auto)}:host(.XL\\:v-grid-rows-11-auto){grid-template-rows:repeat(1, auto)}:host(.XL\\:v-grid-rows-12-auto){grid-template-rows:repeat(1, auto)}}@media (min-width: 320px){:host(.S\\:v-grid-cols-1){grid-template-columns:repeat(1, minmax(0, 1fr))}:host(.S\\:v-grid-cols-2){grid-template-columns:repeat(2, minmax(0, 1fr))}:host(.S\\:v-grid-cols-3){grid-template-columns:repeat(3, minmax(0, 1fr))}:host(.S\\:v-grid-cols-4){grid-template-columns:repeat(4, minmax(0, 1fr))}:host(.S\\:v-grid-cols-5){grid-template-columns:repeat(5, minmax(0, 1fr))}:host(.S\\:v-grid-cols-6){grid-template-columns:repeat(6, minmax(0, 1fr))}:host(.S\\:v-grid-cols-7){grid-template-columns:repeat(7, minmax(0, 1fr))}:host(.S\\:v-grid-cols-8){grid-template-columns:repeat(8, minmax(0, 1fr))}:host(.S\\:v-grid-cols-9){grid-template-columns:repeat(9, minmax(0, 1fr))}:host(.S\\:v-grid-cols-10){grid-template-columns:repeat(10, minmax(0, 1fr))}:host(.S\\:v-grid-cols-11){grid-template-columns:repeat(11, minmax(0, 1fr))}:host(.S\\:v-grid-cols-12){grid-template-columns:repeat(12, minmax(0, 1fr))}:host(.S\\:v-grid-cols-1-auto){grid-template-columns:repeat(1, auto)}:host(.S\\:v-grid-cols-2-auto){grid-template-columns:repeat(2, auto)}:host(.S\\:v-grid-cols-3-auto){grid-template-columns:repeat(3, auto)}:host(.S\\:v-grid-cols-4-auto){grid-template-columns:repeat(4, auto)}:host(.S\\:v-grid-cols-5-auto){grid-template-columns:repeat(5, auto)}:host(.S\\:v-grid-cols-6-auto){grid-template-columns:repeat(6, auto)}:host(.S\\:v-grid-cols-7-auto){grid-template-columns:repeat(7, auto)}:host(.S\\:v-grid-cols-8-auto){grid-template-columns:repeat(8, auto)}:host(.S\\:v-grid-cols-9-auto){grid-template-columns:repeat(9, auto)}:host(.S\\:v-grid-cols-10-auto){grid-template-columns:repeat(1, auto)}:host(.S\\:v-grid-cols-11-auto){grid-template-columns:repeat(1, auto)}:host(.S\\:v-grid-cols-12-auto){grid-template-columns:repeat(1, auto)}}@media (min-width: 768px){:host(.M\\:v-grid-cols-1){grid-template-columns:repeat(1, minmax(0, 1fr))}:host(.M\\:v-grid-cols-2){grid-template-columns:repeat(2, minmax(0, 1fr))}:host(.M\\:v-grid-cols-3){grid-template-columns:repeat(3, minmax(0, 1fr))}:host(.M\\:v-grid-cols-4){grid-template-columns:repeat(4, minmax(0, 1fr))}:host(.M\\:v-grid-cols-5){grid-template-columns:repeat(5, minmax(0, 1fr))}:host(.M\\:v-grid-cols-6){grid-template-columns:repeat(6, minmax(0, 1fr))}:host(.M\\:v-grid-cols-7){grid-template-columns:repeat(7, minmax(0, 1fr))}:host(.M\\:v-grid-cols-8){grid-template-columns:repeat(8, minmax(0, 1fr))}:host(.M\\:v-grid-cols-9){grid-template-columns:repeat(9, minmax(0, 1fr))}:host(.M\\:v-grid-cols-10){grid-template-columns:repeat(10, minmax(0, 1fr))}:host(.M\\:v-grid-cols-11){grid-template-columns:repeat(11, minmax(0, 1fr))}:host(.M\\:v-grid-cols-12){grid-template-columns:repeat(12, minmax(0, 1fr))}:host(.M\\:v-grid-cols-1-auto){grid-template-columns:repeat(1, auto)}:host(.M\\:v-grid-cols-2-auto){grid-template-columns:repeat(2, auto)}:host(.M\\:v-grid-cols-3-auto){grid-template-columns:repeat(3, auto)}:host(.M\\:v-grid-cols-4-auto){grid-template-columns:repeat(4, auto)}:host(.M\\:v-grid-cols-5-auto){grid-template-columns:repeat(5, auto)}:host(.M\\:v-grid-cols-6-auto){grid-template-columns:repeat(6, auto)}:host(.M\\:v-grid-cols-7-auto){grid-template-columns:repeat(7, auto)}:host(.M\\:v-grid-cols-8-auto){grid-template-columns:repeat(8, auto)}:host(.M\\:v-grid-cols-9-auto){grid-template-columns:repeat(9, auto)}:host(.M\\:v-grid-cols-10-auto){grid-template-columns:repeat(1, auto)}:host(.M\\:v-grid-cols-11-auto){grid-template-columns:repeat(1, auto)}:host(.M\\:v-grid-cols-12-auto){grid-template-columns:repeat(1, auto)}}@media (min-width: 1024px){:host(.L\\:v-grid-cols-1){grid-template-columns:repeat(1, minmax(0, 1fr))}:host(.L\\:v-grid-cols-2){grid-template-columns:repeat(2, minmax(0, 1fr))}:host(.L\\:v-grid-cols-3){grid-template-columns:repeat(3, minmax(0, 1fr))}:host(.L\\:v-grid-cols-4){grid-template-columns:repeat(4, minmax(0, 1fr))}:host(.L\\:v-grid-cols-5){grid-template-columns:repeat(5, minmax(0, 1fr))}:host(.L\\:v-grid-cols-6){grid-template-columns:repeat(6, minmax(0, 1fr))}:host(.L\\:v-grid-cols-7){grid-template-columns:repeat(7, minmax(0, 1fr))}:host(.L\\:v-grid-cols-8){grid-template-columns:repeat(8, minmax(0, 1fr))}:host(.L\\:v-grid-cols-9){grid-template-columns:repeat(9, minmax(0, 1fr))}:host(.L\\:v-grid-cols-10){grid-template-columns:repeat(10, minmax(0, 1fr))}:host(.L\\:v-grid-cols-11){grid-template-columns:repeat(11, minmax(0, 1fr))}:host(.L\\:v-grid-cols-12){grid-template-columns:repeat(12, minmax(0, 1fr))}:host(.L\\:v-grid-cols-1-auto){grid-template-columns:repeat(1, auto)}:host(.L\\:v-grid-cols-2-auto){grid-template-columns:repeat(2, auto)}:host(.L\\:v-grid-cols-3-auto){grid-template-columns:repeat(3, auto)}:host(.L\\:v-grid-cols-4-auto){grid-template-columns:repeat(4, auto)}:host(.L\\:v-grid-cols-5-auto){grid-template-columns:repeat(5, auto)}:host(.L\\:v-grid-cols-6-auto){grid-template-columns:repeat(6, auto)}:host(.L\\:v-grid-cols-7-auto){grid-template-columns:repeat(7, auto)}:host(.L\\:v-grid-cols-8-auto){grid-template-columns:repeat(8, auto)}:host(.L\\:v-grid-cols-9-auto){grid-template-columns:repeat(9, auto)}:host(.L\\:v-grid-cols-10-auto){grid-template-columns:repeat(1, auto)}:host(.L\\:v-grid-cols-11-auto){grid-template-columns:repeat(1, auto)}:host(.L\\:v-grid-cols-12-auto){grid-template-columns:repeat(1, auto)}}@media (min-width: 1440px){:host(.XL\\:v-grid-cols-1){grid-template-columns:repeat(1, minmax(0, 1fr))}:host(.XL\\:v-grid-cols-2){grid-template-columns:repeat(2, minmax(0, 1fr))}:host(.XL\\:v-grid-cols-3){grid-template-columns:repeat(3, minmax(0, 1fr))}:host(.XL\\:v-grid-cols-4){grid-template-columns:repeat(4, minmax(0, 1fr))}:host(.XL\\:v-grid-cols-5){grid-template-columns:repeat(5, minmax(0, 1fr))}:host(.XL\\:v-grid-cols-6){grid-template-columns:repeat(6, minmax(0, 1fr))}:host(.XL\\:v-grid-cols-7){grid-template-columns:repeat(7, minmax(0, 1fr))}:host(.XL\\:v-grid-cols-8){grid-template-columns:repeat(8, minmax(0, 1fr))}:host(.XL\\:v-grid-cols-9){grid-template-columns:repeat(9, minmax(0, 1fr))}:host(.XL\\:v-grid-cols-10){grid-template-columns:repeat(10, minmax(0, 1fr))}:host(.XL\\:v-grid-cols-11){grid-template-columns:repeat(11, minmax(0, 1fr))}:host(.XL\\:v-grid-cols-12){grid-template-columns:repeat(12, minmax(0, 1fr))}:host(.XL\\:v-grid-cols-1-auto){grid-template-columns:repeat(1, auto)}:host(.XL\\:v-grid-cols-2-auto){grid-template-columns:repeat(2, auto)}:host(.XL\\:v-grid-cols-3-auto){grid-template-columns:repeat(3, auto)}:host(.XL\\:v-grid-cols-4-auto){grid-template-columns:repeat(4, auto)}:host(.XL\\:v-grid-cols-5-auto){grid-template-columns:repeat(5, auto)}:host(.XL\\:v-grid-cols-6-auto){grid-template-columns:repeat(6, auto)}:host(.XL\\:v-grid-cols-7-auto){grid-template-columns:repeat(7, auto)}:host(.XL\\:v-grid-cols-8-auto){grid-template-columns:repeat(8, auto)}:host(.XL\\:v-grid-cols-9-auto){grid-template-columns:repeat(9, auto)}:host(.XL\\:v-grid-cols-10-auto){grid-template-columns:repeat(1, auto)}:host(.XL\\:v-grid-cols-11-auto){grid-template-columns:repeat(1, auto)}:host(.XL\\:v-grid-cols-12-auto){grid-template-columns:repeat(1, auto)}}";

package/dist/esm/vega-icon.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-d0
 import { g as getIconFromToken, I as Icons } from './icons-8627925e.js';
 import { h as Spacing } from './type-guard-84b1f192.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { i as formatAndValidTextColor } from './design-token-28a0a2e6.js';
+import { i as formatAndValidTextColor } from './design-token-23522f5c.js';
 import { a as arrayToClassString } from './ui-7d177fb0.js';
 import { V as VegaIconManager } from './icon-manager-2ee1c619.js';
 import { L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
@@ -12,7 +12,7 @@ import './breakpoints-d9faf11c.js';
 import './ui-8424715a.js';
 import './regex-dfe11abf.js';
 import './typography-396de03f.js';
-import './responsive-format-facade-60731164.js';
+import './responsive-format-facade-d2632288.js';
 import './page-resize-observer-slimmer-0bf7fbf3.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
@@ -32,9 +32,9 @@ import './feature-flag-controller-51659753.js';
 import './index-e9da316f.js';
 import './wait-for-vega-handler-c2c07ac3.js';
 import './translation-a6eacb5f.js';
-import './content-state-953906e8.js';
-import './code-block-73869a3c.js';
-import './vega-internal-event-id-f0ea2bab.js';
+import './content-state-a43e703e.js';
+import './code-block-7bd4cb87.js';
+import './vega-internal-event-id-4072659b.js';
 import './state-background-color-formatter-da5e76e8.js';
 
 const vegaIconCss = ":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%}";

package/dist/esm/vega-image-uploader.entry.js

@@ -2,7 +2,7 @@ import { h, H as Host, r as registerInstance, c as createEvent, g as getElement
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-60731164.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-d2632288.js';
 import { m as methodPlaceholder } from './placeholder-bf562081.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-c345ca2e.js';
@@ -11,7 +11,7 @@ import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-ca83d6b6.
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { c as VegaDialog } from './vega-skeleton-loader-controller-3f6faa17.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-707a6da2.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-f0982f11.js';
 import { f as findParent, d as getDeepActiveElementInShadow } from './ui-7d177fb0.js';
 import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-b59a578e.js';
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-b5cb9b81.js';
@@ -38,15 +38,15 @@ import './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
 import './dynamic-slimmer-90b8af32.js';
 import './wait-for-vega-handler-c2c07ac3.js';
 import './translation-a6eacb5f.js';
-import './content-state-953906e8.js';
-import './code-block-73869a3c.js';
-import './vega-internal-event-id-f0ea2bab.js';
+import './content-state-a43e703e.js';
+import './code-block-7bd4cb87.js';
+import './vega-internal-event-id-4072659b.js';
 import './observer-3959f9dd.js';
 import './internal-vega-event-manager-d80c53c5.js';
 import './string-be824360.js';
 import './mutation-observer-slimmer-58ebc13c.js';
 import './mutation-observer-filters-1a054fb0.js';
-import './sub-state-observer-slimmer-1e9af9ec.js';
+import './sub-state-observer-slimmer-53eec5fb.js';
 
 var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/esm/vega-input-credit-card.entry.js

@@ -1,12 +1,11 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d0a47531.js';
-import { F as FeatureFlag } from './feature-flag-controller-51659753.js';
-import { V as VisaRegex, M as MasterCardRegex, A as AmexRegex, D as DiscoverRegex } from './regex-dfe11abf.js';
+import { C as CARDS_INFO } from './card-config-d2ad484e.js';
 import { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
 import { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-cc497bec.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-707a6da2.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-f0982f11.js';
 import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-ca83d6b6.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-b5cb9b81.js';
@@ -14,9 +13,8 @@ import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-c345ca2e.js';
 import { f as VegaChange, B as VegaBlur, A as VegaFocus } from './dom-node-subject-factory-6374611f.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-7eac52c8.js';
-import { h as VegaInternalPasteEvent } from './vega-internal-event-id-f0ea2bab.js';
-import './index-e9da316f.js';
-import './_commonjsHelpers-9943807e.js';
+import { F as FeatureFlag } from './feature-flag-controller-51659753.js';
+import './regex-dfe11abf.js';
 import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import './number-4398f2e1.js';
 import './string-be824360.js';
@@ -24,6 +22,7 @@ import './observer-3959f9dd.js';
 import './ui-7d177fb0.js';
 import './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
 import './dynamic-slimmer-90b8af32.js';
+import './vega-internal-event-id-4072659b.js';
 import './translation-a6eacb5f.js';
 import './page-resize-observer-slimmer-0bf7fbf3.js';
 import './ui-8424715a.js';
@@ -32,69 +31,12 @@ import './try-get-document-bef0f526.js';
 import './mutation-observer-slimmer-58ebc13c.js';
 import './mutation-observer-filters-1a054fb0.js';
 import './array-7888f339.js';
-import './sub-state-observer-slimmer-1e9af9ec.js';
+import './sub-state-observer-slimmer-53eec5fb.js';
 import './internal-vega-event-manager-d80c53c5.js';
 import './vega-env-manager-8f8dc473.js';
 import './icon-manager-2ee1c619.js';
-
-const CARDS_INFO = [
-  {
-    type: 'visa',
-    iconName: 'visa',
-    pattern: VisaRegex,
-    maskConfig: {
-      type: 'custom',
-      options: {
-        mask: '9999 9999 9999 9999 999',
-        slot: '9',
-        accept: /\d/,
-        triggerAtInit: FeatureFlag.isEnabled('VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD'),
-      },
-    },
-  },
-  {
-    type: 'mastercard',
-    iconName: 'mastercard',
-    pattern: MasterCardRegex,
-    maskConfig: {
-      type: 'custom',
-      options: {
-        mask: '9999 9999 9999 9999',
-        slot: '9',
-        accept: /\d/,
-        triggerAtInit: FeatureFlag.isEnabled('VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD'),
-      },
-    },
-  },
-  {
-    type: 'amex',
-    iconName: 'amex',
-    pattern: AmexRegex,
-    maskConfig: {
-      type: 'custom',
-      options: {
-        mask: '9999 999999 99999',
-        slot: '9',
-        accept: /\d/,
-        triggerAtInit: FeatureFlag.isEnabled('VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD'),
-      },
-    },
-  },
-  {
-    type: 'discover',
-    iconName: 'discover',
-    pattern: DiscoverRegex,
-    maskConfig: {
-      type: 'custom',
-      options: {
-        mask: '9999 9999 9999 9999',
-        slot: '9',
-        accept: /\d/,
-        triggerAtInit: FeatureFlag.isEnabled('VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD'),
-      },
-    },
-  },
-];
+import './index-e9da316f.js';
+import './_commonjsHelpers-9943807e.js';
 
 const Icons = {
   'visa': {
@@ -190,17 +132,6 @@ const VegaInputCreditCard = class {
     this.focusEventEmitter = createEventEmitSlimmer(VegaInputCreditCard, VegaFocus);
     this.inputCreditCardEventPrevent = new ChildNodesEventPreventSlimmer([VegaChange, VegaFocus, VegaBlur], () => this.host, true);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaInputCreditCardRuntimeMetricsPayloadDefinition);
-    this.maskConfig = {
-      type: 'custom',
-      options: {
-        mask: '',
-        slot: '9',
-        accept: /[\d\s]/,
-        insertMode: false,
-        triggerAtInit: FeatureFlag.isEnabled('VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD'),
-      },
-      trigger: 'blur',
-    };
     /**
      * Specifies whether a card number must be entered for
      *    this component to pass form validation.
@@ -288,7 +219,7 @@ const VegaInputCreditCard = class {
     this.renderInputContainer = () => {
       var _a;
       const iconName = ((_a = this.getCreditCardType(this.value)) === null || _a === void 0 ? void 0 : _a.iconName) || 'regular-credit-card';
-      return (h("vega-input", { label: this.label, type: "number", prefixIcon: VegaInternalIconManager.getIconKey(iconName), maskConfig: this.getMaskConfig(this.value), placeholder: this.placeholder, disabled: this.disabled, size: this.size, value: this.value, hint: this.hint, required: this.required, showClearIcon: false, ref: (ref) => {
+      return (h("vega-input", { label: this.label, type: "number", prefixIcon: VegaInternalIconManager.getIconKey(iconName), maskConfig: this.getMaskConfig(), placeholder: this.placeholder, disabled: this.disabled, size: this.size, value: this.value, hint: this.hint, required: this.required, showClearIcon: false, ref: (ref) => {
           this.inputRef = ref;
           DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaChange, (input) => {
             this.handleVegaChange(input);
@@ -299,10 +230,6 @@ const VegaInputCreditCard = class {
           DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaFocus, () => {
             this.handleVegaFocus();
           });
-          DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaInternalPasteEvent, (event) => {
-            const pastedValue = event.clipboardData.getData('text');
-            this.inputRef.maskConfig = this.getMaskConfig(pastedValue); // The mask should be updated before the value changed.
-          });
         } }));
     };
     this.handleVegaChange = (e) => {
@@ -345,41 +272,18 @@ const VegaInputCreditCard = class {
   getCreditCardType(value) {
     return CARDS_INFO.filter((card) => card.pattern.test(value))[0];
   }
-  getMaskConfig(value) {
-    const maskConfig = [];
-    const creditCardType = this.getCreditCardType(value);
-    if (creditCardType) {
-      maskConfig.push(creditCardType.maskConfig);
-      if (this.hideCardNumberOnBlur && value.trim().includes(' ')) {
-        this.maskConfig.options.mask = this.generateDynamicMask();
-        maskConfig.push(this.maskConfig);
-      }
-    }
-    return maskConfig;
-  }
-  /**
-   * The below method is e2e-test covered in
-   * @see{module:vega-input-credit-card-dynamic-mask-e2e}
-   */
-  /* istanbul ignore next */
-  /** Transform the input card number with dynamic card number mask, for example: '4111 2222 3333 44' will be transformed to 'XXXX XXXX XXXX 99' */
-  generateDynamicMask() {
-    const cardNumberSplit = this.value.trim().split(' ');
-    const cardNumberMask = this.maskCardNumber(cardNumberSplit).join(' ');
-    return cardNumberMask;
-  }
-  /**
-   * The below method is e2e-test covered in
-   * @see{module:vega-input-credit-card-dynamic-mask-e2e}
-   */
-  /* istanbul ignore next */
-  maskCardNumber(cardNumberSplit) {
-    // Map through the array and replace each character with 'X' or '9' depending on the index
-    return cardNumberSplit.map((element, index) => {
-      // Replace each character in the string with 'X' except the last element, which uses '9'
-      const replacementChar = index === cardNumberSplit.length - 1 ? '9' : 'X';
-      return replacementChar.repeat(element.length);
-    });
+  getMaskConfig() {
+    return [
+      {
+        type: 'credit-card',
+        trigger: 'input',
+      },
+      {
+        type: 'credit-card',
+        trigger: 'blur',
+        hideCardNumberOnBlur: this.hideCardNumberOnBlur,
+      },
+    ];
   }
   get host() { return getElement(this); }
   static get watchers() { return {