@heartlandone/vega 2.89.0 → 2.90.0

package/dist/esm/{translation-slimmer-7f195ba8.js → translation-slimmer-d32eb861.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 './internal-translation-controller-84958bc9.js';
+import { V as VegaInternalTranslation } from './internal-translation-controller-653bd7e3.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;
@@ -12,6 +12,19 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
  * Automatically triggers re-render in components that rely on this utility when the language changes.
  */
 class TranslationSlimmer extends VegaSlimmer {
+  /**
+   * Component lifecycle - [connectedCallback]
+   *
+   * Registers the host with the translation controller on every (re)connect.
+   * Without this, components whose hosts are moved across the DOM (e.g. popover
+   * slot content that gets appended into the popover content box at show time)
+   * are unregistered by their disconnect but never re-registered until the next
+   * `t()` call, which can leave the global translation observer unable to find
+   * them in `connectedComponents` and skip the re-render on locale change.
+   */
+  connectedCallback() {
+    VegaInternalTranslation.registerComponent(this.host);
+  }
   /**
    * Component lifecycle - [disconnectedCallback]
    */
@@ -33,6 +46,9 @@ class TranslationSlimmer extends VegaSlimmer {
 __decorate([
   MapToComponentField()
 ], TranslationSlimmer.prototype, "host", void 0);
+__decorate([
+  MapToComponentMethod('connectedCallback')
+], TranslationSlimmer.prototype, "connectedCallback", null);
 __decorate([
   MapToComponentMethod('disconnectedCallback')
 ], TranslationSlimmer.prototype, "disconnectedCallback", null);

package/dist/esm/{type-guard-30eec79c.js → type-guard-fd1f4760.js}

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

package/dist/esm/{valid-credit-card-number-rule-1ac471e8.js → valid-credit-card-number-rule-dfd3e0a6.js}

@@ -1,4 +1,4 @@
-import { V as VisaRegex, M as MasterCardRegex, A as AmexRegex, D as DiscoverRegex } from './type-guard-30eec79c.js';
+import { V as VisaRegex, M as MasterCardRegex, A as AmexRegex, D as DiscoverRegex } from './type-guard-fd1f4760.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

@@ -3,7 +3,7 @@ import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod,
 import { s as slotPlaceholder } from './placeholder-bf562081.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { f as formatAndValidResponsiveToken } from './design-token-0a575bf2.js';
+import { f as formatAndValidResponsiveToken } from './design-token-f73ebce9.js';
 import { a as arrayToClassString } from './ui-d73f756a.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-ddff8662.js';
 import { a as VegaClick, d as VegaExpand } from './vega-event-id-92848bf5.js';
@@ -13,11 +13,11 @@ import { V as VegaInternalIconManager } from './internal-icon-manager-276f968f.j
 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-1c86e974.js';
-import { Y as isAccordionObserverPayload } from './type-guard-30eec79c.js';
+import { Y as isAccordionObserverPayload } from './type-guard-fd1f4760.js';
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-3eb4d8ad.js';
-import { T as TranslationSlimmer } from './translation-slimmer-7f195ba8.js';
+import { T as TranslationSlimmer } from './translation-slimmer-d32eb861.js';
 import './breakpoints-d9faf11c.js';
-import './responsive-format-facade-51c0c2e1.js';
+import './responsive-format-facade-12697af2.js';
 import './ui-93922c59.js';
 import './breakpoints-332702ed.js';
 import './number-4398f2e1.js';
@@ -26,12 +26,12 @@ import './array-7888f339.js';
 import './feature-flag-controller-5ebc0cec.js';
 import './index-9c9865c0.js';
 import './typography-396de03f.js';
-import './state-border-formatter-50394e9c.js';
+import './state-border-formatter-55cee24d.js';
 import './icon-manager-691c8682.js';
 import './create-public-api-runtime-metrics-slimmer-da6615bf.js';
 import './dynamic-slimmer-90b8af32.js';
 import './misc-9fdbcfbb.js';
-import './internal-translation-controller-84958bc9.js';
+import './internal-translation-controller-653bd7e3.js';
 import './internal-vega-event-manager-a9758b6e.js';
 import './try-get-document-bef0f526.js';
 

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

@@ -1,8 +1,8 @@
 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-d73f756a.js';
-import { f as formatAndValidResponsiveToken, d as formatAndValidBackgroundColor, i as formatAndValidTextColor } from './design-token-0a575bf2.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-51c0c2e1.js';
+import { f as formatAndValidResponsiveToken, d as formatAndValidBackgroundColor, i as formatAndValidTextColor } from './design-token-f73ebce9.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-12697af2.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-332702ed.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
@@ -15,14 +15,14 @@ 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-ddff8662.js';
 import { A as AriaAttributesValueMapper } from './aria-attributes-value-mapper-2c632641.js';
-import './type-guard-30eec79c.js';
+import './type-guard-fd1f4760.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-84958bc9.js';
+import './internal-translation-controller-653bd7e3.js';
 import './change-manager-6a7eb88c.js';
 import './static-subject-title-1c86e974.js';
-import './state-border-formatter-50394e9c.js';
+import './state-border-formatter-55cee24d.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';

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

@@ -1,22 +1,22 @@
 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-0a575bf2.js';
+import { j as formatAndValidStateToken, f as formatAndValidResponsiveToken, k as formatAndValidBorderStyle } from './design-token-f73ebce9.js';
 import { a as arrayToClassString } from './ui-d73f756a.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-4b1afd04.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-51c0c2e1.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-12697af2.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
-import { f as formatFlexStyles } from './style-formatter-c20c1988.js';
-import './type-guard-30eec79c.js';
+import { f as formatFlexStyles } from './style-formatter-6073ae27.js';
+import './type-guard-fd1f4760.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-84958bc9.js';
+import './internal-translation-controller-653bd7e3.js';
 import './change-manager-6a7eb88c.js';
 import './static-subject-title-1c86e974.js';
-import './state-border-formatter-50394e9c.js';
+import './state-border-formatter-55cee24d.js';
 import './try-get-document-bef0f526.js';
 import './breakpoints-332702ed.js';
 import './number-4398f2e1.js';

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

@@ -1,6 +1,6 @@
 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-0a575bf2.js';
+import { i as formatAndValidTextColor } from './design-token-f73ebce9.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-4b1afd04.js';
@@ -12,20 +12,20 @@ import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-
 import { f as VegaInternalFormSubmit, g as VegaInternalFormReset } from './vega-internal-event-id-913e8be6.js';
 import { h as htmlSanitizer, e as emptySanitizeStrategy } from './index-3b327f29.js';
 import { A as AriaAttributesValueMapper } from './aria-attributes-value-mapper-2c632641.js';
-import './type-guard-30eec79c.js';
+import './type-guard-fd1f4760.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-84958bc9.js';
+import './internal-translation-controller-653bd7e3.js';
 import './static-subject-title-1c86e974.js';
-import './responsive-format-facade-51c0c2e1.js';
+import './responsive-format-facade-12697af2.js';
 import './breakpoints-332702ed.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 import './feature-flag-controller-5ebc0cec.js';
 import './index-9c9865c0.js';
-import './state-border-formatter-50394e9c.js';
+import './state-border-formatter-55cee24d.js';
 import './dynamic-slimmer-90b8af32.js';
 import './internal-vega-event-manager-a9758b6e.js';
 import './try-get-document-bef0f526.js';

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

@@ -1,7 +1,7 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-090d31ca.js';
 import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-51c0c2e1.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-12697af2.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.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-4b1afd04.js';
@@ -15,9 +15,9 @@ import { f as VegaInternalFormSubmit, g as VegaInternalFormReset } from './vega-
 import { h as htmlSanitizer, e as emptySanitizeStrategy } from './index-3b327f29.js';
 import './ui-93922c59.js';
 import './breakpoints-d9faf11c.js';
-import './type-guard-30eec79c.js';
+import './type-guard-fd1f4760.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-84958bc9.js';
+import './internal-translation-controller-653bd7e3.js';
 import './static-subject-title-1c86e974.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';

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

@@ -5,12 +5,12 @@ import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlim
 import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-ddff8662.js';
 import { a as VegaClick, i as VegaChange, V as VegaDropdownClick, b as VegaPopoverHide, j as VegaEventClick, k as VegaDateDblClick, l as VegaMoreActionClick, m as VegaDateClick, n as VegaEventEdit } from './vega-event-id-92848bf5.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-276f968f.js';
-import { a3 as CalendarDate, ae as WeekdayLongNames, ac as pad, af as getClosestWorkday, ag as DayPeriod, ah as WeekPeriod, a5 as MonthPeriod, ai as getSystemTimezone, aj as CalendarTime, ak as CalendarDateTime, al as getCalendarEventSlotName, am as getTimeIndex, an as getEventStatusBgColorStyle } from './type-guard-30eec79c.js';
+import { a3 as CalendarDate, ae as WeekdayLongNames, ac as pad, af as getClosestWorkday, ag as DayPeriod, ah as WeekPeriod, a5 as MonthPeriod, ai as getSystemTimezone, aj as CalendarTime, ak as CalendarDateTime, al as getCalendarEventSlotName, am as getTimeIndex, an as getEventStatusBgColorStyle } from './type-guard-fd1f4760.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
 import { j as checkIsVoiceOverClick, f as findParent } from './ui-d73f756a.js';
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-3eb4d8ad.js';
-import { V as VegaInternalTranslation } from './internal-translation-controller-84958bc9.js';
-import { C as CalendarViewGenerator, a as CalendarView, M as MonthViewGenerator } from './month-view-generator-d341fa5a.js';
+import { V as VegaInternalTranslation } from './internal-translation-controller-653bd7e3.js';
+import { C as CalendarViewGenerator, a as CalendarView, M as MonthViewGenerator } from './month-view-generator-1b7c9bb8.js';
 import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-1e3ac106.js';
 import { G as VegaInternalCalendarMonthEventsChange, H as VegaInternalCalendarEventPreviewHide, I as VegaInternalCalendarEventPreviewClear, J as VegaInternalCalendarEventPreviewUpdate, K as VegaInternalCalendarPreviewActionClick, C as VegaInternalDialogContentReady } from './vega-internal-event-id-913e8be6.js';
 import { O as Observer } from './observer-3959f9dd.js';
@@ -20,10 +20,10 @@ import { g as generateUUID } from './misc-9fdbcfbb.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import { d as debounce } from './timer-9321173b.js';
 import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-d5a21bb3.js';
-import { T as TranslationSlimmer } from './translation-slimmer-7f195ba8.js';
+import { T as TranslationSlimmer } from './translation-slimmer-d32eb861.js';
 import { A as AutoRunWhenReRenderTaskQueueSlimmer } from './auto-run-when-re-render-task-queue-slimmer.abstract-27820d4c.js';
 import { v as vegaNonceManager } from './vega-nonce-manager-497e5eb5.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-c8fcfe60.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-21bdc3a4.js';
 import { t as tryGetDocument } from './try-get-document-bef0f526.js';
 import { s as slotPlaceholder } from './placeholder-bf562081.js';
 import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-d924288a.js';
@@ -42,7 +42,7 @@ import './index-9c9865c0.js';
 import './number-4398f2e1.js';
 import './breakpoints-332702ed.js';
 import './synchronize-task-queue-ac8acc3b.js';
-import './keyboard-manager-404b9c17.js';
+import './keyboard-manager-9615fa9b.js';
 
 /**
  * Day view calendar generator

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

@@ -1,24 +1,24 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { b as formatAndValidShadow, f as formatAndValidResponsiveToken, d as formatAndValidBackgroundColor } from './design-token-0a575bf2.js';
+import { b as formatAndValidShadow, f as formatAndValidResponsiveToken, d as formatAndValidBackgroundColor } from './design-token-f73ebce9.js';
 import { L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { f as findParent, a as arrayToClassString } from './ui-d73f756a.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
-import './type-guard-30eec79c.js';
+import './type-guard-fd1f4760.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-84958bc9.js';
+import './internal-translation-controller-653bd7e3.js';
 import './change-manager-6a7eb88c.js';
 import './static-subject-title-1c86e974.js';
-import './responsive-format-facade-51c0c2e1.js';
+import './responsive-format-facade-12697af2.js';
 import './breakpoints-332702ed.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 import './feature-flag-controller-5ebc0cec.js';
 import './index-9c9865c0.js';
-import './state-border-formatter-50394e9c.js';
+import './state-border-formatter-55cee24d.js';
 
 /**
  * This class is used to track the nested level of a component

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

@@ -3,7 +3,7 @@ import { S as SynchronizeTaskQueue } from './synchronize-task-queue-ac8acc3b.js'
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { r as reflow, e as executeAfterTransition } from './effect-f50e072d.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-51c0c2e1.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-12697af2.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
@@ -11,11 +11,11 @@ import { c as createEventEmitSlimmer } from './event-emit-slimmer-3eb4d8ad.js';
 import { o as VegaPageUpdate } from './vega-event-id-92848bf5.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-ea34fa7b.js';
 import { t as tryGetDocument } from './try-get-document-bef0f526.js';
-import './type-guard-30eec79c.js';
+import './type-guard-fd1f4760.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-84958bc9.js';
+import './internal-translation-controller-653bd7e3.js';
 import './change-manager-6a7eb88c.js';
 import './static-subject-title-1c86e974.js';
 import './breakpoints-332702ed.js';

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

@@ -7,7 +7,7 @@ import { O as Observer } from './observer-3959f9dd.js';
 import { f as findParent, a as arrayToClassString } from './ui-d73f756a.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-4b1afd04.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-03894a51.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-514a3195.js';
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-3eb4d8ad.js';
 import { i as VegaChange, p as VegaUserChange } from './vega-event-id-92848bf5.js';
 import { h as VegaInternalFieldErrorStateChange } from './vega-internal-event-id-913e8be6.js';
@@ -22,7 +22,7 @@ import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import './string-a953eafc.js';
 import './misc-9fdbcfbb.js';
 import './dynamic-slimmer-90b8af32.js';
-import './internal-translation-controller-84958bc9.js';
+import './internal-translation-controller-653bd7e3.js';
 import './index-3b327f29.js';
 import './try-get-document-bef0f526.js';
 import './page-resize-observer-slimmer-e24d36c5.js';
@@ -482,7 +482,7 @@ __decorate$1([
 ], VegaCheckbox.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
 VegaCheckbox.style = vegaCheckboxCss;
 
-const vegaCheckboxGroupCss = ":host{display:block;text-align:left;line-height:normal}.vega-error{display:block;margin-top:12px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}.vega-label{margin-bottom:16px}.vega-label label{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:500;line-height:30px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-label label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-label label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-label label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}.vega-require{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px}.vega-hint{padding-top:12px}.vega-hint>label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-hint>label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-hint>label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-hint>label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}";
+const vegaCheckboxGroupCss = ":host{display:block;text-align:left;line-height:normal}.vega-error{display:block;margin-top:12px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}vega-field-label{margin-bottom:16px;display:block}vega-field-label::part(container){font-family:\"Inter\", sans-serif;font-size:18px;font-weight:500;line-height:30px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){vega-field-label::part(container){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){vega-field-label::part(container){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){vega-field-label::part(container){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}vega-field-label::part(label){word-break:normal}.vega-hint{padding-top:12px}.vega-hint>label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-hint>label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-hint>label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-hint>label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}";
 
 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;
@@ -561,6 +561,16 @@ const VegaCheckboxGroup = class {
      * @vegaVersion 1.3.0
      */
     this.required = false;
+    /**
+     * Indicates whether the field should be presented as optional.
+     *
+     * This property only takes effect when `required` is `false`.
+     * When `true`, an "optional" label is displayed next to the field label.
+     *
+     * @default false
+     * @vegaVersion 2.90.0
+     */
+    this.optional = false;
     /**
      * Provides a supplementary prompt message that
      *    assists users in selecting the appropriate
@@ -667,10 +677,7 @@ const VegaCheckboxGroup = class {
       } }, h("slot", null))), this.renderHintDom()), this.host);
   }
   renderLabelDom() {
-    return (this.label && (h("div", { class: "vega-label" }, h("label", { "aria-label": this.label }, this.label, this.renderRequireDom()))));
-  }
-  renderRequireDom() {
-    return this.required ? h("span", { class: "vega-require" }, "*") : null;
+    return (this.label && (h("vega-field-label", { label: this.label, isFieldRequired: this.required, optional: this.optional, disabled: this.disabled })));
   }
   renderHintDom() {
     return (this.hint && (h("div", { class: "vega-hint" }, h("label", null, this.hint))));

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-51c0c2e1.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-12697af2.js';
 import { a as arrayToClassString } from './ui-d73f756a.js';
-import { d as formatAndValidBackgroundColor, i as formatAndValidTextColor } from './design-token-0a575bf2.js';
+import { d as formatAndValidBackgroundColor, i as formatAndValidTextColor } from './design-token-f73ebce9.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
 import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
@@ -11,11 +11,11 @@ import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-3eb4d8ad.js';
 import { a as VegaClick, g as VegaClose } from './vega-event-id-92848bf5.js';
 import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-1e3ac106.js';
-import './type-guard-30eec79c.js';
+import './type-guard-fd1f4760.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-84958bc9.js';
+import './internal-translation-controller-653bd7e3.js';
 import './change-manager-6a7eb88c.js';
 import './static-subject-title-1c86e974.js';
 import './number-4398f2e1.js';
@@ -23,7 +23,7 @@ import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 import './feature-flag-controller-5ebc0cec.js';
 import './index-9c9865c0.js';
-import './state-border-formatter-50394e9c.js';
+import './state-border-formatter-55cee24d.js';
 import './try-get-document-bef0f526.js';
 import './dynamic-slimmer-90b8af32.js';
 import './dom-node-subject-observer-factory-ddff8662.js';

package/dist/esm/vega-code-block.entry.js

@@ -6,14 +6,14 @@ import { V as VegaInternalIconManager } from './internal-icon-manager-276f968f.j
 import { t as trashCan } from './trash-can-8819a939.js';
 import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-ddff8662.js';
 import { i as VegaChange, a as VegaClick, q as VegaRemove } from './vega-event-id-92848bf5.js';
-import { ab as CodeLanguage } from './code-block-17f596fc.js';
+import { ab as CodeLanguage } from './code-block-9a17d89b.js';
 import { a as arrayToClassString } from './ui-d73f756a.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { y as VegaInternalCodeBlockBlur, x as VegaInternalCodeBlockSelectionChange } from './vega-internal-event-id-913e8be6.js';
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-3eb4d8ad.js';
 import { d as deepEqual } from './object-0c277f57.js';
-import { T as TranslationSlimmer } from './translation-slimmer-7f195ba8.js';
-import { S as ShadowSelectionPolyfill, a as SelectionController, C as ComponentValueHistoryControllerSlimmer } from './component-value-history-controller-slimmer.abstract-21e9126a.js';
+import { T as TranslationSlimmer } from './translation-slimmer-d32eb861.js';
+import { S as ShadowSelectionPolyfill, a as SelectionController, C as ComponentValueHistoryControllerSlimmer } from './component-value-history-controller-slimmer.abstract-a64c3678.js';
 import { A as AutoRunWhenReRenderTaskQueueSlimmer } from './auto-run-when-re-render-task-queue-slimmer.abstract-27820d4c.js';
 import { d as debounce } from './timer-9321173b.js';
 import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-1e3ac106.js';
@@ -24,11 +24,11 @@ import './dynamic-slimmer-90b8af32.js';
 import './misc-9fdbcfbb.js';
 import './observer-3959f9dd.js';
 import './string-a953eafc.js';
-import './type-guard-30eec79c.js';
+import './type-guard-fd1f4760.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-84958bc9.js';
+import './internal-translation-controller-653bd7e3.js';
 import './static-subject-title-1c86e974.js';
 import './dark-mode-style-controller-ca5afd2d.js';
 import './tinycolor-polyfill-7be0eb93.js';
@@ -36,9 +36,9 @@ import './vega-nonce-manager-497e5eb5.js';
 import './try-get-document-bef0f526.js';
 import './index-3b327f29.js';
 import './internal-vega-event-manager-a9758b6e.js';
-import './range-47d9f95e.js';
-import './keyboard-manager-slimmer-c8fcfe60.js';
-import './keyboard-manager-404b9c17.js';
+import './range-1c1c20fa.js';
+import './keyboard-manager-slimmer-21bdc3a4.js';
+import './keyboard-manager-9615fa9b.js';
 import './synchronize-task-queue-ac8acc3b.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-5ebc0cec.js';

package/dist/esm/vega-color-picker.entry.js

@@ -3,7 +3,7 @@ import { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { a as arrayToClassString, h as hexToRGB, c as getHexFromShorthand } from './ui-d73f756a.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-03894a51.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-514a3195.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-1c86e974.js';
@@ -17,7 +17,7 @@ import './misc-9fdbcfbb.js';
 import './dynamic-slimmer-90b8af32.js';
 import './dom-node-subject-observer-factory-ddff8662.js';
 import './vega-internal-event-id-913e8be6.js';
-import './internal-translation-controller-84958bc9.js';
+import './internal-translation-controller-653bd7e3.js';
 import './index-3b327f29.js';
 import './try-get-document-bef0f526.js';
 import './page-resize-observer-slimmer-e24d36c5.js';

package/dist/esm/vega-color-swatch-picker.entry.js

@@ -3,14 +3,14 @@ import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlim
 import { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-03894a51.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-514a3195.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-ddff8662.js';
 import { c as VegaPopoverShow, b as VegaPopoverHide, a as VegaClick, i as VegaChange, K as VegaBlur } from './vega-event-id-92848bf5.js';
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-3eb4d8ad.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-276f968f.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-1c86e974.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { T as TranslationSlimmer } from './translation-slimmer-7f195ba8.js';
+import { T as TranslationSlimmer } from './translation-slimmer-d32eb861.js';
 import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-1e3ac106.js';
 import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import './string-a953eafc.js';
@@ -19,7 +19,7 @@ import './ui-d73f756a.js';
 import './misc-9fdbcfbb.js';
 import './dynamic-slimmer-90b8af32.js';
 import './vega-internal-event-id-913e8be6.js';
-import './internal-translation-controller-84958bc9.js';
+import './internal-translation-controller-653bd7e3.js';
 import './index-3b327f29.js';
 import './try-get-document-bef0f526.js';
 import './page-resize-observer-slimmer-e24d36c5.js';

package/dist/esm/vega-color-swatch.entry.js

@@ -7,14 +7,14 @@ import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf
 import { i as internalVegaEventManager } from './internal-vega-event-manager-a9758b6e.js';
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-3eb4d8ad.js';
 import { a as VegaClick } from './vega-event-id-92848bf5.js';
-import { T as TranslationSlimmer } from './translation-slimmer-7f195ba8.js';
+import { T as TranslationSlimmer } from './translation-slimmer-d32eb861.js';
 import './dynamic-slimmer-90b8af32.js';
 import './change-manager-6a7eb88c.js';
 import './dom-node-subject-observer-factory-ddff8662.js';
 import './observer-3959f9dd.js';
 import './ui-d73f756a.js';
 import './try-get-document-bef0f526.js';
-import './internal-translation-controller-84958bc9.js';
+import './internal-translation-controller-653bd7e3.js';
 import './static-subject-title-1c86e974.js';
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

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

@@ -1,10 +1,10 @@
 import { h, F as Fragment, H as Host, r as registerInstance, c as createEvent, g as getElement } from './index-090d31ca.js';
 import { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
 import { g as getActiveElement, s as sanitizeVegaComponent } from './component-7d906393.js';
-import { Z as isArrayOfType, _ as isDropdownSourceItemType } from './type-guard-30eec79c.js';
+import { Z as isArrayOfType, _ as isDropdownSourceItemType } from './type-guard-fd1f4760.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-4b1afd04.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-03894a51.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-514a3195.js';
 import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-1e3ac106.js';
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-3eb4d8ad.js';
 import { r as VegaCreate, y as VegaDropdownHide, V as VegaDropdownClick, g as VegaClose, i as VegaChange, s as VegaSearch } from './vega-event-id-92848bf5.js';
@@ -14,8 +14,8 @@ import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-ddff8662.js';
 import { l as VegaInternalDropdownTemplateItemsChange } from './vega-internal-event-id-913e8be6.js';
 import { h as htmlSanitizer, l as labelSanitizeStrategy } from './index-3b327f29.js';
-import { f as formatAndValidResponsiveToken } from './design-token-0a575bf2.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-c8fcfe60.js';
+import { f as formatAndValidResponsiveToken } from './design-token-f73ebce9.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-21bdc3a4.js';
 import { f as findParent } from './ui-d73f756a.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-58ebc13c.js';
 import { T as TagNameMutationFilter } from './mutation-observer-filters-1a054fb0.js';
@@ -24,7 +24,7 @@ import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-84958bc9.js';
+import './internal-translation-controller-653bd7e3.js';
 import './string-a953eafc.js';
 import './observer-3959f9dd.js';
 import './misc-9fdbcfbb.js';
@@ -37,11 +37,11 @@ import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-5ebc0cec.js';
 import './index-9c9865c0.js';
 import './try-get-document-bef0f526.js';
-import './responsive-format-facade-51c0c2e1.js';
+import './responsive-format-facade-12697af2.js';
 import './breakpoints-332702ed.js';
 import './pixel-f32c07ce.js';
-import './state-border-formatter-50394e9c.js';
-import './keyboard-manager-404b9c17.js';
+import './state-border-formatter-55cee24d.js';
+import './keyboard-manager-9615fa9b.js';
 
 const VegaComboBoxRuntimeMetricsPayloadDefinition = [
   {