@globalpayments/vega 2.66.0 → 2.68.0

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

@@ -1,6 +1,6 @@
 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-297dc528.js';
+import { b as formatAndValidShadow, f as formatAndValidResponsiveToken, d as formatAndValidBackgroundColor } from './design-token-e9e6b011.js';
 import { L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { f as findParent, a as arrayToClassString } from './ui-bb99c0c2.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
@@ -8,14 +8,14 @@ import './type-guard-12f7654b.js';
 import './breakpoints-d9faf11c.js';
 import './ui-8424715a.js';
 import './typography-396de03f.js';
-import './responsive-format-facade-a41e1be7.js';
+import './responsive-format-facade-b0712993.js';
 import './page-resize-observer-slimmer-0bf7fbf3.js';
 import './try-get-document-bef0f526.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 import './vega-env-manager-8f8dc473.js';
-import './token-extension-b690953f.js';
+import './function-extension-eb1d062f.js';
 import './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
 import './dynamic-slimmer-90b8af32.js';
 import './dark-mode-style-controller-b7e85b6a.js';
@@ -24,15 +24,15 @@ import './change-manager-6a7eb88c.js';
 import './observer-3959f9dd.js';
 import './_commonjsHelpers-9943807e.js';
 import './vega-nonce-manager-87615d3c.js';
-import './internal-vega-event-manager-a5a5938d.js';
+import './internal-vega-event-manager-516aa721.js';
 import './dom-node-subject-observer-factory-dca87b70.js';
-import './dto-renderer-manager-a1a3b6d2.js';
-import './code-block-11b2bc1c.js';
+import './dto-renderer-manager-7abc53bf.js';
+import './code-block-e8839202.js';
 import './vega-internal-event-id-5c3e5f7f.js';
 import './string-a953eafc.js';
 import './object-66c37948.js';
-import './base-renderer-101f6d04.js';
 import './internal-icon-manager-f0486245.js';
+import './base-renderer-101f6d04.js';
 import './feature-flag-controller-51659753.js';
 import './index-e9da316f.js';
 import './wait-for-vega-handler-c2c07ac3.js';

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

@@ -3,11 +3,11 @@ import { S as SynchronizeTaskQueue } from './synchronize-task-queue-ac8acc3b.js'
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.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-a41e1be7.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-b0712993.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-0bf7fbf3.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-28fd360c.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-4e28e9f8.js';
 import { k as VegaPageUpdate } from './dom-node-subject-observer-factory-dca87b70.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-2c14df89.js';
 import { t as tryGetDocument } from './try-get-document-bef0f526.js';
@@ -19,7 +19,7 @@ import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 import './vega-env-manager-8f8dc473.js';
-import './token-extension-b690953f.js';
+import './function-extension-eb1d062f.js';
 import './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
 import './dynamic-slimmer-90b8af32.js';
 import './ui-bb99c0c2.js';
@@ -29,14 +29,14 @@ import './change-manager-6a7eb88c.js';
 import './observer-3959f9dd.js';
 import './_commonjsHelpers-9943807e.js';
 import './vega-nonce-manager-87615d3c.js';
-import './internal-vega-event-manager-a5a5938d.js';
-import './dto-renderer-manager-a1a3b6d2.js';
-import './code-block-11b2bc1c.js';
+import './internal-vega-event-manager-516aa721.js';
+import './dto-renderer-manager-7abc53bf.js';
+import './code-block-e8839202.js';
 import './vega-internal-event-id-5c3e5f7f.js';
 import './string-a953eafc.js';
 import './object-66c37948.js';
-import './base-renderer-101f6d04.js';
 import './internal-icon-manager-f0486245.js';
+import './base-renderer-101f6d04.js';
 import './feature-flag-controller-51659753.js';
 import './index-e9da316f.js';
 import './wait-for-vega-handler-c2c07ac3.js';

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

@@ -9,10 +9,10 @@ import { f as findParent, a as arrayToClassString } from './ui-bb99c0c2.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
 import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-b23d9ff3.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-28fd360c.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-4e28e9f8.js';
 import { d as domNodeSubjectFactory, f as VegaChange } from './dom-node-subject-observer-factory-dca87b70.js';
 import { f as VegaInternalFieldErrorStateChange } from './vega-internal-event-id-5c3e5f7f.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-735cb880.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-76331524.js';
 import { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
 import { C as ComponentLoadRequired } from './component-load-required-db42032a.js';
 import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-b676cd2b.js';
@@ -30,7 +30,7 @@ import './mutation-observer-filters-1a054fb0.js';
 import './array-7888f339.js';
 import './number-4398f2e1.js';
 import './sub-state-observer-slimmer-3504e2f2.js';
-import './internal-vega-event-manager-a5a5938d.js';
+import './internal-vega-event-manager-516aa721.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-51659753.js';
 import './index-e9da316f.js';

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

@@ -1,15 +1,15 @@
 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-a41e1be7.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-b0712993.js';
 import { a as arrayToClassString } from './ui-bb99c0c2.js';
-import { d as formatAndValidBackgroundColor, i as formatAndValidTextColor } from './design-token-297dc528.js';
+import { d as formatAndValidBackgroundColor, i as formatAndValidTextColor } from './design-token-e9e6b011.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { P as PageResizeObserverSlimmer, g as getCurrentBreakpoint } from './page-resize-observer-slimmer-0bf7fbf3.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-28fd360c.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-4e28e9f8.js';
 import { a as VegaClick, c as VegaClose } from './dom-node-subject-observer-factory-dca87b70.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-735cb880.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-76331524.js';
 import './type-guard-12f7654b.js';
 import './breakpoints-d9faf11c.js';
 import './ui-8424715a.js';
@@ -18,7 +18,7 @@ import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 import './vega-env-manager-8f8dc473.js';
-import './token-extension-b690953f.js';
+import './function-extension-eb1d062f.js';
 import './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
 import './dynamic-slimmer-90b8af32.js';
 import './dark-mode-style-controller-b7e85b6a.js';
@@ -28,14 +28,14 @@ import './observer-3959f9dd.js';
 import './_commonjsHelpers-9943807e.js';
 import './vega-nonce-manager-87615d3c.js';
 import './try-get-document-bef0f526.js';
-import './internal-vega-event-manager-a5a5938d.js';
-import './dto-renderer-manager-a1a3b6d2.js';
-import './code-block-11b2bc1c.js';
+import './internal-vega-event-manager-516aa721.js';
+import './dto-renderer-manager-7abc53bf.js';
+import './code-block-e8839202.js';
 import './vega-internal-event-id-5c3e5f7f.js';
 import './string-a953eafc.js';
 import './object-66c37948.js';
-import './base-renderer-101f6d04.js';
 import './internal-icon-manager-f0486245.js';
+import './base-renderer-101f6d04.js';
 import './feature-flag-controller-51659753.js';
 import './index-e9da316f.js';
 import './wait-for-vega-handler-c2c07ac3.js';

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

@@ -5,16 +5,16 @@ import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { a as VegaInternalIconManager } from './internal-icon-manager-f0486245.js';
 import { t as trashCan } from './trash-can-8819a939.js';
 import { D as DomNodeSubjectObserverFactory, f as VegaChange, a as VegaClick, d as domNodeSubjectFactory, l as VegaRemove } from './dom-node-subject-observer-factory-dca87b70.js';
-import { K as CodeLanguage } from './code-block-11b2bc1c.js';
+import { Q as CodeLanguage } from './code-block-e8839202.js';
 import { a as arrayToClassString } from './ui-bb99c0c2.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-28fd360c.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-4e28e9f8.js';
 import { d as deepEqual } from './object-66c37948.js';
 import { T as TranslationSlimmer } from './translation-slimmer-984c9ce6.js';
-import { A as AutoRunWhenReRenderTaskQueueSlimmer, S as ShadowSelectionPolyfill, a as SelectionController, C as ComponentValueHistoryControllerSlimmer } from './component-value-history-controller-slimmer.abstract-16c5cb96.js';
+import { A as AutoRunWhenReRenderTaskQueueSlimmer, S as ShadowSelectionPolyfill, a as SelectionController, C as ComponentValueHistoryControllerSlimmer } from './component-value-history-controller-slimmer.abstract-c6f94113.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { r as VegaInternalCodeBlockSelectionChange } from './vega-internal-event-id-5c3e5f7f.js';
 import { d as debounce } from './timer-9321173b.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-735cb880.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-76331524.js';
 import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-9943807e.js';
 import { C as ComponentGlobalStyleSlimmer } from './component-global-style-slimmer-5d437fdf.js';
 import './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
@@ -29,9 +29,9 @@ import './dark-mode-style-controller-b7e85b6a.js';
 import './static-subject-title-52f93124.js';
 import './vega-nonce-manager-87615d3c.js';
 import './try-get-document-bef0f526.js';
-import './internal-vega-event-manager-a5a5938d.js';
+import './internal-vega-event-manager-516aa721.js';
 import './translation-f10b1e19.js';
-import './range-b78254de.js';
+import './range-adf206fd.js';
 import './synchronize-task-queue-ac8acc3b.js';
 import './keyboard-manager-slimmer-f39214e4.js';
 import './keyboard-manager-5d8f3582.js';

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

@@ -7,7 +7,7 @@ import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-52f93124.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-28fd360c.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-4e28e9f8.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { f as VegaChange } from './dom-node-subject-observer-factory-dca87b70.js';
 import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
@@ -26,7 +26,7 @@ import './mutation-observer-filters-1a054fb0.js';
 import './array-7888f339.js';
 import './number-4398f2e1.js';
 import './sub-state-observer-slimmer-3504e2f2.js';
-import './internal-vega-event-manager-a5a5938d.js';
+import './internal-vega-event-manager-516aa721.js';
 
 const VegaColorPickerRuntimeMetricsPayloadDefinition = [
   {

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

@@ -5,8 +5,8 @@ import { Q as isArrayOfType, R as isDropdownSourceItemType } from './type-guard-
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
 import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-b23d9ff3.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-735cb880.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-28fd360c.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-76331524.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-4e28e9f8.js';
 import { D as DomNodeSubjectObserverFactory, m as VegaCreate, q as VegaDropdownHide, V as VegaDropdownClick, c as VegaClose, f as VegaChange, n as VegaSearch } from './dom-node-subject-observer-factory-dca87b70.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-52f93124.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
@@ -30,7 +30,7 @@ import './try-get-document-bef0f526.js';
 import './array-7888f339.js';
 import './number-4398f2e1.js';
 import './sub-state-observer-slimmer-3504e2f2.js';
-import './internal-vega-event-manager-a5a5938d.js';
+import './internal-vega-event-manager-516aa721.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-51659753.js';
 import './index-e9da316f.js';

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

@@ -14,22 +14,22 @@ import { i as isArrayEqual } from './array-7888f339.js';
 import { c as createCommonjsModule } from './_commonjsHelpers-9943807e.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { s as VegaInternalMonthYearChange, t as VegaInternalDropdownUpdateTarget } from './vega-internal-event-id-5c3e5f7f.js';
-import { m as InternalVegaZIndexManager } from './token-extension-b690953f.js';
+import { n as InternalVegaZIndexManager } from './function-extension-eb1d062f.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-52f93124.js';
 import { S as StringMaskStrategy } from './string-mask-strategy-6232a1c1.js';
 import { S as StringInputFormatterSlimmer } from './string-input-formatter-slimmer-3acd240c.js';
-import { E as ElementAppenderSlimmer } from './element-appender-slimmer-f7233708.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-8dbc8387.js';
 import './vega-env-manager-8f8dc473.js';
 import { F as FeatureFlag } from './feature-flag-controller-51659753.js';
 import './wait-for-vega-handler-c2c07ac3.js';
 import './translation-f10b1e19.js';
-import './dto-renderer-manager-a1a3b6d2.js';
+import './dto-renderer-manager-7abc53bf.js';
 import './vega-nonce-manager-87615d3c.js';
-import './code-block-11b2bc1c.js';
+import './code-block-e8839202.js';
 import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-f39214e4.js';
 import { C as ComponentLoadRequired } from './component-load-required-db42032a.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-28fd360c.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-735cb880.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-4e28e9f8.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-76331524.js';
 import { T as TranslationSlimmer } from './translation-slimmer-984c9ce6.js';
 import { r as remoteInvocationRegistry } from './remote-invocation-registry-d69245c2.js';
 import { O as Observer } from './observer-3959f9dd.js';
@@ -45,13 +45,13 @@ import './mutation-observer-filters-1a054fb0.js';
 import './sub-state-observer-slimmer-3504e2f2.js';
 import './number-4398f2e1.js';
 import './dark-mode-style-controller-b7e85b6a.js';
-import './internal-vega-event-manager-a5a5938d.js';
+import './internal-vega-event-manager-516aa721.js';
 import './type-guard-12f7654b.js';
 import './typography-396de03f.js';
 import './base-renderer-101f6d04.js';
 import './string-format-strategy.abstract-452f4398.js';
 import './index-c943d263.js';
-import './responsive-format-facade-a41e1be7.js';
+import './responsive-format-facade-b0712993.js';
 import './pixel-f32c07ce.js';
 import './index-e9da316f.js';
 import './object-66c37948.js';

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

@@ -3,25 +3,25 @@ import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { P as PageResizeObserverSlimmer, g as getCurrentBreakpoint } from './page-resize-observer-slimmer-0bf7fbf3.js';
 import { I as InjectVegaSlimmer, c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import './vega-env-manager-8f8dc473.js';
-import { m as InternalVegaZIndexManager } from './token-extension-b690953f.js';
+import { n as InternalVegaZIndexManager } from './function-extension-eb1d062f.js';
 import './feature-flag-controller-51659753.js';
 import './internal-icon-manager-f0486245.js';
 import './wait-for-vega-handler-c2c07ac3.js';
 import { g as getDeviceType, D as DeviceType, f as findParent } from './ui-bb99c0c2.js';
 import './translation-f10b1e19.js';
-import './dto-renderer-manager-a1a3b6d2.js';
+import './dto-renderer-manager-7abc53bf.js';
 import './vega-nonce-manager-87615d3c.js';
-import './code-block-11b2bc1c.js';
+import './code-block-e8839202.js';
 import { D as DomNodeSubjectObserverFactory, c as VegaClose, a as VegaClick, L as VegaOpen } from './dom-node-subject-observer-factory-dca87b70.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
 import './state-background-color-formatter-0f01d27a.js';
-import { f as formatAndValidResponsiveToken } from './design-token-297dc528.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-28fd360c.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-735cb880.js';
+import { f as formatAndValidResponsiveToken } from './design-token-e9e6b011.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-4e28e9f8.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-76331524.js';
 import { C as ComponentGlobalStyleSlimmer } from './component-global-style-slimmer-5d437fdf.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-2c14df89.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-a41e1be7.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-b0712993.js';
 import { D as DefaultModalSize } from './ui-8424715a.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { S as SHADOW_ROOT_ELEMENT_SCROLLING } from './static-subject-title-52f93124.js';
@@ -32,14 +32,14 @@ import './dynamic-slimmer-90b8af32.js';
 import './dark-mode-style-controller-b7e85b6a.js';
 import './observer-3959f9dd.js';
 import './_commonjsHelpers-9943807e.js';
-import './internal-vega-event-manager-a5a5938d.js';
+import './internal-vega-event-manager-516aa721.js';
 import './number-4398f2e1.js';
 import './type-guard-12f7654b.js';
 import './typography-396de03f.js';
 import './base-renderer-101f6d04.js';
 import './index-e9da316f.js';
-import './string-a953eafc.js';
 import './vega-internal-event-id-5c3e5f7f.js';
+import './string-a953eafc.js';
 import './object-66c37948.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
@@ -234,7 +234,7 @@ class VegaModalRenderer extends VegaSlimmer {
   }
   render() {
     return (h(Host, { class: {
-        'align-center': this.deprecatedPropertySlimmer.getValue() && this.open,
+        'align-center': this.deprecatedPropertySlimmer.getValue() && this.openState.isOpen,
         'animation': this.animation,
       } },
       h("div", { class: "modal-dialog" }, this.renderContainer())));
@@ -310,6 +310,9 @@ __decorate$8([
 __decorate$8([
   MapToComponentField()
 ], VegaModalRenderer.prototype, "open", void 0);
+__decorate$8([
+  MapToComponentField()
+], VegaModalRenderer.prototype, "openState", void 0);
 __decorate$8([
   MapToComponentField()
 ], VegaModalRenderer.prototype, "padding", void 0);
@@ -621,6 +624,16 @@ __decorate$5([
   MapToComponentMethod('watchContentMaxHeight')
 ], VegaModalScrollController.prototype, "watchContentMaxHeight", null);
 
+/**
+ * Represents the modal open state and the source that triggered the state change.
+ */
+class VegaModalOpenState {
+  constructor(isOpen, triggerBy) {
+    this.isOpen = isOpen;
+    this.triggerBy = triggerBy;
+  }
+}
+
 var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -647,23 +660,35 @@ class VegaModalOpenStateController extends VegaSlimmer {
       e.preventDefault();
       e.stopPropagation();
       if (!this.handleClose || this.handleClose()) {
-        this.open = false;
+        this.close('close-button');
       }
     };
   }
+  /**
+   * Component lifecycle - [disconnectedCallback]
+   */
+  disconnectedCallback() {
+    this.close('remove-node');
+  }
   /**
    * Component lifecycle - [componentDidLoad]
    */
   componentDidLoad() {
-    if (this.open) {
+    if (this.openState.isOpen) {
       this.toggle();
     }
   }
   /**
-   * Toggle modal while open property changed.
+   * Toggle modal while openState changed.
+   *
+   * @param {VegaModalOpenState} newState Specifies the new openState.
+   * @param {VegaModalOpenState} oldState Specifies the old openState.
    */
-  watchOpen() {
-    this.toggle();
+  watchOpenState(newState, oldState) {
+    if (newState.isOpen !== oldState.isOpen) {
+      this.toggle();
+      this.open = newState.isOpen;
+    }
   }
   /**
    * Listen the target element clicked has a `data-target='modal'` attribute and open the modal if it does.
@@ -682,14 +707,19 @@ class VegaModalOpenStateController extends VegaSlimmer {
        * @see module:vega-modal-backdrop-mousedown-mouseup-e2e
        */
       /* istanbul ignore next */
-      this.open = this.backdropMouseDownOnHost && this.backdropMouseUpOnHost ? false : true;
+      if (this.backdropMouseDownOnHost && this.backdropMouseUpOnHost) {
+        this.close('backdrop');
+      }
+      else {
+        this.changeOpenState(true, 'backdrop');
+      }
       this.resetBackdropClickFlags();
     }
     if (this.host.id &&
       (target.getAttribute('data-target') === this.host.id ||
         findParent(target, `[data-target=${this.host.id}]`))) {
       e.preventDefault();
-      this.open = true;
+      this.changeOpenState(true, 'data-target');
     }
   }
   /*
@@ -706,7 +736,7 @@ class VegaModalOpenStateController extends VegaSlimmer {
     const target = e.target.closest(`[data-dismiss='modal']`);
     if (target) {
       e.preventDefault();
-      this.open = false;
+      this.close('data-dismiss');
     }
   }
   /*
@@ -735,6 +765,50 @@ class VegaModalOpenStateController extends VegaSlimmer {
   listenMouseUp(e) {
     this.backdropMouseUpOnHost = this.isBackdropClickTargeted(e);
   }
+  /* The below method is e2e-test covered in
+   * @see{module:vega-modal-toggle-interactive-e2e}
+   */
+  /**
+   * Handles the public modal API (`show` / `hide`).
+   *
+   * @param {'show' | 'hide'} option - Determines which state change to perform.
+   */
+  modal(option) {
+    switch (option) {
+      case 'show':
+        this.changeOpenState(true, 'method');
+        break;
+      default:
+        this.close('method');
+        break;
+    }
+  }
+  /**
+   * Close the modal via the provided trigger and emit the pending detail.
+   *
+   * @param {VegaModalOpenStateChangeTrigger} trigger - Indicates what initiated the close.
+   */
+  close(trigger) {
+    if (!this.openState.isOpen) {
+      return;
+    }
+    const event = this.closeEventEmitter.emit({ trigger });
+    if (!(event && event.defaultPrevented)) {
+      this.changeOpenState(false, trigger);
+    }
+  }
+  /**
+   * Updates the internal open state snapshot so watchers can react to the new value.
+   *
+   * @param {boolean} isOpen - Desired open flag for the modal.
+   * @param {VegaModalOpenStateChangeTrigger} triggerBy - Source that initiated the change.
+   */
+  changeOpenState(isOpen, triggerBy) {
+    if (this.openState.isOpen === isOpen) {
+      return;
+    }
+    this.openState = new VegaModalOpenState(isOpen, triggerBy);
+  }
   /*
    * The below method is e2e-test covered in
    * @see{module:vega-modal-toggle-interactive-e2e}
@@ -745,7 +819,9 @@ class VegaModalOpenStateController extends VegaSlimmer {
    * and emitting an event.
    */
   toggle() {
-    this.open ? this.openedModalStackController.push() : this.openedModalStackController.remove();
+    this.openState.isOpen
+      ? this.openedModalStackController.push()
+      : this.openedModalStackController.remove();
     this.updateDocumentRootOverflow();
     this.backdropController.setBackdrop();
     this.zIndexController.setModalZIndex();
@@ -764,13 +840,19 @@ class VegaModalOpenStateController extends VegaSlimmer {
    * 'none' based on the value of the `open` property.
    */
   setModalVisibility() {
-    this.host.style['display'] = this.open ? 'flex' : 'none';
+    this.host.style['display'] = this.openState.isOpen ? 'flex' : 'none';
   }
   /**
    * Emits either an open or close event based on the value of the `open` property.
    */
   emitEvent() {
-    this.open ? this.openEventEmitter.emit() : this.closeEventEmitter.emit();
+    if (this.openState.isOpen) {
+      this.openEventEmitter.emit();
+      return;
+    }
+    if (this.openState.triggerBy === 'property') {
+      this.closeEventEmitter.emit({ trigger: 'property' });
+    }
   }
   /**
    * In desktop, we should add 'overflow: hidden' to the body to prevent the body scroll.
@@ -779,11 +861,11 @@ class VegaModalOpenStateController extends VegaSlimmer {
     if (this.backdrop === 'none')
       return;
     const openedModalStackLength = this.openedModalStackController.length();
-    if (this.open && openedModalStackLength === 1) {
+    if (this.openState.isOpen && openedModalStackLength === 1) {
       // eslint-disable-next-line no-restricted-globals
       document.body.classList.add('disable-scroll-in-desktop');
     }
-    else if (!this.open && openedModalStackLength === 0) {
+    else if (!this.openState.isOpen && openedModalStackLength === 0) {
       // eslint-disable-next-line no-restricted-globals
       document.body.classList.remove('disable-scroll-in-desktop');
     }
@@ -797,7 +879,7 @@ class VegaModalOpenStateController extends VegaSlimmer {
    * Removes the backdrop element if no modals are currently visible.
    */
   removeBackdropWhileNoModalShow() {
-    if (!this.open && this.openedModalStackController.length() === 0) {
+    if (!this.openState.isOpen && this.openedModalStackController.length() === 0) {
       this.backdropController.removeBackdrop();
     }
   }
@@ -830,6 +912,9 @@ __decorate$4([
 __decorate$4([
   MapToComponentField({ writable: true })
 ], VegaModalOpenStateController.prototype, "open", void 0);
+__decorate$4([
+  MapToComponentField({ writable: true })
+], VegaModalOpenStateController.prototype, "openState", void 0);
 __decorate$4([
   MapToComponentField()
 ], VegaModalOpenStateController.prototype, "backdrop", void 0);
@@ -854,12 +939,15 @@ __decorate$4([
 __decorate$4([
   MapToComponentField()
 ], VegaModalOpenStateController.prototype, "zIndexController", void 0);
+__decorate$4([
+  MapToComponentMethod('disconnectedCallback')
+], VegaModalOpenStateController.prototype, "disconnectedCallback", null);
 __decorate$4([
   MapToComponentMethod('componentDidLoad')
 ], VegaModalOpenStateController.prototype, "componentDidLoad", null);
 __decorate$4([
-  MapToComponentMethod('watchOpen')
-], VegaModalOpenStateController.prototype, "watchOpen", null);
+  MapToComponentMethod('watchOpenState')
+], VegaModalOpenStateController.prototype, "watchOpenState", null);
 __decorate$4([
   MapToComponentMethod('listenDataTarget')
 ], VegaModalOpenStateController.prototype, "listenDataTarget", null);
@@ -872,6 +960,9 @@ __decorate$4([
 __decorate$4([
   MapToComponentMethod('listenMouseUp')
 ], VegaModalOpenStateController.prototype, "listenMouseUp", null);
+__decorate$4([
+  MapToComponentMethod('modal')
+], VegaModalOpenStateController.prototype, "modal", null);
 
 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;
@@ -1006,7 +1097,7 @@ class VegaModalZIndexController extends VegaSlimmer {
    */
   setModalZIndex() {
     const backdropRef = this.backdropController.getBackdropRef();
-    if (this.open) {
+    if (this.openState.isOpen) {
       InternalVegaZIndexManager.setZIndex(backdropRef, 'base');
       InternalVegaZIndexManager.setZIndex(this.host, 'base');
     }
@@ -1026,6 +1117,9 @@ __decorate$1([
 __decorate$1([
   MapToComponentField()
 ], VegaModalZIndexController.prototype, "open", void 0);
+__decorate$1([
+  MapToComponentField()
+], VegaModalZIndexController.prototype, "openState", void 0);
 __decorate$1([
   MapToComponentField()
 ], VegaModalZIndexController.prototype, "backdropController", void 0);
@@ -1068,6 +1162,7 @@ const VegaModal = class {
     this.componentGlobalStyleSlimmer = new ComponentGlobalStyleSlimmer(vegaModalDisableBodyScrollCss);
     this.deprecatedPropertySlimmer = createDeprecatedPropertySlimmer(VegaModal, 'isVerticallyCentered', 'isVerticallyCenter', false);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaModalRuntimeMetricsPayloadDefinition);
+    this.openState = this.initOpenState();
     /**
      * Provides options for controlling the behavior of the backdrop.
      * - `default`:
@@ -1154,6 +1249,8 @@ const VegaModal = class {
      */
     this.handleClose = undefined;
   }
+  watchOpenState() {
+  }
   /**
    * The below method is e2e-test covered in
    * @see{module:vega-modal-size-number-e2e}
@@ -1163,12 +1260,10 @@ const VegaModal = class {
   watchSize() {
   }
   watchOpen() {
+    this.openState = new VegaModalOpenState(this.open, 'property');
   }
   watchContentMaxHeight() {
   }
-  disconnectedCallback() {
-    this.open = false;
-  }
   /**
    * Clicking on a non-static current modal should close this modal, not other modals.
    * The below method is e2e-test covered in
@@ -1210,20 +1305,19 @@ const VegaModal = class {
    *
    */
   async modal(option) {
-    switch (option) {
-      case 'show':
-        this.open = true;
-        break;
-      case 'hide':
-        this.open = false;
-        break;
-    }
   }
   render() {
     return sanitizeVegaComponent(this.renderer.render(), this.host);
   }
+  /**
+   * Returns the initial open state of the modal.
+   */
+  initOpenState() {
+    return new VegaModalOpenState(this.open, 'property');
+  }
   get host() { return getElement(this); }
   static get watchers() { return {
+    "openState": ["watchOpenState"],
     "size": ["watchSize"],
     "open": ["watchOpen"],
     "contentMaxHeight": ["watchContentMaxHeight"]