@heartlandone/vega 1.49.0 → 1.50.1

package/dist/cjs/app-globals-2dcb0981.js

@@ -0,0 +1,178 @@
+'use strict';
+
+const featureFlagController = require('./featureFlagController-9161143b.js');
+const themeManager = require('./themeManager-36e68114.js');
+const vegaEnvManager = require('./vegaEnvManager-295ccbd7.js');
+const log = require('./log-5d8066e0.js');
+const vegaDialogController = require('./vegaDialogController-d2ae40fb.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-58eee093.js');
+const mapToComponentMethod = require('./map-to-component-method-bdf875d3.js');
+const vegaSlimmer = require('./vega-slimmer-f026897e.js');
+require('./ui-97068bc7.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;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * The `VegaWatchMethodCancelSlimmer` class is a TypeScript class that removes
+ * the body of watch methods when a component is not fully instantiated and
+ * applies the original method body when the component is fully instantiated.
+ */
+class VegaWatchMethodCancelSlimmer extends vegaSlimmer.VegaSlimmer {
+  /**
+   * The constructor function takes a component object as a parameter and assigns it to the "component"
+   * property of the class.
+   *
+   * @param {GlobalSlimmerConfig} option - The `option` parameter is of type `GlobalSlimmerConfig`.
+   * It is an object that represents a component in a software system.
+   */
+  constructor(option) {
+    super();
+    this.originalWatchers = new Map();
+    /**
+     * while component reattached, the component will call `connectedCallback` but not call `componentDidLoad`,
+     * so we add this flag to skip empty the watch function in this case.
+     */
+    this.hasDisconnected = false;
+    this.isEnabled = featureFlagController.FeatureFlag.isEnabled('VEGA_REACT.PREVENT_CALL_WATCH_METHOD_BEFORE_COMPONENT_LOAD');
+    this.component = option.component;
+  }
+  /**
+   * The connectedCallback function removes the body of watch methods when the component is not fully
+   * instantiated.
+   */
+  connectedCallback() {
+    if (!this.isEnabled)
+      return;
+    if (this.hasDisconnected)
+      return;
+    const watchers = this.component.constructor['watchers'];
+    for (const propName in watchers) {
+      const watchMethodNames = watchers[propName];
+      watchMethodNames.forEach((methodName) => {
+        // while watch method listen by multiple property, we should skip make originalMethod as empty.
+        if (!this.originalWatchers.has(methodName)) {
+          const originalMethod = this.component[methodName];
+          this.originalWatchers.set(methodName, originalMethod);
+          /**
+           * Remove the watch method body when the component not fully instantiated.
+           */
+          // eslint-disable-next-line @typescript-eslint/no-empty-function
+          this.component[methodName] = function () { };
+        }
+      });
+    }
+  }
+  /**
+   * The `@MapToComponentMethod('disconnectedCallback')` decorator is used to map the `disconnectedCallback` method
+   * to the corresponding method in the Stencil component.
+   */
+  disconnectedCallback() {
+    if (!this.isEnabled)
+      return;
+    this.hasDisconnected = true;
+  }
+  /**
+   * The `componentDidLoad` function applies the original method body to the component's watchers when
+   * the component is fully instantiated.
+   */
+  componentDidLoad() {
+    if (!this.isEnabled)
+      return;
+    this.originalWatchers.forEach((method, methodName) => {
+      const originalMethodBody = method;
+      /**
+       * Apply the watch original method body when the component fully instantiated.
+       *
+       * @param {...any} args - watch method args
+       * @returns {unknown} method results
+       */
+      this.component[methodName] = function (...args) {
+        return originalMethodBody.apply(this, args);
+      };
+    });
+  }
+}
+__decorate([
+  mapToComponentMethod.MapToComponentMethod('connectedCallback')
+], VegaWatchMethodCancelSlimmer.prototype, "connectedCallback", null);
+__decorate([
+  mapToComponentMethod.MapToComponentMethod('disconnectedCallback')
+], VegaWatchMethodCancelSlimmer.prototype, "disconnectedCallback", null);
+__decorate([
+  mapToComponentMethod.MapToComponentMethod('componentDidLoad')
+], VegaWatchMethodCancelSlimmer.prototype, "componentDidLoad", null);
+
+/**
+ * Default export function that will be used by stencil global script,
+ * which will be invoked before library loaded.
+ */
+function appGlobalScript () {
+  disableFeatureFlagFromClientGlobal();
+  enableFeatureFlagFromClientGlobal();
+  injectVegaLoaderIntoGlobal();
+  injectVegaNotifyIntoGlobal();
+  injectVegaThemeManagerIntoGlobal();
+  injectVegaLogLevelIntoGlobal();
+  injectVegaDialogIntoGlobal();
+  registerGlobalVegaSlimmers();
+}
+/**
+ * Disable feature flags from the client global defined lists.
+ */
+function disableFeatureFlagFromClientGlobal() {
+  if (globalThis['VegaDisabledFeatureKeys']) {
+    featureFlagController.FeatureFlag.disable(...globalThis['VegaDisabledFeatureKeys']);
+  }
+}
+/**
+ * This function enables feature flags based on a global variable in TypeScript.
+ */
+function enableFeatureFlagFromClientGlobal() {
+  if (globalThis['VegaEnabledFeatureKeys']) {
+    featureFlagController.FeatureFlag.enable(...globalThis['VegaEnabledFeatureKeys']);
+  }
+}
+/**
+ * Inject VegaLoader to global as a public api
+ */
+function injectVegaLoaderIntoGlobal() {
+  globalThis['VegaLoader'] = themeManager.VegaLoader;
+}
+/**
+ * Inject VegaNotify to global as a public api
+ */
+function injectVegaNotifyIntoGlobal() {
+  globalThis.VegaNotify = vegaEnvManager.VegaNotify;
+}
+/**
+ * Inject VegaThemeManager to global as a public api
+ */
+function injectVegaThemeManagerIntoGlobal() {
+  globalThis.VegaThemeManager = themeManager.VegaThemeManager;
+}
+/**
+ * Inject VegaLogLevel to global as a public api
+ */
+function injectVegaLogLevelIntoGlobal() {
+  globalThis.setVegaLogLevel = log.setVegaLogLevel;
+}
+/**
+ * Inject VegaDialog to global as a public api
+ */
+function injectVegaDialogIntoGlobal() {
+  globalThis.VegaDialog = vegaDialogController.VegaDialog;
+}
+/**
+ * register global vega slimmers
+ */
+function registerGlobalVegaSlimmers() {
+  globalSlimmerRegistry.GlobalSlimmersRegistry.register([VegaWatchMethodCancelSlimmer]);
+}
+
+const globalScripts = appGlobalScript;
+
+exports.globalScripts = globalScripts;

package/dist/cjs/{component-a411c045.js → component-4fa182e0.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const featureFlagController = require('./featureFlagController-3b23a9cb.js');
+const featureFlagController = require('./featureFlagController-9161143b.js');
 const log = require('./log-5d8066e0.js');
 
 const exemptionClasses = [

package/dist/cjs/{dynamic-slimmer-e289eb0b.js → dynamic-slimmer-028b0e61.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const vegaSlimmer = require('./vega-slimmer-281f0079.js');
-const mapToComponentMethod = require('./map-to-component-method-ec6546f1.js');
+const vegaSlimmer = require('./vega-slimmer-f026897e.js');
+const mapToComponentMethod = require('./map-to-component-method-bdf875d3.js');
 
 /**
  * The `createDynamicSlimmer` function creates an instance of a dynamically generated class based on

package/dist/cjs/{elementAppender-35b30be1.js → elementAppender-8eede8c1.js}

@@ -6,9 +6,9 @@ const typeGuard = require('./typeGuard-447fb5bd.js');
 const responsiveFormatFacade = require('./responsiveFormatFacade-6cc0b6b2.js');
 const ui = require('./ui-97068bc7.js');
 const zIndexManager = require('./zIndexManager-de9aa352.js');
-const vegaSlimmer = require('./vega-slimmer-281f0079.js');
-const dynamicSlimmer = require('./dynamic-slimmer-e289eb0b.js');
-const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-a81a52b1.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-58eee093.js');
+const dynamicSlimmer = require('./dynamic-slimmer-028b0e61.js');
+const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-14877d13.js');
 
 /**
  * Get the position of the element in the container according to the target element and the placement
@@ -713,7 +713,7 @@ class ElementAppender {
  */
 ElementAppender.containerMap = new Map();
 __decorate([
-  vegaSlimmer.InjectVegaSlimmer()
+  globalSlimmerRegistry.InjectVegaSlimmer()
 ], ElementAppender.prototype, "resizeObserverSlimmer", void 0);
 
 exports.ElementAppender = ElementAppender;

package/dist/cjs/{featureFlagController-3b23a9cb.js → featureFlagController-9161143b.js}

@@ -109,6 +109,11 @@ const FeatureFlagsMap = {
     createdTimestamp: 1689576347049,
     createdAtVersion: '1.37.0',
   },
+  'VEGA_REACT.PREVENT_CALL_WATCH_METHOD_BEFORE_COMPONENT_LOAD': {
+    description: `Feature flag to prevent call watch method before componnentDidLoad`,
+    createdTimestamp: 1706598728908,
+    createdAtVersion: '2.0.0',
+  },
 };
 const FeatureFlagsMap$1 = Object.freeze(FeatureFlagsMap);
 

package/dist/cjs/{formFieldControllerSlimmer-57d1a405.js → formFieldControllerSlimmer-04421a7b.js}

@@ -1,15 +1,16 @@
 'use strict';
 
-const vegaSlimmer = require('./vega-slimmer-281f0079.js');
-const mapToComponentMethod = require('./map-to-component-method-ec6546f1.js');
-const featureFlagController = require('./featureFlagController-3b23a9cb.js');
+const vegaSlimmer = require('./vega-slimmer-f026897e.js');
+const mapToComponentMethod = require('./map-to-component-method-bdf875d3.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-58eee093.js');
+const featureFlagController = require('./featureFlagController-9161143b.js');
 const string = require('./string-21427167.js');
 const changeManager = require('./changeManager-91f1f24a.js');
 const observer = require('./observer-126f19d0.js');
 const ui = require('./ui-97068bc7.js');
 const misc = require('./misc-3d30df91.js');
-const dynamicSlimmer = require('./dynamic-slimmer-e289eb0b.js');
-const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-a81a52b1.js');
+const dynamicSlimmer = require('./dynamic-slimmer-028b0e61.js');
+const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-14877d13.js');
 
 /** The `FormFieldValidationRuleHandler` class is responsible for handling the validation rules for a form field. */
 class FormFieldValidationRuleHandler {
@@ -631,10 +632,10 @@ class FormFieldController {
   }
 }
 __decorate$2([
-  vegaSlimmer.InjectVegaSlimmer()
+  globalSlimmerRegistry.InjectVegaSlimmer()
 ], FormFieldController.prototype, "fieldErrorUIController", void 0);
 __decorate$2([
-  vegaSlimmer.InjectVegaSlimmer()
+  globalSlimmerRegistry.InjectVegaSlimmer()
 ], FormFieldController.prototype, "resizeObserverSlimmer", void 0);
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -698,7 +699,7 @@ __decorate$1([
   vegaSlimmer.MapToComponentField()
 ], FieldErrorControllerSlimmer.prototype, "options", void 0);
 __decorate$1([
-  vegaSlimmer.InjectVegaSlimmer()
+  globalSlimmerRegistry.InjectVegaSlimmer()
 ], FieldErrorControllerSlimmer.prototype, "fieldErrorUIController", void 0);
 __decorate$1([
   mapToComponentMethod.MapToComponentMethod('setInjectFormFieldHelper')
@@ -894,7 +895,7 @@ __decorate([
   vegaSlimmer.MapToComponentField()
 ], FormFieldControllerSlimmer.prototype, "vegaValidate", void 0);
 __decorate([
-  vegaSlimmer.InjectVegaSlimmer()
+  globalSlimmerRegistry.InjectVegaSlimmer()
 ], FormFieldControllerSlimmer.prototype, "fieldErrorSlimmer", void 0);
 __decorate([
   mapToComponentMethod.MapToComponentMethod('watchValidationRules')

package/dist/cjs/{vega-slimmer-281f0079.js → global-slimmer-registry-58eee093.js}

@@ -36,62 +36,6 @@ const SlimmerMappedMethod = Symbol('ProcessorInternalCallback');
 const SlimmerConsumedBy = Symbol('SlimmerConsumedBy');
 const ConsumerSlimmers = Symbol('ConsumerSlimmers');
 
-/**
- * Decorator to map a slimmer field to a component field, which means:
- * - If you get the slimmer field value, it will return the corresponding component field value.
- * - If you set the slimmer field to some value, it will set the corresponding component field to the same value (if not readonly).
- *
- * We will use the component field name as the default value for the slimmer field name.
- *
- * @param {MapToComponentFieldOptions} options The options for the decorator
- * @returns {Function} The decorator function
- */
-function MapToComponentField(options) {
-  return function (slimmerPrototype, propertyKey) {
-    Object.defineProperty(slimmerPrototype, propertyKey, {
-      get: createSlimmerMappingFieldGetter(propertyKey, options),
-      set: createSlimmerMappingFieldSetter(propertyKey, options),
-      configurable: true,
-    });
-  };
-}
-/**
- * Helper function to create a setter for a slimmer field that maps to the injecting component field.
- * We will use the component field name as the default value for the slimmer field name.
- *
- * @param {string} slimmerFieldName The name of the slimmer field
- * @param {MapToComponentFieldOptions} options The options of the slimmer field
- * @returns {Function} A setter for the slimmer field
- */
-function createSlimmerMappingFieldSetter(slimmerFieldName, options = {}) {
-  return function (value) {
-    var _a;
-    if (!options.writable) {
-      LogUtility.error(`${slimmerFieldName} is not writable`);
-      return;
-    }
-    const dependentComponent = this[SlimmerConsumedBy];
-    const fieldName = (_a = options.componentFieldName) !== null && _a !== void 0 ? _a : slimmerFieldName;
-    dependentComponent[fieldName] = value;
-  };
-}
-/**
- * Helper function to create a getter for a slimmer field that maps to the injecting component field.
- * We will use the component field name as the default value for the slimmer field name.
- *
- * @param {string} slimmerFieldName The name of the slimmer field
- * @param {MapToComponentFieldOptions} options The options of the slimmer field
- * @returns {Function} A getter for the slimmer field
- */
-function createSlimmerMappingFieldGetter(slimmerFieldName, options = {}) {
-  return function () {
-    const { componentFieldName } = options;
-    const dependentComponent = this[SlimmerConsumedBy];
-    const fieldName = componentFieldName !== null && componentFieldName !== void 0 ? componentFieldName : slimmerFieldName;
-    return dependentComponent[fieldName];
-  };
-}
-
 /**
  * This decorator is used to re-define a field in a vega component
  * which will be used for injecting the VegaSlimmer into the vega component.
@@ -163,7 +107,7 @@ function createRegisteredSlimMethod(component, slimmer, originalMethod, mapEntry
   return function (...args) {
     const result = originalMethod === null || originalMethod === void 0 ? void 0 : originalMethod.apply(component, args);
     if (result && typeof result.then === 'function') {
-      return result.then(() => (slimmer[mapEntry.slimmerMethodName].call(slimmer, ...args)));
+      return result.then(() => slimmer[mapEntry.slimmerMethodName].call(slimmer, ...args));
     }
     else {
       return slimmer[mapEntry.slimmerMethodName].call(slimmer, ...args);
@@ -171,13 +115,18 @@ function createRegisteredSlimMethod(component, slimmer, originalMethod, mapEntry
   };
 }
 
-/**
- * An abstract class VegaSlimmer
- */
-class VegaSlimmer {
+class GlobalSlimmersRegistry {
+  static register(slimmers) {
+    this.globalSlimmers = slimmers;
+  }
 }
+GlobalSlimmersRegistry.globalSlimmers = [];
 
+exports.ConsumerSlimmers = ConsumerSlimmers;
+exports.GlobalSlimmersRegistry = GlobalSlimmersRegistry;
 exports.InjectVegaSlimmer = InjectVegaSlimmer;
-exports.MapToComponentField = MapToComponentField;
+exports.LogUtility = LogUtility;
+exports.SlimmerConsumedBy = SlimmerConsumedBy;
 exports.SlimmerMappedMethod = SlimmerMappedMethod;
-exports.VegaSlimmer = VegaSlimmer;
+exports.createGetterForVegaSlimmerField = createGetterForVegaSlimmerField;
+exports.createSetterForVegaSlimmerField = createSetterForVegaSlimmerField;

package/dist/cjs/index.cjs.js

@@ -10,20 +10,20 @@ const typeGuard = require('./typeGuard-447fb5bd.js');
 const breakpoints$1 = require('./breakpoints-b5eab9c2.js');
 const icons = require('./icons-44ed411d.js');
 const typography = require('./typography-358013af.js');
-const vegaEnvManager = require('./vegaEnvManager-23aa6059.js');
-const featureFlagController = require('./featureFlagController-3b23a9cb.js');
-const themeManager = require('./themeManager-342ae75a.js');
-const tinycolor = require('./tinycolor-ea2fd283.js');
+const vegaEnvManager = require('./vegaEnvManager-295ccbd7.js');
+const featureFlagController = require('./featureFlagController-9161143b.js');
+const themeManager = require('./themeManager-36e68114.js');
 const vegaDialogController = require('./vegaDialogController-d2ae40fb.js');
 require('./responsiveFormatFacade-6cc0b6b2.js');
 require('./number-7e7d9981.js');
+require('./zIndexManager-de9aa352.js');
 require('./misc-3d30df91.js');
 require('./ui-97068bc7.js');
-require('./zIndexManager-de9aa352.js');
-require('./vega-slimmer-281f0079.js');
-require('./dynamic-slimmer-e289eb0b.js');
-require('./map-to-component-method-ec6546f1.js');
-require('./pageResizeObserverSlimmer-a81a52b1.js');
+require('./global-slimmer-registry-58eee093.js');
+require('./dynamic-slimmer-028b0e61.js');
+require('./vega-slimmer-f026897e.js');
+require('./map-to-component-method-bdf875d3.js');
+require('./pageResizeObserverSlimmer-14877d13.js');
 
 /* This file is generated by vega-design 2.0.71 */
 /* eslint-disable */
@@ -67,9 +67,9 @@ Object.defineProperty(exports, 'FrameworkEnum', {
 	}
 });
 exports.VegaEnvManager = vegaEnvManager.vegaEnvManager;
+exports.VegaNotify = vegaEnvManager.VegaNotify;
 exports.FeatureFlag = featureFlagController.FeatureFlag;
 exports.VegaLoader = themeManager.VegaLoader;
 exports.VegaThemeManager = themeManager.VegaThemeManager;
-exports.VegaNotify = tinycolor.VegaNotify;
 exports.VegaDialog = vegaDialogController.VegaDialog;
 exports.Rings = Rings;

package/dist/cjs/inject-vega-global-slimmer-c81bb784.js

@@ -0,0 +1,45 @@
+'use strict';
+
+const globalSlimmerRegistry = require('./global-slimmer-registry-58eee093.js');
+
+/**
+ * The function `InjectVegaGlobalSlimmer` is a TypeScript decorator that registers a property as a Vega
+ * global slimmer.
+ *
+ * @returns {Function} The function `InjectVegaGlobalSlimmer` is returning a property decorator.
+ */
+function InjectVegaGlobalSlimmer() {
+  return function (componentPrototype, propertyKey) {
+    Object.defineProperty(componentPrototype, propertyKey, {
+      set: registerVegaGlobalSlimmers(propertyKey),
+      get: globalSlimmerRegistry.createGetterForVegaSlimmerField(propertyKey),
+    });
+  };
+}
+/**
+ * The function `registerVegaGlobalSlimmers` registers Vega global slimmers by creating setters for
+ * each slimmer field.
+ *
+ * @param {string} propertyKey - The `propertyKey` parameter is a string that represents the key of a
+ * property in an object.
+ * @returns {Function} The function `registerVegaGlobalSlimmers` returns another function.
+ */
+function registerVegaGlobalSlimmers(propertyKey) {
+  return function () {
+    const globalSlimmers = {};
+    globalSlimmerRegistry.GlobalSlimmersRegistry.globalSlimmers.forEach((vegaSlimmer) => {
+      globalSlimmers[vegaSlimmer.name] = new vegaSlimmer({
+        component: this,
+      });
+    });
+    const slimmers = Object.values(globalSlimmers);
+    slimmers.forEach((vegaSlimmer) => {
+      globalSlimmerRegistry.createSetterForVegaSlimmerField(propertyKey).call(this, vegaSlimmer);
+    });
+    if (slimmers.length > 0) {
+      this[globalSlimmerRegistry.ConsumerSlimmers].set(propertyKey, globalSlimmers);
+    }
+  };
+}
+
+exports.InjectVegaGlobalSlimmer = InjectVegaGlobalSlimmer;

package/dist/cjs/{injectElementAppender-e27bb08f.js → injectElementAppender-0e9fb9a0.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const elementAppender = require('./elementAppender-35b30be1.js');
+const elementAppender = require('./elementAppender-8eede8c1.js');
 const ui = require('./ui-97068bc7.js');
 
 /**

package/dist/cjs/loader.cjs.js

@@ -3,19 +3,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4c1d8251.js');
-const appGlobals = require('./app-globals-b6aaf293.js');
-require('./featureFlagController-3b23a9cb.js');
+const appGlobals = require('./app-globals-2dcb0981.js');
+require('./featureFlagController-9161143b.js');
 require('./log-5d8066e0.js');
-require('./themeManager-342ae75a.js');
+require('./themeManager-36e68114.js');
 require('./misc-3d30df91.js');
 require('./ui-97068bc7.js');
-require('./tinycolor-ea2fd283.js');
+require('./vegaEnvManager-295ccbd7.js');
 require('./zIndexManager-de9aa352.js');
 require('./number-7e7d9981.js');
-require('./vega-slimmer-281f0079.js');
-require('./dynamic-slimmer-e289eb0b.js');
-require('./map-to-component-method-ec6546f1.js');
-require('./pageResizeObserverSlimmer-a81a52b1.js');
+require('./global-slimmer-registry-58eee093.js');
+require('./dynamic-slimmer-028b0e61.js');
+require('./vega-slimmer-f026897e.js');
+require('./map-to-component-method-bdf875d3.js');
+require('./pageResizeObserverSlimmer-14877d13.js');
 require('./breakpoints-89055ccc.js');
 require('./breakpoints-b5eab9c2.js');
 require('./vegaDialogController-d2ae40fb.js');

package/dist/cjs/{map-to-component-method-ec6546f1.js → map-to-component-method-bdf875d3.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const vegaSlimmer = require('./vega-slimmer-281f0079.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-58eee093.js');
 
 /**
  * The function `MapToComponentMethod` is a TypeScript decorator that maps a method in a class to a
@@ -13,7 +13,7 @@ const vegaSlimmer = require('./vega-slimmer-281f0079.js');
 function MapToComponentMethod(componentMethodName) {
   return function (processorPrototype, propertyKey) {
     initPrototypeSlimmerMappedMethodArray(processorPrototype);
-    processorPrototype[vegaSlimmer.SlimmerMappedMethod].push({
+    processorPrototype[globalSlimmerRegistry.SlimmerMappedMethod].push({
       componentMethodName,
       slimmerMethodName: propertyKey,
     });
@@ -26,10 +26,8 @@ function MapToComponentMethod(componentMethodName) {
  * @param {ClassPrototype<VegaSlimmer>} processorPrototype -  It represents the prototype of a class called `VegaSlimmer`.
  */
 function initPrototypeSlimmerMappedMethodArray(processorPrototype) {
-  if (!Object.prototype.hasOwnProperty.call(processorPrototype, vegaSlimmer.SlimmerMappedMethod)) {
-    processorPrototype[vegaSlimmer.SlimmerMappedMethod] = (processorPrototype[vegaSlimmer.SlimmerMappedMethod]
-      ? [].concat(processorPrototype[vegaSlimmer.SlimmerMappedMethod])
-      : []);
+  if (!Object.prototype.hasOwnProperty.call(processorPrototype, globalSlimmerRegistry.SlimmerMappedMethod)) {
+    processorPrototype[globalSlimmerRegistry.SlimmerMappedMethod] = (processorPrototype[globalSlimmerRegistry.SlimmerMappedMethod] ? [].concat(processorPrototype[globalSlimmerRegistry.SlimmerMappedMethod]) : []);
   }
 }
 

package/dist/cjs/{pageResizeObserverSlimmer-a81a52b1.js → pageResizeObserverSlimmer-14877d13.js}

@@ -1,7 +1,8 @@
 'use strict';
 
-const vegaSlimmer = require('./vega-slimmer-281f0079.js');
-const mapToComponentMethod = require('./map-to-component-method-ec6546f1.js');
+const vegaSlimmer = require('./vega-slimmer-f026897e.js');
+const mapToComponentMethod = require('./map-to-component-method-bdf875d3.js');
+require('./global-slimmer-registry-58eee093.js');
 const breakpoints = require('./breakpoints-89055ccc.js');
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/cjs/{subStateNotifySlimmer-0602d340.js → subStateNotifySlimmer-900516a0.js}

@@ -1,11 +1,12 @@
 'use strict';
 
-const vegaSlimmer = require('./vega-slimmer-281f0079.js');
-const mapToComponentMethod = require('./map-to-component-method-ec6546f1.js');
-const elementAppender = require('./elementAppender-35b30be1.js');
+require('./global-slimmer-registry-58eee093.js');
+const mapToComponentMethod = require('./map-to-component-method-bdf875d3.js');
+const vegaSlimmer = require('./vega-slimmer-f026897e.js');
+const elementAppender = require('./elementAppender-8eede8c1.js');
 const ui = require('./ui-97068bc7.js');
 const keyboardManager = require('./keyboardManager-8084a0cf.js');
-const dynamicSlimmer = require('./dynamic-slimmer-e289eb0b.js');
+const dynamicSlimmer = require('./dynamic-slimmer-028b0e61.js');
 const changeManager = require('./changeManager-91f1f24a.js');
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/cjs/{subStateObserverSlimmer-63b053eb.js → subStateObserverSlimmer-43581d8e.js}

@@ -1,7 +1,8 @@
 'use strict';
 
-const vegaSlimmer = require('./vega-slimmer-281f0079.js');
-const mapToComponentMethod = require('./map-to-component-method-ec6546f1.js');
+const vegaSlimmer = require('./vega-slimmer-f026897e.js');
+const mapToComponentMethod = require('./map-to-component-method-bdf875d3.js');
+require('./global-slimmer-registry-58eee093.js');
 const observer = require('./observer-126f19d0.js');
 const changeManager = require('./changeManager-91f1f24a.js');
 const ui = require('./ui-97068bc7.js');

package/dist/cjs/{themeManager-342ae75a.js → themeManager-36e68114.js}

@@ -2,7 +2,7 @@
 
 const misc = require('./misc-3d30df91.js');
 const ui = require('./ui-97068bc7.js');
-const tinycolor = require('./tinycolor-ea2fd283.js');
+const vegaEnvManager = require('./vegaEnvManager-295ccbd7.js');
 
 /**
  * Vega loader controller to control the loading indicator
@@ -1179,7 +1179,7 @@ class ThemeManager {
    */
   parseCssVarValue(overrideColorToken, overrideColors) {
     var _a;
-    return (_a = overrideColorToken.overrideGetter) === null || _a === void 0 ? void 0 : _a.call(overrideColorToken, overrideColors, tinycolor.tinycolor);
+    return (_a = overrideColorToken.overrideGetter) === null || _a === void 0 ? void 0 : _a.call(overrideColorToken, overrideColors, vegaEnvManager.tinycolor);
   }
 }
 const VegaThemeManager = new ThemeManager();

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

@@ -3,17 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4c1d8251.js');
-const vegaSlimmer = require('./vega-slimmer-281f0079.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-58eee093.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
-const component = require('./component-a411c045.js');
+const injectVegaGlobalSlimmer = require('./inject-vega-global-slimmer-c81bb784.js');
+const component = require('./component-4fa182e0.js');
+const vegaSlimmer = require('./vega-slimmer-f026897e.js');
 require('./log-5d8066e0.js');
 const designToken = require('./designToken-45078c17.js');
 const ui = require('./ui-97068bc7.js');
 const observer = require('./observer-126f19d0.js');
 const changeManager = require('./changeManager-91f1f24a.js');
-const mapToComponentMethod = require('./map-to-component-method-ec6546f1.js');
+const mapToComponentMethod = require('./map-to-component-method-bdf875d3.js');
 const typeGuard = require('./typeGuard-447fb5bd.js');
-require('./featureFlagController-3b23a9cb.js');
+require('./featureFlagController-9161143b.js');
 require('./breakpoints-b5eab9c2.js');
 require('./responsiveFormatFacade-6cc0b6b2.js');
 require('./breakpoints-89055ccc.js');
@@ -184,6 +186,7 @@ const VegaAccordion = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.vegaExpand = index.createEvent(this, "vegaExpand", 7);
+    this.globalSlimmers = {};
     this.renderer = new VegaAccordionRenderer();
     this.expandController = new VegaAccordionExpandController();
     /**
@@ -226,10 +229,13 @@ const VegaAccordion = class {
   }; }
 };
 __decorate([
-  vegaSlimmer.InjectVegaSlimmer()
+  injectVegaGlobalSlimmer.InjectVegaGlobalSlimmer()
+], VegaAccordion.prototype, "globalSlimmers", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaAccordion.prototype, "renderer", void 0);
 __decorate([
-  vegaSlimmer.InjectVegaSlimmer()
+  globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaAccordion.prototype, "expandController", void 0);
 
 exports.vega_accordion = VegaAccordion;