@globalpayments/vega 2.34.0 → 2.35.0

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

@@ -2,21 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
-const component = require('./component-63af66ea.js');
-const designToken = require('./design-token-908e3f69.js');
-const ui = require('./ui-b5906704.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
+const index = require('./index-09acd3c9.js');
+const component = require('./component-73a88c4e.js');
+const designToken = require('./design-token-30c069c1.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
+const ui = require('./ui-5fd9b267.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
 require('./type-guard-4ba85fdc.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./responsive-format-facade-74079f1b.js');
+require('./responsive-format-facade-4363a00d.js');
 require('./breakpoints-17d6c4c7.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
-require('./state-background-color-formatter-d32a1098.js');
+require('./state-background-color-formatter-e585a027.js');
 
 /**
  * This class is used to track the nested level of a component
@@ -132,7 +133,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaCard = class {
   constructor(hostRef) {
-    globalSlimmerRegistry.registerInstance(this, hostRef);
+    index.registerInstance(this, hostRef);
     this.globalSlimmers = {};
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaCardRuntimeMetricsPayloadDefinition);
     /**
@@ -181,9 +182,9 @@ const VegaCard = class {
       designToken.formatAndValidBackgroundColor(this.backgroundColor, ['dark']),
       this.getVariantClasses(),
     ];
-    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { class: ui.arrayToClassString(hostClasses) }, globalSlimmerRegistry.h("slot", null)), this.host);
+    return component.sanitizeVegaComponent(index.h(index.Host, { class: ui.arrayToClassString(hostClasses) }, index.h("slot", null)), this.host);
   }
-  get host() { return globalSlimmerRegistry.getElement(this); }
+  get host() { return index.getElement(this); }
 };
 __decorate([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()

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

@@ -2,17 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
+const index = require('./index-09acd3c9.js');
 const synchronizeTaskQueue = require('./synchronize-task-queue-1ee80e94.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const component = require('./component-63af66ea.js');
+const component = require('./component-73a88c4e.js');
 const effect = require('./effect-37695d3d.js');
-const responsiveFormatFacade = require('./responsive-format-facade-74079f1b.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-e54fa9d4.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-a46bb411.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-093462f1.js');
-const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-f36e3779.js');
+const responsiveFormatFacade = require('./responsive-format-facade-4363a00d.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bb1eaebe.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-fc729fd9.js');
 require('./type-guard-4ba85fdc.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
@@ -21,10 +22,11 @@ require('./typography-4560e7f1.js');
 require('./breakpoints-17d6c4c7.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
-require('./dynamic-slimmer-dc30600a.js');
-require('./change-manager-bda1d107.js');
-require('./internal-vega-event-manager-d7643ec6.js');
-require('./ui-b5906704.js');
+require('./dynamic-slimmer-f31fdfd7.js');
+require('./change-manager-a297e4d2.js');
+require('./dom-node-subject-observer-factory-5f0eae19.js');
+require('./internal-vega-event-manager-e5e4bcf4.js');
+require('./ui-5fd9b267.js');
 require('./object-bbd4ed7f.js');
 
 var TouchDirection;
@@ -202,9 +204,9 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaCarousel = class {
   constructor(hostRef) {
-    globalSlimmerRegistry.registerInstance(this, hostRef);
-    this.vegaPageUpdate = globalSlimmerRegistry.createEvent(this, "vegaPageUpdate", 7);
-    this.pageUpdate = globalSlimmerRegistry.createEvent(this, "pageUpdate", 7);
+    index.registerInstance(this, hostRef);
+    this.vegaPageUpdate = index.createEvent(this, "vegaPageUpdate", 7);
+    this.pageUpdate = index.createEvent(this, "pageUpdate", 7);
     this.globalSlimmers = {};
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaCarouselRuntimeMetricsPayloadDefinition);
     this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer({
@@ -214,7 +216,7 @@ const VegaCarousel = class {
         }
       },
     });
-    this.pageUpdateEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCarousel, domNodeSubjectObserverFactory.VegaPageUpdate);
+    this.pageUpdateEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCarousel, domNodeSubjectFactory.VegaPageUpdate);
     this.deprecatedPropertySlimmer = deprecatedPropertySlimmer.createDeprecatedPropertySlimmer(VegaCarousel, 'itemsPerPage', 'perPage', 1);
     this.carouselContentElements = [];
     this.slideTaskQueue = new synchronizeTaskQueue.SynchronizeTaskQueue();
@@ -360,10 +362,10 @@ const VegaCarousel = class {
     await this.goToPageInternal(nextPage);
   }
   render() {
-    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, null, globalSlimmerRegistry.h("div", { class: {
+    return component.sanitizeVegaComponent(index.h(index.Host, null, index.h("div", { class: {
         'carousel-inner': true,
         'carousel-stop-swipe': !this.canSwipe,
-      }, ref: (el) => (this.listContainer = el) }, globalSlimmerRegistry.h("slot", null)), this.renderIndicatorDom()), this.host);
+      }, ref: (el) => (this.listContainer = el) }, index.h("slot", null)), this.renderIndicatorDom()), this.host);
   }
   /**
    * The function `goToPageInternal` is used to navigate to a specific page in a slideshow, with an optional animation.
@@ -387,10 +389,10 @@ const VegaCarousel = class {
     }
   }
   renderIndicatorDom() {
-    return (this.showSlider && (globalSlimmerRegistry.h("div", { class: "vega-carousel-indicators-container" }, new Array(this.totalPages).fill('').map((_, index) => {
-      return (globalSlimmerRegistry.h("div", { key: index, class: {
-          'vega-carousel-indicator-active': index + 1 === this.page,
-        }, "data-page": index + 1, role: 'button', "aria-label": "No label defined", tabIndex: 0, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick(), onClick: this.onClickIndicators }));
+    return (this.showSlider && (index.h("div", { class: "vega-carousel-indicators-container" }, new Array(this.totalPages).fill('').map((_, index$1) => {
+      return (index.h("div", { key: index$1, class: {
+          'vega-carousel-indicator-active': index$1 + 1 === this.page,
+        }, "data-page": index$1 + 1, role: 'button', "aria-label": "No label defined", tabIndex: 0, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick(), onClick: this.onClickIndicators }));
     }))));
   }
   /**
@@ -485,7 +487,7 @@ const VegaCarousel = class {
       return 1;
     }
   }
-  get host() { return globalSlimmerRegistry.getElement(this); }
+  get host() { return index.getElement(this); }
   static get watchers() { return {
     "page": ["watchPage"],
     "perPage": ["watchPerPage"],

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

@@ -2,36 +2,38 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
+const index = require('./index-09acd3c9.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const component = require('./component-63af66ea.js');
-const changeManager = require('./change-manager-bda1d107.js');
+const component = require('./component-73a88c4e.js');
+const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-093462f1.js');
-const ui = require('./ui-b5906704.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-9aeabcdc.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-a46bb411.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const ui = require('./ui-5fd9b267.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-dbb321ad.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
 const vegaInternalEventId = require('./vega-internal-event-id-85b68849.js');
 const requiredFieldRule = require('./required-field-rule-7f9945fa.js');
 const componentLoadRequired = require('./component-load-required-16d76afa.js');
-const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-03a3f79e.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e1a6e5ad.js');
+const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-be92f366.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-96c3c4ae.js');
 require('./string-21427167.js');
-require('./create-public-api-runtime-metrics-slimmer-8c6a8fb7.js');
-require('./dynamic-slimmer-dc30600a.js');
-require('./translation-f6b7ee84.js');
-require('./page-resize-observer-slimmer-e54fa9d4.js');
+require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
+require('./dynamic-slimmer-f31fdfd7.js');
+require('./translation-b9be41e0.js');
+require('./page-resize-observer-slimmer-bb1eaebe.js');
 require('./breakpoints-17d6c4c7.js');
 require('./ui-32e69595.js');
 require('./breakpoints-ebde4837.js');
-require('./mutation-observer-slimmer-98bbbdf0.js');
+require('./dom-node-subject-observer-factory-5f0eae19.js');
+require('./mutation-observer-slimmer-895b3d3e.js');
 require('./mutation-observer-filters-e5a7f85a.js');
 require('./array-5adef7b2.js');
 require('./number-4816603d.js');
-require('./internal-vega-event-manager-d7643ec6.js');
+require('./internal-vega-event-manager-e5e4bcf4.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./feature-flag-controller-e97b5f29.js');
+require('./feature-flag-controller-7b22e598.js');
 require('./index-8b247c17.js');
 require('./_commonjsHelpers-537d719a.js');
 
@@ -115,14 +117,14 @@ class VegaCheckboxShowErrorController extends globalSlimmerRegistry.VegaSlimmer
     this.checkboxGroup =
       ui.findParent(this.host, 'vega-checkbox-group') ||
         ui.findParent(this.host, 'vega-selection-tile-group');
-    this.fieldErrorObserver = new domNodeSubjectObserverFactory.Observer(this.canAcceptFieldErrorObserver.bind(this), this.fieldErrorObserverListener.bind(this));
-    changeManager.ChangeManager.register(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.checkboxGroup || this.host, vegaInternalEventId.VegaInternalFieldErrorStateChange), this.fieldErrorObserver);
+    this.fieldErrorObserver = new domNodeSubjectFactory.Observer(this.canAcceptFieldErrorObserver.bind(this), this.fieldErrorObserverListener.bind(this));
+    changeManager.ChangeManager.register(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.checkboxGroup || this.host, vegaInternalEventId.VegaInternalFieldErrorStateChange), this.fieldErrorObserver);
   }
   /**
    * Component lifecycle - [disconnectedCallback]{@link VegaCheckbox.disconnectedCallback}
    */
   disconnectedCallback() {
-    changeManager.ChangeManager.unregister(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.checkboxGroup || this.host, vegaInternalEventId.VegaInternalFieldErrorStateChange), this.fieldErrorObserver);
+    changeManager.ChangeManager.unregister(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.checkboxGroup || this.host, vegaInternalEventId.VegaInternalFieldErrorStateChange), this.fieldErrorObserver);
   }
   /**
    * The function `canAcceptFieldErrorObserver` always returns `true`.
@@ -168,9 +170,9 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
 };
 const VegaCheckbox = class {
   constructor(hostRef) {
-    globalSlimmerRegistry.registerInstance(this, hostRef);
-    this.vegaChange = globalSlimmerRegistry.createEvent(this, "vegaChange", 7);
-    this.change = globalSlimmerRegistry.createEvent(this, "change", 7);
+    index.registerInstance(this, hostRef);
+    this.vegaChange = index.createEvent(this, "vegaChange", 7);
+    this.change = index.createEvent(this, "change", 7);
     this.globalSlimmers = {};
     this.vegaCheckboxShowErrorController = new VegaCheckboxShowErrorController();
     this.formFieldController = new formFieldControllerSlimmer.FormFieldControllerSlimmer({
@@ -185,7 +187,7 @@ const VegaCheckbox = class {
       inputContainerGetter: () => this.inputContainerRef,
       touchableAreaGetter: () => [this.inputRef],
     });
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCheckbox, domNodeSubjectObserverFactory.VegaChange);
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCheckbox, domNodeSubjectFactory.VegaChange);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     /**
      * Indicates whether the parent checkbox group is disabled.
@@ -300,29 +302,29 @@ const VegaCheckbox = class {
     this.checked = this.identifier ? value === this.identifier : value === true;
   }
   render() {
-    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { class: {
+    return component.sanitizeVegaComponent(index.h(index.Host, { class: {
         'vega-flex-shrink-0 v-min-w-min': this.host.parentElement.nodeName == 'VEGA-CHECKBOX-GROUP',
         'checked': this.checked,
         'disabled': this.isDisabled(),
-      } }, globalSlimmerRegistry.h("label", { class: {
+      } }, index.h("label", { class: {
         'vega-checkbox-container': true,
         'error': this.showError,
-      }, ref: (e) => (this.inputContainerRef = e) }, globalSlimmerRegistry.h("input", { ref: (e) => (this.inputRef = e), type: "checkbox", checked: this.checked, value: this.identifier, onChange: this.onCheckBoxChange, "aria-label": this.identifier || 'No label defined', disabled: this.isDisabled(), role: 'button', tabIndex: 0, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() }), globalSlimmerRegistry.h("span", { class: {
+      }, ref: (e) => (this.inputContainerRef = e) }, index.h("input", { ref: (e) => (this.inputRef = e), type: "checkbox", checked: this.checked, value: this.identifier, onChange: this.onCheckBoxChange, "aria-label": this.identifier || 'No label defined', disabled: this.isDisabled(), role: 'button', tabIndex: 0, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() }), index.h("span", { class: {
         'vega-checkbox-icon': true,
         'vega-checkbox-small': this.size === 'small',
-      }, onClick: this.onSelectedIconClick, tabIndex: -1 }, this.renderIconDom()), globalSlimmerRegistry.h("div", { class: {
+      }, onClick: this.onSelectedIconClick, tabIndex: -1 }, this.renderIconDom()), index.h("div", { class: {
         'vega-checkbox-label-container': true,
         'vega-checkbox-label-small': this.size === 'small',
       }, ref: (el) => (this.labelElement = el) }, this.renderLabelDom(), this.renderRequireDom()))), this.host);
   }
   renderIconDom() {
-    return this.checked ? (globalSlimmerRegistry.h("vega-icon", { icon: "checkmark", size: this.size === 'small' ? 'size-12' : 'size-16' })) : null;
+    return this.checked ? (index.h("vega-icon", { icon: "checkmark", size: this.size === 'small' ? 'size-12' : 'size-16' })) : null;
   }
   renderLabelDom() {
-    return (globalSlimmerRegistry.h("span", { class: "vega-checkbox-label" }, globalSlimmerRegistry.h("slot", null)));
+    return (index.h("span", { class: "vega-checkbox-label" }, index.h("slot", null)));
   }
   renderRequireDom() {
-    return (globalSlimmerRegistry.h("span", { class: {
+    return (index.h("span", { class: {
         'vega-require': this.required,
       } }, this.required ? '*' : ''));
   }
@@ -359,7 +361,7 @@ const VegaCheckbox = class {
    */
   initAndRegisterGroupDisabledObserver() {
     if (ui.findParent(this.host, 'vega-checkbox-group')) {
-      this.groupDisabledObserver = new domNodeSubjectObserverFactory.Observer(this.canAcceptGroupDisabledObserver.bind(this), this.groupDisabledObserverListener.bind(this));
+      this.groupDisabledObserver = new domNodeSubjectFactory.Observer(this.canAcceptGroupDisabledObserver.bind(this), this.groupDisabledObserverListener.bind(this));
       changeManager.ChangeManager.register(staticSubjectTitle.CHECKBOX_GROUP_DISABLED_CHANGE, this.groupDisabledObserver);
     }
   }
@@ -371,7 +373,7 @@ const VegaCheckbox = class {
       changeManager.ChangeManager.unregister(staticSubjectTitle.CHECKBOX_GROUP_DISABLED_CHANGE, this.groupDisabledObserver);
     }
   }
-  get host() { return globalSlimmerRegistry.getElement(this); }
+  get host() { return index.getElement(this); }
   static get watchers() { return {
     "checked": ["watchCheckedChange"]
   }; }
@@ -407,9 +409,9 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaCheckboxGroup = class {
   constructor(hostRef) {
-    globalSlimmerRegistry.registerInstance(this, hostRef);
-    this.vegaChange = globalSlimmerRegistry.createEvent(this, "vegaChange", 7);
-    this.change = globalSlimmerRegistry.createEvent(this, "change", 7);
+    index.registerInstance(this, hostRef);
+    this.vegaChange = index.createEvent(this, "vegaChange", 7);
+    this.change = index.createEvent(this, "change", 7);
     this.globalSlimmers = {};
     this.formFieldController = new formFieldControllerSlimmer.FormFieldControllerSlimmer({
       propertyRules: [
@@ -425,8 +427,8 @@ const VegaCheckboxGroup = class {
       touchableAreaGetter: () => this.touchableAreaGetter(),
     });
     this.checkboxValueChangeObserver = new childNodesNotifyObserverSlimmer.ChildNodesNotifyObserverSlimmer(staticSubjectTitle.CHECKBOX_VALUE_CHANGE, (input) => this.childCheckboxValueChange(input));
-    this.checkboxEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaChange], () => this.vegaFlexElement);
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCheckboxGroup, domNodeSubjectObserverFactory.VegaChange);
+    this.checkboxEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.VegaChange], () => this.vegaFlexElement);
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCheckboxGroup, domNodeSubjectFactory.VegaChange);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     /**
      * Specifies the label or title for the checkbox group.
@@ -537,18 +539,18 @@ const VegaCheckboxGroup = class {
    */
   /* istanbul ignore next */
   render() {
-    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, null, this.renderLabelDom(), globalSlimmerRegistry.h("div", { class: "vega-checkbox-group-container", ref: (e) => (this.inputContainerRef = e) }, globalSlimmerRegistry.h("vega-flex", { ref: (el) => {
+    return component.sanitizeVegaComponent(index.h(index.Host, null, this.renderLabelDom(), index.h("div", { class: "vega-checkbox-group-container", ref: (e) => (this.inputContainerRef = e) }, index.h("vega-flex", { ref: (el) => {
         this.vegaFlexElement = el;
-      } }, globalSlimmerRegistry.h("slot", null))), this.renderHintDom()), this.host);
+      } }, index.h("slot", null))), this.renderHintDom()), this.host);
   }
   renderLabelDom() {
-    return (this.label && (globalSlimmerRegistry.h("div", { class: "vega-label" }, globalSlimmerRegistry.h("label", { "aria-label": this.label }, this.label, this.renderRequireDom()))));
+    return (this.label && (index.h("div", { class: "vega-label" }, index.h("label", { "aria-label": this.label }, this.label, this.renderRequireDom()))));
   }
   renderRequireDom() {
-    return this.required ? globalSlimmerRegistry.h("span", { class: "vega-require" }, "*") : null;
+    return this.required ? index.h("span", { class: "vega-require" }, "*") : null;
   }
   renderHintDom() {
-    return (this.hint && (globalSlimmerRegistry.h("div", { class: "vega-hint" }, globalSlimmerRegistry.h("label", null, this.hint))));
+    return (this.hint && (index.h("div", { class: "vega-hint" }, index.h("label", null, this.hint))));
   }
   setVegaFlexProperty() {
     if (this.vegaFlexProp) {
@@ -589,7 +591,7 @@ const VegaCheckboxGroup = class {
   notifyGroupDisabledChange() {
     changeManager.ChangeManager.notify(staticSubjectTitle.CHECKBOX_GROUP_DISABLED_CHANGE, { host: this.host });
   }
-  get host() { return globalSlimmerRegistry.getElement(this); }
+  get host() { return index.getElement(this); }
   static get watchers() { return {
     "value": ["watchValue"],
     "vegaFlexProp": ["watchVegaFlexProp"],

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

@@ -2,18 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
-const component = require('./component-63af66ea.js');
-const responsiveFormatFacade = require('./responsive-format-facade-74079f1b.js');
-const ui = require('./ui-b5906704.js');
-const designToken = require('./design-token-908e3f69.js');
+const index = require('./index-09acd3c9.js');
+const component = require('./component-73a88c4e.js');
+const responsiveFormatFacade = require('./responsive-format-facade-4363a00d.js');
+const ui = require('./ui-5fd9b267.js');
+const designToken = require('./design-token-30c069c1.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const breakpoints = require('./breakpoints-17d6c4c7.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-e54fa9d4.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-a46bb411.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-093462f1.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e1a6e5ad.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bb1eaebe.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-96c3c4ae.js');
 require('./type-guard-4ba85fdc.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
@@ -21,12 +22,13 @@ require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
-require('./state-background-color-formatter-d32a1098.js');
-require('./dynamic-slimmer-dc30600a.js');
-require('./change-manager-bda1d107.js');
-require('./internal-vega-event-manager-d7643ec6.js');
+require('./state-background-color-formatter-e585a027.js');
+require('./dynamic-slimmer-f31fdfd7.js');
+require('./change-manager-a297e4d2.js');
+require('./dom-node-subject-observer-factory-5f0eae19.js');
+require('./internal-vega-event-manager-e5e4bcf4.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./feature-flag-controller-e97b5f29.js');
+require('./feature-flag-controller-7b22e598.js');
 require('./index-8b247c17.js');
 require('./_commonjsHelpers-537d719a.js');
 
@@ -71,20 +73,20 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaChip = class {
   constructor(hostRef) {
-    globalSlimmerRegistry.registerInstance(this, hostRef);
-    this.vegaClose = globalSlimmerRegistry.createEvent(this, "vegaClose", 7);
-    this.close = globalSlimmerRegistry.createEvent(this, "close", 7);
-    this.vegaClick = globalSlimmerRegistry.createEvent(this, "vegaClick", 7);
-    this.click = globalSlimmerRegistry.createEvent(this, "click", 7);
+    index.registerInstance(this, hostRef);
+    this.vegaClose = index.createEvent(this, "vegaClose", 7);
+    this.close = index.createEvent(this, "close", 7);
+    this.vegaClick = index.createEvent(this, "vegaClick", 7);
+    this.click = index.createEvent(this, "click", 7);
     this.globalSlimmers = {};
     this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer({
       callback: /* istanbul ignore next */ () => {
         this.setCurrentSize();
       },
     });
-    this.flexEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaClick], () => this.vegaFlexRef);
-    this.closeEventEmit = eventEmitSlimmer.createEventEmitSlimmer(VegaChip, domNodeSubjectObserverFactory.VegaClose);
-    this.clickEventEmit = eventEmitSlimmer.createEventEmitSlimmer(VegaChip, domNodeSubjectObserverFactory.VegaClick);
+    this.flexEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.VegaClick], () => this.vegaFlexRef);
+    this.closeEventEmit = eventEmitSlimmer.createEventEmitSlimmer(VegaChip, domNodeSubjectFactory.VegaClose);
+    this.clickEventEmit = eventEmitSlimmer.createEventEmitSlimmer(VegaChip, domNodeSubjectFactory.VegaClick);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaChipRuntimeMetricsPayloadDefinition);
     this.currentBreakpoint = breakpoints.getCurrentBreakpoint();
     /**
@@ -182,36 +184,36 @@ const VegaChip = class {
     this.setCurrentSize();
   }
   render() {
-    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, null, globalSlimmerRegistry.h("vega-flex", { "align-items": "center", ref: (node) => (this.vegaFlexRef = node) }, this.renderChip())), this.host);
+    return component.sanitizeVegaComponent(index.h(index.Host, null, index.h("vega-flex", { "align-items": "center", ref: (node) => (this.vegaFlexRef = node) }, this.renderChip())), this.host);
   }
   renderChip() {
     const classes = this.getChipClasses();
     return this.clickable ? this.renderButtonChip(classes) : this.renderLabelChip(classes);
   }
   renderLabelChip(classes) {
-    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null, globalSlimmerRegistry.h("div", { class: classes }, this.renderContent()), this.renderCloseIcon()));
+    return (index.h(index.Fragment, null, index.h("div", { class: classes }, this.renderContent()), this.renderCloseIcon()));
   }
   renderButtonChip(classes) {
-    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null, globalSlimmerRegistry.h("button", { type: "button", "aria-label": this.text || 'No label defined', class: classes, onClick: this.clickChip }, this.renderContent()), this.renderCloseIcon()));
+    return (index.h(index.Fragment, null, index.h("button", { type: "button", "aria-label": this.text || 'No label defined', class: classes, onClick: this.clickChip }, this.renderContent()), this.renderCloseIcon()));
   }
   renderContent() {
-    return (globalSlimmerRegistry.h("vega-flex", { gap: this.getFlexGap(), "align-items": "center" }, this.renderPrefixIcon(), this.renderText(), this.renderSuffixIcon()));
+    return (index.h("vega-flex", { gap: this.getFlexGap(), "align-items": "center" }, this.renderPrefixIcon(), this.renderText(), this.renderSuffixIcon()));
   }
   renderPrefixIcon() {
     return this.chipType === 'status'
       ? this.renderDot()
-      : this.icon && this.iconAlign === 'left' && (globalSlimmerRegistry.h("div", { class: "vega-chip-icon" }, this.renderIcon(this.icon)));
+      : this.icon && this.iconAlign === 'left' && (index.h("div", { class: "vega-chip-icon" }, this.renderIcon(this.icon)));
   }
   renderSuffixIcon() {
     return (this.icon &&
       this.chipType === 'label' &&
-      this.iconAlign === 'right' && globalSlimmerRegistry.h("div", { class: "vega-chip-icon" }, this.renderIcon(this.icon)));
+      this.iconAlign === 'right' && index.h("div", { class: "vega-chip-icon" }, this.renderIcon(this.icon)));
   }
   renderCloseIcon() {
-    return (this.showCloseIcon && (globalSlimmerRegistry.h("div", { class: "vega-chip-close-icon", "aria-label": "close vega chip", onClick: this.closeChip, role: "button", tabIndex: 0, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() }, this.renderIcon('close'))));
+    return (this.showCloseIcon && (index.h("div", { class: "vega-chip-close-icon", "aria-label": "close vega chip", onClick: this.closeChip, role: "button", tabIndex: 0, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() }, this.renderIcon('close'))));
   }
   renderIcon(icon) {
-    return (globalSlimmerRegistry.h("vega-icon", { icon: icon, size: icon === 'close'
+    return (index.h("vega-icon", { icon: icon, size: icon === 'close'
         ? VegaChip.closeIconSizeMap[this.currentSize]
         : VegaChip.iconSizeMap[this.currentSize] }));
   }
@@ -223,10 +225,10 @@ const VegaChip = class {
       `v-h-${size}`,
       designToken.formatAndValidBackgroundColor(this.statusColor, ['dark']),
     ]);
-    return (globalSlimmerRegistry.h("div", { class: "vega-chip-dot-container" }, globalSlimmerRegistry.h("div", { class: classes })));
+    return (index.h("div", { class: "vega-chip-dot-container" }, index.h("div", { class: classes })));
   }
   renderText() {
-    return (globalSlimmerRegistry.h("span", { class: "vega-chip-text" }, globalSlimmerRegistry.h("vega-text", { overflow: "ellipsis", key: this.text }, this.text)));
+    return (index.h("span", { class: "vega-chip-text" }, index.h("vega-text", { overflow: "ellipsis", key: this.text }, this.text)));
   }
   setCurrentSize() {
     this.currentSize = responsiveFormatFacade.ResponsiveFormatFacade.formatCustom(this.size);
@@ -260,7 +262,7 @@ const VegaChip = class {
         : '',
     ]);
   }
-  get host() { return globalSlimmerRegistry.getElement(this); }
+  get host() { return index.getElement(this); }
   static get watchers() { return {
     "size": ["watchSize"]
   }; }

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

@@ -2,31 +2,33 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
+const index = require('./index-09acd3c9.js');
 const requiredFieldRule = require('./required-field-rule-7f9945fa.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const component = require('./component-63af66ea.js');
-const ui = require('./ui-b5906704.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-9aeabcdc.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
+const component = require('./component-73a88c4e.js');
+const ui = require('./ui-5fd9b267.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-dbb321ad.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
 const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-a46bb411.js');
-const changeManager = require('./change-manager-bda1d107.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-093462f1.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
+const changeManager = require('./change-manager-a297e4d2.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
 require('./string-21427167.js');
-require('./create-public-api-runtime-metrics-slimmer-8c6a8fb7.js');
-require('./dynamic-slimmer-dc30600a.js');
+require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
+require('./dynamic-slimmer-f31fdfd7.js');
 require('./vega-internal-event-id-85b68849.js');
-require('./translation-f6b7ee84.js');
-require('./page-resize-observer-slimmer-e54fa9d4.js');
+require('./translation-b9be41e0.js');
+require('./page-resize-observer-slimmer-bb1eaebe.js');
 require('./breakpoints-17d6c4c7.js');
 require('./ui-32e69595.js');
 require('./breakpoints-ebde4837.js');
-require('./mutation-observer-slimmer-98bbbdf0.js');
+require('./dom-node-subject-observer-factory-5f0eae19.js');
+require('./mutation-observer-slimmer-895b3d3e.js');
 require('./mutation-observer-filters-e5a7f85a.js');
 require('./array-5adef7b2.js');
 require('./number-4816603d.js');
-require('./internal-vega-event-manager-d7643ec6.js');
+require('./internal-vega-event-manager-e5e4bcf4.js');
 
 const VegaColorPickerRuntimeMetricsPayloadDefinition = [
   {
@@ -69,9 +71,9 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaColorPicker = class {
   constructor(hostRef) {
-    globalSlimmerRegistry.registerInstance(this, hostRef);
-    this.vegaChange = globalSlimmerRegistry.createEvent(this, "vegaChange", 7);
-    this.change = globalSlimmerRegistry.createEvent(this, "change", 7);
+    index.registerInstance(this, hostRef);
+    this.vegaChange = index.createEvent(this, "vegaChange", 7);
+    this.change = index.createEvent(this, "change", 7);
     this.globalSlimmers = {};
     this.formFieldController = new formFieldControllerSlimmer.FormFieldControllerSlimmer({
       propertyRules: [
@@ -86,7 +88,7 @@ const VegaColorPicker = class {
       inputContainerGetter: () => this.colorPickerContainerRef,
       touchableAreaGetter: () => [this.colorPickerTouchableAreaRef],
     });
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaColorPicker, domNodeSubjectObserverFactory.VegaChange);
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaColorPicker, domNodeSubjectFactory.VegaChange);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaColorPickerRuntimeMetricsPayloadDefinition);
     /**
      * Specifies the initial or preset color value of the color picker.
@@ -169,15 +171,15 @@ const VegaColorPicker = class {
      */
     this.isInline = false;
     this.renderColorPickerContainer = () => {
-      return (globalSlimmerRegistry.h("div", { class: ui.arrayToClassString([!this.isInline ? 'color-picker-inline' : null]), ref: (e) => (this.colorPickerContainerRef = e) }, globalSlimmerRegistry.h("vega-flex", { direction: "row", gap: "size-8" }, this.colors.map((color) => (globalSlimmerRegistry.h("div", { id: color, class: "color-picker-inline-items", ref: (e) => (this.colorPickerTouchableAreaRef = e), style: {
+      return (index.h("div", { class: ui.arrayToClassString([!this.isInline ? 'color-picker-inline' : null]), ref: (e) => (this.colorPickerContainerRef = e) }, index.h("vega-flex", { direction: "row", gap: "size-8" }, this.colors.map((color) => (index.h("div", { id: color, class: "color-picker-inline-items", ref: (e) => (this.colorPickerTouchableAreaRef = e), style: {
           backgroundColor: color,
-        }, onClick: this.updateValueProp, role: 'button', tabIndex: 0, "aria-label": "color", onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() }, this.value === color ? (globalSlimmerRegistry.h("vega-icon", { icon: "checkmark", size: "size-16", class: {
+        }, onClick: this.updateValueProp, role: 'button', tabIndex: 0, "aria-label": "color", onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() }, this.value === color ? (index.h("vega-icon", { icon: "checkmark", size: "size-16", class: {
           'v-text-black': this.isDarkColorCheckmark(this.value),
           'v-text-white': !this.isDarkColorCheckmark(this.value),
         } })) : null))))));
     };
     this.renderHintMessage = () => {
-      return globalSlimmerRegistry.h("vega-text", null, this.hint);
+      return index.h("vega-text", null, this.hint);
     };
     this.updateValueProp = async (e) => {
       if (!this.disabled) {
@@ -199,12 +201,12 @@ const VegaColorPicker = class {
     this.resetValueIfInvalid();
   }
   render() {
-    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { class: {
+    return component.sanitizeVegaComponent(index.h(index.Host, { class: {
         disabled: this.disabled,
       } }, this.renderLabelDom(), this.renderColorPickerContainer(), this.hint && this.renderHintMessage()), this.host);
   }
   renderLabelDom() {
-    return (globalSlimmerRegistry.h("vega-field-label", { "is-field-required": this.required, disabled: this.disabled, label: this.label }));
+    return (index.h("vega-field-label", { "is-field-required": this.required, disabled: this.disabled, label: this.label }));
   }
   // W3C Recommendations for color contrast rules, please check the following link for more details:
   // https://stackoverflow.com/questions/3942878/how-to-decide-font-color-in-white-or-black-depending-on-background-color
@@ -230,7 +232,7 @@ const VegaColorPicker = class {
       this.value = '';
     }
   }
-  get host() { return globalSlimmerRegistry.getElement(this); }
+  get host() { return index.getElement(this); }
   static get watchers() { return {
     "value": ["watchValue"],
     "validationRules": ["watchValidationRules"]