@globalpayments/vega 2.98.0 → 2.100.0

package/dist/cjs/{translation-slimmer-77c7f37d.js → translation-slimmer-31cd5a57.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const internalTranslationController = require('./internal-translation-controller-1dac2df8.js');
+const internalTranslationController = require('./internal-translation-controller-27bfc8c7.js');
 
 var __decorate = (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/cjs/{type-guard-a57ef3ac.js → type-guard-00b8efc0.js}

@@ -3,7 +3,7 @@
 const breakpoints = require('./breakpoints-ebde4837.js');
 const ui = require('./ui-32120990.js');
 const typography = require('./typography-3ea4fe41.js');
-const internalTranslationController = require('./internal-translation-controller-1dac2df8.js');
+const internalTranslationController = require('./internal-translation-controller-27bfc8c7.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 
 const GridRowsRegex = new RegExp(/^([1-9]|1[0-2])(-auto)?$/);

package/dist/cjs/{valid-credit-card-number-rule-4c0a3040.js → valid-credit-card-number-rule-70885128.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const typeGuard = require('./type-guard-a57ef3ac.js');
+const typeGuard = require('./type-guard-00b8efc0.js');
 const number = require('./number-4816603d.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 

package/dist/cjs/vega-accordion.cjs.entry.js

@@ -7,7 +7,7 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
 const component = require('./component-1e352960.js');
-const designToken = require('./design-token-74674ee7.js');
+const designToken = require('./design-token-9d762da0.js');
 const ui = require('./ui-c91c37a7.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
@@ -17,11 +17,11 @@ const internalIconManager = require('./internal-icon-manager-40bcac72.js');
 const observer = require('./observer-f49483e8.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-70c73b16.js');
-const typeGuard = require('./type-guard-a57ef3ac.js');
+const typeGuard = require('./type-guard-00b8efc0.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
-const translationSlimmer = require('./translation-slimmer-77c7f37d.js');
+const translationSlimmer = require('./translation-slimmer-31cd5a57.js');
 require('./breakpoints-ebde4837.js');
-require('./responsive-format-facade-493d1763.js');
+require('./responsive-format-facade-c6d7f0a1.js');
 require('./ui-32120990.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./number-4816603d.js');
@@ -30,12 +30,12 @@ require('./array-249289f2.js');
 require('./feature-flag-controller-c19d0b58.js');
 require('./index-3ca118c4.js');
 require('./typography-3ea4fe41.js');
-require('./state-border-formatter-711c7aaa.js');
+require('./state-border-formatter-dda9109a.js');
 require('./icon-manager-be358b32.js');
 require('./create-public-api-runtime-metrics-slimmer-91b0cbfb.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./misc-3d30df91.js');
-require('./internal-translation-controller-1dac2df8.js');
+require('./internal-translation-controller-27bfc8c7.js');
 require('./internal-vega-event-manager-7003c84a.js');
 require('./try-get-document-c0ebd39a.js');
 

package/dist/cjs/vega-app-footer.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
-const darkModeStyleController = require('./dark-mode-style-controller-32d4054a.js');
+const darkModeStyleController = require('./dark-mode-style-controller-f3da3342.js');
 const brandSwitchStateControllerSlimmer = require('./brand-switch-state-controller-slimmer-97882447.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
@@ -16,7 +16,7 @@ require('./observer-f49483e8.js');
 require('./tinycolor-polyfill-502efaa8.js');
 require('./vega-nonce-manager-df69d3ed.js');
 require('./try-get-document-c0ebd39a.js');
-require('./index-592b4052.js');
+require('./index-5d1adcd1.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./dom-node-subject-observer-factory-c82df135.js');
 require('./ui-c91c37a7.js');

package/dist/cjs/vega-app-header-button.cjs.entry.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
 const ui = require('./ui-c91c37a7.js');
-const designToken = require('./design-token-74674ee7.js');
-const responsiveFormatFacade = require('./responsive-format-facade-493d1763.js');
+const designToken = require('./design-token-9d762da0.js');
+const responsiveFormatFacade = require('./responsive-format-facade-c6d7f0a1.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const breakpoints = require('./breakpoints-1cc2c4c6.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
@@ -18,15 +18,15 @@ const internalIconManager = require('./internal-icon-manager-40bcac72.js');
 const chevronUp = require('./chevron-up-21465cf7.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
-const ariaAttributesValueMapper = require('./aria-attributes-value-mapper-9a41b9cf.js');
-require('./type-guard-a57ef3ac.js');
+const ariaAttributesValueMapper = require('./aria-attributes-value-mapper-e8c6b0e0.js');
+require('./type-guard-00b8efc0.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');
-require('./internal-translation-controller-1dac2df8.js');
+require('./internal-translation-controller-27bfc8c7.js');
 require('./change-manager-a297e4d2.js');
 require('./static-subject-title-70c73b16.js');
-require('./state-border-formatter-711c7aaa.js');
+require('./state-border-formatter-dda9109a.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');

package/dist/cjs/vega-banner.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-58ea899e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
 const component = require('./component-1e352960.js');
-const accessibility = require('./accessibility-88f8af84.js');
+const accessibility = require('./accessibility-6ca2a237.js');
 const ui = require('./ui-c91c37a7.js');
 const xmarkLarge = require('./xmark-large-faae5a80.js');
 const internalIconManager = require('./internal-icon-manager-40bcac72.js');

package/dist/cjs/vega-box.cjs.entry.js

@@ -4,23 +4,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
-const designToken = require('./design-token-74674ee7.js');
+const designToken = require('./design-token-9d762da0.js');
 const ui = require('./ui-c91c37a7.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
 const vegaNonceManager = require('./vega-nonce-manager-df69d3ed.js');
-const index = require('./index-592b4052.js');
-const responsiveFormatFacade = require('./responsive-format-facade-493d1763.js');
+const index = require('./index-5d1adcd1.js');
+const responsiveFormatFacade = require('./responsive-format-facade-c6d7f0a1.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
-const styleFormatter = require('./style-formatter-8f711cb0.js');
-require('./type-guard-a57ef3ac.js');
+const styleFormatter = require('./style-formatter-d21a9784.js');
+require('./type-guard-00b8efc0.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');
-require('./internal-translation-controller-1dac2df8.js');
+require('./internal-translation-controller-27bfc8c7.js');
 require('./change-manager-a297e4d2.js');
 require('./static-subject-title-70c73b16.js');
-require('./state-border-formatter-711c7aaa.js');
+require('./state-border-formatter-dda9109a.js');
 require('./try-get-document-c0ebd39a.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./number-4816603d.js');

package/dist/cjs/vega-brand-logo.cjs.entry.js

@@ -8,7 +8,7 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
 const internalIconManager = require('./internal-icon-manager-40bcac72.js');
 const darkModeStateControllerSlimmer = require('./dark-mode-state-controller-slimmer-b454645a.js');
-const darkModeStyleController = require('./dark-mode-style-controller-32d4054a.js');
+const darkModeStyleController = require('./dark-mode-style-controller-f3da3342.js');
 require('./icon-manager-be358b32.js');
 require('./create-public-api-runtime-metrics-slimmer-91b0cbfb.js');
 require('./dynamic-slimmer-f31fdfd7.js');
@@ -19,7 +19,7 @@ require('./change-manager-a297e4d2.js');
 require('./tinycolor-polyfill-502efaa8.js');
 require('./vega-nonce-manager-df69d3ed.js');
 require('./try-get-document-c0ebd39a.js');
-require('./index-592b4052.js');
+require('./index-5d1adcd1.js');
 
 const gSymbolSmall = {
   icon: `<svg xmlns="http://www.w3.org/2000/svg" width="30" height="41" viewBox="0 0 30 41" fill="none"><path d="M19.4602 29.9488C17.8713 30.1101 16.3712 29.7336 15.7752 29.2367C15.5926 29.0679 15.4694 28.8441 15.4244 28.5993C15.3513 28.2556 15.4694 27.8991 15.7335 27.6682C16.2849 27.3058 16.9592 27.1841 17.6017 27.3313C18.1515 27.4028 18.7051 27.4382 19.2597 27.4379C24.8706 27.4379 28.4947 24.0268 28.4947 18.7465C28.4947 13.4662 24.8674 10.0529 19.2593 10.0529C13.6513 10.0529 10.024 13.4652 10.024 18.7459C10.024 21.6873 11.1489 24.0481 13.1159 25.5631C12.1682 26.1354 11.4397 27.0115 11.0484 28.0498C10.7205 29.2325 11.0976 30.4992 12.0183 31.3076L12.2491 31.5324L11.9602 31.6783C9.81316 32.7614 8.77717 34.2748 9.0413 35.9418C9.06858 36.1077 9.10838 36.271 9.16101 36.4304C10.1203 39.7545 14.9337 41.1417 19.6814 40.9929C22.3981 40.9075 29.9206 39.7326 29.9989 35.0339C30.1051 28.5961 22.7787 29.6209 19.9002 29.9082L19.4602 29.9488ZM19.2593 14.244C21.59 14.244 23.0374 15.9699 23.0374 18.7475C23.0374 21.525 21.59 23.251 19.2593 23.251C16.9287 23.251 15.4796 21.525 15.4796 18.7475C15.4796 15.9699 16.9271 14.244 19.2593 14.244ZM15.756 33.3933C15.868 33.3782 16.0179 33.3556 16.1969 33.3282C19.3437 32.8616 23.6668 32.3942 24.878 33.7669C25.206 34.1476 25.3061 34.6755 25.1399 35.1502C24.7891 36.4336 22.0297 36.9992 19.4397 36.9992C18.7558 37.0005 18.0722 36.9586 17.3934 36.8733C15.3134 36.6014 14.1628 35.9583 14.1548 35.0619C14.133 34.1634 15.2579 33.4593 15.7582 33.3914" fill="#262AFF"/><path d="M24.4536 6.28427C16.8574 3.50045 8.4575 7.42903 5.69211 15.0433C5.19088 16.4222 4.89705 17.8705 4.81927 19.3448C4.66372 22.4669 5.47606 25.5629 7.16986 28.1906C7.86121 29.266 7.5501 30.6969 6.47851 31.3907C5.4242 32.0672 4.03287 31.781 3.32424 30.749C-2.71642 21.6864 -0.296707 9.42365 8.73403 3.35302C10.3846 2.24296 12.1908 1.39309 14.092 0.829387C18.0932 -0.358724 22.3623 -0.263348 26.3116 1.10688H26.3202C27.7375 1.63589 28.4634 3.21427 27.9449 4.63653C27.435 6.02411 25.9141 6.76126 24.5141 6.29295L24.4622 6.27562" fill="url(#paint0_linear_73008_113)"/><path d="M24.4536 6.28427C16.8574 3.50045 8.4575 7.42903 5.69211 15.0433C5.19088 16.4222 4.89705 17.8705 4.81927 19.3448C4.66372 22.4669 5.47606 25.5629 7.16986 28.1906C7.86121 29.266 7.5501 30.6969 6.47851 31.3907C5.4242 32.0672 4.03287 31.781 3.32424 30.749C-2.71642 21.6864 -0.296707 9.42365 8.73403 3.35302C10.3846 2.24296 12.1908 1.39309 14.092 0.829387C18.0932 -0.358724 22.3623 -0.263348 26.3116 1.10688H26.3202C27.7375 1.63589 28.4634 3.21427 27.9449 4.63653C27.435 6.02411 25.9141 6.76126 24.5141 6.29295L24.4622 6.27562" fill="url(#paint1_linear_73008_113)"/><path d="M24.4536 6.28427C16.8574 3.50045 8.4575 7.42903 5.69211 15.0433C5.19088 16.4222 4.89705 17.8705 4.81927 19.3448C4.66372 22.4669 5.47606 25.5629 7.16986 28.1906C7.86121 29.266 7.5501 30.6969 6.47851 31.3907C5.4242 32.0672 4.03287 31.781 3.32424 30.749C-2.71642 21.6864 -0.296707 9.42365 8.73403 3.35302C10.3846 2.24296 12.1908 1.39309 14.092 0.829387C18.0932 -0.358724 22.3623 -0.263348 26.3116 1.10688H26.3202C27.7375 1.63589 28.4634 3.21427 27.9449 4.63653C27.435 6.02411 25.9141 6.76126 24.5141 6.29295L24.4622 6.27562" fill="url(#paint2_linear_73008_113)"/><path d="M29.3885 4.22051C29.3885 5.8944 28.0317 7.25607 26.3636 7.25607C24.6956 7.25607 23.3387 5.8944 23.3387 4.22051C23.3387 2.54661 24.6956 1.18494 26.3636 1.18494C28.0317 1.18494 29.3885 2.54661 29.3885 4.22051Z" fill="#262AFF"/><defs><linearGradient id="paint0_linear_73008_113" x1="10.0837" y1="0.280208" x2="24.5524" y2="3.76544" gradientUnits="userSpaceOnUse"><stop stop-color="#3FA3DE"/><stop offset="1" stop-color="#3FA3DE" stop-opacity="0"/></linearGradient><linearGradient id="paint1_linear_73008_113" x1="5.8883" y1="27.0187" x2="17.4572" y2="12.4334" gradientUnits="userSpaceOnUse"><stop stop-color="#262AFF"/><stop offset="1" stop-color="#262AFF" stop-opacity="0"/></linearGradient><linearGradient id="paint2_linear_73008_113" x1="6.29312" y1="14.0188" x2="17.1378" y2="6.48363" gradientUnits="userSpaceOnUse"><stop stop-color="#262AFF" stop-opacity="0.2"/><stop offset="1" stop-color="#262AFF" stop-opacity="0"/></linearGradient></defs></svg>`,

package/dist/cjs/vega-breadcrumb.cjs.entry.js

@@ -11,7 +11,7 @@ const vegaEventId = require('./vega-event-id-58afed7a.js');
 const component = require('./component-1e352960.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e0ac8467.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
-const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-93c5fb50.js');
+const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-ba588eb4.js');
 require('./change-manager-a297e4d2.js');
 require('./observer-f49483e8.js');
 require('./internal-vega-event-manager-7003c84a.js');
@@ -21,7 +21,7 @@ require('./index-3ca118c4.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./try-get-document-c0ebd39a.js');
 require('./vega-nonce-manager-df69d3ed.js');
-require('./index-592b4052.js');
+require('./index-5d1adcd1.js');
 
 var __decorate$3 = (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/cjs/vega-button-circle.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
-const designToken = require('./design-token-74674ee7.js');
+const designToken = require('./design-token-9d762da0.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
@@ -14,22 +14,22 @@ const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimm
 const ui = require('./ui-c91c37a7.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
 const vegaInternalEventId = require('./vega-internal-event-id-f4d33037.js');
-const index$1 = require('./index-592b4052.js');
-const ariaAttributesValueMapper = require('./aria-attributes-value-mapper-9a41b9cf.js');
-require('./type-guard-a57ef3ac.js');
+const index$1 = require('./index-5d1adcd1.js');
+const ariaAttributesValueMapper = require('./aria-attributes-value-mapper-e8c6b0e0.js');
+require('./type-guard-00b8efc0.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');
-require('./internal-translation-controller-1dac2df8.js');
+require('./internal-translation-controller-27bfc8c7.js');
 require('./static-subject-title-70c73b16.js');
-require('./responsive-format-facade-493d1763.js');
+require('./responsive-format-facade-c6d7f0a1.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
 require('./feature-flag-controller-c19d0b58.js');
 require('./index-3ca118c4.js');
-require('./state-border-formatter-711c7aaa.js');
+require('./state-border-formatter-dda9109a.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./internal-vega-event-manager-7003c84a.js');
 require('./try-get-document-c0ebd39a.js');

package/dist/cjs/vega-button-group_2.cjs.entry.js

@@ -443,13 +443,20 @@ class VegaButtonGroupItemRenderer extends globalSlimmerRegistry.VegaSlimmer {
    */
   getButtonProps() {
     return {
-      size: this.size,
-      icon: this.icon,
-      label: this.iconOnly ? '' : this.getDefaultLabel(),
-      iconAlign: this.iconAlign,
-      disabled: this.isDisabled(),
+      'size': this.size,
+      'icon': this.icon,
+      'label': this.iconOnly ? '' : this.getDefaultLabel(),
+      'iconAlign': this.iconAlign,
+      'disabled': this.isDisabled(),
+      // When the visible label is suppressed (icon-only), forward the label as
+      // `data-aria-label` so the underlying button maps it to `aria-label` via its
+      // `AriaAttributesValueMapper`, exposing an accessible name to screen readers
+      // (VD-8790). Both `vega-button-link` (tertiary) and `vega-button`
+      // (non-tertiary) are configured with that mapper, so the forwarding works on
+      // every variant.
+      'data-aria-label': this.iconOnly && this.label ? this.label : undefined,
       // eslint-disable-next-line jsdoc/require-jsdoc
-      ref: (node) => {
+      'ref': (node) => {
         domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, vegaEventId.VegaClick, this.buttonItemClickHandle);
       },
     };

package/dist/cjs/vega-button-link.cjs.entry.js

@@ -9,8 +9,8 @@ const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-
 const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e0ac8467.js');
-const index$1 = require('./index-592b4052.js');
-const ariaAttributesValueMapper = require('./aria-attributes-value-mapper-9a41b9cf.js');
+const index$1 = require('./index-5d1adcd1.js');
+const ariaAttributesValueMapper = require('./aria-attributes-value-mapper-e8c6b0e0.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./change-manager-a297e4d2.js');
 require('./dom-node-subject-observer-factory-c82df135.js');
@@ -179,7 +179,7 @@ const VegaButtonLink = class {
     const href = isButton ? VegaButtonLink.defaultLink : this.link;
     return component.sanitizeVegaComponent(index.h(index.Host, { class: {
         'vega-button-link-disabled': this.disabled,
-      } }, index.h("a", { part: "link", tabIndex: this.disabled ? -1 : 0, role: isButton ? 'button' : 'link', "aria-label": this.label.trim() || 'No label defined', href: href, onClick: this.onClick, class: {
+      } }, index.h("a", { part: "link", tabIndex: this.disabled ? -1 : 0, role: isButton ? 'button' : 'link', "aria-label": this.label.trim() || 'No label defined', "aria-disabled": this.disabled ? 'true' : null, href: href, onClick: this.onClick, class: {
         'vega-button-link': true,
         [`vega-button-link-size-${this.size}`]: true,
         'vega-button-link-left-button': this.hasIconButton('left'),
@@ -187,7 +187,7 @@ const VegaButtonLink = class {
         'vega-button-link-danger': this.danger,
         'icon': this.icon ? true : false,
         [this.size]: true,
-      }, rel: "noopener noreferrer", target: this.target }, index.h("div", { class: "vega-button-link-content" }, this.renderContent()))), this.host);
+      }, rel: "noopener noreferrer", target: this.target }, index.h("div", { class: "vega-button-link-content", "aria-hidden": "true" }, this.renderContent()))), this.host);
   }
   hasIconButton(position) {
     return this.icon && this.iconType === 'button' && this.iconAlign === position;

package/dist/cjs/vega-button.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-58ea899e.js');
 const breakpoints = require('./breakpoints-1cc2c4c6.js');
 const component = require('./component-1e352960.js');
-const responsiveFormatFacade = require('./responsive-format-facade-493d1763.js');
+const responsiveFormatFacade = require('./responsive-format-facade-c6d7f0a1.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
@@ -16,12 +16,13 @@ const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimm
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
 const ui = require('./ui-c91c37a7.js');
 const vegaInternalEventId = require('./vega-internal-event-id-f4d33037.js');
-const index$1 = require('./index-592b4052.js');
+const index$1 = require('./index-5d1adcd1.js');
+const ariaAttributesValueMapper = require('./aria-attributes-value-mapper-e8c6b0e0.js');
 require('./ui-32120990.js');
 require('./breakpoints-ebde4837.js');
-require('./type-guard-a57ef3ac.js');
+require('./type-guard-00b8efc0.js');
 require('./typography-3ea4fe41.js');
-require('./internal-translation-controller-1dac2df8.js');
+require('./internal-translation-controller-27bfc8c7.js');
 require('./static-subject-title-70c73b16.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
@@ -33,6 +34,7 @@ require('./dynamic-slimmer-f31fdfd7.js');
 require('./internal-vega-event-manager-7003c84a.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./observer-f49483e8.js');
+require('./mutation-observer-slimmer-749d5020.js');
 
 var __decorate$1 = (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;
@@ -91,6 +93,17 @@ const VegaButton = class {
     });
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     this.vegaButtonLoadingRenderer = new VegaButtonLoadingRenderer();
+    this.ariaAttributesValueMapper = new ariaAttributesValueMapper.AriaAttributesValueMapper(() => {
+      // the target native button which we will apply the aria label to
+      return this.host.shadowRoot.querySelector('button');
+    }, {
+      'aria-label': {
+        // if data-aria-label is defined, use it as the value of aria-label, otherwise use label
+        dependency: ['data-aria-label', 'label'],
+        // fallback when both data-aria-label and label are empty
+        defaultValue: 'No label defined',
+      },
+    });
     this.currentBreakpoint = breakpoints.getCurrentBreakpoint();
     /**
      * Specifies the size of the button.
@@ -181,7 +194,7 @@ const VegaButton = class {
     return component.sanitizeVegaComponent(index.h(index.Host, { class: {
         'vega-button-block': this.isBlockStyleButton(),
         'vega-button-icon-only': !!this.icon && !this.label,
-      } }, index.h("button", { type: this.type, "aria-label": this.label || 'No label defined', class: {
+      } }, index.h("button", { type: this.type, class: {
         [`vega-button-size-${responsiveFormatFacade.ResponsiveFormatFacade.formatCustom(this.size)}`]: true,
         [`vega-button-variant-${this.variant}`]: true,
         'vega-button-disabled': this.isDisabledButton(),
@@ -190,7 +203,7 @@ const VegaButton = class {
   }
   renderContent() {
     if (this.icon || this.loading) {
-      return (index.h("vega-flex", { alignItems: "center", gap: "size-8", justifyContent: "center" }, this.iconAlign === 'left' && this.renderIcon(), this.renderLabel(), this.iconAlign === 'right' && this.renderIcon(), this.vegaButtonLoadingRenderer.render()));
+      return (index.h("vega-flex", { "aria-hidden": "true", alignItems: "center", gap: "size-8", justifyContent: "center" }, this.iconAlign === 'left' && this.renderIcon(), this.renderLabel(), this.iconAlign === 'right' && this.renderIcon(), this.vegaButtonLoadingRenderer.render()));
     }
     else {
       return this.renderLabel();
@@ -242,6 +255,9 @@ __decorate([
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaButton.prototype, "vegaButtonLoadingRenderer", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaButton.prototype, "ariaAttributesValueMapper", void 0);
 VegaButton.style = vegaButtonCss;
 
 exports.vega_button = VegaButton;

package/dist/cjs/vega-calendar_5.cjs.entry.js

@@ -11,13 +11,13 @@ const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-facto
 const vegaEventId = require('./vega-event-id-58afed7a.js');
 const internalIconManager = require('./internal-icon-manager-40bcac72.js');
 const vegaInternalEventId = require('./vega-internal-event-id-f4d33037.js');
-const typeGuard = require('./type-guard-a57ef3ac.js');
-const accessibility = require('./accessibility-88f8af84.js');
+const typeGuard = require('./type-guard-00b8efc0.js');
+const accessibility = require('./accessibility-6ca2a237.js');
 const ui = require('./ui-c91c37a7.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
-const internalTranslationController = require('./internal-translation-controller-1dac2df8.js');
-const monthViewGenerator = require('./month-view-generator-7b704a80.js');
-const internalCalendarPeriodFactory = require('./internal-calendar-period-factory-dfcdd3f6.js');
+const internalTranslationController = require('./internal-translation-controller-27bfc8c7.js');
+const monthViewGenerator = require('./month-view-generator-0a3e04de.js');
+const internalCalendarPeriodFactory = require('./internal-calendar-period-factory-b11918ee.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e0ac8467.js');
 const observer = require('./observer-f49483e8.js');
 const changeManager = require('./change-manager-a297e4d2.js');
@@ -26,10 +26,10 @@ const misc = require('./misc-3d30df91.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
 const timer = require('./timer-5f33058b.js');
 const subStateNotifySlimmer = require('./sub-state-notify-slimmer-e264a120.js');
-const translationSlimmer = require('./translation-slimmer-77c7f37d.js');
+const translationSlimmer = require('./translation-slimmer-31cd5a57.js');
 const autoRunWhenReRenderTaskQueueSlimmer_abstract = require('./auto-run-when-re-render-task-queue-slimmer.abstract-5734634d.js');
 const vegaNonceManager = require('./vega-nonce-manager-df69d3ed.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-7043a106.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-0a4e556d.js');
 const tryGetDocument = require('./try-get-document-c0ebd39a.js');
 const subStateObserverSlimmer = require('./sub-state-observer-slimmer-6033b824.js');
 const pixel = require('./pixel-98f2a10c.js');
@@ -47,7 +47,7 @@ require('./index-3ca118c4.js');
 require('./number-4816603d.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./synchronize-task-queue-1ee80e94.js');
-require('./keyboard-manager-c56033b1.js');
+require('./keyboard-manager-16e96b62.js');
 
 /**
  * Day view calendar generator
@@ -2254,13 +2254,16 @@ class VegaCalendarEventItemRenderer extends globalSlimmerRegistry.VegaSlimmer {
       // Step 2: append preview additional fields slot to preview component.
       const additionalFieldsSlot = this.host.querySelector('[slot=event-preview-additional-fields]');
       additionalFieldsSlot && preview.append(additionalFieldsSlot);
-      // Step 3: append event slot to preview component.
+      // Step 3: append header slot to preview component if it exists.
+      const headerSlot = this.host.querySelector('[slot=event-preview-header]');
+      headerSlot && preview.append(headerSlot);
+      // Step 4: append event slot to preview component.
       const eventSlotName = typeGuard.getCalendarEventSlotName(event.event.key);
       const eventSlot = this.host.querySelector(`[slot=${eventSlotName}]`);
       const previewEventSlot = preview.querySelector(`[slot=${eventSlotName}]`);
       // Since event slot is used by vega-calendar-event, we should clone it to avoid remove from original position.
       eventSlot && !previewEventSlot && preview.append(eventSlot.cloneNode(true));
-      // Step 4: append preview component to popover container to display.
+      // Step 5: append preview component to popover container to display.
       previewContainer.append(preview);
     }
   }
@@ -3676,7 +3679,7 @@ class VegaCalendarEventPreviewDetailRenderer extends globalSlimmerRegistry.VegaS
       this.renderActions(),
       index.h("vega-box", { class: "preview-content" },
         index.h("vega-flex", { gap: "size-16", direction: "col" },
-          this.renderBasicFields(),
+          this.renderHeader(),
           this.renderDivider(),
           index.h("slot", { name: "event-preview-additional-fields" }))))));
   }
@@ -3686,6 +3689,14 @@ class VegaCalendarEventPreviewDetailRenderer extends globalSlimmerRegistry.VegaS
       showEditButton && (index.h("vega-button-circle", { "data-aria-label": internalTranslationController.VegaInternalTranslation.t('Edit event'), icon: internalIconManager.VegaInternalIconManager.getIconKey('pen'), color: "text-primary", variant: "icon-only", "data-action-type": PreviewActionButtonType.Edit, ref: this.handleActionButtonClick })),
       index.h("vega-button-circle", { "data-aria-label": internalTranslationController.VegaInternalTranslation.t('Close event preview detail'), icon: internalIconManager.VegaInternalIconManager.getIconKey('close'), color: "text-primary", variant: "icon-only", "data-action-type": PreviewActionButtonType.Close, ref: this.handleActionButtonClick })));
   }
+  renderHeader() {
+    const haveHeaderSlot = this.hasHeaderSlot();
+    return haveHeaderSlot ? index.h("slot", { name: "event-preview-header" }) : this.renderBasicFields();
+  }
+  hasHeaderSlot() {
+    const headerSlot = this.host.querySelector('[slot=event-preview-header]');
+    return Boolean(headerSlot);
+  }
   renderBasicFields() {
     const currentEvent = this.currentEvent;
     return (index.h(index.Fragment, null,

package/dist/cjs/vega-card.cjs.entry.js

@@ -4,25 +4,25 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
-const designToken = require('./design-token-74674ee7.js');
+const designToken = require('./design-token-9d762da0.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const ui = require('./ui-c91c37a7.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
-require('./type-guard-a57ef3ac.js');
+require('./type-guard-00b8efc0.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');
-require('./internal-translation-controller-1dac2df8.js');
+require('./internal-translation-controller-27bfc8c7.js');
 require('./change-manager-a297e4d2.js');
 require('./static-subject-title-70c73b16.js');
-require('./responsive-format-facade-493d1763.js');
+require('./responsive-format-facade-c6d7f0a1.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
 require('./feature-flag-controller-c19d0b58.js');
 require('./index-3ca118c4.js');
-require('./state-border-formatter-711c7aaa.js');
+require('./state-border-formatter-dda9109a.js');
 
 /**
  * This class is used to track the nested level of a component

package/dist/cjs/vega-carousel.cjs.entry.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
 const synchronizeTaskQueue = require('./synchronize-task-queue-1ee80e94.js');
-const accessibility = require('./accessibility-88f8af84.js');
+const accessibility = require('./accessibility-6ca2a237.js');
 const component = require('./component-1e352960.js');
 const effect = require('./effect-98e88068.js');
-const responsiveFormatFacade = require('./responsive-format-facade-493d1763.js');
+const responsiveFormatFacade = require('./responsive-format-facade-c6d7f0a1.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
@@ -15,11 +15,11 @@ const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-300a3929.js');
 const tryGetDocument = require('./try-get-document-c0ebd39a.js');
-require('./type-guard-a57ef3ac.js');
+require('./type-guard-00b8efc0.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');
-require('./internal-translation-controller-1dac2df8.js');
+require('./internal-translation-controller-27bfc8c7.js');
 require('./change-manager-a297e4d2.js');
 require('./static-subject-title-70c73b16.js');
 require('./breakpoints-1cc2c4c6.js');

package/dist/cjs/vega-checkbox_2.cjs.entry.js

@@ -11,13 +11,13 @@ const observer = require('./observer-f49483e8.js');
 const ui = require('./ui-c91c37a7.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-a743be34.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-fbaddc91.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
 const vegaInternalEventId = require('./vega-internal-event-id-f4d33037.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e0ac8467.js');
-const ariaAttributesValueMapper = require('./aria-attributes-value-mapper-9a41b9cf.js');
+const ariaAttributesValueMapper = require('./aria-attributes-value-mapper-e8c6b0e0.js');
 const requiredFieldRule = require('./required-field-rule-400690c3.js');
 const componentLoadRequired = require('./component-load-required-6cc74719.js');
 const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-7ae2a78f.js');
@@ -26,8 +26,8 @@ require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./string-39438062.js');
 require('./misc-3d30df91.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-translation-controller-1dac2df8.js');
-require('./index-592b4052.js');
+require('./internal-translation-controller-27bfc8c7.js');
+require('./index-5d1adcd1.js');
 require('./try-get-document-c0ebd39a.js');
 require('./page-resize-observer-slimmer-273d62ef.js');
 require('./breakpoints-1cc2c4c6.js');

package/dist/cjs/vega-chip.cjs.entry.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
-const responsiveFormatFacade = require('./responsive-format-facade-493d1763.js');
+const responsiveFormatFacade = require('./responsive-format-facade-c6d7f0a1.js');
 const ui = require('./ui-c91c37a7.js');
-const designToken = require('./design-token-74674ee7.js');
-const accessibility = require('./accessibility-88f8af84.js');
+const designToken = require('./design-token-9d762da0.js');
+const accessibility = require('./accessibility-6ca2a237.js');
 const breakpoints = require('./breakpoints-1cc2c4c6.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
@@ -15,11 +15,11 @@ const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62
 const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e0ac8467.js');
-require('./type-guard-a57ef3ac.js');
+require('./type-guard-00b8efc0.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');
-require('./internal-translation-controller-1dac2df8.js');
+require('./internal-translation-controller-27bfc8c7.js');
 require('./change-manager-a297e4d2.js');
 require('./static-subject-title-70c73b16.js');
 require('./number-4816603d.js');
@@ -27,7 +27,7 @@ require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
 require('./feature-flag-controller-c19d0b58.js');
 require('./index-3ca118c4.js');
-require('./state-border-formatter-711c7aaa.js');
+require('./state-border-formatter-dda9109a.js');
 require('./try-get-document-c0ebd39a.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./dom-node-subject-observer-factory-c82df135.js');