@heartlandone/vega 2.76.0 → 2.77.1

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

@@ -1,31 +1,31 @@
 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-ee31416b.js';
-import { d as formatAndValidBackgroundColor, i as formatAndValidTextColor } from './design-token-4aee1c56.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-7a071174.js';
+import { f as formatAndValidResponsiveToken, d as formatAndValidBackgroundColor, i as formatAndValidTextColor } from './design-token-7dec1eab.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-2a36c54a.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.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-649b9d30.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 { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-82f346e3.js';
-import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-58ebc13c.js';
-import './type-guard-f50e34d6.js';
+import { A as AriaAttributesValueMapper } from './aria-attributes-value-mapper-2c632641.js';
+import './type-guard-af324dcd.js';
 import './breakpoints-d9faf11c.js';
 import './ui-28fd4193.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-911515f9.js';
+import './internal-translation-controller-113a6288.js';
 import './change-manager-6a7eb88c.js';
 import './static-subject-title-52f93124.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
-import './feature-flag-controller-09ea7e87.js';
+import './feature-flag-controller-30f7b625.js';
 import './index-bfc6dfa2.js';
 import './try-get-document-bef0f526.js';
 import './internal-vega-event-manager-32a3d848.js';
@@ -35,8 +35,9 @@ import './icon-manager-539d7cf7.js';
 import './create-public-api-runtime-metrics-slimmer-aaadaa08.js';
 import './misc-9fdbcfbb.js';
 import './observer-3959f9dd.js';
+import './mutation-observer-slimmer-58ebc13c.js';
 
-var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+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;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -54,11 +55,11 @@ class VegaMenuArrowIconRenderer extends VegaSlimmer {
     'chevron-down': chevronDown,
   });
 })();
-__decorate$3([
+__decorate$2([
   MapToComponentField()
 ], VegaMenuArrowIconRenderer.prototype, "isDropdownShow", void 0);
 
-var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+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;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -166,156 +167,30 @@ class VegaAppHeaderButtonDropdownRenderer extends VegaSlimmer {
     return !!this.host.querySelector('[slot=items]');
   }
 }
-__decorate$2([
+__decorate$1([
   MapToComponentField()
 ], VegaAppHeaderButtonDropdownRenderer.prototype, "host", void 0);
-__decorate$2([
+__decorate$1([
   MapToComponentField()
 ], VegaAppHeaderButtonDropdownRenderer.prototype, "dropdown", void 0);
-__decorate$2([
+__decorate$1([
   MapToComponentField({ writable: true })
 ], VegaAppHeaderButtonDropdownRenderer.prototype, "isDropdownShow", void 0);
-__decorate$2([
+__decorate$1([
   MapToComponentField()
 ], VegaAppHeaderButtonDropdownRenderer.prototype, "dropdownEventPrevent", void 0);
-__decorate$2([
+__decorate$1([
   MapToComponentField()
 ], VegaAppHeaderButtonDropdownRenderer.prototype, "dropdownClickEventEmitter", void 0);
-__decorate$2([
+__decorate$1([
   MapToComponentField()
 ], VegaAppHeaderButtonDropdownRenderer.prototype, "resetEventEmitter", void 0);
-__decorate$2([
+__decorate$1([
   MapToComponentMethod('connectedCallback')
 ], VegaAppHeaderButtonDropdownRenderer.prototype, "connectedCallback", null);
-__decorate$2([
-  MapToComponentMethod('componentDidLoad')
-], VegaAppHeaderButtonDropdownRenderer.prototype, "appendHostItemsToDropdown", null);
-
-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;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-/**
- * Maps component attributes/properties to aria-XXX attributes on an inner native element.
- * Observes attribute changes on host and updates the target element accordingly.
- */
-class AriaAttributesValueMapper extends MutationObserverSlimmer {
-  /**
-   * The constructor initializes a class instance with a targetGetter function and an ariaMap.
-   *
-   * @param {() => HTMLElement} targetGetter - a function that returns the target element to set aria attributes on
-   * @param {AriaAttributesMap} ariaMap - a map where the key is the aria attribute to set on the target element, and the value is an object that defines the dependencies (attributes/properties on host to check for value) and an optional default value
-   */
-  constructor(targetGetter, ariaMap) {
-    // Build attributeFilter from dependencies
-    const attrs = Array.from(new Set(Object.values(ariaMap).reduce((acc, cur) => acc.concat(cur.dependency), [])));
-    // create entry for MutationObserverSlimmer to observe host attributes (omit target so host is observed)
-    super({
-      options: { attributes: true, attributeFilter: attrs },
-      // eslint-disable-next-line jsdoc/require-jsdoc
-      callback: (mutations) => {
-        this.handleMutations(mutations);
-      },
-    });
-    this.targetGetter = targetGetter;
-    this.ariaMap = ariaMap;
-  }
-  /**
-   * Component lifecycle - [componentDidLoad]
-   */
-  componentDidLoad() {
-    this.performMapping();
-    super.componentDidLoad && super.componentDidLoad();
-  }
-  /**
-   * Run mapping after each component render to ensure refs assigned and
-   * attributes/properties are up-to-date. This guarantees the mapper runs
-   * even when attribute changes are observed before the inner target ref
-   * is available.
-   */
-  componentDidRender() {
-    this.performMapping();
-  }
-  /**
-   * The `handleMutations` function processes an array of `MutationRecord` objects to determine which attributes have changed and then calls the `performMapping` function to update the corresponding aria attributes on the target element. It collects the names of the changed attributes into a set and passes it to the `performMapping` function, which uses this information to decide which aria attributes need to be updated based on their defined dependencies.
-   *
-   * @param {MutationRecord[]} mutations - an array of MutationRecord objects that represent the changes observed by the MutationObserver. Each MutationRecord contains information about the type of mutation, the target element that was mutated, and any relevant attribute names if the mutation was an attribute change.
-   */
-  handleMutations(mutations) {
-    const changedAttrs = new Set();
-    if (mutations && mutations.length) {
-      for (const m of mutations) {
-        if (m.attributeName)
-          changedAttrs.add(m.attributeName);
-      }
-    }
-    this.performMapping(changedAttrs.size ? changedAttrs : undefined);
-  }
-  /**
-   * The `performMapping` function updates the aria attributes on the target element based on the defined dependencies in the `ariaMap`. It checks which attributes have changed (if provided) and only updates the aria attributes that depend on those changed attributes. For each aria attribute defined in the `ariaMap`, it looks for the first non-empty value among its dependencies (checking both attributes and properties on the host element) and sets that as the value of the aria attribute on the target element. If all dependencies are empty or undefined, it uses the default value specified in the `ariaMap`. The function also includes error handling when setting attributes on the target element.
-   *
-   * @param {Set<string>} changedAttrs - a set of attribute names that have changed on the host element
-   */
-  performMapping(changedAttrs) {
-    const target = this.targetGetter ? this.targetGetter() : null;
-    if (!target)
-      return;
-    const host = this.host;
-    Object.keys(this.ariaMap).forEach((ariaAttr) => {
-      const { dependency, defaultValue } = this.ariaMap[ariaAttr];
-      // If no relevant dependency changed, skip updating this ariaAttr
-      if (changedAttrs && !dependency.some((item) => changedAttrs.has(item))) {
-        return;
-      }
-      let finalValue = null;
-      for (const item of dependency) {
-        // Try attribute first
-        let val = host.getAttribute(item);
-        if (val === null || val === undefined || val === '') {
-          // Try property on host if attribute not present or empty
-          // support dashed-name -> camelCase property (e.g. data-aria-label -> dataAriaLabel)
-          const camel = item.replace(/-([a-z])/g, (_m, p1) => p1.toUpperCase());
-          const p1 = host[item];
-          const p2 = host[camel];
-          if (p1 !== undefined && p1 !== null) {
-            val = String(p1);
-          }
-          else if (p2 !== undefined && p2 !== null) {
-            val = String(p2);
-          }
-        }
-        if (val !== null && val !== undefined && String(val).trim() !== '') {
-          finalValue = val;
-          break;
-        }
-      }
-      if (finalValue === null || finalValue === undefined || String(finalValue).trim() === '') {
-        finalValue = defaultValue !== null && defaultValue !== void 0 ? defaultValue : '';
-      }
-      try {
-        const existing = target.getAttribute(ariaAttr);
-        if (existing !== finalValue) {
-          target.setAttribute(ariaAttr, finalValue);
-        }
-      }
-      catch (e) {
-        LogUtility.warn('Errors occurred when setting aria attribute:', {
-          ariaAttr,
-          finalValue,
-          error: e,
-        });
-      }
-    });
-  }
-}
 __decorate$1([
   MapToComponentMethod('componentDidLoad')
-], AriaAttributesValueMapper.prototype, "componentDidLoad", null);
-__decorate$1([
-  MapToComponentMethod('componentDidRender')
-], AriaAttributesValueMapper.prototype, "componentDidRender", null);
+], VegaAppHeaderButtonDropdownRenderer.prototype, "appendHostItemsToDropdown", null);
 
 const vegaAppHeaderButtonCss = ":host(.v-bg-brand),.v-bg-brand{background-color:rgba(var(--v-bg-brand, 51, 57, 61, 1))}:host(.v-bg-page),.v-bg-page{background-color:rgba(var(--v-bg-page, 240, 243, 247, 1))}:host(.v-bg-primary),.v-bg-primary{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}:host(.v-bg-secondary),.v-bg-secondary{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(.v-bg-tertiary),.v-bg-tertiary{background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1))}:host(.v-bg-quaternary),.v-bg-quaternary{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host(.v-bg-inverted-primary),.v-bg-inverted-primary{background-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1))}:host(.v-bg-inverted-secondary),.v-bg-inverted-secondary{background-color:rgba(var(--v-bg-inverted-secondary, 18, 18, 39, 1))}:host(.v-bg-inverted-tertiary),.v-bg-inverted-tertiary{background-color:rgba(var(--v-bg-inverted-tertiary, 24, 24, 48, 1))}:host(.v-bg-inverted-quaternary),.v-bg-inverted-quaternary{background-color:rgba(var(--v-bg-inverted-quaternary, 70, 71, 101, 1))}:host(.v-bg-action),.v-bg-action{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.v-bg-action-hover),.v-bg-action-hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}:host(.v-bg-action-focus),.v-bg-action-focus{background-color:rgba(var(--v-bg-action-focus, 19, 98, 226, 1))}:host(.v-bg-action-active),.v-bg-action-active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}:host(.v-bg-action-quaternary),.v-bg-action-quaternary{background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}:host(.v-bg-action-quaternary-hover),.v-bg-action-quaternary-hover{background-color:rgba(var(--v-bg-action-quaternary-hover, 239, 239, 239, 1))}:host(.v-bg-action-quaternary-active),.v-bg-action-quaternary-active{background-color:rgba(var(--v-bg-action-quaternary-active, 205, 209, 211, 1))}:host(.v-bg-action-secondary),.v-bg-action-secondary{background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}:host(.v-bg-action-secondary-hover),.v-bg-action-secondary-hover{background-color:rgba(var(--v-bg-action-secondary-hover, 4, 112, 236, 0.1))}:host(.v-bg-action-secondary-active),.v-bg-action-secondary-active{background-color:rgba(var(--v-bg-action-secondary-active, 29, 65, 195, 0.1))}:host(.v-bg-action-tertiary),.v-bg-action-tertiary{background-color:rgba(var(--v-bg-action-tertiary, 0, 0, 0, 0))}:host(.v-bg-action-tertiary-hover),.v-bg-action-tertiary-hover{background-color:rgba(var(--v-bg-action-tertiary-hover, 4, 4, 28, 0.05))}:host(.v-bg-action-tertiary-active),.v-bg-action-tertiary-active{background-color:rgba(var(--v-bg-action-tertiary-active, 4, 4, 28, 0.1))}:host(.v-bg-app-header),.v-bg-app-header{background-color:rgba(var(--v-bg-app-header, 240, 243, 247, 0.88))}:host(.v-bg-backdrop-modal),.v-bg-backdrop-modal{background-color:rgba(var(--v-bg-backdrop-modal, 18, 18, 39, 0.85))}:host(.v-bg-backdrop-popover),.v-bg-backdrop-popover{background-color:rgba(var(--v-bg-backdrop-popover, 32, 54, 69, 0.16))}:host(.v-bg-backdrop-sidebar),.v-bg-backdrop-sidebar{background-color:rgba(var(--v-bg-backdrop-sidebar, 18, 18, 39, 0.85))}:host(.v-bg-chip),.v-bg-chip{background-color:rgba(var(--v-bg-chip, 32, 54, 69, 0.06))}:host(.v-bg-chip-hover),.v-bg-chip-hover{background-color:rgba(var(--v-bg-chip-hover, 32, 54, 69, 0.12))}:host(.v-bg-chip-active),.v-bg-chip-active{background-color:rgba(var(--v-bg-chip-active, 32, 54, 69, 0.2))}:host(.v-bg-danger),.v-bg-danger{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}:host(.v-bg-danger-hover),.v-bg-danger-hover{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}:host(.v-bg-danger-focus),.v-bg-danger-focus{background-color:rgba(var(--v-bg-danger-focus, 189, 41, 71, 1))}:host(.v-bg-danger-active),.v-bg-danger-active{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}:host(.v-bg-danger-tertiary),.v-bg-danger-tertiary{background-color:rgba(var(--v-bg-danger-tertiary, 0, 0, 0, 0))}:host(.v-bg-danger-tertiary-hover),.v-bg-danger-tertiary-hover{background-color:rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2))}:host(.v-bg-danger-tertiary-active),.v-bg-danger-tertiary-active{background-color:rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2))}:host(.v-bg-disabled),.v-bg-disabled{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}:host(.v-bg-divider),.v-bg-divider{background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1))}:host(.v-bg-divider-secondary),.v-bg-divider-secondary{background-color:rgba(var(--v-bg-divider-secondary, 199, 217, 229, 1))}:host(.v-bg-keypad-btn-active),.v-bg-keypad-btn-active{background-color:rgba(var(--v-bg-keypad-btn-active, 229, 239, 255, 1))}:host(.v-bg-loading-progress),.v-bg-loading-progress{background-color:rgba(var(--v-bg-loading-progress, 153, 192, 255, 1))}:host(.v-bg-loading-track),.v-bg-loading-track{background-color:rgba(var(--v-bg-loading-track, 229, 239, 255, 1))}:host(.v-bg-segment-hover),.v-bg-segment-hover{background-color:rgba(var(--v-bg-segment-hover, 205, 209, 211, 1))}:host(.v-bg-segment-control),.v-bg-segment-control{background-color:rgba(var(--v-bg-segment-control, 89, 96, 99, 0.1))}:host(.v-bg-selected),.v-bg-selected{background-color:rgba(var(--v-bg-selected, 0, 151, 255, 0.3))}:host(.v-bg-sidebar),.v-bg-sidebar{background-color:rgba(var(--v-bg-sidebar, 18, 18, 39, 1))}:host(.v-bg-sidebar-icon),.v-bg-sidebar-icon{background-color:rgba(var(--v-bg-sidebar-icon, 188, 186, 213, 1))}:host(.v-bg-sidebar-icon-hover),.v-bg-sidebar-icon-hover{background-color:rgba(var(--v-bg-sidebar-icon-hover, 18, 18, 39, 1))}:host(.v-bg-sidebar-icon-selected),.v-bg-sidebar-icon-selected{background-color:rgba(var(--v-bg-sidebar-icon-selected, 252, 252, 252, 1))}:host(.v-bg-sidebar-item-hover),.v-bg-sidebar-item-hover{background-color:rgba(var(--v-bg-sidebar-item-hover, 252, 252, 252, 1))}:host(.v-bg-sidebar-item-selected),.v-bg-sidebar-item-selected{background-color:rgba(var(--v-bg-sidebar-item-selected, 19, 98, 226, 0.4))}:host(.v-bg-site-footer),.v-bg-site-footer{background-color:rgba(var(--v-bg-site-footer, 51, 57, 61, 1))}:host(.v-bg-site-footer-action),.v-bg-site-footer-action{background-color:rgba(var(--v-bg-site-footer-action, 171, 198, 216, 1))}:host(.v-bg-site-footer-action-hover),.v-bg-site-footer-action-hover{background-color:rgba(var(--v-bg-site-footer-action-hover, 199, 217, 229, 1))}:host(.v-bg-site-footer-action-active),.v-bg-site-footer-action-active{background-color:rgba(var(--v-bg-site-footer-action-active, 143, 179, 203, 1))}:host(.v-bg-site-footer-field),.v-bg-site-footer-field{background-color:rgba(var(--v-bg-site-footer-field, 89, 96, 99, 1))}:host(.v-bg-slider-handle),.v-bg-slider-handle{background-color:rgba(var(--v-bg-slider-handle, 252, 252, 252, 1))}:host(.v-bg-status-error),.v-bg-status-error{background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1))}:host(.v-bg-status-info),.v-bg-status-info{background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1))}:host(.v-bg-status-success),.v-bg-status-success{background-color:rgba(var(--v-bg-status-success, 160, 233, 167, 1))}:host(.v-bg-status-warning),.v-bg-status-warning{background-color:rgba(var(--v-bg-status-warning, 255, 220, 131, 1))}:host(.v-bg-tab),.v-bg-tab{background-color:rgba(var(--v-bg-tab, 240, 243, 247, 1))}:host(.v-bg-tab-hover),.v-bg-tab-hover{background-color:rgba(var(--v-bg-tab-hover, 245, 247, 247, 1))}:host(.v-bg-tab-selected),.v-bg-tab-selected{background-color:rgba(var(--v-bg-tab-selected, 32, 54, 69, 1))}:host(.v-bg-table-alt-row),.v-bg-table-alt-row{background-color:rgba(var(--v-bg-table-alt-row, 245, 247, 247, 1))}:host(.v-bg-table-header),.v-bg-table-header{background-color:rgba(var(--v-bg-table-header, 240, 243, 247, 1))}:host(.v-bg-table-row-hover),.v-bg-table-row-hover{background-color:rgba(var(--v-bg-table-row-hover, 241, 248, 251, 1))}:host(.v-bg-table-row-selected-expanded),.v-bg-table-row-selected-expanded{background-color:rgba(var(--v-bg-table-row-selected-expanded, 229, 239, 255, 1))}:host(.v-bg-table-selected-row),.v-bg-table-selected-row{background-color:rgba(var(--v-bg-table-selected-row, 204, 223, 255, 1))}:host(.v-bg-textarea-count),.v-bg-textarea-count{background-color:rgba(var(--v-bg-textarea-count, 4, 4, 28, 0.6))}:host(.v-bg-tile),.v-bg-tile{background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1))}:host(.v-bg-tile-hover),.v-bg-tile-hover{background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1))}:host(.v-bg-tile-selected),.v-bg-tile-selected{background-color:rgba(var(--v-bg-tile-selected, 242, 247, 255, 1))}:host(.v-bg-tile-selected-hover),.v-bg-tile-selected-hover{background-color:rgba(var(--v-bg-tile-selected-hover, 229, 239, 255, 1))}:host(.v-bg-toggle-switch),.v-bg-toggle-switch{background-color:rgba(var(--v-bg-toggle-switch, 107, 116, 125, 0.7))}:host(.v-bg-toggle-switch-hover),.v-bg-toggle-switch-hover{background-color:rgba(var(--v-bg-toggle-switch-hover, 107, 116, 125, 1))}:host(.v-bg-toggle-switch-selected-disabled),.v-bg-toggle-switch-selected-disabled{background-color:rgba(var(--v-bg-toggle-switch-selected-disabled, 153, 192, 255, 1))}:host(.v-bg-transparent),.v-bg-transparent{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}:host(.v-bg-accent1-primary),.v-bg-accent1-primary{background-color:rgba(var(--v-bg-accent1-primary, 115, 230, 220, 1))}:host(.v-bg-accent1-secondary),.v-bg-accent1-secondary{background-color:rgba(var(--v-bg-accent1-secondary, 193, 244, 239, 1))}:host(.v-bg-accent1-tertiary),.v-bg-accent1-tertiary{background-color:rgba(var(--v-bg-accent1-tertiary, 224, 249, 247, 1))}:host(.v-bg-accent2-primary),.v-bg-accent2-primary{background-color:rgba(var(--v-bg-accent2-primary, 128, 107, 255, 1))}:host(.v-bg-accent2-secondary),.v-bg-accent2-secondary{background-color:rgba(var(--v-bg-accent2-secondary, 199, 189, 255, 1))}:host(.v-bg-accent2-tertiary),.v-bg-accent2-tertiary{background-color:rgba(var(--v-bg-accent2-tertiary, 227, 222, 255, 1))}:host(.v-bg-accent3-primary),.v-bg-accent3-primary{background-color:rgba(var(--v-bg-accent3-primary, 255, 220, 131, 1))}:host(.v-bg-accent3-secondary),.v-bg-accent3-secondary{background-color:rgba(var(--v-bg-accent3-secondary, 255, 239, 200, 1))}:host(.v-bg-accent3-tertiary),.v-bg-accent3-tertiary{background-color:rgba(var(--v-bg-accent3-tertiary, 255, 247, 227, 1))}:host(.v-bg-accent4-primary),.v-bg-accent4-primary{background-color:rgba(var(--v-bg-accent4-primary, 255, 149, 113, 1))}:host(.v-bg-accent4-secondary),.v-bg-accent4-secondary{background-color:rgba(var(--v-bg-accent4-secondary, 255, 208, 192, 1))}:host(.v-bg-accent4-tertiary),.v-bg-accent4-tertiary{background-color:rgba(var(--v-bg-accent4-tertiary, 255, 231, 223, 1))}:host(.v-bg-accent5-primary),.v-bg-accent5-primary{background-color:rgba(var(--v-bg-accent5-primary, 0, 187, 255, 1))}:host(.v-bg-accent5-secondary),.v-bg-accent5-secondary{background-color:rgba(var(--v-bg-accent5-secondary, 142, 223, 249, 1))}:host(.v-bg-accent5-tertiary),.v-bg-accent5-tertiary{background-color:rgba(var(--v-bg-accent5-tertiary, 227, 247, 253, 1))}:host(.v-bg-accent6-primary),.v-bg-accent6-primary{background-color:rgba(var(--v-bg-accent6-primary, 255, 130, 201, 1))}:host(.v-bg-accent6-secondary),.v-bg-accent6-secondary{background-color:rgba(var(--v-bg-accent6-secondary, 255, 199, 231, 1))}:host(.v-bg-accent6-tertiary),.v-bg-accent6-tertiary{background-color:rgba(var(--v-bg-accent6-tertiary, 255, 227, 243, 1))}:host(.v-bg-accent7-primary),.v-bg-accent7-primary{background-color:rgba(var(--v-bg-accent7-primary, 37, 159, 159, 1))}:host(.v-bg-accent7-secondary),.v-bg-accent7-secondary{background-color:rgba(var(--v-bg-accent7-secondary, 155, 212, 214, 1))}:host(.v-bg-accent7-tertiary),.v-bg-accent7-tertiary{background-color:rgba(var(--v-bg-accent7-tertiary, 208, 239, 239, 1))}:host(.v-bg-accent8-primary),.v-bg-accent8-primary{background-color:rgba(var(--v-bg-accent8-primary, 86, 61, 130, 1))}:host(.v-bg-accent8-secondary),.v-bg-accent8-secondary{background-color:rgba(var(--v-bg-accent8-secondary, 199, 162, 204, 1))}:host(.v-bg-accent8-tertiary),.v-bg-accent8-tertiary{background-color:rgba(var(--v-bg-accent8-tertiary, 230, 214, 234, 1))}:host(.v-bg-accent9-primary),.v-bg-accent9-primary{background-color:rgba(var(--v-bg-accent9-primary, 255, 191, 63, 1))}:host(.v-bg-accent9-secondary),.v-bg-accent9-secondary{background-color:rgba(var(--v-bg-accent9-secondary, 254, 215, 142, 1))}:host(.v-bg-accent9-tertiary),.v-bg-accent9-tertiary{background-color:rgba(var(--v-bg-accent9-tertiary, 251, 226, 185, 1))}:host(.v-bg-accent10-primary),.v-bg-accent10-primary{background-color:rgba(var(--v-bg-accent10-primary, 237, 122, 35, 1))}:host(.v-bg-accent10-secondary),.v-bg-accent10-secondary{background-color:rgba(var(--v-bg-accent10-secondary, 241, 146, 85, 1))}:host(.v-bg-accent10-tertiary),.v-bg-accent10-tertiary{background-color:rgba(var(--v-bg-accent10-tertiary, 245, 187, 148, 1))}:host(.v-bg-date-picker-range),.v-bg-date-picker-range{background-color:rgba(var(--v-bg-date-picker-range, 229, 239, 255, 1))}:host(.v-fill-bg-brand),.v-fill-bg-brand{background-color:rgba(var(--v-bg-brand, 51, 57, 61, 1))}:host(.v-fill-bg-page),.v-fill-bg-page{background-color:rgba(var(--v-bg-page, 240, 243, 247, 1))}:host(.v-fill-bg-primary),.v-fill-bg-primary{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}:host(.v-fill-bg-secondary),.v-fill-bg-secondary{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(.v-fill-bg-tertiary),.v-fill-bg-tertiary{background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1))}:host(.v-fill-bg-quaternary),.v-fill-bg-quaternary{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host(.v-fill-bg-inverted-primary),.v-fill-bg-inverted-primary{background-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1))}:host(.v-fill-bg-inverted-secondary),.v-fill-bg-inverted-secondary{background-color:rgba(var(--v-bg-inverted-secondary, 18, 18, 39, 1))}:host(.v-fill-bg-inverted-tertiary),.v-fill-bg-inverted-tertiary{background-color:rgba(var(--v-bg-inverted-tertiary, 24, 24, 48, 1))}:host(.v-fill-bg-inverted-quaternary),.v-fill-bg-inverted-quaternary{background-color:rgba(var(--v-bg-inverted-quaternary, 70, 71, 101, 1))}:host(.v-fill-bg-action),.v-fill-bg-action{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.v-fill-bg-action-hover),.v-fill-bg-action-hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}:host(.v-fill-bg-action-focus),.v-fill-bg-action-focus{background-color:rgba(var(--v-bg-action-focus, 19, 98, 226, 1))}:host(.v-fill-bg-action-active),.v-fill-bg-action-active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}:host(.v-fill-bg-action-quaternary),.v-fill-bg-action-quaternary{background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}:host(.v-fill-bg-action-quaternary-hover),.v-fill-bg-action-quaternary-hover{background-color:rgba(var(--v-bg-action-quaternary-hover, 239, 239, 239, 1))}:host(.v-fill-bg-action-quaternary-active),.v-fill-bg-action-quaternary-active{background-color:rgba(var(--v-bg-action-quaternary-active, 205, 209, 211, 1))}:host(.v-fill-bg-action-secondary),.v-fill-bg-action-secondary{background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}:host(.v-fill-bg-action-secondary-hover),.v-fill-bg-action-secondary-hover{background-color:rgba(var(--v-bg-action-secondary-hover, 4, 112, 236, 0.1))}:host(.v-fill-bg-action-secondary-active),.v-fill-bg-action-secondary-active{background-color:rgba(var(--v-bg-action-secondary-active, 29, 65, 195, 0.1))}:host(.v-fill-bg-action-tertiary),.v-fill-bg-action-tertiary{background-color:rgba(var(--v-bg-action-tertiary, 0, 0, 0, 0))}:host(.v-fill-bg-action-tertiary-hover),.v-fill-bg-action-tertiary-hover{background-color:rgba(var(--v-bg-action-tertiary-hover, 4, 4, 28, 0.05))}:host(.v-fill-bg-action-tertiary-active),.v-fill-bg-action-tertiary-active{background-color:rgba(var(--v-bg-action-tertiary-active, 4, 4, 28, 0.1))}:host(.v-fill-bg-app-header),.v-fill-bg-app-header{background-color:rgba(var(--v-bg-app-header, 240, 243, 247, 0.88))}:host(.v-fill-bg-backdrop-modal),.v-fill-bg-backdrop-modal{background-color:rgba(var(--v-bg-backdrop-modal, 18, 18, 39, 0.85))}:host(.v-fill-bg-backdrop-popover),.v-fill-bg-backdrop-popover{background-color:rgba(var(--v-bg-backdrop-popover, 32, 54, 69, 0.16))}:host(.v-fill-bg-backdrop-sidebar),.v-fill-bg-backdrop-sidebar{background-color:rgba(var(--v-bg-backdrop-sidebar, 18, 18, 39, 0.85))}:host(.v-fill-bg-chip),.v-fill-bg-chip{background-color:rgba(var(--v-bg-chip, 32, 54, 69, 0.06))}:host(.v-fill-bg-chip-hover),.v-fill-bg-chip-hover{background-color:rgba(var(--v-bg-chip-hover, 32, 54, 69, 0.12))}:host(.v-fill-bg-chip-active),.v-fill-bg-chip-active{background-color:rgba(var(--v-bg-chip-active, 32, 54, 69, 0.2))}:host(.v-fill-bg-danger),.v-fill-bg-danger{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}:host(.v-fill-bg-danger-hover),.v-fill-bg-danger-hover{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}:host(.v-fill-bg-danger-focus),.v-fill-bg-danger-focus{background-color:rgba(var(--v-bg-danger-focus, 189, 41, 71, 1))}:host(.v-fill-bg-danger-active),.v-fill-bg-danger-active{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}:host(.v-fill-bg-danger-tertiary),.v-fill-bg-danger-tertiary{background-color:rgba(var(--v-bg-danger-tertiary, 0, 0, 0, 0))}:host(.v-fill-bg-danger-tertiary-hover),.v-fill-bg-danger-tertiary-hover{background-color:rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2))}:host(.v-fill-bg-danger-tertiary-active),.v-fill-bg-danger-tertiary-active{background-color:rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2))}:host(.v-fill-bg-disabled),.v-fill-bg-disabled{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}:host(.v-fill-bg-divider),.v-fill-bg-divider{background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1))}:host(.v-fill-bg-divider-secondary),.v-fill-bg-divider-secondary{background-color:rgba(var(--v-bg-divider-secondary, 199, 217, 229, 1))}:host(.v-fill-bg-keypad-btn-active),.v-fill-bg-keypad-btn-active{background-color:rgba(var(--v-bg-keypad-btn-active, 229, 239, 255, 1))}:host(.v-fill-bg-loading-progress),.v-fill-bg-loading-progress{background-color:rgba(var(--v-bg-loading-progress, 153, 192, 255, 1))}:host(.v-fill-bg-loading-track),.v-fill-bg-loading-track{background-color:rgba(var(--v-bg-loading-track, 229, 239, 255, 1))}:host(.v-fill-bg-segment-hover),.v-fill-bg-segment-hover{background-color:rgba(var(--v-bg-segment-hover, 205, 209, 211, 1))}:host(.v-fill-bg-segment-control),.v-fill-bg-segment-control{background-color:rgba(var(--v-bg-segment-control, 89, 96, 99, 0.1))}:host(.v-fill-bg-selected),.v-fill-bg-selected{background-color:rgba(var(--v-bg-selected, 0, 151, 255, 0.3))}:host(.v-fill-bg-sidebar),.v-fill-bg-sidebar{background-color:rgba(var(--v-bg-sidebar, 18, 18, 39, 1))}:host(.v-fill-bg-sidebar-icon),.v-fill-bg-sidebar-icon{background-color:rgba(var(--v-bg-sidebar-icon, 188, 186, 213, 1))}:host(.v-fill-bg-sidebar-icon-hover),.v-fill-bg-sidebar-icon-hover{background-color:rgba(var(--v-bg-sidebar-icon-hover, 18, 18, 39, 1))}:host(.v-fill-bg-sidebar-icon-selected),.v-fill-bg-sidebar-icon-selected{background-color:rgba(var(--v-bg-sidebar-icon-selected, 252, 252, 252, 1))}:host(.v-fill-bg-sidebar-item-hover),.v-fill-bg-sidebar-item-hover{background-color:rgba(var(--v-bg-sidebar-item-hover, 252, 252, 252, 1))}:host(.v-fill-bg-sidebar-item-selected),.v-fill-bg-sidebar-item-selected{background-color:rgba(var(--v-bg-sidebar-item-selected, 19, 98, 226, 0.4))}:host(.v-fill-bg-site-footer),.v-fill-bg-site-footer{background-color:rgba(var(--v-bg-site-footer, 51, 57, 61, 1))}:host(.v-fill-bg-site-footer-action),.v-fill-bg-site-footer-action{background-color:rgba(var(--v-bg-site-footer-action, 171, 198, 216, 1))}:host(.v-fill-bg-site-footer-action-hover),.v-fill-bg-site-footer-action-hover{background-color:rgba(var(--v-bg-site-footer-action-hover, 199, 217, 229, 1))}:host(.v-fill-bg-site-footer-action-active),.v-fill-bg-site-footer-action-active{background-color:rgba(var(--v-bg-site-footer-action-active, 143, 179, 203, 1))}:host(.v-fill-bg-site-footer-field),.v-fill-bg-site-footer-field{background-color:rgba(var(--v-bg-site-footer-field, 89, 96, 99, 1))}:host(.v-fill-bg-slider-handle),.v-fill-bg-slider-handle{background-color:rgba(var(--v-bg-slider-handle, 252, 252, 252, 1))}:host(.v-fill-bg-status-error),.v-fill-bg-status-error{background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1))}:host(.v-fill-bg-status-info),.v-fill-bg-status-info{background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1))}:host(.v-fill-bg-status-success),.v-fill-bg-status-success{background-color:rgba(var(--v-bg-status-success, 160, 233, 167, 1))}:host(.v-fill-bg-status-warning),.v-fill-bg-status-warning{background-color:rgba(var(--v-bg-status-warning, 255, 220, 131, 1))}:host(.v-fill-bg-tab),.v-fill-bg-tab{background-color:rgba(var(--v-bg-tab, 240, 243, 247, 1))}:host(.v-fill-bg-tab-hover),.v-fill-bg-tab-hover{background-color:rgba(var(--v-bg-tab-hover, 245, 247, 247, 1))}:host(.v-fill-bg-tab-selected),.v-fill-bg-tab-selected{background-color:rgba(var(--v-bg-tab-selected, 32, 54, 69, 1))}:host(.v-fill-bg-table-alt-row),.v-fill-bg-table-alt-row{background-color:rgba(var(--v-bg-table-alt-row, 245, 247, 247, 1))}:host(.v-fill-bg-table-header),.v-fill-bg-table-header{background-color:rgba(var(--v-bg-table-header, 240, 243, 247, 1))}:host(.v-fill-bg-table-row-hover),.v-fill-bg-table-row-hover{background-color:rgba(var(--v-bg-table-row-hover, 241, 248, 251, 1))}:host(.v-fill-bg-table-row-selected-expanded),.v-fill-bg-table-row-selected-expanded{background-color:rgba(var(--v-bg-table-row-selected-expanded, 229, 239, 255, 1))}:host(.v-fill-bg-table-selected-row),.v-fill-bg-table-selected-row{background-color:rgba(var(--v-bg-table-selected-row, 204, 223, 255, 1))}:host(.v-fill-bg-textarea-count),.v-fill-bg-textarea-count{background-color:rgba(var(--v-bg-textarea-count, 4, 4, 28, 0.6))}:host(.v-fill-bg-tile),.v-fill-bg-tile{background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1))}:host(.v-fill-bg-tile-hover),.v-fill-bg-tile-hover{background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1))}:host(.v-fill-bg-tile-selected),.v-fill-bg-tile-selected{background-color:rgba(var(--v-bg-tile-selected, 242, 247, 255, 1))}:host(.v-fill-bg-tile-selected-hover),.v-fill-bg-tile-selected-hover{background-color:rgba(var(--v-bg-tile-selected-hover, 229, 239, 255, 1))}:host(.v-fill-bg-toggle-switch),.v-fill-bg-toggle-switch{background-color:rgba(var(--v-bg-toggle-switch, 107, 116, 125, 0.7))}:host(.v-fill-bg-toggle-switch-hover),.v-fill-bg-toggle-switch-hover{background-color:rgba(var(--v-bg-toggle-switch-hover, 107, 116, 125, 1))}:host(.v-fill-bg-toggle-switch-selected-disabled),.v-fill-bg-toggle-switch-selected-disabled{background-color:rgba(var(--v-bg-toggle-switch-selected-disabled, 153, 192, 255, 1))}:host(.v-fill-bg-transparent),.v-fill-bg-transparent{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}:host(.v-fill-bg-accent1-primary),.v-fill-bg-accent1-primary{background-color:rgba(var(--v-bg-accent1-primary, 115, 230, 220, 1))}:host(.v-fill-bg-accent1-secondary),.v-fill-bg-accent1-secondary{background-color:rgba(var(--v-bg-accent1-secondary, 193, 244, 239, 1))}:host(.v-fill-bg-accent1-tertiary),.v-fill-bg-accent1-tertiary{background-color:rgba(var(--v-bg-accent1-tertiary, 224, 249, 247, 1))}:host(.v-fill-bg-accent2-primary),.v-fill-bg-accent2-primary{background-color:rgba(var(--v-bg-accent2-primary, 128, 107, 255, 1))}:host(.v-fill-bg-accent2-secondary),.v-fill-bg-accent2-secondary{background-color:rgba(var(--v-bg-accent2-secondary, 199, 189, 255, 1))}:host(.v-fill-bg-accent2-tertiary),.v-fill-bg-accent2-tertiary{background-color:rgba(var(--v-bg-accent2-tertiary, 227, 222, 255, 1))}:host(.v-fill-bg-accent3-primary),.v-fill-bg-accent3-primary{background-color:rgba(var(--v-bg-accent3-primary, 255, 220, 131, 1))}:host(.v-fill-bg-accent3-secondary),.v-fill-bg-accent3-secondary{background-color:rgba(var(--v-bg-accent3-secondary, 255, 239, 200, 1))}:host(.v-fill-bg-accent3-tertiary),.v-fill-bg-accent3-tertiary{background-color:rgba(var(--v-bg-accent3-tertiary, 255, 247, 227, 1))}:host(.v-fill-bg-accent4-primary),.v-fill-bg-accent4-primary{background-color:rgba(var(--v-bg-accent4-primary, 255, 149, 113, 1))}:host(.v-fill-bg-accent4-secondary),.v-fill-bg-accent4-secondary{background-color:rgba(var(--v-bg-accent4-secondary, 255, 208, 192, 1))}:host(.v-fill-bg-accent4-tertiary),.v-fill-bg-accent4-tertiary{background-color:rgba(var(--v-bg-accent4-tertiary, 255, 231, 223, 1))}:host(.v-fill-bg-accent5-primary),.v-fill-bg-accent5-primary{background-color:rgba(var(--v-bg-accent5-primary, 0, 187, 255, 1))}:host(.v-fill-bg-accent5-secondary),.v-fill-bg-accent5-secondary{background-color:rgba(var(--v-bg-accent5-secondary, 142, 223, 249, 1))}:host(.v-fill-bg-accent5-tertiary),.v-fill-bg-accent5-tertiary{background-color:rgba(var(--v-bg-accent5-tertiary, 227, 247, 253, 1))}:host(.v-fill-bg-accent6-primary),.v-fill-bg-accent6-primary{background-color:rgba(var(--v-bg-accent6-primary, 255, 130, 201, 1))}:host(.v-fill-bg-accent6-secondary),.v-fill-bg-accent6-secondary{background-color:rgba(var(--v-bg-accent6-secondary, 255, 199, 231, 1))}:host(.v-fill-bg-accent6-tertiary),.v-fill-bg-accent6-tertiary{background-color:rgba(var(--v-bg-accent6-tertiary, 255, 227, 243, 1))}:host(.v-fill-bg-accent7-primary),.v-fill-bg-accent7-primary{background-color:rgba(var(--v-bg-accent7-primary, 37, 159, 159, 1))}:host(.v-fill-bg-accent7-secondary),.v-fill-bg-accent7-secondary{background-color:rgba(var(--v-bg-accent7-secondary, 155, 212, 214, 1))}:host(.v-fill-bg-accent7-tertiary),.v-fill-bg-accent7-tertiary{background-color:rgba(var(--v-bg-accent7-tertiary, 208, 239, 239, 1))}:host(.v-fill-bg-accent8-primary),.v-fill-bg-accent8-primary{background-color:rgba(var(--v-bg-accent8-primary, 86, 61, 130, 1))}:host(.v-fill-bg-accent8-secondary),.v-fill-bg-accent8-secondary{background-color:rgba(var(--v-bg-accent8-secondary, 199, 162, 204, 1))}:host(.v-fill-bg-accent8-tertiary),.v-fill-bg-accent8-tertiary{background-color:rgba(var(--v-bg-accent8-tertiary, 230, 214, 234, 1))}:host(.v-fill-bg-accent9-primary),.v-fill-bg-accent9-primary{background-color:rgba(var(--v-bg-accent9-primary, 255, 191, 63, 1))}:host(.v-fill-bg-accent9-secondary),.v-fill-bg-accent9-secondary{background-color:rgba(var(--v-bg-accent9-secondary, 254, 215, 142, 1))}:host(.v-fill-bg-accent9-tertiary),.v-fill-bg-accent9-tertiary{background-color:rgba(var(--v-bg-accent9-tertiary, 251, 226, 185, 1))}:host(.v-fill-bg-accent10-primary),.v-fill-bg-accent10-primary{background-color:rgba(var(--v-bg-accent10-primary, 237, 122, 35, 1))}:host(.v-fill-bg-accent10-secondary),.v-fill-bg-accent10-secondary{background-color:rgba(var(--v-bg-accent10-secondary, 241, 146, 85, 1))}:host(.v-fill-bg-accent10-tertiary),.v-fill-bg-accent10-tertiary{background-color:rgba(var(--v-bg-accent10-tertiary, 245, 187, 148, 1))}:host(.v-fill-bg-date-picker-range),.v-fill-bg-date-picker-range{background-color:rgba(var(--v-bg-date-picker-range, 229, 239, 255, 1))}:host(.v-stroke-bg-brand),.v-stroke-bg-brand{background-color:rgba(var(--v-bg-brand, 51, 57, 61, 1))}:host(.v-stroke-bg-page),.v-stroke-bg-page{background-color:rgba(var(--v-bg-page, 240, 243, 247, 1))}:host(.v-stroke-bg-primary),.v-stroke-bg-primary{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}:host(.v-stroke-bg-secondary),.v-stroke-bg-secondary{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(.v-stroke-bg-tertiary),.v-stroke-bg-tertiary{background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1))}:host(.v-stroke-bg-quaternary),.v-stroke-bg-quaternary{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host(.v-stroke-bg-inverted-primary),.v-stroke-bg-inverted-primary{background-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1))}:host(.v-stroke-bg-inverted-secondary),.v-stroke-bg-inverted-secondary{background-color:rgba(var(--v-bg-inverted-secondary, 18, 18, 39, 1))}:host(.v-stroke-bg-inverted-tertiary),.v-stroke-bg-inverted-tertiary{background-color:rgba(var(--v-bg-inverted-tertiary, 24, 24, 48, 1))}:host(.v-stroke-bg-inverted-quaternary),.v-stroke-bg-inverted-quaternary{background-color:rgba(var(--v-bg-inverted-quaternary, 70, 71, 101, 1))}:host(.v-stroke-bg-action),.v-stroke-bg-action{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.v-stroke-bg-action-hover),.v-stroke-bg-action-hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}:host(.v-stroke-bg-action-focus),.v-stroke-bg-action-focus{background-color:rgba(var(--v-bg-action-focus, 19, 98, 226, 1))}:host(.v-stroke-bg-action-active),.v-stroke-bg-action-active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}:host(.v-stroke-bg-action-quaternary),.v-stroke-bg-action-quaternary{background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}:host(.v-stroke-bg-action-quaternary-hover),.v-stroke-bg-action-quaternary-hover{background-color:rgba(var(--v-bg-action-quaternary-hover, 239, 239, 239, 1))}:host(.v-stroke-bg-action-quaternary-active),.v-stroke-bg-action-quaternary-active{background-color:rgba(var(--v-bg-action-quaternary-active, 205, 209, 211, 1))}:host(.v-stroke-bg-action-secondary),.v-stroke-bg-action-secondary{background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}:host(.v-stroke-bg-action-secondary-hover),.v-stroke-bg-action-secondary-hover{background-color:rgba(var(--v-bg-action-secondary-hover, 4, 112, 236, 0.1))}:host(.v-stroke-bg-action-secondary-active),.v-stroke-bg-action-secondary-active{background-color:rgba(var(--v-bg-action-secondary-active, 29, 65, 195, 0.1))}:host(.v-stroke-bg-action-tertiary),.v-stroke-bg-action-tertiary{background-color:rgba(var(--v-bg-action-tertiary, 0, 0, 0, 0))}:host(.v-stroke-bg-action-tertiary-hover),.v-stroke-bg-action-tertiary-hover{background-color:rgba(var(--v-bg-action-tertiary-hover, 4, 4, 28, 0.05))}:host(.v-stroke-bg-action-tertiary-active),.v-stroke-bg-action-tertiary-active{background-color:rgba(var(--v-bg-action-tertiary-active, 4, 4, 28, 0.1))}:host(.v-stroke-bg-app-header),.v-stroke-bg-app-header{background-color:rgba(var(--v-bg-app-header, 240, 243, 247, 0.88))}:host(.v-stroke-bg-backdrop-modal),.v-stroke-bg-backdrop-modal{background-color:rgba(var(--v-bg-backdrop-modal, 18, 18, 39, 0.85))}:host(.v-stroke-bg-backdrop-popover),.v-stroke-bg-backdrop-popover{background-color:rgba(var(--v-bg-backdrop-popover, 32, 54, 69, 0.16))}:host(.v-stroke-bg-backdrop-sidebar),.v-stroke-bg-backdrop-sidebar{background-color:rgba(var(--v-bg-backdrop-sidebar, 18, 18, 39, 0.85))}:host(.v-stroke-bg-chip),.v-stroke-bg-chip{background-color:rgba(var(--v-bg-chip, 32, 54, 69, 0.06))}:host(.v-stroke-bg-chip-hover),.v-stroke-bg-chip-hover{background-color:rgba(var(--v-bg-chip-hover, 32, 54, 69, 0.12))}:host(.v-stroke-bg-chip-active),.v-stroke-bg-chip-active{background-color:rgba(var(--v-bg-chip-active, 32, 54, 69, 0.2))}:host(.v-stroke-bg-danger),.v-stroke-bg-danger{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}:host(.v-stroke-bg-danger-hover),.v-stroke-bg-danger-hover{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}:host(.v-stroke-bg-danger-focus),.v-stroke-bg-danger-focus{background-color:rgba(var(--v-bg-danger-focus, 189, 41, 71, 1))}:host(.v-stroke-bg-danger-active),.v-stroke-bg-danger-active{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}:host(.v-stroke-bg-danger-tertiary),.v-stroke-bg-danger-tertiary{background-color:rgba(var(--v-bg-danger-tertiary, 0, 0, 0, 0))}:host(.v-stroke-bg-danger-tertiary-hover),.v-stroke-bg-danger-tertiary-hover{background-color:rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2))}:host(.v-stroke-bg-danger-tertiary-active),.v-stroke-bg-danger-tertiary-active{background-color:rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2))}:host(.v-stroke-bg-disabled),.v-stroke-bg-disabled{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}:host(.v-stroke-bg-divider),.v-stroke-bg-divider{background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1))}:host(.v-stroke-bg-divider-secondary),.v-stroke-bg-divider-secondary{background-color:rgba(var(--v-bg-divider-secondary, 199, 217, 229, 1))}:host(.v-stroke-bg-keypad-btn-active),.v-stroke-bg-keypad-btn-active{background-color:rgba(var(--v-bg-keypad-btn-active, 229, 239, 255, 1))}:host(.v-stroke-bg-loading-progress),.v-stroke-bg-loading-progress{background-color:rgba(var(--v-bg-loading-progress, 153, 192, 255, 1))}:host(.v-stroke-bg-loading-track),.v-stroke-bg-loading-track{background-color:rgba(var(--v-bg-loading-track, 229, 239, 255, 1))}:host(.v-stroke-bg-segment-hover),.v-stroke-bg-segment-hover{background-color:rgba(var(--v-bg-segment-hover, 205, 209, 211, 1))}:host(.v-stroke-bg-segment-control),.v-stroke-bg-segment-control{background-color:rgba(var(--v-bg-segment-control, 89, 96, 99, 0.1))}:host(.v-stroke-bg-selected),.v-stroke-bg-selected{background-color:rgba(var(--v-bg-selected, 0, 151, 255, 0.3))}:host(.v-stroke-bg-sidebar),.v-stroke-bg-sidebar{background-color:rgba(var(--v-bg-sidebar, 18, 18, 39, 1))}:host(.v-stroke-bg-sidebar-icon),.v-stroke-bg-sidebar-icon{background-color:rgba(var(--v-bg-sidebar-icon, 188, 186, 213, 1))}:host(.v-stroke-bg-sidebar-icon-hover),.v-stroke-bg-sidebar-icon-hover{background-color:rgba(var(--v-bg-sidebar-icon-hover, 18, 18, 39, 1))}:host(.v-stroke-bg-sidebar-icon-selected),.v-stroke-bg-sidebar-icon-selected{background-color:rgba(var(--v-bg-sidebar-icon-selected, 252, 252, 252, 1))}:host(.v-stroke-bg-sidebar-item-hover),.v-stroke-bg-sidebar-item-hover{background-color:rgba(var(--v-bg-sidebar-item-hover, 252, 252, 252, 1))}:host(.v-stroke-bg-sidebar-item-selected),.v-stroke-bg-sidebar-item-selected{background-color:rgba(var(--v-bg-sidebar-item-selected, 19, 98, 226, 0.4))}:host(.v-stroke-bg-site-footer),.v-stroke-bg-site-footer{background-color:rgba(var(--v-bg-site-footer, 51, 57, 61, 1))}:host(.v-stroke-bg-site-footer-action),.v-stroke-bg-site-footer-action{background-color:rgba(var(--v-bg-site-footer-action, 171, 198, 216, 1))}:host(.v-stroke-bg-site-footer-action-hover),.v-stroke-bg-site-footer-action-hover{background-color:rgba(var(--v-bg-site-footer-action-hover, 199, 217, 229, 1))}:host(.v-stroke-bg-site-footer-action-active),.v-stroke-bg-site-footer-action-active{background-color:rgba(var(--v-bg-site-footer-action-active, 143, 179, 203, 1))}:host(.v-stroke-bg-site-footer-field),.v-stroke-bg-site-footer-field{background-color:rgba(var(--v-bg-site-footer-field, 89, 96, 99, 1))}:host(.v-stroke-bg-slider-handle),.v-stroke-bg-slider-handle{background-color:rgba(var(--v-bg-slider-handle, 252, 252, 252, 1))}:host(.v-stroke-bg-status-error),.v-stroke-bg-status-error{background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1))}:host(.v-stroke-bg-status-info),.v-stroke-bg-status-info{background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1))}:host(.v-stroke-bg-status-success),.v-stroke-bg-status-success{background-color:rgba(var(--v-bg-status-success, 160, 233, 167, 1))}:host(.v-stroke-bg-status-warning),.v-stroke-bg-status-warning{background-color:rgba(var(--v-bg-status-warning, 255, 220, 131, 1))}:host(.v-stroke-bg-tab),.v-stroke-bg-tab{background-color:rgba(var(--v-bg-tab, 240, 243, 247, 1))}:host(.v-stroke-bg-tab-hover),.v-stroke-bg-tab-hover{background-color:rgba(var(--v-bg-tab-hover, 245, 247, 247, 1))}:host(.v-stroke-bg-tab-selected),.v-stroke-bg-tab-selected{background-color:rgba(var(--v-bg-tab-selected, 32, 54, 69, 1))}:host(.v-stroke-bg-table-alt-row),.v-stroke-bg-table-alt-row{background-color:rgba(var(--v-bg-table-alt-row, 245, 247, 247, 1))}:host(.v-stroke-bg-table-header),.v-stroke-bg-table-header{background-color:rgba(var(--v-bg-table-header, 240, 243, 247, 1))}:host(.v-stroke-bg-table-row-hover),.v-stroke-bg-table-row-hover{background-color:rgba(var(--v-bg-table-row-hover, 241, 248, 251, 1))}:host(.v-stroke-bg-table-row-selected-expanded),.v-stroke-bg-table-row-selected-expanded{background-color:rgba(var(--v-bg-table-row-selected-expanded, 229, 239, 255, 1))}:host(.v-stroke-bg-table-selected-row),.v-stroke-bg-table-selected-row{background-color:rgba(var(--v-bg-table-selected-row, 204, 223, 255, 1))}:host(.v-stroke-bg-textarea-count),.v-stroke-bg-textarea-count{background-color:rgba(var(--v-bg-textarea-count, 4, 4, 28, 0.6))}:host(.v-stroke-bg-tile),.v-stroke-bg-tile{background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1))}:host(.v-stroke-bg-tile-hover),.v-stroke-bg-tile-hover{background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1))}:host(.v-stroke-bg-tile-selected),.v-stroke-bg-tile-selected{background-color:rgba(var(--v-bg-tile-selected, 242, 247, 255, 1))}:host(.v-stroke-bg-tile-selected-hover),.v-stroke-bg-tile-selected-hover{background-color:rgba(var(--v-bg-tile-selected-hover, 229, 239, 255, 1))}:host(.v-stroke-bg-toggle-switch),.v-stroke-bg-toggle-switch{background-color:rgba(var(--v-bg-toggle-switch, 107, 116, 125, 0.7))}:host(.v-stroke-bg-toggle-switch-hover),.v-stroke-bg-toggle-switch-hover{background-color:rgba(var(--v-bg-toggle-switch-hover, 107, 116, 125, 1))}:host(.v-stroke-bg-toggle-switch-selected-disabled),.v-stroke-bg-toggle-switch-selected-disabled{background-color:rgba(var(--v-bg-toggle-switch-selected-disabled, 153, 192, 255, 1))}:host(.v-stroke-bg-transparent),.v-stroke-bg-transparent{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}:host(.v-stroke-bg-accent1-primary),.v-stroke-bg-accent1-primary{background-color:rgba(var(--v-bg-accent1-primary, 115, 230, 220, 1))}:host(.v-stroke-bg-accent1-secondary),.v-stroke-bg-accent1-secondary{background-color:rgba(var(--v-bg-accent1-secondary, 193, 244, 239, 1))}:host(.v-stroke-bg-accent1-tertiary),.v-stroke-bg-accent1-tertiary{background-color:rgba(var(--v-bg-accent1-tertiary, 224, 249, 247, 1))}:host(.v-stroke-bg-accent2-primary),.v-stroke-bg-accent2-primary{background-color:rgba(var(--v-bg-accent2-primary, 128, 107, 255, 1))}:host(.v-stroke-bg-accent2-secondary),.v-stroke-bg-accent2-secondary{background-color:rgba(var(--v-bg-accent2-secondary, 199, 189, 255, 1))}:host(.v-stroke-bg-accent2-tertiary),.v-stroke-bg-accent2-tertiary{background-color:rgba(var(--v-bg-accent2-tertiary, 227, 222, 255, 1))}:host(.v-stroke-bg-accent3-primary),.v-stroke-bg-accent3-primary{background-color:rgba(var(--v-bg-accent3-primary, 255, 220, 131, 1))}:host(.v-stroke-bg-accent3-secondary),.v-stroke-bg-accent3-secondary{background-color:rgba(var(--v-bg-accent3-secondary, 255, 239, 200, 1))}:host(.v-stroke-bg-accent3-tertiary),.v-stroke-bg-accent3-tertiary{background-color:rgba(var(--v-bg-accent3-tertiary, 255, 247, 227, 1))}:host(.v-stroke-bg-accent4-primary),.v-stroke-bg-accent4-primary{background-color:rgba(var(--v-bg-accent4-primary, 255, 149, 113, 1))}:host(.v-stroke-bg-accent4-secondary),.v-stroke-bg-accent4-secondary{background-color:rgba(var(--v-bg-accent4-secondary, 255, 208, 192, 1))}:host(.v-stroke-bg-accent4-tertiary),.v-stroke-bg-accent4-tertiary{background-color:rgba(var(--v-bg-accent4-tertiary, 255, 231, 223, 1))}:host(.v-stroke-bg-accent5-primary),.v-stroke-bg-accent5-primary{background-color:rgba(var(--v-bg-accent5-primary, 0, 187, 255, 1))}:host(.v-stroke-bg-accent5-secondary),.v-stroke-bg-accent5-secondary{background-color:rgba(var(--v-bg-accent5-secondary, 142, 223, 249, 1))}:host(.v-stroke-bg-accent5-tertiary),.v-stroke-bg-accent5-tertiary{background-color:rgba(var(--v-bg-accent5-tertiary, 227, 247, 253, 1))}:host(.v-stroke-bg-accent6-primary),.v-stroke-bg-accent6-primary{background-color:rgba(var(--v-bg-accent6-primary, 255, 130, 201, 1))}:host(.v-stroke-bg-accent6-secondary),.v-stroke-bg-accent6-secondary{background-color:rgba(var(--v-bg-accent6-secondary, 255, 199, 231, 1))}:host(.v-stroke-bg-accent6-tertiary),.v-stroke-bg-accent6-tertiary{background-color:rgba(var(--v-bg-accent6-tertiary, 255, 227, 243, 1))}:host(.v-stroke-bg-accent7-primary),.v-stroke-bg-accent7-primary{background-color:rgba(var(--v-bg-accent7-primary, 37, 159, 159, 1))}:host(.v-stroke-bg-accent7-secondary),.v-stroke-bg-accent7-secondary{background-color:rgba(var(--v-bg-accent7-secondary, 155, 212, 214, 1))}:host(.v-stroke-bg-accent7-tertiary),.v-stroke-bg-accent7-tertiary{background-color:rgba(var(--v-bg-accent7-tertiary, 208, 239, 239, 1))}:host(.v-stroke-bg-accent8-primary),.v-stroke-bg-accent8-primary{background-color:rgba(var(--v-bg-accent8-primary, 86, 61, 130, 1))}:host(.v-stroke-bg-accent8-secondary),.v-stroke-bg-accent8-secondary{background-color:rgba(var(--v-bg-accent8-secondary, 199, 162, 204, 1))}:host(.v-stroke-bg-accent8-tertiary),.v-stroke-bg-accent8-tertiary{background-color:rgba(var(--v-bg-accent8-tertiary, 230, 214, 234, 1))}:host(.v-stroke-bg-accent9-primary),.v-stroke-bg-accent9-primary{background-color:rgba(var(--v-bg-accent9-primary, 255, 191, 63, 1))}:host(.v-stroke-bg-accent9-secondary),.v-stroke-bg-accent9-secondary{background-color:rgba(var(--v-bg-accent9-secondary, 254, 215, 142, 1))}:host(.v-stroke-bg-accent9-tertiary),.v-stroke-bg-accent9-tertiary{background-color:rgba(var(--v-bg-accent9-tertiary, 251, 226, 185, 1))}:host(.v-stroke-bg-accent10-primary),.v-stroke-bg-accent10-primary{background-color:rgba(var(--v-bg-accent10-primary, 237, 122, 35, 1))}:host(.v-stroke-bg-accent10-secondary),.v-stroke-bg-accent10-secondary{background-color:rgba(var(--v-bg-accent10-secondary, 241, 146, 85, 1))}:host(.v-stroke-bg-accent10-tertiary),.v-stroke-bg-accent10-tertiary{background-color:rgba(var(--v-bg-accent10-tertiary, 245, 187, 148, 1))}:host(.v-stroke-bg-date-picker-range),.v-stroke-bg-date-picker-range{background-color:rgba(var(--v-bg-date-picker-range, 229, 239, 255, 1))}: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{display:inline-block;border-radius:9999px;vertical-align:middle}:host vega-dropdown,:host vega-tooltip{border-radius:9999px}:host .vega-app-header-button-container{padding:8px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:9999px;border-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-sizing:border-box;gap:8px;outline:none}:host(.default) .vega-app-header-button-container{min-height:52px}:host(.small) .vega-app-header-button-container{gap:4px;min-height:44px}:host .vega-app-header-button-container:hover{background-color:rgba(var(--v-bg-action-tertiary-hover, 4, 4, 28, 0.05))}:host .vega-app-header-button-container:active{background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1))}:host .vega-app-header-button-container:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}:host .vega-app-header-button-container.icon{padding:16px}:host(.small) .vega-app-header-button-container.icon{padding:12px}:host .vega-app-header-button-container .label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));display:flex;align-items:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-app-header-button-container .label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-app-header-button-container .label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-app-header-button-container .label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}:host .vega-app-header-button-container .vega-avatar{border-radius:9999px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;width:36px;height:36px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-app-header-button-container .vega-avatar{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-app-header-button-container .vega-avatar{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-app-header-button-container .vega-avatar{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}:host .vega-app-header-button-container .vega-avatar.profile{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}:host.default .vega-app-header-button-container .vega-avatar{width:36px;height:36px}:host(.small) .vega-app-header-button-container .vega-avatar{width:28px;height:28px}:host .vega-app-header-button-container .toggle-icon-wrapper{display:flex;justify-content:center;align-items:center;padding:4px}:host .vega-app-header-button-container.icon .toggle-icon-wrapper{margin-right:0px}:host .vega-app-header-button-container .right-container{display:flex;gap:8px}:host .vega-app-header-button-container .avatar-icon-wrapper{display:flex;align-items:center;justify-content:center;width:20px;height:20px}:host .vega-app-header-button-container .toggle-icon-wrapper vega-icon,:host .vega-app-header-button-container .avatar-icon-wrapper vega-icon{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host .vega-app-header-button-container.with-border{border:1px solid rgba(var(--v-border-chip, 205, 209, 211, 1))}:host .vega-app-header-button-container:not(.icon) .right-container span:not(.vega-avatar):last-child{margin-right:8px}:host(.small) .vega-app-header-button-container:not(.icon) .right-container span:not(.vega-avatar):last-child{margin-right:4px}:host(.selected) .vega-app-header-button-container{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host(.selected) .vega-app-header-button-container.with-border:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}:host(.selected) .vega-app-header-button-container .toggle-icon-wrapper vega-icon,:host(.selected) .vega-app-header-button-container .avatar-icon-wrapper vega-icon,:host(.selected) .vega-app-header-button-container .label{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(.selected) .vega-app-header-button-container:hover .toggle-icon-wrapper vega-icon,:host(.selected) .vega-app-header-button-container:hover .avatar-icon-wrapper vega-icon,:host(.selected) .vega-app-header-button-container:hover .label{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(.selected) .vega-app-header-button-container:active .toggle-icon-wrapper vega-icon,:host(.selected) .vega-app-header-button-container:active .avatar-icon-wrapper vega-icon,:host(.selected) .vega-app-header-button-container:active .label{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host(.selected) .vega-app-header-button-container:focus-visible .toggle-icon-wrapper vega-icon,:host(.selected) .vega-app-header-button-container:focus-visible .avatar-icon-wrapper vega-icon,:host(.selected) .vega-app-header-button-container:focus-visible .label{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(.selected) .vega-app-header-button-container:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .vega-app-header-button-container .vega-avatar.v-bg-accent3-primary{background-color:rgba(var(--v-bg-accent3-primary, 255, 220, 131, 1))}:host .vega-app-header-button-container .vega-avatar.v-text-black{color:rgba(var(--v-text-black, 32, 54, 69, 1))}";
 
@@ -385,6 +260,12 @@ const VegaAppHeaderButton = class {
      * @vegaVersion 1.11.0
      */
     this.size = 'default';
+    /**
+     * Specifies the display configuration of the app header button label.
+     *
+     * @vegaVersion 2.77.1
+     */
+    this.labelConfig = null;
     /**
      * Specifies the label or text content of the app header button.
      *
@@ -440,7 +321,19 @@ const VegaAppHeaderButton = class {
           arrowDownIconVisible && 'with-menu-arrow-icon',
         ]),
         /* eslint-disable-next-line react/jsx-no-bind */
-        onClick: () => this.clickEventEmitter.emit() }, this.avatarPosition === 'left' && this.renderAvatar(), (labelVisible || arrowDownIconVisible || this.avatarPosition === 'right') && (h("div", { class: "right-container" }, labelVisible && h("span", { class: "label" }, this.label), this.avatarPosition === 'right' && this.renderAvatar(), arrowDownIconVisible && this.vegaMenuArrowIconRenderer.render()))));
+        onClick: () => this.clickEventEmitter.emit() }, this.avatarPosition === 'left' && this.renderAvatar(), (labelVisible || arrowDownIconVisible || this.avatarPosition === 'right') && (h("div", { class: "right-container" }, labelVisible && this.renderButtonLabel(), this.avatarPosition === 'right' && this.renderAvatar(), arrowDownIconVisible && this.vegaMenuArrowIconRenderer.render()))));
+    };
+    this.renderButtonLabel = () => {
+      var _a, _b;
+      return (h("vega-text", Object.assign({ class: {
+          label: true,
+        }, overflow: (_a = this.labelConfig) === null || _a === void 0 ? void 0 : _a.displayRule }, (((_b = this.labelConfig) === null || _b === void 0 ? void 0 : _b.maxWidth)
+        ? {
+          style: {
+            maxWidth: formatAndValidResponsiveToken(this.labelConfig.maxWidth, 'widthAndHeight'),
+          },
+        }
+        : {})), this.label));
     };
     this.renderAvatar = () => {
       const isProfileType = !this.avatar.icon && (!!this.avatar.fallbackText || !!this.avatar.src);

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

@@ -7,7 +7,7 @@ import { g as getDeviceType, D as DeviceType, a as arrayToClassString } from './
 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-09ea7e87.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';

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

@@ -1,6 +1,6 @@
 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-46020a03.js';
 import './array-7888f339.js';

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

@@ -1,19 +1,19 @@
 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-4aee1c56.js';
+import { j as formatAndValidStateToken, f as formatAndValidResponsiveToken, k as formatAndValidBorderStyle } from './design-token-7dec1eab.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-46020a03.js';
 import { v as vegaNonceManager } from './vega-nonce-manager-497e5eb5.js';
 import { h as htmlSanitizer, s as styleSanitizeStrategy } from './index-3b327f29.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-7a071174.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-2a36c54a.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-d6af0d86.js';
-import { f as formatFlexStyles } from './style-formatter-3d06b72d.js';
-import './type-guard-f50e34d6.js';
+import { f as formatFlexStyles } from './style-formatter-6db1e890.js';
+import './type-guard-af324dcd.js';
 import './breakpoints-d9faf11c.js';
 import './ui-28fd4193.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-911515f9.js';
+import './internal-translation-controller-113a6288.js';
 import './change-manager-6a7eb88c.js';
 import './static-subject-title-52f93124.js';
 import './try-get-document-bef0f526.js';
@@ -21,7 +21,7 @@ import './breakpoints-56e5407b.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
-import './feature-flag-controller-09ea7e87.js';
+import './feature-flag-controller-30f7b625.js';
 import './index-bfc6dfa2.js';
 
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

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

@@ -5,14 +5,14 @@ import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlim
 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-649b9d30.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-32a3d848.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-09ea7e87.js';
+import './feature-flag-controller-30f7b625.js';
 import './index-bfc6dfa2.js';
 import './dynamic-slimmer-90b8af32.js';
 import './try-get-document-bef0f526.js';

package/dist/esm/vega-button-circle.entry.js

@@ -1,34 +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-4aee1c56.js';
+import { i as formatAndValidTextColor } from './design-token-7dec1eab.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-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-649b9d30.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 './type-guard-f50e34d6.js';
+import { A as AriaAttributesValueMapper } from './aria-attributes-value-mapper-2c632641.js';
+import './type-guard-af324dcd.js';
 import './breakpoints-d9faf11c.js';
 import './ui-28fd4193.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-911515f9.js';
+import './internal-translation-controller-113a6288.js';
 import './static-subject-title-52f93124.js';
-import './responsive-format-facade-7a071174.js';
+import './responsive-format-facade-2a36c54a.js';
 import './breakpoints-56e5407b.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
-import './feature-flag-controller-09ea7e87.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 './observer-3959f9dd.js';
+import './mutation-observer-slimmer-58ebc13c.js';
 
 const VegaButtonCircleRuntimeMetricsPayloadDefinition = [
   {
@@ -96,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.
@@ -178,8 +191,7 @@ const VegaButtonCircle = class {
     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,
@@ -217,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);

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

@@ -5,7 +5,7 @@ import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlim
 import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-5133f1a8.js';
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-ffaecb9a.js';
 import { a as VegaClick, V as VegaDropdownClick } from './vega-event-id-38aa77a0.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-649b9d30.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-331312b8.js';
 import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-82f346e3.js';
 import { A as VegaInternalButtonGroupClick } from './vega-internal-event-id-799d012e.js';
 import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-478c9f41.js';
@@ -16,7 +16,7 @@ import './observer-3959f9dd.js';
 import './internal-vega-event-manager-32a3d848.js';
 import './try-get-document-bef0f526.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-09ea7e87.js';
+import './feature-flag-controller-30f7b625.js';
 import './index-bfc6dfa2.js';
 
 var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

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

@@ -4,8 +4,9 @@ import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.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-649b9d30.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-331312b8.js';
 import { h as htmlSanitizer, e as emptySanitizeStrategy } from './index-3b327f29.js';
+import { A as AriaAttributesValueMapper } from './aria-attributes-value-mapper-2c632641.js';
 import './dynamic-slimmer-90b8af32.js';
 import './change-manager-6a7eb88c.js';
 import './dom-node-subject-observer-factory-82f346e3.js';
@@ -14,8 +15,9 @@ import './ui-ee31416b.js';
 import './internal-vega-event-manager-32a3d848.js';
 import './try-get-document-bef0f526.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-09ea7e87.js';
+import './feature-flag-controller-30f7b625.js';
 import './index-bfc6dfa2.js';
+import './mutation-observer-slimmer-58ebc13c.js';
 
 const VegaButtonLinkRuntimeMetricsPayloadDefinition = [
   {
@@ -65,6 +67,17 @@ const VegaButtonLink = class {
     this.clickEventEmitter = createEventEmitSlimmer(VegaButtonLink, VegaClick);
     this.eventPrevent = new ChildNodesEventPreventSlimmer([VegaClick], () => this.host);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaButtonLinkRuntimeMetricsPayloadDefinition);
+    this.ariaAttributesValueMapper = new AriaAttributesValueMapper(() => {
+      // the target element which we will apply the aria label to this element
+      return this.host.shadowRoot.querySelector('a');
+    }, {
+      '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',
+      },
+    });
     /**
      * Specifies the URL associated with the button link.
      *   If no URL is set, the component behaves as a button and triggers the click event.
@@ -221,6 +234,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaButtonLink.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaButtonLink.prototype, "ariaAttributesValueMapper", void 0);
 VegaButtonLink.style = vegaButtonLinkCss;
 
 export { VegaButtonLink as vega_button_link };