@globalpayments/vega 2.96.0 → 2.98.0

package/dist/cjs/vega-input-passcode.cjs.entry.js

@@ -11,36 +11,37 @@ const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-facto
 const staticSubjectTitle = require('./static-subject-title-70c73b16.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-a1223714.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-7043a106.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e0ac8467.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-d638ba12.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-a743be34.js');
 const requiredFieldRule = require('./required-field-rule-400690c3.js');
 require('./observer-f49483e8.js');
 require('./ui-c91c37a7.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./internal-vega-event-manager-7003c84a.js');
 require('./try-get-document-c0ebd39a.js');
-require('./keyboard-manager-ca76d4dc.js');
-require('./type-guard-f354af8b.js');
+require('./keyboard-manager-c56033b1.js');
+require('./type-guard-a57ef3ac.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');
-require('./internal-translation-controller-eb02c3b1.js');
+require('./internal-translation-controller-1dac2df8.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-c19d0b58.js');
 require('./index-3ca118c4.js');
 require('./string-39438062.js');
 require('./misc-3d30df91.js');
-require('./vega-internal-event-id-ecc5b87a.js');
+require('./vega-internal-event-id-f4d33037.js');
 require('./index-592b4052.js');
 require('./page-resize-observer-slimmer-273d62ef.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./internal-form-field-validation-rule.abstract-07cdff46.js');
+require('./form-field-key-8d5edf75.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
 require('./array-249289f2.js');
 require('./number-4816603d.js');
-require('./sub-state-observer-slimmer-eee2f0ae.js');
+require('./sub-state-observer-slimmer-6033b824.js');
 
 var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -722,6 +723,14 @@ const VegaInputPasscode = class {
      * @vegaVersion 2.88.0
      */
     this.optional = false;
+    /**
+     * Specifies the name attribute used to identify the form field during data submission.
+     *   It functions identically to the `data-vega-form` attribute but operates at a lower priority.
+     *
+     * @default ''
+     * @vegaVersion 2.97.0
+     */
+    this.name = '';
     /**
      * An array of custom validation rules applied to the passcode input in
      * addition to the built-in `RequiredFieldRule`. Each rule must implement

package/dist/cjs/vega-input-phone-number.cjs.entry.js

@@ -10,14 +10,14 @@ const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-facto
 const vegaEventId = require('./vega-event-id-58afed7a.js');
 const internalIconManager = require('./internal-icon-manager-40bcac72.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-fc22fdd0.js');
-const vegaInternalEventId = require('./vega-internal-event-id-ecc5b87a.js');
+const vegaInternalEventId = require('./vega-internal-event-id-f4d33037.js');
 const featureFlagController = require('./feature-flag-controller-c19d0b58.js');
-const stringFormatStrategy_abstract = require('./string-format-strategy.abstract-b22f7754.js');
-const typeGuard = require('./type-guard-f354af8b.js');
+const stringFormatStrategy_abstract = require('./string-format-strategy.abstract-b61bdcbd.js');
+const typeGuard = require('./type-guard-a57ef3ac.js');
 const staticSubjectTitle = require('./static-subject-title-70c73b16.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const ariaAttributesValueMapper = require('./aria-attributes-value-mapper-9a41b9cf.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-d638ba12.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-a743be34.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const inputPhoneNumberRequiredRule = require('./input-phone-number-required-rule-2668fdf1.js');
@@ -32,17 +32,18 @@ require('./index-3ca118c4.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');
-require('./internal-translation-controller-eb02c3b1.js');
+require('./internal-translation-controller-1dac2df8.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./string-39438062.js');
 require('./index-592b4052.js');
 require('./try-get-document-c0ebd39a.js');
 require('./page-resize-observer-slimmer-273d62ef.js');
 require('./breakpoints-1cc2c4c6.js');
+require('./form-field-key-8d5edf75.js');
 require('./mutation-observer-filters-38cebc6d.js');
 require('./array-249289f2.js');
 require('./number-4816603d.js');
-require('./sub-state-observer-slimmer-eee2f0ae.js');
+require('./sub-state-observer-slimmer-6033b824.js');
 require('./internal-vega-event-manager-7003c84a.js');
 require('./vega-env-manager-23b8b23c.js');
 
@@ -6020,6 +6021,14 @@ const VegaInputPhoneNumber = class {
      * @vegaVersion 2.88.0
      */
     this.optional = false;
+    /**
+     * Specifies the name attribute used to identify the form field during data submission.
+     *   It functions identically to the `data-vega-form` attribute but operates at a lower priority.
+     *
+     * @default ''
+     * @vegaVersion 2.97.0
+     */
+    this.name = '';
     /**
      * Specifies whether the phone number input field is disabled. When `true`,
      * both the country selector and the phone number text field become

package/dist/cjs/vega-input-range.cjs.entry.js

@@ -8,7 +8,7 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-d638ba12.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-a743be34.js');
 const array = require('./array-249289f2.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-70c73b16.js');
@@ -18,23 +18,24 @@ const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimm
 const inputRangeRequiredRule = require('./input-range-required-rule-5b9c2a95.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 const accessibility = require('./accessibility-88f8af84.js');
-const translationSlimmer = require('./translation-slimmer-9099f56c.js');
+const translationSlimmer = require('./translation-slimmer-77c7f37d.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./internal-vega-event-manager-7003c84a.js');
 require('./try-get-document-c0ebd39a.js');
 require('./string-39438062.js');
 require('./observer-f49483e8.js');
 require('./misc-3d30df91.js');
-require('./vega-internal-event-id-ecc5b87a.js');
-require('./internal-translation-controller-eb02c3b1.js');
+require('./vega-internal-event-id-f4d33037.js');
+require('./internal-translation-controller-1dac2df8.js');
 require('./index-592b4052.js');
 require('./page-resize-observer-slimmer-273d62ef.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./ui-32120990.js');
 require('./breakpoints-ebde4837.js');
+require('./form-field-key-8d5edf75.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
-require('./sub-state-observer-slimmer-eee2f0ae.js');
+require('./sub-state-observer-slimmer-6033b824.js');
 require('./number-4816603d.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-c19d0b58.js');
@@ -603,6 +604,14 @@ const VegaInputRange = class {
      * @vegaVersion 2.89.0
      */
     this.optional = false;
+    /**
+     * Specifies the name attribute used to identify the form field during data submission.
+     *   It functions identically to the `data-vega-form` attribute but operates at a lower priority.
+     *
+     * @default ''
+     * @vegaVersion 2.97.0
+     */
+    this.name = '';
     /**
      * Indicates whether the current value in the field is considered valid
      *    based on the defined validation rules.

package/dist/cjs/vega-input-select.cjs.entry.js

@@ -8,11 +8,11 @@ const component = require('./component-1e352960.js');
 const breakpoints = require('./breakpoints-1cc2c4c6.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const ui = require('./ui-c91c37a7.js');
-const responsiveFormatFacade = require('./responsive-format-facade-25e9f30d.js');
+const responsiveFormatFacade = require('./responsive-format-facade-493d1763.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
-const vegaInternalEventId = require('./vega-internal-event-id-ecc5b87a.js');
+const vegaInternalEventId = require('./vega-internal-event-id-f4d33037.js');
 const array = require('./array-249289f2.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-70c73b16.js');
@@ -21,17 +21,17 @@ const chevronUp = require('./chevron-up-21465cf7.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
 const internalIconManager = require('./internal-icon-manager-40bcac72.js');
 const index$1 = require('./index-592b4052.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-d638ba12.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-a743be34.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e0ac8467.js');
-const typeGuard = require('./type-guard-f354af8b.js');
+const typeGuard = require('./type-guard-a57ef3ac.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
 const mutationObserverFilters = require('./mutation-observer-filters-38cebc6d.js');
-const translationSlimmer = require('./translation-slimmer-9099f56c.js');
+const translationSlimmer = require('./translation-slimmer-77c7f37d.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-fc22fdd0.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
-const internalTranslationController = require('./internal-translation-controller-eb02c3b1.js');
+const internalTranslationController = require('./internal-translation-controller-1dac2df8.js');
 require('./feature-flag-controller-c19d0b58.js');
 require('./index-3ca118c4.js');
 require('./ui-32120990.js');
@@ -45,7 +45,8 @@ require('./dynamic-slimmer-f31fdfd7.js');
 require('./misc-3d30df91.js');
 require('./try-get-document-c0ebd39a.js');
 require('./string-39438062.js');
-require('./sub-state-observer-slimmer-eee2f0ae.js');
+require('./form-field-key-8d5edf75.js');
+require('./sub-state-observer-slimmer-6033b824.js');
 require('./internal-vega-event-manager-7003c84a.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./typography-3ea4fe41.js');
@@ -1106,6 +1107,14 @@ const VegaInputSelect = class {
      * @vegaVersion 2.89.0
      */
     this.optional = false;
+    /**
+     * Specifies the name attribute used to identify the form field during data submission.
+     *   It functions identically to the `data-vega-form` attribute but operates at a lower priority.
+     *
+     * @default ''
+     * @vegaVersion 2.97.0
+     */
+    this.name = '';
     /**
      * Allows customization of the text displayed within the
      *    select field when single or multiple items are selected.

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

@@ -12,24 +12,25 @@ const componentLoadRequired = require('./component-load-required-6cc74719.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-d638ba12.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-a743be34.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
-const stringMaskStrategy = require('./string-mask-strategy-fc01a500.js');
-const stringFormatStrategy_abstract = require('./string-format-strategy.abstract-b22f7754.js');
-const typeGuard = require('./type-guard-f354af8b.js');
-const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-d2c248f7.js');
+const stringMaskStrategy = require('./string-mask-strategy-ad3fa0ac.js');
+const stringFormatStrategy_abstract = require('./string-format-strategy.abstract-b61bdcbd.js');
+const typeGuard = require('./type-guard-a57ef3ac.js');
+const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-ef65cca7.js');
 const array = require('./array-249289f2.js');
 const object = require('./object-b53e9416.js');
-const vegaInternalEventId = require('./vega-internal-event-id-ecc5b87a.js');
+const vegaInternalEventId = require('./vega-internal-event-id-f4d33037.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-eee2f0ae.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-6033b824.js');
 const internalIconManager = require('./internal-icon-manager-40bcac72.js');
 const accessibility = require('./accessibility-88f8af84.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-70c73b16.js');
 const clickOutsideOnlyToDismissStrategy = require('./click-outside-only-to-dismiss-strategy-407f6d1e.js');
+const constants = require('./constants-907d7d89.js');
 const ariaAttributesValueMapper = require('./aria-attributes-value-mapper-9a41b9cf.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
 require('./number-4816603d.js');
@@ -40,15 +41,16 @@ require('./observer-f49483e8.js');
 require('./ui-c91c37a7.js');
 require('./misc-3d30df91.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-translation-controller-eb02c3b1.js');
+require('./internal-translation-controller-1dac2df8.js');
 require('./index-592b4052.js');
 require('./try-get-document-c0ebd39a.js');
+require('./form-field-key-8d5edf75.js');
 require('./mutation-observer-filters-38cebc6d.js');
 require('./internal-vega-event-manager-7003c84a.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');
-require('./wait-for-component-did-render-02ca4bee.js');
+require('./wait-for-component-did-render-44d006ee.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./icon-manager-be358b32.js');
 require('./create-public-api-runtime-metrics-slimmer-91b0cbfb.js');
@@ -1434,7 +1436,11 @@ class VegaInputInputSuggestionsRenderer extends globalSlimmerRegistry.VegaSlimme
     }
   }
   async showSuggestionsDropdown(dropdownConfig = {}) {
-    this.suggestionsDropdownConfig = dropdownConfig;
+    this.suggestionsDropdownConfig = Object.assign(Object.assign(Object.assign({}, constants.VEGA_DROPDOWN_DEFAULT_CONFIG), { placement: ['top', 'bottom'] }), dropdownConfig);
+    if (this.dropdownRef) {
+      // Sync live dropdown ref with latest config (JSX spread in render doesn't update existing instance)
+      Object.assign(this.dropdownRef, this.suggestionsDropdownConfig);
+    }
     await this.showSuggestions();
   }
   async hideSuggestionsDropdown() {
@@ -1453,7 +1459,7 @@ class VegaInputInputSuggestionsRenderer extends globalSlimmerRegistry.VegaSlimme
    * @returns {HTMLElement} The rendered dropdown component.
    */
   render(children) {
-    return (index.h("vega-dropdown", Object.assign({}, this.suggestionsDropdownConfig, { source: this.suggestionsDropdownSource, trigger: new clickOutsideOnlyToDismissStrategy.ClickOutsideOnlyToDismissStrategy(), matchTargetWidth: true, searchable: false, placement: ['top', 'bottom'], translocation: { X: 0, Y: 6 }, ref: (ref) => {
+    return (index.h("vega-dropdown", Object.assign({}, this.suggestionsDropdownConfig, { source: this.suggestionsDropdownSource, trigger: new clickOutsideOnlyToDismissStrategy.ClickOutsideOnlyToDismissStrategy(), matchTargetWidth: true, searchable: false, translocation: { X: 0, Y: 6 }, ref: (ref) => {
         this.dropdownRef = ref;
         this.addDropdownObserver(ref);
       }, style: { display: 'block' } }),
@@ -1854,7 +1860,8 @@ const VegaInput = class {
      */
     this.type = 'text';
     /**
-     * Sets the `name` attribute on the underlying native `<input>` element.
+     * Specifies the name attribute used to identify the form field during data submission.
+     *   It functions identically to the `data-vega-form` attribute but operates at a lower priority.
      *
      * This is used to identify the field when submitting form data and is also
      * used by the browser's autocomplete feature to recall previously entered values.

package/dist/cjs/{vega-internal-event-id-ecc5b87a.js → vega-internal-event-id-f4d33037.js}

@@ -50,6 +50,7 @@ const VegaInternalPaginationCurrentChange = new VegaInternalEventID('paginationC
 const VegaInternalPasteEvent = new VegaInternalEventID('pasteEvent');
 const VegaInternalNestEAHierarchyTreeChange = new VegaInternalEventID('nestEAHierarchyTreeChange');
 const VegaInternalTableHeadCellSortEvent = new VegaInternalEventID('tableHeadCellSortEvent');
+const VegaInternalTableHeadTemplateStructureChange = new VegaInternalEventID('tableHeadTemplateStructureChange');
 const VegaInternalCodeBlockSelectionChange = new VegaInternalEventID('internalCodeBlockSelectionChange');
 const VegaInternalColumnHeadRowRenderInputRIC = new VegaInternalEventID('tableHeadRowRenderInputRIC');
 const VegaInternalColumnHeadCellRenderInputRIC = new VegaInternalEventID('tableHeadCellRenderInputRIC');
@@ -122,6 +123,7 @@ exports.VegaInternalSidenavLinkClick = VegaInternalSidenavLinkClick;
 exports.VegaInternalSubStatePull = VegaInternalSubStatePull;
 exports.VegaInternalSubStatePush = VegaInternalSubStatePush;
 exports.VegaInternalTableHeadCellSortEvent = VegaInternalTableHeadCellSortEvent;
+exports.VegaInternalTableHeadTemplateStructureChange = VegaInternalTableHeadTemplateStructureChange;
 exports.VegaInternalTableRowExpand = VegaInternalTableRowExpand;
 exports.VegaInternalTableRowSelect = VegaInternalTableRowSelect;
 exports.VegaInternalTableRowSelectAll = VegaInternalTableRowSelectAll;

package/dist/cjs/vega-left-nav_5.cjs.entry.js

@@ -15,22 +15,22 @@ const breakpoints = require('./breakpoints-1cc2c4c6.js');
 const internalIconManager = require('./internal-icon-manager-40bcac72.js');
 const internalVegaZIndexManager = require('./internal-vega-z-index-manager-f03ddb37.js');
 const sharedBackdropManager = require('./shared-backdrop-manager-71e54fdb.js');
-const injectKeyboardManager = require('./inject-keyboard-manager-5a105612.js');
+const injectKeyboardManager = require('./inject-keyboard-manager-6a6f5c9f.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
 const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-93c5fb50.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
-const vegaInternalEventId = require('./vega-internal-event-id-ecc5b87a.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-18891389.js');
+const vegaInternalEventId = require('./vega-internal-event-id-f4d33037.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-e264a120.js');
 const brandSwitchStateControllerSlimmer = require('./brand-switch-state-controller-slimmer-97882447.js');
 const darkModeStyleController = require('./dark-mode-style-controller-32d4054a.js');
 const chevronUp = require('./chevron-up-21465cf7.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const observer = require('./observer-f49483e8.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-eee2f0ae.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-6033b824.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-300a3929.js');
-const designToken = require('./design-token-d3d12fa0.js');
+const designToken = require('./design-token-74674ee7.js');
 require('./try-get-document-c0ebd39a.js');
 require('./index-3ca118c4.js');
 require('./ui-32120990.js');
@@ -40,20 +40,20 @@ require('./create-public-api-runtime-metrics-slimmer-91b0cbfb.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./misc-3d30df91.js');
 require('./number-4816603d.js');
-require('./keyboard-manager-ca76d4dc.js');
-require('./type-guard-f354af8b.js');
+require('./keyboard-manager-c56033b1.js');
+require('./type-guard-a57ef3ac.js');
 require('./typography-3ea4fe41.js');
-require('./internal-translation-controller-eb02c3b1.js');
+require('./internal-translation-controller-1dac2df8.js');
 require('./static-subject-title-70c73b16.js');
 require('./internal-vega-event-manager-7003c84a.js');
 require('./vega-nonce-manager-df69d3ed.js');
 require('./index-592b4052.js');
 require('./tinycolor-polyfill-502efaa8.js');
 require('./object-b53e9416.js');
-require('./responsive-format-facade-25e9f30d.js');
+require('./responsive-format-facade-493d1763.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
-require('./state-border-formatter-f1ce0f3b.js');
+require('./state-border-formatter-711c7aaa.js');
 
 var __decorate$o = (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;
@@ -74,11 +74,13 @@ class VegaLeftNavOpenStateController extends pageResizeObserverSlimmer.PageResiz
           return;
         }
         this.updateMainContentUI(this.openState);
+        this.backdropManager.setEffectiveOverlayValue(this.getResolvedOverlayValue());
         this.backdropManager.watchOpenState(this.openState);
       },
     });
     this.isVoiceOverClick = false;
     this.triggerElement = null;
+    this.lastSyncedOverlayValue = null;
     this.handleClickEvent = (e) => {
       this.isVoiceOverClick = ui.checkIsVoiceOverClick(e);
     };
@@ -104,8 +106,14 @@ class VegaLeftNavOpenStateController extends pageResizeObserverSlimmer.PageResiz
   }
   /**
    * Component lifecycle - [componentDidRender]
+   *
+   * Runs after the first render to ensure all props (especially from React/Next.js)
+   * are fully hydrated before evaluating overlay-driven backdrop visibility.
+   * This prevents race conditions where showAsOverlay might still hold its default
+   * value during componentDidLoad when React/Next.js applies props after initial render.
    */
   componentDidRender() {
+    this.watchShowAsOverlay();
   }
   /** Call this method to toggle the left nav menu */
   async toggle() {
@@ -127,8 +135,13 @@ class VegaLeftNavOpenStateController extends pageResizeObserverSlimmer.PageResiz
     }
   }
   watchOpenState(newState) {
-    this.backdropManager.watchOpenState(newState);
+    // Always keep the main-content UI in sync with the requested open state.
     this.updateMainContentUI(newState);
+    // Defer initial "open" backdrop sync until show-as-overlay has an explicit hydrated value.
+    if (this.hasHydratedOverlayValue() || newState !== 'open') {
+      this.backdropManager.setEffectiveOverlayValue(this.getResolvedOverlayValue());
+      this.backdropManager.watchOpenState(newState);
+    }
     if (newState === 'open') {
       this.open = true;
     }
@@ -148,7 +161,12 @@ class VegaLeftNavOpenStateController extends pageResizeObserverSlimmer.PageResiz
     }
   }
   watchShowAsOverlay() {
-    this.backdropManager.watchShowAsOverlay();
+    const effectiveOverlayValue = this.getResolvedOverlayValue();
+    if (this.lastSyncedOverlayValue !== effectiveOverlayValue) {
+      this.backdropManager.setEffectiveOverlayValue(effectiveOverlayValue);
+      this.backdropManager.watchShowAsOverlay();
+      this.lastSyncedOverlayValue = effectiveOverlayValue;
+    }
     this.updateMainContentUI(this.openState);
   }
   /**
@@ -159,6 +177,31 @@ class VegaLeftNavOpenStateController extends pageResizeObserverSlimmer.PageResiz
   setOpenState(openState) {
     this.openState = openState;
   }
+  /**
+   * Check whether the show-as-overlay attribute has been explicitly hydrated by React/Next.js.
+   *
+   * Returns true only for recognized hydrated tokens ('false', 'true', '').
+   * Returns false when the attribute is absent or unrecognized.
+   *
+   * This DOM-read approach is resilient to SSR re-instantiation because it relies on
+   * current host attributes rather than instance-private hydration flags.
+   */
+  hasHydratedOverlayValue() {
+    var _a, _b;
+    const overlayAttr = (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.getAttribute('show-as-overlay')) !== null && _b !== void 0 ? _b : null;
+    return overlayAttr === 'false' || overlayAttr === 'true' || overlayAttr === '';
+  }
+  getResolvedOverlayValue() {
+    var _a, _b;
+    const overlayAttr = (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.getAttribute('show-as-overlay')) !== null && _b !== void 0 ? _b : null;
+    if (overlayAttr === 'false') {
+      return false;
+    }
+    if (overlayAttr === 'true' || overlayAttr === '') {
+      return true;
+    }
+    return this.showAsOverlay;
+  }
   /**
    * Focuses the first focusable element within the left nav dialog when it is opened via VoiceOver.
    */
@@ -248,8 +291,9 @@ class VegaLeftNavOpenStateController extends pageResizeObserverSlimmer.PageResiz
     }
   }
   shouldShowBackdrop() {
+    const effectiveOverlayValue = this.getResolvedOverlayValue();
     const breakpoint = breakpoints.getCurrentBreakpoint();
-    return this.showAsOverlay || (breakpoint !== 'L' && breakpoint !== 'XL');
+    return effectiveOverlayValue || (breakpoint !== 'L' && breakpoint !== 'XL');
   }
 }
 __decorate$o([
@@ -430,6 +474,18 @@ var __decorate$k = (undefined && undefined.__decorate) || function (decorators,
  * Each subclass of SharedBackdropManager gets its own separate static state (consumers, visibility intents, etc).
  */
 class VegaLeftNavBackdropManager extends sharedBackdropManager.SharedBackdropManager {
+  constructor() {
+    super(...arguments);
+    this.effectiveShowAsOverlay = true;
+  }
+  /**
+   * Set the overlay value used by backdrop visibility decisions.
+   *
+   * @param {boolean} showAsOverlay - Resolved overlay value from the controller.
+   */
+  setEffectiveOverlayValue(showAsOverlay) {
+    this.effectiveShowAsOverlay = showAsOverlay;
+  }
   /**
    * Watch openState changes and update visibility intent.
    *
@@ -443,6 +499,7 @@ class VegaLeftNavBackdropManager extends sharedBackdropManager.SharedBackdropMan
    * Watch showAsOverlay changes and re-evaluate visibility.
    */
   watchShowAsOverlay() {
+    this.setEffectiveOverlayValue(this.showAsOverlay);
     this.watchOpenState(this.openState);
   }
   /**
@@ -455,6 +512,9 @@ class VegaLeftNavBackdropManager extends sharedBackdropManager.SharedBackdropMan
     const backdrop = doc.createElement('vega-backdrop');
     backdrop.classList.add(VegaLeftNavBackdropManager.backdropClassName);
     backdrop.duration = 150;
+    // Ensure no one-frame flash before the component applies its own visibility styles.
+    backdrop.style.display = 'none';
+    backdrop.style.opacity = '0';
     backdrop.visible = false;
     doc.body.append(backdrop);
     return backdrop;
@@ -465,7 +525,7 @@ class VegaLeftNavBackdropManager extends sharedBackdropManager.SharedBackdropMan
    * @returns {boolean} True if backdrop should be visible.
    */
   shouldShowBackdrop() {
-    return this.showAsOverlay || !this.isLargeScreen();
+    return this.effectiveShowAsOverlay || !this.isLargeScreen();
   }
   /**
    * Check if current breakpoint is large screen.

package/dist/cjs/vega-loader-wrapper_2.cjs.entry.js

@@ -8,15 +8,15 @@ const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-
 const internalVegaZIndexManager = require('./internal-vega-z-index-manager-f03ddb37.js');
 const component = require('./component-1e352960.js');
 const ui = require('./ui-c91c37a7.js');
-const responsiveFormatFacade = require('./responsive-format-facade-25e9f30d.js');
+const responsiveFormatFacade = require('./responsive-format-facade-493d1763.js');
 const breakpoints = require('./breakpoints-1cc2c4c6.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
 require('./number-4816603d.js');
-require('./type-guard-f354af8b.js');
+require('./type-guard-a57ef3ac.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');
-require('./internal-translation-controller-eb02c3b1.js');
+require('./internal-translation-controller-1dac2df8.js');
 require('./change-manager-a297e4d2.js');
 require('./static-subject-title-70c73b16.js');
 require('./pixel-98f2a10c.js');

package/dist/cjs/vega-pagination-page-selector-mobile.cjs.entry.js

@@ -11,7 +11,7 @@ const vegaEventId = require('./vega-event-id-58afed7a.js');
 const number = require('./number-4816603d.js');
 const ui = require('./ui-c91c37a7.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const vegaInternalEventId = require('./vega-internal-event-id-ecc5b87a.js');
+const vegaInternalEventId = require('./vega-internal-event-id-f4d33037.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e0ac8467.js');
 require('./observer-f49483e8.js');
 require('./internal-vega-event-manager-7003c84a.js');

package/dist/cjs/vega-pagination-page-size-selector-mobile.cjs.entry.js

@@ -6,13 +6,13 @@ const index = require('./index-58ea899e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
 const component = require('./component-1e352960.js');
-const translationSlimmer = require('./translation-slimmer-9099f56c.js');
-const internalTranslationController = require('./internal-translation-controller-eb02c3b1.js');
+const translationSlimmer = require('./translation-slimmer-77c7f37d.js');
+const internalTranslationController = require('./internal-translation-controller-1dac2df8.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
 const ui = require('./ui-c91c37a7.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const vegaInternalEventId = require('./vega-internal-event-id-ecc5b87a.js');
+const vegaInternalEventId = require('./vega-internal-event-id-f4d33037.js');
 const pageSizeOptionUtils = require('./page-size-option-utils-d038dd3a.js');
 require('./static-subject-title-70c73b16.js');
 require('./observer-f49483e8.js');

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

@@ -13,11 +13,11 @@ const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimm
 const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
-const translationSlimmer = require('./translation-slimmer-9099f56c.js');
-const responsiveFormatFacade = require('./responsive-format-facade-25e9f30d.js');
+const translationSlimmer = require('./translation-slimmer-77c7f37d.js');
+const responsiveFormatFacade = require('./responsive-format-facade-493d1763.js');
 const breakpoints = require('./breakpoints-1cc2c4c6.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
-const vegaInternalEventId = require('./vega-internal-event-id-ecc5b87a.js');
+const vegaInternalEventId = require('./vega-internal-event-id-f4d33037.js');
 const featureFlagController = require('./feature-flag-controller-c19d0b58.js');
 require('./change-manager-a297e4d2.js');
 require('./observer-f49483e8.js');
@@ -25,9 +25,9 @@ require('./internal-vega-event-manager-7003c84a.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./try-get-document-c0ebd39a.js');
-require('./internal-translation-controller-eb02c3b1.js');
+require('./internal-translation-controller-1dac2df8.js');
 require('./static-subject-title-70c73b16.js');
-require('./type-guard-f354af8b.js');
+require('./type-guard-a57ef3ac.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');