@globalpayments/vega 2.40.0 → 2.41.0

package/dist/collection/helpers/ui/test/element-appender.test.js

@@ -23,7 +23,7 @@ test('return result as expect when call show', () => {
   drop1.show();
   expect(document.body).toEqualHtml(`
 	<div class="test-parent-host"><div class="test-host"></div></div>
-	<div class="dropdown vega-placement-bottom vega-alignment-start" style="box-sizing: border-box; left: 0px; top: 0px; z-index: 10001;"></div>
+	<div class="dropdown vega-element-appender-appendable vega-placement-bottom vega-alignment-start" style="box-sizing: border-box; left: 0px; top: 0px; z-index: 10001;"></div>
 	`);
   drop1.hide();
   spyOn(target, 'getBoundingClientRect').and.returnValue({
@@ -42,7 +42,7 @@ test('return result as expect when call show', () => {
   drop2.show();
   expect(document.body).toEqualHtml(`
 	<div class="test-parent-host"><div class="test-host"></div></div>
-	<div class="dropdown vega-placement-top vega-alignment-start" style=" box-sizing: border-box; left: 20px; top: 100px; width: 200px; z-index: 10001;"></div>
+	<div class="dropdown vega-element-appender-appendable vega-placement-top vega-alignment-start" style=" box-sizing: border-box; left: 20px; top: 100px; width: 200px; z-index: 10001;"></div>
 	`);
   drop2.hide();
   const drop3 = new ElementAppender({
@@ -105,7 +105,7 @@ test('return result as expect when call hide', () => {
   drop.hide();
   expect(document.body).toEqualHtml(`
 	<div class="test-parent-host"><div class="test-host"></div></div>
-	<div class="dropdown vega-placement-bottom vega-alignment-start vega-force-hidden" style="box-sizing: border-box; left: 0px; top: 0px;"></div>
+	<div class="dropdown vega-element-appender-appendable vega-placement-bottom vega-alignment-start vega-force-hidden" style="box-sizing: border-box; left: 0px; top: 0px;"></div>
 	`);
 });
 test('should not change css position in body when is not static', () => {
@@ -165,7 +165,7 @@ test('content should append to body while not in modal', () => {
   drop.show();
   expect(document.body).toEqualHtml(`
 	<vega-input-select></vega-input-select>
-	<div class="dropdown vega-placement-top vega-alignment-start" style="box-sizing: border-box; left: 0px; top: 0px; z-index: 10001;"></div
+	<div class="dropdown vega-element-appender-appendable vega-placement-top vega-alignment-start" style="box-sizing: border-box; left: 0px; top: 0px; z-index: 10001;"></div
 	`);
   drop.hide();
 });
@@ -191,7 +191,7 @@ test('content should append to modal while in modal', () => {
 	  <div class="modal-dialog"></div>
 	</mock:shadow-root>
 	<vega-input-select slot="content"></vega-input-select>
-	<div class="dropdown vega-alignment-start vega-placement-top" slot="content" style="box-sizing: border-box; left: NaNpx; top: NaNpx; z-index: 10001;"></div>
+	<div class="dropdown vega-element-appender-appendable vega-alignment-start vega-placement-top" slot="content" style="box-sizing: border-box; left: NaNpx; top: NaNpx; z-index: 10001;"></div>
   </vega-modal>`);
   drop.hide();
 });
@@ -212,7 +212,7 @@ test('content append proper while positionRelativeTo set', () => {
   expect(document.body).toEqualHtml(`
 	<div id="container">
 		<vega-input-select></vega-input-select>
-		<div class="dropdown vega-placement-top vega-alignment-start" style="box-sizing: border-box; left: NaNpx; top: NaNpx; z-index: 10001;"></div>
+		<div class="dropdown vega-element-appender-appendable vega-placement-top vega-alignment-start" style="box-sizing: border-box; left: NaNpx; top: NaNpx; z-index: 10001;"></div>
 	</div>
 	`);
   drop.hide();
@@ -243,7 +243,7 @@ test('content should append to modal content while in scroll modal content', ()
 	  </div>
 	</mock:shadow-root>
 	<vega-input-select></vega-input-select>
-	<div class="dropdown vega-alignment-start vega-placement-top" style="box-sizing: border-box; left: NaNpx; top: NaNpx; z-index: 10001;"></div>
+	<div class="dropdown vega-element-appender-appendable vega-alignment-start vega-placement-top" style="box-sizing: border-box; left: NaNpx; top: NaNpx; z-index: 10001;"></div>
   </vega-modal>`);
   drop.hide();
 });
@@ -266,7 +266,7 @@ test('content should append to popover content while in scroll modal content', (
 	<vega-modal>
 		<vega-popover class="vega-popover">
 			<vega-input-select></vega-input-select>
-			<div class="dropdown vega-placement-top vega-alignment-start" style="box-sizing: border-box; left: NaNpx; top: NaNpx; z-index: 10001;"></div>
+			<div class="dropdown vega-element-appender-appendable vega-placement-top vega-alignment-start" style="box-sizing: border-box; left: NaNpx; top: NaNpx; z-index: 10001;"></div>
 		</vega-popover>
 	</vega-modal>
 	`);
@@ -355,7 +355,7 @@ test('return result as expect when max/min width set', () => {
   element.style.removeProperty('z-index');
   expect(document.body).toEqualHtml(`
 	<div class="test-parent-host"><div class="test-host"></div></div>
-	<div class="dropdown vega-placement-top vega-alignment-start" style="box-sizing: border-box; min-width: 100px; max-width: 300px; left: 0px; top: 0px;"></div>
+	<div class="dropdown vega-element-appender-appendable vega-placement-top vega-alignment-start" style="box-sizing: border-box; min-width: 100px; max-width: 300px; left: 0px; top: 0px;"></div>
 	`);
   drop.hide();
 });
@@ -449,7 +449,7 @@ describe('screen position', () => {
     });
     drop1.show();
     expect(element).toEqualHtml(`
-			<div class="dropdown vega-alignment-start vega-placement-top" style="box-sizing: border-box; position: fixed; left: 100px; top: 50px; z-index: 10001;"></div>
+			<div class="dropdown vega-element-appender-appendable vega-alignment-start vega-placement-top" style="box-sizing: border-box; position: fixed; left: 100px; top: 50px; z-index: 10001;"></div>
 		`);
     drop1['previousTargetRect'] = {
       left: 10,
@@ -457,7 +457,7 @@ describe('screen position', () => {
     };
     drop1.onScroll();
     expect(element).toEqualHtml(`
-			<div class="dropdown vega-alignment-start vega-placement-top" style="box-sizing: border-box; position: fixed; left: 100px; top: 50px; z-index: 10001;"></div>
+			<div class="dropdown vega-element-appender-appendable vega-alignment-start vega-placement-top" style="box-sizing: border-box; position: fixed; left: 100px; top: 50px; z-index: 10001;"></div>
 		`);
     drop1['previousTargetRect'] = {
       left: 100,
@@ -473,7 +473,7 @@ describe('screen position', () => {
     drop1['previousTargetRect'] = undefined;
     drop1.onScroll();
     expect(element).toEqualHtml(`
-			<div class="dropdown vega-alignment-start vega-placement-top" style="box-sizing: border-box; position: fixed; left: 100px; top: -10px; z-index: 10001;"></div>
+			<div class="dropdown vega-element-appender-appendable vega-alignment-start vega-placement-top" style="box-sizing: border-box; position: fixed; left: 100px; top: -10px; z-index: 10001;"></div>
 		`);
   });
 });

package/dist/esm/{app-globals-88fa3549.js → app-globals-9ad844bb.js}

@@ -1,18 +1,18 @@
-import { F as FeatureFlag } from './feature-flag-controller-4b3fe6f8.js';
-import { V as VegaLoader, a as VegaNotify, b as VegaEventManager, c as VegaZIndexManager, d as VegaSkeletonLoader } from './vega-skeleton-loader-controller-5aea7aeb.js';
-import { V as VegaThemeManager, a as VegaRTEContent } from './content-state-2edba4ec.js';
+import { F as FeatureFlag } from './feature-flag-controller-91e7eaa1.js';
+import { V as VegaLoader, a as VegaNotify, b as VegaDialog, c as VegaEventManager, d as VegaZIndexManager, e as VegaSkeletonLoader } from './vega-skeleton-loader-controller-964db62f.js';
+import { V as VegaThemeManager, a as VegaRTEContent } from './content-state-5646be9f.js';
 import { M as MapToComponentMethod, V as VegaSlimmer, s as setVegaLogLevel, G as GlobalSlimmersRegistry } from './global-slimmer-registry-17c4efd4.js';
-import { V as VegaDialog } from './vega-dialog-controller-34eb8967.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
 import { V as VegaIconManager } from './icon-manager-b889176b.js';
-import { w as waitForVega } from './index-d172bafa.js';
+import './wait-for-vega-handler-03a25866.js';
 import './ui-62e4be97.js';
 import { V as VegaInternalTranslation, a as VegaTranslation, s as staticTranslations } from './translation-c08f2274.js';
 import { T as TypographyUrls } from './typography-396de03f.js';
 import { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-cc497bec.js';
+import { w as waitForVega } from './index-88cfdf1a.js';
 import { U as UPDATE_TRANSLATION } from './static-subject-title-8268945e.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { O as Observer } from './observer-3959f9dd.js';
+import { O as Observer } from './dom-node-subject-factory-5831cdd4.js';
 import { f as forceUpdate } from './index-187f71d1.js';
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -311,7 +311,7 @@ function injectVegaRichTextEditorClassIntoGlobal() {
  * Inject VegaPublicValidationRules to global as a public api
  */
 function injectVegaPublicValidationRules() {
-  void import('./public-rules-413f6a17.js').then((module) => {
+  void import('./public-rules-4a519276.js').then((module) => {
     Object.entries(module).forEach(([name, value]) => {
       globalThis[name] = value;
     });

package/dist/esm/{child-nodes-event-prevent-slimmer-3220fa5b.js → child-nodes-event-prevent-slimmer-851ad927.js}

@@ -1,7 +1,7 @@
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { i as internalVegaEventManager, j as jqueryDelegatedStrategyController } from './internal-vega-event-manager-0a01ba12.js';
+import { i as internalVegaEventManager, j as jqueryDelegatedStrategyController } from './internal-vega-event-manager-07e1b3d9.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
-import { F as FeatureFlag } from './feature-flag-controller-4b3fe6f8.js';
+import { F as FeatureFlag } from './feature-flag-controller-91e7eaa1.js';
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/esm/{child-nodes-notify-observer-slimmer-36024b11.js → child-nodes-notify-observer-slimmer-289caacc.js}

@@ -1,5 +1,5 @@
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { O as Observer } from './observer-3959f9dd.js';
+import { O as Observer } from './dom-node-subject-factory-5831cdd4.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { i as isParent } from './ui-62e4be97.js';
 

package/dist/esm/{content-state-2edba4ec.js → content-state-5646be9f.js}

@@ -1,12 +1,11 @@
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-factory-97deb349.js';
+import { O as Observer, d as domNodeSubjectFactory } from './dom-node-subject-factory-5831cdd4.js';
 import { V as VegaInternalRichTextEditorFlushChanges, a as VegaInternalRichTextEditorSelectionRangeChange } from './vega-internal-event-id-f269c42f.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
 import { i as isNonNullable } from './type-guard-158f6d7a.js';
 import { I as InjectVegaTelemetrySlimmer, c as createPublicAPIRuntimeMetricsSlimmer, g as generateUUID } from './create-public-api-runtime-metrics-slimmer-9ab05523.js';
 import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-9943807e.js';
 import { D as DARK_MODE_CHANGE } from './static-subject-title-8268945e.js';
-import { O as Observer } from './observer-3959f9dd.js';
 
 var tinycolor = createCommonjsModule(function (module, exports) {
 // This file is autogenerated. It's used to publish CJS to npm.

package/dist/esm/{design-token-e14b622b.js → design-token-a1bb9a99.js}

@@ -1,7 +1,7 @@
 import { j as isBorderColorTokenType, b as BorderColors, e as BorderColorMap, k as isShadowsTokenType, f as Shadows, g as ShadowMap, l as isBorderTokenType, m as Borders, n as BorderMap, o as isSpacingTokenType, p as isBorderRadiusTokenType, q as isBackgroundColorTokenType, r as isTextColorTokenType, s as isBreakpointsTokenType, h as Spacing, t as isBorderStyleType, B as BorderRadius, C as Colors, u as isTypographyTokenType } from './type-guard-158f6d7a.js';
 import { B as Breakpoints } from './breakpoints-d9faf11c.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-661193d7.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-b3bc4db6.js';
 import { a as TypographyKeys } from './typography-396de03f.js';
 import { S as StateVariantFormatter, s as stateBackgroundColorFormatter } from './state-background-color-formatter-121ae7d3.js';
 import { a as BorderStyle } from './ui-8424715a.js';

package/dist/esm/{dom-node-subject-factory-97deb349.js → dom-node-subject-factory-5831cdd4.js}

@@ -1,5 +1,34 @@
 import { i as isParent } from './ui-62e4be97.js';
 
+/**
+ *  An Observer is a class that has a listener method that accepts a value of type T
+ *  and calls the listener method with a value of type T
+ */
+class Observer {
+  /**
+   * It accepts a function that accepts a value and returns a boolean, and a function that accepts a value of the type that
+   * the first function accepts
+   *
+   * @typedef T generic type parameter
+   * @param {(input: unknown) => input is T} accept - A function that indicate if the input is acceptable by the observer
+   * @param {(input: T) => void} listener - A function handle the input for the observer if the input is accepted
+   */
+  constructor(accept, listener) {
+    this.accept = accept;
+    this.listener = listener;
+  }
+  /**
+   * If the input is of the type that this handler is interested in, then call the listener function
+   *
+   * @param {unknown} input - unknown
+   */
+  notify(input) {
+    if (this.accept(input)) {
+      this.listener(input);
+    }
+  }
+}
+
 /** The VegaEventID class represents an event ID with both a Vega name and a native name. */
 class VegaEventID {
   /**
@@ -198,4 +227,4 @@ class DomNodeSubjectFactory {
 }
 const domNodeSubjectFactory = new DomNodeSubjectFactory();
 
-export { VegaBlur as A, VegaCountryChange as B, VegaShow as C, VegaHide as D, VegaToggleStatus as E, VegaOpen as F, VegaStateUpdate as G, VegaGroupClick as H, VegaMenuClick as I, VegaActionClick as J, VegaPageSizeChange as K, VegaPopoverShow as L, VegaPopoverHide as M, VegaCurrentStepUpdate as N, VegaImageInserted as O, VegaSelectChange as P, VegaSelectAllChange as Q, VegaRowClick as R, VegaRowExpand as S, VegaRowSelect as T, VegaRowSelectAll as U, VegaExpand as V, VegaClick as a, VegaDropdownClick as b, VegaClose as c, domNodeSubjectFactory as d, VegaActionButtonClick as e, VegaChange as f, VegaEventClick as g, VegaDateDblClick as h, VegaMoreActionClick as i, VegaPageUpdate as j, VegaCreate as k, VegaSearch as l, VegaDropdownShow as m, VegaDropdownHide as n, VegaDropdownSearch as o, VegaSearchTrigger as p, VegaLabelButtonClick as q, VegaSelectFileChange as r, VegaRemove as s, VegaRetry as t, VegaPreview as u, VegaFormSubmit as v, VegaFormReset as w, VegaValidate as x, VegaCancel as y, VegaFocus as z };
+export { VegaBlur as A, VegaCountryChange as B, VegaShow as C, VegaHide as D, VegaToggleStatus as E, VegaOpen as F, VegaStateUpdate as G, VegaGroupClick as H, VegaMenuClick as I, VegaActionClick as J, VegaPageSizeChange as K, VegaPopoverShow as L, VegaPopoverHide as M, VegaCurrentStepUpdate as N, Observer as O, VegaImageInserted as P, VegaSelectChange as Q, VegaSelectAllChange as R, VegaRowClick as S, VegaRowExpand as T, VegaRowSelect as U, VegaExpand as V, VegaRowSelectAll as W, VegaClick as a, VegaDropdownClick as b, VegaClose as c, domNodeSubjectFactory as d, VegaActionButtonClick as e, VegaChange as f, VegaEventClick as g, VegaDateDblClick as h, VegaMoreActionClick as i, VegaPageUpdate as j, VegaCreate as k, VegaSearch as l, VegaDropdownShow as m, VegaDropdownHide as n, VegaDropdownSearch as o, VegaSearchTrigger as p, VegaLabelButtonClick as q, VegaSelectFileChange as r, VegaRemove as s, VegaRetry as t, VegaPreview as u, VegaFormSubmit as v, VegaFormReset as w, VegaValidate as x, VegaCancel as y, VegaFocus as z };

package/dist/esm/{dom-node-subject-observer-factory-857c65fa.js → dom-node-subject-observer-factory-dc486a8b.js}

@@ -1,6 +1,5 @@
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { O as Observer } from './observer-3959f9dd.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-factory-97deb349.js';
+import { O as Observer, d as domNodeSubjectFactory } from './dom-node-subject-factory-5831cdd4.js';
 
 /**
  * The function `domAcceptableHandle` always returns `true`.

package/dist/esm/{element-appender-slimmer-d9155ee0.js → element-appender-slimmer-dbe9f79e.js}

@@ -1,14 +1,14 @@
 import { c as MapToComponentField, I as InjectVegaSlimmer, V as VegaSlimmer, L as LogUtility, M as MapToComponentMethod } from './global-slimmer-registry-17c4efd4.js';
 import { f as findParent, c as isElementVisible, i as isParent } from './ui-62e4be97.js';
-import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-7d2b54c3.js';
+import { I as InternalVegaZIndexManager } from './vega-skeleton-loader-controller-964db62f.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
-import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-beb7b0bd.js';
+import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-bf715d05.js';
 import { P as Placements, A as Alignments } from './ui-8424715a.js';
 import { A as isTranslocationType } from './type-guard-158f6d7a.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-661193d7.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-b3bc4db6.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { S as SHADOW_ROOT_ELEMENT_SCROLLING } from './static-subject-title-8268945e.js';
-import { O as Observer } from './observer-3959f9dd.js';
+import { O as Observer } from './dom-node-subject-factory-5831cdd4.js';
 
 var __decorate$9 = (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;
@@ -1045,6 +1045,7 @@ class ElementAppender {
     if (!this.showConfig.isScreenPosition) {
       this.initVisibleAppendElement();
     }
+    this.showConfig.appendableElement.classList.add('vega-element-appender-appendable');
     this.showConfig.appendableElement.style.boxSizing = 'border-box';
     this.positionCalculationController.setCalculationStrategy();
   }
@@ -1192,7 +1193,7 @@ class ElementAppenderSlimmer extends VegaSlimmer {
       if (this.shouldListenerWork('custom') &&
         this.isShowing() &&
         this.showConfig &&
-        !isParent(currentTarget, this.showConfig.appendableElement) &&
+        !findParent(currentTarget, '.vega-element-appender-appendable') &&
         !isParent(currentTarget, this.showConfig.target) &&
         findParent(currentTarget, 'vega-modal') === findParent(this.showConfig.target, 'vega-modal')) {
         this.hide();

package/dist/esm/{event-emit-slimmer-36cf4e39.js → event-emit-slimmer-f285e3ac.js}

@@ -1,9 +1,9 @@
 import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-factory-97deb349.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-857c65fa.js';
-import { j as jqueryDelegatedStrategyController, i as internalVegaEventManager } from './internal-vega-event-manager-0a01ba12.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-factory-5831cdd4.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-dc486a8b.js';
+import { j as jqueryDelegatedStrategyController, i as internalVegaEventManager } from './internal-vega-event-manager-07e1b3d9.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;

package/dist/esm/{feature-flag-controller-4b3fe6f8.js → feature-flag-controller-91e7eaa1.js}

@@ -194,6 +194,12 @@ const FeatureFlagsMap = {
     createdAtVersion: '2.32.0',
     disabledByDefault: false,
   },
+  'VEGA_COMPONENT.CORNERS_USE_OLD_BEHAVIOR': {
+    description: `Feature flag that the component corners style weights are sorted according to the [0, 9999, 2, 4, 8, ..., 48]`,
+    createdTimestamp: 1744772429681,
+    createdAtVersion: '2.41.0',
+    disabledByDefault: true,
+  },
 };
 const FeatureFlagsMap$1 = Object.freeze(FeatureFlagsMap);
 

package/dist/esm/{form-field-controller-slimmer-bb64dec7.js → form-field-controller-slimmer-0da8c510.js}

@@ -1,17 +1,16 @@
 import { V as VegaSlimmer, I as InjectVegaSlimmer, c as MapToComponentField, M as MapToComponentMethod } from './global-slimmer-registry-17c4efd4.js';
 import { c as camelToDashCase } from './string-be824360.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { O as Observer } from './observer-3959f9dd.js';
+import { d as domNodeSubjectFactory, O as Observer } from './dom-node-subject-factory-5831cdd4.js';
 import { U as UPDATE_TRANSLATION, c as FORM_FIELD_PENDING_VALID_CHANGE, d as FORM_FIELD_ELEMENT_DISCONNECTED, b as FORM_ELEMENT_VALUE_CHANGE, e as FORM_RESET_OPERATION_TRIGGERED, F as FORM_SUBMIT, f as FIELD_ERROR_MESSAGE_CHANGE, g as FORM_ELEMENT_VALIDATE } from './static-subject-title-8268945e.js';
 import { f as findParent, c as isElementVisible } from './ui-62e4be97.js';
 import { i as isAsyncFunction, g as generateUUID } from './create-public-api-runtime-metrics-slimmer-9ab05523.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-factory-97deb349.js';
 import { c as VegaInternalFieldErrorStateChange, d as VegaInternalValid } from './vega-internal-event-id-f269c42f.js';
 import { V as VegaInternalTranslation } from './translation-c08f2274.js';
-import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-beb7b0bd.js';
+import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-bf715d05.js';
 import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-857c65fa.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-dc486a8b.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-6cef9549.js';
 import { A as AttributeOldValueMutationFilter } from './mutation-observer-filters-1035b064.js';
 import { i as isArrayEqual } from './array-b668466e.js';

package/dist/esm/{image-annotation-action-b6668f48.js → image-annotation-action-af91eb87.js}

@@ -1,9 +1,9 @@
 import { h } from './index-187f71d1.js';
 import { c as MapToComponentField, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-857c65fa.js';
-import { a as VegaClick, L as VegaPopoverShow, M as VegaPopoverHide, f as VegaChange } from './dom-node-subject-factory-97deb349.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-dc486a8b.js';
+import { a as VegaClick, L as VegaPopoverShow, M as VegaPopoverHide, f as VegaChange } from './dom-node-subject-factory-5831cdd4.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-900a5bb4.js';
-import { T as TextSplittableAction, l as TextColorAnnotation, k as VegaDarkModeStyleController, m as RTE_TEXT_COLORS, g as RTETextNode, i as NodeAnnotationTypeEnum, A as AnnotationAction, j as ImageAnnotation } from './content-state-2edba4ec.js';
+import { T as TextSplittableAction, l as TextColorAnnotation, k as VegaDarkModeStyleController, m as RTE_TEXT_COLORS, g as RTETextNode, i as NodeAnnotationTypeEnum, A as AnnotationAction, j as ImageAnnotation } from './content-state-5646be9f.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;

package/dist/esm/index-88cfdf1a.js

@@ -0,0 +1,39 @@
+import { W as WaitForVega } from './wait-for-vega-handler-03a25866.js';
+import { O as Observer, d as domNodeSubjectFactory } from './dom-node-subject-factory-5831cdd4.js';
+import { C as ChangeManager } from './change-manager-6a7eb88c.js';
+import { b as VegaInternalComponentDidRender } from './vega-internal-event-id-f269c42f.js';
+
+/* istanbul ignore next */
+/**
+ * Wait for all vega elements to be ready.
+ *
+ * The below method is e2e-test covered in @see{module:wait-for-vega-should-work-as-expected}
+ */
+const waitForVega = async () => {
+  return WaitForVega.handle();
+};
+/**
+ * Wait for the component has been rendered.
+ *
+ * @param {HTMLStencilElement} componentRef - The reference to the component that needs to be rendered.
+ * @returns {Promise<unknown>} A promise that resolves when the component has been rendered.
+ */
+const waitForComponentDidRender = async (componentRef) => {
+  return new Promise((resolve) => {
+    const observer = new Observer(isAcceptableComponentDidRender.bind(null), () => {
+      ChangeManager.unregister(domNodeSubjectFactory.getSubject(componentRef, VegaInternalComponentDidRender), observer);
+      resolve(null);
+    });
+    ChangeManager.register(domNodeSubjectFactory.getSubject(componentRef, VegaInternalComponentDidRender), observer);
+  });
+};
+/**
+ * Determines whether the observer should accept changes.
+ *
+ * @returns {boolean} Always returns true in the current implementation.
+ */
+const isAcceptableComponentDidRender = () => {
+  return true;
+};
+
+export { waitForComponentDidRender as a, waitForVega as w };

package/dist/esm/index.js

@@ -1,6 +1,6 @@
-export { g as getCurrentBreakpoint } from './breakpoints-91116111.js';
+export { g as getCurrentBreakpoint } from './page-resize-observer-slimmer-bf715d05.js';
 export { L as LogUtility, s as setVegaLogLevel } from './global-slimmer-registry-17c4efd4.js';
-export { d as formatAndValidBackgroundColor, e as formatAndValidBorderColor, g as formatAndValidBorderRadius, c as formatAndValidBreakpointSize, a as formatAndValidGap, h as formatAndValidPadding, f as formatAndValidResponsiveToken, b as formatAndValidShadow, i as formatAndValidTextColor } from './design-token-e14b622b.js';
+export { d as formatAndValidBackgroundColor, e as formatAndValidBorderColor, g as formatAndValidBorderRadius, c as formatAndValidBreakpointSize, a as formatAndValidGap, h as formatAndValidPadding, f as formatAndValidResponsiveToken, b as formatAndValidShadow, i as formatAndValidTextColor } from './design-token-a1bb9a99.js';
 export { c as camelToDashCase } from './string-be824360.js';
 export { d as BackgroundColorMap, a as BackgroundColors, e as BorderColorMap, b as BorderColors, B as BorderRadius, C as Colors, F as FillBackgroundColors, g as ShadowMap, f as Shadows, h as Spacing, S as StrokeBackgroundColors, c as TextColorMap, T as TextColors } from './type-guard-158f6d7a.js';
 export { B as Breakpoints } from './breakpoints-d9faf11c.js';
@@ -8,22 +8,21 @@ export { I as Icons, g as getIconFromToken } from './icons-8627925e.js';
 export { b as Typography, a as TypographyKeys, T as TypographyUrls } from './typography-396de03f.js';
 export { e as BoxDisplay, B as BreakpointKeys, C as CssStates, F as FlexDirections } from './ui-8424715a.js';
 export { F as FrameworkEnum, v as VegaEnvManager } from './vega-env-manager-8f8dc473.js';
-export { b as VegaEventManager, V as VegaLoader, a as VegaNotify, d as VegaSkeletonLoader, c as VegaZIndexManager } from './vega-skeleton-loader-controller-5aea7aeb.js';
-export { F as FeatureFlag } from './feature-flag-controller-4b3fe6f8.js';
-export { M as ModifyContentAction, e as RTEBlock, b as RTEImageBlock, f as RTEImageNode, d as RTEListBlock, c as RTEListItemBlock, h as RTENode, R as RTETextBlock, g as RTETextNode, a as VegaRTEContent, V as VegaThemeManager } from './content-state-2edba4ec.js';
-export { V as VegaDialog } from './vega-dialog-controller-34eb8967.js';
-export { B as VegaJQueryDelegatedEventStrategy } from './internal-vega-event-manager-0a01ba12.js';
+export { b as VegaDialog, c as VegaEventManager, V as VegaLoader, a as VegaNotify, e as VegaSkeletonLoader, d as VegaZIndexManager } from './vega-skeleton-loader-controller-964db62f.js';
+export { F as FeatureFlag } from './feature-flag-controller-91e7eaa1.js';
+export { M as ModifyContentAction, e as RTEBlock, b as RTEImageBlock, f as RTEImageNode, d as RTEListBlock, c as RTEListItemBlock, h as RTENode, R as RTETextBlock, g as RTETextNode, a as VegaRTEContent, V as VegaThemeManager } from './content-state-5646be9f.js';
+export { B as VegaJQueryDelegatedEventStrategy } from './internal-vega-event-manager-07e1b3d9.js';
 export { V as VegaIconManager } from './icon-manager-b889176b.js';
 export { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-cc497bec.js';
-export { w as waitForVega } from './index-d172bafa.js';
+export { w as waitForVega } from './index-88cfdf1a.js';
 export { a as VegaTranslation, s as VegaTranslationResourceEN } from './translation-c08f2274.js';
-export { G as GridColumns, a as GridRows } from './responsive-format-facade-661193d7.js';
+export { G as GridColumns, a as GridRows } from './responsive-format-facade-b3bc4db6.js';
 export { C as CheckBoxRequiredRule } from './check-box-required-rule-cb0aa339.js';
 export { D as DateRequiredRule } from './date-required-rule-8944f3bf.js';
 export { I as InputPhoneNumberRequiredRule } from './input-phone-number-required-rule-be6a5572.js';
 export { I as InputRangeRequiredRule } from './input-range-required-rule-3ad74776.js';
 export { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
-export { R as RichTextEditorRequiredRule } from './rich-text-editor-required-rule-75cc2db0.js';
+export { R as RichTextEditorRequiredRule } from './rich-text-editor-required-rule-7a402a9c.js';
 export { T as TimeRangeRequiredRule, a as TimeRequiredRule } from './time-required-rule-a01163b5.js';
 export { T as ToggleSwitchRequiredRule } from './toggle-switch-required-rule-b3cf4302.js';
 export { F as FileUploaderRequiredRule } from './file-uploader-required-rule-ad886d01.js';
@@ -32,18 +31,17 @@ import './regex-dfe11abf.js';
 import './create-public-api-runtime-metrics-slimmer-9ab05523.js';
 import './dynamic-slimmer-90b8af32.js';
 import './ui-62e4be97.js';
-import './internal-vega-z-index-manager-7d2b54c3.js';
 import './number-4398f2e1.js';
-import './page-resize-observer-slimmer-beb7b0bd.js';
 import './index-44c794b4.js';
 import './_commonjsHelpers-9943807e.js';
 import './change-manager-6a7eb88c.js';
-import './dom-node-subject-factory-97deb349.js';
+import './dom-node-subject-factory-5831cdd4.js';
 import './vega-internal-event-id-f269c42f.js';
 import './static-subject-title-8268945e.js';
-import './observer-3959f9dd.js';
 import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
+import './wait-for-vega-handler-03a25866.js';
 import './pixel-f32c07ce.js';
+import './array-b668466e.js';
 import './date-c55b97f0.js';
 
 /* This file is generated by vega-design 2.0.77 */

package/dist/esm/{internal-vega-event-manager-0a01ba12.js → internal-vega-event-manager-07e1b3d9.js}

@@ -1,4 +1,4 @@
-import { V as VegaExpand, a as VegaClick, b as VegaDropdownClick, c as VegaClose, e as VegaActionButtonClick, f as VegaChange, g as VegaEventClick, h as VegaDateDblClick, i as VegaMoreActionClick, j as VegaPageUpdate, k as VegaCreate, l as VegaSearch, m as VegaDropdownShow, n as VegaDropdownHide, o as VegaDropdownSearch, p as VegaSearchTrigger, q as VegaLabelButtonClick, r as VegaSelectFileChange, s as VegaRemove, t as VegaRetry, u as VegaPreview, v as VegaFormSubmit, w as VegaFormReset, x as VegaValidate, y as VegaCancel, z as VegaFocus, A as VegaBlur, B as VegaCountryChange, C as VegaShow, D as VegaHide, E as VegaToggleStatus, F as VegaOpen, G as VegaStateUpdate, H as VegaGroupClick, I as VegaMenuClick, J as VegaActionClick, K as VegaPageSizeChange, L as VegaPopoverShow, M as VegaPopoverHide, N as VegaCurrentStepUpdate, O as VegaImageInserted, P as VegaSelectChange, Q as VegaSelectAllChange, R as VegaRowClick, S as VegaRowExpand, T as VegaRowSelect, U as VegaRowSelectAll } from './dom-node-subject-factory-97deb349.js';
+import { V as VegaExpand, a as VegaClick, b as VegaDropdownClick, c as VegaClose, e as VegaActionButtonClick, f as VegaChange, g as VegaEventClick, h as VegaDateDblClick, i as VegaMoreActionClick, j as VegaPageUpdate, k as VegaCreate, l as VegaSearch, m as VegaDropdownShow, n as VegaDropdownHide, o as VegaDropdownSearch, p as VegaSearchTrigger, q as VegaLabelButtonClick, r as VegaSelectFileChange, s as VegaRemove, t as VegaRetry, u as VegaPreview, v as VegaFormSubmit, w as VegaFormReset, x as VegaValidate, y as VegaCancel, z as VegaFocus, A as VegaBlur, B as VegaCountryChange, C as VegaShow, D as VegaHide, E as VegaToggleStatus, F as VegaOpen, G as VegaStateUpdate, H as VegaGroupClick, I as VegaMenuClick, J as VegaActionClick, K as VegaPageSizeChange, L as VegaPopoverShow, M as VegaPopoverHide, N as VegaCurrentStepUpdate, P as VegaImageInserted, Q as VegaSelectChange, R as VegaSelectAllChange, S as VegaRowClick, T as VegaRowExpand, U as VegaRowSelect, W as VegaRowSelectAll } from './dom-node-subject-factory-5831cdd4.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
 
 const entries = [

package/dist/esm/loader.js

@@ -1,36 +1,33 @@
 import { p as promiseResolve, b as bootstrapLazy } from './index-187f71d1.js';
-import { g as globalScripts } from './app-globals-88fa3549.js';
-import './feature-flag-controller-4b3fe6f8.js';
+import { g as globalScripts } from './app-globals-9ad844bb.js';
+import './feature-flag-controller-91e7eaa1.js';
 import './global-slimmer-registry-17c4efd4.js';
 import './index-44c794b4.js';
 import './_commonjsHelpers-9943807e.js';
-import './vega-skeleton-loader-controller-5aea7aeb.js';
+import './vega-skeleton-loader-controller-964db62f.js';
 import './create-public-api-runtime-metrics-slimmer-9ab05523.js';
 import './dynamic-slimmer-90b8af32.js';
 import './ui-62e4be97.js';
-import './internal-vega-z-index-manager-7d2b54c3.js';
-import './number-4398f2e1.js';
-import './page-resize-observer-slimmer-beb7b0bd.js';
-import './breakpoints-91116111.js';
+import './page-resize-observer-slimmer-bf715d05.js';
 import './ui-8424715a.js';
 import './breakpoints-d9faf11c.js';
-import './internal-vega-event-manager-0a01ba12.js';
-import './dom-node-subject-factory-97deb349.js';
-import './content-state-2edba4ec.js';
+import './internal-vega-event-manager-07e1b3d9.js';
+import './dom-node-subject-factory-5831cdd4.js';
+import './number-4398f2e1.js';
+import './content-state-5646be9f.js';
 import './change-manager-6a7eb88c.js';
 import './vega-internal-event-id-f269c42f.js';
 import './type-guard-158f6d7a.js';
 import './regex-dfe11abf.js';
 import './typography-396de03f.js';
 import './static-subject-title-8268945e.js';
-import './observer-3959f9dd.js';
-import './vega-dialog-controller-34eb8967.js';
 import './vega-env-manager-8f8dc473.js';
 import './icon-manager-b889176b.js';
-import './index-d172bafa.js';
+import './wait-for-vega-handler-03a25866.js';
 import './translation-c08f2274.js';
 import './valid-credit-card-number-rule-cc497bec.js';
 import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
+import './index-88cfdf1a.js';
 
 /*
  Stencil Client Patch Esm v2.17.4 | MIT Licensed | https://stenciljs.com

package/dist/esm/{page-resize-observer-slimmer-beb7b0bd.js → page-resize-observer-slimmer-bf715d05.js}

@@ -1,5 +1,54 @@
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { g as getCurrentBreakpoint } from './breakpoints-91116111.js';
+import { B as BreakpointKeys } from './ui-8424715a.js';
+import { B as Breakpoints } from './breakpoints-d9faf11c.js';
+
+/**
+ * Get current breakpoint according current window size
+ *
+ * @returns {BreakpointsTokenType} - current breakpoint
+ */
+const getCurrentBreakpoint = () => {
+  let index = BreakpointKeys.length - 1;
+  const windowWidth = window.innerWidth;
+  for (index; index >= 0; index--) {
+    const breakpointKey = BreakpointKeys[index];
+    if (breakpointKey === 'default')
+      break;
+    if (windowWidth >= Breakpoints[breakpointKey])
+      return breakpointKey;
+  }
+  return 'default';
+};
+/**
+ * Completion breakponts, eg:
+ * {
+ *   default: 'size-12',
+ *   M: 'size-24'
+ * }
+ * it will convert to
+ * {
+ *   default: 'size-12',
+ *   S: 'size-12',
+ *   M: 'size-24',
+ *   L: 'size-24',
+ *   XL: 'size-24',
+ * }
+ *
+ * @param {ResponsiveType<ResponsiveScope>} breakpoints - responsive token
+ * @returns {ResponsiveType<ResponsiveScope>} - completed breakpointss
+ */
+const createCompleteResponsiveMap = (breakpoints) => {
+  let responsiveScope;
+  BreakpointKeys.forEach((breakpoint) => {
+    if (Object.prototype.hasOwnProperty.call(breakpoints, breakpoint)) {
+      responsiveScope = breakpoints[breakpoint];
+    }
+    else {
+      breakpoints[breakpoint] = responsiveScope;
+    }
+  });
+  return breakpoints;
+};
 
 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;
@@ -117,4 +166,4 @@ __decorate([
   MapToComponentMethod('componentDidLoad')
 ], PageResizeObserverSlimmer.prototype, "connectResizeObserver", null);
 
-export { PageResizeObserverSlimmer as P };
+export { PageResizeObserverSlimmer as P, createCompleteResponsiveMap as c, getCurrentBreakpoint as g };

package/dist/esm/{public-rules-413f6a17.js → public-rules-4a519276.js}

@@ -3,16 +3,16 @@ export { D as DateRequiredRule } from './date-required-rule-8944f3bf.js';
 export { I as InputPhoneNumberRequiredRule } from './input-phone-number-required-rule-be6a5572.js';
 export { I as InputRangeRequiredRule } from './input-range-required-rule-3ad74776.js';
 export { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
-export { R as RichTextEditorRequiredRule } from './rich-text-editor-required-rule-75cc2db0.js';
+export { R as RichTextEditorRequiredRule } from './rich-text-editor-required-rule-7a402a9c.js';
 export { T as TimeRangeRequiredRule, a as TimeRequiredRule } from './time-required-rule-a01163b5.js';
 export { T as ToggleSwitchRequiredRule } from './toggle-switch-required-rule-b3cf4302.js';
 export { F as FileUploaderRequiredRule } from './file-uploader-required-rule-ad886d01.js';
 import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import './date-c55b97f0.js';
 import './global-slimmer-registry-17c4efd4.js';
-import './content-state-2edba4ec.js';
+import './content-state-5646be9f.js';
 import './change-manager-6a7eb88c.js';
-import './dom-node-subject-factory-97deb349.js';
+import './dom-node-subject-factory-5831cdd4.js';
 import './ui-62e4be97.js';
 import './vega-internal-event-id-f269c42f.js';
 import './type-guard-158f6d7a.js';
@@ -24,4 +24,3 @@ import './create-public-api-runtime-metrics-slimmer-9ab05523.js';
 import './dynamic-slimmer-90b8af32.js';
 import './_commonjsHelpers-9943807e.js';
 import './static-subject-title-8268945e.js';
-import './observer-3959f9dd.js';

package/dist/esm/{remote-invocation-registry-1682b34e.js → remote-invocation-registry-d97fa3bc.js}

@@ -1,5 +1,5 @@
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { O as Observer } from './observer-3959f9dd.js';
+import { O as Observer } from './dom-node-subject-factory-5831cdd4.js';
 
 /**
  * The `RemoteInvocationRegistry` provides methods for performing remote invocation calls