@globalpayments/vega 2.33.0 → 2.34.1

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

@@ -2,21 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-09acd3c9.js');
-const component = require('./component-73a88c4e.js');
-const designToken = require('./design-token-92906579.js');
-const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const ui = require('./ui-08f33116.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
-require('./type-guard-a07b353b.js');
-require('./breakpoints-7e2dff90.js');
+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');
+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-ad2f67bf.js');
+require('./responsive-format-facade-74079f1b.js');
+require('./breakpoints-17d6c4c7.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
-require('./state-background-color-formatter-418b84e6.js');
+require('./state-background-color-formatter-d32a1098.js');
 
 /**
  * This class is used to track the nested level of a component
@@ -132,7 +132,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaCard = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
     this.globalSlimmers = {};
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaCardRuntimeMetricsPayloadDefinition);
     /**
@@ -181,9 +181,9 @@ const VegaCard = class {
       designToken.formatAndValidBackgroundColor(this.backgroundColor, ['dark']),
       this.getVariantClasses(),
     ];
-    return component.sanitizeVegaComponent(index.h(index.Host, { class: ui.arrayToClassString(hostClasses) }, index.h("slot", null)), this.host);
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { class: ui.arrayToClassString(hostClasses) }, globalSlimmerRegistry.h("slot", null)), this.host);
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
 };
 __decorate([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()

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

@@ -2,31 +2,29 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-09acd3c9.js');
-const synchronizeTaskQueue = require('./synchronize-task-queue-8977cf10.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
+const synchronizeTaskQueue = require('./synchronize-task-queue-1ee80e94.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const component = require('./component-73a88c4e.js');
+const component = require('./component-63af66ea.js');
 const effect = require('./effect-37695d3d.js');
-const responsiveFormatFacade = require('./responsive-format-facade-ad2f67bf.js');
-const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-a8cf1874.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-83278943.js');
-const vegaEventId = require('./vega-event-id-81270f6a.js');
-const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-fc729fd9.js');
-require('./type-guard-a07b353b.js');
-require('./breakpoints-7e2dff90.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');
+require('./type-guard-4ba85fdc.js');
+require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
+require('./breakpoints-17d6c4c7.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
-require('./dynamic-slimmer-f31fdfd7.js');
-require('./change-manager-a297e4d2.js');
-require('./dom-node-subject-observer-factory-2e41340d.js');
-require('./observer-f49483e8.js');
-require('./ui-08f33116.js');
-require('./internal-vega-event-manager-5fe83465.js');
+require('./dynamic-slimmer-dc30600a.js');
+require('./change-manager-bda1d107.js');
+require('./internal-vega-event-manager-d7643ec6.js');
+require('./ui-b5906704.js');
 require('./object-bbd4ed7f.js');
 
 var TouchDirection;
@@ -204,9 +202,9 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaCarousel = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.vegaPageUpdate = index.createEvent(this, "vegaPageUpdate", 7);
-    this.pageUpdate = index.createEvent(this, "pageUpdate", 7);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
+    this.vegaPageUpdate = globalSlimmerRegistry.createEvent(this, "vegaPageUpdate", 7);
+    this.pageUpdate = globalSlimmerRegistry.createEvent(this, "pageUpdate", 7);
     this.globalSlimmers = {};
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaCarouselRuntimeMetricsPayloadDefinition);
     this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer({
@@ -216,7 +214,7 @@ const VegaCarousel = class {
         }
       },
     });
-    this.pageUpdateEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCarousel, vegaEventId.VegaPageUpdate);
+    this.pageUpdateEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCarousel, domNodeSubjectObserverFactory.VegaPageUpdate);
     this.deprecatedPropertySlimmer = deprecatedPropertySlimmer.createDeprecatedPropertySlimmer(VegaCarousel, 'itemsPerPage', 'perPage', 1);
     this.carouselContentElements = [];
     this.slideTaskQueue = new synchronizeTaskQueue.SynchronizeTaskQueue();
@@ -362,10 +360,10 @@ const VegaCarousel = class {
     await this.goToPageInternal(nextPage);
   }
   render() {
-    return component.sanitizeVegaComponent(index.h(index.Host, null, index.h("div", { class: {
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, null, globalSlimmerRegistry.h("div", { class: {
         'carousel-inner': true,
         'carousel-stop-swipe': !this.canSwipe,
-      }, ref: (el) => (this.listContainer = el) }, index.h("slot", null)), this.renderIndicatorDom()), this.host);
+      }, ref: (el) => (this.listContainer = el) }, globalSlimmerRegistry.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.
@@ -389,10 +387,10 @@ const VegaCarousel = class {
     }
   }
   renderIndicatorDom() {
-    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 }));
+    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 }));
     }))));
   }
   /**
@@ -487,7 +485,7 @@ const VegaCarousel = class {
       return 1;
     }
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
   static get watchers() { return {
     "page": ["watchPage"],
     "perPage": ["watchPerPage"],

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

@@ -2,39 +2,38 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-09acd3c9.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const component = require('./component-73a88c4e.js');
-const changeManager = require('./change-manager-a297e4d2.js');
-const staticSubjectTitle = require('./static-subject-title-471e1793.js');
-const observer = require('./observer-f49483e8.js');
-const ui = require('./ui-08f33116.js');
-const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-2a982ead.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-83278943.js');
-const vegaEventId = require('./vega-event-id-81270f6a.js');
-const vegaInternalEventId = require('./vega-internal-event-id-79be9bc5.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
-const requiredFieldRule = require('./required-field-rule-9a57b1a0.js');
+const component = require('./component-63af66ea.js');
+const changeManager = require('./change-manager-bda1d107.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 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-79f2f5a7.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-f07a8fe9.js');
+const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-03a3f79e.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e1a6e5ad.js');
 require('./string-21427167.js');
-require('./create-public-api-runtime-metrics-slimmer-5cc88124.js');
-require('./dynamic-slimmer-f31fdfd7.js');
-require('./translation-42c1b2c8.js');
-require('./page-resize-observer-slimmer-a8cf1874.js');
-require('./breakpoints-7e2dff90.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('./breakpoints-17d6c4c7.js');
 require('./ui-32e69595.js');
-require('./mutation-observer-slimmer-895b3d3e.js');
+require('./breakpoints-ebde4837.js');
+require('./mutation-observer-slimmer-98bbbdf0.js');
 require('./mutation-observer-filters-e5a7f85a.js');
 require('./array-5adef7b2.js');
 require('./number-4816603d.js');
-require('./internal-vega-event-manager-5fe83465.js');
+require('./internal-vega-event-manager-d7643ec6.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./feature-flag-controller-0d1015fa.js');
-require('./index-5792390b.js');
+require('./feature-flag-controller-e97b5f29.js');
+require('./index-8b247c17.js');
+require('./_commonjsHelpers-537d719a.js');
 
 /**
  * A rule that checks if a string is empty or not
@@ -116,7 +115,7 @@ 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 observer.Observer(this.canAcceptFieldErrorObserver.bind(this), this.fieldErrorObserverListener.bind(this));
+    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);
   }
   /**
@@ -169,9 +168,9 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
 };
 const VegaCheckbox = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.vegaChange = index.createEvent(this, "vegaChange", 7);
-    this.change = index.createEvent(this, "change", 7);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
+    this.vegaChange = globalSlimmerRegistry.createEvent(this, "vegaChange", 7);
+    this.change = globalSlimmerRegistry.createEvent(this, "change", 7);
     this.globalSlimmers = {};
     this.vegaCheckboxShowErrorController = new VegaCheckboxShowErrorController();
     this.formFieldController = new formFieldControllerSlimmer.FormFieldControllerSlimmer({
@@ -186,7 +185,7 @@ const VegaCheckbox = class {
       inputContainerGetter: () => this.inputContainerRef,
       touchableAreaGetter: () => [this.inputRef],
     });
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCheckbox, vegaEventId.VegaChange);
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCheckbox, domNodeSubjectObserverFactory.VegaChange);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     /**
      * Indicates whether the parent checkbox group is disabled.
@@ -301,29 +300,29 @@ const VegaCheckbox = class {
     this.checked = this.identifier ? value === this.identifier : value === true;
   }
   render() {
-    return component.sanitizeVegaComponent(index.h(index.Host, { class: {
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { class: {
         'vega-flex-shrink-0 v-min-w-min': this.host.parentElement.nodeName == 'VEGA-CHECKBOX-GROUP',
         'checked': this.checked,
         'disabled': this.isDisabled(),
-      } }, index.h("label", { class: {
+      } }, globalSlimmerRegistry.h("label", { class: {
         'vega-checkbox-container': true,
         'error': this.showError,
-      }, 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: {
+      }, 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: {
         'vega-checkbox-icon': true,
         'vega-checkbox-small': this.size === 'small',
-      }, onClick: this.onSelectedIconClick, tabIndex: -1 }, this.renderIconDom()), index.h("div", { class: {
+      }, onClick: this.onSelectedIconClick, tabIndex: -1 }, this.renderIconDom()), globalSlimmerRegistry.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 ? (index.h("vega-icon", { icon: "checkmark", size: this.size === 'small' ? 'size-12' : 'size-16' })) : null;
+    return this.checked ? (globalSlimmerRegistry.h("vega-icon", { icon: "checkmark", size: this.size === 'small' ? 'size-12' : 'size-16' })) : null;
   }
   renderLabelDom() {
-    return (index.h("span", { class: "vega-checkbox-label" }, index.h("slot", null)));
+    return (globalSlimmerRegistry.h("span", { class: "vega-checkbox-label" }, globalSlimmerRegistry.h("slot", null)));
   }
   renderRequireDom() {
-    return (index.h("span", { class: {
+    return (globalSlimmerRegistry.h("span", { class: {
         'vega-require': this.required,
       } }, this.required ? '*' : ''));
   }
@@ -360,7 +359,7 @@ const VegaCheckbox = class {
    */
   initAndRegisterGroupDisabledObserver() {
     if (ui.findParent(this.host, 'vega-checkbox-group')) {
-      this.groupDisabledObserver = new observer.Observer(this.canAcceptGroupDisabledObserver.bind(this), this.groupDisabledObserverListener.bind(this));
+      this.groupDisabledObserver = new domNodeSubjectObserverFactory.Observer(this.canAcceptGroupDisabledObserver.bind(this), this.groupDisabledObserverListener.bind(this));
       changeManager.ChangeManager.register(staticSubjectTitle.CHECKBOX_GROUP_DISABLED_CHANGE, this.groupDisabledObserver);
     }
   }
@@ -372,7 +371,7 @@ const VegaCheckbox = class {
       changeManager.ChangeManager.unregister(staticSubjectTitle.CHECKBOX_GROUP_DISABLED_CHANGE, this.groupDisabledObserver);
     }
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
   static get watchers() { return {
     "checked": ["watchCheckedChange"]
   }; }
@@ -408,9 +407,9 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaCheckboxGroup = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.vegaChange = index.createEvent(this, "vegaChange", 7);
-    this.change = index.createEvent(this, "change", 7);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
+    this.vegaChange = globalSlimmerRegistry.createEvent(this, "vegaChange", 7);
+    this.change = globalSlimmerRegistry.createEvent(this, "change", 7);
     this.globalSlimmers = {};
     this.formFieldController = new formFieldControllerSlimmer.FormFieldControllerSlimmer({
       propertyRules: [
@@ -426,8 +425,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([vegaEventId.VegaChange], () => this.vegaFlexElement);
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCheckboxGroup, vegaEventId.VegaChange);
+    this.checkboxEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaChange], () => this.vegaFlexElement);
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCheckboxGroup, domNodeSubjectObserverFactory.VegaChange);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     /**
      * Specifies the label or title for the checkbox group.
@@ -538,18 +537,18 @@ const VegaCheckboxGroup = class {
    */
   /* istanbul ignore next */
   render() {
-    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) => {
+    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) => {
         this.vegaFlexElement = el;
-      } }, index.h("slot", null))), this.renderHintDom()), this.host);
+      } }, globalSlimmerRegistry.h("slot", null))), this.renderHintDom()), this.host);
   }
   renderLabelDom() {
-    return (this.label && (index.h("div", { class: "vega-label" }, index.h("label", { "aria-label": this.label }, this.label, this.renderRequireDom()))));
+    return (this.label && (globalSlimmerRegistry.h("div", { class: "vega-label" }, globalSlimmerRegistry.h("label", { "aria-label": this.label }, this.label, this.renderRequireDom()))));
   }
   renderRequireDom() {
-    return this.required ? index.h("span", { class: "vega-require" }, "*") : null;
+    return this.required ? globalSlimmerRegistry.h("span", { class: "vega-require" }, "*") : null;
   }
   renderHintDom() {
-    return (this.hint && (index.h("div", { class: "vega-hint" }, index.h("label", null, this.hint))));
+    return (this.hint && (globalSlimmerRegistry.h("div", { class: "vega-hint" }, globalSlimmerRegistry.h("label", null, this.hint))));
   }
   setVegaFlexProperty() {
     if (this.vegaFlexProp) {
@@ -590,7 +589,7 @@ const VegaCheckboxGroup = class {
   notifyGroupDisabledChange() {
     changeManager.ChangeManager.notify(staticSubjectTitle.CHECKBOX_GROUP_DISABLED_CHANGE, { host: this.host });
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
   static get watchers() { return {
     "value": ["watchValue"],
     "vegaFlexProp": ["watchVegaFlexProp"],

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

@@ -2,34 +2,33 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-09acd3c9.js');
-const component = require('./component-73a88c4e.js');
-const responsiveFormatFacade = require('./responsive-format-facade-ad2f67bf.js');
-const ui = require('./ui-08f33116.js');
-const designToken = require('./design-token-92906579.js');
+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 accessibility = require('./accessibility-bfa227f6.js');
-const breakpoints = require('./breakpoints-7e2dff90.js');
-const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-a8cf1874.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-83278943.js');
-const vegaEventId = require('./vega-event-id-81270f6a.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-f07a8fe9.js');
-require('./type-guard-a07b353b.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');
+require('./type-guard-4ba85fdc.js');
+require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
-require('./state-background-color-formatter-418b84e6.js');
-require('./dynamic-slimmer-f31fdfd7.js');
-require('./change-manager-a297e4d2.js');
-require('./dom-node-subject-observer-factory-2e41340d.js');
-require('./observer-f49483e8.js');
-require('./internal-vega-event-manager-5fe83465.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('./vega-env-manager-23b8b23c.js');
-require('./feature-flag-controller-0d1015fa.js');
-require('./index-5792390b.js');
+require('./feature-flag-controller-e97b5f29.js');
+require('./index-8b247c17.js');
+require('./_commonjsHelpers-537d719a.js');
 
 const VegaChipRuntimeMetricsPayloadDefinition = [
   {
@@ -72,20 +71,20 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaChip = class {
   constructor(hostRef) {
-    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);
+    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);
     this.globalSlimmers = {};
     this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer({
       callback: /* istanbul ignore next */ () => {
         this.setCurrentSize();
       },
     });
-    this.flexEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaClick], () => this.vegaFlexRef);
-    this.closeEventEmit = eventEmitSlimmer.createEventEmitSlimmer(VegaChip, vegaEventId.VegaClose);
-    this.clickEventEmit = eventEmitSlimmer.createEventEmitSlimmer(VegaChip, vegaEventId.VegaClick);
+    this.flexEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaClick], () => this.vegaFlexRef);
+    this.closeEventEmit = eventEmitSlimmer.createEventEmitSlimmer(VegaChip, domNodeSubjectObserverFactory.VegaClose);
+    this.clickEventEmit = eventEmitSlimmer.createEventEmitSlimmer(VegaChip, domNodeSubjectObserverFactory.VegaClick);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaChipRuntimeMetricsPayloadDefinition);
     this.currentBreakpoint = breakpoints.getCurrentBreakpoint();
     /**
@@ -183,36 +182,36 @@ const VegaChip = class {
     this.setCurrentSize();
   }
   render() {
-    return component.sanitizeVegaComponent(index.h(index.Host, null, index.h("vega-flex", { "align-items": "center", ref: (node) => (this.vegaFlexRef = node) }, this.renderChip())), this.host);
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, null, globalSlimmerRegistry.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 (index.h(index.Fragment, null, index.h("div", { class: classes }, this.renderContent()), this.renderCloseIcon()));
+    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null, globalSlimmerRegistry.h("div", { class: classes }, this.renderContent()), this.renderCloseIcon()));
   }
   renderButtonChip(classes) {
-    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()));
+    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()));
   }
   renderContent() {
-    return (index.h("vega-flex", { gap: this.getFlexGap(), "align-items": "center" }, this.renderPrefixIcon(), this.renderText(), this.renderSuffixIcon()));
+    return (globalSlimmerRegistry.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' && (index.h("div", { class: "vega-chip-icon" }, this.renderIcon(this.icon)));
+      : this.icon && this.iconAlign === 'left' && (globalSlimmerRegistry.h("div", { class: "vega-chip-icon" }, this.renderIcon(this.icon)));
   }
   renderSuffixIcon() {
     return (this.icon &&
       this.chipType === 'label' &&
-      this.iconAlign === 'right' && index.h("div", { class: "vega-chip-icon" }, this.renderIcon(this.icon)));
+      this.iconAlign === 'right' && globalSlimmerRegistry.h("div", { class: "vega-chip-icon" }, this.renderIcon(this.icon)));
   }
   renderCloseIcon() {
-    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'))));
+    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'))));
   }
   renderIcon(icon) {
-    return (index.h("vega-icon", { icon: icon, size: icon === 'close'
+    return (globalSlimmerRegistry.h("vega-icon", { icon: icon, size: icon === 'close'
         ? VegaChip.closeIconSizeMap[this.currentSize]
         : VegaChip.iconSizeMap[this.currentSize] }));
   }
@@ -224,10 +223,10 @@ const VegaChip = class {
       `v-h-${size}`,
       designToken.formatAndValidBackgroundColor(this.statusColor, ['dark']),
     ]);
-    return (index.h("div", { class: "vega-chip-dot-container" }, index.h("div", { class: classes })));
+    return (globalSlimmerRegistry.h("div", { class: "vega-chip-dot-container" }, globalSlimmerRegistry.h("div", { class: classes })));
   }
   renderText() {
-    return (index.h("span", { class: "vega-chip-text" }, index.h("vega-text", { overflow: "ellipsis", key: this.text }, this.text)));
+    return (globalSlimmerRegistry.h("span", { class: "vega-chip-text" }, globalSlimmerRegistry.h("vega-text", { overflow: "ellipsis", key: this.text }, this.text)));
   }
   setCurrentSize() {
     this.currentSize = responsiveFormatFacade.ResponsiveFormatFacade.formatCustom(this.size);
@@ -261,7 +260,7 @@ const VegaChip = class {
         : '',
     ]);
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
   static get watchers() { return {
     "size": ["watchSize"]
   }; }