@globalpayments/vega 2.88.0 → 2.89.0

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

@@ -1,43 +1,47 @@
 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-b18807dc.js';
+import { Z as isArrayOfType, _ as isDropdownSourceItemType } from './type-guard-30eec79c.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-24aca6c4.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2f823df2.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-0990037c.js';
-import { q as VegaCreate, x as VegaDropdownHide, V as VegaDropdownClick, g as VegaClose, i as VegaChange, r as VegaSearch } from './vega-event-id-20494454.js';
-import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-52f93124.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-03894a51.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';
+import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-1c86e974.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-3897e95b.js';
+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 { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-c2d038f0.js';
-import { f as findParent } from './ui-64815a12.js';
+import { f as formatAndValidResponsiveToken } from './design-token-0a575bf2.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-c8fcfe60.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';
+import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 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-0b9589d0.js';
+import './internal-translation-controller-84958bc9.js';
 import './string-a953eafc.js';
 import './observer-3959f9dd.js';
 import './misc-9fdbcfbb.js';
 import './dynamic-slimmer-90b8af32.js';
-import './page-resize-observer-slimmer-e24d36c5.js';
-import './breakpoints-332702ed.js';
-import './try-get-document-bef0f526.js';
 import './array-7888f339.js';
 import './number-4398f2e1.js';
-import './sub-state-observer-slimmer-81538a8c.js';
-import './internal-vega-event-manager-dc4c3a37.js';
+import './sub-state-observer-slimmer-d924288a.js';
+import './internal-vega-event-manager-a9758b6e.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-5ebc0cec.js';
 import './index-9c9865c0.js';
-import './keyboard-manager-69761aa6.js';
+import './try-get-document-bef0f526.js';
+import './responsive-format-facade-51c0c2e1.js';
+import './breakpoints-332702ed.js';
+import './pixel-f32c07ce.js';
+import './state-border-formatter-50394e9c.js';
+import './keyboard-manager-404b9c17.js';
 
 const VegaComboBoxRuntimeMetricsPayloadDefinition = [
   {
@@ -164,12 +168,20 @@ class VegaComboBoxDropdownRenderer extends VegaSlimmer {
       this.renderItemsSlot()));
   }
   renderContainer() {
+    const formattedMaxHeight = formatAndValidResponsiveToken(this.containerMaxHeight, 'widthAndHeight');
+    const containerContentStyle = formattedMaxHeight
+      ? {
+        maxHeight: formattedMaxHeight,
+      }
+      : undefined;
     return (h("div", { class: {
         'vega-combo-box-container': true,
         [`vega-combo-box-size-${this.size}`]: true,
-      } },
+      } }, formattedMaxHeight ? (h("div", { class: "vega-combo-box-container-content", style: containerContentStyle },
       this.renderSelectedContainer(),
-      this.renderInputContainer()));
+      this.renderInputContainer())) : (h(Fragment, null,
+      this.renderSelectedContainer(),
+      this.renderInputContainer()))));
   }
   renderItemsSlot() {
     return (this.isTemplateMode && (h("div", { slot: "items", ref: (ref) => {
@@ -221,6 +233,9 @@ __decorate$6([
 __decorate$6([
   MapToComponentField()
 ], VegaComboBoxDropdownRenderer.prototype, "size", void 0);
+__decorate$6([
+  MapToComponentField()
+], VegaComboBoxDropdownRenderer.prototype, "containerMaxHeight", void 0);
 __decorate$6([
   MapToComponentField()
 ], VegaComboBoxDropdownRenderer.prototype, "vegaDropdownProps", void 0);
@@ -513,7 +528,7 @@ __decorate$1([
   MapToComponentField({ writable: true })
 ], VegaComboBoxSourceController.prototype, "source", void 0);
 
-const vegaComboBoxCss = ":host{display:inline-block;width:100%;min-width:0px;text-align:left;line-height:normal}.vega-combo-box-container{border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px;border-radius:8px;gap:8px;display:block;display:flex;flex-wrap:wrap;align-items:center;cursor:pointer}.vega-combo-box-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-combo-box-container:focus-within{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}.vega-combo-box-container .vega-combo-box-input-container{width:-webkit-min-content;width:-moz-min-content;width:min-content;flex-grow:1}.vega-combo-box-container input{border-style:none;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));width:100%}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-combo-box-container input{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-combo-box-container input{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-combo-box-container input{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-combo-box-container input:focus{outline:2px solid transparent;outline-offset:2px}.vega-combo-box-size-medium{padding-left:12px;padding-right:12px;padding-top:11px;padding-bottom:11px}.vega-combo-box-size-small{padding-left:12px;padding-right:12px;padding-top:7px;padding-bottom:7px}.vega-combo-box-container:focus{outline:none}vega-field-label{margin-bottom:8px}.error .vega-combo-box-container{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.error .vega-combo-box-container:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.error .vega-combo-box-container:focus-within{border:1px solid rgba(var(--v-border-input-field-danger-focus, 233, 71, 104, 1));outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}:host(.vega-combo-box-disabled) .vega-combo-box-container{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));--tw-shadow:0 0 #0000;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px}:host(.vega-combo-box-disabled) .vega-combo-box-container:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.vega-combo-box-disabled) vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}.vega-combo-box-container input::placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}.vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:8px;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-combo-box-hint{padding-left:8px;padding-right:8px;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));padding-top:8px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-combo-box-hint{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-combo-box-hint{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-combo-box-hint{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-error:not(.vega-hidden)+.vega-combo-box-hint{padding-top:4px}vega-dropdown{display:block}";
+const vegaComboBoxCss = ":host{display:inline-block;width:100%;min-width:0px;text-align:left;line-height:normal}.vega-combo-box-container{border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px;border-radius:8px;gap:8px;display:block;display:flex;flex-wrap:wrap;align-items:center;cursor:pointer}.vega-combo-box-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-combo-box-container-content{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;min-height:26px}.vega-combo-box-container:focus-within{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}.vega-combo-box-container .vega-combo-box-input-container{width:-webkit-min-content;width:-moz-min-content;width:min-content;flex-grow:1}.vega-combo-box-container input{border-style:none;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));width:100%}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-combo-box-container input{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-combo-box-container input{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-combo-box-container input{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-combo-box-container input:focus{outline:2px solid transparent;outline-offset:2px}.vega-combo-box-size-medium{padding-left:12px;padding-right:12px;padding-top:11px;padding-bottom:11px}.vega-combo-box-size-small{padding-left:12px;padding-right:12px;padding-top:7px;padding-bottom:7px}.vega-combo-box-container:focus{outline:none}vega-field-label{margin-bottom:8px}.error .vega-combo-box-container{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.error .vega-combo-box-container:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.error .vega-combo-box-container:focus-within{border:1px solid rgba(var(--v-border-input-field-danger-focus, 233, 71, 104, 1));outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}:host(.vega-combo-box-disabled) .vega-combo-box-container{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));--tw-shadow:0 0 #0000;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px}:host(.vega-combo-box-disabled) .vega-combo-box-container:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.vega-combo-box-disabled) vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}.vega-combo-box-container input::placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}.vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:8px;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-combo-box-hint{padding-left:8px;padding-right:8px;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));padding-top:8px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-combo-box-hint{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-combo-box-hint{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-combo-box-hint{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-error:not(.vega-hidden)+.vega-combo-box-hint{padding-top:4px}vega-dropdown{display:block}";
 
 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;
@@ -541,6 +556,7 @@ const VegaComboBox = class {
     this.sourceController = new VegaComboBoxSourceController();
     this.renderer = new VegaComboBoxRenderer();
     this.dropdownRenderer = new VegaComboBoxDropdownRenderer();
+    this.pageResizeSlimmer = new PageResizeObserverSlimmer();
     this.formFieldController = new FormFieldControllerSlimmer({
       propertyRules: [
         {
@@ -687,6 +703,8 @@ const VegaComboBox = class {
   }
   watchValidationRules() {
   }
+  watchContainerMaxHeight() {
+  }
   /**
    * Invoke this method to close the dropdown menu associated with the combo box.
    *
@@ -714,7 +732,8 @@ const VegaComboBox = class {
   static get watchers() { return {
     "source": ["watchSource"],
     "value": ["watchValue"],
-    "validationRules": ["watchValidationRules"]
+    "validationRules": ["watchValidationRules"],
+    "containerMaxHeight": ["watchContainerMaxHeight"]
   }; }
 };
 __decorate([
@@ -738,6 +757,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaComboBox.prototype, "dropdownRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaComboBox.prototype, "pageResizeSlimmer", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaComboBox.prototype, "formFieldController", void 0);

package/dist/esm/vega-date-picker_2.entry.js

@@ -1,39 +1,39 @@
 import { h, H as Host, F as Fragment, r as registerInstance, c as createEvent, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { D as DateRequiredRule } from './date-required-rule-281aab50.js';
-import { a0 as compareIsSameOrBefore, P as isDateStr, a1 as compareIsBefore, a2 as compareIsAfter, a3 as CalendarDate, a4 as buildDatePickerAnnouncement, a5 as MonthPeriod, a6 as isCalendarDateType } from './type-guard-b18807dc.js';
+import { D as DateRequiredRule } from './date-required-rule-d6ce832c.js';
+import { a0 as compareIsSameOrBefore, P as isDateStr, a1 as compareIsBefore, a2 as compareIsAfter, a3 as CalendarDate, a4 as buildDatePickerAnnouncement, a5 as MonthPeriod, a6 as isCalendarDateType } from './type-guard-30eec79c.js';
 import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import { c as MapToComponentField, V as VegaSlimmer, L as LogUtility, M as MapToComponentMethod, 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-24aca6c4.js';
-import { a as arrayToClassString, e as getDeepActiveElementInShadow, g as getDeviceType, D as DeviceType } from './ui-64815a12.js';
-import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-3897e95b.js';
-import { a as VegaClick, u as VegaSelectionChange, t as VegaClear, s as VegaMonthYearChange, R as VegaOpen, g as VegaClose, i as VegaChange, V as VegaDropdownClick, w as VegaDropdownShow, x as VegaDropdownHide, v as VegaTodayClick } from './vega-event-id-20494454.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-03894a51.js';
+import { a as arrayToClassString, e as getDeepActiveElementInShadow, g as getDeviceType, D as DeviceType } from './ui-d73f756a.js';
+import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-ddff8662.js';
+import { a as VegaClick, v as VegaSelectionChange, u as VegaClear, t as VegaMonthYearChange, S as VegaOpen, g as VegaClose, i as VegaChange, V as VegaDropdownClick, x as VegaDropdownShow, y as VegaDropdownHide, w as VegaTodayClick } from './vega-event-id-92848bf5.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-276f968f.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
 import { i as isArrayEqual } from './array-7888f339.js';
-import { V as VegaInternalTranslation } from './internal-translation-controller-0b9589d0.js';
+import { V as VegaInternalTranslation } from './internal-translation-controller-84958bc9.js';
 import { F as FeatureFlag } from './feature-flag-controller-5ebc0cec.js';
 import { t as tryGetDocument } from './try-get-document-bef0f526.js';
 import { g as generateUUID } from './misc-9fdbcfbb.js';
-import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-52f93124.js';
+import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-1c86e974.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { S as StringMaskStrategy } from './string-mask-strategy-43d846ac.js';
-import { S as StringInputFormatterSlimmer } from './string-input-formatter-slimmer-e18d202c.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-c2d038f0.js';
+import { S as StringMaskStrategy } from './string-mask-strategy-87efdb9e.js';
+import { S as StringInputFormatterSlimmer } from './string-input-formatter-slimmer-c3d483ef.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-c8fcfe60.js';
 import { C as ComponentLoadRequired } from './component-load-required-db42032a.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-0990037c.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2f823df2.js';
-import { T as TranslationSlimmer } from './translation-slimmer-49903fc8.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-3eb4d8ad.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-1e3ac106.js';
+import { T as TranslationSlimmer } from './translation-slimmer-7f195ba8.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
-import { E as ElementAppenderSlimmer } from './element-appender-slimmer-3926470f.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-44bbb5c6.js';
 import { S as SynchronizeTaskQueue } from './synchronize-task-queue-ac8acc3b.js';
 import { C as ClickOutsideOnlyToDismissStrategy } from './click-outside-only-to-dismiss-strategy-3d286c1b.js';
-import { A as AriaDialogFocusableTrapSlimmer } from './aria-dialog-focusable-trap-slimmer-7d9a9f5a.js';
+import { A as AriaDialogFocusableTrapSlimmer } from './aria-dialog-focusable-trap-slimmer-7db3d5a7.js';
 import { z as VegaInternalDatePickerCalendarClear, A as VegaInternalDatePickerCalendarUpdatePeriodByUser } from './vega-internal-event-id-913e8be6.js';
 import { O as Observer } from './observer-3959f9dd.js';
-import { M as MonthViewGenerator } from './month-view-generator-4c1ee949.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-3ca1422d.js';
+import { M as MonthViewGenerator } from './month-view-generator-d341fa5a.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-51c0c2e1.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
@@ -42,15 +42,15 @@ import './string-a953eafc.js';
 import './index-3b327f29.js';
 import './mutation-observer-slimmer-58ebc13c.js';
 import './mutation-observer-filters-1a054fb0.js';
-import './sub-state-observer-slimmer-81538a8c.js';
+import './sub-state-observer-slimmer-d924288a.js';
 import './icon-manager-691c8682.js';
 import './create-public-api-runtime-metrics-slimmer-da6615bf.js';
 import './number-4398f2e1.js';
 import './index-9c9865c0.js';
-import './string-format-strategy.abstract-95d691e1.js';
-import './wait-for-component-did-render-4069cbea.js';
-import './keyboard-manager-69761aa6.js';
-import './internal-vega-event-manager-dc4c3a37.js';
+import './string-format-strategy.abstract-de17b899.js';
+import './wait-for-component-did-render-b378bf16.js';
+import './keyboard-manager-404b9c17.js';
+import './internal-vega-event-manager-a9758b6e.js';
 import './vega-env-manager-8f8dc473.js';
 import './internal-vega-z-index-manager-7d2b54c3.js';
 import './breakpoints-332702ed.js';
@@ -300,7 +300,7 @@ class VegaDatePickerRenderer extends VegaSlimmer {
           DomNodeSubjectObserverFactory.addUniqueObserverToNode(e, VegaClick, async () => {
             await this.focusInput();
           });
-        }, isFieldRequired: this.required, disabled: this.disabled, label: this.label })));
+        }, isFieldRequired: this.required, disabled: this.disabled, optional: this.optional, label: this.label })));
     };
     /**
      * The below method is e2e-test covered in
@@ -352,6 +352,9 @@ __decorate$m([
 __decorate$m([
   MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "required", void 0);
+__decorate$m([
+  MapToComponentField()
+], VegaDatePickerRenderer.prototype, "optional", void 0);
 __decorate$m([
   MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "readOnly", void 0);
@@ -1539,6 +1542,16 @@ const VegaDatePicker = 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.89.0
+     */
+    this.optional = false;
     /**
      * Specifies the validation status of the date picker component.
      *

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

@@ -2,16 +2,16 @@ import { r as registerInstance, h, H as Host, g as getElement, F as Fragment, c
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
 import { I as InjectVegaSlimmer, c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { aa as isResponsiveSizeType, ab as isVegaModalSectionPaddingType } from './type-guard-b18807dc.js';
-import './internal-translation-controller-0b9589d0.js';
+import { aa as isResponsiveSizeType, ab as isVegaModalSectionPaddingType } from './type-guard-30eec79c.js';
+import './internal-translation-controller-84958bc9.js';
 import './feature-flag-controller-5ebc0cec.js';
-import './state-border-formatter-3ebc76a4.js';
+import './state-border-formatter-50394e9c.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';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-3897e95b.js';
-import { g as VegaClose, a as VegaClick, R as VegaOpen } from './vega-event-id-20494454.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-0990037c.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2f823df2.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-ddff8662.js';
+import { g as VegaClose, a as VegaClick, S as VegaOpen } from './vega-event-id-92848bf5.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-3eb4d8ad.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-1e3ac106.js';
 import { C as ComponentGlobalStyleSlimmer } from './component-global-style-slimmer-ac703085.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-ea34fa7b.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-58ebc13c.js';
@@ -19,18 +19,18 @@ import { T as TagNameMutationFilter } from './mutation-observer-filters-1a054fb0
 import { g as generateUUID } from './misc-9fdbcfbb.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
 import { D as DefaultModalSize } from './ui-93922c59.js';
-import { g as getDeviceType, D as DeviceType, f as findParent } from './ui-64815a12.js';
+import { g as getDeviceType, D as DeviceType, f as findParent } from './ui-d73f756a.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { S as SHADOW_ROOT_ELEMENT_SCROLLING } from './static-subject-title-52f93124.js';
+import { S as SHADOW_ROOT_ELEMENT_SCROLLING } from './static-subject-title-1c86e974.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
-import { A as AriaDialogFocusableTrapSlimmer } from './aria-dialog-focusable-trap-slimmer-7d9a9f5a.js';
+import { A as AriaDialogFocusableTrapSlimmer } from './aria-dialog-focusable-trap-slimmer-7db3d5a7.js';
 import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-7d2b54c3.js';
 import './breakpoints-d9faf11c.js';
 import './typography-396de03f.js';
 import './index-9c9865c0.js';
 import './try-get-document-bef0f526.js';
 import './observer-3959f9dd.js';
-import './internal-vega-event-manager-dc4c3a37.js';
+import './internal-vega-event-manager-a9758b6e.js';
 import './vega-env-manager-8f8dc473.js';
 import './vega-nonce-manager-497e5eb5.js';
 import './index-3b327f29.js';

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

@@ -2,9 +2,9 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-09
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-3ca1422d.js';
-import { h as Spacing } from './type-guard-b18807dc.js';
-import { f as formatAndValidResponsiveToken } from './design-token-b7ce7ed4.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-51c0c2e1.js';
+import { h as Spacing } from './type-guard-30eec79c.js';
+import { f as formatAndValidResponsiveToken } from './design-token-0a575bf2.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
 import './ui-93922c59.js';
@@ -15,10 +15,10 @@ import './array-7888f339.js';
 import './feature-flag-controller-5ebc0cec.js';
 import './index-9c9865c0.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-0b9589d0.js';
+import './internal-translation-controller-84958bc9.js';
 import './change-manager-6a7eb88c.js';
-import './static-subject-title-52f93124.js';
-import './state-border-formatter-3ebc76a4.js';
+import './static-subject-title-1c86e974.js';
+import './state-border-formatter-50394e9c.js';
 import './try-get-document-bef0f526.js';
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

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

@@ -3,46 +3,46 @@ import { g as getActiveElement, s as sanitizeVegaComponent } from './component-7
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer, L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
 import { m as methodPlaceholder, s as slotPlaceholder } from './placeholder-bf562081.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
-import { f as findParent, e as getDeepActiveElementInShadow, o as extractNumberFromString, p as containerScrollToItem } from './ui-64815a12.js';
-import { Z as isArrayOfType, _ as isDropdownSourceItemType } from './type-guard-b18807dc.js';
+import { f as findParent, e as getDeepActiveElementInShadow, m as extractNumberFromString, n as containerScrollToItem } from './ui-d73f756a.js';
+import { Z as isArrayOfType, _ as isDropdownSourceItemType } from './type-guard-30eec79c.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
-import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-3897e95b.js';
-import { i as VegaChange, w as VegaDropdownShow, x as VegaDropdownHide, V as VegaDropdownClick, e as VegaReset, q as VegaCreate, f as VegaDropdownSearch, y as VegaSearchTrigger, a as VegaClick } from './vega-event-id-20494454.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-c2d038f0.js';
+import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-ddff8662.js';
+import { i as VegaChange, x as VegaDropdownShow, y as VegaDropdownHide, V as VegaDropdownClick, e as VegaReset, r as VegaCreate, f as VegaDropdownSearch, z as VegaSearchTrigger, a as VegaClick } from './vega-event-id-92848bf5.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-c8fcfe60.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
-import { E as ElementAppenderSlimmer } from './element-appender-slimmer-3926470f.js';
-import { A as AriaDialogFocusableTrapSlimmer } from './aria-dialog-focusable-trap-slimmer-7d9a9f5a.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-44bbb5c6.js';
+import { A as AriaDialogFocusableTrapSlimmer } from './aria-dialog-focusable-trap-slimmer-7db3d5a7.js';
 import { h as htmlSanitizer, l as labelSanitizeStrategy } from './index-3b327f29.js';
 import { i as isArrayEqual } from './array-7888f339.js';
-import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-80ac7dee.js';
+import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-d5a21bb3.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-58ebc13c.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { l as VegaInternalDropdownTemplateItemsChange, w as VegaDropdownSearchInternalOverridden, v as VegaDropdownRenderItemInternalOverridden, m as VegaInternalVirtualScrollToBottom } from './vega-internal-event-id-913e8be6.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-0990037c.js';
-import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-8822d0d0.js';
-import { S as SHADOW_ROOT_ELEMENT_SCROLLING, k as DROPDOWN_ITEM_CLICK } from './static-subject-title-52f93124.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-3eb4d8ad.js';
+import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-499a3aa7.js';
+import { S as SHADOW_ROOT_ELEMENT_SCROLLING, l as DROPDOWN_ITEM_CLICK } from './static-subject-title-1c86e974.js';
 import { r as remoteInvocationRegistry } from './remote-invocation-registry-d69245c2.js';
-import { T as TranslationSlimmer } from './translation-slimmer-49903fc8.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2f823df2.js';
+import { T as TranslationSlimmer } from './translation-slimmer-7f195ba8.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-1e3ac106.js';
 import { C as ComponentGlobalStyleSlimmer } from './component-global-style-slimmer-ac703085.js';
-import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-81538a8c.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-d924288a.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-0b9589d0.js';
+import './internal-translation-controller-84958bc9.js';
 import './observer-3959f9dd.js';
-import './keyboard-manager-69761aa6.js';
+import './keyboard-manager-404b9c17.js';
 import './internal-vega-z-index-manager-7d2b54c3.js';
 import './number-4398f2e1.js';
 import './page-resize-observer-slimmer-e24d36c5.js';
 import './breakpoints-332702ed.js';
 import './try-get-document-bef0f526.js';
-import './responsive-format-facade-3ca1422d.js';
+import './responsive-format-facade-51c0c2e1.js';
 import './pixel-f32c07ce.js';
 import './feature-flag-controller-5ebc0cec.js';
 import './index-9c9865c0.js';
 import './synchronize-task-queue-ac8acc3b.js';
-import './internal-vega-event-manager-dc4c3a37.js';
+import './internal-vega-event-manager-a9758b6e.js';
 import './vega-env-manager-8f8dc473.js';
 import './vega-nonce-manager-497e5eb5.js';
 

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

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

package/dist/esm/{vega-event-id-20494454.js → vega-event-id-92848bf5.js}

@@ -53,6 +53,7 @@ class VegaEventID {
   }
 }
 const VegaChange = new VegaEventID('vegaChange', 'change');
+const VegaUserChange = new VegaEventID('vegaUserChange', 'userChange');
 const VegaClick = new VegaEventID('vegaClick', 'click');
 const VegaFocus = new VegaEventID('vegaFocus', 'focus');
 const VegaBlur = new VegaEventID('vegaBlur', 'blur');
@@ -114,4 +115,4 @@ const VegaNativeInputChange = new VegaEventID('vegaNativeInputChange', 'nativeIn
 const VegaSourceCodeChange = new VegaEventID('vegaSourceCodeChange', 'sourceCodeChange');
 const VegaEventEdit = new VegaEventID('vegaEventEdit', 'eventEdit');
 
-export { VegaSelectChange as $, VegaSelectFileChange as A, VegaRetry as B, VegaPreview as C, VegaFormSubmit as D, VegaFormReset as E, VegaValidate as F, VegaCancel as G, VegaNativeInputChange as H, VegaFocus as I, VegaBlur as J, VegaSuggestionItemClick as K, VegaPaste as L, VegaComplete as M, VegaCountryChange as N, VegaShow as O, VegaHide as P, VegaToggleStatus as Q, VegaOpen as R, VegaStateUpdate as S, VegaGroupClick as T, VegaMenuClick as U, VegaDropdownClick as V, VegaActionClick as W, VegaPageSizeChange as X, VegaCurrentStepUpdate as Y, VegaImageInserted as Z, VegaSourceCodeChange as _, VegaClick as a, VegaSelectAllChange as a0, VegaRowClick as a1, VegaRowExpand as a2, VegaRowDragDrop as a3, VegaRowSelect as a4, VegaRowSelectAll as a5, VegaPopoverHide as b, VegaPopoverShow as c, VegaExpand as d, VegaReset as e, VegaDropdownSearch as f, VegaClose as g, VegaActionButtonClick as h, VegaChange as i, VegaEventClick as j, VegaDateDblClick as k, VegaMoreActionClick as l, VegaDateClick as m, VegaEventEdit as n, VegaPageUpdate as o, VegaRemove as p, VegaCreate as q, VegaSearch as r, VegaMonthYearChange as s, VegaClear as t, VegaSelectionChange as u, VegaTodayClick as v, VegaDropdownShow as w, VegaDropdownHide as x, VegaSearchTrigger as y, VegaLabelButtonClick as z };
+export { VegaSourceCodeChange as $, VegaLabelButtonClick as A, VegaSelectFileChange as B, VegaRetry as C, VegaPreview as D, VegaFormSubmit as E, VegaFormReset as F, VegaValidate as G, VegaCancel as H, VegaNativeInputChange as I, VegaFocus as J, VegaBlur as K, VegaSuggestionItemClick as L, VegaPaste as M, VegaComplete as N, VegaCountryChange as O, VegaShow as P, VegaHide as Q, VegaToggleStatus as R, VegaOpen as S, VegaStateUpdate as T, VegaGroupClick as U, VegaDropdownClick as V, VegaMenuClick as W, VegaActionClick as X, VegaPageSizeChange as Y, VegaCurrentStepUpdate as Z, VegaImageInserted as _, VegaClick as a, VegaSelectChange as a0, VegaSelectAllChange as a1, VegaRowClick as a2, VegaRowExpand as a3, VegaRowDragDrop as a4, VegaRowSelect as a5, VegaRowSelectAll as a6, VegaPopoverHide as b, VegaPopoverShow as c, VegaExpand as d, VegaReset as e, VegaDropdownSearch as f, VegaClose as g, VegaActionButtonClick as h, VegaChange as i, VegaEventClick as j, VegaDateDblClick as k, VegaMoreActionClick as l, VegaDateClick as m, VegaEventEdit as n, VegaPageUpdate as o, VegaUserChange as p, VegaRemove as q, VegaCreate as r, VegaSearch as s, VegaMonthYearChange as t, VegaClear as u, VegaSelectionChange as v, VegaTodayClick as w, VegaDropdownShow as x, VegaDropdownHide as y, VegaSearchTrigger as z };

package/dist/esm/vega-field-error.entry.js

@@ -3,7 +3,7 @@ import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { d as FIELD_ERROR_MESSAGE_CHANGE } from './static-subject-title-52f93124.js';
+import { d as FIELD_ERROR_MESSAGE_CHANGE } from './static-subject-title-1c86e974.js';
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;