@heartlandone/vega 2.40.0 → 2.41.0

package/dist/cjs/{app-globals-cdd0972c.js → app-globals-7fecd3ff.js}

@@ -1,20 +1,20 @@
 'use strict';
 
-const featureFlagController = require('./feature-flag-controller-7b22e598.js');
-const vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-00dbdf29.js');
-const contentState = require('./content-state-c5b47ca1.js');
+const featureFlagController = require('./feature-flag-controller-3c6666df.js');
+const vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-381e90fe.js');
+const contentState = require('./content-state-582d8961.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const vegaDialogController = require('./vega-dialog-controller-fe610705.js');
 const vegaEnvManager = require('./vega-env-manager-23b8b23c.js');
 const iconManager = require('./icon-manager-edc2400b.js');
-const index$1 = require('./index-0546e2ea.js');
+require('./wait-for-vega-handler-46280dcf.js');
 require('./ui-5fd9b267.js');
 const translation = require('./translation-6848c389.js');
 const typography = require('./typography-4560e7f1.js');
 const validCreditCardNumberRule = require('./valid-credit-card-number-rule-4a1b00b8.js');
+const index$1 = require('./index-453b89b9.js');
 const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const observer = require('./observer-f49483e8.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
 const index = require('./index-09acd3c9.js');
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -133,10 +133,10 @@ class VegaTranslateObserverSlimmer extends globalSlimmerRegistry.VegaSlimmer {
    * Registers an observer to watch for translation updates, which triggers a forced update on the component.
    */
   connectedCallback() {
-    const observer$1 = new observer.Observer(this.isAcceptable.bind(this), () => {
+    const observer = new domNodeSubjectFactory.Observer(this.isAcceptable.bind(this), () => {
       index.forceUpdate(this.component);
     });
-    changeManager.ChangeManager.register(staticSubjectTitle.UPDATE_TRANSLATION, observer$1);
+    changeManager.ChangeManager.register(staticSubjectTitle.UPDATE_TRANSLATION, observer);
   }
   /**
    * Determines whether the observer should accept changes.
@@ -222,7 +222,7 @@ function injectVegaLogLevelIntoGlobal() {
  * Inject VegaDialog to global as a public api
  */
 function injectVegaDialogIntoGlobal() {
-  globalThis.VegaDialog = vegaDialogController.VegaDialog;
+  globalThis.VegaDialog = vegaSkeletonLoaderController.VegaDialog;
 }
 /**
  * register global vega slimmers
@@ -313,7 +313,7 @@ function injectVegaRichTextEditorClassIntoGlobal() {
  * Inject VegaPublicValidationRules to global as a public api
  */
 function injectVegaPublicValidationRules() {
-  void Promise.resolve().then(function () { return require('./public-rules-90b972e5.js'); }).then((module) => {
+  void Promise.resolve().then(function () { return require('./public-rules-ec626913.js'); }).then((module) => {
     Object.entries(module).forEach(([name, value]) => {
       globalThis[name] = value;
     });

package/dist/cjs/{child-nodes-event-prevent-slimmer-af2addec.js → child-nodes-event-prevent-slimmer-4beb1fde.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const internalVegaEventManager = require('./internal-vega-event-manager-981dfd1c.js');
+const internalVegaEventManager = require('./internal-vega-event-manager-e5e4bcf4.js');
 const vegaEnvManager = require('./vega-env-manager-23b8b23c.js');
-const featureFlagController = require('./feature-flag-controller-7b22e598.js');
+const featureFlagController = require('./feature-flag-controller-3c6666df.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/cjs/{child-nodes-notify-observer-slimmer-4e60a929.js → child-nodes-notify-observer-slimmer-be92f366.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const observer = require('./observer-f49483e8.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const ui = require('./ui-5fd9b267.js');
 
@@ -64,7 +64,7 @@ class ChildNodesNotifyObserverSlimmer extends globalSlimmerRegistry.VegaSlimmer
    */
   connectedCallback() {
     if (this.subject) {
-      this.notifyObserver = new observer.Observer(this.isAcceptableObserverPayload.bind(this), this.handleObserver);
+      this.notifyObserver = new domNodeSubjectFactory.Observer(this.isAcceptableObserverPayload.bind(this), this.handleObserver);
       changeManager.ChangeManager.register(this.subject, this.notifyObserver);
     }
   }

package/dist/cjs/{content-state-c5b47ca1.js → content-state-582d8961.js}

@@ -1,14 +1,13 @@
 'use strict';
 
 const changeManager = require('./change-manager-a297e4d2.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
 const vegaInternalEventId = require('./vega-internal-event-id-bda63e14.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const typeGuard = require('./type-guard-4ba85fdc.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
 const _commonjsHelpers = require('./_commonjsHelpers-537d719a.js');
 const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
-const observer = require('./observer-f49483e8.js');
 
 var tinycolor = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 // This file is autogenerated. It's used to publish CJS to npm.
@@ -2815,7 +2814,7 @@ class DarkModeStyleController {
   constructor() {
     this.dynamicCustomDarkModeColor = {};
     this.darkModeColorAllTokens = {};
-    this.observer = new observer.Observer(this.isAcceptObserver.bind(this), (isDark) => {
+    this.observer = new domNodeSubjectFactory.Observer(this.isAcceptObserver.bind(this), (isDark) => {
       if (isDark) {
         this.generateDarkModeStyle();
       }

package/dist/cjs/{design-token-36eb5def.js → design-token-4d94a23c.js}

@@ -3,7 +3,7 @@
 const typeGuard = require('./type-guard-4ba85fdc.js');
 const breakpoints = require('./breakpoints-ebde4837.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const responsiveFormatFacade = require('./responsive-format-facade-a1983026.js');
+const responsiveFormatFacade = require('./responsive-format-facade-ad8ca2ab.js');
 const typography = require('./typography-4560e7f1.js');
 const stateBackgroundColorFormatter = require('./state-background-color-formatter-e585a027.js');
 const ui = require('./ui-32e69595.js');

package/dist/cjs/{dom-node-subject-factory-ce1777a9.js → dom-node-subject-factory-3ec114b8.js}

@@ -2,6 +2,35 @@
 
 const ui = require('./ui-5fd9b267.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 {
   /**
@@ -200,6 +229,7 @@ class DomNodeSubjectFactory {
 }
 const domNodeSubjectFactory = new DomNodeSubjectFactory();
 
+exports.Observer = Observer;
 exports.VegaActionButtonClick = VegaActionButtonClick;
 exports.VegaActionClick = VegaActionClick;
 exports.VegaBlur = VegaBlur;

package/dist/cjs/{dom-node-subject-observer-factory-80b3ac6c.js → dom-node-subject-observer-factory-5f0eae19.js}

@@ -1,8 +1,7 @@
 'use strict';
 
 const changeManager = require('./change-manager-a297e4d2.js');
-const observer = require('./observer-f49483e8.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
 
 /**
  * The function `domAcceptableHandle` always returns `true`.
@@ -24,7 +23,7 @@ class DomNodeSubjectObserverFactory {
    */
   static addUniqueObserverToNode(node, eventId, callback, acceptableHandle) {
     if (node) {
-      const domNodesObserver = new observer.Observer(typeof acceptableHandle === 'function' ? acceptableHandle.bind(null) : domAcceptableHandle, callback);
+      const domNodesObserver = new domNodeSubjectFactory.Observer(typeof acceptableHandle === 'function' ? acceptableHandle.bind(null) : domAcceptableHandle, callback);
       DomNodeSubjectObserverFactory.removeUniqueObserverFromNode(node, eventId);
       changeManager.ChangeManager.register(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(node, eventId), domNodesObserver);
     }

package/dist/cjs/{element-appender-slimmer-4f0dc8c6.js → element-appender-slimmer-88edb0d1.js}

@@ -2,15 +2,15 @@
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const ui = require('./ui-5fd9b267.js');
-const internalVegaZIndexManager = require('./internal-vega-z-index-manager-f03ddb37.js');
+const vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-381e90fe.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bb1eaebe.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bceeaabf.js');
 const ui$1 = require('./ui-32e69595.js');
 const typeGuard = require('./type-guard-4ba85fdc.js');
-const responsiveFormatFacade = require('./responsive-format-facade-a1983026.js');
+const responsiveFormatFacade = require('./responsive-format-facade-ad8ca2ab.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
-const observer = require('./observer-f49483e8.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.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;
@@ -932,7 +932,7 @@ class ElementAppender {
       return;
     this.toggleShow(false);
     this.resetContainerPosition();
-    internalVegaZIndexManager.InternalVegaZIndexManager.removeZIndex(this.showConfig.appendableElement, 'base');
+    vegaSkeletonLoaderController.InternalVegaZIndexManager.removeZIndex(this.showConfig.appendableElement, 'base');
   }
   /**
    * Update position while window scroll.
@@ -956,7 +956,7 @@ class ElementAppender {
       return;
     this.removeVisibleAppendElement(this.showConfig.appendableElement);
     this.resetContainerPosition();
-    internalVegaZIndexManager.InternalVegaZIndexManager.removeZIndex(this.showConfig.appendableElement, 'base');
+    vegaSkeletonLoaderController.InternalVegaZIndexManager.removeZIndex(this.showConfig.appendableElement, 'base');
     this.showConfig.appendableElement.remove();
     this.disconnectResizeObserver();
   }
@@ -1047,6 +1047,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();
   }
@@ -1081,7 +1082,7 @@ class ElementAppender {
    * @returns {void}
    */
   setZIndex() {
-    internalVegaZIndexManager.InternalVegaZIndexManager.setZIndex(this.showConfig.appendableElement, 'base');
+    vegaSkeletonLoaderController.InternalVegaZIndexManager.setZIndex(this.showConfig.appendableElement, 'base');
   }
   /**
    * If the showConfigCallback is a function, call it and return the result, otherwise return the
@@ -1194,7 +1195,7 @@ class ElementAppenderSlimmer extends globalSlimmerRegistry.VegaSlimmer {
       if (this.shouldListenerWork('custom') &&
         this.isShowing() &&
         this.showConfig &&
-        !ui.isParent(currentTarget, this.showConfig.appendableElement) &&
+        !ui.findParent(currentTarget, '.vega-element-appender-appendable') &&
         !ui.isParent(currentTarget, this.showConfig.target) &&
         ui.findParent(currentTarget, 'vega-modal') === ui.findParent(this.showConfig.target, 'vega-modal')) {
         this.hide();
@@ -1311,7 +1312,7 @@ class ElementAppenderSlimmer extends globalSlimmerRegistry.VegaSlimmer {
    * Sets up an observer to handle scroll events in a shadow root element.
    */
   listenShadowRootElementScrolling() {
-    this.shadowRootElementScrollingObserver = new observer.Observer(this.canAcceptShadowRootScrollEvent.bind(this), this.globalScrollHandler.bind(this));
+    this.shadowRootElementScrollingObserver = new domNodeSubjectFactory.Observer(this.canAcceptShadowRootScrollEvent.bind(this), this.globalScrollHandler.bind(this));
     changeManager.ChangeManager.register(staticSubjectTitle.SHADOW_ROOT_ELEMENT_SCROLLING, this.shadowRootElementScrollingObserver);
   }
   /**

package/dist/cjs/{event-emit-slimmer-208a19e4.js → event-emit-slimmer-9c223f73.js}

@@ -3,9 +3,9 @@
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-80b3ac6c.js');
-const internalVegaEventManager = require('./internal-vega-event-manager-981dfd1c.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
+const internalVegaEventManager = require('./internal-vega-event-manager-e5e4bcf4.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/cjs/{feature-flag-controller-7b22e598.js → feature-flag-controller-3c6666df.js}

@@ -196,6 +196,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/cjs/{form-field-controller-slimmer-d92e8212.js → form-field-controller-slimmer-9f4d1fc3.js}

@@ -3,17 +3,16 @@
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const string = require('./string-21427167.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const observer = require('./observer-f49483e8.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
 const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
 const ui = require('./ui-5fd9b267.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
 const vegaInternalEventId = require('./vega-internal-event-id-bda63e14.js');
 const translation = require('./translation-6848c389.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bb1eaebe.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bceeaabf.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-80b3ac6c.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-895b3d3e.js');
 const mutationObserverFilters = require('./mutation-observer-filters-e5a7f85a.js');
 const array = require('./array-5adef7b2.js');
@@ -359,7 +358,7 @@ class FieldErrorUIControllerSlimmer extends globalSlimmerRegistry.VegaSlimmer {
    * Init translation observer of translation language changes
    */
   initTranslationObserver() {
-    const observer$1 = new observer.Observer(this.isAcceptableTranslationObserver.bind(this), () => {
+    const observer = new domNodeSubjectFactory.Observer(this.isAcceptableTranslationObserver.bind(this), () => {
       if (!this.errorMessage)
         return;
       const inputContainer = this.getInputElementContainer();
@@ -371,7 +370,7 @@ class FieldErrorUIControllerSlimmer extends globalSlimmerRegistry.VegaSlimmer {
         }
       }
     });
-    changeManager.ChangeManager.register(staticSubjectTitle.UPDATE_TRANSLATION, observer$1);
+    changeManager.ChangeManager.register(staticSubjectTitle.UPDATE_TRANSLATION, observer);
   }
   /**
    * Determines whether the observer should accept changes.
@@ -712,7 +711,7 @@ class FormFieldController {
    * When that event is fired, the `updateIsModified` function is called with the argument `true`
    */
   setupModifiedListener() {
-    this.hostValueChangeObserver = new observer.Observer(this.isCurrentTarget.bind(this), () => this.updateIsModified(true));
+    this.hostValueChangeObserver = new domNodeSubjectFactory.Observer(this.isCurrentTarget.bind(this), () => this.updateIsModified(true));
     changeManager.ChangeManager.register(staticSubjectTitle.FORM_ELEMENT_VALUE_CHANGE, this.hostValueChangeObserver);
   }
   /**
@@ -765,7 +764,7 @@ class FormFieldController {
    * reset operation is triggered
    */
   initFormResetObserver() {
-    this.formResetTriggeredObserver = new observer.Observer(this.canAcceptFormResetOperation.bind(this), this.reset.bind(this));
+    this.formResetTriggeredObserver = new domNodeSubjectFactory.Observer(this.canAcceptFormResetOperation.bind(this), this.reset.bind(this));
     changeManager.ChangeManager.register(staticSubjectTitle.FORM_RESET_OPERATION_TRIGGERED, this.formResetTriggeredObserver);
   }
   /**
@@ -898,7 +897,7 @@ class FieldErrorControllerSlimmer extends globalSlimmerRegistry.VegaSlimmer {
    * register the observer when the slimmer method called
    */
   handleComponentWillLoadByFieldErrorSlimmer() {
-    this.fieldErrorMessageChangeObserver = new observer.Observer(this.canAcceptFieldErrorMessageUpdate.bind(this), this.handleFieldErrorMessageUpdate);
+    this.fieldErrorMessageChangeObserver = new domNodeSubjectFactory.Observer(this.canAcceptFieldErrorMessageUpdate.bind(this), this.handleFieldErrorMessageUpdate);
     changeManager.ChangeManager.register(staticSubjectTitle.FIELD_ERROR_MESSAGE_CHANGE, this.fieldErrorMessageChangeObserver);
   }
   /**

package/dist/cjs/{image-annotation-action-75b9c0d3.js → image-annotation-action-3247409b.js}

@@ -2,10 +2,10 @@
 
 const index = require('./index-09acd3c9.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-80b3ac6c.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
 const internalIconManager = require('./internal-icon-manager-5ccb9443.js');
-const contentState = require('./content-state-c5b47ca1.js');
+const contentState = require('./content-state-582d8961.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/cjs/index-453b89b9.js

@@ -0,0 +1,42 @@
+'use strict';
+
+const waitForVegaHandler = require('./wait-for-vega-handler-46280dcf.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const changeManager = require('./change-manager-a297e4d2.js');
+const vegaInternalEventId = require('./vega-internal-event-id-bda63e14.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 waitForVegaHandler.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 domNodeSubjectFactory.Observer(isAcceptableComponentDidRender.bind(null), () => {
+      changeManager.ChangeManager.unregister(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(componentRef, vegaInternalEventId.VegaInternalComponentDidRender), observer);
+      resolve(null);
+    });
+    changeManager.ChangeManager.register(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(componentRef, vegaInternalEventId.VegaInternalComponentDidRender), observer);
+  });
+};
+/**
+ * Determines whether the observer should accept changes.
+ *
+ * @returns {boolean} Always returns true in the current implementation.
+ */
+const isAcceptableComponentDidRender = () => {
+  return true;
+};
+
+exports.waitForComponentDidRender = waitForComponentDidRender;
+exports.waitForVega = waitForVega;

package/dist/cjs/index.cjs.js

@@ -2,32 +2,31 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const breakpoints = require('./breakpoints-17d6c4c7.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bceeaabf.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const designToken = require('./design-token-36eb5def.js');
+const designToken = require('./design-token-4d94a23c.js');
 const string = require('./string-21427167.js');
 const typeGuard = require('./type-guard-4ba85fdc.js');
-const breakpoints$1 = require('./breakpoints-ebde4837.js');
+const breakpoints = require('./breakpoints-ebde4837.js');
 const icons = require('./icons-dbc3eb9c.js');
 const typography = require('./typography-4560e7f1.js');
 const ui = require('./ui-32e69595.js');
 const vegaEnvManager = require('./vega-env-manager-23b8b23c.js');
-const vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-00dbdf29.js');
-const featureFlagController = require('./feature-flag-controller-7b22e598.js');
-const contentState = require('./content-state-c5b47ca1.js');
-const vegaDialogController = require('./vega-dialog-controller-fe610705.js');
-const internalVegaEventManager = require('./internal-vega-event-manager-981dfd1c.js');
+const vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-381e90fe.js');
+const featureFlagController = require('./feature-flag-controller-3c6666df.js');
+const contentState = require('./content-state-582d8961.js');
+const internalVegaEventManager = require('./internal-vega-event-manager-e5e4bcf4.js');
 const iconManager = require('./icon-manager-edc2400b.js');
 const validCreditCardNumberRule = require('./valid-credit-card-number-rule-4a1b00b8.js');
-const index = require('./index-0546e2ea.js');
+const index = require('./index-453b89b9.js');
 const translation = require('./translation-6848c389.js');
-const responsiveFormatFacade = require('./responsive-format-facade-a1983026.js');
+const responsiveFormatFacade = require('./responsive-format-facade-ad8ca2ab.js');
 const checkBoxRequiredRule = require('./check-box-required-rule-1ee54b9a.js');
 const dateRequiredRule = require('./date-required-rule-4e1f84fd.js');
 const inputPhoneNumberRequiredRule = require('./input-phone-number-required-rule-2668fdf1.js');
 const inputRangeRequiredRule = require('./input-range-required-rule-5b9c2a95.js');
 const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
-const richTextEditorRequiredRule = require('./rich-text-editor-required-rule-cacc5fe0.js');
+const richTextEditorRequiredRule = require('./rich-text-editor-required-rule-15d9dea1.js');
 const timeRequiredRule = require('./time-required-rule-ccf178e7.js');
 const toggleSwitchRequiredRule = require('./toggle-switch-required-rule-88a51b36.js');
 const fileUploaderRequiredRule = require('./file-uploader-required-rule-313ec9e3.js');
@@ -36,18 +35,17 @@ require('./regex-c1f70fd4.js');
 require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./ui-5fd9b267.js');
-require('./internal-vega-z-index-manager-f03ddb37.js');
 require('./number-4816603d.js');
-require('./page-resize-observer-slimmer-bb1eaebe.js');
 require('./index-8b247c17.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./change-manager-a297e4d2.js');
-require('./dom-node-subject-factory-ce1777a9.js');
+require('./dom-node-subject-factory-3ec114b8.js');
 require('./vega-internal-event-id-bda63e14.js');
 require('./static-subject-title-c589a1bd.js');
-require('./observer-f49483e8.js');
 require('./internal-form-field-validation-rule.abstract-07cdff46.js');
+require('./wait-for-vega-handler-46280dcf.js');
 require('./pixel-98f2a10c.js');
+require('./array-5adef7b2.js');
 require('./date-0a6bb035.js');
 
 /* This file is generated by vega-design 2.0.77 */
@@ -56,7 +54,7 @@ require('./date-0a6bb035.js');
 // prettier-ignore
 const Rings = ["ring-input-focus", "dark-ring-input-focus", "ring-input-danger-focus", "dark-ring-input-danger-focus", "ring-action-focus", "dark-ring-action-focus", "ring-action-danger-focus", "dark-ring-action-danger-focus"];
 
-exports.getCurrentBreakpoint = breakpoints.getCurrentBreakpoint;
+exports.getCurrentBreakpoint = pageResizeObserverSlimmer.getCurrentBreakpoint;
 exports.LogUtility = globalSlimmerRegistry.LogUtility;
 exports.setVegaLogLevel = globalSlimmerRegistry.setVegaLogLevel;
 exports.formatAndValidBackgroundColor = designToken.formatAndValidBackgroundColor;
@@ -82,7 +80,7 @@ exports.Spacing = typeGuard.Spacing;
 exports.StrokeBackgroundColors = typeGuard.StrokeBackgroundColors;
 exports.TextColorMap = typeGuard.TextColorMap;
 exports.TextColors = typeGuard.TextColors;
-exports.Breakpoints = breakpoints$1.Breakpoints;
+exports.Breakpoints = breakpoints.Breakpoints;
 exports.Icons = icons.Icons;
 exports.getIconFromToken = icons.getIconFromToken;
 exports.Typography = typography.Typography;
@@ -99,6 +97,7 @@ Object.defineProperty(exports, 'FrameworkEnum', {
 	}
 });
 exports.VegaEnvManager = vegaEnvManager.vegaEnvManager;
+exports.VegaDialog = vegaSkeletonLoaderController.VegaDialog;
 exports.VegaEventManager = vegaSkeletonLoaderController.VegaEventManager;
 exports.VegaLoader = vegaSkeletonLoaderController.VegaLoader;
 exports.VegaNotify = vegaSkeletonLoaderController.VegaNotify;
@@ -116,7 +115,6 @@ exports.RTETextBlock = contentState.RTETextBlock;
 exports.RTETextNode = contentState.RTETextNode;
 exports.VegaRTEContent = contentState.VegaRTEContent;
 exports.VegaThemeManager = contentState.VegaThemeManager;
-exports.VegaDialog = vegaDialogController.VegaDialog;
 exports.VegaJQueryDelegatedEventStrategy = internalVegaEventManager.BaseStrategy;
 exports.VegaIconManager = iconManager.VegaIconManager;
 exports.ValidCreditCardNumberRule = validCreditCardNumberRule.ValidCreditCardNumberRule;

package/dist/cjs/{internal-vega-event-manager-981dfd1c.js → internal-vega-event-manager-e5e4bcf4.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 
 const entries = [

package/dist/cjs/loader.cjs.js

@@ -3,38 +3,35 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-09acd3c9.js');
-const appGlobals = require('./app-globals-cdd0972c.js');
-require('./feature-flag-controller-7b22e598.js');
+const appGlobals = require('./app-globals-7fecd3ff.js');
+require('./feature-flag-controller-3c6666df.js');
 require('./global-slimmer-registry-b3bce7e0.js');
 require('./index-8b247c17.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./vega-skeleton-loader-controller-00dbdf29.js');
+require('./vega-skeleton-loader-controller-381e90fe.js');
 require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./ui-5fd9b267.js');
-require('./internal-vega-z-index-manager-f03ddb37.js');
-require('./number-4816603d.js');
-require('./page-resize-observer-slimmer-bb1eaebe.js');
-require('./breakpoints-17d6c4c7.js');
+require('./page-resize-observer-slimmer-bceeaabf.js');
 require('./ui-32e69595.js');
 require('./breakpoints-ebde4837.js');
-require('./internal-vega-event-manager-981dfd1c.js');
-require('./dom-node-subject-factory-ce1777a9.js');
-require('./content-state-c5b47ca1.js');
+require('./internal-vega-event-manager-e5e4bcf4.js');
+require('./dom-node-subject-factory-3ec114b8.js');
+require('./number-4816603d.js');
+require('./content-state-582d8961.js');
 require('./change-manager-a297e4d2.js');
 require('./vega-internal-event-id-bda63e14.js');
 require('./type-guard-4ba85fdc.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 require('./static-subject-title-c589a1bd.js');
-require('./observer-f49483e8.js');
-require('./vega-dialog-controller-fe610705.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./icon-manager-edc2400b.js');
-require('./index-0546e2ea.js');
+require('./wait-for-vega-handler-46280dcf.js');
 require('./translation-6848c389.js');
 require('./valid-credit-card-number-rule-4a1b00b8.js');
 require('./internal-form-field-validation-rule.abstract-07cdff46.js');
+require('./index-453b89b9.js');
 
 /*
  Stencil Client Patch Esm v2.17.4 | MIT Licensed | https://stenciljs.com

package/dist/cjs/{page-resize-observer-slimmer-bb1eaebe.js → page-resize-observer-slimmer-bceeaabf.js}

@@ -1,7 +1,56 @@
 'use strict';
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const breakpoints = require('./breakpoints-17d6c4c7.js');
+const ui = require('./ui-32e69595.js');
+const breakpoints = require('./breakpoints-ebde4837.js');
+
+/**
+ * Get current breakpoint according current window size
+ *
+ * @returns {BreakpointsTokenType} - current breakpoint
+ */
+const getCurrentBreakpoint = () => {
+  let index = ui.BreakpointKeys.length - 1;
+  const windowWidth = window.innerWidth;
+  for (index; index >= 0; index--) {
+    const breakpointKey = ui.BreakpointKeys[index];
+    if (breakpointKey === 'default')
+      break;
+    if (windowWidth >= breakpoints.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;
+  ui.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;
@@ -74,7 +123,7 @@ class PageResizeObserverSlimmer extends globalSlimmerRegistry.VegaSlimmer {
           observerEntry.isDeferred ? setTimeout(handle) : handle();
         }
         else {
-          this.currentBreakpoint = breakpoints.getCurrentBreakpoint();
+          this.currentBreakpoint = getCurrentBreakpoint();
         }
       });
     }
@@ -120,3 +169,5 @@ __decorate([
 ], PageResizeObserverSlimmer.prototype, "connectResizeObserver", null);
 
 exports.PageResizeObserverSlimmer = PageResizeObserverSlimmer;
+exports.createCompleteResponsiveMap = createCompleteResponsiveMap;
+exports.getCurrentBreakpoint = getCurrentBreakpoint;