@globalpayments/vega 2.32.0 → 2.34.0

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

@@ -2,37 +2,36 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-09acd3c9.js');
-const component = require('./component-73a88c4e.js');
-const breakpoints = require('./breakpoints-7e2dff90.js');
-const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-require('./state-background-color-formatter-418b84e6.js');
-const designToken = require('./design-token-92906579.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-a8cf1874.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
-const vegaEventId = require('./vega-event-id-81270f6a.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
+const component = require('./component-63af66ea.js');
+const breakpoints = require('./breakpoints-17d6c4c7.js');
+require('./state-background-color-formatter-d32a1098.js');
+const designToken = require('./design-token-908e3f69.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-e54fa9d4.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-093462f1.js');
 const ui$1 = require('./ui-32e69595.js');
-const responsiveFormatFacade = require('./responsive-format-facade-ad2f67bf.js');
+const responsiveFormatFacade = require('./responsive-format-facade-74079f1b.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const ui = require('./ui-08f33116.js');
-const internalVegaZIndexManager = require('./internal-vega-z-index-manager-f03ddb37.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-83278943.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-88ed23c2.js');
-const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-6749808c.js');
-const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-fc729fd9.js');
-require('./type-guard-a07b353b.js');
+const ui = require('./ui-b5906704.js');
+const internalVegaZIndexManager = require('./internal-vega-z-index-manager-e24e4309.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-a46bb411.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e1a6e5ad.js');
+const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-6b64a26c.js');
+const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-f36e3779.js');
+require('./breakpoints-ebde4837.js');
+require('./type-guard-4ba85fdc.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./change-manager-a297e4d2.js');
-require('./observer-f49483e8.js');
+require('./change-manager-bda1d107.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
-require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-vega-event-manager-5fe83465.js');
+require('./dynamic-slimmer-dc30600a.js');
+require('./internal-vega-event-manager-d7643ec6.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./feature-flag-controller-f9d3ce38.js');
-require('./index-5792390b.js');
+require('./feature-flag-controller-e97b5f29.js');
+require('./index-8b247c17.js');
+require('./_commonjsHelpers-537d719a.js');
 require('./object-bbd4ed7f.js');
 
 const vegaDialogCss = ":host vega-modal{padding-left:16px;padding-right:16px}@media (min-width: 768px){:host vega-modal{padding:0px}}:host .vega-dialog-actions-container{display:flex;justify-content:center;flex-direction:column;gap:12px}@media (min-width: 768px){:host .vega-dialog-actions-container{justify-content:flex-end;flex-direction:row}}:host .vega-dialog-modal-content{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:500;line-height:30px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-dialog-modal-content{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-dialog-modal-content{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-dialog-modal-content{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}";
@@ -49,7 +48,7 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
 };
 const VegaDialog = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
     this.globalSlimmers = {};
     /**
      * The below method is e2e-test covered in
@@ -111,16 +110,16 @@ const VegaDialog = class {
         this.modalProps.isVerticallyCenter !== undefined
         ? this.modalProps.isVerticallyCentered || this.modalProps.isVerticallyCenter
         : isSmallScreen, size: this.modalProps.size || this.dialogDefaultSize, open: true, modalTitle: this.dialogTitle, backdrop: 'static' });
-    return component.sanitizeVegaComponent(index.h(index.Host, null, index.h("vega-modal", Object.assign({}, mergedModalProps, { ref: (ref) => {
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaClose, () => {
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, null, globalSlimmerRegistry.h("vega-modal", Object.assign({}, mergedModalProps, { ref: (ref) => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClose, () => {
           this.onModalClose();
         });
-      } }), index.h("div", { slot: "modal-content", class: "vega-dialog-modal-content" }, this.content), index.h("div", { slot: "modal-footer" }, index.h("div", { class: "vega-dialog-actions-container" }, this.showCancel && (index.h("vega-button", Object.assign({}, mergedCancelButtonProps, { ref: (ref) => {
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaClick, (input) => {
+      } }), globalSlimmerRegistry.h("div", { slot: "modal-content", class: "vega-dialog-modal-content" }, this.content), globalSlimmerRegistry.h("div", { slot: "modal-footer" }, globalSlimmerRegistry.h("div", { class: "vega-dialog-actions-container" }, this.showCancel && (globalSlimmerRegistry.h("vega-button", Object.assign({}, mergedCancelButtonProps, { ref: (ref) => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClick, (input) => {
           this.handleCancelBtnClick(input);
         });
-      } }), ((_a = this.cancelButton) === null || _a === void 0 ? void 0 : _a.label) || 'Cancel')), index.h("vega-button", Object.assign({}, mergedOkButtonProps, { ref: (ref) => {
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaClick, (input) => {
+      } }), ((_a = this.cancelButton) === null || _a === void 0 ? void 0 : _a.label) || 'Cancel')), globalSlimmerRegistry.h("vega-button", Object.assign({}, mergedOkButtonProps, { ref: (ref) => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClick, (input) => {
           this.handleOkBtnClick(input);
         });
       } }), ((_b = this.okButton) === null || _b === void 0 ? void 0 : _b.label) || 'OK'))))), this.host);
@@ -128,7 +127,7 @@ const VegaDialog = class {
   onModalClose() {
     this.host.remove();
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
 };
 __decorate$2([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
@@ -217,11 +216,11 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaModal = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.vegaClose = index.createEvent(this, "vegaClose", 7);
-    this.close = index.createEvent(this, "close", 7);
-    this.vegaOpen = index.createEvent(this, "vegaOpen", 7);
-    this.modalOpen = index.createEvent(this, "modalOpen", 7);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
+    this.vegaClose = globalSlimmerRegistry.createEvent(this, "vegaClose", 7);
+    this.close = globalSlimmerRegistry.createEvent(this, "close", 7);
+    this.vegaOpen = globalSlimmerRegistry.createEvent(this, "vegaOpen", 7);
+    this.modalOpen = globalSlimmerRegistry.createEvent(this, "modalOpen", 7);
     this.globalSlimmers = {};
     /**
      * The below method is e2e-test covered in
@@ -235,9 +234,9 @@ const VegaModal = class {
       isDeferred: true,
     });
     this.nestedModalController = new VegaNestedModalController();
-    this.openEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaModal, vegaEventId.VegaOpen);
-    this.closeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaModal, vegaEventId.VegaClose);
-    this.childNodesEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaOpen, vegaEventId.VegaClose], () => this.modalContainer);
+    this.openEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaModal, domNodeSubjectObserverFactory.VegaOpen);
+    this.closeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaModal, domNodeSubjectObserverFactory.VegaClose);
+    this.childNodesEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaOpen, domNodeSubjectObserverFactory.VegaClose], () => this.modalContainer);
     this.componentGlobalStyleSlimmer = new componentGlobalStyleSlimmer.ComponentGlobalStyleSlimmer(vegaModalDisableBodyScrollCss);
     this.deprecatedPropertySlimmer = deprecatedPropertySlimmer.createDeprecatedPropertySlimmer(VegaModal, 'isVerticallyCentered', 'isVerticallyCenter', false);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaModalRuntimeMetricsPayloadDefinition);
@@ -427,17 +426,17 @@ const VegaModal = class {
     }
   }
   render() {
-    return component.sanitizeVegaComponent(index.h(index.Host, { class: {
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { class: {
         'align-center': this.deprecatedPropertySlimmer.getValue() && this.open,
         'animation': this.animation,
-      } }, index.h("div", { class: "modal-dialog" }, this.renderContainer())), this.host);
+      } }, globalSlimmerRegistry.h("div", { class: "modal-dialog" }, this.renderContainer())), this.host);
   }
   renderContainer() {
     const padding = designToken.formatAndValidResponsiveToken(this.padding, 'padding');
-    return (index.h("div", { class: "modal-container", ref: (node) => (this.modalContainer = node) }, this.renderHeader(padding), this.renderContent(padding), this.renderFooter(padding)));
+    return (globalSlimmerRegistry.h("div", { class: "modal-container", ref: (node) => (this.modalContainer = node) }, this.renderHeader(padding), this.renderContent(padding), this.renderFooter(padding)));
   }
   renderHeader(padding) {
-    return (index.h("div", { class: {
+    return (globalSlimmerRegistry.h("div", { class: {
         'vega-modal-header': true,
         'vega-modal-header-with-title': this.hasModalTitle(),
         'vega-modal-header-with-icon': this.showCloseButton,
@@ -446,25 +445,25 @@ const VegaModal = class {
       } }, this.renderTitle(), this.showCloseButton && this.renderCloseBtn()));
   }
   renderContent(padding) {
-    return (index.h("div", { class: {
+    return (globalSlimmerRegistry.h("div", { class: {
         'vega-modal-content': true,
         'vega-modal-content-with-scroll': this.isContentScrollable(),
         [padding]: true,
-      }, ref: (e) => (this.modalContent = e) }, index.h(index.Fragment, null, index.h("slot", null), index.h("slot", { name: "content" }), index.h("slot", { name: "modal-content" }))));
+      }, ref: (e) => (this.modalContent = e) }, globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null, globalSlimmerRegistry.h("slot", null), globalSlimmerRegistry.h("slot", { name: "content" }), globalSlimmerRegistry.h("slot", { name: "modal-content" }))));
   }
   renderFooter(padding) {
-    return (index.h("div", { class: {
+    return (globalSlimmerRegistry.h("div", { class: {
         'vega-modal-footer': true,
         'vega-modal-footer-with-slot': this.hasModalFooter(),
         'vega-modal-footer-with-content-scroll': this.isContentScrollable(),
         [padding]: true,
-      }, ref: (e) => (this.modalFooter = e) }, index.h(index.Fragment, null, index.h("slot", { name: "footer" }), index.h("slot", { name: "modal-footer" }))));
+      }, ref: (e) => (this.modalFooter = e) }, globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null, globalSlimmerRegistry.h("slot", { name: "footer" }), globalSlimmerRegistry.h("slot", { name: "modal-footer" }))));
   }
   renderTitle() {
-    return (index.h("div", { class: "vega-modal-title" }, this.modalTitle ? (index.h("div", { innerHTML: this.modalTitle })) : (index.h(index.Fragment, null, index.h("slot", { name: "title" }), index.h("slot", { name: "modal-title" })))));
+    return (globalSlimmerRegistry.h("div", { class: "vega-modal-title" }, this.modalTitle ? (globalSlimmerRegistry.h("div", { innerHTML: this.modalTitle })) : (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null, globalSlimmerRegistry.h("slot", { name: "title" }), globalSlimmerRegistry.h("slot", { name: "modal-title" })))));
   }
   renderCloseBtn() {
-    return (index.h("div", { "aria-label": "Close Button", class: "vega-modal-close-btn", "data-dismiss": "modal", onClick: this.closeModal, role: 'button', tabIndex: 0, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() }, index.h("vega-icon", { icon: "close", size: "size-16" })));
+    return (globalSlimmerRegistry.h("div", { "aria-label": "Close Button", class: "vega-modal-close-btn", "data-dismiss": "modal", onClick: this.closeModal, role: 'button', tabIndex: 0, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() }, globalSlimmerRegistry.h("vega-icon", { icon: "close", size: "size-16" })));
   }
   hasModalFooter() {
     return (this.host.querySelector(`[slot='modal-footer']`) !== null ||
@@ -671,7 +670,7 @@ const VegaModal = class {
       }
     }, { capture: true });
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
   static get watchers() { return {
     "size": ["watchSize"],
     "open": ["watchOpen"]

package/dist/cjs/vega-divider.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 globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
-const responsiveFormatFacade = require('./responsive-format-facade-ad2f67bf.js');
-const typeGuard = require('./type-guard-a07b353b.js');
-const designToken = require('./design-token-92906579.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-a8cf1874.js');
-const breakpoints = require('./breakpoints-7e2dff90.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
+const component = require('./component-63af66ea.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
+const responsiveFormatFacade = require('./responsive-format-facade-74079f1b.js');
+const typeGuard = require('./type-guard-4ba85fdc.js');
+const designToken = require('./design-token-908e3f69.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-e54fa9d4.js');
+const breakpoints = require('./breakpoints-17d6c4c7.js');
 require('./number-4816603d.js');
 require('./ui-32e69595.js');
 require('./pixel-98f2a10c.js');
+require('./breakpoints-ebde4837.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./state-background-color-formatter-418b84e6.js');
+require('./state-background-color-formatter-d32a1098.js');
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -92,7 +92,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaDivider = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
     this.globalSlimmers = {};
     this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer();
     this.sizeController = new VegaDividerSizeController();
@@ -124,13 +124,13 @@ const VegaDivider = class {
     this.margin = '0';
   }
   render() {
-    return component.sanitizeVegaComponent(index.h(index.Host, { class: {
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { class: {
         [`vega-divider-${responsiveFormatFacade.ResponsiveFormatFacade.formatCustom(this.direction)}`]: true,
         [`vega-divider-${this.variant}`]: true,
         [designToken.formatAndValidResponsiveToken(this.margin, 'margin')]: true,
       }, style: this.sizeController.getSize() }), this.host);
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
 };
 __decorate([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()