@heartlandone/vega 2.75.1 → 2.77.0

package/dist/esm/{translation-slimmer-c936cb1b.js → translation-slimmer-2394b173.js}

@@ -1,5 +1,5 @@
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { V as VegaInternalTranslation } from './translation-96e5debd.js';
+import { V as VegaInternalTranslation } from './internal-translation-controller-911515f9.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/esm/{type-guard-c65a227d.js → type-guard-f50e34d6.js}

@@ -1,7 +1,7 @@
 import { B as Breakpoints } from './breakpoints-d9faf11c.js';
 import { B as BorderStyle, C as CssStates, F as FlexDirections, a as FlexAlignItem, b as FlexJustifyContent, c as FlexWrap, d as BoxDisplay, T as TextAlign } from './ui-28fd4193.js';
 import { a as TypographyKeys } from './typography-396de03f.js';
-import { V as VegaInternalTranslation } from './translation-96e5debd.js';
+import { V as VegaInternalTranslation } from './internal-translation-controller-911515f9.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
 
 const GridRowsRegex = new RegExp(/^([1-9]|1[0-2])(-auto)?$/);

package/dist/esm/{ui-bb99c0c2.js → ui-ee31416b.js}

@@ -1,9 +1,21 @@
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
 
+/**
+ * Device type enumeration for responsive design breakpoints.
+ */
 var DeviceType;
 (function (DeviceType) {
+  /**
+   * Tablet device type.
+   */
   DeviceType["TABLET"] = "tablet";
+  /**
+   * Mobile device type.
+   */
   DeviceType["MOBILE"] = "mobile";
+  /**
+   * Desktop device type.
+   */
   DeviceType["DESKTOP"] = "desktop";
 })(DeviceType || (DeviceType = {}));
 

package/dist/esm/{valid-credit-card-number-rule-666c415d.js → valid-credit-card-number-rule-22ce81db.js}

@@ -1,4 +1,4 @@
-import { V as VisaRegex, M as MasterCardRegex, A as AmexRegex, D as DiscoverRegex } from './type-guard-c65a227d.js';
+import { V as VisaRegex, M as MasterCardRegex, A as AmexRegex, D as DiscoverRegex } from './type-guard-f50e34d6.js';
 import { m as mapStringToNumberArray, a as mapParityDigits, s as sum } from './number-4398f2e1.js';
 import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 

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

@@ -1,46 +1,37 @@
 import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-090d31ca.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { s as slotPlaceholder } from './placeholder-bf562081.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { f as formatAndValidResponsiveToken } from './design-token-007efbaa.js';
-import { a as arrayToClassString } from './ui-bb99c0c2.js';
-import { D as DomNodeSubjectObserverFactory, a as VegaClick, b as VegaExpand } from './dom-node-subject-observer-factory-064ee2b2.js';
+import { f as formatAndValidResponsiveToken } from './design-token-5bc034e1.js';
+import { a as arrayToClassString } from './ui-ee31416b.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-82f346e3.js';
+import { a as VegaClick, b as VegaExpand } from './vega-event-id-38aa77a0.js';
 import { c as chevronUp } from './chevron-up-b1989751.js';
 import { c as chevronDown } from './chevron-down-4a75d28e.js';
-import { a as VegaInternalIconManager } from './internal-icon-manager-f0486245.js';
+import { V as VegaInternalIconManager } from './internal-icon-manager-bd80b3bb.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { A as ACCORDION_EXPAND_TOPIC } from './static-subject-title-52f93124.js';
-import { U as isAccordionObserverPayload } from './type-guard-c65a227d.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-09827cec.js';
+import { U as isAccordionObserverPayload } from './type-guard-f50e34d6.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-ffaecb9a.js';
 import './breakpoints-d9faf11c.js';
-import './responsive-format-facade-28ee2dbd.js';
-import './page-resize-observer-slimmer-8744cb44.js';
+import './responsive-format-facade-aa705823.js';
+import './breakpoints-56e5407b.js';
 import './ui-28fd4193.js';
-import './try-get-document-bef0f526.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
-import './vega-env-manager-8f8dc473.js';
-import './function-extension-e8c0e43e.js';
-import './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
-import './dynamic-slimmer-90b8af32.js';
-import './dark-mode-style-controller-de88a117.js';
-import './_commonjsHelpers-9943807e.js';
-import './vega-nonce-manager-497e5eb5.js';
-import './internal-vega-event-manager-efb6786e.js';
-import './dto-renderer-manager-ee1a5864.js';
-import './code-block-8ee34ab6.js';
-import './vega-internal-event-id-4a06d705.js';
-import './string-a953eafc.js';
-import './object-66c37948.js';
-import './translation-96e5debd.js';
-import './base-renderer-101f6d04.js';
-import './feature-flag-controller-51659753.js';
-import './index-e9da316f.js';
-import './wait-for-vega-handler-c2c07ac3.js';
+import './feature-flag-controller-30f7b625.js';
+import './index-bfc6dfa2.js';
 import './typography-396de03f.js';
+import './icon-manager-539d7cf7.js';
+import './create-public-api-runtime-metrics-slimmer-aaadaa08.js';
+import './dynamic-slimmer-90b8af32.js';
+import './misc-9fdbcfbb.js';
+import './internal-translation-controller-911515f9.js';
+import './internal-vega-event-manager-32a3d848.js';
+import './try-get-document-bef0f526.js';
 
 var __decorate$2 = (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;
@@ -84,7 +75,7 @@ class VegaAccordionRenderer extends VegaSlimmer {
       formatAndValidResponsiveToken(this.showExpandIcon, 'display'),
     ];
     return (h("div", { class: `${arrayToClassString(classes)}` },
-      h("vega-button-circle", { size: "small", "icon-color": "text-link", variant: "icon-only", icon: VegaInternalIconManager.getIconKey(this.expandIconAlign === 'left' ? 'chevron-down' : 'chevron-up'), ref: (ref) => {
+      h("vega-button-circle", { size: "small", "icon-color": "text-link", variant: "icon-only", "data-aria-label": this.expand ? 'Collapse accordion' : 'Expand accordion', "data-aria-expanded": `${this.expand}`, icon: VegaInternalIconManager.getIconKey(this.expandIconAlign === 'left' ? 'chevron-down' : 'chevron-up'), ref: (ref) => {
           DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaClick, () => {
             this.expandController.flipExpand();
           });
@@ -189,7 +180,7 @@ __decorate$1([
   MapToComponentMethod('disconnectedCallback')
 ], VegaAccordionExpandController.prototype, "unregisterObserver", null);
 
-const vegaAccordionCss = ":host(.v-block),.v-block{display:block}:host(.v-inline-block),.v-inline-block{display:inline-block}:host(.v-hidden),.v-hidden{display:none}@media (min-width: 320px){:host(.S\\:v-block),.S\\:v-block{display:block}:host(.S\\:v-inline-block),.S\\:v-inline-block{display:inline-block}:host(.S\\:v-hidden),.S\\:v-hidden{display:none}}@media (min-width: 768px){:host(.M\\:v-block),.M\\:v-block{display:block}:host(.M\\:v-inline-block),.M\\:v-inline-block{display:inline-block}:host(.M\\:v-hidden),.M\\:v-hidden{display:none}}@media (min-width: 1024px){:host(.L\\:v-block),.L\\:v-block{display:block}:host(.L\\:v-inline-block),.L\\:v-inline-block{display:inline-block}:host(.L\\:v-hidden),.L\\:v-hidden{display:none}}@media (min-width: 1440px){:host(.XL\\:v-block),.XL\\:v-block{display:block}:host(.XL\\:v-inline-block),.XL\\:v-inline-block{display:inline-block}:host(.XL\\:v-hidden),.XL\\:v-hidden{display:none}}:host{display:block;text-align:left;line-height:normal}.accordion{display:block;border-radius:16px}.accordion-title,.accordion-title-slot{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));overflow:hidden;flex-basis:0;flex-grow:1;padding-top:2px;padding-bottom:2px}@media screen and (min-width: 768px) and (max-width: 1023px){.accordion-title,.accordion-title-slot{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.accordion-title,.accordion-title-slot{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.accordion-title,.accordion-title-slot{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}.accordion-prefix-icon{width:24px;height:32px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));box-sizing:border-box;padding-top:4px;padding-bottom:4px;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-shrink:0}.icon-position-center .accordion-prefix-icon{align-self:center}.accordion-content{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.accordion.background{padding:24px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}.accordion.expanded .accordion-content{margin-top:24px}.accordion.collapsed .accordion-content{max-height:0px;overflow:hidden}.accordion.collapsed .accordion-expand-icon-align-left{transform:rotate(-90deg)}.accordion.collapsed .accordion-expand-icon-align-right{transform:rotate(180deg)}.accordion-expand-icon{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-shrink:0}.icon-position-center .accordion-expand-icon{align-self:center}";
+const vegaAccordionCss = ":host(.v-block),.v-block{display:block}:host(.v-inline-block),.v-inline-block{display:inline-block}:host(.v-hidden),.v-hidden{display:none}@media (min-width: 320px){:host(.S\\:v-block),.S\\:v-block{display:block}:host(.S\\:v-inline-block),.S\\:v-inline-block{display:inline-block}:host(.S\\:v-hidden),.S\\:v-hidden{display:none}}@media (min-width: 768px){:host(.M\\:v-block),.M\\:v-block{display:block}:host(.M\\:v-inline-block),.M\\:v-inline-block{display:inline-block}:host(.M\\:v-hidden),.M\\:v-hidden{display:none}}@media (min-width: 1024px){:host(.L\\:v-block),.L\\:v-block{display:block}:host(.L\\:v-inline-block),.L\\:v-inline-block{display:inline-block}:host(.L\\:v-hidden),.L\\:v-hidden{display:none}}@media (min-width: 1440px){:host(.XL\\:v-block),.XL\\:v-block{display:block}:host(.XL\\:v-inline-block),.XL\\:v-inline-block{display:inline-block}:host(.XL\\:v-hidden),.XL\\:v-hidden{display:none}}:host{display:block;text-align:left;line-height:normal}.accordion{display:block;border-radius:16px}.accordion-title,.accordion-title-slot{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));overflow:hidden;flex-basis:0;flex-grow:1;padding-top:2px;padding-bottom:2px}@media screen and (min-width: 768px) and (max-width: 1023px){.accordion-title,.accordion-title-slot{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.accordion-title,.accordion-title-slot{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.accordion-title,.accordion-title-slot{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}.accordion-prefix-icon{width:24px;height:32px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));box-sizing:border-box;padding-top:4px;padding-bottom:4px;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-shrink:0}.icon-position-center .accordion-prefix-icon{align-self:center}.accordion-content{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.accordion.background{padding:24px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}.accordion.expanded .accordion-content{margin-top:24px}.accordion.collapsed .accordion-content{max-height:0px;overflow:hidden;display:none}.accordion.collapsed .accordion-expand-icon-align-left{transform:rotate(-90deg)}.accordion.collapsed .accordion-expand-icon-align-right{transform:rotate(180deg)}.accordion-expand-icon{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-shrink:0}.icon-position-center .accordion-expand-icon{align-self:center}.hidden{display:none}";
 
 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/esm/vega-app-footer.entry.js

@@ -1,15 +1,15 @@
 import { r as registerInstance, h, H as Host, F as Fragment, g as getElement } from './index-090d31ca.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 { V as VegaInternalThemeManager } from './dark-mode-style-controller-de88a117.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
+import { V as VegaInternalThemeManager } from './dark-mode-style-controller-82e5c1c6.js';
 import { B as BrandSwitchControllerSlimmer } from './brand-switch-state-controller-slimmer-60249013.js';
 import './static-subject-title-52f93124.js';
 import './change-manager-6a7eb88c.js';
 import './observer-3959f9dd.js';
-import './_commonjsHelpers-9943807e.js';
 import './vega-nonce-manager-497e5eb5.js';
 import './try-get-document-bef0f526.js';
+import './index-3b327f29.js';
 
 const HEARTLAND_TOS_URL = 'https://www.heartland.us/terms';
 const HEARTLAND_PRIVACY_URL = 'https://www.heartland.us/privacy-policy';

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

@@ -1,46 +1,41 @@
 import { h, r as registerInstance, c as createEvent, f as forceUpdate, H as Host, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { a as arrayToClassString } from './ui-bb99c0c2.js';
-import { d as formatAndValidBackgroundColor, i as formatAndValidTextColor } from './design-token-007efbaa.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-28ee2dbd.js';
+import { a as arrayToClassString } from './ui-ee31416b.js';
+import { d as formatAndValidBackgroundColor, i as formatAndValidTextColor } from './design-token-5bc034e1.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-aa705823.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { P as PageResizeObserverSlimmer, g as getCurrentBreakpoint } from './page-resize-observer-slimmer-8744cb44.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-e662bee2.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-09827cec.js';
-import { D as DomNodeSubjectObserverFactory, s as VegaDropdownShow, t as VegaDropdownHide, V as VegaDropdownClick, c as VegaReset, a as VegaClick } from './dom-node-subject-observer-factory-064ee2b2.js';
-import { a as VegaInternalIconManager } from './internal-icon-manager-f0486245.js';
+import { g as getCurrentBreakpoint } from './breakpoints-56e5407b.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
+import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-d6af0d86.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-331312b8.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-ffaecb9a.js';
+import { r as VegaDropdownShow, s as VegaDropdownHide, V as VegaDropdownClick, c as VegaReset, a as VegaClick } from './vega-event-id-38aa77a0.js';
+import { V as VegaInternalIconManager } from './internal-icon-manager-bd80b3bb.js';
 import { c as chevronUp } from './chevron-up-b1989751.js';
 import { c as chevronDown } from './chevron-down-4a75d28e.js';
-import './type-guard-c65a227d.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-82f346e3.js';
+import { A as AriaAttributesValueMapper } from './aria-attributes-value-mapper-d4fef46a.js';
+import './type-guard-f50e34d6.js';
 import './breakpoints-d9faf11c.js';
 import './ui-28fd4193.js';
 import './typography-396de03f.js';
-import './translation-96e5debd.js';
+import './internal-translation-controller-911515f9.js';
 import './change-manager-6a7eb88c.js';
 import './static-subject-title-52f93124.js';
-import './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
-import './dynamic-slimmer-90b8af32.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
+import './feature-flag-controller-30f7b625.js';
+import './index-bfc6dfa2.js';
+import './try-get-document-bef0f526.js';
+import './internal-vega-event-manager-32a3d848.js';
 import './vega-env-manager-8f8dc473.js';
-import './function-extension-e8c0e43e.js';
-import './dark-mode-style-controller-de88a117.js';
+import './dynamic-slimmer-90b8af32.js';
+import './icon-manager-539d7cf7.js';
+import './create-public-api-runtime-metrics-slimmer-aaadaa08.js';
+import './misc-9fdbcfbb.js';
 import './observer-3959f9dd.js';
-import './_commonjsHelpers-9943807e.js';
-import './vega-nonce-manager-497e5eb5.js';
-import './try-get-document-bef0f526.js';
-import './internal-vega-event-manager-efb6786e.js';
-import './dto-renderer-manager-ee1a5864.js';
-import './code-block-8ee34ab6.js';
-import './vega-internal-event-id-4a06d705.js';
-import './string-a953eafc.js';
-import './object-66c37948.js';
-import './base-renderer-101f6d04.js';
-import './feature-flag-controller-51659753.js';
-import './index-e9da316f.js';
-import './wait-for-vega-handler-c2c07ac3.js';
+import './mutation-observer-slimmer-58ebc13c.js';
 
 var __decorate$2 = (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;
@@ -235,6 +230,17 @@ const VegaAppHeaderButton = class {
     this.vegaMenuArrowIconRenderer = new VegaMenuArrowIconRenderer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.dropdownRenderer = new VegaAppHeaderButtonDropdownRenderer();
+    this.ariaAttributesValueMapper = new AriaAttributesValueMapper(() => {
+      // the target element which we will apply the aria label to this button
+      return this.host.shadowRoot.querySelector('button');
+    }, {
+      'aria-label': {
+        // meaning if data-aria-label is defined, we will use it as the value of aria-label, otherwise we will use label as the value of aria-label
+        dependency: ['data-aria-label', 'label'],
+        // meaning if the all the values in the above array are all empty or undefined, the default value will be used as the final value of aria-label
+        defaultValue: 'No label defined',
+      },
+    });
     /**
      * Used to determine whether the avatar image is loaded or not.
      */
@@ -302,7 +308,7 @@ const VegaAppHeaderButton = class {
     this.selected = false;
     this.renderButton = (arrowDownIconVisible, labelVisible) => {
       const isIconBtnType = !this.avatar.src && !this.avatar.fallbackText;
-      return (h("button", { type: "button", "aria-label": this.label || 'No label defined', class: arrayToClassString([
+      return (h("button", { type: "button", class: arrayToClassString([
           'vega-app-header-button-container',
           isIconBtnType && 'icon',
           this.showBorder && 'with-border',
@@ -437,6 +443,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaAppHeaderButton.prototype, "dropdownRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaAppHeaderButton.prototype, "ariaAttributesValueMapper", void 0);
 VegaAppHeaderButton.style = vegaAppHeaderButtonCss;
 
 export { VegaAppHeaderButton as vega_app_header_button };

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

@@ -1,8 +1,8 @@
 import { h, H as Host, r as registerInstance, c as createEvent, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as MapToComponentField, M as MapToComponentMethod, 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 { a as arrayToClassString } from './ui-bb99c0c2.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
+import { a as arrayToClassString } from './ui-ee31416b.js';
 
 var __decorate$2 = (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-banner.entry.js

@@ -1,20 +1,22 @@
 import { h, H as Host, r as registerInstance, c as createEvent, g as getElement } from './index-090d31ca.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 { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
-import { g as getDeviceType, D as DeviceType, a as arrayToClassString } from './ui-bb99c0c2.js';
-import { a as VegaInternalIconManager } from './internal-icon-manager-f0486245.js';
-import { D as DomNodeSubjectObserverFactory, a as VegaClick, e as VegaClose, f as VegaActionButtonClick } from './dom-node-subject-observer-factory-064ee2b2.js';
-import { F as FeatureFlag } from './feature-flag-controller-51659753.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-09827cec.js';
-import './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
+import { g as getDeviceType, D as DeviceType, a as arrayToClassString } from './ui-ee31416b.js';
+import { V as VegaInternalIconManager } from './internal-icon-manager-bd80b3bb.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-82f346e3.js';
+import { a as VegaClick, d as VegaClose, e as VegaActionButtonClick } from './vega-event-id-38aa77a0.js';
+import { F as FeatureFlag } from './feature-flag-controller-30f7b625.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-ffaecb9a.js';
+import './icon-manager-539d7cf7.js';
+import './create-public-api-runtime-metrics-slimmer-aaadaa08.js';
 import './dynamic-slimmer-90b8af32.js';
+import './misc-9fdbcfbb.js';
 import './change-manager-6a7eb88c.js';
 import './observer-3959f9dd.js';
-import './index-e9da316f.js';
-import './_commonjsHelpers-9943807e.js';
-import './internal-vega-event-manager-efb6786e.js';
+import './index-bfc6dfa2.js';
+import './internal-vega-event-manager-32a3d848.js';
 import './try-get-document-bef0f526.js';
 
 var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/esm/vega-bar-chart.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, g as getElement, H as Host } from './index-090d31ca.js';
-import { B as BaseDrawer, a as BaseChart, L as LayoutInputProcessor, P as ProcessorChain, b as LegendInputProcessor, c as LegendDrawer } from './legend-input-processor-5ecae3a7.js';
-import { Y as YAxisInputProcessor, X as XAxisInputProcessor, h as XAxisDrawer, i as YAxisDrawer } from './y-axis-input-processor-bc54314a.js';
+import { B as BaseDrawer, a as BaseChart, L as LayoutInputProcessor, P as ProcessorChain, b as LegendInputProcessor, c as LegendDrawer } from './legend-input-processor-122008c5.js';
+import { Y as YAxisInputProcessor, X as XAxisInputProcessor, a as XAxisDrawer, b as YAxisDrawer } from './y-axis-input-processor-c7e05353.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 { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
 import './array-7888f339.js';
 import './number-4398f2e1.js';
 import './typography-396de03f.js';

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

@@ -1,43 +1,28 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { j as formatAndValidStateToken, f as formatAndValidResponsiveToken, k as formatAndValidBorderStyle } from './design-token-007efbaa.js';
-import { a as arrayToClassString } from './ui-bb99c0c2.js';
+import { j as formatAndValidStateToken, f as formatAndValidResponsiveToken, k as formatAndValidBorderStyle } from './design-token-5bc034e1.js';
+import { a as arrayToClassString } from './ui-ee31416b.js';
 import { c as MapToComponentField, M as MapToComponentMethod, 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 { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
 import { v as vegaNonceManager } from './vega-nonce-manager-497e5eb5.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-28ee2dbd.js';
-import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-8744cb44.js';
-import { f as formatFlexStyles } from './style-formatter-314b37f3.js';
-import './type-guard-c65a227d.js';
+import { h as htmlSanitizer, s as styleSanitizeStrategy } from './index-3b327f29.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-aa705823.js';
+import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-d6af0d86.js';
+import { f as formatFlexStyles } from './style-formatter-28138f5c.js';
+import './type-guard-f50e34d6.js';
 import './breakpoints-d9faf11c.js';
 import './ui-28fd4193.js';
 import './typography-396de03f.js';
-import './translation-96e5debd.js';
+import './internal-translation-controller-911515f9.js';
 import './change-manager-6a7eb88c.js';
 import './static-subject-title-52f93124.js';
-import './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
-import './dynamic-slimmer-90b8af32.js';
 import './try-get-document-bef0f526.js';
+import './breakpoints-56e5407b.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
-import './vega-env-manager-8f8dc473.js';
-import './function-extension-e8c0e43e.js';
-import './dark-mode-style-controller-de88a117.js';
-import './observer-3959f9dd.js';
-import './_commonjsHelpers-9943807e.js';
-import './internal-vega-event-manager-efb6786e.js';
-import './dom-node-subject-observer-factory-064ee2b2.js';
-import './dto-renderer-manager-ee1a5864.js';
-import './code-block-8ee34ab6.js';
-import './vega-internal-event-id-4a06d705.js';
-import './string-a953eafc.js';
-import './object-66c37948.js';
-import './internal-icon-manager-f0486245.js';
-import './base-renderer-101f6d04.js';
-import './feature-flag-controller-51659753.js';
-import './index-e9da316f.js';
-import './wait-for-vega-handler-c2c07ac3.js';
+import './feature-flag-controller-30f7b625.js';
+import './index-bfc6dfa2.js';
 
 var __decorate$2 = (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;
@@ -102,7 +87,7 @@ class VegaBoxStateStylesController extends VegaSlimmer {
       if (vegaNonceManager.nonce) {
         styleElement.setAttribute('nonce', vegaNonceManager.nonce);
       }
-      styleElement.innerHTML = formatAndValidStateToken(token, flag);
+      styleElement.innerHTML = htmlSanitizer.sanitize(formatAndValidStateToken(token, flag), styleSanitizeStrategy);
       this.host.shadowRoot.append(styleElement);
     }
   }
@@ -222,7 +207,7 @@ class VegaBoxResponsiveStyleController extends VegaSlimmer {
         }
         container.appendChild(this[elementKey]);
       }
-      this[elementKey].innerHTML = cssText;
+      this[elementKey].innerHTML = htmlSanitizer.sanitize(cssText, styleSanitizeStrategy);
     }
   }
 }

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

@@ -1,18 +1,20 @@
 import { h, r as registerInstance, H as Host, g as getElement } from './index-090d31ca.js';
 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 { a as VegaInternalIconManager } from './internal-icon-manager-f0486245.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
+import { V as VegaInternalIconManager } from './internal-icon-manager-bd80b3bb.js';
 import { D as DarkModeStateControllerSlimmer } from './dark-mode-state-controller-slimmer-f2b4f8ed.js';
-import { V as VegaInternalThemeManager } from './dark-mode-style-controller-de88a117.js';
-import './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
+import { V as VegaInternalThemeManager } from './dark-mode-style-controller-82e5c1c6.js';
+import './icon-manager-539d7cf7.js';
+import './create-public-api-runtime-metrics-slimmer-aaadaa08.js';
 import './dynamic-slimmer-90b8af32.js';
+import './misc-9fdbcfbb.js';
 import './static-subject-title-52f93124.js';
 import './observer-3959f9dd.js';
 import './change-manager-6a7eb88c.js';
-import './_commonjsHelpers-9943807e.js';
 import './vega-nonce-manager-497e5eb5.js';
 import './try-get-document-bef0f526.js';
+import './index-3b327f29.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/esm/vega-breadcrumb.entry.js

@@ -1,22 +1,23 @@
 import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-090d31ca.js';
 import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { g as getDeviceType, D as DeviceType } from './ui-bb99c0c2.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
-import { D as DomNodeSubjectObserverFactory, a as VegaClick } from './dom-node-subject-observer-factory-064ee2b2.js';
+import { g as getDeviceType, D as DeviceType } from './ui-ee31416b.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-82f346e3.js';
+import { a as VegaClick } from './vega-event-id-38aa77a0.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-e662bee2.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-09827cec.js';
-import { C as ComponentGlobalStyleSlimmer } from './component-global-style-slimmer-08046b38.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-331312b8.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-ffaecb9a.js';
+import { C as ComponentGlobalStyleSlimmer } from './component-global-style-slimmer-ac703085.js';
 import './change-manager-6a7eb88c.js';
 import './observer-3959f9dd.js';
-import './internal-vega-event-manager-efb6786e.js';
+import './internal-vega-event-manager-32a3d848.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-51659753.js';
-import './index-e9da316f.js';
-import './_commonjsHelpers-9943807e.js';
+import './feature-flag-controller-30f7b625.js';
+import './index-bfc6dfa2.js';
 import './dynamic-slimmer-90b8af32.js';
 import './try-get-document-bef0f526.js';
 import './vega-nonce-manager-497e5eb5.js';
+import './index-3b327f29.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/esm/vega-button-circle.entry.js

@@ -1,44 +1,36 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { i as formatAndValidTextColor } from './design-token-007efbaa.js';
+import { i as formatAndValidTextColor } from './design-token-5bc034e1.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.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 { c as createEventEmitSlimmer } from './event-emit-slimmer-09827cec.js';
-import { a as VegaClick, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-064ee2b2.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-e662bee2.js';
-import { f as findParent } from './ui-bb99c0c2.js';
-import { d as VegaInternalFormSubmit, e as VegaInternalFormReset } from './vega-internal-event-id-4a06d705.js';
-import './type-guard-c65a227d.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-ffaecb9a.js';
+import { a as VegaClick } from './vega-event-id-38aa77a0.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-331312b8.js';
+import { f as findParent } from './ui-ee31416b.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-82f346e3.js';
+import { c as VegaInternalFormSubmit, d as VegaInternalFormReset } from './vega-internal-event-id-799d012e.js';
+import { h as htmlSanitizer, e as emptySanitizeStrategy } from './index-3b327f29.js';
+import { A as AriaAttributesValueMapper } from './aria-attributes-value-mapper-d4fef46a.js';
+import './type-guard-f50e34d6.js';
 import './breakpoints-d9faf11c.js';
 import './ui-28fd4193.js';
 import './typography-396de03f.js';
-import './translation-96e5debd.js';
+import './internal-translation-controller-911515f9.js';
 import './static-subject-title-52f93124.js';
-import './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
-import './dynamic-slimmer-90b8af32.js';
-import './responsive-format-facade-28ee2dbd.js';
-import './page-resize-observer-slimmer-8744cb44.js';
-import './try-get-document-bef0f526.js';
+import './responsive-format-facade-aa705823.js';
+import './breakpoints-56e5407b.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
+import './feature-flag-controller-30f7b625.js';
+import './index-bfc6dfa2.js';
+import './dynamic-slimmer-90b8af32.js';
+import './internal-vega-event-manager-32a3d848.js';
+import './try-get-document-bef0f526.js';
 import './vega-env-manager-8f8dc473.js';
-import './function-extension-e8c0e43e.js';
-import './dark-mode-style-controller-de88a117.js';
 import './observer-3959f9dd.js';
-import './_commonjsHelpers-9943807e.js';
-import './vega-nonce-manager-497e5eb5.js';
-import './internal-vega-event-manager-efb6786e.js';
-import './dto-renderer-manager-ee1a5864.js';
-import './code-block-8ee34ab6.js';
-import './string-a953eafc.js';
-import './object-66c37948.js';
-import './internal-icon-manager-f0486245.js';
-import './base-renderer-101f6d04.js';
-import './feature-flag-controller-51659753.js';
-import './index-e9da316f.js';
-import './wait-for-vega-handler-c2c07ac3.js';
+import './mutation-observer-slimmer-58ebc13c.js';
 
 const VegaButtonCircleRuntimeMetricsPayloadDefinition = [
   {
@@ -106,6 +98,17 @@ const VegaButtonCircle = class {
         }
       },
     });
+    this.ariaAttributesValueMapper = new AriaAttributesValueMapper(() => {
+      return this.host.shadowRoot.querySelector('button');
+    }, {
+      'aria-label': {
+        dependency: ['data-aria-label', 'label'],
+        defaultValue: 'No label defined',
+      },
+      'aria-expanded': {
+        dependency: ['data-aria-expanded'],
+      },
+    });
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaButtonCircleRuntimeMetricsPayloadDefinition);
     /**
      * Specifies the size of the circular button.
@@ -181,15 +184,14 @@ const VegaButtonCircle = class {
     };
   }
   componentWillLoad() {
-    this.host.innerHTML = '';
+    this.host.innerHTML = htmlSanitizer.sanitize('', emptySanitizeStrategy);
   }
   render() {
     var _a;
     return sanitizeVegaComponent(h(Host, null, h("vega-tooltip", { text: this.label, trigger: this.label && this.showTooltip && !this.disabled ? 'hover' : 'none', disableInteractive: (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.disableInteractive }, this.renderButton())), this.host);
   }
   renderButton() {
-    var _a;
-    return (h("button", { type: this.type, "aria-label": ((_a = this.label) === null || _a === void 0 ? void 0 : _a.trim()) || 'No label defined', class: {
+    return (h("button", { type: this.type, class: {
         [`vega-button-circle-size-${this.size}`]: true,
         [`vega-button-circle-variant-${this.variant}`]: true,
         'vega-button-circle-danger': this.danger,
@@ -227,6 +229,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaButtonCircle.prototype, "eventPrevent", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaButtonCircle.prototype, "ariaAttributesValueMapper", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaButtonCircle.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);